/* 
Theme Name: So Creepy Custom
Theme URI: http://www.socreepy.com.com
Description: A Graveyard Classic
Author: So Creepy
Author URI: http://www.socreepy.com
Version: 1.0
.

The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php
.
*/

/* Begin Typography & Colors */
html * {margin:0px; padding:0px;}

body {
	background:url(images/containerback.jpg) top center repeat-y;
	background-color:#6a7064;
	margin:0px;
	padding:0px;
	}
	
#container {
	width:760px; 
	margin:0 auto 0 auto; 
	text-align:center;
	background:url(images/containerback.jpg) top center repeat-y;

		}
	
#content {
	/*background:url(images/loopback.jpg) repeat-y;*/
	width:390px !important;
	width:340px;
	margin:11px 70px 0 0px !important;
	margin:-39px 12px 0 10px;  
	text-align:left;
    position:relative;
	float:right;
	font-size:14px;
	line-height:20px;

	}
	
/*#header {
	background:url(images/containerback.jpg) no-repeat;
	width:647px;
	height:315px;
	margin:0 auto 0 auto;
	text-align:center;
		}*/
#nav {
    position: absolute;
	/*position:relative;*/
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:22px;
	font-weight:bold;
	color:#FFFFFF;
	text-align:left;
	top:22px;
	margin: 100px 0px 0px 58px ;
	line-height:24px !important;
	line-height:28px;
	}
#nav li {
	padding-bottom:1px !important;
	padding-bottom:0px;
	list-style-type:none;
	}
	
#nav a {
	text-decoration:none; 
	color:#FFFFFF;
	list-style-type:none;
	}
#nav a:hover {
	text-decoration:underline; 
	}
	
#topnav {padding-top:20px; width:auto; float:right; margin-right:30px;}

#topnav a {
	display:inline;
	padding-top:40px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	text-decoration:none;
	padding-top:10px;
	color:#000000
	}
	
#topnav a:hover {text-decoration:underline;}

/* Begin Sidebar */
#sidebar
{
	background:url(images/sidebarback.jpg) top center repeat-y;
	float:left !important;
	padding: 20px 0px 10px 8px;
	margin-left: 60px !important;
	margin-left: 30px;
	margin-top:5px !important;
	margin-top:-37px;
	width: 200px;
	text-align:left;
	border-bottom:1px solid #BEBFBA;
	}
#sidebar a {color: #000000;}
#sidebar form {
	margin: 0;
	}
/* End Sidebar */



.widecolumn .entry p {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 8px 0px 8px 0px;
	
	}

.narrowcolumn .entry, .widecolumn .entry {
	line-height: .9em;
	margin: 8px 0px 8px 0px;
	
	
	}

.widecolumn {
	line-height: 1.6em;
	}
	
.narrowcolumn .postmetadata {
	text-align: left;
	}

.alt {
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	}

#footer {
	border-right: 1px solid #959596;
	}

small {
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 0.9em;
	line-height: 1.5em;
	}

h1, h2, h3 {
	font-family: Garamond, 'Copperplate Gothic Light', Georgia, 'Times New Roman', Serif;
	font-weight: bold;
	}

h1 {
	font-size: 3.5em;
	text-align: center;
	text-transform: uppercase;
	
	}

.description {
	font-size: 1.2em;
	text-align: center;
	letter-spacing: .6em;
	}

h2 {
	font-size: 2em;
	}

h2.pagetitle {
	font-size: 1.6em;
	}

#sidebar h2 {
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 1.2em;
	}

h3 {
	font-size: 1.3em;
	}

h1, h1 a, h1 a:hover, h1 a:visited, .description {
	text-decoration: none;
	color: #FD5A1E;
	}

h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {
	color: #ff6600;
	
	}

h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, #wp-calendar caption, cite {
	text-decoration: none; 	}

.entry p a:visited {
	color: #FD5A1E;
	}

.commentlist li, #commentform input, #commentform textarea {
	font: 0.9em Verdana, Arial, Sans-Serif;
	
	}
	
.commentlist li {
	font-weight: bold;
	}

.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 1.1em;
	}

.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
	}

#commentform p {
	font-family: Verdana, Arial, Sans-Serif;
	width:380px;
	}

.commentmetadata {
	font-weight: normal;
	}

