/* resets */

div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
	margin:0;
	padding:0;
	}


/* body */

body {
	color:#666;
	font-family: helvetica, sans-serif;
	font-size:11px;
	line-height:1.5em;
	background-color:#000;
}

* html body {
	position:absolute; top:-25px
}

body.default {
	background: url('images/page-bg.gif') repeat-x;
	background-color:#000;


}




/* main page structure */	

#outer-wrapper {
	width:960px;
	margin:0 auto;
	}
	
#content {
	width:960px;
	float:left;
	margin:50px 0 0 0;
	}
	


	
/* float clearing mechanisms */
.clear-fix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
	}

.clear-floats {
	clear:both
	}


/* Hides from IE-mac \*/
* html .clear-fix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


	
/* page branding */	

#branding {
	width: 960px;
	margin:-19px 0 11px 0;
	float: left;
	}
	
* html #branding {
	margin: 0 0 20px 0;
	}
	
	
#branding h1{
	font-family: 'Helvetica', 'Arial', sans-serif;
	font-weight:normal;
	font-size:100%;
	margin: 26px 0 20px 0;
	float: left;
	text-transform:uppercase;
	}
	
#branding img{
	padding: 0;
	margin: 0;
	border: 0;
	}
	
* html #branding img{
	padding: 0;
	margin: 0;
	border: 0;
	}


/* functional navigation */

#function-nav {
text-align:right;
	width:960px;
	margin:0 0 0 0;
	padding:0 0 0 0;
	}
	
* html #function-nav {
	width:960px;
	height:18px;
	margin:0 0 30px 0;
	padding:6px 0 5px 0;
	}

#function-nav ul{
	list-style-type:none;
	padding:0 0 0 0;
	margin:0 0 0 0;
	}
	
* html #function-nav ul{
	margin:0 0 1px 0;
	}

#function-nav ul li{
	font-size:110%;
	font-weight:normal;
	display:inline;
	padding:0 8px 0 8px;
	margin:0 0 0 0;
	border-right: 1px solid #444
	}

#function-nav ul li a{
	color:#444;
	}

#function-nav ul li a:hover{
	color:#b93a03;
	}



#function-nav ul li.last{
	padding:0 0 0 8px;
	margin:0 0 0 0;
	border-right:0px
	}
	
#function-nav ul li.selected{
	font-weight:bold;
	margin:0;
	padding:6px 5px 5px 5px;
	background-color:#ddd;
	}
	
#function-nav ul li.more{
	font-weight:bold;
}
	
	
/* main navigation */

#main-nav {
	width:960px;
	margin:0 0 4px 0;
	float:left;
	}

* html #main-nav {
	width:960px;
	margin:8px 0 0 0;
	float:left;
	}

#main-nav ul{
	list-style-type:none;
	padding:6px 0 3px 0;
	margin:-6px 0 0 0;
	}
	
* html #main-nav ul{
	margin:5px 0 8px 0;
	}

#main-nav ul li{
	color:#555;
	font-size:10px;
	text-transform:uppercase;
	font-weight:bold;
	display:inline;
	border-right:1px solid #444;
	padding:8px 12px 6px 12px;
	}

#main-nav ul li a {
	color: #4dd7f0;
}

#main-nav ul li a:hover {
	color: #4dd7f0;
text-decoration:underline;
}

#main-nav ul li.first{
	border-left:1px solid #444;
	padding:8px 12px 6px 12px;
	}
	
#main-nav ul li.selected{
	color:#f30;
	font-weight:bold;
	}

#main-nav ul li.selected a{
	color:#f30;
	font-weight:bold;
	}
	
#main-nav ul li.selected-first a{
	color:#f30;
	font-weight:bold;
	}

	
/* section navigation */

#section-nav {
	width:960px;
	height:18px;
	margin:0 0 30px 0;
	padding:0 0 0 0;
	}
	
* html #section-nav {
	width:960px;
	height:18px;
	margin:-20px 0 30px 0;
	padding:6px 0 5px 0;
	}

#section-nav ul{
	text-align:left;
	list-style-type:none;
	padding:0 0 0 0;
	margin:0 0 0 0;
	}
	
* html #section-nav ul{
	margin:0 0 1px 0;
	}

#section-nav ul li{
	color:#444;
	font-size:110%;
	font-weight:normal;
	display:inline;
	padding:0 8px 0 8px;
	margin:0 0 0 0;
	border-left: 1px solid #ccc
	}

#section-nav ul li.first{
	padding:0 8px 0 0px;
	margin:0 0 0 0;
	border-left:0px
	}
	
#section-nav ul li.selected{
	color:#000;
	font-weight:bold;
	margin:0;
	padding:6px 5px 5px 5px;
	background-color:#ddd;
	}
	
#section-nav ul li.more{
	font-weight:bold;
}



/* default typography styles */

a {
	color:#4dd7f0;
	text-decoration:none;
	}

a:hover {
	color:#b93a03;
	text-decoration:underline;
	}

p.time-date {
	font-size:100%;
	margin:0;
	}

p.caption {
	font-size:100%;
	margin:0;
	}
	
