/*
Theme Name: RTW Blog
Theme URI: http://www.bootsnall.com/rtw/
Description: RTW Blog for bootsnall with profile
Version: 1.2
Author: Bootsnall
Author URI: www.bootsnall.com
Tags: fixed width
*/

body {font-size:13px; font-family: "Raleway", "Arial", _sans-serif; font-weight: 500; line-height: 1.32; background: #eee; margin:0; padding:0;}
body {padding-top:38px}
body.home {padding-top:111px;}
article.entry {font-size:14px}

/* some css3 basic rules */
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block; }
.ie7 img { -ms-interpolation-mode: bicubic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid white; margin: 1.3em 0; padding: 0; clear: both; background: white; }
.ie7 hr {clear: none;}
a img {border: none;}


a, a:visited  {color: #1664b3; text-decoration: underline;}
a:hover {color: #0f4780;}
.breadcrumbs a, h1 a, h2 a, h3 a, .entry li a, .boxTopics a, .toc .title a, .toc ul a {text-decoration: none;}
.fll {float: left;} .flr {float: right;}

input[type=text] { background: none repeat scroll 0 0 #DADADA; border: 1px solid #B5B5B5; float: left; margin-bottom: 15px; margin-right: 3px; padding: 5px; }

blockquote {margin: 0 0 7px 20px; float: right; width:348px;border: 1px solid #dadada; padding: 30px 25px; font-size: 15px; font-weight: 800; color: #474747; background: url("images/bloquote.png") left bottom no-repeat; letter-spacing: 0.5px}
blockquote.aligncenter {width: auto; margin:10px 0}
.alignleft {float: left; margin: 0 20px 7px 0;}
.alignright {float: right; margin: 0 0 7px 20px;}

/* basic layout */
.header, .content, .footer, .secondFooter, footer, .toc {margin: 0 auto; position: relative; text-align: left; width: 980px; clear: both; }
.theLeft {float: left; width: 100%; overflow: visible; margin-right: -305px}
.thecontent {margin-right:337px; position: relative;}
.theRight { display: block; float: none; width: auto; z-index: 1; overflow: visible;  margin-left:0; }
.sidebar {display: block; float: left; position: relative; width: 305px;}

.wrapper {display: block; clear: both; width: 100%; box-shadow: 1px 1px 5px rgba(0,0,0,0.2); background: white; padding-bottom:50px; padding-top:16px;}
/* content */
.entry {width: 96%;}
.entry a.moreButton {margin-bottom: 8px; display: block}
.entry ul, .box ul, .toc ul {margin:0; padding:0;}
.entry li, .box li, .toc li {list-style:none; margin:0; padding:0;}
.entry li:before {color: #1D71C7; content: url(images/arrow.png); font-size: 14px; font-weight: 700; letter-spacing: -2px; padding-right: 8px;}
.entry li ul {margin-left: 2em}
.entry li ul li:before {content:'\2022'; color: #1D71C7; position: absolute; top: -6px; left: -13px; font-size: 22px}
.entry ul>li {margin-bottom: 8px}
.entry li ul li{position: relative;}
h1 {font-weight:300; font-size:36px; color: #000; text-shadow: 0 0 1px rgba(0, 0, 0, 0.3); margin:0; padding:27px 0;}
.thecontent h1 {padding:10px 0 13px; line-height:39px}
h2, h3{font-size: 18px; font-weight: 600; color: #19293e; margin-bottom: 17px}
.breadcrumbs {font-size: 10px; text-transform: uppercase; font-weight: 700; word-spacing: 1px}
.newSocial { display: block; position: relative; height: 28px; padding-top:8px !important;  font-size:12px; color: white; font-weight: 600}
.newSocial.social-buttons .button_count .facebook-like .sCounter {right 4px !important}
.newSocial, .leftSocial {background: #1d71c7; border-bottom: 1px solid #5E5E5E; margin-bottom: 24px; }
.newSocial {background: transparent; color: #888;}
.leftSocial { position: absolute; width: 150px; left:-150px; height:100%; top:0;}
.leftSocial .center {float: right; font-size: 10px; font-weight: 700; padding-right: 18px; padding-top: 5px; text-transform: uppercase; position: relative;}
.leftSocial .center:after {content:""; height:0; width:0; position: absolute; border: 15px solid transparent; border-top-color: #1d71c7; top:114%; left:12%;}
.likebna span {display: inline-block; margin-right: 7px;}
.rightFacebook {top:1px}
figure.custom {margin:0; padding:0; border:1px solid #dadada; width: 99%; overflow: hidden; position: relative;}
figure.custom figcaption {left:0; height:140px; background: none repeat scroll 0 0 rgba(0, 0, 0, 0.55); position: absolute; top:50%; margin-top:-70px; text-align: center; width: 100%; padding: 19px 0}
figure.custom img {width: 100%; height: auto; float: left;}
figure.custom h3{font-size:39px; font-weight: 300; color: white; margin: 0 0 0;}
figure.custom .description {font-size:21px; font-weight: bold; text-transform: uppercase; color: white}
figure.custom .circle {margin:0 auto 10px; width: 52px; height: 52px; line-height: 52px; text-align: center; border-radius: 26px; -webkit-border-radius: 26px;; background: white; font-weight: 700;font-size: 18px; color: #1d71c7}
figure.custom a {color: white}

/* homepage */
.home figure.custom{margin-bottom:30px}
.home figure.custom figcaption {padding: 29px 0; height:191px; margin-top:-125px}
.home figure.custom .circle {font-size:30px; width: 84px; height: 84px; line-height: 84px; border-radius: 41px; -webkit-border-radius: 41px; font-weight: 600}
.home figure.custom h1, figure.custom h2 {margin:0; padding:0; color: white;}
.home figure.custom h1 {font-size:61px;  font-weight: 300; margin-top:-15px;  }
.home figure.custom h2 {text-transform: uppercase; font-weight: 700; font-size: 32px}

.home h3 {font-size:18px; padding:0; margin:0 0 5px; font-weight: 700; color: #203847}
.home .column h3 {text-align: center;}
.home h3 a, .home h3 a:visited {color: #203847 }
.home h3 a:hover {color: #0a1217 }

.home .articles {width: 120%; overflow: hidden;}
.home .column {float: left; margin-right:39px;}
.home .content {overflow: hidden}

.homeabout h1 {font-size:28px;}
.homeabout div {-moz-column-count:2; -moz-column-gap:30px; column-count:2; column-gap:30px; -o-column-count:2; -o-column-gap:30px; -webkit-column-count:2; -webkit-column-gap:30px; font-size:14px}
.homeabout p:first-child {padding-top:0; margin-top:0}
/* end of homepage */


/* top navigation */
/* navigation 
.defaultNavigation {width:100%; color: white; padding: 0;  font-size:14px; font-weight: bold; display: block; } 
.defaultNavigation, .defaultNavigation ul.sub-menu {background: #97a5c4  } 

.defaultNavigation { zoom:1;

background: #b8cbeb;
background: -moz-linear-gradient(top,  #b8cbeb 0%, #757e9b 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b8cbeb), color-stop(100%,#757e9b));
background: -webkit-linear-gradient(top,  #b8cbeb 0%,#757e9b 100%);
background: -o-linear-gradient(top,  #b8cbeb 0%,#757e9b 100%);
background: -ms-linear-gradient(top,  #b8cbeb 0%,#757e9b 100%);
background: linear-gradient(to bottom,  #b8cbeb 0%,#757e9b 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b8cbeb', endColorstr='#757e9b',GradientType=0 );
border-bottom:1px solid #757e9b;
}
.defaultNavigation:after {content:""; clear: both; display: block; float: none; width: 100%;}

.defaultNavigation ul { font-size: 12px; margin: 0 auto; width: 1045px;} 
.defaultNavigation ul.short {width: 1000px;}
.defaultNavigation a, .defaultNavigation a:visited {color: #3f4f66; text-decoration: none; font-weight: 600; padding: 0; font-size: 12px} 
.defaultNavigation a:hover { text-decoration: underline;}
.defaultNavigation li {display: inline}
.defaultNavigation li {position: relative; float: left; padding-right:4px}


.defaultNavigation ul.sub-menu { position: absolute; padding: 0 0 0; width: auto; min-width: 125px; z-index:99999; top:38px; left:0px; display: none} 
.defaultNavigation ul.sub-menu li {display: block; clear: both; float: none; padding: 0.75em 13px; border-right: none; text-align: left; white-space: nowrap;}

.defaultNavigation ul.sub-menu li:hover {background: #c2d5fc } 
.defaultNavigation ul.sub-menu a:hover, .menu li:hover ul li a {text-decoration: none;}
.defaultNavigation li:hover ul.sub-menu {display: block} 
.defaultNavigation li { padding: 12px 11px; text-transform: uppercase}
.defaultNavigation li.dropdown a {background: url("images/arrow-menu.png") no-repeat scroll 100% 4px transparent; padding-right: 15px;}
.defaultNavigation li.dropdown ul a {background: none; padding-right:0;}
.defaultNavigation li.title {padding-bottom:3px; padding-top:9px}
.defaultNavigation li.title span {display: none;}

.defaultNavigation img, .defaultNavigation li:last-child {border: none;}
.defaultNavigation li.selected {

background: #757e9b
}
.defaultNavigation li.selected > a, .defaultNavigation li.selected > a:visited {color: white;}

.defaultNavigation a.responsive {display: none;}
.defaultNavigation ul.defaultmore {display: none; left: auto; right:0; width: 300px}
.defaultNavigation ul.defaultmore li.dropdown > a {width: 100%; display: block; border-bottom: 1px solid #83919B;}
.defaultNavigation ul.defaultmore ul.sub-menu{width: 100%;}
.defaultNavigation .surround {display: none;}
.defaultNavigation .surround >a:first-child {cursor: pointer;}
.defaultMenu .defaultmore ul.sub-menu {position: static; display: block; clear: both; width: 100%; text-align: left;}
.defaultMenu .defaultmore ul.sub-menu li{border:none;}
.defaultNavigation .defaultMenu {padding:0;}
*/
.menuAbs {top:0; position: absolute; width:100%; left:0;}

#dd_ajax_float {box-shadow: none !important}

/* ebook shortcode ?*/
.ebookBanner {margin:20px 0 ; border:1px solid #435165; box-shadow: 1px 1px 0 rgba(255,255,255,.3) inset; padding: 27px 20px; background: #3f4f66; font-family: "Raleway", sans-serif; width:auto; overflow: hidden;}
.ebookBanner .defaultNavigation {background: none; border:none;}
.ie .ebookBanner .defaultNavigation {filter: none !important; width: auto !important;}
.ebook-image img {border: 2px solid white; box-shadow: 1px 1px 1px rgba(0,0,0,.3); width: 140px; height: auto;}
.ebook-image {width: 146px; overflow: hidden; max-height: 150px; margin-right: 20px;box-shadow:  1px 1px 202px rgba(255, 255, 255, .6); background:rgba(255,255,255,0.16)}
.ebook-content {margin-top: -5px}
.ebook-content .ebook-topTitle, .ebook-content .ebook-title, .ebook-content .ebook-description {text-shadow: 1px 0 0 #0b0e12; color: white}
.ebook-content .ebook-topTitle {font-size: 14px; font-weight: 300;}
.ebook-content .ebook-title {font-size: 29px; font-weight: 400; margin-bottom: 9px; line-height: 33px}
.ebook-content .ebook-description {font-size: 14px; font-weight: 600; line-height: 18px; margin-bottom: 20px}
.ebook-description a, ebook-description a:visited{color: white; text-decoration: underline}
.ebook-content.ebook-centered .ebook-description {margin-bottom: 0}
.ebook-button.ebook-centered {padding-top: 20px}
.ebook-content a.btn {font-family: "Raleway"}
.ebook-content a.button_big { font-size: 16px; font-weight: bold; min-width: 136px; padding: 7px; width: auto !important;}
.ebook-centered {text-align: center}
.ebook-subscribe {padding-top: 10px; margin:-20px 0 20px; width: auto;}
a.button-subscribe-link, .ebookBanner .defaultNavigation a.button-subscribe-link  {display: block; text-align: center; background: #da7b1b; padding:5px 20px; width:auto; font-family: "Raleway"; box-shadow: 2px 2px 2px rgba(0,0,0,0.3);}
a.button-subscribe-link, a.button-subscribe-link:visited, a.button-subscribe-link:hover {color: white; text-decoration: none;}
a.button-subscribe-link:hover {text-decoration: underline;}
.ebookBanner .defaultNavigation a.button-subscribe-link {display: inline-block; color: white !important}

.ebookBanner.ebook-like {width: 530px; height: 73px; padding: 13px 20px 13px 94px; overflow: hidden; background: #3f4f66 url('http://cdn.bootsnall.com/like-bkg_yosj0q.png') 0 0 no-repeat;}

/* end of ebook shortcode ?*/

/*
@media only screen and (max-width:660px) {
    .defaultNavigation ul {width: 100%;}
    .defaultNavigation .defaultMenu > li:nth-last-child(-n+3):not(.surround), .defaultNavigation .defaultMenu .defaultmore > li {display: none;}
    .defaultNavigation .defaultMenu .defaultmore > li {border-right: none;}
    .defaultNavigation .defaultMenu .defaultmore > li:nth-last-child(-n+2) {display: block;}
     .defaultNavigation .surround {display: block}
}

@media only screen and (max-width:550px) {
    .defaultNavigation .defaultMenu > li:nth-last-child(-n+6):not(.surround) {display: none;}
    .defaultNavigation .defaultMenu .defaultmore > li:nth-last-child(-n+5):not(.surround) {display: block;}
     .defaultNavigation .surround {float: right;}
}

@media only screen and (max-width:450px) {
    .defaultNavigation .defaultMenu > li:nth-last-child(-n+8):not(.surround) {display: none;}
    .defaultNavigation .defaultMenu .defaultmore > li:nth-last-child(-n+7):not(.surround) {display: block;}
} 
end of top navigation */

/* header */
.header {position: relative;}
header a.btn {float: left; padding: 4px 10px; margin-right:9px;}
a.btn.btnblue, a.btn.btnblue:visited{color: white !important; color: white}
.indie-details {position: absolute; right: -137px; width:369px}
.ie7 .indie-details, .ie8 .indie-details{width:395px; top:0}
.ie7 figure.custom figcaption, .ie8 figure.custom figcaption { 
       background:transparent;
       filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#50000000,endColorstr=#50000000); 
       zoom: 1;
    }
.ie7 header .logins {position: relative; top:-28px}
header .logins {padding-top:6px;}

.logins .absolute{position: absolute; top:50px; right: 147px; z-index:9999; font-weight: 600; color: #3680CC; font-size:12px;}
.logins .absolute a{font-weight:700}
header img.indie {position: relative; top:6px; margin-right:5px;}
.uppercase {text-transform: uppercase}
.headerBottom {background:white;}
.ie7 .headerBottom {background:transparent; position: static}
.ie7 .home header .socialButtons {right:200px}
.ie7 .leftSocial {height:36px}
.defaultNavigation {margin-bottom:13px;}
header .socialButtons {position: absolute; right:-9px; bottom:8px;}
header #___plusone_0, header #___plusone_1{top:3px; position: relative;}
/* end of header */



/* sidebar */
.sidebar .box {border: 1px solid #dadada; border-radius: 5px; -webkit-border-radius: 5px; margin-bottom:20px; overflow: hidden; padding: 15px 0; box-shadow: 1px 1px 5px rgba(0,0,0,0.2); -webkit-box-shadow: 1px 1px 5px rgba(0,0,0,0.2)}
.sidebar .start {margin-bottom:17px; display: block}
.sidebar h1 {font-size:21px; font-weight: 700; color: #3f4f66;   margin-bottom: 5px; text-shadow: none; padding: 0 15px 5px}
.sidebar h1 span {display: block; border-bottom: 1px solid #dfdfdf;}
.sidebar .boxRss {padding: 15px;  color: #282828}
.sidebar .boxRss form {padding-top:10px;}
.sidebar .boxRss label {float: left; width: 58px; text-transform: uppercase; font-size:10px; margin-right: 25px; font-weight: 700; line-height:12px; color: #3b3b3b}
.sidebar .boxRss input[type=text], .sidebar .boxRss input[type=email], .sidebar .boxSearch input.q {width: 175px;float: left; padding: 4px 5px; background: #dadada; border: 1px solid #b5b5b5; margin-bottom:15px;}
.sidebar .boxRss input[type=text]:focus, .sidebar .boxRss input[type=email]:focus, .sidebar .boxSearch input.q:focus {background: white; box-shadow:1px 1px 5px rgba(0,0,0,0.2)}
.sidebar .boxRss h1 {padding: 0 0 5px; }
.boxTopics a {font-size:15px; font-weight: 600; display: block; padding:4px 15px;}
.boxTopics a:hover {background: #d4d4d4; color: #2b384d;
background: -moz-linear-gradient(top,  #e1e1e1 0%, #c6c6c6 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e1e1e1), color-stop(100%,#c6c6c6));
background: -webkit-linear-gradient(top,  #e1e1e1 0%,#c6c6c6 100%);
background: -o-linear-gradient(top,  #e1e1e1 0%,#c6c6c6 100%);
background: -ms-linear-gradient(top,  #e1e1e1 0%,#c6c6c6 100%);
background: linear-gradient(to bottom,  #e1e1e1 0%,#c6c6c6 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e1e1e1', endColorstr='#c6c6c6',GradientType=0 );
}

.sidebar .boxRss .btn {font-size:15px; color: #e4e4e4; padding:3px 8px; margin-bottom:10px;}
.sidebar .boxSearch {padding:0;}
.sidebar .boxSearch input.q {width: 71%; float: left;}
.sidebar .boxSearch .btn {float: right; position: relative; top:-1px}


/* table of contents */
.toc h1 {color: #76a7cd}
.toc .no{background: none repeat scroll 0 0 #A3C8E9; border-radius: 20px;  -webkit-border-radius: 20px;  color: #EEEEEE; font-size: 30px; font-weight: 600;
    height: 40px; line-height: 33px; text-align: center; width: 40px; margin: 0 auto 8px;}
.toc .title {display: block; text-align: center; padding:11px 0 22px; border-top:1px solid #a3c8e9}
.toc .title a, .toc .title a:visited {font-weight: 600; font-size:14px; text-transform: uppercase; color: #6fa3d1;}
.toc ul a, .toc ul a:visited {font-weight: 600; font-size:12px; color: #7a7a7a; display: block; margin-bottom:10px; text-align: center;}
.toc ul a:hover {color: #494949;}
.tocBox {width: 165px; margin-right:38px; float: left;}
.tocBox.last {margin-right:0;}
/* end of table of contents */

/* buttons */
.btn, body .ui-dialog .ui-dialog-buttonpane button  {
  font-family: "Arial", _sans-serif;
  display: inline-block;   
  /*display: inline; */
  padding: 4px 10px 4px; margin-bottom: 0; *margin-left: .3em; font-size: 13px; line-height: 18px; *line-height: 20px; color: #333333;
  text-align: center; text-shadow: 0 1px 1px rgba(255, 255, 255, 1); vertical-align: middle; cursor: pointer; background-color: #f5f5f5;
  *background-color: #e6e6e6; background-image: -ms-linear-gradient(top, #ffffff, #e6e6e6); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6); background-image: -o-linear-gradient(top, #ffffff, #e6e6e6); background-image: linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6); background-repeat: repeat-x; border: 1px solid #cccccc; *border: 0;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); border-color: #e6e6e6 #e6e6e6 #bfbfbf; border-bottom-color: #b3b3b3; -webkit-border-radius: 4px;
     -moz-border-radius: 4px; border-radius: 4px; filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
  filter: progid:dximagetransform.microsoft.gradient(enabled=false); *zoom: 1;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
           border-color: rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.25);
}
.btn:visited, body .ui-dialog .ui-dialog-buttonpane button:visited {color: #333;}

.btn:hover, .btn:active, .btn.active, .btn.disabled, .btn[disabled] {background-color: #e6e6e6; *background-color: #d9d9d9; }

.btn:active, .btn.active {background-color: #cccccc \9; }

.btn:first-child {*margin-left: 0;}

.btn:hover, body .ui-dialog .ui-dialog-buttonpane button:hover {color: #333333; text-decoration: none; background-color: #e6e6e6; *background-color: #d9d9d9; 
  /* Buttons in IE7 don't get borders, so darken on hover */
  background-position: 0 -15px;
  -webkit-transition: background-position 0.1s linear;
     -moz-transition: background-position 0.1s linear;
      -ms-transition: background-position 0.1s linear;
       -o-transition: background-position 0.1s linear;
          transition: background-position 0.1s linear;
}

.btn:focus, body .ui-dialog .ui-dialog-buttonpane button:focus {outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; }

.btn.active, .btn:active { background-color: #e6e6e6; background-color: #d9d9d9 \9; background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}

header.secondary .social .btn.btngreen, .ui-widget-content a.btn.btngreen,  .btn.btngreen {
    /*color: white;*/
    *background-color: #DBF37B; 
    background-image: -ms-linear-gradient(top, #DBF37B, #b8cc67); 
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#DBF37B), to(#b8cc67));
    background-image: -webkit-linear-gradient(top, #DBF37B, #b8cc67); 
    background-image: -o-linear-gradient(top, #DBF37B, #b8cc67); 
    background-image: linear-gradient(top, #DBF37B, #b8cc67);
    /*background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);*/
    background-image: -moz-linear-gradient(center top , #DBF37B, #b8cc67); 
    background-repeat: repeat-x; border: 1px solid #cccccc; 
    padding: 4px 10px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; 
    *border: 0;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); border-color: #e6e6e6 #e6e6e6 #bfbfbf; border-bottom-color: #b3b3b3; -webkit-border-radius: 4px;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbf37b', endColorstr='#b8cc67',GradientType=0 );
    color: #333;
}

header.secondary .social .btn.btngreen:hover, .ui-widget-content a.btn.btngreen:hover,  .btn.btngreen:hover {color: #333; text-decoration: none; background-color: #b8cc67; filter:none; *background-color: #b8cc67; background-position: 0 -15px;}
header.secondary .social .btn.btngreen:visited, .ui-widget-content a.btn.btngreen:visited,  .btn.btngreen:visited {color: #333;}
.ui-widget-content a.btn.btngreen {font-size:1em;}
/* end of new header */

header.secondary .social .btn.btnblue, .ui-widget-content a.btn.btnblue,  .btn.btnblue {
    color: white;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #1D71C7;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#3992ED), to(#04C));
    background-image: -webkit-linear-gradient(top, #3992ED, #1D71C7);
    background-image: -o-linear-gradient(top, #3992ED, #1D71C7);
    background-image: linear-gradient(to bottom, #3992ED, #1D71C7);
    background-image: -moz-linear-gradient(top, #3992ED, #1D71C7);
    background-repeat: repeat-x;border-color: #04C #1D71C7 #002A80;
    *border: 0;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3992ED', endColorstr='#1D71C7',GradientType=0 );
}
.ui-widget-content .btn {font-size:13px}

header.secondary .social .btn.btnorange, .ui-widget-content a.btn.btnorange,  .btn.btnorange, body .ui-dialog .ui-dialog-buttonpane button {
    color: white;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #1D71C7;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#de8623), to(#c34e0a));
    background-image: -webkit-linear-gradient(top, #de8623, #c34e0a);
    background-image: -o-linear-gradient(top, #de8623, #c34e0a);
    background-image: linear-gradient(to bottom, #de8623, #c34e0a);
    background-image: -moz-linear-gradient(top, #de8623, #c34e0a);
    background-repeat: repeat-x;border-color: #c34e0a #de8623 #de8623;
    *border: 0;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#de8623', endColorstr='#c34e0a',GradientType=0 );
}
.window .btn.btnorange, .saveroute .btn.btnorange, body .ui-dialog .ui-dialog-buttonpane button {font-weight: 700; font-size:15px;}
header.secondary .social .btn.btnorange:hover, .ui-widget-content a.btn.btnorange:hover,  .btn.btnorange:hover, body .ui-dialog .ui-dialog-buttonpane button:hover {color: #fff; text-decoration: none; background-color: #c34e0a; filter:none; *background-color: #c34e0a; background-position: 0 -15px;}
.saveroute .btn.btnorange {padding: 3px 4px; border: none;}
a.btn {text-decoration: none !important; font-weight: normal}
.btn.button_big {font-size:20px; font-weight: bold; padding: 7px; min-width: 136px; width: auto !important; width: 136px;}
.btn.button_big.inactive{color: #e4e4e4}
.btn.button_big div {color: white}
body .ui-dialog .ui-dialog-buttonpane button {min-width:90px;}
body .ui-dialog .ui-dialog-buttonpane button .ui-button-text {padding:0;}
/* end of buttons */


/* new green footer */
.greenFooter .bnaLogoGreen, .greenFooter .fFacebook, .greenFooter .fTwitter {background: url(images/footer.png) 0 0 no-repeat}

.greenFooter { margin-top: 65px; display: block; clear: both; width: 100%; border-top: 4px solid #d4d4d4; position: relative; font-family: 'Verdana', 'Arial', _sans-serif; text-align: center; }
.gfHeader, .gfFooter {}
.greenFooter .fHolder {margin:0 auto; width: 990px; text-align: left; position: relative;}
.gfHeader {padding: 20px 0;border-top:1px solid #94aa4d; border-bottom: 1px solid #d3ee7b; background: #a6bf56; color: black}
.gfHeader a, .gfHeader a:visited, .gfHeader a:link {color: black; text-shadow: 1px 1px 1px #d0ea7c; font-weight: normal}
.gfHeader a:hover {text-decoration: underline;}
.gfHeader dl {float: left; margin-right:35px;}
.gfHeader dd a {display: block; margin: 0 0 3px;}
.gfHeader dt {font-weight: bold; font-size:14px; margin-bottom:7px;}
.gfFooter {padding: 25px 0; border-top: 1px solid #1e2833; background: #3d4e64; color: #e1e1e1}
.gfFooter p.phone, body.article p.phone { font-size: 32px; margin:0; padding:0; line-height: 32px;}
.gfFooter p.copyrights {line-height: 32px; font-size: 12px; text-shadow: 1px 1px 1px #354356; float: right; margin:0; padding:0;}
.greenFooter .bnaLogoGreen { display: block; height: 107px; left: 800px; position: absolute; top: -76px; width: 195px;}
.greenFooter .bnaLogoGreen a {display: block; height: 107px; text-indent:-9999px}
.gfFooter p, .gfFooter ul, .gfFooter li {float: left; list-style: none; margin:0; padding:0;}
.gfFooter .bottomSocial a {display: block; width: 38px; height: 38px; text-indent: -9999px }
.gfFooter .bottomSocial a.fTwitter {background-position: -218px 0;}
.gfFooter .bottomSocial a.fFacebook {background-position: -218px -48px;}
.greenFooter ddl, .greenFooter dd, .greenFooter dd{margin-left:0;}


.gfFooter .bottomSocial {margin-left:103px;}
.gfFooter .bottomSocial.hasCopy {margin-left:50px;}
.gfFooter .bottomSocial li {padding-left:15px;}

/* end of new green footer */

/* rtw header */

#headerAbs {
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 99000;
    background:white;
}
.headerTop {
    display: block;
    float: left;
    position: relative;
    width: 100%;
    z-index: 9999;
}
.domainTitle {
    background: none repeat scroll 0 0 #F5F5F5;
    border-bottom: 1px solid #DDDDDD;
    margin-bottom: 0;
    overflow: hidden;
    padding: 10px 0 12px 34px;
}

.inDomainTitle {
    margin: 0 auto;
    text-align: left;
    width: 990px;
}
span.h1 {
    font-family: 'Verdana',_sans-serif;
    font-size: 22px;
    font-weight: normal;
    line-height: 25px;
    margin-bottom: 1px;
    text-shadow: 1px 1px 1px #DDDDDD;
}

span.quote {
    clear: both;
    color: #666666;
    display: block;
    font-size: 12px;
    font-weight: normal;
    text-shadow: 1px 1px 1px #DDDDDD;
}

.domainTitle {margin-bottom:0;}
.header-2 {display: block; width: 100%; clear: left; padding-top:40px; text-align: left; height:93px; background: white}
.inHeader-2 {position: relative; width: 990px; margin:0 auto; height:71px; background: #3a495e; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#3a495e), to(#1E2736)); background: -moz-linear-gradient(#3a495e, #1E2736); background: linear-gradient(#3a495e, #1E2736); -pie-background: linear-gradient(#3a495e, #1E2736); box-shadow: 0 0 26px #080F17 inset; -moz-box-shadow: 0 0 26px #080F17 inset; -webkit-box-shadow: 0 0 26px #080F17 inset;} 
.inHeader-2 .logo-2 {left: 8px; position: absolute; top: -21px; }
.inHeader-2 form.search-2 {
    margin-top: 14px;
    float: left;
    background: white;
    box-shadow: 0 0 4px #000000 inset; -moz-box-shadow: 0 0 4px #000000 inset; -webkit-box-shadow: 0 0 4px #000000 inset;
    height: 41px;
    line-height: 50px;
    margin-left: 264px;
    padding: 0 0 0 10px;
    position: relative;
    width: 326px;}
.inHeader-2 form.search-2 input.text, html > body.article form.search-2 input.text  {
    border: medium none;
    left: 10px;
    line-height: normal;
    padding: 0;
    position: absolute;
    top: 8px;
    background: none;
    font-size: 22px;
}
.inHeader-2 form.search-2 input {
    border: medium none;
    font-size: 22px;}
form.search-2 input.submit {background: none repeat scroll 0 0 transparent;
    height: 28px;
    left: 276px;
    position: absolute;
    top: 7px;
    width: 42px;}

.detailContact {color: white; padding-top: 13px; text-align: center; float: right; padding-right:26px;}
.detailContact .big, body.article p.big {font-size:14px; text-shadow: 1px 1px 1px #1f2936; padding-bottom:10px; margin:0; font-weight: normal}
.detailContact .big span {font-size: 18px; padding:2px 5px; background: #e92401; text-shadow: 1px 1px 1px #a41901; border:3px solid white; position: relative;}
.detailContact .small, body.article p.small {font-size: 11px; text-shadow: 1px 1px 1px #1f2936; margin:0; font-weight: normal }
.detailContact a{color: white; text-decoration: underline}


.homeSocial {width: 990px; margin: 0 auto; margin:10px auto; padding:0; position: static}
.homeSocial li {list-style: none; float: right}
/* end of rtw header */

footer {width:100%;}

.home .column h3 br {display: none;}

.sidebar.loggedin {padding-top:20px;}

body .globalRegion .logins .absolute.loggedin {position: relative;}

.article.resetBody #commentform input {float: none; display: block;}
.article.resetBody #commentform fieldset.connect {border: none;}
.article.resetBody #commentform fieldset.form {border-color: #ddd;
    border-width: 1px;
    padding: 10px;}

/* repsonsive */
@media only screen and (max-width:1280px) {
    
    .article .indie-details {right: 334px; top:0; left:auto}
    .entry img {max-width:100% !important; height: auto;}
    header .loggedin, .home .loggedin {top:37px; text-align: right; right:10px}
    .article header .loggedin {top:54px}
    .logins .absolute {right:0; width: 100%; text-align: right; top:35px}
    .sidebar.loggedin {padding-top:0;} 
}

@media only screen and (max-width:1220px) { 
    .leftSocial {display: none;}
    .newSocial {padding-left:10px; height:35px; position: relative;}
    .newSocial .likebna {position: absolute; top:3px; right:10px}
    .likebna span {display: block} 
}

@media only screen and (max-width:1050px) {
    .greenFooter .bnaLogoGreen  {display: none;}
    .greenFooter .fHolder {width: auto; padding: 0 1em;}
    .gfFooter .bottomSocial  {margin-left:10%;}
    .gfFooter p.copyrights {float: none; clear: both}
}
@media only screen and (max-width:1020px) {

    .header, .content, .toc{width: auto; padding: 0 10px 0 10px}
    .secondFooter, footer  {width: auto;}
    header .socialButtons {right:0;}
    .home .column {float: none; margin:0;}
    .home .column h3 {font-size:15px; float: left; width:100%;}
    .home figure.custom{width: 100%;}
    .home .articles {width: 100%; column-count: 3; -moz-column-count: 3; -webkit-column-count: 3;}
    .home .articles img {width: 100% !important; height: auto;}
    
    .tocBox {width: 17%; margin-right: 3%;}
    
    .home figure.custom h1 {font-size:300%}
    .home figure.custom h2 {font-size:200%}

    body .globalRegion .logins .absolute.loggedin {right:36px;}
}

@media only screen and (max-width:990px){
    body .sidebar.loggedin, body .sidebar {padding-top: 40px}
}

@media only screen and (max-width:900px){
  .home .indie-details {right:0; top:45px; z-index:1;}
.article .indie-details {top:45px; left:auto}

}


@media only screen and (min-width:780px) and (max-width:990px) {
    .indie-details {right: 335px; top:71px; left:auto; width: 204px}
    .home .indie-details {right:0; top:45px; z-index:1;}
     header img.indie {float: left;}
     .article header .loggedin img.indie{float: right;}
    header a.uppercase {display: none;}
    
     header .logins {float: left}
    
    .article figure.custom h3{font-size: 29px}
    
}

@media only screen and (max-width:780px) {
/*    .home .articles {column-count: auto; -moz-column-count: auto; -webkit-column-count: auto; }
    .home .column{float: left; margin-right: 8%; margin-bottom:10px;}*/
.home .column h3 br {display: block;}
.home .column h3 {font-size: 14px;}
.article .indie-details {right: 10px; top:71px; left:auto;}

.theLeft, .thecontent {margin-right:0;}
.entry, .sidebar {width: 100%;}
.sidebar .box {width: 45%; float: left;}
.sidebar .boxRss {float: right; width:45%}
.sidebar .boxSearch{width: 50%;}
.sidebar .boxSearch .input[type=text] {width:69%}
.sidebar .boxSearch .btn {width:23%}
.sidebar .clear {display: none;}
.sidebar .start {display: block; margin: 0 auto 17px; width: 302px;}
.article .wrapper {padding-bottom:0;}
}
@media only screen and (max-width:667px) {
    .gfFooter .bottomSocial {clear: both; float: none; margin: 0 auto 5px !important; width: 110px; overflow: hidden;}
    .gfFooter p.phone {display: block; float: none; text-align: center; margin-bottom:20px}
    .gfFooter p.copyrights {text-align: center;}
    .tocBox {width: 30%;}
    .toc h1 {font-size:23px}
    .home figure.custom h1 {font-size:260%}
    .home figure.custom h2 {font-size:140%}
    .home figure.custom .circle {font-size:20px; width: 70px; height: 70px; line-height:74px}
     .article figure.custom h3{font-size: 29px}
}

@media only screen and (max-width:550px){
    .home figure.custom figcaption {height:140px; margin-top:-11.5%; padding: 19px 0 0; position: relative}
    .home figure.custom h1 {font-size:27px;}
    .home figure.custom h2 {font-size:18px;}
    .home figure.custom img {float: none;}
    blockquote {margin:10px 0; width: auto;}
    
    .article .indie-details {right: 10px; top:71px; left:auto; width: 204px}
     header img.indie {float: left;}
      .article header .loggedin img.indie{float: right;}
     header a.uppercase {display: none;}
     header .logins {float: left}
     header .loggedin .absolute :not(a){display: none;}
     .article header .loggedin {width:68px}
     .article .logins .absolute {text-align: center}
     .logins .absolute a {text-align: center}
     .home .indie-details {width: auto}
    
      .newSocial {margin-bottom:45px;}
    .newSocial .likebna {top:51px;}
    .likebna span {display: inline-block; color: black;} 
    
    .article figure.custom h3{font-size: 21px}
    .article figure.custom .description{font-size: 16px}
    
}

@media only screen and (max-width:500px) {
    body.home {padding-top:144px}
    .headerBottom {padding-bottom:20px;}
    .home .indie-details {top:65px;}
    .home .indie-details.loggedin, header  .indie-details.loggedin{top:54px;}
    .logins .absolute {text-align: center}
    .home header .socialButtons {top:67px}
    body .globalRegion .logins .absolute.loggedin {top:6px;}
}

@media only screen and (max-width:450px) {
     .gfFooter p.phone, body.article p.phone {font-size:22px; margin-bottom:10px !important}
    .gfFooter p.copyrights {line-height:16px;}
    .gfHeader dl  {margin-right:2em; margin-bottom:1em}
    .home .articles {column-count: auto; -moz-column-count: auto; -webkit-column-count: auto; }
    .home .column{float: left; width: 100%; margin-bottom:15px;}
    .home .column h3 br {display: none;}
    .tocBox {width:100%;}
    .toc .no { border-radius: 10px; -webkit-border-radius: 10px; font-size:17px; line-height:17px; display: inline-block; float: left; width: 20px; height: 20px; margin: 6px auto 8px; display: none;}
    .toc .title {padding:6px 0; }
    .toc .title a, .toc .title a:visited {font-size:12px;}
    .toc h1 {margin-bottom:-12px;}
    .toc ul {display: none;}
    .home .wrapper {padding-bottom:0;}
    
    .home figure.custom figcaption {height:127px; margin-top:-15.5%;}
    .home figure.custom h1 {font-size:22px;}
    .home figure.custom h2 {font-size:15px;}
    
    .sidebar .box {width: 100%; float: left;}
    .sidebar .boxRss {padding: 4%; width: 92%;}
    .sidebar .clear {display: block;}
    
     header img.indie {display: none} 
     header .loggedin img.indie {display: block;}
     header .logins {float: right}
     
     .thecontent .newSocial{display: none !important}
}
/* end of  repsonsive */


/* page plan template */



body.page_plan {padding-top:38px;}
body.page_plan .content {width: 1032px; color: #404c58;}
body.page_plan .thecontent {margin-right:0;}
body.page_plan .entry {width:100%;}
body.page_plan .entry img {max-width: 100%}
body.page_plan .theLeft {margin-right:0; overflow: visible; text-align: center}
body.page_plan h1.plan_rtw {color: #1d71c7; text-transform: uppercase; font-weight: 800; font-size: 41px}
body.page_plan .greenSquare {background: #029C76; box-shadow: 1px 1px 1px #000000 inset; -webkit-box-shadow: 1px 1px 1px #000000 inset; -moz-box-shadow: 1px 1px 1px #000000 inset; color: white; display: inline-block; padding: 0 5px 7px; position: relative; top: -5px;} 
body.page_plan h2.plan_rtw {color: #049979; font-weight: 700; font-size: 37px; margin-top:15px; margin-bottom:26px;}
body.page_plan h3.plan_rtw {color: #445060; font-weight: 600; font-size: 30px; margin-bottom:50px;}
body.page_plan .form_title {font-weight:600; font-size:15px; margin-bottom:50px; margin-bottom:15px}
body.page_plan form * {display: inline-block; font-weight: 600; font-family: "Raleway" !important}

body.page_plan form p {margin:0 ;}

body.page_plan .cbreak {color: #1664B3; font-size:21px; text-transform: uppercase; display: block; clear: both; width: 100%; text-align: center; font-weight: 700; margin-bottom: 3px;}
body.page_plan .labelcbreak {color: #1664B3; font-size:14px; text-transform: uppercase; margin-bottom: 10px}



body.page_plan form {margin-bottom: 30px;}
body.page_plan form br {display: none;}
body.page_plan form input[type=email], body.page_plan form input[type=text], body.page_plan form input.text {border: 1px solid #cccccc; padding:10px 15px; font-size:21px;color: #9c9c9c; float: none; background: transparent } /* */
body.page_plan form input[type=email]:focus, body.page_plan form input[type=text]:focus, body.page_plan form input.text:focus{color: #404C58 } /* */
body.page_plan form input[type=submit] {background: #df4124; color: white; border: none; font-weight: 900; font-size: 30px; padding: 5px 25px; cursor: pointer; position: relative; top:3px} 
.ie7 body.page_plan form *{display: inline}
.ie7 body.page_plan form input[type=submit] {top:-14px; padding: 0 25px;}

body.page_plan .toc {text-align: center; padding:10px 0 0}
body.page_plan .toc img {display: inline-block;
    padding: 15px;
    vertical-align: middle;}
body.page_plan form input[type=email]:-moz-placeholder  {color: #9c9c9c;}
body.page_plan form input[type=email]::-moz-placeholder {color: #9c9c9c;}
body.page_plan form input[type=email]::-webkit-input-placeholder{color: #9c9c9c;}
body.page_plan form input[type=email]:-ms-placeholder{color: #9c9c9c;}

body.page_plan form input[type=email]:focus:-moz-placeholder  {color: rgba(0,0,0,0.1);}
body.page_plan form input[type=email]:focus::-moz-placeholder {color: rgba(0,0,0,0.1);}
body.page_plan form input[type=email]:focus::-webkit-input-placeholder{color: rgba(0,0,0,0.1);}
body.page_plan form input[type=email]:focus:-ms-placeholder{color: rgba(0,0,0,0.1);}

body.page_plan .loggedin .logins .absolute {top:0; right:0}
body.plan_thanks #dd_ajax_float {display: none !important;}

@media only screen and (max-width:1280px) {
    body.page_plan .wrapper {padding-top:57px}
    /*body.page_plan.article .indie-details {top:52px}*/
    /*body.page_plan .loggedin {right:0;}*/
    /*body.page_plan .loggedin .logins .absolute { right:10px}*/
}

@media only screen and (max-width:1050px) {
    body .globalRegion .logins .absolute.loggedin {right: 36px}
}

@media only screen and (max-width:1040px) {
    body.page_plan .wrapper {width: auto; padding:16px 10px 25px; padding-top:57px}
    body.page_plan .content {width: 100%; padding:0;}
    /*body.page_plan .defaultNavigation ul {width: 100%;}*/
    
}

@media only screen and (max-width:650px) {
    body.page_plan h1.plan_rtw {font-size:30px}
body.page_plan h2.plan_rtw {font-size:25px; margin-bottom:45px}
body.page_plan h3.plan_rtw {font-size:18px; margin-bottom:35px}
body.page_plan form input[type="submit"] {padding: 5px 35px; left: 2px}
}



/* page plan template */

.clear {display: block; width: 100%; float: none; clear: both}
.center {text-align: center}

@media print {
   .nr_related_placeholder, .article .socialQuote, .article #headerAbs .logoSmall .socialTop,.article .menuAbs, .article .topMenuArticles, .article .like, .article .emailBna, .article .ad_250, .article .emailbanner, .article .socialHolder.social-buttons, .article .facebookComments, .article aside, .article footer, .article 
   .dd_outer, aside.theRight, .sidebar, .dd_outer, .toc, #headerAbs, .newSocial.social-buttons, .entry img, .ebookBanner   {display: none !important; border:none !important}
   .article .theLeft, .article .thecontent {margin-right:0;}
   .bnaArticles.article .entry {font-size:16pt}
   @page  
{ 
    size: auto;   /* auto is the initial value */ 

    /* this affects the margin in the printer settings */ 
    margin: 22mm 22mm 22mm 22mm;  
}
}