/*
File:			custom_backgrounds.css
Description:	CSS template for customizing your Thesis background

USAGE: Please do not use this file directly! Instead, copy the appropriate set of CSS you want 
to use and paste it into your custom stylesheet, custom.css. You can find this file at: 
wp-content/themes/thesis/custom/custom.css

NOTE: If you want to prevent your background from scrolling with the rest of the page, simply 
add "background-attachment: fixed;" to your body.custom declaration. For example, if you would 
like to use the example cloud background but keep it fixed, your body.custom declaration 
should look like this:

body.custom { background: #394f5c url('images/bg-clouds.jpg') 50% 0 no-repeat; background-attachment: fixed; }

*/


/*---:[ Set 1: solid background with slick borders around your "page" area ]:---*/

body.custom { background: #44443f; }
	
	.custom #container { margin-top: 2em; margin-bottom: 2em; padding: 0.3em; background: #33332f; border: 0.4em solid #3e3e3a; }

		.custom #page { background: #fff; }
		
/*---:[ end Set 1 ]:---*/

body.custom { background: #DDDDDD; }
	
	.custom #container { margin-top: 2em; margin-bottom: 2em; padding: 1em; background: url('images/navigation-bg.png'); border: 0em solid #3e3e3a; }

		.custom #page { background: #fff; }


/*---:[ Set 2: repeating background grid pattern ]:---*/
/*
body.custom { background: #f9f5db url('images/bg-grid.gif'); }

		.custom #page { padding: 2em 1.9em; background: #fff; border: 0.1em solid #b5b198; border-top: 0; }
*/
/*---:[ end Set 2 ]:---*/


/* This line sets up our clickable background image based on the site title's link */
/* DIY: Adjust the height & width attributes to reflect the actual size of your image */
/* DIY: Change the filename of your image to reflect the actual header's file name */
/*.custom #header #logo a { display: block; height: 150px; width: 960px; background: url('images/header3.jpg') no-repeat; outline: none; }*/
/* This line gets rid of the site title & tagline by casting them out to far left field */
/*.custom #header #logo, .custom #header #tagline { text-indent: -9999px; }*/
/* This line collapses the vertical space of the tagline so that there isn't unnecessary white space after the header image */
/* This is a bit of a kludge, but it seems to work. */
/*.custom #header #tagline { height: 0; margin-top: -6px; }*/
/* This line removes the padding from the header so that the background image sits close to the nav menu, the bottom border of the header, and the sides of the content */
/*.custom #header { padding: 0; }*/

/* This line sets up our clickable background image based on the site title's link */
/* DIY: Adjust the height & width attributes to reflect the actual size of your image */
/* DIY: Change the filename of your image to reflect the actual header's file name */
/*.custom #header #logo a { display: block; float: right; height: 200px; width: 660px; background: url('images/rss.png') no-repeat; outline: none; margin-left: 300px; }*/
/*.custom #header #tagline { color: #ffffff; }*/
/* This line collapses the vertical space of the tagline so that there isn't unnecessary white space after the header image */
/* This is a bit of a kludge, but it seems to work. */
/*.custom #header #tagline { margin-top: -20px; }*/
/* This line removes the padding from the header so that the background image sits close to the nav menu, the bottom border of the header, and the sides of the content */
/*.custom #header { padding: 0; }*/

.custom li.widget .highlight { padding: 0.846em; line-height: 20px; background: #EEEEEE; border: 0.077em solid #DDDDDD; font-size: 11px; font-family: "lucida grande","trebuchet ms",Arial,Helvetica,sans-serif;}

	.custom li.widget .highlight h4 { font-size: 1.1em; font-weight: bold; line-height: 1.286em; margin-bottom: 0.439em; font-family: "myriad pro","lucida grande","trebuchet ms",Arial,Helvetica,sans-serif;}

	.custom li.widget .highlight p { margin-bottom: 0; padding: 0; }

/* Custom img in post entry to show frame all times */
.custom .format_text img { padding: 0.714em; background: #eee; border: 0.071em solid #ddd; }

/* Custom sidebar style */
.custom .sidebar .text_input_subscribe { width: 22.692em; padding: 0.308em; border: 1px solid #CCCCCC; width: 270px; }
.custom .sidebar h3 { font-weight: bold; background: #C3D9FF; color:#EEEEEE; padding: 0.45em; font-family: "myriad pro","lucida grande","trebuchet ms",Helvetica,sans-serif; font-size: 14px;}
.custom .sidebar {background: #FAFAFA;}

/* Custom button style */
.custom input.btn {  
   background-color:#F9F7ED;
   color:#36393D;
   margin: 0 7px 0 0;
   width: auto;
   overflow:visible;
   padding:5px 10px 6px 7px; /* Links */
   font-family: "Lucida Grande", Tahoma, Arial;
   font-size:84%;
   font-weight:bold;
   margin-top: 5px;
   border:1.5px solid;
   border-top-color:#FF7400;
   border-left-color:#FF7400;
   border-right-color:#FF7400;
   border-bottom-color:#FF7400; }
/*
.custom input.btn {
   color:#111;
   font-family:arial;
   font-size:84%;
   font-weight:bold;
   background-color:#4096EE;
   border:1px solid;
   border-top-color:#222;
   border-left-color:#222;
   border-right-color:#222;
   border-bottom-color:#222;}
   margin-top: 5px;
}
*/
/*    Gravatar styling */
.custom #comment_list dt .avatar { margin: 0 1.571em 1.571em 0; float: left; clear: left; }

.custom #head_ad { float: right; text-align: right; }
.custom #header_ads { margin-top: 10px; }

/* Custom navigation tab */
/*.custom ul#tabs li { background: #C3D9FF; }
.custom ul#tabs li.current_page_item { background: #4096EE; }*/
.custom #image_box img { border: 0em; }
.custom .sidebar h3 { color: #111; }
/*.custom #header { padding-bottom: 1em; border-bottom: 0px; background-image: url(images/simonblog_banner.jpg); height: 121px; background-repeat: no-repeat;}*/
.custom #header {border-bottom: 0px solid #DDDDDD; padding-left: 0; padding-right: 0; padding-top: 0em; padding-bottom: 0em;}

/* Footer Navigation Customization */
.custom #before_footer { background: #33332f; padding-top: 1.1em; color: #888; border-top: 3px double #ddd; text-align: left; width: 102.2em; display: table;  }
.custom #before_footer div { background: #33332f; float: left; width:29.44em; padding: 0.855em; }
.custom #before_footer div h3 { font-weight: normal; font-size: 2.0em; line-height: 1.222em; }
.custom #before_footer div ul { margin: 14px 0px 0px 15px; font-weight: normal; font-size: 1.24em; }
.custom #before_footer div p { margin: 0.3em 0 0 0; font-weight: normal; font-size: 1.34em; }

/* Footer Customization */
.custom #footer { margin: 2em; border-top: 1 double #CCCCCC; padding-top: 0em; background: #EEEEEE;}
.custom #footer #left { background: #EEEEEE; float: left; width:35em; height: 40px; padding: 1em; text-align: left; }
.custom #footer #right { background: #EEEEEE; float: right; width:48.85em; height: 40px; padding: 1em; text-align: right; }
.custom #footer #cleardiv { clear: both; }

.custom .after_post_ads { float: left; border: 0.1em solid #DDDDDD; width: 45em; background: #FFFFFF; }

/* Navigation Menu */
.custom #topbar{
font-size:11px;
color:#333333;
background:#C3D9FF;
font-weight:bold;
padding:5px;
border-color: #CFCFCF;
border-style: dotted;
border-width: 1px 0; 
overflow:auto;
height:1%;
clear:both;
text-transform: lowercase;
}
.custom #topbar-left{
display: inline;
float: left;
width: 600px;
}
.custom #topbar-right{
float: right;
margin: 0 !important;
padding: 0 !important;
width: 230px;
}
.custom #topbar-search {
float: right;
height: 20px;
margin: 0 0 0 !important;
padding: 0 !important;
width: 230px;
}
.custom .topbar-search-textbox{
background: #ffffff none repeat scroll 0 0;
border: 1px solid #DDDDDD;
color: #000000;
float:right;
font-size;11px;
margin: 1px 0 0;
padding: 3px 4px 4px;
}

.custom #cse-search-box {
border: 0px;
margin: 0px
padding: 0px;
}

.custom #search-button {
background: #FFFFFF none repeat scroll 0 0;
float:right;
font-size;11px;
display:block;
padding: 1px;
margin-left: 2px;
}

.custom #topbar a{
color:#333333;
text-decoration:none;
margin:0 10px;
height:23px;
line-height:23px;
float:left;
display:block;
}
.custom #topbar a:hover{
color: #4096EE;
}
.custom a.active{
height:23px;
line-height:23px;
background: #4096EE;
padding-right:10px;
}
.custom a.active span{
background: #4096EE;
height:23px;
display:block;
padding-left:10px;
color: #EEEEEE;
}

.custom #middlebar{
font-size:13px;
font-family: "lucida grande",verdana,Arial;
color:#487BBD;
background:#FFFFFF;
font-weight: 560;
padding:3px;
overflow:auto;
height:1%;
clear:both;
border-color: #222222;
border-style: solid;
border-width: 1px 0 7px 0;
margin-bottom: 3px;
}
.custom #middlebar a{
color:#487BBD;
text-decoration:none;
margin:0 5px;
padding-right:10px;
height:21px;
line-height:21px;
display:block;
float:left;
border-right: 1px solid #DDDDDD;
margin-top:3px
}