p.divider{
	border-bottom:1px dashed #ddd; 
	margin:10px 0 10px 0;
	padding: 20px 0 0 0;
 	}	
 	
 	
h1 {
	color:#9daf4f;
	font-weight:bold;
	font-size:140%;
	line-height:1.2em;
	margin:0 0 0 0;
	padding:0 0 0 0;
	}
	
h1 a{
	color:#9daf4f;
}
	
h2 {
	color:#abb76d;
	font-weight:bold;
	font-size:140%;
	line-height:1.2em;
	border-top:1px dashed #ddd; 
	margin:20px 0 0 0;
	padding:5px 0 20px 0;
	}


h2.main {
	font-size:150%;
	padding:0 0 0 0;
	margin:0 0 5px 0;
	border:0;
	}
	
h2.with-subhead {
	margin:20px 0 5px 0;
	padding:5px 0 0px 0;
	}
	
h2.with-subhead span.more {
	font-size:80%;
	}
		
h2.no-border {
	border:0;
	padding:0 0 10px 0;
	}	
	
h2.no-border-first {
	border:0;
	margin:0 0 5px 0;
	padding:0 0 10px 0;
	}	

h4 { font-size:110%; }



	
/* lists */	

li {
	margin:5px 0 5px 0;
	line-height:1.5em;
	padding:0 0 0 14px;
	background: url('images/green-bullet.gif') no-repeat 6px 7px;
	list-style-type:none;
	}
	
ul.topics li {
	margin:0 0 0 0;
	line-height:1.2em;
	padding:0 0 8px 0;
	list-style-type:none;
	background:none;
	}
	
	
ul.resources li {
	margin:0 0 0 0;
	line-height:1.2em;
	padding:0 0 8px 0;
	list-style-type:none;
	background:none;
	}	

	
	
/* images */	

img {
	border:0;
	float:left;
	margin:0 0 5px 0;
	}
	
img.thumb {
	float:left;
	margin:0 10px 10px 0;
	}		

img.plain {
	border:0;
	float:left;
	margin:0;
}

img.icon {
	border:0;
	margin:0;
	padding:0 5px 0 0;
	}
	
/* narrow column */	

.narrowcolumn {
	width:160px;
	float:left;
	margin:0 20px 0 0;
}

.narrowcolumn ul{
	font-size:110%;
	font-weight:normal;
        float:left;
	padding:0 4px 0 4px;
	margin:0 0 0 0;
	border-left: 1px solid #555
	}

.narrowcolumn ul li{
	font-weight:normal;
	padding:0 4px 0 4px;
	margin:0 0 0 0;
line-height:1.8em;
	}


.narrowcolumnlast {
	width:160px;
	float:left;
	margin:0 0 0 20px;
}

/* feature column */	
	
#feature {
	width:240px;
	float:right;
	margin:20px 0 0 20px;
}
	
#feature p {
	line-height:1.4em;
	font-size:110%;
	margin:0 0 18px 0;
	color:#ddd;
}	

#feature p a, #feature p a:hover{
	text-decoration: underline;
}

#feature h4{
}

#feature h4 a {
}

#feature h5{
	margin:0 0 20px 0;
}

	
/* content */

#content {
margin:30px 0 0 0;
}

	
/* main column */

#main.entry {
	width:960px;
	height:420px;
	float:left;
	margin:0 20px 0 0;
	}

#main.entry img.thumb {
	float:left;
	margin:0 10px 30px 0;
	}
	
#main.entry p{
	text-align:right;
	}
	
#main.entry img{
	opacity: 0.8;
	margin:0 0 0 0;
}

#main.entry img.under{
	opacity: 0.3;
	margin:-443px 0 0 0;
}

#main.entry img.about{
	opacity: 0.3;
	position:relative;
	top:-130px;
	margin:0 0 -167px 0;
}


* html #main.entry {
	margin:0 10px 0 0;
	}


#main.archive h1 {
	font-weight:normal;
	font-size:220%;
	line-height:1.3em;
	margin:0 0 5px 0;
	}

#main{
	width:640px;
	float:left;
	margin:0 20px 0 0;
	}
	
#main.portfolio{
	width:485px;
	float:left;
	margin:0 20px 0 0;
	}
	
#main.portfolio img{
	margin:0 0 20px 0;
	}
	
#main.portfolio p{
	font-size:11px;
	}

* html #main{
	margin:0 10px 0 0;
	}

#main h1 {
	font-weight:normal;
	font-size:250%;
	line-height:1em;
	margin:5px 2px 0 0;
	padding: 0 0 0 0;
	letter-spacing: -2px;
	text-align:right;
	}
	
#main.entry h1 {
	font-weight:normal;
	font-size:200%;
	line-height:1em;
	margin:10px 2px 10px 0;
	padding: 0 0 0 0;
	letter-spacing: -1px;
	text-align:right;
	}
	
	
#main h3 {
	font-weight:bold;
	font-size:120%;
	line-height:1.2em;
	margin: 0 0 3px 0;
	padding:0 0 0 0;
	}

#main p {
	line-height:1.5em;
	font-size:13px;
	margin:0 0 15px 0;
	}
		
#main p a {
	text-decoration: none;
	}