#sidebar {
	font: 1em Verdana, Arial, Sans-Serif;
	}

small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {
	color: #666;
	list-style-type:none;
	}
	
code {
	font: 1.1em 'Courier New', Courier, Fixed;
	}

acronym, abbr, span.caps
{
	font-size: 0.9em;
	letter-spacing: .07em;
	}

h2 a, h3 a {
    color: #FF6600;
	text-decoration: none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:22px;
	}

h2 a:hover, h3 a:hover {color:#6A7064;}
	
a {
    color: #FF6600  ;
	text-decoration: none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	}
a:hover {
	text-decoration: underline;
	}
	
#wp-calendar #prev a {
	font-size: 12px;
	}

#wp-calendar a {
	text-decoration: none;
	font-size:14px;
	font-weight:bold;
	color:#FF9900;
	}

#wp-calendar caption {
	font: bold .9em Verdana, Arial, Sans-Serif;
	text-align: center;
	}

#wp-calendar th {
	font-style: normal;
	text-transform: capitalize;
	font-size:12px;
	}
#wp-calendar td {
	font-style: normal;
	text-transform: capitalize;
	font-size:12px;
	}
/* End Typography & Colors */

/* Begin Structure */


/*#page {
	background-color: black;
	margin: 20px auto;
	padding: 0;
	width: 760px;
	border: 1px solid #959596;
	}*/
	
#header {
	background:url(images/pageheaderback.jpg) no-repeat;
	width:647px;
	height:315px;
	margin:0 auto 0 auto;
	}

.narrowcolumn {
	float: left;
	padding: 0 0 20px 10px;
	margin: 0px 0px 0px 0px;
	width: 430px;
	}

.widecolumn {
	padding: 10px 0 20px 0;
	margin: 5px 0 0 100px !important;
	margin: 5px 40px 0 0px;
	width: 550px;
	}

.movecommentleft {padding-right:0px !important; padding-right:65px;}

#pagepost {
	margin: 0 0 40px;
	line-height:15px;
	/*border-top: 1px solid grey;*/
	}
	 
#pagepost p {margin-bottom:18px;}
	
#blogpost {
	margin-top:-30px; 
	height:auto;}
	
#blogpost p {
	width:auto;
	padding-bottom:15px; 
	font-size:14px; 
	font-family:Georgia,Verdana, Arial, Helvetica, sans-serif; 
	line-height:16px;
	text-align:left;
	}	
	
#post {
	width:417px; 
	height:auto; 
	/*background:url(images/loopback.jpg) repeat-y;*/
	margin:-20px -1px 10px 0px;
	float:right;
	
	}
#post p {text-align:left; padding-left:0px;}

#posthead {
	/*background:url(images/loophead.jpg) no-repeat;*/
	width:430px !important;
	width:430px;
	margin-left:-14px;
	margin-top:-11px !important;
	margin-top:0px;
	padding-top:10px;
	}
/**********Header for pages posting**********/
#posthead  h1 {
	background:url(images/postheadh1back.jpg) repeat-y;
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:14px; 
	font-weight:bold;
	padding:0px 11px 0px 0px;
	text-align:center;
	color:#343C37;}
/*******Header for blog posts - linked**********/	
#posthead a h1 {
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:14px; 
	font-weight:bold;
	padding:0px 11px 0px 0px;
	text-align:center;
	color:#343C37;}
	
#posthead a:hover h1{color:#FFF; text-decoration:underline;}

#searchresults {
	margin-right:0px !important; 
	margin-right:90px; 
	font-family:Georgia,Verdana, Arial, Helvetica, sans-serif;
	line-height:44px;
	font-size:14px;
	padding-bottom:15px;
	}

#searchresults p {
	font-family:Georgia,Verdana, Arial, Helvetica, sans-serif;
	line-height:16px;
	font-size:14px;
	padding-bottom:15px;
	}


.widecolumn .post {
	margin: 0;
	}

.entrytext p{
	padding-bottom:15px; 
	font-size:14px; 
	font-family:Georgia,Verdana, Arial, Helvetica, sans-serif; 
	line-height:16px;
	
	}

.narrowcolumn .postmetadata {
	padding-top: 5px;
	}

.widecolumn .postmetadata {
	margin: 30px 0;
	}
	
