.breadcrumbs{font-size:11px; padding-bottom:8px; padding-left:10px;}

 /* RSS hacks */

 .af-form-wrapper #af-form-1969437955{background: transparent;}
 .af-form-wrapper #af-form-1969437955 .af-body{background: none;}
.box div.rss{background:none repeat scroll 0 0 #F3F2EA; padding:15px 15px 10px; position:relative; width:270px;}
.box div.rss label, .af-form-wrapper #af-form-1969437955 .af-body label.previewLabel{font: normal 13px/13px 'Arial', 'Tahoma', sans-serif; color: #666; padding-bottom: 2px; text-transform: uppercase}
.af-form-wrapper #af-form-1969437955 .af-body .privacyPolicy{padding-bottom:0; text-align: left!important; font-size: 11px; text-decoration: underline; color: #006699}
.af-form-wrapper #af-form-1969437955 .af-body .privacyPolicy a,.af-form-wrapper  #af-form-1969437955 .af-body .privacyPolicy a:visited {color: #006699 }
.af-form-wrapper #af-form-1969437955 .af-body input.text, .theLeft #mybna-register-box table td input{padding: 3px 10px!important; padding:3px 10px; height: inherit; line-height: 18px; font-size: inherit; border-top:1px solid #b6b6b6; border-right:1px solid #dfdfdf; border-bottom: 1px solid #f2f2f2; border-left:1px solid #d8d8d8; color: #666; 
background: white}
.af-form-wrapper #af-form-1969437955 .af-standards .af-element{width: 180px; padding:5px 0;}

 .af-form-wrapper #af-form-616114860{background: transparent;}
 .af-form-wrapper #af-form-616114860 .af-body{background: none;}
