/*
Theme Name:     The eTail Blog Theme
Site Name: 		The eTail Blog
Author URI: 	http://freakproductions.org/
Description: 	Down stream CSS that Re-brands the Max-Magazine Wordpress theme that brands and fixes the theme for consumption of the eTail Blog
Author:         Joshua Vining
Template:       max-magazine
Version:        0.1.0
*/

/*-----------------------------------------------------------------
// Importing The Orginal Max-Magazine CSS
-----------------------------------------------------------------*/
@import url("../max-magazine/style.css");

/*-----------------------------------------------------------------
// Top Header
-----------------------------------------------------------------*/
body { background:#e5e5e5 url(http://archive.wbresearch.com/archive/toprep.jpg) 0 -1px repeat-x; }

#header { margin:0 auto; border:none !important; }
#header .header-wrap{background-image:none !important;}

.headerSocialIcons{float:right;height:40px; margin-top:22px;}
.headerSocialIcons li{float:left; margin-right:20px; list-style:none;}

#content-container{min-height:600px;}

/*-----------------------------------------------------------------
// Primary Nav Bar
-----------------------------------------------------------------*/
#nav {background:#3384BB; border-top: 3px solid #EBEBEB; border-bottom: 3px solid #EBEBEB; height:39px; margin:0px -15px;}
#nav ul li {border-right: 1px dotted #DDDDDD; float: left;}
#nav ul li a {color: #FFFFFF; display: block; font-size: 13px; font-weight: bold; height: 38px; padding: 0px 15px; text-transform: uppercase;}
#nav ul li a:hover {color:#00334C;}
#nav ul.sub-menu { top:38px; }
#nav ul.sub-menu a{color:#3384BB; }
#nav .sfHover { background:#fff; }
#nav .sfHover a { color:#3384BB; }
#nav a:hover { background:#eee; }

/*-----------------------------------------------------------------
// Upper Nav Bar
-----------------------------------------------------------------*/
.upperNav{ margin:-23px -15px 40px -15px; width:960px; height:33px;  background:#003a56;}
.upperNav ul {z-index:99; margin:0; padding:0; list-style:none; text-align:left;}
.upperNav li{list-style:none; float:left; margin-right:20px; margin-left:20px; padding-top:2px; color:#ffffff!important;}
.upperNav a:link, .upperNav a:visted{color:#ffffff !important; font-size:13px; font-weight:bold;}

.upperNav a:hover{text-decoration:underline;}

.upperNav .sfHover { background:#eee; }
.upperNav .sfHover a { color:#3384BB; background:#f5f5f5; }
.upperNav ul ul a:hover { background:#e5e5e5; }

.upperNav select { display: none; z-index: 3000; position: relative; padding: 6px; font-size: 10px; border: 1px solid #ccc; height: 34px; font-family:inherit;}
.upperNav ul li{position: relative;	display:block; 	float:left;	margin:0; padding:0;}
.upperNav ul li a{color:#ffffff;  text-decoration:none;	display: block; float: left; position:relative; font-weight:700; text-transform: uppercase; padding:0 15px; height:40px; line-height:40px;}

.upperNav ul.sub-menu{display: none; position: absolute; top: 32px; width:190px; left:10px; z-index: 9999; background: #ffffff !important;
-webkit-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.4);   -moz-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.4);	box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.4); }

.upperNav ul.sub-menu a{display:block !important; width:160px; color:#3384BB; text-transform: none;	font-size:12px;	font-weight:700; border-bottom:1px solid #efefef;}

.upperNav ul li ul li ul{margin: -30px 0 0 180px;}

.upperNav .sf-sub-indicator{display:none;}

.upperNav ul.sub-menu li.current-menu-item a, 
.upperNav ul.sub-menu li.current-page-ancestor a,
.upperNav ul.sub-menu li.current-menu-ancestor a{ color:#3384BB !important;} 


/*-----------------------------------------------------------------
// Sidebar
-----------------------------------------------------------------*/
#sidebar .widget{padding-bottom: 5px !important; margin-bottom:5px !important;  background-image:none !important; position: static !important;}
#sidebar .widget p{margin:0px !important; padding:0px !important;}

/*----------------------------------------------------------------- 
// Slider
-----------------------------------------------------------------*/
#slider .lof-slidecontent ul.sliders-wrap-inner li{height:330px !important; width:630px !important; overflow:hidden !important; }
#slider .lof-slidecontent ul.sliders-wrap-inner img{ width:620px !important; overflow:hidden;}

.lof-main-item-desc{margin-bottom:25px;}

/* Navigator */
#slider .navigator-wrapper { width:240px !important; }
#slider .navigator-wrapper li { width:60px !important; }
#slider .navigator-wrapper li img { width:50px !important; }

/* Slider Description Background Color */
#slider .lof-main-item-desc{ height:auto; background: rgba(69, 129, 185, 0.95); /* browsers */
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#44581B9', endColorstr='#44581B9'); /* IE */}

#slider .lof-main-item-desc {background: none repeat scroll 0 0 rgba(69, 129, 185, 0.95) !important;}

.sliderSocial{display: none;}

/*-----------------------------------------------------------------
// Post Lisitngs (Home Page / Search Listings)
-----------------------------------------------------------------*/
#content #posts-list .post{padding-bottom:0px!important;}
#content .post-image {height: 140px; width: 210px; overflow: hidden; margin-right: 20px; float: left; margin-bottom: 60px; border: solid 1px #ccc;}
#content .post-image a { display: block; height: 125px; width: 200px; background: url('/wp-content/themes/max-magazine-child-etail/img/etail_placeholder.png')  #fff center center no-repeat; padding: 5px; overflow: hidden;}
#content .post-image:hover {border: solid 1px #3384BB;}
#content .post-image a img { min-width: 200px !important; min-height: 125px !important;}

#content .post-info h2 {font-weight:400!important; font-size:20px;}
#content .post-info p {padding:0px 40px;}

#content .post-meta a {color:#ab2031;}
#content .post-meta a:hover {color:#000;}

/*-----------------------------------------------------------------
// Gallery Images
-----------------------------------------------------------------*/
.gallery img {border:1px #cccccc solid; padding:5px;   -moz-box-shadow: 5px 5px 5px #ccc; -webkit-box-shadow: 5px 5px 5px #ccc;    box-shadow: 5px 5px 5px #ccc;}

/*-----------------------------------------------------------------
// White Paper / Download Page 
-----------------------------------------------------------------*/
.whtepprlstng{background-color: #badff9; border:1px #ccc solid; height:200px; margin-bottom:20px; padding:10px;}
.whtepprlstng_thumb img { height:170px; width:200px; overflow:hidden;float:left; margin-right:20px; padding:5px; border:1px #ccc solid; background-color:#fff !important;}
.whtepprlstng_desc{ background-color:#fff; border:1px #ccc solid; padding:10px;width:670px; margin-left:220px;}

/*-----------------------------------------------------------------
// Highlighter Class
-----------------------------------------------------------------*/
.post{background-image:none !important; background-color:transparent !important;}
.post{border-bottom: 1px #ccc solid; border-style:double;}

.highlight{ padding:5px; border: 1px #ccc solid; background:url('img/enhancedContent_badge.png') 5px 186px no-repeat #bfeaff !important;}
 
/*-----------------------------------------------------------------
// Author Post Box
-----------------------------------------------------------------*/
.postauthor {border:1px solid silver; margin:10px; padding:10px; width:600px; min-height:80px;}
.postauthor h3 {font-weight:lighter;}
.postauthor img {float: left; margin-right: 1.5em;}
.postauthor h4 {color: #666; font-size: 1.5em; margin-bottom: 5px;}
.postauthor p {color: #515151; font-size: 13px; margin-bottom: 7px;}

/*-----------------------------------------------------------------
// Mad Mini Form 
-----------------------------------------------------------------*/
fieldset { border-radius: 4px; background: #fff; background: -moz-linear-gradient(#fff, #f9fdff); background: -o-linear-gradient(#fff, #f9fdff); background: -webkit-radient(linear, 0% 0%, 0% 100%, from(#fff), to(#f9fdff)); /: ; background: -webkit-linear-gradient(#fff, #f9fdff); padding: 20px; border-color: rgba(4, 129, 177, 0.4); }
input, textarea, .wpcf7-email { color: #373737; background: #fff; border: 1px solid #CCCCCC; color: #aaa; font-size: 14px; line-height: 1.2em; margin-bottom: 15px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset, 0 1px 0 rgba(255, 255, 255, 0.2); }
.wpcf7-email, input[type="text"], input[type="password"] { padding: 8px 6px; height: 22px; min-width:265px; width:95%;}
input[type="text"]:focus, input[type="password"]:focus ,.wpcf7-email:focus{ background: #f5fcfe; text-indent: 0; z-index: 1; color: #373737; border-color: #ccc; box-shadow: 0 0 5px rgba(4, 129, 177, 0.5); opacity: 0.6; /*: ; -webkit-transition-duration: 400ms; -webkit-transition-property: width, background; -webkit-transition-timing-function: ease; -moz-transition-duration: 400ms; -moz-transition-property: width, background; -moz-transition-timing-function: ease; -o-transition-duration: 400ms; -o-transition-property: width, background; -o-transition-timing-function: ease; width: 380px; */ }
input[type="submit"] { background: #50668D; border: none; text-shadow: 0 -1px 0 rgba(0,0,0,0.3); text-transform: uppercase; color: #eee; cursor: pointer; font-size: 15px; margin: 5px 0; padding: 5px 22px; -moz-border-radius: 4px; border-radius: 4px; -webkit-border-radius: 4px; -webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.3); -moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.3); box-shadow: 0px 1px 2px rgba(0,0,0,0.3); }
input[type="submit"]:hover { background: #5e77a3 }
textarea { padding: 3px; width: 96%; height: 100px; }
textarea:focus { background: #ebf8fd; text-indent: 0; z-index: 1; color: #373737; opacity: 0.6; box-shadow: 0 0 5px rgba(4, 129, 177, 0.5); border-color: #ccc; }
#content label {font-size:14px; font-weight:bold;}
.small { line-height: 14px; font-size: 12px; color: #999898; margin-bottom: 3px; }
.required span{color:red;}
#content section ul{padding:5px 10px; margin:10px 0px; display:block; height:50px; background-color: #e1ecfe;}
#content section li{list-style:none; float:left; margin-right:20px;}
#content section input[type="radio"] { margin-left:40px; }

/*-----------------------------------------------------------------
// FancyBox MadMimi Form
-----------------------------------------------------------------*/
.fancybox-wrap fieldset { border-radius: 4px; background: #fff; background: -moz-linear-gradient(#fff, #f9fdff); background: -o-linear-gradient(#fff, #f9fdff); background: -webkit-radient(linear, 0% 0%, 0% 100%, from(#fff), to(#f9fdff)); /: ; background: -webkit-linear-gradient(#fff, #f9fdff); padding: 20px; border-color: rgba(4, 129, 177, 0.4); }
.fancybox-wrap input, textarea { color: #373737; background: #fff; border: 1px solid #CCCCCC; color: #aaa; font-size: 14px; line-height: 1.2em; margin-bottom: 15px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset, 0 1px 0 rgba(255, 255, 255, 0.2); }
.fancybox-wrap input[type="text"], #content input[type="password"] { padding: 8px 6px; height: 22px; min-width:265px; width:95%;}
.fancybox-wrap input[type="text"]:focus, .fancybox-wrap input[type="password"]:focus { background: #f5fcfe; text-indent: 0; z-index: 1; color: #373737; border-color: #ccc; box-shadow: 0 0 5px rgba(4, 129, 177, 0.5); opacity: 0.6;}
.fancybox-wrap input[type="submit"] { background: #50668D; border: none; text-shadow: 0 -1px 0 rgba(0,0,0,0.3); text-transform: uppercase; color: #eee; cursor: pointer; font-size: 15px; margin: 5px 0; padding: 5px 22px; -moz-border-radius: 4px; border-radius: 4px; -webkit-border-radius: 4px; -webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.3); -moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.3); box-shadow: 0px 1px 2px rgba(0,0,0,0.3); }
.fancybox-wrap input[type="submit"]:hover { background: #5e77a3 }
.fancybox-wrap textarea { padding: 3px; width: 96%; height: 100px; }
.fancybox-wrap textarea:focus { background: #ebf8fd; text-indent: 0; z-index: 1; color: #373737; opacity: 0.6; box-shadow: 0 0 5px rgba(4, 129, 177, 0.5); border-color: #ccc; }
.fancybox-wrap label {font-size:14px; font-weight:bold;}
.fancybox-wrap .small { line-height: 14px; font-size: 12px; color: #999898; margin-bottom: 3px; }
.fancybox-wrap .required span{color:red;}
.fancybox-wrap section ul{margin:0px 10px;}
.fancybox-wrap section li{float:left; height:70px; width:90px; list-style:none; margin:10px 10px 10px 0px ;}


/*-----------------------------------------------------------------
// Media Queries 
-----------------------------------------------------------------*/


/* 630px- 960px */
@media screen and (min-width : 630px) and (max-width : 960px) {
    #header .logo { margin-bottom:0; float:left; width: 290px;}
    #header .ad468 { display:block; float:right; width:auto; padding-top:20px;}
    #nav { width:630px;height:80px;}
    
    .sliderSocial{display:block!important;}
	.sliderSocial {margin:0px 0px 20px 0px !important; padding:0px !important;}
	.sliderSocial li{display:inline; margin-right:10px}
    
    #sidebar .widget { margin-right:10px; width:290px; }
    #sidebar .widget_adrotate_widgets { float:right; margin-right:0; }
    .ad468{display:none !important;}
    
 	/* White Paper / Download Page */
	.whtepprlstng{height:285px;}
	.whtepprlstng_desc{width:340px;}
	.highlight{ padding:5px; border: 1px #ccc solid; background:url('img/enhancedContent_hz.png') 5px 145px no-repeat #fff0c7 !important;}
	
	/* Author Post Box */
	.postauthor { width:560px;}
}

/* 460px - 629px */
@media screen and (min-width : 460px) and (max-width : 629px) {
	.upperNav li{list-style:none; float:left; margin-right:10px; margin-left:10px;}
	#hearder{padding:0px!important;}
	#header .header-wrap{background-image:none !important;}
	#nav {background:transparent; border:none; height:39px; margin:10px -15px;; position:relative; top:5px; }
	#nav select{margin: 0px auto !important;}
	#header .ad468 { display:block;}
    .headerSocialIcons{height:45px; margin-top: 20px; margin-bottom:0px;}
    .headerSocialIcons li {float:left; margin-right: 11px; list-style: none; height: 34px; width: 45px; padding: 5px;}
     .upperNav { width:auto; margin-bottom:20px; }
         .sliderSocial{display:block!important;}
	.sliderSocial {margin:0px 0px 20px 0px !important; padding:0px !important;}
	.sliderSocial li{display:inline; margin-right:10px}

    #posts-list .post-image { min-height:50px; padding-right:8px; }
    #posts-list h2 { font-size:16px; margin-bottom:5px; }
    #slider .lof-slidecontent ul.sliders-wrap-inner img{ height:75% !important; width:75% !important; }
    
    #sidebar .widget { margin-right:10px; }
    #sidebar .widget_adrotate_widgets { float:right; margin-right:0; }
    .ad468{display:none !important;}
    
    
    /* White Paper / Download Page */
	.whtepprlstng{min-height:560px;}
	.whtepprlstng_thumb img{float:none; width:400px; height:260px;}
	.whtepprlstng_desc{width: 390px; margin-left:0px;}

	/* Author Post Box */
	.postauthor { width:410px;}
}

/* 459px and below */
@media screen and (max-width: 459px) {
  	.upperNav{height:38px;}
  	.upperNav li{list-style:none; float:left; margin-right:5px; margin-left:5px; margin-top: 10px;}
  	.upperNav ul li a{padding-top:5px;}
	
	#hearder{padding:15px !important;}
	#header .header-wrap{background-image:none !important; margin-bottom: 0px; }
	#nav {background:transparent; border:none; height:39px; margin-bottom:10px; margin-top: 2px;}
	#nav select{margin: 3px 0px 0px 0px !important; width: 320px;}
    
    .ad468{display:none !important;}
    
    .sliderSocial{display:block!important;}
	.sliderSocial {margin:0px 0px 20px 0px !important; padding:0px !important;}
	.sliderSocial li{display:inline; margin-right:10px}
  
     /* White Paper / Download Page */
	.whtepprlstng{min-height:560px;}
	.whtepprlstng h2{font-size:18px;}
	.whtepprlstng_thumb img{float:none; width:260px; height:200px;}
	.whtepprlstng_desc{width: 250px; margin-left:0px;}

	/* Author Post Box */
	.postauthor { width:260px;}
	
	/* Mad Mimi form */
    #content section ul{height:150px;}
}


/*-----------------------------------------------------------------
// Job Board CSS
-----------------------------------------------------------------*/
.wpjb-job-text p {font-weight:normal;}

/*-----------------------------------------------------------------
// Styles titles ...
-----------------------------------------------------------------*/
#posts-list h4{height:31px; display:block; background: url(http://www.wbrblogs.com/wp-content/themes/max-magazine-child-etail/img/sidebar_head_stripes_white.png) repeat-x #003A56 center; margin-bottom: 10px; line-height: 28px; font-weight:lighter; font-family: Open Sans, "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight:100; letter-spacing:.095em; font-weight: 100px;}  
#posts-list h4 span { background-color:#003A56; color:#fff; margin-bottom: 22px; padding: 3px 9px 0 8px; font-size: 14px; font-weight:lighter;font-family: Open Sans, "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight:100; letter-spacing:.095em;}
#featured-categories h3.cat-title { height:29px; display:block; background: url(http://www.wbrblogs.com/wp-content/themes/max-magazine-child-etail/img/sidebar_head_stripes_white.png) repeat-x #fff center; margin-bottom: 5px;}
#featured-categories h3.cat-title span{background: #fff; display: block; float:left; padding: 1px 5px; color:#504a57; font-size: 14px; line-height: 24px; font-weight: lighter;letter-spacing:.025em; font-family: Open Sans, "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight:100; letter-spacing:.095em; font-weight: lighter;}
.sidebar-item-spacer{margin-top:30px;}
.cat h3{ background: #fff; display: block; float:left; padding: 1px 5px; color: #504a57; font-size: 14px; line-height: 24px; font-weight: lighter; letter-spacing:.025em; font-family: Open Sans, "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight:100; letter-spacing:.095em;}
.cat span{ height:26px; display:block; background: url(http://www.wbrblogs.com/wp-content/themes/max-magazine-child-etail/img/sidebar_head_stripes_white.png) repeat-x #fff center;}
.textwidget iframe{width:100% !important;}
#content h3.cat-title { position:relative; }
#content h3.cat-title, #content h3.cat-title span { background-color:#003a56; padding-top:3px;}
#content h3.cat-title span a { color:#fff; padding:0 5px; background:none; font-family: Open Sans, "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight:100; letter-spacing:.095em;}
#sidebar h4{height:31px; display:block; background: url(http://www.wbrblogs.com/wp-content/themes/max-magazine-child-etail/img/sidebar_head_stripes_white.png) repeat-x #637998 center; margin-bottom: 10px; line-height: 28px; font-weight:lighter; font-family: Open Sans, "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight:100; letter-spacing:.095em; font-weight: 100px;}  
#sidebar h4.dkMaroon{height:31px; display:block; background: url(http://www.wbrblogs.com/wp-content/themes/max-magazine-child-etail/img/sidebar_head_stripes_white.png) repeat-x #990000 center; margin-bottom: 10px; line-height: 28px; font-weight:lighter; font-family: Open Sans, "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight:100; letter-spacing:.095em; font-weight: 100px;}  
#sidebar h4 span { background-color:#637998; color:#fff; margin-bottom: 22px; padding: 3px 9px 0 8px; font-size: 14px; font-weight:lighter;font-family: Open Sans, "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight:100; letter-spacing:.095em;}
.right h2 a:link{font-weight:400!important; font-size: 20px;}


/*-----------------------------------------------------------------
// Removes Titles -  instead of using Functions.php
-----------------------------------------------------------------*/
#posts-list h4, #sidebar h4,#posts-list h4 span, #sidebar h4 span{display:none!important;}