#footer {
	padding: 0 0 0 1px;
	margin: 0 auto;
	width: 760px;
	clear: both;
	}

#footer p {
	margin: 0;
	padding: 20px 0;
	text-align: center;
	}
/* End Structure */

/*	Begin Headers */
h1 {
	padding-top: 40px;
	margin: 0;
	}

.description {
	text-align: center;
	}

h2 {
	margin: 30px 0 10px;
	}

h2.pagetitle {
	margin-top: 10px;
	text-align: center;
}

#sidebar h2 {
	margin: 5px 15px 0px -3px;
	padding-left:3px;
	width:180px;
	height:auto;
	font-size:25px;
	border-bottom:1px solid black;
	
	}

h3 {
	padding: 0;
	margin: 30px 0 0;
	font-size:15px;
	}

h3.comments {
	padding: 0;
	margin: 40px auto 20px ;
	
	}
/* End Headers */
/* 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, #sidebar ul ul li:before {
	content: "\00BB \0020";
	}

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

.entry ol li {
	margin: 0;
	padding: 0;
	list-style-type:none;
	}

.postmetadata ul, .postmetadata li {
	display: inline;
	list-style-type: none;
	list-style-image: none;
	
	}
	
#sidebar ul, #sidebar ul ol {
	margin: 0;
	padding: 5px;
	list-style-type:none;
	}

#sidebar ul li {
	list-style-type: none;
	list-style-image: none;
	margin-bottom: 15px;
	}

#sidebar ul p, #sidebar ul select {
	margin: 5px 0 8px;
		}

#sidebar ul ul, #sidebar ul ol {
	margin: 5px 0 0 10px;
	list-style-type:none;
	}

#sidebar ul ul ul, #sidebar ul ol {
	margin: 0 0 0 8px;
	list-style-type:none;
	}

ol li, #sidebar ul ol li {
	list-style-type: none;
	
	}

#sidebar ul ul li, #sidebar ul ol li {
	margin: 3px 0 0;
	padding: 0;
	list-style-type:none;
	font-size:10px;
	}
#sidebar td {
    padding:5px;
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	
	}
	
#sidebar td a {color: #FF0000; text-decoration:underline; font-weight:bold;}
	
/* End Entry Lists */



/* Begin Form Elements */
#searchform {
	margin: 10px 5px 0px 5px;
	padding: 5px 3px; 
	text-align: left;
	
	}

#sidebar #searchform #s {
	width: 115px;
	padding: 2px;
    background-color: #6A7064;
    border:1px solid black;
	color:#fff;
	list-style-type:none;
	}

#sidebar #searchsubmit {
	padding: 1px;
	background-color: #909090;
	border:1px solid black;
	}
#sidebar p {color:#000000; font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif;}

.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;
        background-color: #A0A0A0;
        border:1px solid black;
	}

#commentform textarea {
	width: 100%;
	padding: 2px;
        background-color: #A0A0A0;
        border:1px solid black;
	}

#commentform #submit {
margin: 0;
	float: right;
	border:1px solid black;
	}
/* End Form Elements */



/* 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;
	color:#666666;
	}
/* End Comments */

/* Begin Calendar */
#wp-calendar {
	empty-cells: show;
	margin: 10px auto 0;
	width: 155px;
	}

#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
	}

#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
	}

#wp-calendar a {
	display: block;
	}

#wp-calendar caption {
	text-align: center;
	width: 100%;
	}

#wp-calendar td {
	padding: 3px 0;
	text-align: center;
	}

#wp-calendar td.pad:hover { /* Doesn't work in IE */
	background-color: #fff; }
/* End Calendar */

/* 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;
	}
hr {
 display: none;
 }
 
.center {
	text-align: center;
	}

a img {
	border: none;
	}

.navigation {
   width:auto;
   text-align: center;
	margin-top: 0px;
	margin-bottom: 20px;
	}
.navigation a {font-size:11px;}
/* End Various Tags & Classes*/

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}


/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h2 {
	visibility: hidden;
	letter-spacing: -5px;
	font-size: 20px;
}


asFlash h2 {
	visibility: hidden;
	letter-spacing: -5px;
	font-size: 20px;
}

div.navigation div.alignleft {float:left; width:217px;}
div.navigation div.alignright {float:left;}

font {font-size:12px;}
div.entry table {margin:0px auto;}