/*
Theme Name: USGBC
Author: Dave Quintana / Defiant Interactive
Author URI: http://www.defiantinteractive.org
Based on the Starkers theme
*/

@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";

/*
---------------------------
structure
-page-wrap
  -header
    -logo
    -tnav
    -search
  -banner
  -main-content
    -left-nav
    -posts
    -stream
  -footer
    -copy
    -smedia
    -info
    -national
    -credit
-----------------------------
*/

html, body {
     background:#ffffff   url(style/images/bg1.jpg) repeat-x   ;
     text-decoration:none;
     height:100%;
     line-height:167%;
     font-family:verdona, helvetical, arial, san-serif;
     font-size:12px;
}

h2 {
        line-height:120%;
}

a {
	text-decoration:none;
}

a:link, a:visited {
	color:#77927f;
}

a:hover {
	color:#c2d044;
}

a:active {
	color:#77927f;
}

ul, li, ol {
margin-left: 20px;
}
p {margin-bottom:14px;}


/*
---------------------
header
---------------------
*/

#page {
	margin:0 auto;
        width:950px;
        height:100%;
        background:#fff;
        padding-bottom:20px;

}

body > #page {
	height:auto;
        min-height:100%;
        border:1px solid gray;
}

.header {
	background:url(style/images/header.jpg) no-repeat top center;
        height:148px;
        width:950px;
top:20px;
        z-index:1;
}

.logo {
	height:108px;
        width:393px;
        z-index:10;
        top:-10px;
        left:20px;
        position:absolute;
}

.tnav {
        position:relative;
        float:left;
        margin-left:400px; 
        margin-top:5px;
        z-index:700;
        list-style:none;
}

.tnav li {
	display:inline;
        padding:5px 15px 5px 15px;
        z-index:600;
}

.search {
	align:right;
        position:absolute;
        left:650px;
         top:60px;
        list-style:none;

}

/*
----------------------
banner
---------------------
*/

#banner {
	height:331px;
        width:950px;
list-style:none;
        margin-left:-20px;
        margin-right:20px;
}

/*
-----------------------
main-content
-----------------------
*/

.main-content {
	width:950px;
    bottom:10px;
background:#fff;
position:relative;

}

/*
----------------------
left-nav
----------------------
*/

.left-nav {
	width:250px;
        z-index:500;
        /*bottom:20px;*/
        background:#d3d596 ;
        margin:0px 10px 10px 5px;
        min-height:465px;
        list-style:none;
		float:left;

}

/* left-nav flyout menu */

.left-nav ul {
       list-style:none;
        z-index:500;
       line-height:130%;
       margin:0;
       padding:20px 0px 0px 0px;
       font-weight:bold;
       font-size:0.9em;
}

.left-nav a {
        display:block;
        color:#orange;
        margin-left:-20px;
        margin-right:20px;
        font-size:1.2em;
        text-decoration:none;
        padding:8px 10px 8px 30px;
        border:none;
      z-index:500;
}

.left-nav a:hover {
        color:#ffffff;
        background:#ce7229 /* url(style/images/hl.jpg) repeat-y */ ;
   z-index:500;

}

.left-nav a:active {
	background:#dae7d6;
        top-border:1px #999999; 
        bottom-border: 1px #999999;        
  z-index:500;
}


.left-nav li {
        position:relative;
        float:left;
        width:250px;
      /*  border-bottom-style: solid; */ 
        color:blue; 
      left-padding:10px;
       top-padding:20px;
      /* border-bottom:1px solid #637696; */
  z-index:500;
}

.left-nav ul ul {
        position:absolute;
        color:#ce7229;
        top:0;
        margin-left:-20px;
        margin-right:20px;
        left:250px;
        width:250px;
        line-height:130%;
  z-index:500;
        padding:0px 0px 0px 0px;
}

.left-nav ul ul ul {
        position:absolute;
        color:#ce7229 ;
        top:0;
  z-index:500;
        left:250px;
        width:250px;
        margin-left:-20px;
        margin-right:20px;
        line-height:130%;
        padding:0px 0px 0px 0px;
}

div.left-nav ul ul ul, div.left-nav ul ul li:hover ul ul {
        display: none;

  z-index:500;}

