/*

Theme Name: Guthrie

Theme URI: www.mrlocke.net/Guthrie

Description: Like its namesake, a theme that aspires to be simple, honest, and useful.  Three Columns, widget ready.

Version: 1.0

Author:  Neal Locke

Author URI: http://www.mrlocke.net



	This theme is inspired by the life and music of Woody Guthrie, and builds on the work of:

	-Kubric, by Michael Heilemann || http://binarybonsai.com/kubrick/

	-Cleaker, by Adam Walker Cleaveland || http://pomomusings.com/design/

	-Scattered, by Dan Cameron || http://dancameron.org

	-LivingOS Delta, by Tim Hyde || http://www.livingos.com/  



	The header photograph is "Dust Bowl Farm" by Dorothea Lange, is archived at the Library of Congress, and is the Public Domain:    http://memory.loc.gov/service/pnp/cph/3c30000/3c30000/3c30600/3c30634v.jpg



	The CSS, XHTML and design is released under GPL:

	http://www.opensource.org/licenses/gpl-license.php



	and (for all code derived from the LivingOS Delta themes):



	Creative Commons Attribution-Noncommercial-Share Alike 2.5  License

	http://creativecommons.org/licenses/by-nc-sa/2.5/

*/



/*-------GENERAL-------*/



* {

	margin: 0;

	padding: 0;

	border: 0;

}



body {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #000;

	line-height: 1.5em;

	background: #afa17a url(images/Bgbottom.jpg) repeat-x;

	}



a {

	color: #67482c;

	text-decoration: none;

	}



a:visited {

	color: #67482c;

	}



a:hover {

	color: #49647d;

	text-decoration: none;

	}



h1 {

       font-weight: bold;

       font-variant: small-caps;

       }



h2 {

       font-weight: bold;

       font-size: 18px;

       }


h3 {

       font-weight: bold;

       font-size: 10px;

       }


h5 {

       font-weight: bold;

       font-size: 18px;

       }


small {

       color: #49647d;

       }



blockquote {

	color: #555; 

	margin: 15px 40px 15px 0; 

	background: url(images/quote.png) no-repeat top left;

	text-align: justify;

	padding-left: 30px;

	font-size: 11px;

	}



code {

	font: 12px 'Courier New', Courier, Fixed;

	}



p {

	margin: 5px 0 10px 0;

       }





.alignright {

	float: right;

	}



.alignleft {

	float: left

	}	



.navigation {

	display: block;

	text-align: center;

	margin-top: 10px;

	margin-bottom: 60px;

	}





/*-------PAGE LAYOUT-------*/

#page{
       width: 900px;
      }

#header{

	width: 745px;

	height: 231px;

	background: url(images/header6.jpg) no-repeat;

	background-position: 0 43px;

	margin-left:25px;

	}



#main{ 

	float:left;

	width:741px;

	background: #c4c8d8;

	border: 2px solid #000;

	margin-left:25px;

	}


#leftsidebar{

	float:left;

	width: 147px;

	text-align: left;

	padding: 10px 5px 10px 7px;

	}

#leftwebdevsidebar{

	float:left;

	width: 147px;

	text-align: left;

	padding: 10px 5px 10px 7px;

	}


#content {

	float:right;

	width: 539px;

	background: url(images/Bgtop.jpg) repeat-x;

	padding: 20px;

	}	



#rightsidebar{

	width: 200px;

	text-align: left;

	padding: 10px;

	position: absolute;

	left:775px;

	top:30px;

	}

#rightwebdevsidebar{

	width: 200px;

	text-align: left;

	padding: 10px;

	position: absolute;

	left:775px;

	top:30px;

	}


#footer {

	width: 743px;

	margin-left: 25px;

	height:44px;

	text-align: left;

	font-size: 10px;

	clear:both;

	padding: 10px

	}



/*-------HEADER-------*/



#header h1{

	padding-top: 18px;

        padding-bottom:5px;

	font-size: 2.4em;

	text-decoration: none;

	}



#header h1 a {

	color: #67482c;

	}

	



#title {float:left;

       }



#desc {float:right;

       padding: 23px 4px 0 0;

      }



.description{

	color: #555;

	text-align: left;

	font-style: italic;

	}



/*-------NAVIGATION BAR-------*/



ul#Nav {

	margin-left: 25px;

	padding: 0;

	list-style: none;

	width: 741px;

	background: url(images/NavOff.gif) #990033 repeat-x;

	font-size: 14px;

	font-weight: bold;

	border-left: 2px solid #000;

	border-right: 2px solid #000;

	float:left;

	}



ul#Nav li {

	border-right: 1px solid #fff;

	float:left;

	}



ul#Nav li.first {

	border-right: none;

	}



ul#Nav a {

	display: block;

	padding: 0 1.45em;

	line-height: 30px;

	text-decoration: none;

	color: #fff;

	float:left;

	}



ul#Nav a:hover {

	background: url(images/NavOn.gif) #e4e0c5 repeat-x;	

	text-decoration: none;

	color: #000



	}



ul#Nav li.current_page_item a { 


	color: #fff; 

	background: ;

	text-decoration: none;

	}





ul#Nav li.current_page_item a:hover { 

	color: #000; 

	background: ;

	text-decoration: none;

	}



/*-------POSTS-------*/



