/*

Theme Name: Where the Sidewalk Ends
Theme URI: http://www.deadend-detour.com
Description: A personal custom skin.
Version: 2.0
Author: Kiriska
Author URI: http://www.deadend-detour.com
Tags: 

This file a personal, custom-developed skin that is not for redistribution.

*/

/* ***** BODY, ETC ***** */

body
{
	margin: 0;
	padding: 0;
	font-family: Times New Roman, Garamond, serif;
	color: #3f4521;
	background: url(images/bg.jpg) #c3d098;
	overflow-x: hidden;
}
body, html { height: 100%; }

p { font-size: 12pt; }

a:link, a:visited { color: #8d9226; }
a:hover, a:active{ color: #72752e; }
a img { border: 0px; }

a.filter img 
{
	filter:alpha(opacity=45); 
	-moz-opacity: 0.45; 
	opacity: 0.45;
	border: solid 1px #411100;
}

a.filter:hover img 
{
	filter:alpha(opacity=100);   
	-moz-opacity: 1.0;   
	opacity: 1.0;
	border: solid 1px #dfeaa2;
}

hr { width: 80%; color: #670a07; border-top: dashed 2px #670a07; margin-top: 20px; margin-bottom: 20px; }

/* ***** TITLES AND STUFF ***** */

.pagetitle { margin: 0px; margin-bottom: 10px; }

h1, h2, h3, h4, h5, h6, pre,
blockquote, dl, address {
	margin: 0;
	padding: 0;
}

h2 { color: #3f4521; font-size: 16pt; font-variant: small-caps; }
h3 { color: #670a07; font-size: 11pt; letter-spacing: 2px;}

/* ***** HEADER ***** */

#header
{
	width: 100%;
	height: 130px;
	background: #889257;
}

#header-container
{
	width: 1024px;
	height: 130px;
	margin: 0 auto;
}

#logo { padding: 5px; }
#logo a img { border: 0px; }

#menu
{
	width: 500px;
	float: right;
	position: relative;
	top: -40px;
	padding: 10px;
}
#menu a:link, #menu a:visited { color: #d6e0a4; font-size: 14pt; text-transform: uppercase; font-weight: bold; text-decoration: none; margin-right: 7px; }
#menu a:hover, #menu a:active { color: #fff; }

#subheader
{
	color: #585a2a;
	font-size: 16pt;
	text-transform: lowercase;
	width: 200px;
	position: relative;
	left: 785px;
	top: -120px;
}

/* ***** CONTENT ***** */

#page
{
	width: 750px;
	margin: 0 auto;
	padding-top: 20px;
}

#image-front 
{ 
	width: 300px; 
	border: #818b52 solid 2px; 
	background: #fff; 
	padding: 1px; 
	margin-right: 10px; 
	float: left; 
}

#sample-front
{
	text-align: center;
	text-transform: uppercase;
	font-weight: bold;
}

.comic-cover
{
	width: 100px;
	position: relative;
	float: left;
	margin-right: 15px;
	margin-bottom: 10px;
}

#footer
{
	font-size: 10pt;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 5px;
	clear: both;
}
#footer a { text-decoration: none; }

/* ***** BLOG ***** */

#widecolumn
{
	width: 850px;
	margin: 0 auto;
	margin-top: 20px;
}

#narrowcolumn { width: 600px; margin: 0 auto; float: left; }

.post
{
	width: 600px;
	background: #d6e0a4;
	border: #818b52 solid 1px;
}

.wide-post
{
	width: 800px;
	margin: 0 auto;
	background: #d6e0a4;
	border: #818b52 solid 1px;
	margin-bottom: 20px;
}
.post p, .entry { padding: 10px; margin: 0; }

.navigation{ padding: 10px; }

.blogheader
{
	margin-top: 5px;
	background: #b7c282;
	padding: 5px;
	padding-left: 10px;
	padding-right: 10px;
}
.blogheader .title a { color: #3f4521; font-size: 14pt; font-weight: bold; text-decoration: none; }
.blogheader .subtitle, .blogheader .subtitle a { color: #3f4521; font-size: 11pt; }

.blogfooter
{
	background: #b7c282;
	padding: 3px;
	padding-left: 5px;
	padding-right: 5px;
	text-align: right;
}
.blogfooter a { color: #3f4521; font-size: 11pt; text-decoration: none; }

#sidebar
{
	width: 225px;
	background: #d6e0a4;
	border: #818b52 solid 1px;
	float: right; 
}
#sidebar p { padding: 5px; margin: 0; }

.sidebar-header, #sidebar h2
{
	margin-top: 5px;
	background: #b7c282;
	padding: 3px;
	margin: 0px;
	color: #3f4521;
	font-size: 14pt;
	font-weight: bold;
	text-transform: lowercase;
	text-align: center;
}

#sidebar ul { margin: 0; padding: 0; margin-top: 10px; margin-bottom: 10px; font-size: 12pt; list-style-type: none;}
#sidebar ul li ul li { margin-left: 20px; }
#sidebar ul li ul li a { text-decoration: none; color: #585a2a; }
#sidebar ul li ul li a:hover { text-decoration: none; color: #34360e; }

#blognav
{
	width: 850px;
	height: 40px;
	vertical-align: middle;
}
#blognav a { color: #292e12; text-transform: lowercase; font-size: 14pt; font-weight: bold; text-decoration: none; margin-right: 10px; }
#blognav .dropdown { display: inline-block; width: 150px; zoom:1; *display:inline; }
/* .dropdownformat
{
	background: none;
	border: none;
	color: #292e12; 
	font-family: Times New Roman, Garamond, serif;
	text-transform: lowercase; 
	font-size: 14pt; font-weight: bold;
} */

.search 
{ 
	position: relative; 
	left: 633px; 
	top: -22px; 
	*left: 629px;
	*top: -42px;
}

/* ***** COMMENTS ***** */

.comment-body
{
	width: 800px;
	margin: 0 auto;
	background: #d6e0a4;
	border: #818b52 solid 1px;
	margin: 20px auto;
	padding: 10px;
	width: 780px;
}

#respond
{
	width: 800px;
	margin: 0 auto;
}
#respond:after 
{
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
#commentform textarea {
	width: 100%;
	padding: 2px;
	}
#commentform #submit {
	margin: 0 0 5px auto;
	float: right;
	}

.commentinfo a:link, .commentinfo a:visited { text-decoration: none; color: #3f4521; }
.commentinfo a:hover, .commentinfo a:active { color: #818b52; }
.fn .url { font-style: none; font-weight: bold; }

.subscribe-to-comments { clear: none; }

/* ***** ALIGNMENTS ***** */

.center { text-align: center; }
.right{ text-align: right; }
.left { text-align: left; }
.justify, .alignjustify { text-align: justify; }
.aligncenter { margin: 0 auto; }
.alignright { float: right; }
img.alignright { float: right; margin-left: 10px; margin-top: 10px; }
.alignleft { float: left; }
img.alignleft { float: left; margin-right: 10px; margin-top: 10px; }

img.border { border: #818b52 1px solid; background: #d6e0a4; padding: 2px; }
img.avatar { border: #818b52 1px solid; margin-right: 10px; background: #fff; padding: 2px; }

.widget_twitter li { font-size: 10pt; padding-right: 15px; margin-bottom: 15px; }
a.twitterwidget { color: #3f4521; text-decoration: none; }
.entry-content { color: #632523; }

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

/* ***** SPECIFIC ***** */

#commish
{
	width: 100%;
	border: 0px;
}
.spacedlist li { line-height: 1em; margin-bottom: 10px; }

.indent { text-indent: 9pt; }
.green { color:#3b6000; font-weight:bold; }
.red { color:#870101; font-weight:bold; }