/*

 Theme Name: Littlewood

 Theme URI:

 Description: Littlewood

 Author: Greg Smith

 Author URI:

 */



* { padding: 0; margin: 0; }

body { background-color: #FDFAE0; font-family: Trebuchet MS,Helvetica,sans-serif; font-size: 70%; text-align: center; behavior: url("csshover3.htc"); }



/*********************/

/*    G L O B A L    */

/*********************/

/*links*/

a, a:link { color: #FF763F; text-decoration: none; }

a:visited,

a:hover,

a:active { color:#C5D6E0; text-decoration: none; }

blockquote { display: #5A3E30; margin: 5px 20px 5px 20px; padding: 0 0 0 10px; border-left: dotted black 1px; }

blockquote blockquote { padding: 0 0 0 10px; border-left: dotted black 1px; }

.bold { font-weight: bold; }

.italic { font-style: italic; }

img { border: none; }

.alignleft{ float: left; text-align: left; }

.alignright{ float: right; text-align: right; }

.center{ text-align: center; }



/*********************/

/* S T R U C T U R E */

/*********************/

#container { width: 900px; margin: 0 auto; text-align: left; }

#header { width: 900px; height: 250px; background:url(images/header.jpg) no-repeat; }

/*wraps content and sidebar*/

#wrapper { float: left; width: 100%; position: relative; background:url(images/bg-container.jpg) repeat-y; }

#sidebar { float: left; width: 300px; height: auto; display: inline;  padding:20px 0 0 0;}

#content { float: right; width: 600px; height: auto; }

#footer { width: 900px; height: 50px; clear: both; }



/*********************/

/* H E A D E R       */

/*********************/

a.logo { float: left; width: 250px; height: 40px; margin: 0px 0 0px 0px; display: inline; background-color: yellow; }



/*********************/

/*  S I D E B A R    */

/*********************/

.widget { width: 300px; margin: 0px auto 10px auto; text-align: left; overflow: hidden; }

.widget h2 { width: 300px; text-align: center; font-size: 2.6em; color: black;  }

.widget ul { display:block; width:280px; height:auto; padding:25px 0 0 0;}

.widget ul li a,

.widget ul li a:link,

.widget ul li a:visited {display:block; width:220px; height:84px; margin:-25px 0 0 0; padding:0 0 0 60px; text-decoration: none; font-weight: normal; font-style:italic; color: #5A3E30; line-height: 50px; font-size: 2.0em; background:url(images/bg-button.png) no-repeat left top; }

.widget ul li a:hover,

.widget ul li a:active { color: #5A3E30; text-decoration: underline; }

.widget ul { list-style-type: none; color: black; margin: 0 0 10px 0; text-align: left; }

.widget ul ul { margin-left: 10px; }

.widget ul ul li { list-style-type: none; color: black; }

.widget ul li a.news{display:block; width:220px; height:84px; padding:0 0 0 60px; text-decoration: none; font-weight: normal; font-style:italic; color: #5A3E30; line-height: 50px; font-size: 2.0em; background:url(images/bg-button-gray.png) no-repeat left top;  }





/*********************/

/*      P O S T      */

/*********************/

.post-content { width: 530px; margin: 20px 0px 10px 20px; color:#5A3E30; }

.post-content h1{ font-size: 2.0em; }

.post-content h1 a {color:#5A3E30;}

.post-entry { margin: 0px 0 0px 0; font-size: 1.8em; line-height:1.2em; }

.post-entry p{ padding: 15px 0 15px 0; }

.post-entry ul { padding: 5px 0 5px 30px; }

.post-entry ol { padding: 5px 0 5px 33px; }

.post-entry img { margin: 5px 5px 5px 5px; }

.post-entry table{ border-bottom: 3px solid #DDD; border: 1px solid #DDD; }

.post-entry table td,

.post-entry table th{ text-align: left; padding: .2em .4em; border-top: 1px solid #d9d9d9; border-right: 1px solid #d9d9d9; }

.post-entry table th{ background: #ebebeb; border-bottom: 2px solid #d9d9d9; }

.post-entry table tr.odd{ background: #ebebeb; }

.navigation { width: auto; height: 20px; font-size: 1.2em; margin: 0 20px 0px 20px; }

/*   S E A R C H     */

#searchform { float: left; width: 200px; height: 40px; margin: 0 auto 0 auto; background-color: green; }

#searchfield { float: left; width: 125px; height: 20px; margin: 10px 0px 0px 5px; padding: 1px 2px 0px 2px; font-size: 1.4em; background: none; border: none; display: inline; background-color: blue; }

#searchsubmit { float: right; width: 50px; height: 20px; margin: 10px 10px 0 0px; color: #FFFFFF; border: 0px none; cursor: pointer; display: inline; background-color: red; }

h3#search { font-size: 1.4em; margin: 10px 30px 10px 15px; }



/*********************/

/*  C O M M E N T S  */

/*********************/



/*form*/

#commentform { width: 70%; margin: 0 0 0 40px; }

#commentform input { width: 120px; padding: 2px; margin: 5px 5px 1px 0; }

#commentform textarea { width: 100%; padding: 2px; }

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

.alt { margin: 0; padding: 10px; }

h3#comments,

#respond h3 { font-size: 1.4em; margin: 10px 30px 10px 20px; }

#commentform p { margin: 5px 0; }



/*comments*/

ol.commentlist { width: 400px; list-style: none; margin: 0 0 0 40px; padding: 0; }

ol.commentlist li { border: 1px solid #d5d5d5; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin: 0 0 10px; padding: 5px 7px 5px 64px; position: relative; background: white;/*1st level comment color */ }

ol.commentlist li.bypostauthor {background-color:#f3f3f3;}/*admin's comment*/

ol.commentlist li.byuser {}

ol.commentlist li.pingback comment-author { padding: 0 170px 0 0; }

ol.commentlist li div.vcard { font-weight: bold; font-size: 14px; line-height: 16px; font-family: helvetica,arial,sans-serif; }

ol.commentlist li div.vcard cite.fn { font-style: normal; font-size: 11px; }

ol.commentlist li div.vcard cite.fn a.url { color: #cc0000; text-decoration: none; }

ol.commentlist li div.vcard cite.fn a.url:hover { color: #000; }

ol.commentlist li div.vcard img.avatar { background: #fff; border: 1px solid #aaa; padding: 5px; position: absolute; left: 7px; _left: -57px; top: 7px; }

ol.commentlist li div.comment-meta { font-weight: bold; font-size: 10px; line-height: 16px; font-family: helvetica,arial,sans-serif; position: absolute; right: 10px; text-align: right; top: 5px; }

ol.commentlist li div.comment-meta a { color: #205B87; text-decoration: none; }

ol.commentlist li p { font-weight: normal; font-size: 12px; line-height: 16px; font-family: helvetica,arial,sans-serif; margin: 5px 0 12px; }

ol.commentlist li ul { font-weight: normal; font-size: 12px; line-height: 16px; font-family: helvetica,arial,sans-serif; list-style: square; margin: 0 0 12px; padding: 0; }

ol.commentlist li div.reply { background: #999; border: 1px solid #666; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; color: #fff; font: bold 9px/1 helvetica,arial,sans-serif; padding: 6px 5px 4px; text-align: center; width: 36px; }

ol.commentlist li div.reply:hover { background: #cc0000; border: 1px solid #cc0000; }

ol.commentlist li div.reply a { color: #fff; text-decoration: none; text-transform: uppercase; }

ol.commentlist li ul.children { list-style: none; margin: 12px 0 0; text-indent: 0; }

ol.commentlist li ul.children li.depth-2 { margin: 0 0 3px; }

ol.commentlist li ul.children li.depth-3 { margin: 0 0 3px; }

ol.commentlist li ul.children li.depth-4 { margin: 0 0 3px; }

ol.commentlist li ul.children li.depth-5 { margin: 0 0 3px; }

ol.commentlist li ul.children li.depth-6 { margin: 0 0 3px; }

ol.commentlist li ul.children li.depth-7 { margin: 0 0 3px; }

ol.commentlist li ul.children li.depth-8 { margin: 0 0 3px; }

ol.commentlist li ul.children li.depth-9 { margin: 0 0 3px; }

ol.commentlist li ul.children li.depth-10 { margin: 0 0 3px; }

ol.commentlist ul.children li.even { background: white; }/*2nd,4th,6th etc..*/

ol.commentlist ul.children li.odd { background: white; }/*3rd,5th,6th etc..*/

ol.commentlist li.pingback div.vcard { padding: 0 170px 0 0; }



/* clearfix */

.clear:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.clear { min-width: 0; display: inline-block; /* \*/ display: block; }

* html .clear { /* \*/ height: 1%; }