/* ==[ Reset Styles ]== */ /* Modified version of Eric Meyer's Reset Style Sheet v1.0 | 20080212
 http://meyerweb.com/eric/tools/css/reset/ */

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, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

:focus {
	outline: 0;
}

ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* ==[ / Reset Styles ]== */

/* ==========[ Design Styles ]========== */
#access { 
	background: transparent url(images/background-navigation-arms.png) no-repeat center top;
	display: none;
	height: 120px;
	left: 50%;
	margin: 0 0 0 -118px;
	padding: 0;
	position: absolute;
	top: -130px;
	width: 236px;
}

#access .skip-link { display: none; }

a { text-decoration: none;}

a:link, 
#site-meta a:visited,
#subnavigation a:visited {
	color: #f26500;
/* 	color: #0039e5; */
}

a:visited {
	color: #c00;
}

a:focus {}

a:link:hover {
	text-decoration: underline;
}

a:visited:hover {
	text-decoration: underline;
}

a:active {}

a.rsswidget img { display: none }


blockquote {
	background: url(images/close_quote.png) no-repeat 100% 95%;
	margin: 0 15% 20px 0;
	padding: 0 40px 1px 0;
	text-align: justify;
}

	blockquote p {
		background: url(images/open_quote.png) no-repeat 0 0;
		padding: 0 0 0 50px;
	}

body {
	background: transparent url(images/background-starburst.jpg) fixed no-repeat top center;
	height: 100%;
	margin: 0;
	padding: 130px 0 0 0;
}

pre {
	background-color: #e5f3ff;
	border: 1px solid #13324d;
	margin-right: 10px !important;
	padding: 10px;
}

html {
	background:  #102b40 url(images/background-starburst.jpg) fixed no-repeat top center;
	height: 100%;
	margin: 0;
	padding: 0
}

#site-meta {
	background: transparent url(images/background-page-anchor.png) no-repeat center top;
	height: 30px;
	color: #fff;
	position: fixed;
	bottom: 0;
	width: 100%;
}

	#site-meta ul {
		margin: 0 auto 0 auto;
		padding-top: 10px;
		width: 960px;
	}

	#site-meta ul li {
		display: block;
		float: left;
		font-size: .75em;
		padding: 0 10px;
		width: 300px	}

	#site-meta ul li#copyright {
		text-align: right;
	}

	#site-meta ul li#back-to-top {	
		text-align: center;
	}

#wrapper-outer {
	background: transparent url(images/background-content.png) repeat-y center 0; 
	margin: 0 auto 0 auto;
	min-height: 100%;
	height: auto !important;
	padding: 10px 10px 30px 10px;
	width: 960px;
}
	
	#wrapper-outer #additional-info {
		background: transparent url(images/background-content-foot.png) no-repeat 0 0;
		clear: both;
		color: #fff;
		font-weight: 300;
		margin-bottom: -7px;
		margin-left: -1px;
		margin-top: 30px;
		padding-top: 75px;
