/*  
Theme Name: Dirt Salad Theme
Description: Theme for www.dirtsalad.com
Version: 1.2
Author: Marty Sullens & Charlie Ordonez

*/

/*	
		SAFARI FIXES
*/

*:focus {
outline: 0;
}


/*	
		FONTS AND LISTS
*/

a:link
{

	text-decoration:none;
	color: none;
}

a:visited
{

	text-decoration:none;
	color: none;
}

a:hover
{

	text-decoration:none;	
}

#flickr 
 
{	 
	width:260px;
	height: 230px;
	padding:0px 0px 0px 0px;
	margin-top:10px;
}

#flickr a img 
{
	
	float:left;
	margin:0px 3px 5px 0px;
	border: 0px;
	padding: 4px;
	width:106px;
	height:106px;

}

p

{
	margin-top: 7px;
	font-family: Cambria, serif;
	font-size: 13px;
	text-shadow: #000000 0 0 0px;
	color:#FFF;
	font-style: normal;
	font-weight: normal;
	line-height: 25px;
	text-transform: normal;
	letter-spacing: normal;
}

h1

{
	font-size: 25px;
	text-shadow: #000000 0 0 0px;
	color:#FFF;
	font-style: normal;
	font-weight: normal;
	margin: 0px 0px 5px 0px;
	text-transform: normal;
	letter-spacing: normal;
	
}

h1 a:link, h1 a:visited

{
	font-size: 25px;
	text-shadow: #000000 0 0 0px;
	color:#FFF;
	font-style: normal;
	font-weight: normal;
	margin: 0px 0px 5px 0px;
	text-transform: normal;
	letter-spacing: normal;
	
}

h1 a:hover

{
	text-decoration:underline;
}

h2

{
	font-size: 17px;
	text-shadow: #000000 0 0 0px;
	color:#FFF;
	font-style: normal;
	font-weight: normal;
	margin: 0px 0px 5px 0px;
	text-transform: normal;
	letter-spacing: normal;
	
}

.green

{
	text-shadow: #000000 0 0 0px;
	color:#ACC334;
	font-style: normal;
	font-weight: normal;
	margin: 0px 0px 0px 0px;
	text-transform: normal;
	letter-spacing: normal;
	
}

.h2green

{
	font-size: 17px;
	text-shadow: #000000 0 0 0px;
	color:#ACC334;
	font-style: normal;
	font-weight: normal;
	margin: 0px 0px 0px 0px;
	text-transform: normal;
	letter-spacing: normal;
	
}

h3

{
	font-size: 10px;
	text-shadow: #000000 0 0 0px;
	color:#ACC334;
	font-family:Arial;
	font-style: normal;
	font-weight: normal;
	margin: 0px 0px 0px 0px;
	text-transform: normal;
	letter-spacing: normal;
	
}

h4

{
	text-shadow: #000000 0 0 0px;
	font-family: Arial;
	font-weight:100;
	line-height: 18px;
	font-size: 10px;
	color:#FFF;
	margin: 0px 0px 5px 0px;
}

h5
{
	margin-top: 7px;
	font-family: Cambria, serif;
	font-size: 15px;
	text-shadow: #000000 0 0 0px;
	color:#FFF;
	margin: 2px 3px 0px 0px;
	padding: 2px 5px 0px 0px;
	font-style: normal;
	line-height: 20px;
	font-weight: normal;
	text-transform: normal;
	letter-spacing: normal;
}

ul

{
	color:#FFF;
	margin-left:-40px;
	margin-top:0px;
	padding:0px;
	margin:0px;
	width:230px;
	text-decoration:none;
}

li

{

	border-bottom:1px;
	border-bottom-style:solid;
	border-bottom-color:#504532;
	list-style:none;
	line-height: 35px;
	
}

.twitter_style li

{

	border-bottom:1px;
	border-bottom-style:solid;
	text-shadow: #000000 0 0 0px;
	border-bottom-color:#504532;
	list-style:none;
	font-size: 13px;
	line-height: 24px;
	
}

