/*  
Theme Name: Sandra Brown Blog Theme
Theme URI: http://www.sandrabrown.net/
Description: Theme for the Sandra Brown blog.
Version: 1.0
Author: Rassai
Author URI: http://www.rassai.com/

*/

/********************************************************************************
* Page Settings
********************************************************************************/

body{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:11px;background: #E8DCCC url(images/bg.jpg) repeat-x; margin: 0;}
#box{width:800px;background:#fff;margin:20px auto;padding:10px;position: relative;}
#splash{width:800px;background:url(images/header.jpg) no-repeat;height:245px;margin:0;padding:0;position: relative; top:-27px;}
#desc{color:#fff;float:right;text-align:right;font-size:11px;margin:20px auto;padding:0 10px 0 0;}
#main{background:#f3f2ed;height:30px;margin:10px auto;}
#mainbck{background:#fff repeat-y;width:800px;margin:5px auto;padding:0;}

a:visited{ text-decoration: none; color:#333; border:none;}
a:hover{ text-decoration: underline; color:#333; border:none;}
a:link,a:active{ text-decoration: none; color:#333; border:none;}

/********************************************************************************
* Content
********************************************************************************/

#content{width:540px;float:left;margin:5px auto;padding:0 15px 0 0;}
.entry{width:530px; background:#fff; float:left; color:#333; text-align:justify; margin:5px auto; padding:5px; }
.entry h2,h3{font-family:Georgia, Arial, Helvetica, sans-serif;font-size:14pt;margin:0 0;padding:0;}
.entry a:link,a:active,a:visited{text-decoration:underline;color:#333;border:none; }
.entry a:hover{text-decoration:bold;}
.wp-caption{background: #E8E8E8; color: #333333; border: 1px dotted black; margin: 5px; }  
.wp-caption-text{ font-style:italic; padding: 3px;  }
#visit_site { background: #DDD url(images/visit_site.jpg) no-repeat; top:228px; right:8px; height:160px; width: 239px; padding: 0; margin: 0; position: absolute;  }

#content_heading { margin-left: 20px; width: 470px; background: #F8F5F0; padding: 10px; border: 1px solid #E8DCCC;}
#content_heading_sub { margin-top: 5px; }
.content_heading h2,p { margin: 0; padding: 0;}
.post .blog_content { padding-top: 15px; padding-bottom: 5px;line-height: 1.5em;}
.post {margin: 0px 20px 0 20px; padding-bottom: 10px; border-bottom: 1px dotted #333;}
.post div p, .post p {line-height: 1.4em; margin-top:15px;}
.post h2 {margin: 0;}
.post .tags {margin-top: 10px; margin-bottom: 5px; font-style: italic; color:#333;}

/********************************************************************************
* Right Sidebar
********************************************************************************/

#sidebar { width:230px;float:right;margin:5px;padding:0;margin-top: 120px; }
.rsidebar { width:210px;color:#333;margin:0 auto;padding:0 5px;}
.rsidebar h2 { margin:0 7px 3px; padding:3px 0; font-size: 12pt ; }
.rsidebar .widget_syncopy { background: url(images/syncopy.jpg) no-repeat; padding: 19px 0 0 4px; font-size: xx-small; text-align: left;}
.rsidebar .widget_syncopy a:hover { text-decoration: underline;}
.rsidebar .widget_syncopy .rss { list-style-type:none; vertical-align: center; background:transparent url(/images/feed.gif) no-repeat 0 4px; border:0; margin: 10px 0 0 0; padding:3px 0 2px 22px; }
.rsidebar .widget_categories { background: url(images/categories.jpg) no-repeat; padding-top: 19px;}
.rsidebar .widget_archives { background: url(images/sandras_archives.jpg) no-repeat; }
.rsidebar .widget_search { background: url(images/site_search.jpg) no-repeat; height: 25px; padding-top: 25px;}
.rsidebar ul { list-style-type:none;margin:0;padding:0; }
.rsidebar ul li { list-style-type:none;margin:0 0 10px;padding:0; }
.rsidebar ul li ul { list-style-type:square;margin:0;padding:0 3px; display: block; }
.rsidebar ul li ul li { list-style-type:none; vertical-align: center; border: 1px #F00 solid; background:transparent url(images/bullet.jpg) no-repeat 0 4px; border:0; margin:0; padding:3px 0 2px 22px; }
.rsidebar ul li ul li a:hover { text-decoration: underline;}

	/********************************************************************************
	* Search
	********************************************************************************/
	
	#searchform{height:26px;line-height:26px;margin:0;padding:0 0 10px;}
	#searchbutton { position: relative;top:4px; }
	input#s{color:#333;width:120px;border:1px solid #cbcbcb;background:#fcfcfc; }
	input#searchsubmit{background:#4879aa;color:#fff;font-size:13px;border:1px #333 solid;}
	
	/********************************************************************************
	* Widgets
	********************************************************************************/
	
	/* Customize the Widget Title */
	.rsidebar ul li h2 { color: #C88E23;} 
	.widget ul li a { color: #333;}
	.widget ul li { color: #333;}
	#archives{ color: #C88E23; padding-top: 20px;} 
	.widget {margin-top: 23px !important;}
	
/********************************************************************************
* Footer
********************************************************************************/

#footer {float: left; width: 100%;}
#footer a:visited{text-decoration:none;color:#006495;border:none;}
#footer a:hover{text-decoration:underline;color:#006495;border:none;}
#footer a:link,#footer a:active{text-decoration:none; color:#fff;border:none;}

/* footer for widget */
#footer-outer{clear: both; width: 810px; margin: 0px auto; font-size: .9em; float: left; color:#fff; }

#footer-wrap {float: left; width: 810px; margin: 0px auto; padding-top:20px; border-top: 5px solid black;
display: inline;background-color:#D4BEA0;}
#footer-wrap h3 {margin-bottom: 10px; margin-left: 5px; text-align: center; font-size: 1.6em; font-weight: bold; color: #fff;font-family: Verdana, Arial, Helvetica; }
#footer-wrap p {margin-bottom: 5px;}
#footer-wrap .col-a {width: 250px; float: left; display: inline; text-align: center; }
#footer-wrap .col-b {width: 250px; float: right; display: inline; }
#footer-wrap .col-c {width: 250px; margin-left: 10px; float: left; display: inline; }

/* footer-list */
#footer-outer .footer-list ul {list-style: none; }
#footer-outer .footer-list ul li a {display: block; width: 98%; margin-left: 0; padding: 5px 0; border: none; color: #483500;}
#footer-outer .footer-list ul li .rssfeed {background: url(icons/feedburner_32.png) no-repeat 0 center; margin-left: 20px; line-height: 4em;margin-top: 3px;}
#footer-outer .footer-list ul li .email { background: url(icons/rss.png) no-repeat 0 center; margin-left: 20px;line-height: 4em; margin-top: 3px; }
#footer-outer .footer-list ul li .facebook {background: url(icons/facebook.png) no-repeat 0 center; margin-left: 20px; line-height: 4em; margin-top: 3px;}
#footer-outer .footer-list ul li .youtube {background: url(icons/youtube.png) no-repeat 0 center; margin-left: 20px;line-height: 4em;margin-top: 3px;}
#footer-outer .footer-list ul li .myspace {background: url(icons/myspace_32.png) no-repeat 0 center; margin-left: 20px; line-height: 4em; margin-top: 3px;}
#footer-outer .footer-list ul li .netblog {background: url(icons/networkedblogs_32.png) no-repeat 0 center; margin-left: 20px; line-height: 4em; margin-top: 3px;}
#footer-outer .footer-list ul li .twitter {background: url(icons/twitter_32.png) no-repeat 0 center; margin-left: 20px; line-height: 4em; margin-top: 3px;}


#footer-outer .footer-list ul li a span {font-style: italic; font-weight: normal; 
font-family: Verdana, Arial, Helvetica; 
font-size: .95em;	}
#footer-outer .footer-list ul li a:hover, #footer-outer .footer-list ul li a:hover span 
{text-decoration:underline;color:#006495;border:none;}

/* footer-bottom */
#footer-bottom {float: left; width: 100%; padding-left: 10px; padding-right: 10px; font-family: 'Trebuchet MS', 'Helvetica Neue', Arial, Sans-Serif; border-top: 1px dashed #D8C969;}
#footer-bottom .bottom-left {	float: left; }		
#footer-bottom .bottom-right {float: right; padding-right: 0; }
#footer-bottom a.back-to-top {background: url(images/arrow-up.gif) no-repeat right center; padding-right: 20px; }

/********************************************************************************
* Calendar
********************************************************************************/

#wp-calendar #prev a,#wp-calendar #next a{font-size:9pt;}
#wp-calendar a{text-decoration:none;display:block;}
#wp-calendar caption{font:bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;text-align:left;width:100%;}
#wp-calendar th{font-style:normal;text-transform:capitalize;}
#wp-calendar{empty-cells:show;width:100%;margin:10px auto 0;}
#wp-calendar #next a{padding-right:10px;text-align:right;}
#wp-calendar #prev a{padding-left:10px;text-align:left;}
#wp-calendar td{text-align:center;padding:3px 0;}
#wp-calendar td.pad:hover{background-color:#fff;}

/********************************************************************************
* Content Navigation (Not page navigation)
********************************************************************************/

.navigation{width:520px;float:left;color:#333;}
.aligncenter{text-align: center; margin-top:10px;}
.alignright{float:right;margin-top:10px;}
.alignleft{float:left;margin-top:10px;}
.space{background:#fff;height:5px;clear:both;margin:0 auto;padding:0;}

.bobcomments{background:#f8f5f0; margin: 10px; width:490px; margin: 5px auto; border: 0px 1px 0 1px; border: 1px solid #e8dccc;}

/********************************************************************************
* Post Comments
********************************************************************************/

#commentform{margin:0;padding:15px 15px 1px;}
#commentform img {border:0;}
#commentform label{display:block;margin:0;}
#commentform input{margin:0 5px 10px 0;padding:1px;width: 185px;}
#commentform textarea{width:380px;margin:0 0 10px;padding:0;}
#commentform h2 {font-size: 1em;} 
#commentform #submit{heigh: 20px; width: 63px;}
#commentform p{margin:5px 0;}

/* Comments List  ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.list ol { padding: 0px; margin: 0px; list-style: none;}
.list li {{display:block;list-style:none;background:transparent url(../images/hb.gif) 0 2px no-repeat;padding-left:5px; padding-right: 5px;
margin:0 0 5px;}

/**/ * html .list .sbgrav { right: 30px;} /* */ 

.list .sbusr { margin: 0px; padding: 0px; font-size: 1em; font-style: small-caps; color:#999;border-bottom: dotted 1px #ccc;}
.list  .sbusr a { color:#999; text-decoration: none;}
.list  .sbusr strong { font: bold 1.1em "Arial", sans-serif; text-decoration: sletter-spacing: -1px; color:#666;}
.list  .sbusr strong a { color:#cc0000; text-decoration: none;}
.list  .sbgrav { position: absolute; right: 0px; top: 10px;}
.list  .sbgrav img { border: solid 1px #ccc; padding: 2px; background: #fff;}
.list  .Con { margin: 10px 0px 0px 0px; padding: 0px; font-size: 12px; line-height: 14px;}
.list  .Con p { margin: 0px; padding: 5px 0px; font-size: 1.1em; line-height: 1.2em;}