.custom #middlebar a.current_item {
color: #EEEEEE;
font-weight: bold;
background-color: #4096EE;
}

.custom #middlebar a:hover{
color: #EEEEEE;
background-color: #4096EE;
}

.custom #middlebar a span{
display:block;
padding-left:10px;
}

.custom #header_left {
float: left;
padding: 0px;
}

.custom #header_right {
float: right;
padding: 0px;
margin-bottom: 6px;
}

.custom #ad_link_bar{
font-family: "lucida grande",verdana,Arial;
color:#487BBD;
background:#EEEEEE;
padding:1px;
overflow:auto;
height:1%;
clear:both;
border-color: #DFDFDF;
border-style: solid;
border-width: 0 0 1px 0;
}

.custom #private_ads_sidebar {
font-size:11px;
border-color: #DDDDDD;
padding:5px;
border-style:solid;
border-width:1px;
}

.custom .login_box {
  width: 300px;
  float: left;
}

.custom .login_fbbox {
  width: 200px;
  float: left;
  padding-left: 10px;
  border-left: solid 1px #DDDDDD;
}

.featured_content_box {
  width: 645px;
  border: 1px #DDDDDD solid;
  background-color: #EEEEEE none repeat;
  padding-bottom: 1px;
  margin: 0px;
  margin-top:5px;
  overflow: hidden;
}

