/* 
 * GENERIC HTML ELEMENTS
 * ------------------------------------------------------------------------- */
* {
	margin:0;
	padding:0;
}
body {
	margin:0;
	padding:0;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 90%;
}
	h1, h2, h3, h4, h5, h6 {
		margin:0 0 0.5em 0;
	}
		h1 a:hover,
		h2 a:hover,
		h3 a:hover,
		h4 a:hover,
		h5 a:hover,
		h6 a:hover {
			text-decoration: none;
			background: url(../../_img/bg_ffff00_50.png) left top;
		}
	h1 {
		font-size:4em;
		font-weight: normal;
		letter-spacing: -0.05em;
	}
	h2 {
		font-size:3em;
		font-weight: normal;
		letter-spacing: -0.05em;
	}
	h3 {
		font-size: 1.2em;
	}
		h3 code {
			font-size: inherit;
		}
	h4 {
		font-size: 1em;
		font-weight: bold;
	}
	

	a {
		color:#000;
		text-decoration: none;
	}
		a:hover {
			text-decoration: underline;
		}
		a img {
			border: none;
		}
	p {
		line-height: 1.5em;
		margin:0 0 1.5em 0;
	}
		p a {
			background: url(../../_img/bg_ffff00_50.png) left top;
		}
	ul, ol, dl {
		margin:1em 0;
		padding:0;
	}
		ul li,
		ol li {
			margin:0 0 0.5em 2em;
			padding:0;
		}
			ul li ul {
				margin-top:0.5em;
				margin-bottom:0;
			}
		dl dt {
			font-weight:bold;
		}
		dl dd {
			padding:0 0 0 1.2em;
		}
	blockquote {
		font-style: italic;
		margin:2em;
	}
	
	pre {
		font-family: "Courier New", Courier;
		font-size: 12px;
		background: #FFFFCF;
		margin: 1.5em 0;
		padding: 1em;
	}
	code {
		font-weight:bold;
		font-family: "Courier New", Courier;
		font-size: 12px;
	}

/* 
 * VARIATIONS ON HTML SELECTORS
 * ------------------------------------------------------------------------- */
div.hr {
	clear:both;
	height:1px;
	overflow:hidden;
	margin:1.5em 0;
	line-height: normal;
	border-top: 1px dotted #000
}

ul.error {
	margin:0 0 1.5em 0;
	padding: 1em 1em 0.75em 1em;
	border:2px solid #FFFF6F;
	background: #FFFFCF;
	list-style: none;
	font-style: italic;
	-moz-border-radius: 0.25em;
	-webkit-border-radius: 0.25em;
	-webkit-box-shadow:0px 0px 5px rgba(0,0,0,0.5);
}
	ul.error li {
		margin: 0 0 0.25em 0;
		padding: 0;
	}

/* 
 * UTILITY ELEMENTS
 * ------------------------------------------------------------------------- */
div.clear {
	clear:both;
	height:0px;
	overflow:hidden;
	line-height: normal;
}

/* 
 * TEMPLATE STRUCTURAL ELEMENTS AND ITEMS
 * Elements which define the overall layout of the site.
 * ------------------------------------------------------------------------- */
