/* 
Theme Name: Kickass-Spooky Blue
Theme URI: http://www.kickasswebdesign.com/wordpress/
Description: another kickass wordpress theme- 2 column fixed width, right nav, full header and footer
Version: 1.0
Author: Kickass Web Design, bj novack
Author URI: http://www.kickasswebdesign.com/
Photography: Jason Koche
Released under the Creative Commons License. Free to use for non-commercial purposes providing this css header comment is left intact, and the links to http://kickasswebdesign.com remain in the sidebar.php and are visible on pages using this theme (currently included in sidebar.php.)
It is STRONGLY RECOMMENDED that you read the readme.txt file included in this theme's installation package before wanking around with this css file unless you really know what you're doing. I do not offer support for this theme after it's been altered.  Having said that, if you have a problem and post to the WordPress Support Forum I will most likely be one of the folks offering a solution.
*/
/* general formatting for html and body. background-image style in the body can be commented out safely. min-width in body will only work with the minmax.js script installed.  You may need to check the path in header.php to ensure it is configured correctly for its location on your server. */
html {margin: 0; padding: 0;}
body {
	background-color: #2a547c;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100.01%;
	min-width: 54em;
	padding: 0;
	margin: 0;
	background-image: url(../kickass-spooky-blue-tp-/images/bodybg.jpg);
}
body a {
	font-weight: bold;
}
body a:link {
	color: #6600CC;
}
body a:visited {
	color: #194b48;
}
body a:hover {
	color: #497d95;
}
body a:active {
	color: #FF6600;
}
#mainwrapper {
	padding: 0;
	width: 750px;
	font-size: small;
	line-height: 1.10em;
	background-color: #eff7ff;
	color: #000000;
	background-position: top center;
	background-repeat: no-repeat;
	margin-left: auto;
	margin-right: auto;
}
/* you can use your own photo in headerwrapper for background-image, providing it measures 750px by 240px */
#headerwrapper {
	width: 100%;
	float: left;
	margin: 0;
	padding: 0;
	background-image: url(../kickass-spooky-blue-tp-/images/headerbg750-240.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 240px;
}
#header {
	width: 100%;
	margin: 0;
	padding: 0;
	height: 200px;
}
#header h1 {margin: 0; padding: 0; font-size: 1.4em; letter-spacing: 1.2em; color: #e5f1ff;}
#header h1 {padding: 40px 0 10px 25px;}
#header h2 {margin: 0; padding: 0; font-size: 1.2em; color: #eff7ff; text-align: right;}
#header h2 {padding: 20px 10px 0 0;}
/*end header, begin two columns, sidebar is the right column, content is the content column, footer stretches across the bottom of the three, while colwrapper encloses all. sidebarbg.gif on the colwrapper is the faux column background, which, if removed, will show that the sidebar is a different length than the content, not a desirable thing. */
#colwrapper {
	width: 100%;
	margin: 0;
	padding: 0;
	float: left;
	overflow: hidden;
	color: #393e35;
	background: #eff7ff;
	background-image: url(../kickass-spooky-blue-tp-/images/sidebarbg.gif);
	background-position: right top;
	background-repeat: repeat-y;
}
#sidebar {
	width: 155px;
	float: right;
	line-height: 1.50em;
	margin: 0;
	padding: 15px 0;
	font-size: 85%;
	text-align: left;
	color: #e5f1ff;
}
#sidebar h2 {
	font-size: 1.1em;
	padding: 5px 4px 0 2px;
	margin: 0;
	color: #609B99;
}
sidebar p { margin: 20px 0 5px 0; padding: 7px;}
#sidebar ul {
	margin: 0;
	padding: 0;
	width: 155px;
}
#sidebar li {
	list-style-type: none;
	padding: 0 0 4px 0;
}
#sidebar ul a {
	display: block;
	padding: 0 4px;
	text-decoration: none;
	font-weight: normal;	
}
#sidebar ul a:link {
	color: #e5f1ff;
}
#sidebar ul a:visited {
	color: #bcc8da;
}
#sidebar ul a:hover {
	color: #e5f1ff;
	background-color: #1e2d58;
}
#sidebar ul a:active {
	color: #dc551c;
}
/* display: inline is necessary to cure IE margin doubling on floats. min-height will only work in IE if you've used the minmax.js script- ensure path to this script in header.php is correct for your server configuration. */
#content {
	float: left;
	display: inline;
	font-size: small;
	line-height: 1.50em;
	padding: 15px;
	margin: 0 0 5px 20px;
	width: 480px;
	min-height: 300px;
}
#maincolumn h3 {
	color: #194e48;
}
/* just some general formatting stuff for tags */
h2, h3 {
	color: #194e48;
	font-size: 100%;
	margin: 0;
	padding: 0;
}
h3 {
	font-size: 1.20em;
}
h4 {
	margin: 5px;
	font-size: 1em;
	color: #393e35;
}
/* the footer div, which needs a clearer after and sometimes before it in the html */
#footer {
	color: #e5f1ff;
	background: #1e2d58;
	font-size: .7em;
	width: 100%;
	text-align: right;
	clear: both;
}
#footer p {
	margin: 0;
	padding: 5px 15px;
}
#footer h4 {
	width: 100%;
	margin: 0;
	padding: 15px;
	font-size: 95%;
	color: #91bdbc;
	background: #194b48;
}
#footer a:link {
	color: #91bdbc;
	font-weight: bold;
}
#footer a:visited {
	color: #cccccc;
	font-weight: bold;
}
#footer a:hover {
	color: #a9deff;
	background-color: #2a547c;
	font-weight: bold;
}
#footer a:active {
	color: #ff0000;
	font-weight: bold;
}
/*the clearer class for any clearing needed for the floats, use in empty divs or brs */
.clearA {
	overflow: hidden;
	clear:both;
	height:0;
	margin:0;
	font-size: 1px;
	line-height: 0;
}
img a {
	border: 0;
}
/*necessary haslayout hack to make IE6 windoze behave like a normal browser and keep links from jumping around on hover*/
/* hide from IE5-mac \*/

* html a { height:1%;}

/* end hide */
/*some basic wp classes to define the look of the blog elements*/
.center {
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 5px;
}
.description {
	margin: 0 0 30px 0;
}
.navigation {
	font-size: 70%;
	width: 100%;
	float: left;
	margin: 0;
}
/*last entry and next entry link classes */
.alignleft {
	float:left;
	width: 45%;
	margin: 0 15px 0 0;
	display: block;
}
.alignright {
	float:right;
	width: 45%;
	margin: 0 0 0 15px;
	display: block;
}
/* post stuff */
.postmetadata {
	padding-bottom: 5px;
	font-size: 85%;
}
.post {
	padding: 3px 5px 0 5px;
	clear: both;
}
.bloginfo {margin: 0; padding: 0;}
.storytitle {margin: 0; padding: 0;}
#searchform {margin: 5px 3px 5px 5px;}
.searchbox {width: 120px; background: #dbecff; color: #003366;}
#searchsubmit {background: #AFBAE1; color:#000000; margin: 2px 0 0 1px;}
.feedback {margin: 0 0 20px 0;}
/*this is the class for the display box containing the random quote, if you include it*/
.pullquote {
	display: block;
	margin: 5px 0 15px 15px;
	padding: 10px;
	background: #435186;
	color: #e5f1ff;
	border: 2px solid #609B99;
	width: 80%;
}
.textbox {width: 300px;}
.tealtext {color: #609B99;}
#header h1 a{ color: #e5f1ff; line-height: 1.2em;}
h1{ color: #e5f1ff;}