#main p a:hover {
	color:#b93a03; 
	text-decoration: underline;
	}
	
#main p.time-date {
	font-size:100%;
	margin:0 0 0 0;
	}
	
#main p.caption {
	font-size:100%;
	margin:0 0 10px 0;
	}
	
#main p.summary {
	line-height:1.4em;
	font-size:110%;
	margin:0 0 0 0;
	}
	
	
	
	
/* buckets */

#main .bucket-left {
	width:190px;
	float:left;
	margin:0 20px 0 0;
	}

#main .bucket-left p.summary{
	margin:0 0 20px 0;
	}
		
		
#main .bucket-left img.thumb {
	margin:0 5px 15px 0;
	}
	
#main .bucket-left img.video {
	border:0;
	margin:0;
	padding:0 5px 0 0;
	}

#main .bucket-left h4 {
	font-weight:normal;
	margin:0 0 15px 0;
	font-size:110%;
	}	

* html #main .bucket-left {
	margin:0 10px 0 0;
	}

#main .bucket-right {
	width:190px;
	float:left;
	margin:0 0 0 0;
	}
	
		
#main .bucket-right p.summary{
	margin:0 0 20px 0;
	}
	
#main .bucket-right img.thumb {
	margin:0 5px 15px 0;
	}
	
#main .bucket-right img.video {
	border:0;
	margin:0;
	padding:0 5px 0 0;
	}		

#main .bucket-right h4 {
	font-weight:normal;
	margin:0 0 15px 0;
	font-size:110%;
	}

#main .bucket-right p a {
	font-weight:bold;
	font-size:100%;
	text-decoration:none;
	}
	
#main .bucket-right h4.all {
	font-weight:bold;
	margin:10px 0 0 0;
	font-size:110%;
	text-decoration:none;
	}

	


/* sidebar column */
	
#sidebar {
	width:300px;
	float:right;
	margin:0 0 0 0;
}

#sidebar.portfolio {
	width:200px;
	float:right;
	margin:0 0 0 0;
}

	
#sidebar.entry {
	width:300px;
	float:right;
	background-color:#fff;
	margin:0 0 0 0;
}

#sidebar h4{
	color:#6d8d0c;
	}

#sidebar h4 a{
	color:#ff3300;
	}

#sidebar li a {
	text-decoration:none;
	font-size:110%;
	}

#sidebar li a:hover {
	color:#6d8d0c;
	text-decoration:underline;
	}

#sidebar p {
	margin:0 0 20px 0;
	}
	
#sidebar p a {
	font-weight:normal;
	text-decoration: underline;
	}

#sidebar p a:hover {
	text-decoration: underline;
	}
	
#sidebar p.summary {
	line-height:1.3em;
	font-size:100%;
	margin:0 0 20px 0;
	}

	

	
	
	
	
/* sidebar buckets */

#sidebar.uneven .bucket-left {
	width:150px;
	float:left;
	margin:0 20px 0 0;
	}	
	
#sidebar.portfolio .bucket-left {
	width:90px;
	float:left;
	margin:0 20px 0 0;
	}
	
#sidebar.portfolio .bucket-left img{
	width:90px;
	float:right;
	margin:0 20px 20px 0;
	}		
	
#sidebar .bucket-left {
	width:140px;
	float:left;
	margin:0 20px 0 0;
	}
	
#sidebar .bucket-left h4 a{
	font-weight:bold;
	margin:0 0 0 0;
	font-size:100%;
	}		

* html #sidebar .bucket-left {
	margin:0 10px 0 0;
	}

	
	
	
	
#sidebar.uneven .bucket-right {
	width:130px;
	float:right;
	margin:0;
	}
	
#sidebar.portfolio .bucket-right {
	width:90px;
	float:right;
	margin:0;
	}	
	
#sidebar.portfolio .bucket-right img{
	width:90px;
	float:right;
	margin:0 0 20px 0;
	}		
	
#sidebar .bucket-right {
	width:140px;
	float:right;
	margin:0;
	}
	
#sidebar .bucket-right h4 a{
	font-weight:bold;
	margin:0 0 20px 0;
	font-size:100%;
	}	

#sidebar .bucket-right h4 {
	font-weight:normal;
	margin:0 0 0 0;
	font-size:100%;
	}	

#sidebar .bucket-right h4.all {
	font-weight:bold;
	margin:10px 0 0 0;
	font-size:110%;
	text-decoration:none;
	}



	
	

/* footer */

#footer {
	float:left;
	width:960px;
	margin:20px auto 0 auto;
	text-align:right;
	color:#555;
	}

#footer p{
	padding: 10px 0 0 0;
	font-size:10px;
	letter-spacing: 3px;
}

#footer li {
	font-size:12px;
	display:inline;
	margin:0;
	padding:0;
	list-style:none;
	background:none;
	}

#credits {
	font-size:10px;
	margin: 5px 25px 5px 5px;
	color:#333;
	}

#credits a:link {
	color:#666;
	}

hr {
	height:1px;
	border:none;
	text-align:center;
	margin: 12px 0px;
	}
	
embed{
margin:0 10px 10px 0;
}