/* 		text-shadow: #090b0d 2px 2px 1px; */
	}

	#wrapper-outer #content {
		margin-top: 80px;
	}

		#wrapper-outer #content .pagination {
			clear: both;
			margin-top: 20px;
			width: 100%;
		}

		#wrapper-outer #content .pagination .nav-next a,
		#wrapper-outer #content .pagination .nav-previous a {
			display: block;
			height: 23px;
			width: 155px;
		}

			#wrapper-outer #content .pagination .nav-next a span,
			#wrapper-outer #content .pagination .nav-previous a span {
				display: none;
			}

		#wrapper-outer #content .pagination .nav-next {
			background: transparent url(images/nav-newer.png) no-repeat 0 0;
			float: right;
			margin-right: 10px;
		}

		#wrapper-outer #content .pagination .nav-previous {
			background: transparent url(images/nav-older.png) no-repeat 0 0;
			float: left;
			margin-left: 10px;
		}
	
	#wrapper-outer #extras,
	#wrapper-outer #page-info {
		background-color: #13161a;
		overflow: auto;
		padding-bottom: 10px;
	}

		#wrapper-outer #extras .first,
		#wrapper-outer #page-info #post-meta {
			float: left;
			padding: 0 10px;
			width: 300px;
		}

		#wrapper-outer #extras .second,
		#wrapper-outer #page-info #related-entries {
			float: left;
			padding: 0 10px;
			width: 620px;
		}
		
		
	body.home #wrapper-outer #extras .first,
	body.home #wrapper-outer #extras .second,
	body.home #wrapper-outer #extras .third {
		float: left;
		margin: 0 ;
		width: 300px;
	}	

	body.home #wrapper-outer #extras ul.xoxo {
		margin-bottom: 0;
	}
	
	 body.home #wrapper-outer #content h2 {
		font-size: 2em; /* 24px */
		line-height: 1.5em; /* 36px */
		padding-top: 0;
	}
	
	body.home #wrapper-outer #extras h3 a,
	body.home #wrapper-outer #extras h3 a:hover {
		color: #fff;
		text-decoration: none;
	}
	
	li.widget_rss ul li {
		clear: both;
		float: none;
	}
	
	body.home #wrapper-outer #extras ul ul,
	body.home #wrapper-outer #extras ul ol {
		height: 400px;
		overflow: hidden;
		margin-bottom: 0;
	}

	body.home #wrapper-outer #extras li.widget_rss ul {
		height: auto;
	}

	body.home #wrapper-outer #extras ul div.flickr-photos {
		height: 443px;
		overflow: hidden;
		margin-bottom: 0;
	}

		body.home #wrapper-outer #extras ul div.flickr-photos a.more-photos {
			display: none;
		}
	
	body.home #wrapper-outer #extras .second {
		margin: 0 10px;
	}	
	
	body.home #wrapper-outer #extras ul li,
	body.home #wrapper-outer #extras ul ol li,
	body.home #wrapper-outer #extras div.flickr-photos a {
		display: block;
		float: left;
		margin: 0 18px 20px 0;

	}
	
	#widgetize-anything-1 li {
		margin-bottom: 11px !important;
	}
	
		body.home #wrapper-outer #extras .second li img {
			margin-bottom: 1px;
		}
	
		body.home #wrapper-outer #extras ol#lastfmrecords li,
		body.home #wrapper-outer #extras ol#lastfmrecords li a,
		body.home #wrapper-outer #extras ol#lastfmrecords li a img {
			height: 75px;
			padding-bottom: 0;
			width: 75px;
		}
	
	body.home #wrapper-outer #extras li a img {
		max-height: 110px;
		width: 75px;
	}

	body.home #wrapper-outer #extras #widgetize-anything-1 li a img {
		height: 110px;
	}
	
	#wrapper-outer #navigation {
		background: transparent url(images/background-navigation.png) no-repeat 0 0;
		height: 32px;
		margin-bottom: -2px;
		margin-top: -30px;
		margin-left: -1px;
	}
	
		#wrapper-outer #navigation ul {
			height: 32px;
			list-style-type: none;
			width: 100%;
		}
	
			#wrapper-outer #navigation ul li {
				display: block;
				float: left;
				margin: -31px 10px 0 10px; /* top margin overwritten for Safari (via JS) and IE (conditional comment) */
				text-align: center;
				width: 140px;
			}
	
			#wrapper-outer #navigation ul li#nav-archives {
				
			}
	
			#wrapper-outer #navigation ul li#nav-contact {
				margin-left: 330px;
			}
	
			#wrapper-outer #navigation ul li#nav-search {
				
			}
	
			#wrapper-outer #navigation ul li#nav-subscribe a {
				background: transparent url(images/rss-icon-small.png) no-repeat right bottom;
				padding-right: 20px;				
			}
	
				#wrapper-outer #navigation ul li a {
					color: #fff;
					font: 100  1.16666666667em/32px "Futura", "Trebuchet MS", "Helvetica Neue", Verdana, Helvetica, sans-serif;
					text-decoration: none;
					text-shadow: #000 2px 2px 1px;
					text-transform: uppercase;
				}
	
	#wrapper-outer #subnavigation div {
		background: transparent url(images/background-drawer.png) no-repeat center bottom;
		color: #fff;
		display: none; /* Works in conjunction with JS and the .active class to hide the drawers when the page loads */
		margin: 0 auto;
		position: absolute;
		width: 960px;
		z-index: 100;
	}
	
	#wrapper-outer #subnavigation div div {
		display: block;
	}
	
	#wrapper-outer #subnavigation div.active { /* See comment above for info on use */
		display: block;
	}
	
	#wrapper-outer #subnavigation input[type="text"] {
		border: 1px solid #666;
		margin-right: 10px;
	}

	#wrapper-outer #subnavigation #nav-contact-sub div#usermessagea,
	#wrapper-outer #subnavigation #nav-contact-sub div#usermessageb {
		background: none;
		display: block !important;
		margin: 0 0 0 60px;
		width: 140px;
	}

	#wrapper-outer #subnavigation .cform {
		margin: 0 60px 20px  300px;
		width: 620px;
	}
	
	#wrapper-outer #subnavigation .cform label {
		/* display: none; */
	}
	
	#wrapper-outer #subnavigation .cform p.cf-sb {
		
	}
	#wrapper-outer #subnavigation .cform  .cf_hidden {
		display: none;
	}
	
	#wrapper-outer #subnavigation .cform input.sendbutton {
		margin-left: 140px;
		margin-top: 10px;
	}
	
	
	#wrapper-outer #subnavigation .cform textarea{
		height: 75px;
		width: 300px;
	}
	
	#wrapper-outer #subnavigation #nav-contact-sub .cform ol {
		margin-bottom: 0;
	}
	
	#wrapper-outer #subnavigation #nav-contact-sub .cform ol li {
		width: 460px;
	}
		#wrapper-outer #subnavigation #nav-contact-sub .cform ol li label {
			display: block;
			float: left;
			padding-right: 10px;
			text-align: right;
			width: 140px;
		}
		
		#wrapper-outer #subnavigation #nav-contact-sub .cform ol li span {
			font-size: .8em;
			white-space: nowrap;
	}
	
	#wrapper-outer #subnavigation #nav-contact-sub .cform ol li#li--1, 
	#wrapper-outer #subnavigation #nav-contact-sub .cform ol li#li--2, 
	#wrapper-outer #subnavigation #nav-contact-sub .cform ol li#li--3 {
		
	}
	
	#wrapper-outer #subnavigation #nav-contact-sub .cform ol li#li--4 {
		margin-bottom: 0;
	}

	/* === CForm Messages === */
	div.failure {
		display:block;
		background-color: #fff9f2;
		border-bottom: 1px solid #ff8a00;
		border-top: 1px solid #ff8a00;
		color: #f00;
		padding: 5px 10px;
	} 
	
	.cform input.cf_error,
	.cform textarea.cf_error,
	.mailerr,
	.cform .cf_errortxt { 
		background-color: #fff9f2 !important;
		border: 1px solid #ff8a00 !important; 
		border-right-width: 5px !important; 
	}
	
	div.success {
		display:block;
		background-color: #ffe1bf;
		border-bottom: 1px solid #00bf00;
		border-top: 1px solid #00bf00;
		color: #f00;
		padding: 5px 10px;
	}

