body { background-image:url('site_background.jpg'); color: #333; font: 62.5% Georgia, "Times New Roman", Times, serif;}

* { padding: 0; margin: 0; }



/*---:[ global elements ]:---*/

a { color: #000080; text-decoration: underline; }

	a:visited { color: #000080; text-decoration: underline; }

	a:hover { color: #df0000; text-decoration: underline; }
	
	a img { border: none; }
	
blockquote { font-style: italic; font-family: Georgia, "Times New Roman", Times, serif; color: #555; margin: 0 30px 20px 30px; padding: 0 0 0 10px; border-left: 1px solid #aaa; }

abbr, acronym { border-bottom: 1px dotted #333; text-transform: uppercase; cursor: help; }
	
code { color: #090; font-family: "Courier New", Courier, monospace; }

pre { width: 500px; margin: 0 0 20px 0; overflow: auto; font-size: 1.3em; float: left; clear: both; }

* html pre { font-size: 1.0em; }

p.center { text-align: center !important; }

p.bottom { margin: 0 !important; }

p.unstyled { font-size: 1.4em; }

.flickr_blue { color: #007ae4; text-transform: lowercase; }

.flickr_pink { color: #ff2a96; text-transform: lowercase; }



/*---:[ headlines ]:---*/

h1 { font: bold 3.6em Helvetica, Arial, sans-serif; letter-spacing: -0.03em; color: #000080}

* html h1 { letter-spacing: -0.1em; }

	#masthead h1 { padding: 15px 0; border-top: 1px solid #ccc; text-align: center; clear: both; }
	
	h1 a, h1 a:visited, h1 a:hover { color: #000080; text-decoration: none; }
	
h2 { font: bold 2.0em Helvetica, Arial, sans-serif; color: #000; }

	h2 a { color: #000; text-decoration: none; }
	
	h2 a:visited { color: #000; text-decoration: none; }
	
	h2 a:hover { color: #df0000; text-decoration: none; }
	
	.posts h2 { margin: 0 0 2px 0; line-height: 1.2em; }
	
	.pages h2 { margin: 0 0 15px 0; padding: 0 0 12px 0; background: url('images/hr_title_sep.gif') 0 100% no-repeat; }
	
	h2.archive_head { font-weight: bold !important; font-size: 1.4em !important; text-transform: uppercase !important; letter-spacing: normal !important; margin: 0 0 25px 0 !important; padding: 6px 2px !important; border-top: 3px solid #000 !important; background: url('images/hr_dot_black.gif') 0 100% repeat-x !important; }
	
	h2.page_header { margin: 0 0 15px 0 !important; padding: 0 0 12px 0 !important; background: url('images/hr_title_sep.gif') 0 100% no-repeat; }
	
h3 { font: bold 2.0em Helvetica, Georgia, "Times New Roman", Times, serif; color: #000080; padding-bottom: 5px;}

	.entry h3 { margin: 35px 0 10px 0; }
	
	.entry h3.top { margin: 0 0 10px 0 !important; }
	
	h3.comments_headers { font-size: 1.4em; }

h4 { font: italic 1.2em Georgia, "Times New Roman", Times, serif; color: #000; padding-bottom: 10px; }

	h4 a, h4 a:visited { color: #000; text-decoration: none; }
	
	h4 a:hover { color: #000; text-decoration: underline; }
	
	.posts h4 { margin: 0 0 15px 0; padding: 0 0 12px 0; background: url('images/hr_title_sep.gif') 0 100% no-repeat; }
	
	.pages h4 { margin: 0 0 50px 0; padding: 5px 0 0 0; background: url('images/hr_tag_sep.gif') no-repeat; font-size: 1.2em; line-height: 1.7em; clear: both; }

	#leftcontent {
		position: absolute;
		left:10px;
		top:100px;
		width:200px;
		
		border:0px solid #0000ff;
		padding-top: 20px;
		}

	#centercontent {

		min-height:1300px;

		
   		margin-left: 214px;
   		margin-right:209px;
		padding-top: 20px;
		padding-left: 10px;
		border:0px solid #00ff00;
		border-left:1px solid #fff;
		/*
		IE5x PC mis-implements the box model. Because of that we sometimes have
		to perform a little CSS trickery to get pixel-perfect display across browsers.
		The following bit of code was proposed by Tantek Celik, and it preys upon a CSS
		parsing bug in IE5x PC that will prematurly close a style rule when it runs
		into the string "\"}\"". After that string appears in a rule, then, we can override
		previously set attribute values and only browsers without the parse bug will
		recognize the new values. So any of the name-value pairs above this comment
		that we need to override for browsers with correct box-model implementations
		will be listed below.
		
		We use the voice-family property because it is likely to be used very infrequently,
		and where it is used it will be set on the body tag. So the second voice-family value 
		of "inherit" will override our bogus "\"}\"" value and allow the proper value to
		cascade down from the body tag.

		The style rule immediately following this rule offers another chance for CSS2
		aware browsers to pick up the values meant for correct box-model implementations.
		It uses a CSS2 selector that will be ignored by IE5x PC.
		
		Read more at http://www.glish.com/css/hacks.asp
		*/
		
		voice-family: "\"}\"";
		voice-family: inherit;
   		margin-left: 216px;
   		margin-right:211px;
		}
	html>body #centercontent {
   		margin-left: 216px;
   		margin-right:211px;
		}

	#rightcontent {
		position: absolute;
		right:0px;
		top:100px;
		width:200px;
		
		border:0px solid #ff0000;
		padding-top: 20px;
		}
	
	#banner {
		
		border:0px solid #000;
		voice-family: "\"}\"";
		voice-family: inherit;
		height:95px;
		}
	html>body #banner {
		height:95px;
		}
		
	#footer {   font-size: 1.5em;
		padding-top: 25px;
		padding-left: 35px;
		background: #444444;
		border:1px solid #000;
		color: white;
		voice-family: "\"}\"";
		voice-family: inherit;
		height:100px;
		border-bottom:0px solid #000;
		}

	#footer a{color: white;}
	#footer a:hover{color: red;}

	html>body #footer {
		height:100px;
		}

	#logo { position: absolute; right:0px; top:0px;
		}

	#title { font-size: 1.5000em; font-weight: bold; padding: 0 10px;}

	#title h1 { font-size: 3.000em; position: absolute; left:10px; top:20px; color:0000ff;}
	#title h2 { font-size: 1.5000em; position: relative; top:60px;}
	#banner img {position: absolute; top:10px; left:260px;}

	
/*---:[ content styles ]:---*/

.entry { font-size: 1.4em; line-height: 1.7em; }
		
	.entry blockquote { font-size: 1.0em; }
	
		.entry blockquote.right { width: 200px; font-style: normal !important; font-size: 1.3em !important; margin: 5px 0 5px 15px !important; padding: 0.3em 0 !important; border: 3px double #333333; border-width: 3px 0; text-align: center; float: right; }
		
		.entry blockquote.left { width: 200px; font-style: normal !important; font-size: 1.3em !important; margin: 5px 15px 5px 0 !important; padding: 0.3em 0 !important; border: 3px double #333333; border-width: 3px 0; text-align: center; float: left; }
	
			.entry blockquote.right p, .entry blockquote.left p { margin: 0 !important; line-height: 1.5em !important; }
	
	.entry p { margin: 0 0 15px 0; }

	.entry ul, .entry ol { margin: 0 0 15px 40px; }
	
	.entry ul { list-style-type: square; }
	
		.entry li { margin: 0 0 5px 0; }
		
			.entry ul li ul, .entry ul li ol, .entry ol li ul, .entry ol li ol { margin: 5px 0 5px 30px; }
	
	.entry dl { margin: 0 0 15px 0; }
			
		.entry dt { font-weight: bold; }
		
		.entry dd { margin: 0 0 15px 20px; }

.entry byline {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 80%; PADDING-BOTTOM: 0px; MARGIN: 0px; COLOR: #000000; PADDING-TOP: 0px}

.entry byline A {BORDER-RIGHT: medium none; BORDER-TOP: medium none; BORDER-LEFT: medium none; COLOR: #968a0a; BORDER-BOTTOM: medium none; TEXT-DECORATION: none}

.entry byline A:hover {TEXT-DECORATION: underline}

.byline {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 80%; PADDING-BOTTOM: 0px; MARGIN: 0px; COLOR: #000000; PADDING-TOP: 0px}

.byline A {BORDER-RIGHT: medium none; BORDER-TOP: medium none; BORDER-LEFT: medium none; COLOR: #968a0a; BORDER-BOTTOM: medium none; TEXT-DECORATION: none}

.byline A:hover {TEXT-DECORATION: underline}
		
	.entry .ad { margin: 0 0 15px 15px; float: right; }
	
	.entry .ad_left { margin: 0 15px 15px 0; float: left; }

	.entry img { }

	.entry img.left { padding: 3px; margin: 5px 15px 5px 0; border: 3px double #bbb; float: left; clear: left; }
	
	.entry img.right { padding: 3px; margin: 5px 0 5px 15px; border: 3px double #bbb; float: right; clear: right; }
	
	.entry img.center { display: block; padding: 3px; margin: 0 auto 15px auto; border: 3px double #bbb; float: none; clear: both; }

	.entry img.off { padding: 0 !important; border: none !important; }
	
	.entry img.stack { clear: none !important; }
	
	.entry img.wp-smiley { padding: 0 !important; margin: 0 !important; border: none !important; float: none !important; clear: none !important; }

.tagged { margin: 0 0 50px 0; padding: 5px 0 0 0; background: url('images/hr_tag_sep.gif') no-repeat; font-size: 1.2em; line-height: 1.7em; color: #888; clear: both; }

	.tagged a, .tagged a:visited { padding: 3px; color: #333; text-decoration: none; }
	
	.tagged a:hover { color: #fff; background: #333; text-decoration: none; }
	
	.add_comment { display: block; padding: 0 0 0 20px; font-weight: bold; float: right; }
	
		.add_comment a, .add_comment a:visited { padding: 0; color: #333; text-decoration: none; }

		.add_comment a:hover { color: #df0000; background: none; text-decoration: underline; }

.navigation { width: 500px; margin: 0 0 40px 0; font-size: 1.4em; float: left; }

* html .navigation { margin: 0 0 30px 0; }
	
	.previous { padding: 0 20px 0 0; float: left; }
	
	.next { float: right; }
	
.clear { width: 500px; height: 1px; clear: both; }



/*---:[ sidebar styles ]:---*/

#sidebar a img { border: none; } /* added just in case people don't format correctly */

ul.sidebar_list { list-style: none; }

	ul.sidebar_list li.widget { width: 200px; margin: 0 0 30px 0; font-size: 1.2em; line-height: 1.4em; float: left; }

		li.widget h2 { font-weight: bold; font-size: 1.2em; text-transform: uppercase; letter-spacing: normal; margin: 0 0 10px 0; padding: 6px 2px; border-top: 3px solid #000; background: url('images/hr_dot_black.gif') 0 100% repeat-x; }

		li.widget p { margin: 0 0 15px 0; padding: 0 10px; }
		
		li.widget a img { border: none; }
		
		li.widget ul { list-style: square; margin: 0 0 15px 20px; }
		
		li.widget ol { margin: 0 0 15px 20px; }
		
			li.widget li { margin: 0 0 8px 0; }
			
				li.widget li a, li.widget li a:visited { text-decoration: none; }
				
				li.widget li a:hover { text-decoration: underline; }
			
				li.widget li .recent_date { padding: 0 0 0 8px; font-weight: bold; color: #888; }
		
		li.widget ul.flickr_stream { list-style: none; margin: 0; padding: 0 10px; }
		
			li.widget ul.flickr_stream li { margin: 0; padding: 0 5px 5px 0; display: inline; }
			
				li.widget ul.flickr_stream li a img { padding: 3px; }
				
				li.widget ul.flickr_stream li a:hover img { background: #ff2a96; }
		
			/*---< FlickrRSS styles for the widget only >---*/
		
			li.widget_flickrrss { }
			
				li.widget_flickrrss a img { margin: 0 5px 5px 0; padding: 3px; }
				
				li.widget_flickrrss a:hover img { background: #ff2a96; }
				
		/*---< Calendar widget styles >---*/
		
		#calendar_wrap { font-size: 1.2em; }
				
	/*---< This collection of lines is only here to make widget link categories work. I realize that it's ridiculous, and believe me when I say that I hate it more than you do. >---*/

	ul.sidebar_list li#linkcat-1, ul.sidebar_list li#linkcat-2, ul.sidebar_list li#linkcat-3, ul.sidebar_list li#linkcat-4, ul.sidebar_list li#linkcat-5, ul.sidebar_list li#linkcat-6, ul.sidebar_list li#linkcat-7, ul.sidebar_list li#linkcat-8, ul.sidebar_list li#linkcat-9 { width: 200px; margin: 0 0 30px 0; font-size: 1.2em; line-height: 1.4em; float: left; }

		ul.sidebar_list li#linkcat-1 h2, ul.sidebar_list li#linkcat-2 h2, ul.sidebar_list li#linkcat-3 h2, ul.sidebar_list li#linkcat-4 h2, ul.sidebar_list li#linkcat-5 h2, ul.sidebar_list li#linkcat-6 h2, ul.sidebar_list li#linkcat-7 h2, ul.sidebar_list li#linkcat-8 h2, ul.sidebar_list li#linkcat-9 h2 { font-weight: bold; font-size: 1.2em; text-transform: uppercase; letter-spacing: normal; margin: 0 0 10px 0; padding: 6px 2px; border-top: 3px solid #000; background: url('images/hr_dot_black.gif') 0 100% repeat-x; }

		ul.sidebar_list li#linkcat-1 ul, ul.sidebar_list li#linkcat-2 ul, ul.sidebar_list li#linkcat-3 ul, ul.sidebar_list li#linkcat-4 ul, ul.sidebar_list li#linkcat-5 ul, ul.sidebar_list li#linkcat-6 ul, ul.sidebar_list li#linkcat-7 ul, ul.sidebar_list li#linkcat-8 ul, ul.sidebar_list li#linkcat-9 ul { list-style: square; margin: 0 0 15px 20px; }
			
			ul.sidebar_list li#linkcat-1 li, ul.sidebar_list li#linkcat-2 li, ul.sidebar_list li#linkcat-3 li, ul.sidebar_list li#linkcat-4 li, ul.sidebar_list li#linkcat-5 li, ul.sidebar_list li#linkcat-6 li, ul.sidebar_list li#linkcat-7 li, ul.sidebar_list li#linkcat-8 li, ul.sidebar_list li#linkcat-9 li	{ margin: 0 0 8px 0; }
		
				ul.sidebar_list li#linkcat-1 li a, ul.sidebar_list li#linkcat-2 li a, ul.sidebar_list li#linkcat-3 li a, ul.sidebar_list li#linkcat-4 li a, ul.sidebar_list li#linkcat-5 li a, ul.sidebar_list li#linkcat-6 li a, ul.sidebar_list li#linkcat-7 li a, ul.sidebar_list li#linkcat-8 li a, ul.sidebar_list li#linkcat-9 li a { text-decoration: none; }
		
				ul.sidebar_list li#linkcat-1 li a:hover, ul.sidebar_list li#linkcat-2 li a:hover, ul.sidebar_list li#linkcat-3 li a:hover, ul.sidebar_list li#linkcat-4 li a:hover, ul.sidebar_list li#linkcat-5 li a:hover, ul.sidebar_list li#linkcat-6 li a:hover, ul.sidebar_list li#linkcat-7 li a:hover, ul.sidebar_list li#linkcat-8 li a:hover, ul.sidebar_list li#linkcat-9 li a:hover { text-decoration: underline; }
	
#leftbar_archives {
	font-size: 11px;
}

#leftbar_archives a {
	text-decoration: none; padding-right: 4px; padding-left: 3px;
}

#leftbar_archives a:hover {
	border-bottom: 1px solid;
}


#leftbar_archives span {
	font-weight: bold;
	text-align: left;
}