/* Nathan Cullen CSS Document */

/* COLORS 

Orange: #ff6600
Dk Green: #418a41
Pale Green: #98bf98

*/

/* Global Styles
--------------------------------------------------------------------------------------------------- */

* {margin:0; padding:0;}

body {
	text-align: center;
	color:#555;
    background:#FF6600;
	font:normal 12px/1.3em 	Verdana,Arial,Helvetica,sans-serif;
}

a {
color:#ff6600;
text-decoration:none;
}

a:hover {
text-decoration:underline;
}


/* Helpers
--------------------------------------------------------------------------------------------------- */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */

.left {
float:left;
margin-right:10px;
}

.right {
float:right;
margin-left:10px;
}


/* Primary Divisions
--------------------------------------------------------------------------------------------------- */


#container {
margin:0px auto 0 auto;
width: 900px;
text-align: left;
}

#banner {
width:900px; height:240px;
background:url(/gfx/banner_new.jpg) no-repeat top left;
position:relative;
margin-bottom:5px;
}

	#banner h1#logo a {
	text-indent:-9999px;
	display:block;
	width:300px;
	height:200px;
	position:absolute;
	left:0; top:0;
	}

#content_wrap {
width:900px;
background:url(/gfx/page_bg.jpg) repeat-y 0px 30px;
}

#content {
width:600px; 
float:left;
padding-top:23px;
}

#sidebar {
width:300px;
float:right;
padding-bottom:20px;
}

/* Navigation
--------------------------------------------------------------------------------------------------- */
ul#nav {
position:absolute;
left:0px;
top:215px;
padding-left:23px;
}

ul#nav li {
list-style:none;
display:inline;
font:bold 14px/25px helvetica neue, helvetica, arial, sans-serif;
margin-right:20px;
}

ul#nav li a {
color:white;
}


/* Home Buttons */

#content_wrap #content ul#buttons {
margin:0 0 15px 23px; padding:0;
}

#content_wrap #content ul#buttons li {
list-style:none;
margin:0 15px 15px 0; padding:0;
float:left;
display:inline;
}

#content_wrap #content ul#buttons li a {
display:block; width:270px; height:100px; text-indent:-9999px; padding:0; margin:0;
}

ul#buttons li#button_cyc a {background:url(/gfx/button_cyc.jpg) no-repeat top left;}
ul#buttons li#button_rnw a {background:url(/gfx/button_rnw.jpg) no-repeat top left;}
ul#buttons li#button_cnw a {background:url(/gfx/button_cnw.jpg) no-repeat top left;}
ul#buttons li#button_dtc a {background:url(/gfx/button_dtc.jpg) no-repeat top left;}





/* Typography
--------------------------------------------------------------------------------------------------- */

h2, h3, h4, h5 {
margin:0 20px 1.3em 20px;
line-height:1.3em;
color:#158652;
font-family:Helvetica Neue, helvetica, arial, sans-serif;
}

#content p {
margin:0 20px 12px 20px;
}

#content ul li {
margin:0 20px 12px 40px;
}

#sidebar ul li {
margin:0px 15px 6px 15px;
list-style:none;
border-bottom:1px dotted #888;
padding-bottom:6px;
}

#sidebar h3 {
margin:0 15px 5px 15px;
}

#sidebar p {
margin:0 15px 5px 15px;
}

#sidebar .listdate {
font-size:11px;
color:#158652;
}

#footer p {
width:900px;
text-align:left;
margin:10px auto 30px auto;
font-size:11px;
color:white;
}

/* Sidebar Feature Portlets
--------------------------------------------------------------------------------------------------- */

#sidebar div#socialbuttons {
width: 300px;
height:74px;
background:url(/gfx/socialbuttons.jpg) no-repeat top left;
margin:0;
}

#sidebar div#socialbuttons ul {
margin-left:80px;
}

#sidebar div#socialbuttons ul li {
list-style:none;
display:inline;
float:left;
margin:0;
}

div#socialbuttons ul li a {
display:block;
width:50px; height:50px;
text-indent:-9999px;
margin-top:15px;
}

#sidebar #wheresnathan {
width:300px; height:130px;
background:url(/gfx/wheresnathan_bg.jpg) repeat-y top left;
color:white;
padding-top:22px;
padding-bottom:5px;
margin:0 0 0px 0;
font-size:11px;
}

#sidebar #nathanreading {
width:300px; 
background:url(/gfx/nathanreading_bg.jpg) repeat-y top left;
color:white;
padding-top:15px;
padding-bottom:5px;
margin:0 0 12px 0;
font-size:11px;
}

#sidebar #nathanreading p {
margin-top:25px;
}

#sidebar #nathanreading .cover_image {
float:right;
text-align:right;
margin:10px;
width:80px;
height:80px;
}

#wheresnathan ul#twitter_update_list li {
margin:15px;
padding:0;
}

#twitter_div ul li {
list-style:none;
margin:0;
}

#twitter_div h4 {
margin:0px 10px 5px 15px;
}