div#page {
	margin: 0 auto;
	width: 960px;
	padding: 0 0 0 0;
}
	div#header {
		height: 350px;
		position: relative;
		background: #eee url(../../_img/billboards/bark.jpg) left top no-repeat;
	}
		div#header p#logo {
			position: absolute;
			top: 0;
			right: 0;
			margin:0;
			padding: 1.5em;
			font-family: "Lucida Grande", "Helvetica Neue", Helvetica, Arial, sans-serif;
			font-size: 0.9em;
			z-index:6;
		}
			div#header p#logo a {
				color: #FFF;
				background: none;
			}
				div#header p#logo a span {}
		div#header ul#nav_main {
			list-style: none;
			margin: 0;
			padding: 1.5em;
			font-family: "Lucida Grande", "Helvetica Neue", Helvetica, Arial, sans-serif;
			font-size:0.9em;
			background: url(../../_img/bg_000000_65.png) left top;
			position:relative;
			z-index:5;
		}
			div#header ul#nav_main li {
				margin: 0 1em 0 0;
				padding: 0;
				display: inline;
			}
				div#header ul#nav_main li a {
					color: #FFF;
				}
					div#header ul#nav_main li a span {
					}
					div#header ul#nav_main li.on a,
					div#header ul#nav_main li a:hover {
					}
					div#header ul#nav_main li a span {
					}

	div#content {
		padding: 20px 0 1em 30px;
		min-height: 15em;
	}
		div#primary {
			width: 620px;
			float: left;
		}
			div#primary ul#posts {
				margin: 0;
				padding: 0;
				list-style: none;
				min-height: 150px;
			}
				div#primary ul#posts > li {
					margin: 0 0 4em 0;
					padding: 0;
					clear: both;
				}
					div#primary ul#posts div#main_post_info {
						position: absolute;
						top:0px;
						height: 350px;
						width: 900px;
						line-height: normal;
					}
						div#primary ul#posts div#main_post_info div#main_post_info_content {
							position: absolute;
							bottom: 0px;
							width: 100%;
						}
							div#primary ul#posts div#main_post_info div#main_post_info_content p {
								line-height:normal;
								margin: 0;
								color:#FFF;
								font-family: "Lucida Grande", "Helvetica Neue", Helvetica, Arial, sans-serif;
								text-shadow:#000 0px 0px 5px;
							}
							div#primary ul#posts div#main_post_info div#main_post_info_content h1 {
								margin: 0 0 0.25em 0;
								font-size: 5.5em;
								line-height: 1em;
							}
								div#primary ul#posts div#main_post_info div#main_post_info_content h1 a {
									color: #FFF;
									text-shadow:#000 0px 0px 5px;
								}
					div#primary ul#posts > li h2:first-child {
						margin: 0;
					}
					div#primary ul#posts > li > p {
						text-indent: 1.5em;
					}
						div#primary ul#posts > li > p.meta {
							font-size: 0.9em;
							margin: 0;
						}
					div#primary ul#posts a.more-link {
						font-style: italic;
					}
					div#primary ul#posts > li:last-child {
						margin: 0;
					}
			ul.nav_posts {
				margin: 0;
				padding: 0;
				list-style: none;
			}
				ul.nav_posts li {
					display: inline;
					margin: 0 2em 0 0;
				}
		div#secondary {
			width: 280px;
			float: right;
		}
			div#secondary > div {
				width: 50%;
				font-size: 0.9em;
				width: 280px;
			}
				div#secondary > div > h3 {
					font-size: 1em;
					font-family: "Lucida Grande", "Helvetica Neue", Helvetica, Arial;
					font-weight: bold;
					border-bottom: 3px solid #000;
					padding: 0 0 .5em 0;
					margin: 0 0 0.5em 0;
				}
					div#secondary > div > h3 + ul {
						margin: 0;
						padding: 0;
					}
				div#secondary div#videos {
					float: left;
					display:none;
				}
				div#secondary div#links {
					float: right;
					min-height: 375px;
				}
					div#secondary div#links ul {
						list-style: none;
						margin: 0;
						padding: 0;
					}
						div#secondary div#links ul li {
							margin: 0 0 1em 0;
							padding: 0;
						}

		div#footer {
			padding: 1.5em 0 3em 0;
			margin: 0 0 0 00px;
			font-size: 0.8em;
			border-top: 1px dotted #000;
			font-family: "Lucida Grande", "Helvetica Neue", Helvetica, Arial;
		}
			div#footer:after {
				content: ".";
				display: block;
				clear: both;
				height: 1px;
				overflow: hidden;
				visibility: hidden;
			}
			div#footer > div {
				float: left;
				margin: 0 3% 0 0;
			}
				div#footer > div > h4 {
					font-size: 1.3em;
					padding:0 0 0.5em 0;
					border-bottom: 2px solid #000;
					font-family: Georgia, "Times New Roman", Times, serif;
				}
				div#footer div#categories {
					width: 342px;
				}
					div#footer div#categories ul {
						list-style: none;
						margin: 0;
						padding: 0;
					}
						div#footer div#categories ul li {
							margin: 0 1em 0 0;
							padding: 0;
							display: inline;
							white-space: nowrap;
						}
				div#footer div#credits {
					width: 280px;
				}
				div#footer div#feeds {
					width: 280px;
					margin: 0;
				}
					div#footer div#feeds ul {
						list-style: none;
						margin: 0;
						padding: 0;
					}
						div#footer div#feeds ul li {
							margin: 0;
							padding: 0;
							line-height: 1.5;
						}


/* 
 * WIDGETS AND PARTS
 * Little things that are used in many place and individual, reusable widgets
 * ------------------------------------------------------------------------- */
ul.post {}
	div.post h2.title {
	}
	div.post div.meta {
	}
	div.post a.more-link {
	}
div.single {}
	div.single div.meta {
	}

div#comment_area {
}
	div#comment_area h2#comments {
	}
	ol#commentlist {
	}
		ol#commentlist li {
		}
			ol#commentlist li p {
			}
				ol#commentlist li p.cite {
					margin: 0;
				}
					ol#commentlist li p.cite cite {
					}
p#ie6notice {
	background: #FFFF7F;
	padding: 1em;
	margin: 3px 0;
	font-style: italic;
}

/* 
 * Page Layout Configurations
 * These will most like be specified by wrapping a template in a DIV and 
 * giving it a specific ID
 * ------------------------------------------------------------------------- */


/* 
 * SPECIFIC PAGES
 * Stylesheets for specific pages and layouts
 * These will most likely be specified by the auto-generated ID on the 
 * body element.
 * ------------------------------------------------------------------------- */