@charset "UTF-8";
/* CSS Document */

/*** CSS RESET 

Adapted from Eric Meyer's CSS Reset Reloaded
http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ ***/ 

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0; padding: 0; border: 0; outline: 0;	font-weight: inherit;	font-style: inherit;	font-size: 100%; line-height: 100%;	vertical-align: baseline; }
	
:focus {outline: 0;}

ol, ul {list-style: none;}

table {border-collapse: separate;border-spacing: 0;}

caption, th, td {text-align: left;font-weight: normal;}

img {border: 0;}

/*** universal styles ***/

h1,h2,h3,h4,h5,h6{font-size:100%; font-weight: normal}

ul, ol {list-style:none;}

a img {border: none;}

/*** universal styles ***/
	
	strong {font-weight: bold;}
	
	em {font-style: italic;}
	
	.clear {clear:both;}
	
	.alignleft {float: left; margin: 0 8px 8px 0;}
	
	.alignright {float: right; margin: 0 0 8px 8px;}
	
	.aligncenter {display: block; margin: 10px auto}
	
	a:hover {text-decoration: none}
	
	p {padding: 0.25em 0;}

/*** header.php styles ***/

body {line-height: 1em; font-size: 90%;}

#wrapper {padding: 0 20px 20px; min-width: 500px}

	#header {text-align: center; padding: 20px 0; clear: both}
	
		#logo-or-name { font-size: 2em; display: block; padding: 10px 0 16px}
		#logo-or-name img{width:80%; height:auto;}
		#tagline {padding: 0 0 16px; font-style: italic}
		
		.header-nav {text-align: left; padding: 10px 0; clear: both}
			.header-nav li {display: block; float: left; padding: 6px 10px; margin: 0 2px 2px 0; font-weight: bold}
				.header-nav li a {text-decoration: none;}
					.header-nav li a:hover {text-decoration: underline;}
				.header-nav li.clear {background: none}
		
		#menu-main-nav {font-size: 1.2em; float: left; padding: 0}
			#menu-main-nav li {padding: 10px 14px; margin: 0}

/*** featured post elements ***/

#featured {padding: 10px 0 20px;   clear: both}

	#featured h2 {text-align: center;}
#featured img {width:25%; height:auto;text-align: center; margin: 0 auto;}
	#featured p {line-height: 1.4em; text-align: center;}

/*** link list page structure and style ***/

#content-wrap {padding: 10px 0}

.link-col {width: 33%; float: left; }
	.link-col li {margin: 0 0 0.6em; clear: both}
    .link-col img {max-width: 100%}
	
	.link-col .sub-menu {padding: 12px 0 2px 20px}

.widget-box {margin: 0 20px 6px; padding: 6px 0;}
	h2.widget-head {margin: 0 0 20px}
	
	.posts-list li {margin: 0 0 0.9em;}
		.posts-list li a, .posts-list li p, .textwidget p, .textwidget li, .textwidget a, .textwidget strong, .textwidget em {line-height: 1.4em}
		.posts-list li img {display: block; margin: 6px 0;}
	
	.links-list {padding: 0 0 10px}
		.links-list li { line-height: 1.1em}
			.links-list li a {display: block;}
	
	.link-content {line-height: 1.2em}
	a.headline-link {display: block;}
	a.comment-link {font-style: italic}

/*** single page or post styles ***/

#single-col {width: 66%; float: left;}
#single-wide {width: 70%; margin: 0 auto; }
	#single-col .link-col, #single-wide .link-col {width: auto; border: none}
	
.home-link {clear: both; padding: 8px 0; font-style: italic; font-size: 0.9em	}

#main-content h1 {font-size: 2em; margin: 18px 0; line-height: 1.3em}
	#main-content h1 a {text-decoration: underline; font-size: 0.7em}

.the-content {}
	.the-meta {font-size: 0.9em; font-style: italic; margin: 0 0 20px}
	.the-content h2, .the-content h3, .the-content h4, .the-content h5, .the-content h6 {font-weight: bold; line-height: 1.2em}
	.the-content h2 {font-size: 1.8em; margin: 16px 0 10px}
	.the-content h3 {font-size: 1.6em; margin: 14px 0 8px}
	.the-content h4 {font-size: 1.4em; margin: 12px 0 8px}
	.the-content h5 {font-size: 1.2em; margin: 10px 0 8px}
	.the-content h6 {margin: 8px 0}
	.the-content p, .the-content blockquote {line-height: 1.5em;}
	.the-content p strong, .the-content p em, .the-content p b, .the-content p i, .the-content p a {line-height: 1.5em}
		.the-content p a:hover {text-decoration: none}
	.the-content ul, .textwidget ul {list-style-type: disc; padding: 10px 0 0 40px; }
	.the-content ol, .textwidget ol {list-style-type: decimal; padding: 10px 0 0 40px;}
	.the-content li, .textwidget li {margin: 0 0 0.5em 0; line-height: 1.3em; }
	.the-content blockquote {padding: 10px 20px; font-style:italic; line-height: 1.8em}
	
	.the-content .alignleft {float: left; margin: 0 8px 6px 0}
	.the-content .alignright {float: right; margin: 0 0 6px 8px}
	
	.the-content .wp-caption {font-size: 0.8em; font-style: italic; text-align: center; color: #444}

	/** Comments **/
	
	#the-comments {clear: both; padding: 20px 0;}
		#the-comments h6 {font-weight: bold; margin: 0 0 20px; padding: 8px 0;}
		
		.commentlist {margin: 0 0 15px; padding: 0 20px 20px }
			.commentlist li {margin: 0 0 10px; padding: 0 0 10px; }
				.commentlist li span {display: block; margin: 0 0 8px; font-style: italic }
				.commentlist li p {line-height: 1.5em; padding: 0 0 0 10px}
				.commentlist li img {float: left; margin: 0 8px 6px 0}
		
		#respond {padding: 20px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
			
			#reply-title {font-size: 1.4em; margin: 0 0 20px }
		
		#commentform {width: 400px; margin: 0 auto}
			#commentform p {padding: 8px 0;}
			#commentform label {font-size: 0.9em; font-weight: bold; }
			#commentform input[type=text], #commentform textarea {padding: 8px; width: 100%; display: block; border: 1px solid #ccc}
			#commentform textarea {height: 140px}
			
			.form-allowed-tags {display: none}

/*** search results and archive ***/

.results {padding: 12px 0 20px 30px;}
	.results .result {margin: 0 0 20px}
		.results .result h2 {font-size: 1.4em;}
		
.post-navigation { background: #f5f5f5; border: 1px solid #eee}
	.post-navigation .alignleft, .post-navigation .alignright {width: 40%; padding: 10px; margin: 0;}
		 .post-navigation a {font-style: italic; color: black; text-decoration: none;}
		 	.post-navigation a:visited {color: black; }
	.post-navigation .alignright {text-align: right} 

/*** Sidebar ***/

#sidebar-col {float: right }
	#sidebar-col.single {padding: 50px 0 0 }

/*** footer styles ***/

#footer {text-align: center; padding: 12px 0}
	#footer .navigation {margin: 0 0 10px; display: inline}
		#footer .navigation li, #footer p {display: inline}
		#footer p.attribution {display: block; padding: 10px 0 0 }

/*** advertising styles ***/

.banner-container {text-align: center; padding: 20px 0}
.banner-container img{ width:100%; height:auto;}
.banner-site-top {text-align: center; padding: 20px 0}
.banner-content-top {text-align: center; padding: 20px 0}
.banner-site-bottom {text-align: center; padding: 20px 0}