/*
Theme Name: Escaping the Blues
Theme URI: http://www.newdemonstration.com
Description: A wordpress theme for escapingthe9to5.com
Version: 1
Author: JM Vergara
*/

/* ----------MAIN BODY STYLES---------- */
* {
margin: 0px; /*SETS 0 MARGIN*/

padding: 0px; /*SETS 0 PADDING*/
}
body {
font-family: Verdana, Arial, Helvetica, sans-serif; /*SIZE OF TEXT 0.69EM = 11PX*/

background-color: #000000; /*SETS THE COLOR OF OUR BACKGROUND WHEN THE BACKGROUND IMAGE COMES TO AN END*/
}
/* ----------CONTAINER STYLES---------- */
#container {
width: 900px; /*MAXIMUM WIDTH OF OUR LAYOUT*/
margin-top: 13px; /*ADDS A TOP MARGIN TO THE TOP OF OUR CONTAINER*/
margin-right: auto; /*AUTO MARGIN*/
margin-left: auto; /*AUTO MARGIN*/
}
/* ----------HEADER STYLES---------- */
#header {
float: left; /*FLOATS HEADER LEFT*/
padding-top: 0px;
height: 250px; /*ADDS A FIXED HEIGHT*/
width: 900px; /*ADDS A FIXED WIDTH, SHOULD BE SAME AS CONTAINER*/
background: url(images/header_bg.png) no-repeat bottom; /*OUR HEADER BACKGROUND IMAGE*/
}
#logo {
float: left; /*FLOATS LOGO LEFT*/
margin-top: 15px; /*ADDS TOP MARGIN*/
margin-right:0px;
}
#logo a, a:hover {
border:none!important;
outline:none;
padding:0px;
}
/* ----------HEADER SEARCH STYLES---------- */
#search {
float: right; /*FLOATS SEARCH RIGHT*/
margin-top: 40px; /*ADDS TOP MARGIN*/
}
/* ----------NAVIGATION STYLES---------- */
#nav {
float: left; /*FLOATS NAV LEFT*/
height: 50px; /*ADDS FIXED HEIGHT*/
width: 900px; /*ADDS FIXED WIDTH SAME AS OUR CONTAINER*/
background: url(images/nav_bg.png); /*OUR NAV BACKGROUND IMAGE*/
}
#nav ul{
margin-left:14px;
}
#nav li{
display: inline;
color: #FFFFFF;
float: left;
margin-top: 12px;
margin-left: 2px;
font-size: .8em;
list-style:none;
background-color:none!important;
}

    #nav a:link {color:#FFFFFF; border:0;}      /* unvisited link */
    #nav a:visited {color:#FFFFFF; border:0;}  /* visited link */
    #nav a:hover {color:#c0c0c0; border:0;}  /* mouse over link */
    #nav a:active {color:#FFFFFF; border:0;}  /* selected link */

    #nav .page_item a:link {color:#FFFFFF!important; border:0;}      /* unvisited link */
    #nav .page_item a:visited {color:#FFFFFF!important; border:0;}  /* visited link */
    #nav .page_item a:hover {color:#c0c0c0!important; border:0;}  /* mouse over link */
    #nav .page_item a:active {color:#FFFFFF!important; border:0;}  /* selected link */


#nav #subscribe { float: right; line-height: 1.6em; color: #f1f1f1; font-size: .9em; width: 240px; text-align: right; padding: 8px 7px 0 0; }

    #nav #sub_button { position: absolute; top: 253px; margin: 0 0 0 -28px; z-index: 1000; display: block; border:0;}    
    #nav #subscribe a:link {color:#FFFFFF; border:0;}      /* unvisited link */
    #nav #subscribe a:visited {color:#FFFFFF; border:0;}  /* visited link */
    #nav #subscribe a:hover {color:#c0c0c0; border:0;}  /* mouse over link */
    #nav #subscribe a:active {color:#FFFFFF; border:0;}  /* selected link */
    #nav #subscribe span { float: left; display: block; margin: 0 10px 0 50px; font-size:.9em;}

