/*
Theme Name: Blue Cat
Theme URI: http://cobaltkitty.com
Description: Meow. (Utilizing the Starkers theme by Elliot Jay Stocks @ http://elliotjaystocks.com/)
Version: 2 (WP2.6.2)
Author: Will Keightley
Author URI: http://cobaltkitty.com
Tags: starkers, naked, clean, basic
*/

@import "../blue cat/style/css/reset.css";


/* LAYOUT */
/* ----------------------------------------- */

/* These rather presentational classes are generated by WordPress, so it's useful to have some styles for them. Edit as you see fit. More info: http://codex.wordpress.org/CSS */
.aligncenter { display:block; margin:0 auto }
.alignleft { float:left }
.alignright { float:right }
.wp-caption { border:1px solid #666; text-align:center; background:#ccc; padding:10px; margin:10px }

/* You might find the following useful */
/* div, ul, li { position:relative } This will save you having to declare each div / ul / li's position as 'relative' and allows you to absolutely position elements inside them */
br.clear { clear:both; display:block; height:1px; margin:-1px 0 0 0 } /* Use this br class to clear your floated columns */
li#theme-switcher { background:#fff; border:10px solid red; padding:20px; position:fixed; top:0; right:0 } /* Use this if you have the Theme Switcher Reloaded plugin (http://themebot.com/webmaster-tools/1-wordpress-theme-switcher-reloaded) installed and want to make it nice and obvious */

body {
	font-family: Helvetica, "Helvetica Neue", Arial, sans-serif;
	font-size: 12px;
	color: #666;
	}
a:link {
	color: #039;
	text-decoration: none;
	}
a:visited {
	color: #039;
	text-decoration: none;}
a:hover {
	text-decoration: underline;
	}
a:active {}

/*  CONTAINERS  */
#wrapper {
	width: 475px;
	margin: 20px auto;
	background: url(images/bg-cat.jpg) center top no-repeat;
	}
#header {
	width: 475px;
	height: 450px;
	background: url(images/logo.png) center top no-repeat;
	}
#blog {
	padding: 10px 0;
	}


/*  MENU  */

#menu {
	width: 200px;
	height: 200px;
	padding: 200px 0 0 0;
	font-weight: 700;
	}
#menu ul {
	list-style-type: none;
	}
#menu ul li {
	padding: 2px 0;
	}
#menu ul li a {
	padding: 2px 0;
	color: #999;
	}
#menu ul li a:hover {
	color: #039;
	text-decoration: none;
	}



/*  BLOG CONTENT  */
.post {
	padding-bottom: 75px;
	background: url(images/shadow.png) center bottom no-repeat;
	}
.post p {
	padding: 5px 0 10px;
	}
.titlebar {
	height: 25px;
	width: 475px;
	}
.post h2 {
	color: #039;
	text-transform: uppercase;
	width: 375px;
	float: left;
	}
.post h3 {
	padding: 8px 0 0;
	color: #039;
	font-style: italic;
	}
.post .date {
	width: 100px;
	float: right;
	}
.entry {
	}
#portfolio img {
	border: 1px solid #999;
	}
#portfolio #intro {
	padding-bottom: 40px;
	}
.page-id-5 #wrapper {
	background:  url(images/bg-cat2.jpg) center top no-repeat;
	}
.page-id-11 {
	padding-bottom: 250px;
	background: url(images/bg-cat-footer.jpg) center bottom no-repeat;
	}
/* FOOTER */
#footer {
	height: 20px;
	padding-top: 50px;
	}
#footer p {
	text-align: center;
	}