.box div.rss{background:none repeat scroll 0 0 #F3F2EA; padding:15px 15px 10px; position:relative; width:270px;}
.box div.rss label, .af-form-wrapper #af-form-616114860 .af-body label.previewLabel{font: normal 13px/13px 'Arial', 'Tahoma', sans-serif; color: #666; padding-bottom: 2px; text-transform: uppercase}
.af-form-wrapper #af-form-616114860 .af-body .privacyPolicy{padding-bottom:0; text-align: left!important; font-size: 11px; text-decoration: underline; color: #006699}
.af-form-wrapper #af-form-616114860 .af-body .privacyPolicy a,.af-form-wrapper  #af-form-1969437955 .af-body .privacyPolicy a:visited {color: #006699 }
.af-form-wrapper #af-form-616114860 .af-body input.text, .theLeft #mybna-register-box table td input{padding: 3px 10px!important; padding:3px 10px; height: inherit; line-height: 18px; font-size: inherit; border-top:1px solid #b6b6b6; border-right:1px solid #dfdfdf; border-bottom: 1px solid #f2f2f2; border-left:1px solid #d8d8d8; color: #666; 
background: white}
.af-form-wrapper #af-form-616114860 .af-standards .af-element{width: 180px; padding:5px 0;}


 /* end of RSS hacks */

 h3.related{font-weight:bold;}

 body.article .entry{margin-bottom:15px;}
 body.article h1{margin-bottom:15px;}
 body.article  table.content{width: auto; clear: both}
 body.search{padding-top:175px;}
 body.search .header{height:auto; padding-bottom:25px; overflow: inherit;}
 body.search h1, body.search .breadcrumbs{padding-left:0;}
 body.search .headerTop{padding-bottom:7px;}

 /* temporary comment */
    form.addComment fieldset legend{background:none repeat scroll 0 0 #F3F2EA; font-family:'Trebuchet MS'; font-size:18px; margin:20px 0 0; color:#333;}
    form.addComment label{display:block; color:#333;}
    html > body.article input.submitComment[type="submit"], input.submitComment {margin-top:10px; background:url("http://www.bootsnall.com/articles/wp-content/themes/articles-2010/images/submitComment.gif") no-repeat scroll 0 0 transparent;color:white;height:28px;padding-right:0;text-align:center;width:114px; }
/* end of temporary comment */

div.ad300250{float:right; width: 300px; height: 250px; margin: 0 0 15px 15px}
body .entry img.alignleft{margin-right: 20px; margin-bottom: 10px;}
body .entry img.alignright{margin-left: 20px; margin-bottom: 10px;}
/* html>body .socialShare{line-height:36px;}
.socialShare{line-height:normal;} */
body .socialshareTabs{line-height:36px;}
.inCell ul {position: relative; background: red;}


/* social share */
.socialShare li a.newFacebook, .socialShare li a.newTwitter{background: none; position: relative; width:20px; padding-left:10px;}
.socialShare li a.newFacebook img, .socialShare li a.newTwitter img{  padding-left:0; float:left;}
.socialShare li{padding-left:0; padding-right:12px;}

.newSocialShare li{float: left;}
.newSocialShare li.theFacebook{padding:0 0 0 10px; height: 10px;}
.newSocialShare li.theTwitter{padding:6px 0 0;}
.newSocialShare li.google1{padding:6px 0 0;}
.newSocialShare .theVote{padding-top:0!important; padding-top:12px;}
.socialshareTabs {overflow:hidden;}
.newSocialShare li.tags{clear:left; width:100%;}
.socialShare{padding-top:0;}
body .socialShare{overflow: hidden; margin-bottom:20px;}

.newSocialShare li.theFacebook .fb_iframe_widget {position: relative; top:-10px}
/* end of social share */




/* html5 modifications */

    /* header */
    .logoNew {
    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;
    height: 71px;
    margin: 150x auto 0;
    position: relative;
    width: 990px;
    margin-top:15px;
    }/* float: left; height: 57px; margin-top: 15px; padding-top: 14px; position: relative; width: 990px; z-index: 0; */
    
    .ie6 .article .tabHolder, .ie7 .article  .tabHolder, .ie8 .article  .tabHolder{margin-bottom:15px; clear: both;}
    
    .logoNew .logo2 {
    left: 8px;
    position: absolute;
    top: -21px;
    overflow: hidden;
    height:104px
}

.logoNew .newSearch {background: none repeat scroll 0 0 white;
    box-shadow: 0 0 4px #000000 inset;
    -moz-box-shadow: 0 0 4px #000000 inset;
    -webkit-box-shadow: 0 0 4px #000000 inset;
    float: left;
    height: 41px;
    line-height: 50px;
    margin-left: 395px;
    margin-top: 14px;
    padding: 0 0 0 10px;
    position: relative;
    width: 326px;}

.logoNew form.newSearch input.text, html > body.article form.newSearch input.text {
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    font-size: 22px;
    left: 10px;
    line-height: normal;
    padding: 0;
    position: absolute;
    top: 8px;}


form.newSearch input.submit {
    background: none repeat scroll 0 0 transparent;
    height: 28px;
    left: 284px;
    position: absolute;
    top: 7px;
    width: 42px;
}

.form.newSearch input {
    border: medium none;
    font-size: 22px;}

    /* end of the header */



    .lookingNew .newGrayMenu, .lookingNew .newGrayMenu ul {height: auto; }
    .lookingNew .newGrayMenu ul {box-shadow: -4px 0 5px #999999 inset; padding-bottom: 10px; padding-top: 10px; top: -10px;}
    .lookingNew a.more {position: relative; top:-10px; text-align: right}
    
    /*.ie8 body.article .header, .ie7 body.article .header {height:453px;}*/


    body.article .defaultNavigation .header, body.home .defaultNavigation .header {height: auto; overflow: visible; width:990px;}
    html  body.article, html body.home {padding-top: 125px}
    body.home{font-family: "Raleway"}
    body.article #headerAbs, body.home #headerAbs {top:53px;}
    .header .socialTop {padding-top: 24px; position: relative; right: -12px;}
    body.article .twitter-follow-button, body.home .twitter-follow-button {top: 0 ;}
    html body.article .header, html body.home .header {height: auto;}
    body.article .socialShare, body.home .socialShare {border:1px solid #000; border-right:none; border-left:none;}
    html body.article h1, html body.home h1 {font-family: "Raleway", sans-serif; font-size: 36px; line-height: 39px; font-weight: 500; color: #434F67}
    html body.article .content, html body.article .header, html body.home .content, html body.home .header {width: 800px;}
    html body.article .theLeft, html body.article .thecontent, html body.home .theLeft, html body.home .thecontent {margin-right:0;}
    html body.article .theLeft, html body.home .theLeft {width: 100%}

    
/*    .bigSearchTravel-html5, .moreIndexLinks h2, .carouselCell .cellImage .image, .logoNew, .logoNew .newSearch, .looking ul li a:hover, .looking ul li.selected a{behavior: url(/PIE.htc);}*/
.bigBox .two-3{width: 525px; margin-right:15px;}
.bigBox .one-3{ border-right:none; margin-right: 0; padding-right: 0}
.bigBox .inCell, .bigBox .one-3 {width: 255px;}
.bigBox .two-3, .bigBox .one-3{display:inline;}
.toolkit .bigBox .cellLinks {border-right: none; padding-right:0;}

.titleSprite h4{padding:7px 5px 7px 39px; background: #a4c8ea url('images/sprite.jpg') 0 0 no-repeat; margin-bottom: 0}
.titleSprite h4 a, .titleSprite h4 a:visited, .titleSprite h4 {color: #3f4f66; font-weight: 600; font-family: "Raleway"; font-size: 14px}
.titleSprite h4.t001{background-position:-6px -20px;}
.titleSprite h4.t002{background-position:-6px -69px;}
.titleSprite h4.t003{background-position:-6px -119px;}
.titleSprite h4.t004{background-position:-6px -170px;}
.titleSprite h4.t005{background-position:-6px -218px;}
.titleSprite h4.t006{background-position:-6px -268px;}
.titleSprite h4.t007{background-position:-6px -318px;}
.titleSprite h4.t008{background-position:-6px -368px;}
.titleSprite h4.t009{background-position:-6px -418px;}
.titleSprite h4.t010{background-position:-6px -468px;}
.titleSprite h4.t011{background-position:-6px -518px;}
.titleSprite h4.t012{background-position:-6px -568px;}
.titleSprite h4.t013{background-position:-6px -618px;}
.titleSprite h4.t014{background-position:-6px -668px;}
.titleSprite h4.t015{background-position:-6px -718px;}
.titleSprite h4.t016{background-position:-6px -768px;}
.titleSprite h4.t017{background-position:-6px -817px;}
.titleSprite h4.t018{background-position:-6px -867px;}
.titleSprite h4.t019{background-position:-6px -917px;}
.titleSprite h4.t020{background-position:-6px -967px;}
.titleSprite h4.t021{background-position:-6px -1017px;}
.titleSprite h4.t022{background-position:-6px -1067px;}
.titleSprite h4.t023{background-position:-6px -1116px;}
.titleSprite h4.t024{background-position:-6px -1166px;}
.titleSprite h4.t025{background-position:-6px -1216px;}
.cellLinks ul li{line-height: normal; float: none; clear: none; width:auto}
.cellLinks ul li{_line-height: 14px; _float:left; _clear:left; _width:100%; *line-height: 14px; *float:left; *clear:left; *width:100%;}

.toolkit .inCell div{border: 1px solid #b2b2b2; margin-bottom: 15px}


body .moreIndexLinks h2 {
    background: none repeat scroll 0 0 #3f4f66;
    color: #FFFFFF;
    font-family: "Raleway";
    font-size: 15px;
    font-weight: bold;
    height: auto;
    margin-bottom: 15px;
    padding: 5px 0;
    text-align: center;
    text-indent: inherit;
    width: auto;}

    .toolkit .inCell ul {background: #fff; width: 94%; font-family: "Raleway"; margin-bottom: 7px; margin-top: 0; padding-top: 7px}
    .toolkit .bigBox {background: none;}
    .toolkit .cellLinks li a, .toolkit .cellLinks li a:visited {color: #3f4f66; text-transform: uppercase; font-family: "Raleway"; font-size: 11px; line-height: 16px; font-weight: 500}
    .toolkit .cellLinks ul li {background: transparent url('images/bluearrow.jpg') 0 4px no-repeat}

    .toolkit big.subtitle {color: #434F67; font-size: 19px; font-style: italic; display: block; margin-bottom:7px;}
    .toolkit.home h1{margin-bottom: -2px}
    .toolkit strong.desc {font-weight: 600; display: block;margin-bottom: 12px}
    /*.toolkit .cellLinks ul {margin-top:0;}*/

    .newSearch {
    border: 1px solid #DDDDDD;
    float: left;
    height: 41px;
    left: 34px;
    line-height: 50px;
    padding: 0 0 0 10px;
    position: relative;
    top: 12px;
    width: 271px;}

.home .bigBox a, .home .bigBox a:visited {font-family: "Raleway"}
.home .bigBox  {font-size: 13px}

form.newSearch input.text, html > body.toolkit form.newSearch input.text {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    font-size: 0.9em;
    left: 10px;
    line-height: normal;
    /*padding: 0.35em;*/
    position: absolute;
    top: 5px;
    box-shadow: 1px 1px 6px #CCCCCC inset;
    display: block;
    padding: 10px 9px 8px;
    width: 190px;
}


form.newSearch input#searchsubmit {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 28px;
    left: auto;
    right:10px;
    position: absolute;
    top: 7px;
    width: 42px;
}

/* end of html5 modifications */ 




/* responsive design */

/*homepage */
@media only screen and (max-width: 843px) {
    .home .bigBox {width: auto;}
    .bigBox .two-3 {width:100%; margin-right: 0;}
    .bigBox .inCell, .bigBox .one-3 {width:49%;}
}

@media only screen and (max-width: 479px) {
    
    .bigBox .inCell, .bigBox .one-3 {width:99%; clear: both; margin-bottom: 10px}
    #searchform {display: none;}
}

/*end of homepage */


@media only screen and (max-width:1280px) {
    .article .logoNew {margin-top:35px;}
    ul.articleMenu {visibility: hidden}
    body.bnaArticles .defaultNavigation .indie-details {top:40px; right: 0px}

    body.article .defaultNavigation .header, body.home .defaultNavigation .header {width: auto;}
    
}

@media only screen and (max-width: 1050px) {
    .header, .content, .footer, .secondFooter,
    html body.article .content,html body.article .header, 
    html body.home .content, html body.home .header, 
    .logoNew, .articles .moreBottom, html body.article .defaultNavigation .header, html body.home .defaultNavigation .header {width: auto; padding-left:10px; padding-right:10px}
    .articles .moreBottom .cell {width: 48%; margin:13px 0 0;}
    .articles .moreBottom .cell:nth-child(2) {float: right}
    .logoNew, .articles .moreBottom {padding:0;}
    
    .greenFooter .bnaLogoGreen  {display: none;}
    .greenFooter .fHolder {width: auto; padding: 0 1em;}
    .gfFooter .bottomSocial  {margin-left:10%;}
    .gfFooter p.copyrights {float: none; clear: both}
    
    .topmenu.responsive {display: block;}
    .topMenuArticles {display: none; top: 22px; z-index: 9999; position: absolute; height: auto; width: 96.7%; padding: 20px 0 0 }
    .topMenuArticles ul.menu li {width: 20%; border-right: medium none; float: left; font-size: 11px;  height: auto; margin-bottom: 20px; margin-right: 18px; padding-left: 19px; padding-right: 0; text-align: left;} 
    .topMenuArticles ul.menu li:hover ul {display: none;}
    .topMenuArticles br {display: none;}
    .topMenuArticles ul.menu li:last-child {clear: both}

    body.l2013 .topMenuArticles {display: block; position: static; width: auto; padding: 5px 0;}
    body.l2013 .topMenuArticles ul.menu li {margin-bottom: 0;}
    body.l2013 .topMenuArticles ul.menu a {height: auto; padding:0;}
    body.l2013 .topMenuArticles li:hover ul {display: none !important}
    body.l2013 .topMenuArticles ul.menu li {width: 20%; border-right: medium none; margin: 0 18px 0 19px;}
    
    .nitinh-vAlign {height: auto!important; top:0 !important;}
    .logo2 img {z-index:1}
    
    .articles .moreBottom .cell {width: 100%;}
    
    .article .responsive .theLeft, .article .responsive .theRight {display: none;}
    
    body.netArticles {padding-top: 164px;}
    
    .entry img.aligncenter {width: 99%;height: auto;}

}





@media only screen and (max-width: 800px) {
    .logoNew .newSearch  {right: 20px; margin-left:0; position: absolute;}

    
}

@media only screen and (max-width: 700px) {
    body .theRight {display: block; clear: both;}
    .theRight .responsive {float: left;  width: 100%}
    .theRight .responsive .ad, .theRight .adv, ul.inRight.responsive{display:none;}
    .theRight .responsive:nth(2){margin-right:0;}
    .sidebar,  .popular .holderTabs {width: 100%;}
    .tab_container {width: 95%}
    .box div.rss {width: 90%;}
    .theRight .lookingNew h2 {background: none; height: auto; font-size:1.2em; font-weight: bold; padding: 0 0 10px; border-bottom: 2px solid #282E3B}
    .theRight .lookingNew a.more, .networksHolder, .smallWidget {display: none;}
    .lookingNew .newGrayMenu ul{width: 100%;}
    .inRight .box {width: 48%; float: left; margin-right:10px}
    form.rss .rssIcon, div.rss .rssIcon {left: auto; right:10px}
    .theRight .inRight, .theRight .ad {padding-left:0;}
    .lookingNew .newGrayMenu {border-bottom:2px solid #282E3B }
    
    
    
    .theLeft, .thecontent {margin:0;}
    
    .entry, body.article h1, body.article p.meta {padding-left:0;}
    
/*    .fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget iframe  {width: 100% !important; }  display: none; height: 0px !important */
    .clear.responsive {display: none;}

    
}

@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;}
    .topMenuArticles ul.menu li {width: 40%;}
    .inRight .box {width: 100%; float: none; clear: both}
    .box div.rss {width:97%;}
    .box div.rss {width: 100%;}
    form.rss .rssIcon, div.rss .rssIcon {right:10%}
    div.ad300250 {clear: both; display: block; margin: 10px auto; float: none;}
    li.google1, li.theTwitter, .socialTop, .indie-details  {display: none}
}

@media only screen and (max-width: 625px) {
    .logoNew {background: none; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; margin-top: 34px;}
    .logoNew .newSearch, .articles .headerTop {display: none;}
    body.articlesMenu {padding-top: 157px;}
    .OB_default {display:none !important;}
    .facebookComments .fb_iframe_widget *, body .facebookComments .fb_iframe_widget * {width: 100% !important; width: 100%;}
    blockquote {width: auto; font-size:1em}
    
}


@media only screen and (max-width:500px) { 
    body.l2013 .header .socialTop {float: left; padding-top: 0;}
    body.l2013 .breadcrumbs {padding-top: 40px}
    body.l2013 .topMenuArticles {display: none;}
    body.bnaArticles.l2013 .defaultNavigation .indie-details {top:64px;}
    body.l2013 .emailBna {display: none;}
}

@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}
    .topMenuArticles ul.menu li {width: 80%;}
/*    #fb-root. fb_reset {display: none}*/
    body.articles h1, body.article h1 {font-size:2em}
    body.article h2, .theLeft h4, .articles .featArt h2{font-size:1.2em}
    .theLeft h4 {font-weight: bold}
    .logo2 img {width:80%}
    body.netArticles, body.articlesMenu  {padding-top:133px;}
    .breadcrumbs {display: none;}
    .comment .theComment {width: auto;}
    .entry img.aligncenter {width: 95% !important;}

    body.netArticles.l2013 {padding-top: 161px}
    body.l2013 .top h1 {font-size: 26px}

}

.globalRegion.defaultNavigation .indie-details {
    right: 0;
    width: auto;
}