.comments a:link, .comments a:visited
{
	margin-top: 7px;
	font-family: Cambria, serif;
	font-size: 15px;
	text-shadow: #000000 0 0 0px;
	color:#ACC334;
	text-decoration:none;
	font-style: normal;
	line-height: 20px;
	font-weight: normal;
	text-transform: normal;
	letter-spacing: normal;
}

.comments a:hover
{
	margin-top: 7px;
	font-family: Cambria, serif;
	font-size: 15px;
	text-shadow: #000000 0 0 0px;
	color:#ACC334;
	text-decoration:underline;
	font-style: normal;
	line-height: 20px;
	font-weight: normal;
	text-transform: normal;
	letter-spacing: normal;
}

.post_sub_title a:link, .post_sub_title a:visited
{
	color:#FFF;
	text-decoration:none;
}

.post_sub_title a:hover
{
	color:#FFF;
	text-decoration:underline;
}

.lists a:link, .lists a:visited
{
	margin-top: 7px;
	font-family: Cambria, serif;
	font-size: 15px;
	text-shadow: #000000 0 0 0px;
	color:#ACC334;
	text-decoration:none;
	font-style: normal;
	line-height: 20px;
	font-weight: normal;
	text-transform: normal;
	letter-spacing: normal;
}

.lists a:hover
{
	margin-top: 7px;
	font-family: Cambria, serif;
	font-size: 15px;
	text-shadow: #000000 0 0 0px;
	color:#ACC334;
	text-decoration:underline;
	font-style: normal;
	line-height: 20px;
	font-weight: normal;
	text-transform: normal;
	letter-spacing: normal;
}

.read_more a:link, .read_more a:visited
{
	margin-top: 7px;
	font-family: Cambria, serif;
	font-size: 15px;
	text-shadow: #000000 0 0 0px;
	color:#FFFFFF;
	text-decoration:none;
	font-style: normal;
	line-height: 20px;
	font-weight: normal;
	text-transform: normal;
	letter-spacing: normal;
}

.read_more a:hover
{
	margin-top: 7px;
	font-family: Cambria, serif;
	font-size: 15px;
	text-shadow: #000000 0 0 0px;
	color:#FFFFFF;
	text-decoration:underline;
	font-style: normal;
	line-height: 20px;
	font-weight: normal;
	text-transform: normal;
	letter-spacing: normal;
}

.content a:link, .content a:visited

{

	color: #ACC334;
	text-decoration:none;

}

.content a:hover

{

	color: #ACC334;
	text-decoration:underline;

}

/*Comments Styles*/

.commentlist {
margin: 0 25px 0 0;
padding: 0;
}

.commentlist li {
margin: 15px 0 3px 0;
padding: 5px 10px 3px 10px;
list-style: none;
width: 598px;
border: 1px solid #504532; 
}

.commentlist li .avatar { 
float: right;
border: 1px solid #eee;
padding: 2px;
margin: 0 0 10px 10px;
background: #fff;
}

.commentlist p {
margin: 10px 5px 10px 0;
}

.replycomment a{
color: #999;
}

#commentform p {
margin: 5px 0;
}

.nocomments {
text-align: center;
margin: 0;
padding: 0;
}

.commentmetadata {
}

.form_comment
{
	background-color: #332C20;
	border: #504532 1px solid;
	padding: 5px;
	color:#FFF;
	font-family:cambria;
}

.commentmetadata a {
color: #ACC334;
}

.commentmetadata a:hover {
color: #ACC334;
}

.commentsnavigation {
padding: 20px 20px 30px 0;
}

.commentlist ul.children li {
background-color: #e3e3e3;
border: 1px solid #efefef;
}

.commentlist ul li.depth-2 {
background-color: #f1f1f1;
}

.commentlist ul li.depth-3 {
background-color: #ececec;
}

.commentlist ul li.depth-4 {
background-color: #e8e8e8;
}

.commentlist ul li.depth-5 {
background-color: #e3e3e3;
}


/*	
		STRUCTURE (DO NOT EDIT BELOW THIS)
*/






body