#search {
float: right;
padding: 0px;
width: 267px;
height:34px;
margin-top:45px;
margin-right:0px;
left:20px;
background: url(images/searchbar.png) no-repeat left;
overflow:hidden;
}
.search-field {
margin-left:9px;
margin-top:10px;
vertical-align: top;
margin-right:7px;
color: #126dd0;
border:0px;
background: none;
font-size:12px;
}
.search-button {
background: #494949 url(images/searchbutton.png) left no-repeat;
padding: 0px;
margin-top:0px;
border:0px;
}
#searchform {
width:267;
}
#content {
float: left;
width: 900px;
margin-top: 0px;
padding-bottom: 0px;
margin-bottom:0px;
}
#content-left {
float: left;
width: 591px;
background:#ffffff;
z-index:0;
}
.a-post {
background-color: #FFFFFF;
background-image: url(images/post_bg.png);
background-repeat: no-repeat;
width: 570px;
padding: 10px;
float: left;
margin-bottom: 20px;
}
.post h1{
background-color: #126dd0!important;
color:#FFFFFF!important;
font-size: 1.7em;
width:501px!important;
float: left!important;
padding-left:5px!important;
padding-top:0px!important;
padding-bottom:3px!important;
font-weight:300!important;
margin:0px!important;
}
.post a{
color:#FFFFFF!important;
text-decoration:none;
}
.post a:visited {
color:#ffffff!important;
}
.post h3{
color:#126dd0;
font-size: 18px;
font-weight: bold;
line-height: 20px;
width:55px;
float: left;
padding:2px 0px 0px 0px;
margin-right:4px;
font-weight:300;
}
.a-post h3{
color:#126dd0;
font-size: 18px;
font-weight: bold;
line-height: 20px;
padding:2px 0px 4px 0px;
font-weight:300;
}
.a-post img{
border:0;
padding: 5px;
/*margin: 5px;*/
}
.post-img {
float: left;
height: 198px;
width: 234px;
margin-right: 10px;
}
.authcom h5 {
color: #FFFFFF!important;
background-color: #000000!important;
font-size: .75em!important;
float:right!important;
margin-top:5px!important;
margin-right:5px!important;
padding:3px!important;
font-weight:400!important;
}
.post-cat h5 {
color: #FFFFFF;
background-color: #000000;
font-size: .75em;
float:left;
margin-top:5px;
margin-right:5px;
padding:3px;
font-weight:400;
margin-left:60px;
}
.postthumb {
margin:8px 10px 0px 0px!important;
display:block;
padding: 5px;
float: left;
/*margin: 10px 20px 10px 0;*/
}
.postthumb img{
margin: 0px!important;
padding: 0px!important;
background: 0!important;
}
.postthumbs {
margin:8px 10px 0px 0px!important;
display:block;
padding: 5px;
float: left;
}
.post-desc {
float: left;
width: 505px;
font-size:13px;
color:#333333;
text-align: justify;
line-height: 16px;
margin-left:60px;
margin-top:5px;
margin-bottom:5px;
}
.sociable a {
color:#126dd0;
}
.readmore h5 {
background-color: #126dd0;
color: #FFFFFF;
font-size: .7em;
margin-top:5px;
text-transform:capitalize;
float:right;
font-weight:300;
}
.side-bar {
float: right;
display:inline;
width: 270px;
padding: 10px;
}
.side-bar-content {
width: 270px;
float: left;
margin-bottom: 20px;
}
.side-bar-author {
background: url(images/about.png);
overflow:visible;
width:300px;
margin-bottom: 20px;
height:186px;
margin-left:-10px;
margin-top:-10px;
}
.side-bar-author img {
padding: 47px 10px 0px 10px;
float:left;
display:block;
}
.side-bar-author p {
color: #FFFFFF!important;
font-size:.7em!important;
line-height:1.2em!important;
width:170px!important;
height:67px!important;
overflow:hidden!important;
top:44px;
background: none!important;
font-weight:300;
position:relative;
right:35px;
float:right;
}
.side-bar-ads {
margin-left: 3px;
margin-bottom: 3px;
}