/* === / cform CSS === */


	#wrapper-outer #subnavigation #nav-contact-sub .linklove {
		display: none;
	}

	#wrapper-outer #subnavigation .contactform,
	#wrapper-outer #subnavigation #searchform,
	#wrapper-outer #subnavigation #nav-contact-sub h3,
	#wrapper-outer #subnavigation #nav-search-sub h3 {
		margin-left: 300px;
	}
	
	#wrapper-outer #subnavigation #nav-contact-sub h3 {
	}
	
		#wrapper-outer #subnavigation #nav-archives-sub ul {
			float: left;
			font-size: 1em;
			margin: 10px;
			width: 140px;
		}
	
			#wrapper-outer #subnavigation #nav-archives-sub ul li {
				line-height: 1.28571428571em; 	/* 18px */
				margin-bottom: .6428571em;
				text-shadow: #000 0 1px 2px;
			}
	
			#wrapper-outer #subnavigation #nav-archives-sub ul li a {
				padding-right: 10px;
			}
	
			#wrapper-outer #subnavigation #nav-archives-sub ul li a:hover {
				color: #fff;
				text-shadow: #000 0 2px 4px;
			}
		
		#wrapper-outer #subnavigation #nav-subscribe-sub div.description {
			background: none;
			display: block !important;
			float: left;
			margin: 0 10px 0 140px;
			position: relative;
			padding: 0 10px;
			width: 380px;
		}
				
		#wrapper-outer #subnavigation #nav-subscribe-sub div#subscribe-methods {
			background: none;
			display: block !important;
			float: left;
			padding: 0 10px;
			position: relative;
			width: 300px;
		
		}
		
		#wrapper-outer #subnavigation #nav-subscribe-sub input#rss-email {
			width: 140px;
		}
		
		#wrapper-outer #subnavigation #nav-subscribe-sub h4#rss-subscribe-email {
			border-top: 1px solid #cdcdcd;
			padding-top: 10px;
		}
		
		#wrapper-outer #subnavigation form {
			margin-top: 0;
			padding-top: 0;
		}
		
		#wrapper-outer #subnavigation h3,
		#wrapper-outer #subnavigation h4 {
			margin: 20px 0 10px 0;
			padding: 0;
			text-shadow: #000 0 1px 1px;
		
		}
		
		#wrapper-outer #subnavigation #nav-subscribe-sub div#subscribe-methods h4 a {
				background: transparent url(images/rss-icon-small.png) no-repeat left bottom;
				padding-left: 20px;
		}
		
		#wrapper-outer #subnavigation #nav-subscribe-sub div.description h3{
			margin-left: 90px;
		}
		
		#wrapper-outer #subnavigation #nav-subscribe-sub div.description p {
			background: transparent url(images/rss-icon-large.png) no-repeat 0 0;
			min-height: 73px;
			padding-left: 90px;
		}
	
	#wrapper-outer #site-description {
		color: #fff;
		float: left;
		font: 1.25em/1.5 Futura, "Trebuchet MS", "Helvetica Neue", Verdana, Helvetica, sans-serif;
		margin-left: 10px;
		margin-top: -120px;
		text-shadow: #000 0 2px 2px;
		width: 300px;
	}

	#wrapper-outer #site-info {
		width: 100%;
	}
	
	#wrapper-outer #site-title {
		
	}
	
		#wrapper-outer #site-title a {
			background: transparent url(images/logo-silverspider.png) no-repeat 0 0;
			display: block;
			height: 159px;
			left: 50%;
			margin: -91px 0 0 -118px;
			position: absolute;
			width: 236px;
			z-index: 500;
		}
	
			#wrapper-outer #site-title a span {
				display: none;
			}
	
