/* H E A D E R S */
#icons {
	float:right;
	position: relative; top: 0px;
	}
#icons li {
	display: inline-block;
	list-style-type: none;
	padding: 0 10px 0 0;
	}
.also {
	display: inline-block;
	list-style-type: none;
	width: 155px;
	padding: 5px 10px 0 0;
	}	
#twitter {
	display: block;
	width: 65px;
	height: 15px;
	background: url(http://sonoio.org/images/twitter_65x30.gif) no-repeat 0 0;
	}
#twitter:hover { 
    background-position: 0 -15px;
	}
#twitter span {
    display: none;
	}
#myspace {
	display: block;
	width: 70px;
	height: 15px;
	background: url(http://sonoio.org/images/myspace_70x30.gif) no-repeat 0 0;
	}
#myspace:hover { 
    background-position: 0 -15px;
	}
#myspace span {
    display: none;
	}
#shop_button {
	display: block;
	width: 40px;
	height: 15px;
	background: url(http://sonoio.org/images/shop_40x30.gif) no-repeat 0 0;
	}
#shop_button:hover { 
    background-position: 0 -15px;
	}
#shop_button span {
    display: none;
	}		
#sonoio_button {
	display: block;
	width: 57px;
	height: 15px;
	background: url(http://sonoio.org/images/sonoio_57x30.gif) no-repeat 0 0;
	}
#sonoio_button:hover { 
    background-position: 0 -15px;
	}
#sonoio_button span {
    display: none;
	}
#vimeo {
	display: block;
	width: 47px;
	height: 15px;
	background: url(http://sonoio.org/images/vimeo_47x30.gif) no-repeat 0 0;
	}
#vimeo:hover { 
    background-position: 0 -15px;
	}
#vimeo span {
    display: none;
	}
#facebook {
	display: block;
	width: 80px;
	height: 15px;
	background: url(http://sonoio.org/images/facebook_80x30.gif) no-repeat 0 0;
	}
#facebook:hover { 
    background-position: 0 -15px;
	}
#facebook span {
    display: none;
	}
#crosshatch {
	display: inline-block;
	width: 15px;
	height: 15px;
	position: relative; top:10px;
	background: url(http://sonoio.org/images/crosshatch_15x30.gif) no-repeat 0 0;
	}
#crosshatch:hover { 
    background-position: 0 -15px;
	}
#crosshatch span {
    display: none;
	}
#rss_button {
        float:right;	
        display: block;
        position:relative;top:13px; left:-450px;	
        width: 10px;
	height: 10px;
	background: url(http://phillipfarmer.net/sonoio/live/images/rss_button.gif) no-repeat 0 0;
	}
#rss:hover { 
    background-position: 0 -10px;
	}
#rss span {
    display: none;
	}






#video_3 {
    display: block;
	width: 155px;
	height: 71px;
	background: url("http://sonoio.org/images/video_3.jpg") no-repeat 0 0;
	}
#video_3:hover { 
    background-position: 0 -71px;
    }
#video_3 span {
    display: none;
    }    
#video_4 {
    display: block;
	width: 155px;
	height: 71px;
	background: url("http://sonoio.org/images/video_4.jpg") no-repeat 0 0;
	}
#video_4:hover { 
    background-position: 0 -71px;
    }
#video_4 span {
    display: none;
    } 












body{
background-color:#20599C;
color:#ddb366;
margin:0;
padding:0;
font-family:"Lucida Grande", "Lucida Sans Unicode", verdana, Arial, Helvetica, sans-serif;
font-size:13px;
}

*{
margin:0;
padding:0;
}

img {border:none;}

a{
color:#fbe2b5;
text-decoration:none;
font-weight:normal;
}

a:hover{
color:#fbe2b5;
text-decoration:underline;
font-weight:normal;
}

blockquote {
margin:0 0 0 20px;
padding:0 0 0 10px;
border-left:#777 1px solid;
}



h1{
font-family:georgia;
font-size:72px;
text-align:center;
text-transform:lowercase;
color:#fbe2b5;
}

h1 a{
text-decoration:none;
color:#fbe2b5;
}

h2{
font-family:"Helvetica", sans-serif;
font-size:16px;
color:#fbe2b5;
}

h3{
font-size:14px;
}



#header{
padding: 25px 0 35px 0;
height:125px;
width:924px;
}



#desc{
font-size:20px;
color:#fff;
text-transform:lowercase;
font-style:italic;
text-align:center
}


#wrapper{
background-image: url(http://sonoio.org/images/suonoio_bg.jpg);
background-repeat:no-repeat;
margin: 0 auto;
width: 924px;
font: normal 14px Helvetica, sans-serif;
min-height:1100px;
}

#sidebar {
width:350px;
float:right;
padding:0 0 0 40px;
}

#sidebar ul {
list-style:none;
}

#sidebar ul ul {
margin:5px 0 0 10px;
}

#sidebar ul ul ul {
margin:5px 0 0 10px;
}

#sidebar ul li {
padding:0 0 5px 0;
}


#content { 
width:530px;
float:right;
}
.post{
padding:0px;
}
.main{
padding:5px 0 35px 0;
text-align:justify;
}
.main p {
line-height:18px;
margin:6px 0 0 0;
}

.main ol {
line-height:18px;
margin:0 0 15px 30px;
}

.main ul {
line-height:18px;
margin:0 0 15px 30px;
}

.main li {
margin:0 0 5px 0;
}

.meta{
font-size:11px;
}
	
#footer {
width:924px;	
padding-bottom: 150px;
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #1a2a46;
margin:0 auto;
	}
#footer_links {
   float:right;
	}
#footer a:link {
	color: #1a2a46;
	text-decoration: none;
	}
#footer a:visited {
	color: #1a2a46;
	text-decoration: none;
	}
#footer a:hover {
	color: #1a2a46;
	text-decoration: underline;
	}
#footer a:active {
	color: #1a2a46;
	text-decoration: none;
	}  

.gravatar{
float:right;
display:none;
}

input, textarea, select{
padding:6px;
border:1px solid #20599c;
background-color:#fbf0db;

font-family:Helvetica, sans-serif;
font-size:12px;
background:trans;
}


.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color:#CCCCCC;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption-dd {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}

/* POP OUT */
.pop_title {    display: block;
	background-color:#ddb366; 
	width:100%; 
	padding:10px 0 10px 0; 
	font: bold 16px 'Helvetica', sans-serif; 
	color:#0e2438;
}
#pop_details {font: normal 13px Arial, sans-serif; color:#0e2438;}
#pop_details li {display: block; padding-bottom: 10px;}
#pop_details li.pop_fill {display: block; padding:0px;}


#pop_details img {padding:0 10px 10px 0; float:left;}
.shipping_notice {font: italic 11px Arial, sans-serif; color:#0e2438;}


.hide { display: none; }

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

	/* Hides from IE-mac \*/
	* html .clearfix {height: 1%;}
	.clearfix {display: block;}
	/* End hide from IE-mac */
	
	#template {
		position: absolute;
		top: 0;
		left: 50%;
		margin-left: -576px;
		opacity: 0.5;
	}
	
	#template.small {
		border: 1px red solid;
		height: 20px;
		overflow: hidden;
	}
	
	.clearfix:after {
	    content: ".";
	    display: block;
	    height: 0;
	    clear: both;
	    visibility: hidden;
	}

	.clearfix {display: inline-block;}

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