/*  
Theme Name: run7
Theme URI: http://likethewind.ca
Description: version 7 of run.ltw - brown and green
Version: 1.0
Author: Fathima Cader
Author URI: http://run.likethewind.ca
*/

@import url("special.css");
@import url("sIFR-screen.css");


/*	
	Clean canvas 
*/
* {
	margin: 0;
	padding: 0;
	}
.hidetext {
	text-indent: -3000px;
	font-size: 0;
	}
#sidebar h2 {
	text-indent: -3000px;
	font-size: 0;
	visibility: hidden;
	display: none;
	}
.clear:after { 
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden; 
	}

html, body {
	background: #413829 url(img/bg.gif) no-repeat bottom right;
	color: #FFF; 
	font: normal .9em Arial, Helvetica, Verdana, sans-serif;
	}


/*	
	Basic texting
*/
p {
	line-height: 1.8em;
	margin-bottom: 1.5em;
	}

a {
	color: #86A840;
	text-decoration: none;
	}
	a:hover {
		color: #FFF;
		}
		.postcontent a:hover {
			background: #86A840;
			}

h1, h2, h3, h4, h5 {
	font-family: Helvetica, Arial, Calibri, sans-serif;
	text-transform: uppercase;
	}
	h1 {
		font-size: 2em;
		text-transform: none;
		}
	h2 {
		font-size: 1.3em;
		margin-top: 0.6em;
		}
	h3 { font-size: 1.2em; }
	h4 { font-size: 1.1em; }


ul {
	list-style: none;
	}
.postcontent ol,
.postcontent ul {
	margin: 0 0 0.5em 1.5em;
	}
	.post li {
		margin-bottom: 1em;
		line-height: 1.6em;
		}
	.postcontent ul li {
		padding-left: 10px;
		background: url(img/li.gif) no-repeat 0 5px;
		}

blockquote {
	background: url(img/bquote.gif) no-repeat 0 5px;
	padding-left: 25px;
	line-height: 1.2em;
	font-style: italic;
	}
	.pullquote {
		background: none;
		font: italic 1.3em Georgia, "Times New Roman", Times, serif;
		border-left: 5px solid #4E4534;
		padding: 10px 15px 10px 25px;
		margin: 0.8em -150px 0.8em 20px;
		width: 235px;
		float: right;
		}
	blockquote em {
		font-style: normal;
		}

img { border: 4px solid #4E4534; }
	a img { border-color: #86A840; }
	a:hover img  { border-color: #FFF; }


/*	
	LAYING THINGS OUT
*/
#main {
	width: 583px;
	float: left;
	margin-top: 40px;
	}
	#nav {
		padding: 0 0 0 70px;
		}
	#posts {
		clear: both;
		border-top: 1px solid #4E4534;
		padding-top: 10px;
		margin-top: 10px;
		}
		.shorts {
			padding: 0 0 0.8em 75px;
			margin-bottom: 1.2em;
			position: relative;
			border-bottom: 1px dotted #4E4534;
			}			
		.post {
			padding-left: 75px;
			margin-bottom: 3.5em;
			margin-bottom: 1.5em;
			position: relative;
			border-bottom: 1px solid #4E4534;
			}
		.postcontent {
			width: 400px;
			}

#sidebar {
	width: 270px;
	float: left;
	margin: 95px 0 0 50px;
	}
#footer {
	clear: both;
	width: 220px;
	margin: 3em 75px 0 75px;
	padding: 1.5em 2.5em 3em;
	}
.stats {
	width: 0;
	height: 0;
	display: none;
	visibility: hidden;
}

/*	
	nav
*/
#nav {
	}
	#nav li {
		float: left;
		height: 21px;
		padding: 48px 10px 0;
		font: bold 14px Arial, sans-serif; 
		text-transform: uppercase;
		}
		#nav .home {
			padding: 0;
			}
			#nav .home a {
				display: block;
				height: 69px;
				width: 145px;
				background:url(img/navhome.gif) no-repeat;
				}
				#nav .home a:hover {
					background:url(img/navhome.gif) no-repeat 0 -70px;
					}	