/* === Pages that List Posts === */
	#wrapper-outer .flickr-photos-wrapper,
	body.archive #wrapper-outer #content div.post,
	body.archives #wrapper-outer #content div.post,
	body.category #wrapper-outer #content div.post,
	body.four04 div.post,
	body.search #wrapper-outer #content div.post,
	body.search #wrapper-outer #content .search-container,
	body.tag #wrapper-outer #content div.post { 
		padding-bottom: 10px;
		margin: 0 auto 20px auto;
		width: 620px;
	}
	
	body.archive #wrapper-outer #content h1,
	body.archives #wrapper-outer #content h1,
	body.category #wrapper-outer #content h1,
	body.search #wrapper-outer #content h1,
	body.tag #wrapper-outer #content h1 { 
	margin-left: auto;
	margin-right: auto;
	width: 620px;
	}
	
	ul#archives-page { 
		margin: 20px 0;
		padding: 0;
	}
	
		li#category-archives ul {
			float: left;
			font-size: 1em;
			margin: 0 10px;
			padding: 0;
			width: 140px;
		}
			li#category-archives ul.List1 {
				margin-left: 0 !important;
			}
		
			li#category-archives ul.List6 {
				margin-right: 0 !important;
			}
			
		li#monthly-archives {
			clear: left;
		}
	
