/*
Theme Name: Simply Blue
Theme URI: http://wordpress.org/
Description: Simply Blue is a template that I made for my wife's Organizational Business.
Version: 1.0
Author: Josh N. Wilkerson
Author URI: http://jnwilkerson.com/
Tags: blue

	jnwilkerson v1.0
	 http://jnwilkerson.com/kubrick/

	This theme was designed and built by Josh Wilkerson,
	whose blog you will find at http://jnwilkerson.com/

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

* { margin:0; padding:0;}
body {
	background:#a7bfcc;
	font-size:14px;
	font-family: "Trebuchet MS", Tahoma, sans-serif;
	color: #2c4d5e;
	text-align: center;
	}

#bg-top {
	background:url("images/bg-top.jpg") top center no-repeat ;
	padding-top:214px;
	}
#bg-main {
	background:url("images/bg-main.jpg") top center repeat-y ;
	}
#bg-bottom {
	background:url("images/bg-bottom.jpg") bottom center no-repeat ;
	padding-bottom:214px;
	}
#logo {
	position:absolute;
	left:50%;
	top:100px;
	margin:0 0 0 -410px;
	width:305px;
	height:95px;
	z-index:99;
	}
#logo img {
	border:none;
	}
#container {
	margin:0 auto;
	width:820px;
	}
#topnav {
	}
#topnav ul {
	list-style:none;
	padding:0 0 0 0;
	margin:0 0 0 0;
	}
#topnav ul li {
	float:left;
	padding:0 58px 0 0;
	}
#topnav ul li a {
	color: #2c4d5e;
	display:block;
	font-family:"Courier New", Courier, monospace;
	font-size:15px;
	padding:15px 0 15px 0;
	text-decoration:none;
	letter-spacing:-1px;
	}
#topnav ul .page-item-63 {
	padding:0 0 0 0;
	}
#topnav ul li a:hover {
	color:#946464;
	text-decoration:underline;
	}
	
	
#mainpage {
	background:url("images/main-top.jpg") top center no-repeat ;
	text-align:left;
	}
#content {
	float:left;
	font-size:14px;
	width:587px;
	margin:30px 30px 30px 0;
	}
.postmetadata {
	border-bottom:4px solid #6C914E;
	margin:0 0 20px 0;
	}
#sidebar {
	float:left;
	width:200px;
	margin:5px 0 30px 0;
	}
#sidebar .top {
	background:url("images/home-div.gif") top left no-repeat;
	padding:15px 0 0 20px;
	}
#sidebar .top #s {
	width: 110px;
	float:left;
	margin:0 4px 0 0;
	border: 1px solid #9ebbca;
	color:#466E82;
	padding:2px;
	font-size:11xp;
	}
#sidebar .top #searchsubmit {
	font-size:11xp;
	border: 1px solid #9ebbca;
	color:#466E82;
	padding:1px 0 1px 0;
	}
#sidebar .mid {
	border-left:1px solid #5d3b22;
	padding-left:20px;
	}
#sidebar .mid ul {
	 margin:0 0 0 20px;
	}
#sidebar .mid h2 {
	 font-size:18px;
	 padding-top:20px;
	}
#sidebar .bot {
	background:url("images/home-div.gif") bottom left no-repeat;
	height:94px;
	font-size:1px;
	}
	
#footer {
	background: #bbd6e1;
	border-top: 1px solid #8ca6b4;
	width:100%;
	position:fixed;
	bottom:0;
	left:0;
	padding:10px 0 10px 0;
	text-align:center;
	z-index:99;
	}
#footer p {
	font-size:12px;
	margin:0 auto;
	width:880px;
	text-align:right;
	}




/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	text-align:right;
	}

.alignleft {
	text-align:left;
	}
.flickr-image img {
	border:5px solid #fff;
	}
/* End Images */

/*Headings*/
h1 {
	color:#6C914E;
	font-family:"Courier New", Courier, monospace;
	font-weight:bold;
	font-size:32px;
	}
h2 {
	color:#2c4d5e;
	font-family:"Courier New", Courier, monospace;
	font-weight:bold;
	font-size:20px;
	}
h3 {
	color:#6C914E;
	font-family:"Courier New", Courier, monospace;
	font-weight:bold;
	font-size:18px;
	}
h4 {
	color:#6C914E;
	font-family:"Courier New", Courier, monospace;
	font-weight:bold;
	font-size:16px;
	}
h5 {
	color:#5d3b22;
	font-family:"Courier New", Courier, monospace;
	font-weight:bold;
	font-size:14px;
	}

/*Basics*/
a {color:#5d3b22; text-decoration:none;}
a:hover {color:#6C914E; text-decoration:underline;}
p { padding-bottom:20px;}
img {}
ul {list-style-position:inside; margin:0 0 20px 20px;}

/*Classes*/

.clear { clear:both;}
.courier {font-family:"Courier New", Courier, monospace; letter-spacing:-1px;}
.big {font-size:20px;}
.med {font-size:16px;}
.small {font-size:12px;}
.bigger {font-size:24px}
.brown {color:#5d3b22;}
.green {color:#6c914e;}
.red {color:#946464;}
.quote {font-family:"Times New Roman", Times, serif; font-style:italic;}
