/*
Theme Name: General
Theme URI: http://www.philippknoll.com/
Description: .
Version: 1.0
Author: Philipp Knoll
Author URI: http://www.philippknoll.com/
Tags: blue, custom header, fixed width, two columns, widgets

*/

body {font-size:15px; font-family:Calibri, "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; background-color:#333333; color:#F2F2F2; margin:0; padding:0;}

#page {margin:70px auto; padding:0; width:804px; border:0; text-align:left;}

#header {width:804px; height:125px; float:left; margin:0 0 15px 0; padding:0;} /* Navigation Area */

#logo {height:125px; width:312px; margin:0; padding:0; float:left;}

#navi {height:125px; width:482px; margin:0; padding:0 0 0 10px; float:left;}

/*#navi ul {padding:0; margin:0; float:right;}

#navi li {display:inline; list-style-type:none;}

#navi a { height:30px; display:block; margin:0; padding:3px 7px 0 7px; color:#FFFFFF; text-decoration:none; float:left; text-align:center; font-size:12px; text-decoration:none; letter-spacing:1px;}

#navi a.current { height:30px; display:block; margin:0; padding:3px 7px 0 7px; color:#FFFFFF; text-decoration:none; float:left; text-align:center; font-size:12px; text-decoration:none; letter-spacing:1px; background-image:url('images/pilar-nav-bg.png'); background-repeat:no-repeat; background-position:center top;}

#navi a:hover {margin:0; padding:3px 7px 0 7px; color:#FFFFFF; text-decoration:none; background-image:url('images/pilar-nav-bg.png'); background-repeat:no-repeat; background-position:center top;}*/

#banner {float:left; width:804px; height:191px; margin:0 0 20px 0; padding:0;}

#bannerbox1 {float:left; width:261px; height:191px; margin:0; padding:0;}

#bannerbox2 {float:left; width:200px; height:191px; margin:0 13px 0 13px; padding:0;}

#bannerbox3 {float:left; width:317px; height:191px; margin:0; padding:0;}

#textcolumn {float:left; padding:0; margin:0 13px 0 0; width:474px; text-align:left;}

#sidebar {padding:5px 0 0 0; float:left; width:317px; margin:0; font-size:12px;}

#sidebar ul {margin:0; padding:0; list-style-type:none;}

#sidebar li {margin:0 0 20px 0; padding:10px; list-style-type:none; background-color:#FFFFFF; color:#333333;}

#sidebar h2 {margin:0 0 10px 0; padding:0; color:#90C127; font-size:16px; font-weight:bold;}



#sidebar3 {padding:5px 0 0 0; float:left; width:317px; margin:0;}

#sidebar3 ul {margin:0; padding:0; list-style-type:none;}

#sidebar3 li {margin:0 0 20px 0; padding:10px; list-style-type:none; background-color:#ccff99; color:#333333;}

#sidebar3 h2 {margin:0 0 10px 0; padding:0; color:#90C127; font-size:16px; font-weight:bold;}


#sidebar4 {padding:5px 0 0 0; float:left; width:317px; margin:0;}

#sidebar4 ul {margin:0; padding:0; list-style-type:none;}

#sidebar4 li {margin:0 0 20px 0; padding:10px; list-style-type:none; background-color:#92daf1; color:#333333;}

#sidebar4 h2 {margin:0 0 10px 0; padding:0; color:#90C127; font-size:16px; font-weight:bold;}


#sidebar5 {padding:5px 0 0 0; float:left; width:317px; margin:0;}

#sidebar5 ul {margin:0; padding:0; list-style-type:none;}

#sidebar5 li {margin:0 0 20px 0; padding:10px; list-style-type:none; background-color:#8f8b8b; color:#333333;}

#sidebar5 h2 {margin:0 0 10px 0; padding:0; color:#90C127; font-size:16px; font-weight:bold;}


#sidebar6 {padding:5px 0 0 0; float:left; width:317px; margin:0;}

#sidebar6 ul {margin:0; padding:0; list-style-type:none;}

#sidebar6 li {margin:0 0 20px 0; padding:10px; list-style-type:none; background-color:#ffcc99; color:#333333;}

#sidebar6 h2 {margin:0 0 10px 0; padding:0; color:#90C127; font-size:16px; font-weight:bold;}



#footer {padding:0; margin:30px 0 0 0; width:804px; height:30px; background-color:#80C615; color:#FFFFFF; float:left; font-size:12px;}

#footerleft {float:left; width:494px; padding:8px 0 0 10px; margin:0; height:22px;}

#footerright {float:left; width:290px; padding:8px 10px 0 0; margin:0; height:22px; text-align:right;}

#spacer {width:804px; padding:0; margin:0; height:30px; float:left;}

#design {width:794px; padding:10px 0 0 10px; margin:0; float:left;}

#design a {color:#666666; text-decoration:none; font-size:10px;}

#design a:hover {color:#08A0EE; text-decoration:none; font-size:10px;}

#footer a {color:#FFFFFF; text-decoration:none;}

#footer a:hover {color:#08A0EE; text-decoration:none;}

.pagecontent {padding:0; margin:0;}

.pagecontent h1 {padding:0; margin:0 0 10px 0; line-height:30px;  font-weight:normal;}

.post {padding:0; margin:0 0 70px 0;}

.entry {padding:0; margin:10px 0 0 0;}

.postmeta {font-size:10px; color:#FFFFFF; line-height:13px; letter-spacing:1px; margin:30px 0 0 0; padding:0;}

.postmetaheadline {font-size:10px; color:#FFFFFF; line-height:13px; letter-spacing:1px; margin:10px 0 30px 0; padding:0;}

.postmetadatabox {font-size:10px; color:#999999; border:#CCCCCC 1px solid; background:#CCFFFF; margin:20px 0 20px 0; padding:4px; line-height:11px;}

.sharethisimg {width:474px; margin:20px 0 20px 0; float:left; padding:0;}

.sharethisimg img {padding:0; margin:0 2px 0 0;}

.sharethisimg img:hover {-moz-opacity: 0.40; opacity:0.40; filter: alpha(opacity=40);}

#navigation {padding:0; margin:40px 0 0 0; width:474px; float:left; font-size:15px;}

#navigationindex {padding:0; margin:-20px 0 0 0; width:474px; float:left; font-size:15px;}

.previouspost {float:left; width:227px; padding:0 10px 0 0; margin:0; text-align:left;}

.nextpost {float:left; width:227px; padding:0 0 0 10px; margin:0; text-align:right;}

#navigation h2 a {font-size:15px; color:#08A0E8; font-weight:normal; text-decoration:none;}

#navigation h2 a:hover {font-size:15px; color:#08A0E8; font-weight:normal; text-decoration:underline;}

img {border:0;}

img.centered {display:block; margin-left:auto; margin-right:auto;}

img.alignright {padding:4px; margin:0 0 2px 7px; display:inline; float:right;}

img.alignleft {padding:4px; margin:0 7px 2px 0; display:inline; float:left;}

h1 {font-size:25px; color:#90C127; margin:0 0 10px 0; line-height:30px; font-weight:normal;}

h2 {font-size:18px; padding:0; margin:0 0 10px 0; font-weight:normal; color:#90C127;}

h2 a{font-size:25px; color:#90C127; margin:0;}

h2 a:hover{font-size:25px; color:#08A0E8; margin:0;}

.archiveheadline {font-size:19px; color:#90C127; margin:0 0 30px 0;}

h3 {font-size:16px; color:#333333; font-weight:bold;}

a {color:#08A0E8; text-decoration:none;}

a:hover {color:#08A0E8; text-decoration:underline;}

small {font-size:10px; color:#999999;}

.alignleft {float:left;}

.alignright {float:right;}

.center {text-align:center;}


#commentswrapper {width:100%; margin:0 0 20px 0; padding:0; float:left;}

#commentform {width:100%; margin:0; padding:0;}

#commentform p {margin:5px 0 5px 0;}

#commentform input {width:180px; padding:2px;}

#commentform textarea {width:470px; padding:2px;}

#commentform small {color:#FFFFFF;}

#commentform submit {}


.commentlist {padding:0; margin:0;}

.commentlist ul {padding:0; margin:0;}

.commentlist li {padding:0; margin:0 0 35px 0; list-style-type:none;}

.commentsh3 {font-size:20px; color:#84D112; font-weight:bold; margin:30px 0 20px 0;}

.commentbox {color:#FFFFFF; margin:0; padding:0; width:474px; float:left;}

.commentgravatar {float:left; margin:0 10px 0 0; padding:0;}

.commentgravatar img {padding:4px; border:#CCCCCC 1px solid;}

.commentgravatar img:hover {padding:4px; border:#CCCCCC 1px solid; background:#84D112;}

.commentauthor {float:left; padding:14px 0 0 0; margin:0; font-size:15px;}

.commentauthor a {color:#84D112; text-decoration:none;}

.commentauthor a:hover {color:#08A0E8; text-decoration:none;}

.commentstatus {width:474px; text-align:center; font-size:12px; color:#08A0E8; font-weight:bold; padding:0; margin:20px 0 0 0; float:left; font-style:italic;}

.commenttext {width:474px; float:left; margin:0 0 0 0; padding:0; line-height:17px; letter-spacing:1px;}

.commentlist cite {padding:0; margin:0 0 0 4px; font-size:12px; font-weight:bold; color:#333333; font-style:normal;}

.commentlist small {font-size:10px; color:#FFFFFF;}






/* Start Dropdown Navigation Menu 

#nav, #nav ul {padding:0; margin:0; float:right;}

#nav a { height:30px; display:block; margin:0; padding:3px 7px 0 7px; color:#FFFFFF; text-decoration:none; float:left; text-align:center; font-size:12px; text-decoration:none; letter-spacing:1px;}

#nav a.current { height:30px; display:block; margin:0; padding:3px 7px 0 7px; color:#FFFFFF; text-decoration:none; float:left; text-align:center; font-size:12px; text-decoration:none; letter-spacing:1px; background-image:url('images/pilar-nav-bg.png'); background-repeat:no-repeat; background-position:center top;}

#nav a:hover {margin:0; padding:3px 7px 0 7px; color:#FFFFFF; text-decoration:none; background-image:url('images/pilar-nav-bg.png'); background-repeat:no-repeat; background-position:center top;}

#nav li {display:inline; list-style-type:none;} 

ul {margin:0;padding:0;}
li {list-style-type:none;border-width:1px;border-style:solid;border-color:#ccc #333 #000 #999;}
a {display:block;padding:10px 0 10px 10px;text-decoration:none;background:#ccc;color:#000;}
a:hover {background:#333;color:#fff;}
ul {width:200px;}
.fixed a {position:relative;}
*/






/* Start Dropdown Navigation Menu */

#nav, #nav ul {padding: 0; margin:95px 0 0 0; list-style: none; float:right; z-index:1;}

#nav li a {height:30px; display:block; margin:0; padding:3px 7px 0 7px; color:#FFFFFF; text-decoration:none; float:left; font-size:12px; text-decoration:none; letter-spacing:1px;}

#nav li a:hover {margin:0; padding:3px 7px 0 7px; color:#FFFFFF; text-decoration:none; background-image:url('images/pilar-nav-bg.png'); background-repeat:no-repeat; background-position:center top;}

#nav li a.current { height:30px; display:block; margin:0; padding:3px 7px 0 7px; color:#FFFFFF; text-decoration:none; float:left; font-size:12px; text-decoration:none; letter-spacing:1px; background-image:url('images/pilar-nav-bg.png'); background-repeat:no-repeat; background-position:center top;}

#nav li {float: left; padding:0;}

#nav li:hover {float: left; padding:0;}

#nav li ul {position:absolute; text-align:left; left:-999em; padding:0; z-index:1; margin:20px 0 0 0; width:150px;}

#nav li ul li {float:left; margin:0; padding:0; width:150px;}

#nav li ul li a {height:15px; display:block; margin:0; padding:3px 20px 0 20px; color:#FFFFFF; background-color:#90C127; text-align:left; text-decoration:none; font-size:12px; text-decoration:none; letter-spacing:1px; background-image:none; border-top: 2px solid #333333;}

#nav li ul li a:hover {height:15px; display:block; margin:0; padding:3px 20px 0 20px; color:#FFFFFF; background-color:#8BFE5A; text-align:left; text-decoration:none; font-size:12px; text-decoration:none; letter-spacing:1px; background-image:none; border-top: 2px solid #333333;}

#nav li ul ul {margin: -1em 0 0 8.5em; border-left: 1px solid #fedc00;text-align:left;}

#nav li:hover ul ul, #nav li.sfhover ul ul {left: -999em;}

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { left: auto;}

#nav li:hover, #nav li.hover {position: static;}

/* End Dropdown Navigation Menu */



