/*  
Theme Name: Rose Wilson
Description: Basic single column hack with horizontal navigation.
Version: 1.0
Author: Red Clover Design
Author URI: http://redcloverdesign.com
*/

/* ++++ BODY, WRAPPING, ANCHOR ++++ */

body {
	margin: 0;
	padding: 0;
	text-align: center;
	font-family: Verdana, "Times New Roman", serif;
    background: #5E845F;
	}

	#wrapper {
		width: 770px;
		margin: 0 auto;
		background:#083909;
                border-left:2px solid #000;
                border-right:2px solid #000;
		}
		
		a {	color: #5E845F;	text-decoration: none; }			
			a:hover { color: #083909; }

/*  ++++ HEADER, HEADINGS, what not ++++ */
	
#header {
	width: 770px;
	height: 125px;
	margin: 0 auto;
	background: #5E845F url("./images/header.jpg");
	text-align: left;
	padding: 140px 0 0 0;
	}
	
	h1 {
		margin: 0 0 0 20px;
		font-size: 2.8em;
		font-weight: normal;
		}
		
		h1 a, h1:visited { color: #fff; text-decoration: none; }
		
	.description {
		margin: 0 0 0 35px;
		color: #fff;
		font-size: 1.2em;
		}

/*  ++++ TOP BAR ++++ */

#topbar {
	width: 770px;
	height: 25px;
	background: #669900;
	margin: 1px auto 0 auto;
	border-bottom: 2px solid #99cc00;
	}
	
	#topbar ul {
		list-style: none;
		margin: 0 15px 0 25px;
		padding: 0;
		}
		
		#topbar ul li {
			display: block;
			list-style: none;			
			float: left;

			font-size: 0.9em;
			}
			
			#topbar ul li a, #topbar ul li a:visited {
				float: left;
				display: block;
				padding: 3px 8px 0 8px;
				height: 22px;
				color: #fff;
				text-decoration: none;
				}
				
				#topbar ul li a:hover { background: #99cc00; color:#336600; }
				
				#topbar ul li ul, #topbar ul li ul li {
					margin: 0;
					padding: 0;
					}
				
					#topbar ul li ul li a, #topbar ul li ul li a:visited {
						float: left;
						display: block;
						padding: 6px 8px 0 8px;
						height: 19px;
						color: #fff;
						text-decoration: none;
						}


/* ++++ CONTENT ++++  */

#content {
	width: 770px;
	margin: 0 auto;
	text-align: left;
	padding: 20px 0 0 0;
    background-color:#fff;
	}

#content td{
    border:0px;
	}


/* ++++ POSTS ++++ */