#footer {
position:relative;
background-image: url(images/footer_bg.png);
clear: both;
}
#footer-photos {
height: 111px;
width: 920px;
margin:auto;
left:-10px;
top:-25px;
background:url(images/photos.png) no-repeat bottom right;
z-index:1;
position:relative;
}
#footer-photos h1 {
color: #FFFFFF;
font-size: 20px;
font-weight: bold;
text-transform: uppercase;
font-style: italic;
padding-top: 3px;
}
#footer-photos p {
padding: 40px 10px 5px 90px;
font-size: 12px;
font-style: normal;
font-weight: normal;
font-variant: normal;
color: #fff;
}
#footer-content {
background:url(images/footer.png);
height: 31px;
width: 900px;
margin: auto;
position:relative;
top:-25px;
}
#footer-content p {
color: #FFFFFF;
padding-top: 5px;
text-align: right;
padding:8px 10px 0 0;
font-size:.7em;
}
#footer-content {
background:url(images/footer.png);
height: 31px;
width: 900px;
margin: auto;
position:relative;
top:-25px;
margin-bottom:-300px;
}
#footer-content p {
color: #FFFFFF;
padding-top: 5px;
text-align: right;
padding:8px 10px 0 0;
font-size:.7em;
}
h1,h2 {
color: #126dd0;
font-weight: 400;
}
h1 {
font-size: 24px;
line-height:28px;
margin:10px 0 0 0;
}
h2 {
font-size: 18px;
line-height:22px;
}
h3 {
color: #333333;
font-size: 18px;
line-height:20px;
}
a:link {
color: #126dd0;
text-decoration: none;
}
a:visited {
text-decoration: none;
}
a:hover {
text-decoration: none;
color: #CCCCCC;
}
a:active {
text-decoration: none;
color: #126dd0;
}
#nav .page_item, .page-item-2, .current_page_item, a{
border:none!important;
}


/* Tabs */

