/*  

Theme Name: Cattywampus
Theme URI: http://cattywampuslife.com
Description: Cattywampus Theme
Author: Shannon Entin
Author URI: http://shannonentin.com/ 
*/


body {
background:#5C4533 url(images/bg.jpg) top left repeat;
margin: 0;
padding: 0;
font-family: 'Lucida Grande', Verdana, Helvetica, Arial, sans-serif;
font-size: 62.5%; /* Resets 1em to 10px */
color:#000;
}


/* Main Wrapper & Header */

#wrap {
 width: 900px;
 margin: 3px auto;
 padding: 0;
 background-color: #fff; 
 border: 2px solid #000;
 overflow: hidden;
}

#header {
width: 900px;
height: 200px;
background: #fff url(images/header.jpg) top left no-repeat;
float: left;
margin: 0;
padding: 0;
}

#topmenu {
clear: both;
width: 900px;
height: 20px;
background-color: #6F5430;
border-top: 1px solid #000;
border-bottom: 1px solid #000;
padding: 0;
margin: 0;
font-size: 1.3em;
font-family: 'Lucida Grande', 'Trebuchet MS', Helvetica, Arial, sans-serif;
text-align: center;
}

#topmenu a {padding: 0 0 0 0;}
#topmenu a {color:#fff; font-weight:bold; text-decoration:none;}
#topmenu a:link {color:#fff; font-weight:bold; text-decoration:none;}
#topmenu a:visited {color:#fff; font-weight:bold; text-decoration:none;}
#topmenu a:hover {color:#CFBFA6; font-weight:bold; text-decoration:none;}

#topmenu ul {
list-style-type: none;
margin: 0;
}
#topmenu ul li {
display: inline;
margin:0;
padding:0 25px 0 0;
}


/* Typography */

h1 {
font-size:1.7em;
font-weight:bold;
font-family: 'Lucida Grande', 'Trebuchet MS', Helvetica, Arial, sans-serif;
text-align:left;
margin:3px 0;
padding:0;
}

h2, h3{
font-size:1.4em;
font-weight:bold;
font-family: 'Lucida Grande', 'Trebuchet MS', Helvetica, Arial, sans-serif;
text-align:left;
margin:3px 0;
padding:0;
}


a, a:link, a:visited {color:#384266; font-weight:normal; text-decoration:none;}

a:hover {color:#384266; font-weight:normal; text-decoration:underline;}

#main{width:900px;margin:5px auto;padding:0;}

#content {
width:450px;
background-color:#fff;
float:left;
margin:0 0 0 10px;
padding:5px 0 5px;
}

.center{text-align:center;}

.entry {
font-size:1.2em;
line-height:1.3em;
float:left;
width:430px;
text-align:justify;
margin:0;
padding:0 5px 20px;
}


.entry ul {
list-style-type: disc;  
list-style-position: inside;
margin: 0 20px 10px 20px;
padding: 0;
}

.entry li {
line-height: 1.3em;
text-align: left;
}

img {border:none;}

img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
padding: 5px;
}

img.alignright {
margin: 0 0 7px 7px;
display: inline;
float: right;
}

img.alignleft {
margin: 0 7px 7px 0;
display: inline;
float: left;
}

.post {
font-size: 0.9em;
color: #000000;
font-weight: normal;
margin: 0;
padding: 0; 
text-align: right;
line-height: 0.9em;
}

.postrelated {
font-size: 0.9em;
color: #000000;
font-weight: normal;
margin: 0;
padding: 0; 
text-align: right;
line-height: 1.0em;
}

.postdate {
font-size: 0.8em;
color: #000000;
font-weight: normal;
margin: 0 0 10px 0; 
text-align: left;
}

acronym,abbr,span.caps{cursor:help;font-size:0.9em;letter-spacing:.07em;}
acronym,abbr{border-bottom:1px dashed #384266;}

blockquote{padding:5px 15px;background-color:#E7E0CF;margin:5px 15px 0 15px;}
blockquote cite{display:block;margin:5px 0 0;}

code{font:1.1em 'Courier New', Courier, Fixed;}

.line {
width:430px;
float:left;
border-bottom:#384266 1px solid;
margin:0;
padding:5px 0 0 5px;}


/* Sidebars */

.rsidebar {
float:right;
width:210px;
border-left:1px solid #384266;
background: #fff;
margin: 0;
padding: 0 3px;
}

.lsidebar {
float:left;
width:210px;
border-right:1px solid #384266;
background-color:#fff;
margin:0;
padding:0 3px;
}

.lsidebar ul li, .rsidebar ul li {
display:list-item;
margin:0;
padding:0;
font-size:1.0em;
color:#2C1F0C;
}

.lsidebar p, .rsidebar p{
padding:5px;
color:#2C1F0C;
text-align:justify;
font-size:1.0em;
}

.rsidebar h2,.lsidebar h2{
height:20px;
background-color:#2D3553;
font-size:1.3em;
font-weight:bold;
color:#fff;
line-height:20px;
border-top:1px solid #D6C9B2;
border-bottom:1px solid #D6C9B2;
margin:5px 0;
padding:0 0 0 5px;
}

.lsidebar ul,.rsidebar ul{list-style-type:none;margin:0;padding:0 0 20px;}

.lsidebar ul li a,.rsidebar ul li a{
font-weight:bold;
color:#2D3553;
text-decoration:none;
margin:0 0 4px 0;
padding:0 0 0 8px;
}

.lsidebar ul li a:hover,.rsidebar ul li a:hover{
color:#2D3553;
text-decoration:underline;
}


/* Comments */

.boxcomments {margin:0 5px 20px 5px;width:400px;}

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

#commentform label{display:block;margin:0;}

#commentform input{width:200px;margin:0 5px 10px 0;padding:1px;}

#commentform textarea{width:380px;margin:0 0 10px;padding:0;}

#commentform #submit{margin:0 0 20px;}

#commentform p{margin:5px 0;}

ol.commentlist{margin:0;padding:0;}

ol.commentlist li{
border: 2px solid #2D3553; 
list-style-type:none;
margin:5px;
padding: 0 15px 0 10px;
}

ol.commentlist li.commenthead{display:block;list-style:none;margin:0;padding:0 15px;}

ol.commentlist li.commenthead h2{margin:0; color:#2D3553; font-size:1.5em;}

ol.commentlist li.odd {background-color: #D6C9B2;}



h4{
font-size:1.5em;
font-weight:bold;
font-family: 'Lucida Grande', 'Trebuchet MS', Helvetica, Arial, sans-serif;
text-align:left;
color:#2D3553;
margin:3px 0;
padding:0;}
.navigation {
width:400px;
font-size: 1.0em;
text-align: center;
font-weight: normal;
margin: 5px 5px 10px 5px;
}

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

#eof{width:900px;clear:both;height:2px;margin:0 auto;padding:0;}

#footer{background:#fff;height:31px;line-height:31px;clear:both;}

.footer{width:900px;text-align:center;font-size:11px;margin:0 auto;padding:0;}

#searchform{text-align:center;margin:0 auto;padding:0 0 10px;}

#sidebar #searchform #s{width:90%;padding:2px;}

#sidebar #searchsubmit{padding:1px;}