/* === / Pages that List Posts === */
	
/* === Single Post Pages === */
	/* == Comments on Single Pages == */
	body.single #wrapper-outer #content div#comments {
		clear: both;
		padding-bottom: 10px;
		margin: 0 10px 10px 10px;
	}

		body.single #wrapper-outer #content div#comments ol {
			font-size: 1em;
		}
		
		body.single #wrapper-outer #content div#comments li.comment {
			margin: 0;
			overflow: auto;
		}
	
		body.single #wrapper-outer #content div#comments .comment-author {
			clear: left;
			float: left;
			margin-top: 33px;
			text-align: right;
			width: 300px;
		}
		
		body.single #wrapper-outer #content div#comments .comment-author img {
			background: transparent url(images/background-commentor.png) no-repeat center top;
			margin-top: -33px;
			margin-left: 5px;
			padding: 33px 3px 6px 3px;
			vertical-align: text-top;
		}
	
		
		body.single #wrapper-outer #content div#comments .bypostauthor .comment-author img {
			background-image: url(images/background-commentor-me.png);
		}
		
		body.single #wrapper-outer #content div#comments .comment-content {
			float: right;
			margin-top: 28px;
			min-height: 50px;
			padding: 0 10px;
			width: 620px;
		}
		
		body.single #wrapper-outer #content div#comments .comment-content p {	
			margin-left: 10px;
			margin-right: 10px;
		}
	
		
		body.single #wrapper-outer #content div#comments .comment-meta {
			clear: left;
			float: right;
			margin-right: 48px;
			margin-top: -22px;
			text-align: right;
			width: 140px;
	
		}
		body.single #wrapper-outer #content div#comments .edit-link {
			font-size: .8em;
			margin-right: 10px		}
		
		body.single #wrapper-outer #content div#comments #respond {
			float: right;
			padding: 0 10px;
			width: 620px;
		}
		
		body.single #wrapper-outer #content div#comments #respond textarea {
			height: 140px;
			width: 460px;	
		}
	
	/* == / Comments on Single Pages == */
	
	/* == Post Content on Single Pages & Home Page == */
	body.single #wrapper-outer #content div.post,
	body.home #wrapper-outer #content div.post { 
		background: transparent url(images/background-dotted-horizontal.png) repeat-x 0 bottom;
		float: right;
		padding-bottom: 10px;
		margin: 0 10px 10px 10px;
		width: 620px;
	}
	body.home #wrapper-outer #content{ 
	}
	
	
	body.home #wrapper-outer #content div.home-post-0 {
		
	}
	
	body.home #wrapper-outer #content div#older-posts {
		clear: both;

	}
	

	
	body.home #wrapper-outer #content div.home-older {

	}




	body.home #wrapper-outer div#magnolia-links {
		float: left;
		width: 300px;
	}		

		body.home #wrapper-outer div#magnolia-links div.description {
			display: none;
		}
		
		body.single #wrapper-outer #content div.post p,
		body.home #wrapper-outer #content div.post p { 
			margin-right: 10px		}
		
		body.single #wrapper-outer #content div.post-date,
		body.home #wrapper-outer #content div.post-date {
			color: #bfbfbf;
			float: left;
			font-size: 2em;					/* 24px */
			line-height: 1.5em;				/* 36px */
			position: relative;
			margin: 0 0 0 -320px;
			text-align: center;
			width: 300px;
		}
		
		body.home #wrapper-outer #content div.post-date {
			margin-top: -2.3333em;
		}
		


		body.home #wrapper-outer #content h3 {
			margin-top: 0;
		}


		
		body.single #wrapper-outer #content .entry-meta,
		body.home #wrapper-outer #content .entry-meta { 
			display: none;
		}	


		img.ImageType1 {
			float: left;
			margin: 5px 10px 10px 0 !important;
		}

		img.ImageType2 {
			clear: both;
			margin: 5px 0 10px 0 !important;
		}