.tabs li {
display:inline; float:left; background-color: #126dd0; color: #ffffff!important; list-style-type: none; margin-left:5px; font-size:.7em; left:-20px; padding:5px;
}
.tab-content {
border: .5 solid #126dd0; background-color: #ffffff; list-style-type:none; font-size:.8em; padding:6px!important; text-align:justify; color:#126dd0;
}
.tab-content t3 {
border: .5 solid #126dd0; background-color: #ffffff; list-style-type:none; font-size:.8em; padding:6px!important; text-align:justify; color:#126dd0; margin-top:5px; }
.tab-content div {
color: #126dd0;
background-color: #ffffff;
}
.t3 div {
color: #126dd0;
background-color: #ffffff;
}
.tab-content a {
background-color: #ffffff;
color: #126dd0!important;
}
.tab-content li {
background-color: #ffffff;
}
.tabbed-content a {
color:#ffffff;
font-size: 11px;
}
.widget li{
list-style-type:none!important;
}
.side-bar h1{
background-color:#126dd0;
color: #FFFFFF;
font-size: 1.2em;
font-weight: 400;
padding: 3px 3px 3px 5px;
margin-top:15px;
margin-bottom:7px;
}

.side-bar-title h2{
background-color:#126dd0;
color: #FFFFFF;
font-size: 1.2em;
font-weight: 400;
padding: 3px 3px 3px 5px;
margin-top:15px;
margin-bottom:7px;
}

.side-bar li {
list-style:none;
}
.t2 div{
margin-bottom:10px;
padding: 5px;
}
.widget {margin-top:5px;}
.widget li {margin-top:5px; font-size:11px;color:#ffffff;}
.side-bar a { color:#ffffff;}

.side-bar-twitter {
background: url(images/twitter.png) no-repeat;
width:290px;
height:102px;
margin-top:20px;
margin-left:-12px;
}
.side-bar-twitter p {
width:225px;
height: 60px;
overflow: hidden;
font-size: 11px;
color:#ffffff;
padding-left:54px;
padding-top:20px;
}
.side-bar-twitter span{
margin-left:0px;
margin-top:0px;
color:#ffffff;
font-size:11px;
}
.follow {
float:right;
font-size:11px;
margin-top:-15px;
}
.follow a:hover {
color:#ffffff!important;
}
.flickr_highslide {
float:left;
margin-left:110px;
margin-top:25px;
}
.photos-title div{
background: url(images/photos-title.png);
}
.textwidget {
background-color: #333333;
font-size:12px;
padding-top:0px!important;
padding-right: 15px!important;
padding-left: 15px!important;
padding-bottom: 12px!important;
color:#ffffff!important;
line-height:15px;
}
.textwidget li {
font-size:12px!important;
line-height:15px;
list-style-type:square!important;
margin-left: 15px!important;
}
.widget_pages li{
background-color: #333333;
font-size:12px!important;
padding-top:0px!important;
padding-right: 15px!important;
padding-bottom: 12px!important;
color:#126dd0!important;
line-height:15px;
}
.page_item a{
color:#126dd0!important;
padding-left:15px!important;
}
.page_item a:hover{
color:#EBEBEB!important;
}

blockquote{
background: #fff url('images/quote-left.gif') no-repeat 0% 0% scroll;
min-height: 18px;
padding-left: 3.2em !important;
margin-top:1em;
margin-bottom:1em;}

blockquote p
{
background: #e3eef9 url('images/quote-right.gif') no-repeat 99% 100% scroll;
font-size: 0.9em; min-height: 18px;
padding-top:.6em;
padding-bottom:.7em;
padding-left:.7em;
padding-right:.7em;
text-align:justify;
}
#ad-buttons img {
padding:3px!important;
}
.more-link a:visited{
color:#126dd0!important;
}
.more-link a:hover {
color:#CCCCCC!important;
}

.widget_pages li{
margin:0px!important;
padding: 5px 0px 5px 0px;
}

/* Mootabs Style */
.mootabs_title {
	list-style-image: none;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	height: 24px;
	
}

.mootabs_title li {
	float: left;
	background-color: #3975BD;
	padding: 2px 8px 2px 8px;
	margin-right: 2px;
	cursor: pointer;
	color: #fff;
	font-family: "Trebuchet MS";
	font-size: 12px;
	height: 24px;
	line-height: 24px;
}

.mootabs_title li.active {
	background-color: #49A8EC;
}

.mootabs_panel {
	display: none;
	position: relative;
	width: 100%;
	top: -1px;
	font-family: "Trebuchet MS";
	clear: both;
	color: #fff;
	overflow: auto;
	padding: 5px;
}

.mootabs_panel.active {
	background-color: #49A8EC;
	display: block;
	
}

.mootabs_title li.over {
	font-weight: bold;
}
.pagebar
{padding-bottom:30px;
padding-left:10px;
font-size:.9em;}

li.rp{ padding-bottom:0px;
}

.relatedposts{
	color:#ccc; font-size: 16px; padding-left:0px; margin-left:0px;
}

.rpwrap{
margin-top:10px;
/*background: #E9E9E9;
border: 1px solid #ccc;*/
}

h3.rptitle {
font-size: 16px;
text-align:left;
/*color:#666;*/
padding-left:5px;
}

.post-desc ul li {
font-size: 13px;
line-height: 15px;
margin-left:40px;
padding: 5px 20px 5px 0px;
}

.post-desc ol li {
font-size: 13px;
line-height:15px;
margin-left:40px;
padding: 5px 20px 5px 0px;
}

.post-desc p {
padding: 5px 0px 5px 0px;
font-size: 13px;
}

.newslettah {
background: url('images/newsletter.gif') #c0c0c0;
color: #ffffff;
margin-top:-30px;
margin-bottom:20px;
}

.wp-caption-text {
font-size: 5px;
font-style: italic;
color: #666;
text-align: center;
}

.a-post a{
   text-decoration:underline;
   color:#1d67ac;
}

.social{
position:fixed;
top:100px;
right:0px;
background: #ffffff;
border-left: 2px solid #126DD0;
border-top: 2px solid #126DD0;
border-bottom: 2px solid #126DD0;
padding:4px 0px 3px 3px;
width:50px;
}

.social img{
padding: 0 0 2px 0;
border:0;
opacity:0.9;filter:alpha(opacity=90);
}

.social a:link {border:0;}      /* unvisited link */
.social a:visited {border:0;}  /* visited link */
.social a:hover {border:0;}  /* mouse over link */
.social a:active {border:0;}  /* selected link */

.bubble div{
position:absolute;
left:5px;
top:40px;
width:60px;
height:52px;
background: url('http://www.escapingthe9to5.com/wp-content/themes/wp-escaping/images/bubble.png');
}


#subscribecontainer{
         float:left;
	     margin-left:-50px;
		 width:548px;
		 height:215px;
	}
#subscribebg{
	     float:left;
		 width:550px;
		 height:140px;
		 background:url(images/subscribebg.png) top left no-repeat
	}
	
#subscribeform{
	    float:left;
		width:200px;
		height:100px;
		padding-top:0px;
		margin-top:45px;
		margin-left:30px;
	}
	
