/*
Skin Name: Thesis Magazine
Skin URI: http://themethesis.com/thesis-magazine
Description: Looking to transform your Thesis-powered blog? Here is your answer.  Thesis Magazine was created to allow people to break out of the regular Thesis mold and create a powerful blog or magazine-based site without touching any code.
Version: 1.0
Author: Theme Thesis
Author URI: http://themethesis.com
*/

/* REMOVE BORDERS */

.custom #header, .custom .post, .custom .teasers_box, .custom #footer, .custom #footer a, .custom #footer a:active, .custom #archive_info, .custom .prev_next, .custom #comment_list, .custom #comment_list dd, .custom #commentform, .custom #sidebar_1, .custom #sidebar_2, .custom #comment_list dt.comment, .custom #comment_list dd.comment, .custom #comment_list dl .bypostauthor .format_text, .custom #trackback_list {border-bottom: 0px; border-top: 0px; border-right: 0px; border-left: 0px;}

/* BACKGROUND */
.custom #content_box, .custom #column_wrap {background: none;}
body.custom {background: #e4e4e4;}

/* HEADER */
.custom #header_area {background:#191919;}
.custom #header_area .page {background:transparent;}
	
/* NAV MENU */
.custom #nav_area {background: #191919; border-bottom: 1px solid #eee; }
.custom ul.menu {background: #fff; width: 100%; padding: 10px;}
.custom .menu li {border-right:1px solid #eee;}
.custom .menu a {text-transform: none;}
	
/* WIDGETS */
.custom li.widget ul li { border-bottom: 1px solid #ccc;}   
.custom li.widget ul li a{display: block; padding: 5px; background: #fff;}
.custom li.widget ul li a:hover{background: #f1f2f1; display: block; text-decoration: none;}
.custom li.widget h3{background: #191919; padding: 5px; color: #fff;}
#beforepost, #afterpost, #afterheader, #beforesidebars, #footerleft, #footercentre, #footerright {list-style-type: none; margin-top: 35px; marign-right: 5px;}
#beforepost h3, #afterpost h3, #afterheader h3, #beforesidebars h3, #footerleft h3, #footercentre h3, #footerright h3 {margin-bottom: 10px;}

/* TAB WIDGET */
.tabbedwidget {margin-top: 3em; background: #fff; padding: 5px; padding-top: 10px; border: 1px solid #eee;}
.tabnav {margin-bottom: 10px;}
.tabnav li {display: inline; list-style: none; padding: 5px;}
.tabnav li a {background: #fff; padding: 4px 6px;}
.tabnav li a:hover, .tabnav li a:active, .tabnav li.ui-tabs-selected a {background: #eee;}
.tabdiv {margin-top: 2px; background: #fff; padding: 7px;}
.tabdiv li {list-style-type: none; border-bottom: 1px solid #ccc;}
.tabdiv li a{display: block; padding: 10px; background: #fff; }
.tabdiv li a:hover{background: #f1f2f1; display: block; text-decoration: none;}
.ui-tabs-hide {display: none;}
#tabvanilla {font-size: 12px;}

/* FOOTER */
.custom #footer_area {background:#191919; padding:0.5em 0; border-top:1px solid #fff; margin-top: 20px;}
.custom #footer_area .page {background: #191919;}
#customfooter {padding: 16px; margin-bottom: 5px; border-bottom: 1px solid #2d2d2d; overflow: hidden; width: 100%;}
#customfooter .footer_items {text-align: left; width: 31%; margin-right: 2%; padding-right: 0px; color: #ccc; display: inline-block; float: left; height: 100%;}
#customfooter .footer_items h3 {color:#fff;}
#customfooter .footer_items ul li { list-style-type: none; border-bottom: none; }
#customfooter .footer_items ul li a{ color: #eee; background: #191919; }
#customfooter .footer_items ul li a:hover{ color: #ccc; }
#customfooter .footer_items ul { margin: 0px; padding: 0px; list-style: none; }
		
/* HEADER BANNER */
.custom #leaderboard_ad {float: right; position: absolute; width: 468px; height: 60px; top: 25px; left: 52%;}

/* AUTHOR BOX */
.aboutauthor {overflow:hidden; background:#f1f2f1; border:1px solid #eee; padding:5px; margin-bottom:6px; margin-top: 10px; width: 100%;}
.aboutauthor img {background:0px; border:0px; padding:0px;}
#aboutauthorimg {float:left; padding:5px 0 5px 10px;}
.aboutauthor .span-2 {display: block; float: left; width:70px;margin:0px 30px 0 0;
padding: 10px 0 0 20px;}

/* SPECIAL CLASSES */
p.note {background: #f5f5f5; border: 0px solid #ddd; padding: 10px; margin: 15px;}
p.alert {background: #ffffa0; border: 1px solid #e5e597; padding: 10px; margin: 15px;}

/* SLIDER */

#s3slider { 
   width: 580px; /* important to be same as image width */ 
   height: 300px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
   margin-top: 35px;
   padding-bottom: 5px;
   margin-left: 1em;
}

#s3sliderContent {
   width: 580px; /* important to be same as image width or wider */
   position: absolute; /* important */
   top: 0; /* important */
   margin-left: 0; /* important */
   padding: 0px;
}

.s3sliderImage {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
}

.s3sliderImage span {
   position: absolute; /* important */
   left: 0;
   font: 21px/24px Helvetica, Arial, sans-serif;
   padding: 10px 13px;
   width: 100%;
   background-color: #000;
   filter: alpha(opacity=70); /* here you can set the opacity of box with text */
   -moz-opacity: 0.7; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.7; /* here you can set the opacity of box with text */
   opacity: 0.7; /* here you can set the opacity of box with text */
   color: #fff;
   display: block; /* important */
   bottom: 0;	

   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image 
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}

.clear {
   clear: both;
}

.custom li.rss {border-right: none;}

.custom .post_box {margin-top: -30px !important; margin-bottom: 20px;}