/*

Theme Name: Karen Blundell 2010
Theme URI: http://karenblundell.com/

Description: A custom design by Karen Blundell of <a href="http://karenblundell.com" title="Karen Blundell">Karen Blundell</a>. 

Version: 2.2

Author: Karen Blundell

Author URI: http://karenblundell.com



Tags: white,three-columns,fixed-width

*/


/***** GLOBAL *****/

* { padding: 0; margin: 0; }


body { background: #EEEEEE; font-size: 95%; color: #000; font-family: Verdana, sans-serif; }

img { border: 0; }

img a { text-decoration: none; }

a { color: #2E1DA5; text-decoration: none; }

a:hover { color: #29198F; text-decoration: underline; }

a:visited { color: #29198F; }

/***** PAGE STRUCTURE *****/

#wrapper { display: block; margin: 0 auto; width: 980px; position: relative; background: #fff; border-left: 1px solid #2E1DA5; border-right: 1px solid #2E1DA5; overflow: auto; }


#header { width:980px; background: transparent url(images/border-e.png) top center repeat-x; height: 280px; margin-top: 0; color: #000; }
#header2 { width:980px; background: transparent url(images/border-e.png) top center repeat-x; height: 80px; margin-top: 0; color: #000; }

#header h1{ background: transparent url(images/logo-b.png) no-repeat; position: absolute; top: 80px; left: auto; color: #000; height: 200px; padding-left: 20px!important; width: 328px;}

#header h1 a { display: block; height: 200px; width: 328px; border: 0; }

#header h1 span { display: none; }

.description { position: absolute; top: 120px; left: 530px; padding-top: 20px; }

#content { width: 550px; float: left; color: #000; padding: 20px; }

#content-wide { width: 800px; float: left; color: #000; padding: 20px 40px; margin: 0 auto; }

#sidebar_right { width: 140px; float: right; color: #000; padding: 20px; margin-right: 10px; }

* html #sidebar_right { width: 140px; }

#sidebar_left { width: 150px; float: left; color: #000; padding: 20px; }


* html #sidebar_left { width: 135px; }


#footer { clear: both; width: 980px; background: transparent url(images/border-f.png) center bottom repeat-x; height: 200px; margin-top: 0; color: #000; display: block; }

#footer a { color: #333; }



/***** GENERAL TEXT *****/



.post { margin-bottom: 20px; border-bottom: 1px solid #333; }



blockquote { color: #000;  margin: 0 30px 20px 30px;  padding: 10px 10px 4px 10px; font-size: .85em; font-family: Verdana, sans-serif; font-style: italic; }

p { margin-bottom: 15px; line-height: 1.6em; }

p a { border-bottom: 1px solid #2E1DA5; text-decoration: none; }

p a:hover { border-bottom: 2px solid #2f18a0; text-decoration: none; }


p.center { text-align: center; }

.postmeta { padding: 3px; font-size: 0.85em; }


.postmeta a { border-bottom: none; }

.postmeta a:hover { border-bottom: none; }


.small { font-size: 0.85em; }


h1 { font-size: 1.4em; text-align: left; font-weight: normal; margin-bottom: 8px; font-family: Verdana, sans-serif; color: #29198F!important; }

h1.title { font-size: 2.2em; font-weight: normal; padding: 10px 10px 10px 17px; }

h1.title a:hover { text-decoration: none; }

h4 { margin: -5px 0 10px 0; padding: 0; font-weight: normal; font-size: .85em; color: #424040; }


/***** LISTS *****/

html>body .post ul { margin-left: 0px; padding: 0 0 10px 30px; list-style-type: circle; padding-left: 30px; } 

html>body .post li { margin: 7px 0 8px 10px; }

.post ol { padding: 0 0 0 35px; margin: 0; }

.post ol li { margin: 0; padding: 0; }

/***** SIDEBAR *****/

h2 { font-size: .95em; text-align: left; padding:  2px; font-weight: normal; color:  #333; border-bottom: 1px #333 solid; margin: 5px 0 5px 0; font-family: Verdana, sans-serif; }

#sidebar_right a { color: #2E1DA5; text-decoration: none; }

#sidebar_right a:hover { background: none; color:  #29198F; text-decoration: underline; }

#sidebar_left a { color: #2E1DA5; text-decoration: none; }

#sidebar_left a:hover { background: none; color:  #29198F; text-decoration: underline; }


#sidebar_left a:visited { color: #29198F; }

/***** SIDEBAR LISTS *****/

.sidebar ul, .sidebar ol {  margin: 0 0 1.5em 0;  font-size: .80em; }

.sidebar ul { list-style-type: none; }


.sidebar li { margin: 0 0 0.6em 0; }

.sidebar ul li ul, .sidebar ul li ol, .sidebar ol li ul, .sidebar ol li ol { margin: 0.5em 0 0.5em 5px; }

/***** FOOTER *****/

#footer p { font-family: Verdana, sans-serif; font-size: 11px; text-align: center; margin-bottom: 0px; padding: 10px 0 0 10px; }

#footer a { color: #333; text-decoration: none; border-bottom: none; }

#footer a:hover { color: #29198F; background: none; border-bottom: none; }


/***** IMAGES *****/

img.post { padding: 5px; border: 0; margin: 10px; float: right; }

img.centered { display: block; margin-left: auto; margin-right: auto; padding: 5px;}

img.alignright { padding: 5px; margin: 10px; display: inline; }

img.alignleft { padding: 5px; margin: 8px; display: inline; }

/***** MISCELLANEOUS *****/

.alignright { float: right; }

.alignleft { float: left; }	

.aligncenter { display: block; margin-left: auto; margin-right: auto; }

.navigation { display: block; text-align: center; margin-top: 10px; margin-bottom: 60px; }


/***** COMMENTS *****/

#commentform input { width: 170px; padding: 2px; margin: 5px 5px 1px 0; border: 1px solid #29198F; }

#commentform textarea { width: 500px; padding: 5px; margin: 2px; border: 1px solid #29198F; font-family: Verdana, sans-serif; font-size: 12px; }


#commentform #submit { margin: 0 0 0 2px; border: 1px solid #29198F; font-family: Verdana, sans-serif; background: transparent; }

.commentlist li, #commentform input, #commentform textarea { font-size: 0.95em; }

.commentlist li { font-weight: bold; border-bottom: 1px solid #29198F; }

.commentlist cite, .commentlist cite a { font-weight: bold; font-style: normal; font-size: 1.1em; }

.commentlist p { font-weight: normal; line-height: 1.5em; text-transform: none; }

#commentform p { font-family: Verdana, sans-serif; }


.commentmetadata { font-weight: normal; font-size: 0.85em; font-family: Verdana, sans-serif; border: 0!important; line-height: 1.0em!important; margin: 0; padding: 0; }


.alt { margin: 0; padding: 10px; }


.commentlist { padding: 0; text-align: justify; }

.commentlist li { margin: 10px 0 3px; padding: 5px 10px 3px; list-style: none; }

.commentlist p { margin: 10px 5px 10px 0; }

#commentform p { margin: 5px 0; }

.nocomments { text-align: center; margin: 0; padding: 0; }

.commentmetadata { margin: 0; display: block; }

fieldset { padding:10px; margin:0; border:0; }

legend { font-weight:800; }

code { color:#555; width:400px; display:block; font-weight:400; overflow:auto; background:#fff; font-family:Courier, monospace; margin: 20px 0 10px -30px; padding: 10px 30px 10px 30px; }


.clearleft { clear:left; }

.clearright { clear:right; }

.clear { clear:both; height:1px; overflow:hidden; margin:0; padding:0; }

.rss { padding:0 2px 2px 0; border: 0; vertical-align: middle; }

.rss a { text-decoration: none }


.center { text-align: center; }

#search {

	position: absolute;

	top: 220px; 

	right: 100px;

}

#search #s { 

	width: 170px;

	height: 14px;

	padding: 5px 0 5px 23px;

	vertical-align: bottom;

	line-height: 1px;

	font: normal 12px Verdana, sans-serif;

	color: #777;

	border: 0;

	background: transparent url(images/search.gif) no-repeat;

}

