/*  
Theme Name: Spider Muffin Official Theme
Theme URI: http://www.travischurchill.com
Description: This is the personalized theme for the Spider Muffin Art website, created by <a href="http://www.travischurchill.com">Travis Churchill</a>.
Version: 4.0
Author: Travis Churchill
Author URI: http://www.travischurchill.com/

*/

/*
this theme should be targeted at a 600x800 resolution.
*/


/*
This tag removes the default margins and paddings.
*/

body, h1, h2, h3, h4, h5, h6, blockquote, p, form{
	padding: 0;
	margin: 0;
}


/*
Next, we add the alignments we want for each tag
*/

body{
	margin: 0;
	font-family: Arial, Helvetica, Georgia, Sans-serif;
	font-size: 12px;
	text-align: center;
	vertical-align: top;
	background: #000000 url(page_images/cutouts1.jpg);
	color: #999999;
}

p{
	padding: 10px 0 0 0;
}

h1{
	font-family: Georgia, Sans-serif;
	font-size: 24px;
	padding: 0 0 10px 0;
}

h2{
	font-family: Georgia, Sans-serif;
	font-size: 16px;
	padding: 0 0 5px 0;
}


/* 
The next two tags are for link formatting and color selection.
*/

a:link, a:visited{
	text-decoration: none;
	color: #663300
}

a:hover{
	text-decoration: none;
	color: #996633
}


/*
What follows are the individual section tags.
*/

#header{
	text-align: center;
	width: 800px;
	height: 300px;
	color: #333333;
	background: #000000;
}

.woodbar{
	text-align: center;
	width: 800px;
	background: #333300 url(page_images/wood.jpg);
	color: #000000;
}


/*
This tag marks the total width and margin settings for the posting template itself.
*/

#wrapper{
	margin: 0;
	padding: 0;
	width: 800px;
	text-align: left;
	background: #ffffcc;
	background: #333333 url(page_images/leather.jpg);
	z-index=-2	
}


/*
This is the post container format in the index.php file.
*/

#container{
	float: center;
	text-align: left;
	margin: 0;
	padding: 0 10px 10px 10px;
	width: 760px;
}

#indexcontainer{
	float: left;
	text-align: left;
	margin: 0;
	padding: 0 0 10px 10px;
	width: 530px;
}

#rightbumper{
	float: right;
	clear: right;
	text-align: center;
	margin: 0 10px 0 0;
	padding: 10px;
	width: 230px;
}

#container table{
	margin: 10px 0 10px 0;
	height: 71px;
	width: 780px;
}

#comic img{
	float: center;
	padding: 10px;
	background: #663300 url(page_images/wood.jpg);
}

.gallery{
	float: center;
	clear: both;
	width: 550px;
	height: 545px;
	padding: 5px;
	margin: 0 10px 30px 115px;
	background: #663300 url(page_images/wood.jpg);
}


/*
Formatting for the shades in the layout.
*/

}

.titleheader {
	font-family: "Courier New", Courier, monospace;
	font-size: 14pt;
	font-style: normal;
	font-weight: bold;
}

.bodytext {
	font-family: "Courier New", Courier, monospace;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
}

.bgcolor {
	background-color: #000000;
}


/*
Specific heading formats within post tags
*/

.post{
	margin: 10px 0 0 0;
	padding: 10px 0 0 10px;
	z-index: 2;
}

.post h2{
	text-align: center;
	font-family: Georgia, Sans-serif;
	font-size: 18px;
}

.entry{
	line-height: 18px;
}

.entry h2{
	text-align: left;
	font-size: 18px;
	color: #663300;
}

.content, .about{
	margin: 5px 0 0 0;
	padding: 10px 0 10px 10px;
	background: url(page_images/greenblock.gif);
}

.about img{
	float: right;
	clear: right;
	margin: 10px;
	padding: 10px;
	background: url(page_images/wood.jpg);
}

.about p{
	width: 380px;
}

.photo{
	float: right;
}

p.postmetadata{
	text-align: right;
	border-top: 1px solid #ccc;
	padding: 5px;
	margin: 5px 0 0 0;
}

.navigation{
	padding: 10px 0 0 0;
	font-size: 14px;
	font-weight: bold;
	line-height: 18px;
}


/*
Individula format options for the Right Bumper 
*/

#rightbumper ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
	background: url(page_images/greenblock.gif);
}

#rightbumper ul li{
	margin: 10px;
	padding: 10px;
}

#rightbumper ul img{
	padding: 10px;
	background: url(page_images/wood.jpg);
}

/*
Here is the content within the sidebar....which is now on top
*/

.sidebar{
	float: center;
	width: 780px;
	margin: 10px 10px 10px 10px;
	display: inline;
}

#footer{
	float: center;
	text-align: center;
	clear: both;
	width: 800px;
	padding: 5px 0 5px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	font-weight: normal;
	color: #66666;
}

/*
What follows is the formatting for the comments page.
*/

.comments-template{
	margin: 10px 0 0;
	border-top: 1px solid #ccc;
	padding: 10px 0 0;
}

.comments-template ol{
	margin: 0;
	padding: 0 0 15px;
	list-style: none;
}

.comments-template ol li{
	margin: 10px 0 0;
	line-height: 18px;
	padding: 0 0 10px;
	border-bottom: 1px solid #ccc;
}

.comments-template h2, .comments-template h3{
	font-family: Georgia, Sans-serif;
	font-size: 16px;
}

.commentmetadata{
	font-size: 12px;
}

.comments-template p.nocomments{
	padding: 0;
}

.comments-template textarea{
	font-family: Arial, Helvetica, Georgia, Sans-serif;
	font-size: 12px;
}


/* SLIMBOX */

#lbOverlay {
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	overflow: hidden;
	background-color: #333300;
}

.lbLoading {
	background: #fff url(page_images/loading.gif) no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #333300;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(page_images/prevlabel.gif) no-repeat 0 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(page_images/nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #333300;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(page_images/closelabel.gif) no-repeat center;
	margin: 5px 0;
	outline: none;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}