/*	
	#posts contains series of (.shorts) OR (.post = h2 + .postcontent + p.meta)
*/
.shorts {
	line-height: 1.7em;
	}
	.shorts .edit_post_link {
		font-size: 0.9em;
		}

.post .meta {
	padding-top: 5px;
	font-size: 9px;
	border-top: 1px solid #4E4534;
	margin: 15px 0 2em 0;
	width: 500px;
	}
	.meta span, .meta a {
		padding-left: 13px;
		background: url(img/metadoc.png) no-repeat left center;
		margin-left: 5px;
		}
		.meta span a {
			padding: 0;
			background: 0;
			margin: 0;
			}
		.meta .tags { background-image: url(img/metafolder.png) }
		.meta .comments { background-image: url(img/metacomment.png) }
		.meta .trackback { background-image: url(img/metatrackback.png) }

#posts #archives .postcontent {
	width: 460px;
	}
	#archives ul {
		margin-left: 10px;
		}
		#archives ul li {
			margin-bottom: 0;
			}

		#archives ul ul {
			margin-left: 5px;
			}
		#archives #dates li {
			background: none;
			padding: 0;
			}
			#archives #dates a, 
			#archives #dates span { padding: 0 0.3em; }
			#archives #dates strong a { padding: 0; }


/*	
	post nav
*/
.previous h1 {
	font-size: 1.3em;
	text-transform: uppercase;
	padding-left: 5px;
	margin-bottom: 5px;
	}
.previous ul {
	}
	.previous li {
		border-top: 1px solid #4E4534;
		padding: 5px 15px 5px 0;
		margin-bottom: 0.3em;
		text-align: right;
		}
		.previous .clear {
			text-align: left;
			}
		.previous li span { 
			display: block;
			float: left;
			width: 5em; 
			text-align: right;
			font-size: 0.85em;
			margin: 2px 8px 0 0;
			}
		.previous li a { 
			font-weight: bold;
			}

.postnav {
	font-size: .8em;
	list-style: none;
	margin-bottom: 3em;
	}
	.postnav .older {
		float: left;
		width: 40%;
		}
	.postnav .newer {
		float: right;
		width: 40%;
		margin-right: -100px;
		}


/*	
	#sidebar
*/
#sidebar {
	font-size: 0.95em;
	}
	#sidebar div {
		background: url(img/sidebardisc.gif) no-repeat top right;
		padding-top: 20px;
		}
		#sidebar ul {
			padding: 5px 5px 0;
			margin: 3px 0 2.5em;
			border-top: 1px solid #4E4534;
			}
			#sidebar li {
				line-height: 1.4em;
				margin-bottom: 0.5em;
				}
				#sidebar a { font-weight: bold; }
				
	#sidebar #search { 
		background-image: url(img/sidebarsearch.gif);
		}
		#sidebar #searchform { 
			padding: 6px 5px 0;
			margin: 3px 0 3em;
			border-top: 1px solid #4E4534;
			}
		#sidebar #searchform input { 
			width: 100%;
			color: #27231B;
			font-size: 0.95em;
			padding: 0.2em 0.1em;
			}
			
	#sidebar #quickfix { background-image: url(img/sidebarqf.gif); }
		#sidebar #quickfix li { margin-bottom: 1.1em; border-bottom:  1px solid #4E4534; padding-bottom: 1em;}
		
	#sidebar #iam { background-image: url(img/sidebariam.gif); }


/*	
	#footer
*/
#footer {
	font-size: 0.9em;
	background: #4E4534;
	}


/*	
	dates
*/
.date {
	background: url(img/dates.gif) no-repeat top left;
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 120px;
	font-size: 0;
	color: #4E4534;
	}
	.d01 { background-position: 0 0; }
	.d02 { background-position: -40px 0; }
	.d03 { background-position: -80px 0; }
	.d04 { background-position: -120px 0; }
	.d05 { background-position: -160px 0; }
	.d06 { background-position: -200px 0; }
	.d07 { background-position: -240px 0; }
	.d08 { background-position: -280px 0; }
	.d09 { background-position: -320px 0; }
	.d10 { background-position: -360px 0; }
	.d11 { background-position: -400px 0; }
	.d12 { background-position: -440px 0; }