.post {

	margin: 0 0 20px 0;

	text-align: justify;

	}



.post a {

       text-decoration: underline;

       }



.post h2 a{

       text-decoration: none;

       }



.postmetadata {

	background: #ffeed8;

	padding: 3px;

	border-top: 1px solid #000;

	border-bottom: 1px solid #000;

	}



.post ul {

	margin-left: 0px;

	padding: 0 0 0 35px;

	list-style-image: url(images/bullet.png);

	padding-left: 30px;

	} 



.post ul li {

	margin: 3px 0 3px 10px;

	}



.post ol {

	padding: 0 0 0 35px;

	}



.post ol li {

	margin: 3px 0 3px 10px;

	}



/*-------SIDEBARS-------*/



#leftsidebar {

	font-size: 10px

	}



#leftsidebar h2 {

	padding: 0 5px 0 5px;

	font-size: 12px;

	border-top: 1px solid;

	border-bottom: 1px solid;

	text-transform: uppercase;

	}



#leftsidebar ul {

	padding: 4px 0 10px 0;

	}



#leftsidebar li {

	padding: 0 0 5px 0;

	list-style-type: none;

	line-height: 1.2em;

	}



#rightsidebar {

	font-size: 10px

	}



#rightsidebar h2 {

	padding: 0 5px 5px 0;

	font-size: 18px;

	}

#rightsidebar ul {

	padding: 0 0 5px 0;

	}



#rightsidebar li {

	padding: 0 0 5px 0;

	list-style-type: none;

	line-height: 1.2em;

	}



#rightsidebar a {

	color: #563C24;

	text-decoration: none;

	}



#rightsidebar a:visited {

	color: #563C24;

	}



#rightsidebar a:hover {

	color: #49647d;

	text-decoration: underline;

	}

#leftwebdevsidebar {

	font-size: 10px

	}



#leftwebdevsidebar h2 {

	padding: 0 5px 0 5px;

	font-size: 12px;

	border-top: 1px solid;

	border-bottom: 1px solid;

	text-transform: uppercase;

	}



#leftwebdevsidebar ul {

	padding: 4px 0 10px 0;

	}



#leftwebdevsidebar li {

	padding: 0 0 5px 0;

	list-style-type: none;

	line-height: 1.2em;

	}



#rightwebdevsidebar {

	font-size: 10px

	}



#rightwebdevsidebar h2 {

	padding: 0 5px 5px 0;

	font-size: 18px;

	}

#rightwebdevsidebar h3 {

	padding: 0 5px 5px 0;

	font-size: 12px;

	font-weight: bold;

	}

#rightwebdevsidebar ul {

	padding: 0 0 5px 0;

	}



#rightwebdevsidebar li {

	padding: 0 0 5px 0;

	list-style-type: none;

	line-height: 1.2em;

	}



#rightwebdevsidebar a {

	color: #563C24;

	text-decoration: none;

	}



#rightwebdevsidebar a:visited {

	color: #563C24;

	}



#rightwebdevsidebar a:hover {

	color: #49647d;

	text-decoration: underline;

	}

#rightwebdevsidebar img{

	padding: 2px;

	border: 1px solid #000;

	}


/*-------COMMENTS-------*/



.commentlist li{

	list-style: none;

	margin: 10px 0 3px;

	padding: 5px 10px 3px;

	background: #ffeed8;

	border-top: solid 1px #000;

	border-bottom: solid 1px #000

	}



cite{

 	font-weight: bold;

	font-size: 13px;

	}   



.commentmetadata {

	margin: 0;

	display: block;

	}



.nocomments {

	text-align: center;

	margin: 0;

	padding: 0;

	}





/*-------FORMS-------*/

input {
	border: 1px solid #000;
	}

.submit input {
	border: 1px solid #000;
	} 

textarea {

	border: 1px solid #000;

	}

#commentform input {

	border: 1px solid #000;

	}



#commentform textarea {

	width: 536px;

	border: 1px solid #000;

	font-size: 12px;

	}



#commentform #submit {

	border: 1px solid #000;

	}



#searchform {

	padding: 8px 0 10px 0;

	text-align: left;

	}

#searchform #s {

	padding-left: 2px;

	width: 120px;

	border: 1px solid #000;

	color: #000;

	font-size: 11px;

	}

#searchform img {

	padding:50px;

	}





/*-------IMAGES-------*/



.post img {

	padding: 3px;

	border: 1px solid #555;

	margin: 10px 10px 5px 10px;

	}

.post object {

	padding: 3px;

	border: 1px solid #555;

	margin: 10px 10px 5px 10px;

	}

.post a:hover img {

	border: 1px solid #000;

	}



.postmetadata img {


	padding: 0 2px 0 2px;

	border: none;


	margin: 0;

	}



img.widget {

	border: 0;

	padding: 0;

	margin: 0;

	}





/*-------FOOTER-------*/




#woody {

       font-size:10px;

       line-height:1em;

       padding: 10px 100px 30px 100px;

       text-align: center;

       color: #555;

       }



#icons {

	text-align: center;

	}



/*-------HACKS FOR IE-------*/





* html #header{

	margin-left: 15px;

}



* html #main{

	margin-left: 15px;

}



* html #footer{

	margin-left: 15px;

}



* html ul#Nav{

	margin-left: 15px;

}