/*
File:			custom.css
Description:	Custom styles for Thesis
*/

.custom #adv-edit {position:fixed; bottom:20px; right:3px; background:#ccc; } 
     .custom #adv-edit span {}
     .custom #adv-edit a.edit {font-size:10px; padding:2px 3px; margin:1px 1px;display: block; text-align:left; text-transform:uppercase; color:#fff; background:#333;}
     .custom #adv-edit a.edit:hover {background:#444; text-decoration:none;}


.clear{clear:both;}
.custom .page {background: white url(images/background_speckle.jpg) repeat;}

body.custom { background:#eee url(images/vintage-bg.gif) repeat; }

.custom #nav_area {padding-top:2px; background:black url(images/header_gradient.jpg) repeat-x}
.custom #nav_area .page {background:url(images/header_gradient.jpg) repeat-x}

.custom .page #search{float:right; padding-top: 6px;}


.custom .menu { border: none; float:left; margin-top:2px; width:auto;}
     .custom .menu a, .custom .menu .rss a {outline: none; background:none; border:none; color:#fff;  text-transform:capitalize; letter-spacing:.08em; padding:5px 8px; margin-right:8px;}
.custom .menu .current a, .custom .menu a:hover, .custom .menu .rss a:hover  {background: #0D72A8; border-color: #d5a514; -moz-border-radius: 4px; -webkit-border-radius: 4px; text-decoration: none; }
         .custom .menu .rss{float:left; }
.custom #search .field{	background: transparent url(images/search_bar.jpg) no-repeat top left; font:11px "Lucida Sans Unicode","Lucida Grande",Garuda,sans-serif; 	line-height: 22px; 	width: 152px;	height: 20px;	color: #fff;	float: left;	padding: 3px 3px 3px 5px;	border:none;}
.custom #search .button{background: black url(images/search_btn.jpg) no-repeat top left;	width: 60px;	height: 20px;	color: #313131;	font:12px "Lucida Sans Unicode","Lucida Grande",Garuda,sans-serif;	border:none;}

    .custom #header_area .page {padding-top:2em;}
        .custom #header{border:0em; overflow:hidden; padding:.5em; position:relative;  border-bottom: 1px dotted #C2C2C2;}
            .custom #header #logo{text-indent:-9999px;}
            .custom #header #logo a {background:url(images/logo.png) no-repeat; display:block; width:430px; height:46px; margin:15px 0 15px 0; outline: none;}
         	  .custom #header #tagline {color:#666666; display:block;  font-size:1.3em;  letter-spacing:2.4px;  text-transform:uppercase; margin-bottom:10px; }
           
.custom #breadcrumbs{color:#b2b2b2; font-size:10px; padding:.5em 0; text-transform:uppercase; border-bottom:1px dotted #c2c2c2;}
   .custom #breadcrumbs a {text-decoration:underline; color:#b2b2b2}

            .custom .teasers_box {border: 0px; padding:0em; margin-left:0; margin-right:0;}
            .custom .teasers_box .teaser {width:auto; border-bottom: #c3c3c3 .12em dotted; padding:2em 0em}
                .custom .teasers_box h2.entry-title {font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; font-size:2.6em; line-height:1.308em; letter-spacing:-.01em; color:#555}
                .custom .teasers_box .teaser a.teaser_link{}
                .custom .teasers_box a.post_image_link img.thumb{float:left; margin:0em 1.8em 1.8em 0em; }
		            .custom .format_teaser{ margin:.8em 0px; line-height:1.6em; }



	.social { border: dashed #ddd; border-width:1px 0 1px 0; margin: -15px auto 10px; display:block; padding: 3px 0 1px 0px;  overflow: hidden; }
	.social .social_button {float: left; display: inline; overflow: hidden; height:22px; }

	.social .social_button.dg { margin: 0px 0 0 15px ; padding-top: 4px;}
	.social .social_button.tm { margin: 0px 0 0 35px;  padding-top: 4px;}
	.social .social_button.fb { margin: 0 0 0 25px;  padding-bottom:0px;}
	.social .social_button.su { margin: 0px 0 0 35px;  padding-top: 2px;}
        .social .social_button.em { margin: 0 0 0 35px;  padding-top: 0px;}
        .social .social_button.em a{background:#eee url(images/emailthis.gif) 3px 50% no-repeat; padding:2px 3px 2px 20px;  font-size:10px; border:#ddd 1px solid; text-decoration:none; -moz-border-radius: 3px; -webkit-border-radius: 3px;}
		.social .social_button.em a:hover {background:#ddd url(images/emailthis.gif) 3px 50% no-repeat}
	.social .social_button a img { border: 0; padding: 0; }
	.social strong { font-size: 11px; float: left; margin:2px 0 0 0; color:#555;}



.custom #content{margin-right:2.8em; width:61.8em;}
        .custom #content_area .page{ padding-bottom: 4em}	

	
.custom .post_box, .custom .teasers_box, .custom .full_width #content_box .page { margin-left:0; margin-right:0;}


.custom h1.entry-title { letter-spacing:-.01em; color:#555}
.custom .format_text h2{font-size:18px; color:#555; font-weight:normal;}
.custom .format_text h3{font-size:17px; color:#555; margin-bottom:.43em}
.custom .format_text .wp_syntax .code {padding:0px;}
.custom blockquote { color:#444; }
.custom .format_text ol {margin:0px 0px 1.53em 2em}


.custom .post_tags{margin-bottom:5px;}
.custom .format_text .photo_credit {color:#888; font-size:.846em; margin-bottom:10px;}
    .custom .format_text .photo_credit a { color: #888; text-decoration:none; }


.custom p#email-text {margin:0 5% 1.3em 5%;}


.after_post { margin-bottom: 1.538em; padding: 1.538em 0 0 0; }
	.after_post h3 { margin-top: 0; }
	.after_post ul { margin-left: 20px; }
	.promo { width: 200px; margin: 0 0 1.538em 1.538em; padding: 0.769em 0.769em 0 0.769em; background: #ddf5fc; border: 0.077em solid #86c0d1; float: right; }
		.promo ul { margin-bottom: 10px; }

.custom #mc_embed_signup {}
	.custom #mc_embed_signup h3 {text-indent:-9999px; background:url(images/insider.png) no-repeat; display:block; width:221px; height:25px; margin:0px 0 15px 0; outline: none;}
	.custom #mc_embed_signup fieldset{border: 1px solid #FFF15F;padding-top: .5em;margin: .5em 0;background-color: #FFFCDF;}
		.custom .mc-field-group {margin: 1.3em 5%;clear: both;overflow: hidden;}
		.custom #mc_embed_signup input.email{margin-right: 1.5em;padding: .2em .3em;width: 95%;float: left;z-index: 999;}
		.custom #mc_embed_signup #mce-responses {float: left;top: -1.4em;padding: 0em .5em 0em .5em;overflow: hidden;width: 90%;margin: 0 5%;clear: both;}
			#mce-responses #mce-error-response {display: none;margin: 1em 0;padding: 1em .5em .5em 0;font-weight: bold;float: left;top: -1.5em;z-index: 1;width: 80%;background: #FBE3E4;color: #D12F19;}
			#mce-responses #mce-success-response {display: none;margin: 1em 0;padding: 1em .5em .5em 0;font-weight: bold;float: left;top: -1.5em;z-index: 1;width: 80%;background: #E3FBE4;color: #529214;}
		
		.custom #mc_embed_signup input.btn{clear: both;width: auto;display: block;margin: 1em 0 1em 5%;}
		.custom #mc_embed_close {display: none;}





.custom #popular_posts h3{text-indent:-9999px; background:url(images/popular.png) no-repeat; display:block; width:189px; height:23px; margin:15px 0 15px 0; outline: none;}

.custom #favorite_posts h3{text-indent:-9999px; background:url(images/favorites.png) no-repeat; display:block; width:189px; height:23px; margin:15px 0 15px 0; outline: none;}
.custom #subscribe h3{text-indent:-9999px; background:url(images/subscribe.png) no-repeat; display:block; width:189px; height:23px; margin:15px 0 15px 0; outline: none;}

.custom #suggestions h3{text-indent:-9999px; background:url(images/suggestions.png) no-repeat; display:block; width:189px; height:23px; margin:15px 0 15px 0; outline: none;}



#subscribe #youtube{background:transparent url(images/youtubeicon.png) no-repeat 0 -16px; padding-left:1.5em;}
     #subscribe #youtube:hover{background-position: 0 0; }

#subscribe #twitter{background:transparent url(images/twittericon.png) no-repeat 0 -16px; padding-left:1.5em;}
     #subscribe #twitter:hover{background-position: 0 0; }
	 
#subscribe #rss{background:transparent url(images/rssicon.png) no-repeat 0 -16px; padding-left:1.5em;}
     #subscribe #rss:hover{background-position: 0 0; }

#subscribe #email{background:transparent url(images/emailicon.png) no-repeat 0 -16px; padding-left:1.5em;}
     #subscribe #email:hover{background-position: 0 0; }

.custom #sidebars {margin-top:3em}
.custom #sidebars div.sidebar {border-left:1px dotted #C2C2C2;  }
        .custom .sidebar ul.sidebar_list {padding:0 0 0 2.8em;  }

.custom .sidebar_ads {margin-bottom:2.769em}


.custom .post_nav {margin-top:1em;  border-width:1px 0px; border-style:dotted; border-color:#c2c2c2;  }
.custom .post_nav p{float:right;}
.custom .post_nav p.previous{float:left;}



.custom #footer { color: #ccc; padding-left:0px; padding-right:0px; }
.custom #footer a {color:#ccc; text-decoration:none; border:0px;}
.custom #footer a:hover { text-decoration:underline; }

.custom #footer_area {background:#111; }
.custom #footer_area .page {background:none;}



#footer .footer_ads {text-align:left; clear:right;margin-left:25px;margin-top:25px;padding-right:10px;padding-top:10px;}
     #footer .footer_ads img.square {background:#333; margin:0 0 0 15px; padding:4px;}
     #footer .footerAds img {padding-right:5px;}


.custom .copyright { padding-top:25px; text-align:center;}
.custom .footer_links {text-align:center; font-size:12px;}
     .custom .footer_links ul li { display:inline; padding-right:25px; font-size:12px;}

.custom .sidebar_ads a img:hover{ opacity:0.8; filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8;
} 

a img:hover{	opacity: 0.9; filter:alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity: 0.9;}

.thickbox a img:hover{opacity: 1; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1;}


/***********************************************************************
8888888888888888888888888  Review Stuff  8888888888888888888888888888888
***********************************************************************/


.hreview .review-meta{color:#888888; font-size:.8333em; margin-bottom:1.2em;}
.hreview .review-meta p{margin-bottom:0px; display:inline;}
.hreview .review-meta h3{margin:0px; font-size:1em; display:inline; color:#888888}
.hreview .review-meta p span{display:inline;}
.hreview .review-meta a {color:#888; text-decoration:none;}
.hreview .review-meta a:hover {color:#888888; text-decoration:none;}


/* Recommended */
.custom p.recommended {padding:15px; background:#efefef; border:3px solid #ddd; margin-bottom:20px; font-size:18px;}
.custom p.recommended a {color:#2361A1; letter-spacing:1px;}


/***********************************************************************
8888888888888888888888888  Download  8888888888888888888888888888888
***********************************************************************/
.custom p.download{ color:#CF0000; font-size:20px; text-align:left; margin:10px 0px; text-decoration:underline; border:0.0071em solid #ccc; background:#eee; clear:left;}
.custom p.download a{color:#CF0000;  padding:10px; display:block; }
.custom p.download:hover{background:#DFDFDF}
.custom p.demo{color:#CF0000; font-size:20px; text-align:left; margin:10px 0px; text-decoration:underline; border:0.0071em solid #ccc; background:#E7FFDF; clear:left;}
.custom p.demo:hover{background:#C4FFAF; }
.custom p.demo a{color:#CF0000; padding:10px; display:block;}
.custom p.buy {color:#CF0000; font-size:20px; text-align:left;  margin:10px 0px; text-decoration:underline; border:0.0071em solid #ccc; background:#FFF59F; clear:left;}
.custom p.buy:hover{background:#FFEF6F}
.custom p.buy a{color:#CF0000; padding:10px; display:block;}

/***********************************************************************
8888888888888888888888888  Call Outs  8888888888888888888888888888888
***********************************************************************/
.custom .callout{ padding:10px; font-size:18px; text-align:left; margin:10px 0px; border:0.0071em solid #ccc; background:#eee; clear:left; }
.custom .callout a{color:#CF0000; text-decoration:underline;}
     .custom .callout a:hover{color:#CF0000; }
.callout:hover {background:#DFDFDF}
.callout small { font-size:10px; vertical-align:middle;}


.custom #co1{border-color:#FFD68F; background:#FFE2AF;}
    .custom #co1:hover{background:#FFD68F;}

.custom #co2{border-color:#FFF58F; background:#FFF8AF;}
    .custom #co2:hover{background:#FFF58F;}

.custom #co3{border-color:#DEFF8F; background:#E8FFAF;}
    .custom #co3:hover{background:#DEFF8F;}

.custom #co4{border-color:#8FFFB3; background:#AFFFC9;}
    .custom #co4:hover{background:#8FFFB3;}

.custom #co5{border-color:#6FBEFF; background:#8FCDFF;}
    .custom #co5:hover{background:#6FBEFF;}

.custom #co6{border-color:#9B8FFF; background:#A99FFF;}
    .custom #co6:hover{background:#9B8FFF;}


/***********************************************************************
8888888888888888888888888   WP_Syntax  888888888888888888888888888888888
***********************************************************************/
.wp_syntax .code pre{margin-bottom:0px; font-size:1.2em;}
.html { color: #1300ff; background: #eee; border-color: #ddd; }
.php { color: #222; background: #e0ecfc; border-color: #c3d6ef; }
.css { color: #222; background: #E2FFC2 ; border-color: #d5ffa6; }
	.attribute { font-style: italic; }
	.embed { background: #e0ecfc; color: #222; }
	.library_function { color: #364c74; font-weight: bold; }
	.directive { color: #004802; font-weight: bold; }
	.function_name { color: #0c00a8; font-weight: bold; }
	.keyword, .operator { color: #1300ff; font-weight: bold; }
	.var { color: #008797; }
	.const { color: #5958fd; font-weight: bold; }
	.str { color: #006e00; }
	.num { color: #0f00d4; }
	.text { color: #222; }
	.color { color: #e80000; }
	.function_call { color: #ad5100; font-weight: bold; }
	.property { color: #6a77e3; }
	.highlight { background: #ffffd1 !important; }
	.code_comment { color: #888; }


/***********************************************************************
8888888888888888888888888   NUMBERED PAGE NAV  8888888888888888888888888
***********************************************************************/	

.page-nav { font-size: 1.35em; font-weight: bold; margin: 1em 0; padding: 0; overflow: hidden; }
.page-nav-intro { float: left; padding: .3em .5em; margin: 0 1em 1em 0; background: #efefef; border: .1em solid #ccc; }
.page-number { float: left; padding: .3em .5em; margin: 0 .2em; background: #fff; border: .1em solid #ccc;  }
.current-page-number { float: left; padding: .3em .5em; margin: 0 .2em; background: #efefef; border: .1em solid #ccc; }
.elipses { float: left; padding: .3em .2em; }

/***********************************************************************
8888888888888888888888888   Author Box 888888888888888888888888888888888
***********************************************************************/

.custom #comments { clear: both; }
.postauthor { background: #F5F5F5; border-top: 1px solid #e1e1e0; border-bottom: 1px solid #e1e1e0; overflow: hidden; padding: 1.5em; }
.postauthor img { border: 5px solid #e2dede; float: left; margin-right: 1.5em; }
.postauthor h4 { color: #666; font-size: 1.2em; margin-bottom: 2px; }
.postauthor p { color: #515151; font-size: 13px; margin-bottom: 6px; }
.postauthor p.hlight { font-size: 11px; text-transform: uppercase; }
.postauthor p.hlight span { color: #CB3131; font-size: 13px; font-style: italic; font-weight: bold; letter-spacing: 0.8px; }

