/* Theme Name: Higood */

/* import core styles */
@import url(interface/css/base.css);


/*------------------------------------------
// 1.BASIC ELEMENTS
//------------------------------------------*/

body { color:#000; font-family: Arial, Helvetica, sans-serif;}



/*------------------------------------------
// 2.LAYOUT
//------------------------------------------*/
	
/*---- Wrapper ----*/
div.wrapper { width:902px; margin:0 auto; }

/*---- Header ----*/
div#header {background:url(interface/images/header/header-bg.jpg) left top repeat-x; padding-bottom:30px;}
div#header div.wrapper { border-bottom:1px solid #779666; overflow:hidden;}

/*---- Navigation ----*/
div#navigation{background:url(interface/images/navigation/navigation-bg.gif) left top repeat-x; height:46px; line-height:46px;}
div#navigation div.wrapper{overflow:hidden;}

/*---- Content ----*/
div#container.home div#content{padding:50px 0px 263px;}
div#content div.wrapper{overflow:hidden; background:url(interface/images/content/content-bg.gif) repeat-y top right; }
div#container.home div#content div.wrapper{ background:none; }
/*---- Main ----*/
div#main { float:left; }

/*---- Sidebar ----*/
div#sidebar { float:right; }

/*---- Footer ----*/
div#footer{ background:#67994a url(interface/images/footer/footer-top.gif) left top repeat-x; }
div#footer div.footer-bottom{background: url(interface/images/footer/footer-bg.jpg) left bottom repeat-x;}
div#footer div.footer-bottom div.wrapper{  padding:23px 0px 46px 0px; overflow:hidden; background:url(interface/images/footer/footer-shadow.png) left top no-repeat;}

/*------------------------------------------
// 3. PAGE COMMON STYLES
//------------------------------------------*/

/*---- Header - Logo ----*/
div#header h1 a.logo{ position:relative; display:block;  width:345px; height:133px; float:left; text-decoration:none; }
div#header h1 a.logo span  { position: absolute; top: 0; left: 0; background:url(interface/images/header/logo.jpg) 0 0 no-repeat; display:block; width:345px; height:133px;  }

/*---- Header - Search Form ----*/
div#header div.search-form{float:right;}
div#header div.search-form p.textbox{background:url(interface/images/header/textbox.gif) left top no-repeat; float:left;  height:28px; padding-top:12px; margin-right:10px; }
div#header div.search-form p.textbox input.textbox{background:none; border:none;  font-weight:bold; text-transform:uppercase; color:#fff; width:212px; padding:0px 10px; font-size:100%;}
div#header div.search-form input.button{margin-top:7px;}

/*---- Navigation ----*/
div#navigation ul{ float:left; background:url(interface/images/content/ul-bg.gif) no-repeat top right; width:671px; height:46px;}
div#navigation ul li{ float:left; padding-right:20px;}
div#navigation ul li a{color:#5a5a5a; font-size:150%;}
div#navigation ul li a:hover , div#navigation ul li a.active{text-decoration:underline; }
div#navigation ul li.pipe{background:url(interface/images/navigation/pipe.gif) left center no-repeat;}

/*---- Navigation Statistics ----*/
div#navigation div.statistics{float:left; width:220px; text-align:right; padding-top:11px; height:34px;}
div#navigation div.statistics img{margin-left:20px;}

/*---- Content ----*/
a.button{background:url(interface/images/content/button.gif) left top no-repeat; padding-left:15px; height:28px; margin-right:5px;}
a.button span{background:url(interface/images/content/button.gif) right bottom no-repeat; padding-right:15px; height:28px; float:left; line-height:28px; font-size:90%; color:#fff; text-transform:uppercase; font-weight:bold; text-shadow:#4b7136 0.1em 0.1em 0em;}

a.button:hover , a.button:hover span{text-decoration:none;}

a.button:hover{background:url(interface/images/content/buttonhover.gif) left top no-repeat;}
a.button:hover span{background:url(interface/images/content/buttonhover.gif) right bottom no-repeat;}

/*---- Content -Post ----*/
div.post h1{ color:#5a5a5a; font-size:230%; line-height:24px; margin-bottom:10px;}
div.post h1 a { color:#5a5a5a; }
div.post h2{color:#000; font-size:160%; line-height:20px;}
div.post h2 a{color:#000; }
div.post h3{color:#5a5a5a; font-size:230%; line-height:24px;}
div.post h4{color:#5a5a5a; font-size:200%; line-height:24px; }
div.post h3 a, div.post h4 a{color:#5a5a5a; }
div.post img{float:left; margin:0px 17px 14px 0px; border:5px solid #e5e5e5;}
div.post div.entry p{font-size:140%; color:#4b4b4b; line-height:20px; margin-bottom:0; }
div.post div.datestamp{ font-size:120%; color:#878787; line-height:20px; margin-bottom:10px;}
div.post ul{ margin-bottom:30px; margin-left:10px; }
div.post ul li{ font-size:130%; color:#5a5a5a; list-style:disc; list-style-position:inside; line-height:20px;}
div.post ul li a ,div.post ol li a { color:#5a5a5a; }
div.post ol{ margin-bottom:30px; margin-left:10px; }
div.post ol li{ font-size:130%; color:#5a5a5a; list-style:decimal; list-style-position:inside; line-height:20px;}
div.post blockquote{ background:url(interface/images/content/quote-bg.gif) 0 0 repeat-y; padding-left:35px; }
div.post blockquote p{ margin-bottom:0;}
div.post p{ color:#5a5a5a; font-size:130%; margin-bottom:30px;}
div.post p a{ color:#4697b5; font-weight:bold; border-bottom:#dbdbdb 1px solid; text-decoration:none; cursor:pointer; }
div.post p a:hover{ border-bottom:none; text-decoration:none; }

/*---- Main ----*/
div#container.home div.post{width:286px; float:left; margin:0px 22px 13px 0px; }
div#container.home div.post.last{margin-right:0px;}
div#container.home div.post div.entry{ border-bottom:1px solid #e5e5e5; padding-bottom:12px; margin-bottom:12px; border-bottom:none; border-bottom:1px solid #e5e5e5; }

/*---- Sidebar ----*/

/*---- Footer ----*/
div#footer div.section {float:left; width:196px;}
div#footer div.middle{ width:340px; margin-right:22px;}
div#footer div.section h2{font-size:170%; color:#fff; line-height:22px; background:url(interface/images/footer/heading-border.gif) left bottom repeat-x; float:left; margin-bottom:19px; }
div#footer div.section ul{clear:both;}
div#footer div.section ul li{font-size:130%;  color:#273e1a; line-height:20px;}
div#footer div.section ul li a{color:#273e1a;}
div#footer div.section ul li a:hover{color:#fff; text-decoration:underline;}

div#footer div#recent-comments.section{ margin-right:88px; width:200px;}
div#footer div#recent-comments.section ul li a.more-link{ position:absolute; right:0pc; bottom:0px;}
div#footer div#recent-comments.section ul li a.more-link img{ vertical-align:bottom;}
div#footer div#recent-comments.section ul li{margin-bottom:23px; position:relative;}
div#footer div#recent-comments.section ul li a{color:#fff;}

div#footer div#partners{ float:left; margin-right:96px;}
div#footer div#partners ul{ margin-left:10px;}
div#footer div#partners ul li{ list-style:disc; list-style-position:inside; }
div#footer div#recent-articles{ float:left;}


div#footer div.logo{ background:url(interface/images/footer/logo-bg.png) 0 0 no-repeat; width:227px; padding:90px 0 0 25px; position:relative; height:1%;}
div#footer div.logo a.footer-logo{ background:url(interface/images/footer/footer-logo.png) 0 0 no-repeat; display:block; width:209px; height:60px; margin-bottom:15px;}
div#footer div.logo p{ font-size:130%; color:#2b441d; padding-bottom:50px; margin-left:12px;}
div#footer div.logo p a{ color:#FFF; text-decoration:underline; margin-left:5px;}

div#footer div.copyright{ clear:both; margin-top:50px;}
div#footer div.copyright img{ float:left; margin-right:10px;}
div#footer div.copyright p{ font-size:120%; color:#FFF; line-height:1.5em;}


/*------------------------------------------
// 4.1  INDEX PAGE SPECIFIC STYLES
//------------------------------------------*/

/*---- Dashboard ----*/
div#dashboard{background:url(interface/images/dashboard/dashboard-top.gif) left top repeat-x; } 
div#dashboard div.dashboard-bottom{background:#f0f0f0 url(interface/images/dashboard/dashboard-bottom.gif) left bottom repeat-x; padding:30px 2px 0;}
div#dashboard div.dashboard-bottom div.wrapper{overflow:hidden;}

/*---- Dashboard Latest Post ----*/
div#container div#latest.post{width:609px; float:left; margin:0px; }
div#latest.post h1{float:left; margin:0px; color:#5a5a5a; font-size:230%; line-height:24px;}
div#latest.post h1 a { color:#5a5a5a; text-decoration:none;  border-bottom:1px solid #cacaca; }
div#latest.post h1 a:hover { border-bottom:none; }
div#latest.post div.metadata{clear:both; font-size:130%; color:#939393; line-height:24px; margin-bottom:23px;}
div#latest.post div.metadata strong{color:#444444;}
div#container div#latest.post div.entry { border:0;}
div#latest.post div.entry img{ margin-right:20px; border:7px solid #d9d9d9; float:left; }
div#latest.post div.entry p{color:#5a5a5a; font-size:130%; line-height:20px; margin-bottom:15px; }

/*---- Dashboard Adds ----*/
div#dashboard div.dashboard-bottom div.ads{width:270px; float:right; margin-bottom:15px; }
div#dashboard div.dashboard-bottom div.ads img{margin:0px 5px 10px; float:left;}

/*---- Content ----*/
div#content div.post div.post-footer{width:100%; overflow:hidden; clear:both;}
div#content div.post{ margin-bottom:26px;}


/*------------------------------------------
// 4.1  INNER PAGE SPECIFIC STYLES
//------------------------------------------*/

/*---- Content ----*/
div#content{ padding:0px;}


/*---- Main ----*/
div#main{ float:left; width:646px; padding:50px 25px 135px 0; }
div#main P{ color:#5a5a5a; font-size:130%; margin-bottom:10px; line-height:20px;}


/*---- Main-Post ----*/
div#main div.post{ width:100%;}
div#main div.post h1{ font-size:230%; color:#5a5a5a; }
div#main div.post h1 span{border-bottom:#d1d1d1 1px solid;}
div#main div.post span.postmetadata{ font-size:130%; color:#939393; margin-bottom:27px; display:block;}
div#main div.post span.postmetadata a{color:#444444; font-weight:bold; text-decoration:none;}

div#main div.post div.entry{ border:0; margin:0;}
div#main div.post div.entry img{ float:left; margin: 0 20px 20px 0; border:#e4e4e4 7px solid;}

div#main div.post div.post-bottom{ border-bottom:#dbdbdb 1px solid; padding:15px 0; margin:25px 0 28px 0; border-top:#dbdbdb 1px solid;}
div#main div.post div.post-bottom p{ font-weight:bold; margin:0px; line-height:20px;}
div#main div.post div.post-bottom p span{ margin-right:5px;}
div#main div.post div.post-bottom p a{ color:#669849;}

/*---- Main-Comments ----*/
div#comments{border-bottom:#dbdbdb 1px solid;}
div#comments h3{ font-size:140%; color:#669849; line-height:15px;}
div#comments h4{ color:#5a5a5a; line-height:19px; font-size:130%; text-transform:uppercase;}
div#comments span{ color:#a0a0a0; line-height:19px; font-size:110%; display:block; margin-bottom:25px;}

div#comments div.comment{ padding:20px 10px 1px 23px;}
div#comments div.comment div.avatar{ margin-bottom:10px;}
div#comments div.comment div.avatar img{ float:left; margin-right:15px; border-bottom:#494949 1px solid; border-right:#494949 1px solid;  border-top:#111111 1px solid; border-left:#111111 1px solid;}
div#comments div.comment p{ margin-bottom:15px;}
div#comments div.comment div.avatar span{ color:#838383; font-size:100%; font-style:italic; margin:0;}
div#comments div.alt { background:#eaf5ff;}

/*----Comment-form ----*/
div#comment-form{ padding-top:20px;}

div#comment-form div.fields{ width:197px; float:left;}
div#comment-form div.message-box{ width:389px; float:right;}
div#comment-form div.fields span, div#comment-form div.message-box span {  color:#e73f3f; }
div#comment-form form label{ text-transform:uppercase; display:block; margin-bottom:7px; color:#5a5a5a; font-weight:bold; font-size:130%;}
div#comment-form form p.textfield{ background:url(interface/images/content/textbox.gif) 0 0 no-repeat; padding:3px 4px 3px 3px; width:190px; margin-bottom:12px; height:21px;}
div#comment-form form input.textbox{ width:190px; border:0; background:#dbdbdb;}

div#comment-form form p.textarea{ background:url(interface/images/content/textarea.gif) 0 0 no-repeat; width:383px; height:140px; padding:3px;}
div#comment-form form textarea.textarea{ border:0; width:380px; height:138px; background:#dbdbdb;}
div#comment-form form p.submit{ text-align:right; clear:both;}


/*---- Sidebar ----*/
div#sidebar{ float:right; width:213px; padding:50px 0 0 17px;}

/*---- Sidebar - Widget----*/
div#sidebar div.widget { margin-bottom:25px;}
div#sidebar div.widget a.story{ display:block; text-align:center;}
div#sidebar div.widget h2{ font-size:170%; margin-bottom:25px; color:#5a5a5a;}
div#sidebar div.widget ul{ margin-left:5px;}
div#sidebar div.widget ul li{ color:#959595; font-size:130%; line-height:20px; list-style:disc; list-style-position:inside;}
div#sidebar div.widget ul li a{ color:#959595; text-decoration:none;}
div#sidebar div.widget ul li a:hover{ color:#5d8c43; text-decoration:underline; font-weight:bold;}

/*---- Social ----*/
div#sidebar div#social ul li{ font-size:120%; font-weight:bold; margin-bottom:5px; line-height:29px; padding-left:35px; text-transform:uppercase; list-style:none; }
div#sidebar div#social ul li a{ color:#5a5a5a; text-decoration:none;}
div#sidebar div#social ul li.twitter{ background:url(interface/images/sidebar/twitter.gif) 0 0 no-repeat;}
div#sidebar div#social ul li.facebook{ background:url(interface/images/sidebar/facebook.gif) 0 0 no-repeat;}
div#sidebar div#social ul li.rss{ background:url(interface/images/sidebar/rss.gif) 0 0 no-repeat;}

/*---- Ads ----*/
div#sidebar div.execphpwidget img { display:block; margin:0px auto 10px; }

/*---- Recent-Post ----*/
div#sidebar div#recent-post, div#sidebar div.widget_recent_entries ul{ margin:0;}
div#sidebar div#recent-post ul li, div#sidebar div.widget_recent_entries ul li{ font-size:130%; font-weight:bold; line-height:20px; list-style:none; background:url(interface/images/sidebar/dot.gif) 0 100% repeat-x; padding-bottom:10px; margin-bottom:10px;}
div#sidebar div#recent-post ul li a, div#sidebar div.widget_recent_entries ul li a{ color:#5a5a5a; text-decoration:none;}
div#sidebar div#recent-post ul li a:hover, div#sidebar div.widget_recent_entries ul li a:hover;{ color:#5c8c43; text-decoration:underline;}