{
	margin: 0px 0px 0px 0px;
	background-color: #393124;
	background-image:url(images/dirt_background.jpg);
	font-family: Cambria, serif;
	text-shadow: #000000 0 0 0px;
	color:#FFF;
	font-style: normal;
	font-weight: normal;
	text-transform: normal;
	letter-spacing: normal;
	background-position:center;
	background-position:top;
	background-repeat:no-repeat;
}

.footer_main_container

{
	width: 900px;
	margin:0 auto;
	padding-top: 20px;
	padding-bottom: 20px;
}

.footer_bottom_container

{
	width: 900px;
	height:25px;
	clear: both;
	margin:0 auto;
	padding-top: 35px;
	padding-bottom: 30px;
}

.footer_container_w_padding
{
	width: 229px;
	margin-right: 100px;
	float:left;
}

.footer_container_wo_padding
{
	width: 229px;
	float:left;
}	

img
{
	margin-bottom: 5px;
}

.list_header
{
	border-bottom:1px;
	border-bottom-style:solid;
	border-bottom-color:#504532;
	list-style:none;
	line-height: 25px;	
}

.post_title

{
	width: 620px;
	border-bottom:1px;
	border-bottom-style:solid;
	border-bottom-color:#504532;
	line-height: 30px;
	margin: 0 auto;
	margin-top: 5px;
}

.post_button_div_previous
{
	height: 32px;
	width: 134px;
	background-image:url(images/previous_posts.jpg);
	background-position:center;
	background-repeat:no-repeat;
	margin-right: 15px;
	float: left;
}

.post_button_div_next
{
	height: 32px;
	width: 134px;
	background-image:url(images/newer_posts.jpg);
	background-position:center;
	background-repeat:no-repeat;
	margin-right: 15px;
	float: left;
}

.post_sub_title

{
	width: 620px;
	margin: 0 auto;
	margin-top: 5px;
}

.content

{
	width: 620px;
	margin: 0 auto;
	margin-top: 5px;
	border-bottom: 1px;
	border-color: #504532;
	border-bottom-style:solid;
}

.form_container
{
	width: 231px;
	height: 25px;
}

.search
{
	width: 182px;
	height: 17px;
	background:none;
	margin-left: 4px;
	margin-top: 3px;
	color:#FFF;
	border:none;
}

.form_left
{
	width: 192px;
	height: 25px;
	background-image:url(images/form_bg.jpg);
	background-repeat:no-repeat;
	background-position:center;
	float:left
}

.form_right
{
	width: 35px;
	height: 25px;
	float:right;
}

.post_footer

{
	width: 620px;
	margin: 0 auto;
	margin-top: 5px;
}

.post_footer_spacing

{
	width: 620px;
	margin: 0 auto;
	height: 3px;
}
.post_title_spacing

{
	width: 624px;
	margin: 0 auto;
	height: 1px;
}
	

#logo_div

{
	
	width: 930px;
	height: 65px;
	margin: 0 auto;
	margin-top: 15px;
	
}

#logo_padding

{
	
	width: 223px;
	height: 65px;
	float: left;
	margin-left: 30px;

	
}

#footer
{
	margin: 0 auto;
	margin-top: 10px;
	clear: both;
}

#subfooter
{
	margin-bottom: 0px;
	margin-top: 10px;
	width: 636px;
	height: 32px;
}

#subfooter_padding
{
	width: 500px;
	height: 5px;
}

#footer_header
{
	margin: 0 auto;
	height: 18px;
	width: 100%;
	background-image:url(images/footer_header.jpg);
	background-repeat:repeat-x;
}

#footer_content
{
	margin: 0 auto;
	width: 100%;
	background-color: #28231A;
	clear:both;
}

#float_containers

{
	
	width: 900px;
	margin: 0 auto;
	
}

#float_left

{
	width: 636px;
	float:left;	
	margin-bottom: 10px;
}

.float_right_content

{
	width: 230px;
	margin: 0 auto;
	margin-bottom: 10px;
}

.float_right_item
{
	background-color: #332C20;
	padding-top: 5px;
	padding-bottom: 1px;
	margin-bottom: 20px;
}

