/*  
Theme Name: Quietless
Theme URI: http://www.quietless.com
Description: Quietless
Version: 1.0
Author: Stephen Braitsch
Author URI: http://www.quietless.com/

*/
@import url('reset.css');

body{font:12px arial,helvetica,verdana,sans-serif;background-color:#fff;padding:0;}
h1{font-size:23px;}
h2{font-size:18px;}
h3{font-size:16px;}
h4{font-size:14px;}
a{color:#481005;text-decoration:none;}
a:hover{color:#696969;}

/*color palatte
a #696969 (light-grey)
a:hover & h2 #481005 (dk-red)
nav-border #A9A9A9 (light-grey) 
*/

/*header, masthead nav, and wrapper*/

#bkgd-pattern{
	width:100%; 
	height:160px; 
	background-image:url('images/wood-wp-pattern.jpg'); 
	background-repeat:repeat;
}
#wrapper{
	width:965px; 
	position:relative;
	margin:-160px auto;  
	text-align:left;	
}
#logo{
	width:256px; 
	height:60px;
	margin:25px 0 0 0;
}	 

/*header contains the swf and the nav*/

#header{
	float:left;
	width:965px;
	margin-top:-25px; 
	padding-bottom:20px;
}	

#rss{
	height:24px; width:25px;
	float:right;
	margin-left:1px;
	border: 1px solid #A9A9A9;	
	background-image:url('images/nav-button-bkgd.png');		
}
#rss img{padding:1px;}

#nav {height:25px; width:100%;}
#nav li{
	float:right; 
	width:115px; 
	height:18px;
	margin-left:1px; 
	padding-top:6px; 	 
	text-align:center;
	border: 1px solid #A9A9A9;
	background-image:url('images/nav-button-bkgd.png');	
}
#nav li a{font-weight:bold; color:#EEE;}
#nav li a:hover{color:#696969;}

#swf-border{
	height:121px;
	padding:4px 4px 0 4px;
	background-image:url('images/swf-border.jpg');
}
#swf{	
	height:117px; 
	background-color:#A9A9A9;
}	

/*main posts area*/

#posts{
	float:left; 
	width:575px;
}
#posts p{
	margin:10px 0 15px 12px;
}
#posts #gmaps{
	width:575px;
	height:450px;
	padding:5px;
	border: 1px solid #BBBBBB;		
}
#posts img{
	margin-left:-12px;
	padding:5px;
	border: 1px solid #BBBBBB;		
}
.post_border{
	width:100%;
	padding:5px;
	margin-bottom:10px;	
	border: 1px solid #BBBBBB;			
}
.post_header{
	padding:8px 5px 10px 10px;
	background-image:url('images/pattern-1.jpg');	
}
.post_title{
	font-size:20px;
	font-weight:normal;
	font-family: verdana,arial,helvetica,sans-serif;	
}
.post_meta{
	margin-top:3px;
	color:#696969;
	font-weight:normal;
}
.post_meta a{
	color:#696969;
}
.post_content ul{
	margin-left:25px;
}
.post_content li{
	list-style-type: disc;
}
.post_content img{
	width:575px;
}
.post_content a{
	color:#696969;
}
.post_content h4{
	margin-bottom:8px;
}
#posts a:hover img{
	border: 1px solid #481005;		
}
.post_content p a:hover{
	color:#481005;
	text-decoration:underline;
}

.read-more{
	padding:10px;
	width:120px;
	border:1px solid #BBBBBB;
}
	
/*right sidebar*/	
	
#sidebar{
	float:right;
	width:350px;
	border: 1px solid #BBBBBB;
	border-bottom:none;
	background-color:#FFF;
}

#sidebar .section{
	margin:0px;
	border-bottom: 1px solid #BBBBBB;
	padding:18px 15px 18px 15px;
}

#sidebar h2{
	color:#481005;
	font-size:14px;
	font-weight:normal;
	font-family: verdana,arial,helvetica,sans-serif;	
	padding-left:4px;
	padding-bottom:8px;
}

#sidebar .container{
	margin:0px;
	padding:3px 3px 0 3px;	
	border: 1px solid #BBBBBB;
}

/*search box*/

#search input{vertical-align:middle;}
#search #s{
	height:13px;
	width:265px;
	padding:7px;
	border: 1px solid #BBBBBB;
}
#search #searchsubmit{
	padding:3px;
	float:right;
	border: 1px solid #BBBBBB;	
}

#categories #buttons{
	overflow:hidden;
	text-align: center;
	padding-bottom:2px;
}
#categories #buttons ul{

}
#categories #buttons li{
	float:left;
	margin:2px;
	height:10px;
	width:150px;
	padding:5px 0 7px 0;
	border: 1px solid #BBBBBB;	
	background-image:url('images/pattern-1.jpg');	
}


/*twitter*/

#twitter li{
	padding:5px;
/*	height:42px;*/		
	margin-bottom:3px;
	list-style: none;
	font-size:11px;	
	background-image:url('images/pattern-1.jpg');
}
#twitter li a{
	color:#696969;
}
#twitter li a:hover{
	color:#481005;
}
#twitter li .date{
	color:#696969;
	margin-left:3px;		
}
#twitter li .tweet{
	color:#481005;
	margin:2px 0 0 3px;		
}

/*flickr feed*/
#flickr{
	padding:2px 0 0 3px;
	width:312px;
	height:158px;
}

.flickr-image{
	width:75px;
	height:75px;
	margin: 1px 2px 2px 1px;
	float:left;
	background-repeat:no-repeat;
}
/*recent posts*/

.recent ul {
	font-size:11px;	
	padding:5px 0 3px 0;
	margin-bottom:3px;
	background-image:url('images/pattern-1.jpg');		
}
.recent li {
	color:#696969;
	padding:0 15px 2px 8px;
	list-style: disc inside none;	
}

/*comments*/

#comments h4{
	color:#481005;
	font-weight:normal;	
}
#comments li{
	width:100%;
	margin:5px 0 5px 0;
	padding:5px 5px 0 5px;	
	border: 1px solid #BBBBBB;	
}
#comments li img{
	float:left;
	margin:0 8px 0 0;
	padding:2px;
	border: 1px solid #BBBBBB;		
}
#comments li .author-name{
	margin-top:5px;
	font-size:12px;		
}
#comments li .author-date{
	font-size:11px;		
	color:#696969;
}
#comments li .author-comment{
	clear:both;
	margin:18px 0 10px 0;
	padding:8px 15px 8px 15px;
	background-color:#f7f7f7;	
}

/*footer*/

#respond{
	width:100%;	
	margin-top:5px;
	padding:5px 5px 0 5px;	
	border: 1px solid #BBBBBB;	
}
#commentform input{
	height:13px;
	width:265px;
	padding:7px;
	margin:8px 0 0 8px;
	border: 1px solid #BBBBBB;
}
#commentform label{
	margin-left:5px;
}
#commentform textarea{
	margin:8px 0 0 8px;
	width:555px;
	height:160px;
	border: 1px solid #BBBBBB;	
}
#commentform #submit{
	padding:0;	
	margin:8px; 
	color:white;
	height:26px;
	width:150px;
	border:none;
	background-image:url('images/submit-btn.jpg');
}

#footer{
	clear:both;
	width:100%;
	height:160px; 
	background-image:url('images/wood-pattern-reversed.jpg');
}

#footer p {
	top:140px;	
	position:relative;
	margin: 0;
	color:#6c3b24;	
	text-align: center;
	font:9px sans-serif;
}