.post {
	padding: 0px 0 0px 0;
	}
		
	.post h2 {
		font-size: 1.9em;
		font-weight: normal;
		color: #5E845F;
		margin: 10px 20px 0 30px;
		}
		
		.post h2.single { margin: 10px 20px 12px 30px; }
			
			.post h2 a:hover { color: #083909; }
			
	.post .data {
		font-size: 1em;
		font-weight: normal;
		color: #5E845F;
		margin: 0 20px 15px 50px;
		}
		
		.post h3 {
			font-size: 1.3em;
			font-weight: normal;
			color: #5E845F;
			margin: 25px 20px -10px 0;
			}
			
			#content>.post h3 { margin-bottom: 8px; } /* FF Specific */

	.entry {
		width: 700px;
		margin: 0 auto;
		font-size: 1em;
                color:#666;
                line-height:1.25em;
		}
		
		.postmetadata {
			width: 700px;
			margin: 25px auto 15px auto;
			border-top: 1px solid #E5E5E5;
			border-bottom: 1px solid #E5E5E5;
			background: #F5F5F5;
			text-align: center;
			font-size: 0.9em;
			padding: 8px 10px;
			}
			
			.postmetadata#single { margin: 0 auto 30px auto; }
			
			.postmetadata small { font-size: 0.8em; }			
			
/* ++++ POST PARAPHERNALIA ++++ */

		blockquote {
			margin: 10px 0 10px 30px;
			padding: 0 0 0 5px;
			border-left: 3px solid #99cc33;
			color: #666;
			}
hr {
  border:0;
  border-top: 1px solid #E19832;
  height: 0;
  background: #E19832;
}
		
		.post ul {
			margin: 10px 0 ;
			padding: 0 0 0 37px;
			}
		
		.post a:hover { color: #083909; }
		
		
/* ++++ NAVIGATION ++++ */
	
.navigation {
	background: #F5F5F5;
	width: 447px;
	height: 18px;
	margin: 0 auto;
	font-size: 0.8em;
	padding: 8px 40px;
	border-top: 1px solid #E5E5E5;
	border-bottom: 1px solid #E5E5E5;
	}
	
	.alignleft {
		float: left;
		text-align: left;
		}
	
	.alignright {
		float: right;
		text-align: right;
		}
	
/* ++++ COMMENTS and COMMENT FORM ++++ */

#commentformarea {
	width: 507px;
	border-top: 1px solid #E5E5E5;
	border-bottom: 1px solid #E5E5E5;
	background: #F5F5F5;
	margin: 0 auto 8px auto;
	padding: 8px 10px;
	}
	
	#commentform {
		margin: 15px 0 10px 40px;
		}
	
	#commentformarea h3 {
		font-size: 1.3em;
		font-weight: normal;
		color: #5E845F;
		margin: 10px 0 15px 20px;
		}
		
		#commentform p { margin: 0 0 3px 0;	}
		
		#commentform input, #commentform textarea {
			border: 1px solid #A7A6AA;
			background: #fff;
			padding: 3px;
			font-family: Verdana, Geneva, Helvetica, Arial, sans-serif;
			font-size: 0.8em;
			}
			
			#commentform textarea { width: 420px; }
			
			#commentform input#submit {
				font-family: Verdana, "Times New Roman", serif;
				width: 130px;
				color: #99cc00;
				}
				
		h4 {
			margin: 25px 0 20px 0;
			text-align: center;
			font-weight: normal;
			color: #5E845F;
			}
	
	ol.commentlist {
		width: 426px;
		list-style: none;
		margin: 0 auto 60px auto;
		padding: 0;
		font-size: 0.9em;
		}
		
		ol.commentlist li {
			margin: 0 0 20px 0;
			padding: 20px 0 0 0;
			border-top: 1px solid #cad9ac;
			}
		
			ol.commentlist p.await_mod {
				color: #f00;
				margin: 0 0 8px 0;
				}
		
				ol.commentlist p { margin: 0 0 10px 0; }
				
					ol.commentlist span.cmntmeta { color: #669900; }
				
/* ++++ SEARCH AND ARCHIVES ++++ */

.sanda h2 {
	font-size: 1.9em;
	font-weight: normal;
	color: #99cc00;
	margin: 35px 0 0 0;
	text-align: center;
	}
	
	.sanda>h2 { margin: 15px 0 0 0; } /* FF Specific */
	
		.sanda h3 { margin: 0 40px 15px 40px; }

/* ++++ SIDEBAR (aka the area where sidebar things go that is actually on the bottom) ++++ */

ul#sidebar {
	width: 770px;
	margin: 8px auto 0 auto;
	background: #F5F5F5;
	border-top: 1px solid #E5E5E5;
	border-bottom: 1px solid #E5E5E5;
	padding: 0 0 25px 0;
	}
	
	#wrapper>#sidebar { padding: 15px 0 25px 0; } /* FF Specific */
	
		#sidebar_wrapper {
			width: 770px;
			margin: 15px 15px 0 45px;
			padding: 0 0 -20px 0;
			}
			
			#sidebar>#sidebar_wrapper { margin-top: 0; } /* FF Specific */
		
		ul#sidebar li, ul#sidebar li ul, ul#sidebar li ul li {
			margin: 0;
			padding: 0;
			list-style: none;
			text-align: left;
			}
		
		#sidebar li h2 { 
			margin: 0;
			color: #66cc33;
			font-weight: normal;
			font-size: 1.6em;
			width: 140px;
			}
			
			ul#sidebar li {
				width: 150px;
				float: left;
				margin: 0 0 15px 0;
				padding: 0;
				}
		
				ul#sidebar li ul {
					width: 135px;
					padding: 5px 0 15px 10px;
					}
					
					ul#sidebar li ul li { width: 130px;	}
		
		input#s {
			width: 440px;
			margin: 0 13px -20px 0;
			border: 1px solid #A7A6AA;
			background: #fff;
			padding: 4px 0;
			color: #ccc;
			text-align: center;
			}
			
			div>input#s { margin-bottom: 0; margin-top: 15px; } /* FF Specific */
			
