/*
Theme Name: Whimsiart.com - The Sun Will Still Rise
Theme URI: http://www.whimsiart.com
Description: This theme was made specifically to allow for easy color changes to match the artwork featured in the header.
Version: 1
Author: Kambrie Balser
Author URI: http://www.whimsiart.com
Tags: color, custom header, fixed width, two columns, widgets, simple, easy

	WhimsiArt.com Theme

	This theme was designed by Kambrie Balser, based on the layout of the WP Default Theme
	you can find any additional themes and artwork at http://www.whimsiart.com
*/

body {
   margin: 0px 20px;
   background: #292a44;
   font-size: 10pt;
   font-family: 'Arial';
   color: #ffffff;
   text-align: left;
}

#main {   
   margin: auto;   
   padding: 0px;
   width: 900px;
   height: 100%;
   background-color: #575879;
   border-style: solid;
   border-color: #000000;
   border-width: 2px;
   text-align: left;
}

a {
   color: #fcbfda;
}

a:link, a:visited {
   color: #v;
}

a:hover, a:active {
   color: #d9b8c8;
}

p {
   margin: 0px;
   padding: 0px 0px 10px 20px;
}

blockquote {
   margin: 15px auto;
   padding: 0px 15px;
   width: 280px;
   background-color: #656788;
   border-style: solid;
   border-width: 1px;
   border-color: #fcbfda;
   -moz-border-radius: 5px;
   -khtml-border-radius: 5px;
   -webkit-border-radius: 5px;
   border-radius: 5px;
   font-size: 8pt;
   clear: both;
}


/* Masthead and Page Navigation */
#sitename {
   display: block;
   margin: 0px;
   padding: 0px;
   width: 900px;
   background-color: #020614;
}

.description {
   display: block;
   margin: 0px;
   padding: 0px 0px 5px 0px;
   font-size: 8pt;
   text-align: center;
   font-style: italic;
}

#header {
   display: block;
   margin: 0px;
   padding: 0px;
   height: 150px;
   width: 900px;
   background-color: #020614;
   background-image: url('graphics/masthead.png');
}

#pages {
   display: block;
   margin: 0px;
   padding: 10px 0px;
   width: 900px;
   background-color: #020614;
   font-size: 9pt;
}

#pages li {
   display: inline;
   margin 0px;
   padding: 10px 15px;
   border-style: none solid none none;
   border-width: 1px;
   border-color: #585069;
}

#pages li a, li a:link, li a:visited {
   color: #ffffff;
   text-decoration: none;
} 

#pages li a:hover, li a:active {
  color: #d9b8c8;
}

/* Heading Properties */
h1 {
   margin: 0px;
   padding: 5px 0px 0px 0px;
   font-size: 8pt;
   text-align: center;
}

h1 a, h1 a:link, h1 a:visited, h1 a:hover, h1 a:active{
   color: #ffffff;
   text-decoration: none;
}

h2 {
   margin: 25px 0px 5px 0px;
   color: #fcbfda;
}

h2 a, h2 a:link, h2 a:visited, h2 a:hover, h2 a:active {
   color: #fcbfda;
   text-decoration: none;
}

h3 {
   margin: 10px 0px 0px 0px;
   color: #ad98ba;
}

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

h3 a:hover, h3 a:active {
   color: #92829d;
   text-decoration: none;
}

h4 {
   margin: 10px 0px 0px 0px;
   color: #92829d;
}

h4 a, h4 a:link, h4 a:visited {
   color: #92829d;
   text-decoration: none;
}

h4 a:hover, h4 a:active {
   color: #ad98ba;
   text-decoration: none;
}

h5 {
   margin: 10px 0px 0px 0px;
   color: #292a44;
   font-size: 8pt;
}

h6 {
   margin: 10px 0px 5px 0px;
   color: #000000;
}

/* Post Properties */
#content {
   display: block;
   float: left;
   background-color: #575879;
   margin: 0px;
   padding: 0px 25px 25px 25px;
   bottom: 0px;
   height: 100%;
   width: 625px;
}

#content ul li, content ol li {
   margin: 2px 0px 0px 0px;
}

.entry {
   margin: 0px 0px 25px 0px;
}

.post {
   margin: 0px 0px 25px 0px;
   padding: 0px 0px 0px 10px;
   border-style: none none none solid;
   border-color: #656788;
   border-width: 2px;
}

.postmetadata {
   padding: 0px 0px 15px 0px;
   font-size: 8pt;
   font-style: italic;
}

.postmetadata alt{
   padding: 0px 0px 15px 0px;
   font-size: 8pt;
   font-style: italic;
}

.postmetadata a, postmetadata a:link, postmetadata a:visited, postmetadata a:hover, postmetadata a:active{
   color: #fcbfda;
   text-decoration: none;
}

/* Form Element Properties */

legend {
   padding: 5px;
   -moz-border-radius: 5px;
   -khtml-border-radius: 5px;
   -webkit-border-radius: 5px;
   border-radius: 5px;
   border-style: solid;
   border-color: #fcbfda;
   border-width: 1px;
   background-color: #020614;
}

fieldset {
   padding:  3px 13px 16px 13px;
   -moz-border-radius: 5px;
   -khtml-border-radius: 5px;
   -webkit-border-radius: 5px;
   border-radius: 5px;
   border-style: solid;
   border-color: #fcbfda;
   border-width: 1px;
   background-color: #656788;
}

/* SideBar Properties */
#sidebar {
   display: inline;
   float: right;
   margin: 10px;
   padding: 0px 0px 10px 0px;
   width: 193px;
   background-color: #656788;
   font-size: 8pt;
   -moz-border-radius: 5px;
   -khtml-border-radius: 5px;
   -webkit-border-radius: 5px;
   border-radius: 5px;
   border-style: solid;
   border-color: #fcbfda;
   border-width: 1px;
}

#sidebar ul, sidebar li {
   margin: 5px;
   padding: 0px;
   color: #ffffff;
   text-decoration: none;
   list-style-type: none;
}

#sidebar ul li {
   margin: 0px 10px;
   padding: 0px;
   color: #ffffff;
   text-decoration: none;
   list-style-type: none;
}

#footer {
   display: block;
   clear: both;
   margin: 0px;
   padding: 10px 25px;
   background-color: #020614;
   font-size: 8pt;
   font-style: italic;
}

/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {

	text-align: center;
	background-color: #656788;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
       border-style: solid;
       border-color: #fcbfda;
       border-width: 1px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}


/* End captions */

/* 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 {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */

.clear{
clear: both;
}