/*
Theme Name: Cloudy Day
Description: Two column theme. Widget enabled.
Version: 2.0
Author: Emily Carlin
Author URI: http://emiline.com/
*/

/* General
----------------------------------------------- */
* { margin: 0; padding: 0; }

body {
	background: #487CB2 url("images/bg.gif") repeat-x top left; 
        font-family:  Arial, Verdana, Helvetica, sans-serif;
	font-size: small;
        color: #000;
	margin: 0 auto;
}

* html body {
        font-size: x-small; /* for IE5/Win */
        f\ont-size: small;  /* for other IE versions */}

img { border: 0; }

p { padding: 0 0 10px; }

p.center { text-align: center; }

blockquote {
        color: #e5e1d6;
        border-left: 5px solid #1F3A55;
        font-size: 95%;
	text-align: left;
	padding: 10px 0 0 10px;
	margin: 10px 0 10px 20px;
}

.alignright { float: right; }
.alignleft { float: left; }

input, textarea, select {
        background-color: #e5e1d6;
        border: 1px solid #0b1b35;
        text-align: left;
        margin: 0 0 2px;
}

.clearit { clear:both; }

/* Links
----------------------------------------------- */

a { color: #e5e1d6; font-weight: normal; text-decoration: none; }
a:link { color: #e5e1d6; font-weight: normal; text-decoration: none; }
a:visited { color: #e5e1d6; font-weight: normal; text-decoration: none; }
a:hover { color: #1f3a55; font-weight: normal; text-decoration: none; }

h1 a:hover { color: #487CB2; font-weight: normal; text-decoration: none; }

#side a:hover, #topmenu a:hover { color: #4580b1; font-weight: normal; text-decoration: none; }

/* Content
----------------------------------------------- */
#container {
        background-color: #487CB2; 
	margin: 0 auto;
	width: 760px;
        overflow: hidden;
}

#header {
	width: 760px;
	height: 284px;
	background: transparent url("images/header.jpg") no-repeat top left;
}

.name {
        color: #487cb2;
        font-family:  Brush Script;
	font-size: 300%;
	text-align: center;
        letter-spacing: .1em;
        margin: 0;
	padding: 20px 0 0 0;
}

#topmenu { 
        background-color: #1f3a55;
        color: #e5e1d6;
	font-size: 90%;
	text-align: center;
        letter-spacing: .1em;
        margin: 0;
	padding: 3px 0;
}

.text { float: left; padding: 0 10px; }

.search { float: right; padding: 0 10px 0 0; }

#s { width: 145px; }

#searchsubmit { font-size: 80%; _font-size: 70%; }

#content {	
        float: left;
	width: 535px;
        margin: 0;
}

.storycontent {
        border: 1px solid #030c15; 
        margin: 0 15px 0 20px;
        padding: 5px 10px 0;
}

.post  {
	font-size: 90%;
	text-align: center;
        letter-spacing: .08em;
        margin: 0 0 20px;
	padding: 0 0 20px;
}

#side {
        float: right;
        font-size: 90%;
        color: #4580b1;
	text-align: center;
        width: 220px;
        padding: 0 0 10px;
}

.navigation  {
	font-size: 90%;
	text-align: center;
	padding: 5px 5px 5px 10px;
}

#footer {
        clear: both;
        font-size: 70%;
        text-align: center;
        letter-spacing: .1em;
        margin: 10px auto;
        padding: 10px 0;
}

/* Headings
----------------------------------------------- */   
h1 {
	font-size: 140%;
	font-weight: normal;
	text-align: center;
        background-color: #1f3a55;
        color: #e5e1d6;
        letter-spacing: .1em;
        margin: 5px 0;
	padding: 3px;
}

h2 { 
	font-size: 95%;
	font-weight: normal;
	text-align: center;
        color: #e5e1d6;
        letter-spacing: .08em;
	padding: 0;
        margin: 0;
}

h2.pagetitle { 
	font-size: 120%;
	font-weight: normal;
        color: #e5e1d6;
	text-align: center;
        letter-spacing: .1em;
        margin: 0;
	padding: 5px 0 0 0;
}

#side h2 {
        font-size: 150%;
	text-align: center;
	background-color: #4580b1;
        color: #e5e1d6;
        margin: 0 10px 5px 10px;
        padding: 2px 0;
}