#float_right

{
	width: 246px;
	float:right;	
}



#pick_of_week

{
	width: 660px;
	height: 260px;
	position:absolute;
	padding-top: 10px;
	z-index: -1;
	left: 50%;
	margin-left: -473px;
	background-image:url(images/pick_of_week_BG.png);
	background-repeat:no-repeat;	
}

#pick_of_week_img

{
	width: 615px;
	height: 214px;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 35px;
	float: right;	
}

.post_container

{
	
	width: 636px;
	clear:both;
	background-color: #332C20;
	padding-bottom: 7px;
	margin-bottom: 15px;
	
}

#nav_div

{
	
	width: 930px;
	height: 81px;
	margin: 0 auto;
	margin-top: 33px;
	margin-bottom: 10px;
	background-image:url(images/nav_bg.png);
	background-position: center;
	background-repeat:no-repeat;
	
}

.nav_spacing_FF

{
	width: 900px;
	height: 16px;
	margin: 0 auto;
}


.nav_contents

{
	width: 900px;
	height: 50px;
	margin: 0 auto;
}

.nav_item_container

{
	height: 50px;
	float: left;
	cursor: pointer;
}

#RSS_icon

{
	height: 26px;
	float: right;
	margin-top: 12px;
	margin-right: 12px;
}

.nav_item_container:hover

{
	background-image:url(images/hover_nav_bg.png);
	cursor: pointer;
	background-repeat:repeat-x;
}

.nav_home_item_container

{
	height: 50px;
	cursor: pointer;
	float: left;
}

.nav_home_item_container:hover

{
	background-image:url(images/hover_home_nav_bg.png);
	cursor: pointer;
}

.nav_home_spacing

{
	width: 16px;
	height: 50px;
	float: left;
}

.nav_final_spacing

{
	width: 16px;
	height: 20px;
	float: left;
}

.nav_inbetween_img

{
	width: 2px;
	height: 49px;
	background-image:url(images/nav_spacer.gif);
	background-repeat:no-repeat;
	margin-top: 1px;
	float: left;
}

.nav_button_contents

{
	height: 50px;
	float: left;
}

.nav_top_text_container

{
	margin-top: 8px;
	font-family: Cambria, serif;
	font-size: 17px;
	text-shadow: #000000 0 0 0px;
	color:#FFF;
	float: left;
	text-decoration:none;
	font-style: normal;
	font-weight: normal;
	text-transform: normal;
	letter-spacing: normal;
}

.nav_top_text_container a:link

{
	margin-top: 8px;
	font-family: Cambria, serif;
	font-size: 17px;
	text-shadow: #000000 0 0 0px;
	color:#FFF;
	float: left;
	text-decoration:none;
	font-style: normal;
	font-weight: normal;
	text-transform: normal;
	letter-spacing: normal;
}

.nav_top_text_container a:visited

{
	margin-top: 8px;
	font-family: Cambria, serif;
	font-size: 17px;
	text-shadow: #000000 0 0 0px;
	color:#FFF;
	float: left;
	text-decoration:none;
	font-style: normal;
	font-weight: normal;
	text-transform: normal;
	letter-spacing: normal;
}

.nav_bottom_text_container

{
	height: 10px;
	float: left;
	text-shadow: #000000 0 0 0px;
	clear:both;
	font-family: Arial;
	font-size: 10px;
	color:#ADC335;

}

.nav_bottom_text_container a:link

{
	height: 10px;
	float: left;
	text-shadow: #000000 0 0 0px;
	clear:both;
	font-family: Arial;
	font-size: 10px;
	color:#ADC335;

}

.nav_bottom_text_container a:visited

{
	height: 10px;
	float: left;
	text-shadow: #000000 0 0 0px;
	clear:both;
	font-family: Arial;
	font-size: 10px;
	color:#ADC335;

}

#hippie_tag

{
	position:absolute;
	margin-top: -50px;
	left: 50%;
	z-index: -1;
	margin-left: 80px;
	height: 188px;
	width: 326px;
	
}