/*
File:			custom.css
Description:	Custom styles for Thesis
*/                      

/** Cleafix **/
	.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
	* html .clearfix             { zoom: 1; } /* IE6 */
	*:first-child+html .clearfix { zoom: 1; } /* IE7 */

.custom { font-family: Verdana, sans-serif; margin-top: 30px}   
.custom a { outline: none; color: #333;}
.custom .page { background: transparent;}

.custom #top_page_nav { height: 30px; width: 100%; background: #333; margin-top: -30px; border-bottom: 2px solid #111}
.custom #top_page_nav ul li { float: left; list-style: none}

.custom #top_page_nav ul li.skins a { background: #FFE5E5; color: #000}
.custom #top_page_nav ul li.skins a:hover { background: #FFE5E5; color: #fff; background: #999}
.custom #top_page_nav ul li.tuts a { background: #FF9999}
.custom #top_page_nav ul li.contact a { background: #FF4D4D}
.custom #top_page_nav ul li.hireme a { background: #ff0000}

.custom #top_page_nav ul li a { display: block; color: #fff; font-size: 1.7em; padding: 5px 12px}
.custom #top_page_nav ul li a:hover { background: #999}

.custom #header_area .page { padding-top: 0}
.custom #logo a {display: block; height: 200px; width: 945px; background:url('images/logo.png') no-repeat; text-indent: -9999px;}
.custom #tagline {display: none;}
.custom #header {border: none; padding-top: 10px; padding-bottom: 10px}       
                                        
.custom #content_box { background: none;} 

.custom #signup_top {font-size: 2.1em; padding: .2em; position: absolute; top: 0px; right: 75px; display: block; color: #fff; border: none}
.custom #signup_top:hover { color: #fff;}
.custom #login { position: absolute; top: 0px; right: 10px;}  
.custom #login a#login_control {font-size: 2.1em; color: #fff; display: block; background: #333; padding: 3px 12px 2px;}
.custom #login a#login_control:hover { color: red; background: #fff;}  
                                                
.custom #login #login_contents { background: #eee; padding: 1em; position: absolute; top: 30px; right: 0px; width: 168px; display: none;}
.custom #login #login_contents input {width: 100%; border: 2px solid #000; background: #fff;  margin: 0 0 1em 0; font-size: 2em;}
.custom #login #login_contents #join { text-align: center;}

.custom #login #login_contents ul {}
.custom #login #login_contents ul li { list-style: none;}
.custom #login #login_contents ul li a{ font-size: 2em; margin: 0 0 .5em 0;}  
.custom #login #login_contents ul li a:hover { text-decoration: underline;}

.custom .format_text .post_tags {display: none}
.custom .post_tags_custom { font-size: 1.6em; line-height: 1.8em; background: #eee; border: 1px solid #999; padding: .5em; margin-top: 1em; margin-right: 1.5em}
.custom .post_tags_custom a {color: #666}
.custom .post_tags_custom a:hover {color: #111}

/** Front Page Styles **/

.custom #home_contain_upper { width: 100%; margin: 0em 0 0 0;} 

.custom #featured_content {width: 72%; float:right;}
.custom #featured_content .inner { width: 677px; height: 300px; border-top: 1px dashed #999; border-bottom: 1px dashed #999; background:#eee;}                                                      

.custom #home_contain_lower {margin: 1.1em 0 0 0; }  
.custom #home_contain_lower .inner #copy {padding: 2em 0;}
.custom #home_contain_lower .inner #copy p { font-size: 2.8em; line-height: 1.4em; color: #333; margin: 0 0 1em 0;} 
.custom #home_contain_lower #signup {}
.custom #home_contain_lower #signup:hover span {text-decoration: underline;}
.custom  span.hilight { color: #000; padding: 0 .2em; font-style: italic;}
.custom span.red { background: #FFCCCC; } 
.custom span.green {background: #BADD98;}       

.custom .wrap { margin: 0 0 2em 0; padding: 0 0 2em 0;}  
.custom .wrap .inner p{ font-size: 2em; line-height: 1.4em; color: #666; padding: 1em 0 0 0 ;}  
.custom .wrap.top{  border-bottom: 1px dashed #ccc;}
.custom .wrap h2 {text-indent: -9999px; border-bottom: 1px dotted #333;}                                                                            

.custom #front_blog,
.custom #front_aff {width: 50%; float: left;} 
.custom #front_blog .inner,
.custom #front_aff .inner {  margin: 0 1em 0 0 ;}    
          
.custom #front_blog h2 { display: block; width: 477px; height: 83px; background: url('images/front_titles.png') no-repeat;}
.custom #front_skins h2 { display: block; width: 477px; height: 83px; background: url('images/front_titles.png') no-repeat 0 -80px; }  
.custom #front_aff h2 { display: block; width: 477px; height: 105px; background: url('images/front_titles.png') no-repeat 0 -164px; } 
.custom #front_contact h2 { display: block; width: 477px; height: 105px; background: url('images/front_titles.png') no-repeat 0 -266px;}

.custom #front_skins,
.custom #front_contact {width: 50%; float: right; } 
 
.custom #front_skins .inner,
.custom #front_contact .inner {  padding: 0  0 0 1.5em; border-left: 1px dashed #ccc; margin: 0 0 0 1em; clear:both;}  

.custom #front_blog ul { }
.custom #front_blog li {list-style: none; font-size: 2.8em; line-height: 1.4em;}
.custom #front_blog li a {color: #333; background: #eee; padding: 0 .5em; font-style: italic;}
.custom #front_blog li a:hover { text-decoration: underline; }              

.custom #random_skins { clear: both; width: 100%; margin: .5em 0 0 0;}
.custom #random_skins li { width: 33.33%; float: left; list-style: none;}
.custom #random_skins li .inside { padding: 0 1em 0 0 ;}      
.custom #random_skins li .inside img { width: 150px; height: 150px;}    

.custom.single .entry-title,
.custom #content_area .headline_area h1 { font-size: 6em; margin: 0;}                                                                                                      
.custom #content_area .headline_area { margin : 0;}

.custom #content_area .format_text{ font-size: 1.8em; line-height: 1.5em;} 
.custom #archive_info {display: none;}   

/** Post Styles **/
.custom #tweet_meme { float: left; margin: 0 .5em 0 0; }
.custom #hire_me { background: #eee; border: 1px solid #BCDC98; padding: 1em; text-align: center}
.custom #hire_me h2 { font-size: 2em; margin-bottom: .5em; }
.custom #hire_me p { font-size: 1.6em; line-height: 1.4em}

/** Skin Category Page **/      

.custom.skins_category #skins_listing #plugins { }
.custom.skins_category #skins_listing #plugins ul { clear: both}
.custom.skins_category #skins_listing #plugins ul li { width: 100%; border: 3px solid #999; background: #eee;overflow: hidden }
.custom.skins_category #skins_listing #plugins ul li .inside { margin: 1em; width: 100%; overflow: hidden}
.custom.skins_category #skins_listing #plugins h3 { text-align: center; font-size: 2.5em; margin-bottom: .5em; font-style: italic}
.custom.skins_category #skins_listing #plugins p { font-size: 1.5em; line-height: 1.6em}
.custom.skins_category #skins_listing #plugins .readmore { display: block; text-align: center; color: red; margin: 1.5em 0 0 0; border-top: 1px dashed #333; border-bottom: 1px dashed #333; width: 98%; padding: .5em 0; 
font-size: 1.5em}
.custom.skins_category #skins_listing #plugins .readmore:hover { background: #fff}

.custom.skins_category #skins_listing ul {clear:both; margin: .5em 0 0 0; padding: 0 0 0 1em;}
.custom.skins_category #skins_listing ul li { float: left; width: 33%; list-style: none; margin: 0 0 2em 0;}
.custom.skins_category #skins_listing ul li .inner { margin: 0 .5em; background: url('images/browser.png') no-repeat; height: 300px;}
.custom.skins_category #skins_listing ul li .inner img { margin: 24px 0 0 0;}

.custom.skins_category #skins_listing h2 {display: block; width: 100%; font-size: 3em; text-align: center; margin: 1em 0; color: #BADD98; border-top: 1px dashed; border-bottom: 1px dashed; padding: .5em 0;}

.custom.skins_category .skin_links { background: #eee; width: 286px; padding: .5em; margin: 1em 0 0 0; font-size: 1.5em; text-align: center;}
.custom.skins_category .skin_links a {color: #000;}
.custom.skins_category .skin_links .skin_name { display: block; text-align: left; margin: 0 0 -.5em 0; font-weight: 900; font-size: 1.2em}
.custom.skins_category .skin_links .skin_name:hover { font-style: italic}

/** Skin Page Styles **/      
                                            
.custom.skins.single .headline_area { margin: 0;}
.custom.skins.single .headline_meta, 
.custom .edit_post,                      
.custom .comments_closed {display: none;}    

.custom.skins.single #skin_features_contain { font-size: 2em; line-height: 1.4em; margin: 0 0 0 .6em;}
.custom.skins.single #skin_features_contain h2 { border-top: 1px dotted #999; border-bottom: 1px dotted #999; margin: 0 1em .5em 0; padding: .5em 0;}
.custom.skins.single .skin_features {list-style: none}   
.custom.skins.single .skin_features li { background: url(images/star.png) no-repeat 0 -1px; padding: .2em 0 0 1.5em; color: #999;}

.custom.skins.single .skin_details {border: 3px solid red; background: #FFCCCC;} 
.custom.skins.single .skin_details .inner { margin: .5em;}
.custom.skins.single .skin_details h3 {font-size: 2em; line-height: 1.4em; color: #333;}  
          
.custom #random_skins_widget { margin: 4em 0 0 0;}
.custom #sidebars h2 {font-size: 2.9em; margin: 0 0 .5em; color: #999; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: .2em 0}
.custom #sidebars #skin_buy_link h2 { border: none; margin-bottom: -.5em}
.custom #sidebars #skin_demo_link h2 { border: none}
.custom #skin_sidebar_image {margin: 4em 0 0 0;}
.custom #skin_sidebar_image .inner {background: url('images/browser.png') no-repeat; height: 250px;}                                                                                                 
.custom #skin_sidebar_image img {width: 292px; margin: 25px 0 0 0;} 

.custom #list_tutorials_widget ul {}
.custom #list_tutorials_widget ul li { font-size: 1.5em; line-height: 1.6em;list-style:none;}

.custom.skins.single #skin_buy_link { margin: -2em 0 1em 0;}                                                                                  
.custom.skins.single #skin_buy_link a { text-indent: -9999px; display: block; height: 80px; width: 292px; background: url('images/buy.png') no-repeat; }
.custom.skins.single #skin_buy_link a:hover { background: url('images/buy_hover.png') no-repeat;}   

.custom.skins.single #skin_download_link { margin: -2em 0 1em 0;}                                                                                  
.custom.skins.single #skin_download_link a { text-indent: -9999px; display: block; height: 80px; width: 292px; background: url('images/download.png') no-repeat; }
.custom.skins.single #skin_download_link a:hover { background: url('images/download_hover.png') no-repeat;}
                                                                                                                
.custom.skins.single #skin_demo_link { margin: 0 0 1em 0;}                                                                                  
.custom.skins.single #skin_demo_link a { text-indent: -9999px; display: block; height: 31px; width: 292px; background: url('images/view_demo.png') no-repeat; }
                                             
.custom.skins.single .prev_next,
.custom.skins.single #comments,  
.custom.skins.single #list_tutorials_widget{display: none;}


/** Contact Page **/


.custom #cformsform { width: 100%}
.custom #cformsform #cf_field_3 { width: 70%}
.custom .linklove { display: none}


/** Testimonials Page **/

.custom #testimonials {margin: 0 1em; background: #D4E9BE; padding: 1em; border: 5px solid #BADD98}
.custom #testimonials h2 { font-size: 3em; margin-bottom: .5em}
.custom #testimonials h3 { text-align: right;margin-top: 1em; width: 100%}
.custom #testimonials p { line-height: 1.6em; font-size: 1.4em; font-style: italic}
.custom #testimonials #testimonials_more { display: block; margin-top: .5em; width: 100%; text-align: center; font-weight: 900; text-decoration: underline;}

#open_quote {
     float: left;
     font-size: 700%;
     color: #999;
     margin-top: .3em
 }

 #close_quote {
     float: right;
     font-size: 700%;
     color: #999;
     margin-top: -.3em
 }
/** Footer **/         

.custom.home #footer {width: 100%; border: none;}
.custom #footer_area {margin-top: 4em}
.custom #footer { border-top: 1px dashed #333; padding: 1em 0; margin:0 0 0 0 ; color: #ddd;} 
.custom #footer div {font-size: 1.2em; line-height: 1.6em;}   


.custom ul.footer_widgets { width: 100%; text-align: left; }
.custom #footer li.widget { width: 33%; display: inline; float: left;}
.custom #footer li.widget .inner { padding: 1em;}
.custom #footer li.widget h2 {margin: 0 0 .5em 0; padding: .5em; text-align: center; } 

.custom #widget_killer_recent_entries-3 ul { text-align: center}
.custom #widget_killer_recent_entries-3 ul li a { font-size: 1.6em; line-height: 1.4em}

.custom #footer_aff { float: left; width: 300px; color: #000; padding: 5px; background: #eee; border: 1px solid #999; text-align: center}
.custom #footer_aff a { background: #BADD98; color: #000 !important; font-weight: 900}

.custom .textwidget p {color: #333}
.custom .textwidget a { text-decoration: none}
.custom #footer .cform { width: 315px;} 
.custom #footer .cform input, .custom #footer .cform textarea{ width: 299px}
.custom #footer .cform label, .custom .reqtxt, .custom .emailreqtxt { display: none}         
.custom #footer p.cf-sb {display: block; width: 299px}
.custom #footer a { color: #999}

/** Navigation **/         

.custom.Sign-up .front_nav {display:  none}
.custom.Sign-up #signup { margin:  auto}

.custom .front_nav { border-top: 1px dashed #333; border-bottom: 1px dashed #333; width: 100%;}  

.custom .front_nav li a#skins { background: url('images/front_nav.png') no-repeat -94px 0; width: 152px;}   
.custom .front_nav li a#skins:hover { background: url('images/front_nav.png') no-repeat -340px 0 ; } 
             
.custom .front_nav li a#about { background: url('images/front_nav.png') no-repeat -74px -63px; width: 175px; } 
.custom .front_nav li a#about:hover { background: url('images/front_nav.png') no-repeat -316px -63px ; }      
         
.custom .front_nav li a#blog { background: url('images/front_nav.png') no-repeat -110px -125px; width: 140px;}  
.custom .front_nav li a#blog:hover { background: url('images/front_nav.png') no-repeat -356px -125px; }    
        
.custom .front_nav li a#contact { background: url('images/front_nav.png') no-repeat -8px -187px; width: 245px;}
.custom .front_nav li a#contact:hover { background: url('images/front_nav.png') no-repeat -254px -187px; }      
    
.custom .front_nav li a#services { background: url('images/front_nav.png') no-repeat 0 -246px; width: 246px;}   
.custom .front_nav li a#services:hover { background: url('images/front_nav.png') no-repeat -246px -246px; }

.custom.home .front_nav { border-top: 1px dashed #333; border-bottom: 1px dashed #333; width: 100%;}   
.custom .front_nav li {float: left; text-indent: -9999px; text-align: left; list-style: none; }
.custom .front_nav li a {display: block; height: 60px; text-indent: -9999px; }
  
      

.custom #content_box #home_sidebar {  width: 26%; float: left;}            
.custom #content_box #home_sidebar .front_nav  { border: none;}
.custom #content_box #home_sidebar .front_nav li a {display: block; width: 246px; height: 60px; text-indent: -9999px; margin-bottom: 1px}                         
.custom #content_box #home_sidebar .front_nav  li a#skins { background: url('images/front_nav.png') no-repeat ; }   
.custom #content_box #home_sidebar .front_nav  li a#skins:hover { background: url('images/front_nav.png') no-repeat -246px 0 ; }                        
.custom #content_box #home_sidebar .front_nav  li a#about { background: url('images/front_nav.png') no-repeat 0 -63px; } 
.custom #content_box #home_sidebar .front_nav  li a#about:hover { background: url('images/front_nav.png') no-repeat -246px -63px ; }                        
.custom #content_box #home_sidebar .front_nav  li a#blog { background: url('images/front_nav.png') no-repeat 0 -125px; }  
.custom #content_box #home_sidebar .front_nav  li a#blog:hover { background: url('images/front_nav.png') no-repeat -246px -125px; }                      
.custom #content_box #home_sidebar .front_nav  li a#contact { background: url('images/front_nav.png') no-repeat 0 -187px; }
.custom #content_box #home_sidebar .front_nav  li a#contact:hover { background: url('images/front_nav.png') no-repeat -246px -187px; }                   
.custom #content_box #home_sidebar .front_nav  li a#services { background: url('images/front_nav.png') no-repeat 0 -246px; }   
.custom #content_box #home_sidebar .front_nav  li a#services:hover { background: url('images/front_nav.png') no-repeat -246px -246px; }

/** Terms and Conditions **/
.custom #signup_agreement,
.custom #signup_agreement a { color: #ccc; font-size: 12px; text-align: right; padding-bottom: 10px; margin-top: -6px}
.custom #signup_agreement a { text-decoration: none}