h3 { 
	font-size: 150%;
	font-weight: normal;
        color: #1f3a55;
	text-align: left;
        letter-spacing: .1em;
        margin: 0;
	padding: 10px 0 2px 15px;
}

h4 { 
	font-size: 110%;
	font-weight: normal;
        color: #1f3a55;
	text-align: left;
        letter-spacing: .1em;
        margin: 0;
	padding: 0 0 5px;
}

/* Lists
----------------------------------------------- */ 

#topmenu ul li.page_item {
        list-style-type: none;
        float: left;
        margin: 0;
        padding: 0 10px 0 10px;
}

.storycontent ul, .storycontent ol  {
        list-style-type: none;
        text-align: left;
        margin: 5px 0 10px;
        padding: 0;
}

.storycontent ul li, .storycontent ol li {
        list-style-type: disc;
        margin: 0 0 0 15px;
        padding: 0;
}

#content ul li.linkcat {
        list-style-type: none;
        text-align: left;
        margin: 0; 
        padding: 0;
}

#content ul li.linkcat ul {
        list-style-type: none;
        text-align: left;
        margin: 5px 0 10px; 
        padding: 0;
}

#content ul li.linkcat ul li {
        list-style-type: disc;
        text-align: left;
        margin: 0 0 0 15px; 
        padding: 0;
}

ul#side { list-style-type: none; }
 
ul#side li {
        list-style-type: none;
        background-color: #1f3a55;
        margin: 0;
        padding: 15px 0;
}

ul#side li p {
        list-style-type: none;
        padding: 0 10px;
}

ul#side li ul { margin: 0; padding: 0; }

ul#side li ul li { margin: 0; padding: 0; line-height: 150%; _line-height: 140%; }

ul#side li h2 {
        margin: 0 10px 5px;
        padding: 2px 0;
}

/* Images
----------------------------------------------- */   
img.centered {
	display: block;
	margin: 0 auto 10px;
	padding: 4px;
}

img.alignright {
	display: inline;
	margin: 0 0 5px 10px;
	padding: 4px;
}

img.alignleft {
	display: inline;
	margin: 0 10px 5px 0;
	padding: 4px;
}

/* Comments
----------------------------------------------- */   
.track {
	text-align: left;
        margin: 0 0 20px;
	padding: 5px 0 0 20px;
}

ol#commentlist {
	margin: 10px auto 0;
	padding: 0;
}

ol#commentlist img {
        background-color: transparent;
        text-align: left;
	margin: 0;
        padding: 0;
        border: 0;
}

ol#commentlist li {
        list-style-type: none;
        font-size: 95%; 
        border: 1px solid #0b1b35;
        margin: 0 15px 20px 20px;
        padding: 5px 10px 0;
}

ol#commentlist li.alt {
        list-style-type: none;
        font-size: 95%; 
        border: 0px solid #0b1b35;
        margin: 0 15px 20px 20px;
        padding: 5px 10px 0;
}

.commentmetadata { 	
        font-size: 90%; 
        text-align: left; 
        padding: 0 0 10px;
}

#commentform { margin: 0; padding: 15px 0 0 15px; }

#commentform #author, #commentform #email, #commentform #url {
        background-color: #e5e1d6;
        border: 1px solid #0b1b35;
	width: 200px;
	margin: 0 0 2px 15px;
	padding: 1px;
}

#commentform textarea {
        background-color: #e5e1d6;
        border: 1px solid #0b1b35;
        width: 90%; 
	margin: 0 0 0 15px;
        padding: 1px;
}

/* Calendar
----------------------------------------------- */
#wp-calendar {
	empty-cells: show;
	margin: 10px auto 30px auto;
	width: 180px;
        background-color: #e5e1d6;
        border: 1px solid #0b1b35;
}

#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
}

#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
}

#wp-calendar a {
	display: block;
        padding: 2px;
        background-color: #4580b1; 
        color: #e5e1d6;
}

#wp-calendar a:hover {color: #0b1b35; font-weight: normal; text-decoration: none;}

#wp-calendar caption {
	text-align: center;
	width: 100%;
	padding: 0;
        margin: 0;
	text-align: center;
	font-size: 115%;
	font-weight: normal;
        color: #e5e1d6;
        letter-spacing: .08em;
}

#wp-calendar td {
	padding: 2px 0;
	text-align: center;
}

#wp-calendar td.pad:hover { /* Doesn't work in IE */
	background-color: #fff; }