/* ++++ FEED ICONS ++++ */

.feedicon {
	width: 20px;
	height: 20px;
	}


	#topbar .feedicon {
		background: url("./images/feedicon_blue_bg.png") no-repeat;
		display: block;
		display: inline; /* IE */
		float: right;
		margin: 2px 10px 0 0;
		}

/* ++++ FOOTER ++++ */
		
#footer {
	width: 770px;
	margin: 8px auto 0 auto;
	background: #B9D3A7;
	padding: 0;
	text-align: center;	
	border-top: 1px solid #083909;
	border-bottom: 3px solid #083909;
	}
	
	#footer p {
		margin: 0 0 15px 0;
		padding: 15px 0 0 0;
		font-size: 0.7em;
		color: #000;
		}
		
		#wrapper>#footer p { margin: 0; padding: 15px 0 15px 0; } /* FF Specific */

.menu ul {
    display:table;           /* ignored by IE */
    padding:0;
    list-style-type:none;
    white-space:nowrap;      /* keep text on one line */
    border-bottom:1px solid #eee;   /* add a border to show size of menu */ 
    font-size:14px;
    font-family:verdana,sans-serif;
    font-weight:bold
    }
.menu ul li {
    display:table-cell;      /* ignored by IE */
    }
.menu ul a, .menu ul a:visited {
    display:block;           /* for all browsers except IE */
    padding:4px 12px;  color:#000;
    background:#ffffff;
    border:0px solid #fff;   /* add a 1px white border around each list item */
    text-decoration:none;
    }
.menu ul a:hover {
  color:#000;
  background:#9DAE7E;
  }
.lefted ul {
    margin:0 auto 0 0;
    }
.centered ul {
    margin:0 auto;
    }
.righted ul {
    margin:0 0 0 auto;
    }
<!--[if lte IE 7]>
.menu ul {
    display:inline-block;    /* for IE only */
    width:1px;               /* IE will expand 1px width to fit menu width */
    padding:0 2px;           /* fix bug in IE to get border spacing correct */
    }
.menu ul li {
    display:inline;          /* for IE only */  }
.menu ul a, .menu ul a:visited {
    display:inline-block;    /* for IE only */
    margin:0 -2px;           /* to correct an IE bug that doubles the border width */
  }
<![endif]-->

/* 
	Plain old table styles
	written by Chris Heilmann http://wait-till-i.com
*/
table,td,th{
	border:0px solid #000;
	border-collapse:collapse;
	margin:0;
	padding:0;
}
td,th{
	padding:.2em .5em;
	vertical-align:top;
	font-weight:normal;
}
thead th{
	text-transform:uppercase;
	background:#666;
	color:#fff;
}
tbody td{
	background:#ccc;
}
tbody th{
	background:#fff;
}
tbody tr.odd td{
	background:#eee;
}
tbody tr.odd th{
	background:#ccc;
}
caption{
	text-align:left;
	font-size:140%;
	text-transform:uppercase;
	letter-spacing:-1px;
}
table th a:link{
	color:#030;
}
table th a:visited{
	color:#003;
}
table td a:link{
	color:#369;
}
table td a:visited{
	color:#000;
}
table a:hover{
	text-decoration:none;
}
table a:active{
	color:#000;
}