#subscribeform #subscribeemail{
	    margin:15px 0px 3px 15px;
		padding:2px;
		color:#7a7474;
		border:2px solid #0087c2;
	}
	
#submitimg{
	    margin-left:10px;
	}

#subscriberss{
	   float:left;
	   width:112px;
	   height:140px
	}
     
#subscriberss img{
	   margin:47px 0px 0px 40px;
	}
	
#subscribetwitter{
	   float:left;
	   width:150px;
	   height:140px
	}
	
#subscribetwitter img{
	   margin:27px 0px 0px 50px;
	 }
	 
#subscriberss a img,#subscribetwitter a img{
	   border:0px;
	   background:none;
	   padding:0px;
	}
	

#emailbg{
   float:left;
   width:244px;
   text-align:center;
   height:530px;
   padding: 15px;
   padding-bottom:5px;
   margin-top:-35px;
   background:#000000 url(images/emailbg2.jpg) bottom left no-repeat;
 }
 
 #emailyoutube{
   float:left;
   width:243px;
   height:182px;
   float:left;
   background:#000000;
 }
 
 #emailtext1{
   float:left;
   padding:0px 0px;
   font-size:17px;
   font-weight:bold;
   color:#324afc;
   font-family:Tahoma;
   width:245px;
   text-align:center;
 }
 
 #emailtext2{
  float:left;
  text-align:center;
  color:#666666;
  font-size:12px;
  font-family:Arial Black;
 }
 
 #bold{
   font-weight:bold;
 }
 
 #emailform{
   padding:5px;
   float:left;
   width:240px;
   margin-top:0px;
 }
 
  #emailform form{
    float:left;
	width:240px;
   }
  
 #emailform #emailtext3{
   float:left;
   padding:3px;
   width:240px;
   text-align:center;
   color:#666666;
   font-size:12px;
   font-family:Arial Black;
 }
 #submitimg{
   padding:0px 0px 0px 5px;
 }
 
 /*hide thank you page at the header */
 
 #nav .page-item-1577{
   display:none;
 }/* MAESTRO */
#content-full {
float: left;
width: 900px;
height:0 auto;
display:block;
background:#ffffff;
z-index:0;
}
.a-post-full {
background: #FFFFFF url(images/post_bg.png) no-repeat;
width:860px;
padding: 10px;
float: left;
margin:0 0 20px 0;
}
.post-desc-full {
float: left;
width:860px;
font-size:13px;
color:#333333;
line-height:15px;
margin:0 auto;
}
.pp_button_holder {
width:900px;
height:150px;
margin:0 auto;
}
.pp_button_box {
width:220px;
float:left;
margin:10px 10px 0 45px;
}
.pp_button_box_center {
width:220px;
margin:0 auto;
}
#header-consult {
float: left;
padding-top: 0px;
height: 100px;
width: 900px;
}

#footer-consult-photos {
height: 111px;
width: 920px;
margin:auto;
left:-20px;
top:-18px;
background:url(images/photos.png) no-repeat bottom right;
z-index:1;
position:relative;
}
#footer-consult-photos h1 {
color: #FFFFFF;
font-size: 20px;
font-weight: bold;
text-transform: uppercase;
font-style: italic;
padding-top: 3px;
}
#footer-consult-photos p {
padding: 40px 10px 5px 90px;
font-size: 12px;
font-style: normal;
font-weight: normal;
font-variant: normal;
color: #fff;
}
/* MAESTRO */
.spaced {	
	margin:8px 0 8px 0; 
	}
.left-indent {	
	margin:0 0 0 100px; 
}
#deal-or-announcement-with-countdown-timer {
	width:0 auto;
	height:0 auto;
	display:block;
	background:#fff;
	margin:5px 0 10px 0;
}
#fergcorp_countdowntimer {
	width:0 auto;
	height:100px;
	display:block;
	background:#fff;
	margin:5px 0 10px 0;
}
.fergcorp_countdownTimer_event_title a, .fergcorp_countdownTimer_event_time {
	color:#126dd0;
	margin:5px 0 5px 0;
	padding:0 0 0 12px;
	font-size:18px;
	font-weight:bold;
}
.fergcorp_countdownTimer_event_title a:hover {
	font-size:16px;
	font-weight:bold;
	color:#0012ff;
	margin:5px 0 5px 0;
	padding:0 0 0 12px;
}
form {
	margin:0 0 10px 0;
}