div.left-nav ul ul, div.left-nav ul li:hover ul ul, div.left-nav ul ul li:hover ul ul {
        display:none;
}

div.left-nav ul li:hover ul, div.left-nav ul ul li:hover ul, div.left-nav ul ul ul li:hover ul {
       display:block;
background:#d3d596;
  z-index:500;


}

div.left-nav ul ul li:hover ul, div.left-nav ul ul ul li:hover ul {
         display:block;
background:#d3d596;
  z-index:500;


}

/* end of flyout menu */
 


/*
------------------------
stream
------------------------
*/
.news {
	width:190px;
        z-index:6;
        float:left;
        margin:0px 0px 0px 0px; 

        list-style:none;
        /*margin-left:10px;*/
}

.news li {
	padding:0px 5px 5px -10px;
        list-style:none;
}


.news h3 {
   margin-left:-15px;
}

.ec3_events {
	padding:0px 0px 0px 0px;
        font-weight:bold;
        margin-left:-20px;
}

.ec3_list ec3_list_month li {
        margin-left:-10px;
}

/*
------------------------
blog posts
------------------------
*/

.posts {
      width:470px;
      /*margin-left:260px; 
      margin-right: 235px; */
      padding:0px 0px 20px 0px;
      float: left;
      margin: 0 10px 0 0;
}

.post {
width: 665px;
left:10px; 
padding-top:40px; 
top:10px; 
margin-left:260px;
}

.post h2 {
font-size:24px;
}

.post ul li {
margin-left:-210px;
}

#pageposts {

      width:665px;
      padding-top:15px;
      margin-left:260px;
      padding-left:10px;

}

#pageposts h2 {
      font-size:24px;
      font-weight:bold;
}



#rounded {
    -moz-border-radius: 8px; /* Firefox */
    -webkit-border-radius: 8px; /* Safari */
}


#footer { z-index:200;
background:#fff;
	}

#wp-calendar {
	width:670px;
        height:800px;
        position:relative;
        float:right;
        z-index:400;
}

.nav {
	height:40px;
}

#ec3_2009_07 thread {
      height:600px;
}


.smedia {
        position:relative;
        float:right; 
	margin:-10px 45px 10px 0px;
z-index:200;
}

.smedia li {
	display:inline;
z-index:201;
}

.usgbcidaho {
position:relative; 
text-align:right;
        left-margin:450px;
        right-margin:50px;
       list-style:none;
line-height:160%;
}

.blogo {
	position:relative;
float:right;
margin-right:-25px;
        
}

.bpost{
	border: solid 2px #dddddd;

  -moz-border-radius: 10px; /* Firefox */
    -webkit-border-radius: 10px; /* Safari */
     padding:10px;
}

.bpost h2 {
	font-size:2.0em;
        font-weight:bold;
}

.post {
	padding:10px;
}


.date {
	float:right;
position:relative;
bottom:0px;
right:20px;
}

.byline {
	padding-left: 30px;
        margin:20px 10px 20px 0px;
}

#page {
	background:#ffffff;
}

.pie {
       margin-left:10px;
}

.simplepie {
	padding:0 5px 10px 5px;
        
}

.simplepie h3 {
margin-left:1px;
}

.simplepie h4 {
	padding:20px 0px 0px 0px;
}

.simplepie img {
	display:hidden;
}

#dsq-content, .dsq-brlink, #posts ul {
margin-left:280px;
padding-right:40px;

}

.aboutus {
float:right;
position:relative;
z-index:300;
width:550px;
margin-left:-250px;
margin-top:5px;
}

.aboutus li {
      padding:10px 5px 10px 5px;
display:inline;
margin:0px 5px 0px 5px;

}

.fan_page {
z-index:5;
margin: 0px 5px 0px 10px;
top:20px;
margin-bottom:20px;
}

.clear {
clear:both;
}
.clearr {
clear:right;
}
.clearl {
clear:left;
}

#calendar {
top:20px;
}

.footer_wrap {
margin:0px 20px;
}

#twitterstream {
z-index:40;

top:15px;
margin:0px 3px 20px 5px;
}

.pprofile {
width:100%;
height: 150px;
}

.pprofile li {
list-style-type:none;
float:left;
width:200px;
margin:5px;
}
.kjo-link { visibility: none;}