@charset "utf-8";

/*
Theme Name: Sinnerman
Theme URI: http://sinnerman.com
Description: A miserable hackjob hodgepodge of different elements of different sites and themes.
Version: 1.0
Author: John Morrison
Author URI: http://subism.com/
Tags: red, custom header, fixed content width, three columns, widgets

	Sinnerman CSS
	Copyright (c) 2008 John Morrison. All rights reserved.
	Layout No. 1 / v1.5
	Wed 10 Sept 2008

*/

/*********** Typography ***********/
/* Base  */
body					{ font-family: helvetica, arial, verdana, sans-serif; font-size: 12px; line-height: 16px; color: #000; }
h1						{ font-size: 24px; line-height: 24px; }
h2						{ font-size: 18px; line-height: 20px; }
h3						{ font-size: 14px; line-height: 14px; }
h4						{ font-size: 12px; line-height: 14px; }
ul						{ list-style-type: none; }
li						{ list-style-type: none; }
img						{ border:0;}

/* Mainmenu, switcher style */
#mainmenu				{ color: #666; }
#mainmenu a:link		{ text-decoration: none; }
#mainmenu a:visited		{ text-decoration: none; }
#mainmenu a:hover		{ text-decoration: none; color: #fff; }
#mainmenu a:active		{ text-decoration: none; color: #fff; }

/* Content */
#content h2 a:link		{ color: #000; text-decoration: none; }
#content h2 a:visited	{ color: #000; text-decoration: none; }
#content h2 a:hover		{ color: #993333; text-decoration: none; }
#content h2 a:active	{ color: #993333; text-decoration: none; }
#content h3 a:link		{ color: #000; text-decoration: none; }
#content h3 a:visited	{ color: #000; text-decoration: none; }
#content h3 a:hover		{ color: #993333; text-decoration: none; }
#content h3 a:active	{ color: #993333; text-decoration: none; }
#content .date			{ font-size: 10px; color: #666; }
#content .blog			{ }

/* Main menu, switcher */
#mainmenu li a			{ font-size: 10px; }

/* Left links */
#links					{ font-size: 10px; }

/* Links */
a:link					{ color: #993333; text-decoration: none; }
a:visited				{ color: #993333; text-decoration: none; }
a:hover					{ color: #993333; text-decoration: underline; }
a:active				{ color: #993333; text-decoration: none; }

.post h2				{ text-shadow: 2px 2px 2px #ccc; }
.post h3				{ font-size: 16px; line-height: 20px; text-shadow: 2px 2px 2px #ccc; }
.widgettitle 			{ font-weight: normal; font-style: none; font-size: 14px; line-height: 20px;}



/*********** Positioning ***********/

/* Base  */
#wrapper {
	width: 500px;
	}

#bodybuddy {
	position: absolute;
	top: 210px;
	left: 165px; 
	right: 16px;
	border-right: 1px solid #993333;
	border-bottom: 1px solid #993333;
	background: #eee;
	z-index: -2;
	}

body { 
	background: #c1c1c1 url(/i/bg.gif) fixed;
	margin: 0px; 
	padding: 0px; 
}

h1, h2, h3, h4, h5		{ margin: 0px; padding: 0px; }
ul						{ margin: 0px; padding: 0px; }
li						{ margin: 0px; padding: 0px; }

/* Bug-fix div */
.spacer					{ clear: both; font-size: 1px; line-height: 1px; }

/* Header */
#header					{ background: url(/i/bg.gif) fixed; height: 88px; position: fixed; top: 0px; left: 15px; right: 16px; z-index: 100; border: 0px; }
#header h1				{ background: url(/i/logo.gif) no-repeat; z-index: 102; height: 88px; text-indent: -1000em; overflow: hidden; }
#header h2				{ background-color: #c1c1c1; height: 20px; text-indent: -1000em; overflow: hidden; border-top: 1px solid #000066; }

/* Quote Banner */
#quotebanner					{ height: 100px; position: fixed; top: 110px; left: 165px; right: 16px; z-index: 100; border: 0; background: #000; -webkit-box-shadow: 0px 2px 2px #999; -moz-box-shadow: 0px 2px 2px #999; box-shadow: 0px 2px 2px #999;}
#quotebanner p					{ font: 18px/1.5 "Times New Roman", Times, serif; text-align: center; color: #fff; margin-top: 35px;}


/* Big Navigation */
#bignav 				{ border-top: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #fff; border-left: 1px solid #000; clear: all; padding: 0; height: 20px; background-color: #993333; text-align: right; }
#bignav ul 				{ border: 0; margin: 0; padding: 0; list-style-type: none; text-align: center; }
#bignav ul li 			{ display: block; float: left; text-align: center; padding: 0; margin: 0; }
#bignav ul li a 		{ background: #993333; width: 90px; height: 18px; border-top: 1px solid #993333; border-right: 1px solid #fff; border-bottom: 1px solid #993333; border-left: 1px solid #fff; padding: 0; margin: 0; color: #fff; text-decoration: none; display: block; text-align: center; font: normal 11px/20px helvetica, arial, verdana, lucida, sans-serif; }
#bignav ul li a:hover 	{ color: #993333; border: 1px solid #993333; background: #c1c1c1; }
#bignav a:active 		{ background: #993333; color: #993333; }
#navspacer 				{ background: #993333; color: #993333; width:148px; height: 20px; }

/* Content */
#content				{ clear: all; height: 100%; z-index: 99; padding: 10px 20px; background-color: #fff; border-right: 1px solid #999; -webkit-box-shadow: 2px 0px 2px #999; -moz-box-shadow: 2px 0px 2px #999; box-shadow: 2px 0px 2px #999; }

/* Left Side */
#leftside				{ width: 148px; position: fixed; top: 108px; left: 15px; background-color: #ccc; 
						border-right: 1px solid #000; border-bottom: 1px solid #000; border-left: 1px solid #000; padding: 10px 0px 1000px 0px; -webkit-box-shadow: 2px 0px 2px #999; -moz-box-shadow: 2px 0px 2px #999; box-shadow: 2px 0px 2px #999; }
.sidetitle				{ background-color: #fff; padding: 3px 10px 0px 10px; border-bottom: 1px solid #000;}

/* Right Side */
#rightside			{ width: 170px; height: 100%; position: absolute; top: 0px; right: 0px; bottom: 0; margin: 0px; padding: 0px 5px 0px 5px; z-index: -1; }
.sidebox				{margin-top:10px}

/* Side Navigation */
.sidenav ul 			{ margin:0 0 10px 1px; padding:1px 0 2px 0; border: 0; }
.sidenav li 			{ margin:0; padding:0; display:block; list-style-type:none; }
.sidenav li a:link,  .sidenav li a:visited { 
						display: block; width: 134px; font: 11px Verdana, Lucida, Arial, sans-serif;
						line-height:16px; padding:0 0 0 12px; text-decoration:none; color:#000; }
.sidenav li a:link.active, .sidenav li a:visited.active, .sidenav li a:hover {
						color: #fff; background: #993333; url(../i/tab_pyra.gif) no-repeat left center; }
						
/* Search Box */
.hun	 				{ width: 120px; height: 18px; color: #a1a1a1; border: 1px solid #000;}
#searchbox				{ position: fixed; top: 60px; right: 20px; z-index: 101;}

#menu ul {
	color: #000;
	font-weight: bold;
	list-style-type: none;
	margin: 0;
	padding-left: 3px;
}

#menu ul li {
	font-family: helvetica, arial, verdana, sans-serif; font-size: 12px; line-height: 16px; color: #000;
	margin-top: 10px;
	padding-bottom: 2px; /*border-bottom: dotted 1px #ccc;*/
}

#menu ul ul {
	font-variant: normal;
	font-weight: normal;
	line-height: 100%;
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-align: left;
}

#menu ul ul li {
	border: 0;
	font: normal normal 12px/115% 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
	letter-spacing: 0;
	margin-top: 0;
	padding: 0;
	padding-left: 12px;
}

#menu ul ul li a {
	color: #000;
	text-decoration: none;
}

#menu ul ul li a:hover {
	border-bottom: 1px solid #809080;
}

#menu ul ul ul.children {
	font-size: 142%;
	padding-left: 4px;
	
}

.post {margin-bottom: 20px;}
.storycontent {margin-bottom: 10px;}

/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */

/* Begin Lists

	Special stylized non-IE bullets
	Do not work in Internet Explorer, which merely default to normal bullets. */

html>body .entry ul {
	margin-left: 0px;
	padding: 0 0 0 30px;
	list-style: none;
	padding-left: 10px;
	text-indent: -10px;
	}

html>body .entry li {
	margin: 7px 0 8px 10px;
	}

.entry ul li:before {
	content: "\00BB \0020";
	}

.entry ol {
	padding: 0 0 0 35px;
	margin: 0;
	}

.entry ol li {
	margin: 0;
	padding: 0;
	}

.postmetadata ul, .postmetadata li {
	display: inline;
	list-style-type: none;
	list-style-image: none;
	}


ol li {
	list-style: decimal outside;
	}

/* End Entry Lists */

.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:center;
	}

select {
	width: 130px;
	}

#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	}

#commentform textarea {
	width: 100%;
	padding: 2px;
	}

#commentform #submit {
	margin: 0;
	float: right;
	}
	
	/* Begin Comments*/
.alt {
	margin: 0;
	padding: 10px;
	}

.commentlist {
	padding: 0;
	text-align: justify;
	}

.commentlist li {
	margin: 15px 0 3px;
	padding: 5px 10px 3px;
	list-style: none;
	}

.commentlist p {
	margin: 10px 5px 10px 0;
	}

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}
/* End Comments */
	/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

.center {
	text-align: center;
	}

.hidden {
	display: none;
	}

hr {
	display: none;
	}

a img {
	border: none;
	}
	
	
/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/* End captions */