.featured_post {
  float: left;
  width: 29.5%;
  border: 1px #DDDDDD solid;
  margin: 2px;
  padding: 8px;
  background-color: #FFFFFF;
  display: block;
}

.featured_post p {
  text-align: center;
  text-indent: 0;
  font-family: "Lucida Grande", "Georgia";
  font-size: 12px;
}

.featured_post:hover {
  background-color: #DDDDDD;
}

.featured_post img.scaled {
  width: 80%;
  height: 130px;
}

.custom div.box{
	border:solid 1px #c6cfe1;
	background:#dfe4ee;
	padding:10px;
	color:#333333;
	margin-bottom:20px;
	width: 330px;
font-family:"Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; 
	font-size:12px; 
}
.custom div.box h1 {
	font-size:14px;
	color:#000000;
	padding-bottom:10px;
}

.custom div.box input .input-text{
	border:1px solid #3b6e22;
	color:#666666;
	width:180px;
	font-family:"Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; 
	font-size:16px;
}

.custom div.box label{
	display:block;
	margin-bottom:10px;
	color:#555555;
}
.custom div.box p{
clear:both;
}

.custom div.box label span{
	display:block;
	float:left;
	padding-right:6px;
	width:40px;
	text-align:right;
	font-weight:bold;
}
.custom .spacer{margin-left:45px; 
	margin-bottom:0px;
	font-size:11px;
	color:#555555;
}
.custom .green{
	background:url(images/green.gif);
	padding:0px 6px;
	border:1px solid #3b6e22;
	height:24px; 
	line-height:24px;
	color:#FFFFFF;
	font-size:14px;
	margin-right:10px;
	display:inline-block;
	text-decoration:none;
	margin-bottom:10px;
}