/* === / Single Pages === */


/* === Search === */

body.page #wrapper-outer #content div.page,
.search-container {

	margin: 20px 10px;
}

	.search-container #s {
		width: 20em;
	}

/* === / Search === */


/* ==========[ Typography Styles ]========== */

body {
	font: .75em/1.8em normal "Trebuchet MS", "Helvetica Neue", Verdana, Helvetica, sans-serif;	/* .75em ~= 12px */
}

cite,
p.wp-caption-text {
	font-size: .85em;
	font-weight: normal;
	line-height: 1.75em;
}


h1, h2, h3, h4, h5 {
	font-family: "Futura", "Trebuchet MS", "Helvetica Neue", Verdana, Helvetica, sans-serif;
	font-weight: 300;
}
 
h1 {
	font-size: 2em;					/* 24px */
	line-height: 1.5em;				/* 36px */
/*	text-shadow: #fff 2px 2px 1px; */
}
 
h2 {
	font-size: 1.75em;           		/* 21 */
	line-height: 0.85714285714em; 	/* 18 */
	padding: 0.85714285714em 0;   	/* 36 */
}
 
h3 {
	font-size: 1.5em;             	/* 18px */
	line-height: 1.0em;           	/* 18px */
	margin: 1.5em 0 0 0;          	/* 24px */
	padding: 0 0 0.5em 0;         	/* 9px */
}

h3.widgettitle,
#additional-info h4 {
	font-weight: normal;
	text-shadow: #000 2px 2px 1px;
}
 
h4,
h3.widgettitle {
	font-size: 1.3333em;          	/* 16px */
	line-height: 1.125em;         	/* 18px */
	margin: 1.125em 0 0 0;        	/* 18px */
	padding: 0.5625em 0 0.5625em 0;	/* 18px */
}

h3.widgettitle { margin: 0; } 

h5 {
	font-size: 1.16666666667em;   	/* 14px */
	line-height: 1.28571428571em; 	/* 18px */
	margin: 1.2857142857em 0 0 0; 	/* 18px */
}

h6 {
	font-size: 1em;               	/* 12px */
	line-height: 1.5em;           	/* 18px */
	margin: 1.5em 0 0 0;          	/* 18px */
	font-weight: bold;
}

p, pre, td, ol, ul, dl {
	font-size: 1.16666666667em;   	/* 14px */
	line-height: 1.28571428571em; 	/* 18px */
	margin: 0 0 1.28571428571em 0;	/* 18px */  
	/* width: 33em; */
}
 
li {
  margin: 0 0 1.28571428571em 0;	/* 18px */  
}
 
ol ol, 
ol ol ol,
ol ul,
ul ul,
ul ul ul,
ul ul ul ul,
ul ol {
	font-size: 1em;
	line-height: 1.28571428571em; 	/* 18px */
	margin: 0 0 1.28571428571em 0;	/* 18px */ 
}


/* ==========[ / Typography Styles ]========== */