.custom div.downloadformbox{
	border:solid 1px #c6cfe1;
	background:#dfe4ee;
	padding:10px;
	color:#333333;
	margin-bottom:20px;
	width: 390px;
font-family:"Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; 
	font-size:12px; 
}
.custom div.downloadformbox h1 {
	font-size:20px;
	color:#000000;
	padding-bottom:0px;
	margin-left:145px;
	margin-bottom:20px;
    text-align:left;
    line-height: 1.2;
}

.custom div.downloadformbox input .input-text{
	border:1px solid #3b6e22;
	color:#666666;
	width:180px;
	font-family:"Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; 
	font-size:16px;
}

.custom div.downloadformbox label{
	display:block;
	margin-bottom:10px;
	color:#555555;
}

.custom div.downloadformbox label span{
	display:block;
	float:left;
	padding-right:6px;
	width:40px;
	text-align:right;
	font-weight:bold;
	margin-left:10px;
}
.custom .downloadboxspacer{margin-left:195px; 
	margin-bottom:10px;
	font-size:11px;
	color:#555555;
    text-align:left;
}

.custom .booklogo{
	display:inline;
	float:left;
}

.custom a.rss {
    background: url("images/rss_icon.gif") 0 0px no-repeat;
    margin-right: 10px;
    padding: 0 0 0 20px;
}

.custom a.twitter {
    background: url("images/twitter-icon.gif") 0 0px no-repeat;
    margin-right: 10px;
    padding: 0 0 0 20px;
}

.custom .left-vertical-ad {
    float:left;
    width: 160px;
    margin-right: 20px;
    display: block;
}

.custom .right-vertical-ad {
    float: left;
    width: 120px;
    display: block;
}

.custom #adlinkbar {
    background: #DDDDDD;
    padding: 3px;
    padding-top: 6px;
    font-size:11.5px;
    font-family: "lucida grande",verdana,Arial;
    text-align: left;
    border-top: 1px solid #CCCCCC;
}

.custom #feedburner_stat {
    float: right;
    margin-top: 4px;
    margin-right: 23px;
}

#top_menu_box {
    background: none repeat scroll 0 0 #44443f;
    font-family: "Lucida Grande",Verdana,Arial;
    font-weight: bold;
    color: silver;
    border-bottom: 0.2em solid #AAAAAA;
    width: 100%;
    z-index: 100;
    overflow: auto;
    text-transform: lowercase;
    padding-top: 3px;
    padding-bottom: 3px;
}

#top_menu_box .page {
    background: none repeat scroll 0 0 transparent;
    margin: 0 auto;
    padding: 0;
    width:1000px;
}

#social_icon {
    float: left;
    left: auto;
    padding: 0;
    width: auto;
}

ul#social_icon li {
    clear: right;
    display: inline;
    float: left;
    margin-right: 10px;
}

ul#social_icon li.social_link a {
    text-decoration: none;
}

#sub_menu {
    float: right;
    margin-bottom: 0;
    margin-left: 0;
    margin-top: 5px;
    margin-bottom: 5px;
}

#sub_menu ul {
    list-style-type:none outside none;
}

#sub_menu li {
    display:inline;
    border-right:1px solid silver;
}

#sub_menu a {
    font-size:10px;
    margin-right:5px
}

.custom #sub_menu a:link, #sub_menu a:visited {
    color: silver;
}

.custom #sub_menu a:hover{color: silver}

#middlebar .searchbox {
    margin-left:720px;
}