/*
Theme Name:    Queerty Style - July 2012 Audit
Theme URI:    http://www.queerty.com/
Description:    Queerty Custom Theme
Version:    2014-10-13
Author:        GayCities, Inc.
Author URI:    http://www.gaycities.com/
*/

/* ---------------------- STANDARD STYLES ---------------------- */

h1, h2, h3, h4, h5, p, ul, ol, li, dl, div, iframe, form, table, td, th, body { padding: 0; margin: 0; }

img { border: none }

body { font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 16px; color: #333333; background-color:#f5f5f5;}

a, a:link, a:visited { color: #994a00; text-decoration: none; }
a:hover, a:active { color: #C07C3B; text-decoration: none; }

ul, ol{margin-left:22px;}

.alignright, .ar { float: right} 
.alignleft, .al { float: left }
.aligncenter, div.aligncenter, img.aligncenter { clear:both; display: block; margin-left: auto; margin-right: auto; text-align:center; }

.slugText { display: inline;  font-family: Verdana, Helvetica, sans-serif; font-size: 11px; line-height: 11px; font-weight: bold;  text-transform: uppercase; color: #FF8005; }
.slugText a { color: #FF8005; text-decoration: none; padding:0 3px;}
.slugText a:visited { color: #FF8005; background-color: #999; }

.hed { margin:4px 0; }
.hed a { color: #000000; font-weight: bold; overflow: hidden; text-overflow: ellipsis; }
.hed a:visited { color: #666;}
	
strong { font-weight: bold; }
.commentcount {  font-size: 11px; color: #9A4B00; }
.commentcount_number { padding: 0 1px 0 1px; }

/* ---------------------- LAYOUT STYLES ---------------------- */

#pageframe { display: block; width: 1000px; background-color: #ffffff; margin: 10px auto; border:1px solid #c7c9c9;box-shadow: 0 0 6px rgba(0,0,0,.1); box-shadow: 0 0 6px rgba(0,0,0,.1); position:relative; z-index:10; min-height: 1250px;padding:10px 15px}
#pageframe2 { margin: 0; background-color: #ffffff; padding: 0; width:1010px; position:relative; z-index:10;}


/* ---------------------- HEADER STYLES ---------------------- */

        .global-nav {
            display: block;
            height: 23px;
            margin: 0 auto;
            padding: 0;
            width: 100%;
            border:1px solid #ddd;
             background: #eee;
        }
        .global-nav>div {
            height: 23px;
            margin: 0 auto;
            font-size: 11px;
            padding: 0;
            width: 100%;
            max-width: 1045px;
        }
        .global-nav a {
            color: #666;
            display: block;
            float: left;
            font-size: 11px;
            font-weight: 400;
            height: 23px;
            line-height: 1.5;
            padding: 4px;
            text-decoration: none;
            text-transform: uppercase;
            white-space: nowrap
        }
        .global-nav a.middot:after {
            color: #646464;
            content: "\b7";
            padding-left:10px;
        }        
        
        .global-nav a:hover {
            text-decoration: none;
        }
        .global-nav .rightMenu {
            float: right;
        }
.adv_PageTop { position: relative; z-index: 10; min-height:90px;}  
#topbar { width: 1000px; height: 67px; clear: both; padding-top:4px; background-color: #fff; }
#topbar_left { float: left; width: 430px; height: 70px; background-color: transparent; }
#topbar_right { float: right; width: 560px; height: 67px; background-color: transparent; }
#topbar_right .column_left { float: left; width: 240px; font-size: 12px; line-height: 12px; font-weight: normal; color: #000; }
#topbar_right .column_right { float: right; width: 230px; padding:15px 0; text-align:right;}
#topbar_right .member_prompt { font-size:16px; font-weight:bold;}

#navbar {background-color:#d9d9d9; clear:both; height:19px; line-height:19px; font-size:13px; color:#666; width:1010px; text-align:right; padding:7px 10px 7px; margin:15px 0 15px -15px;}
#navbar #leftnav {float:left; width:490px; text-align:left; margin-left:10px;}
#navbar #rightnav { float:right; }
#navbar #rightnav a { font-weight:bold; text-align:center; font-size:14px; color:#555; text-decoration:underline; width:150px; padding:4px 6px; margin:1px 4px 0 8px;}

.ig-b- { display: inline-block; }
.ig-b- img { visibility: hidden; }
.ig-b-:hover { background-position: 0 -60px; } .ig-b-:active { background-position: 0 -120px; }
.ig-b-16 { width: 16px; height: 16px; background: url(//badges.instagram.com/static/images/ig-badge-sprite-16.png) no-repeat 0 0; }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
.ig-b-16 { background-image: url(//badges.instagram.com/static/images/ig-badge-sprite-16@2x.png); background-size: 60px 178px; } }

#searchform {
	padding: 5px; 
	margin-left:0;
	height:50px;
	width:250px;
	display:block;
	float:left;
}

#searchform #search-input, #resultssearchform .inputbox  {
    border: 1px solid #c4c4c4;
    border-radius: 3px;
    color: #666666;
    float: left;
    margin: 13px 6px 6px 5px;
    padding: 5px 27px 5px 5px;
    width: 210px;
    height:25px;
    font-size:14px;
}

#searchform #go {
    background: url(http://queerty-assets.s3.amazonaws.com/assets/search-icon.png) no-repeat scroll center center transparent;
    border: medium none;
    cursor: pointer;
    display: block;
    float: left;
    height: 25px;
    margin: 19px 0 0 -32px;
    text-indent: -9999px;
    width: 25px;
}

#resultssearchlabel { float:left; padding-top:13px;}
#resultssearchform { 
	float:right;
	width:auto;
	width:732px;
	display:inline;
}
#resultssearchform .inputbox { width:80%; margin-top:0;}
#restultssearchtop { border-bottom: 1px solid #cecece; margin-bottom: 10px; height:37px; padding-bottom: 15px;}
#resultssearchform  #searchsubmit {
background: none;
background-color: #FF8005;
color: #FFF;
font-size: 15px!important;
line-height: 16px;
box-shadow:none;
-webkit-box-shadow: none;
border:0;
border-radius: 4px;
padding:8px 15px;
margin-top:2px;
}


/* ---------------------- FOOTER STYLES ---------------------- */
.footer { font-size:12px; min-height: 252px; border-top: 1px solid #C4C4C4; padding-top:10px; padding-left:0; margin:10px 0 -10px -15px; width:1030px; background-color:#eee;}
ul.footerSections { margin-left:11px; padding:5px 0;}
ul.footerSections li { float: left; list-style: none; width: 320px;  margin-right:15px; height:auto; min-height:auto;  }
.footer .blockTitle { margin: 0 0 4px 0; clear: both; width: 100%; font-size: 15px; line-height: 20px; font-weight: bold; text-transform: uppercase; padding:3px; border-bottom: 1px solid #FCD7B1;}
.footer p { padding: 0 4px 0 0; }
.footer .hed { margin: 0 0 4px 0;}
.footer form { background:none; }
.footer ul {list-style-type: disc;}
.footer ul.list { list-style: disc; padding:0; list-style-type: disc;}
.footer .list li { height:auto; list-style-type: disc; width:300px; }
#footerRecentPosts .hed a {font-weight: normal; color: #9A4B00; }

#bottomMenuBar { padding: 8px; color: #333; clear: both; width: 990px; font-size: 11px; font-weight: bold; border-top:1px solid #ccc; margin:10px auto 0; height:60px;}
#bottomMenuBar .queerty-logo {float:left; margin-right:10px;}
.footer_qdigital_logo {float:right; margin-right:10px;}

/* ---------------------- BLOCK FEATURE STYLES ---------------------- */
ul.blockFeature, ul.blockFeaturebottom { margin: 10px auto; height: 175px; clear: both; width: 100%; border-bottom: 1px solid #c4c4c4; padding:0 0 20px;}
ul.blockFeaturebottom {  border-top: 1px solid #c4c4c4; border-bottom: 0; margin: 20px 0 0; padding:10px 0 0;}
ul.blockFeature li, ul.blockFeaturebottom li { float: left; list-style: none; width: 240px; height: 175px; margin-right:10px; }
ul.blockFeature li a.thumb, ul.blockFeaturebottom li a.thumb { width: 240px; height: 115px; display: block; margin: 3px 0 0 2px;  }
.blockFeature .hed, .blockFeaturebottom .hed { margin-left: 3px;  }
.blockFeaturebottom .blockFeatureHidden {display:none; }

/* ---------------------- HOMEPAGE FEATURE POSTS ---------------------- */
/*@ homeFeature */
#homeTopFeatureArea {width:100%; height:250px;}
#homeFeature{width:690px; margin-bottom:8px; overflow:hidden; float:left;}
#homeFeature a h2 .slugtext, #homeFeature a:visited h2 .slugtext {color:#fff}
#homeFeature .featureItemLarge a:hover, #homeFeature a:hover h2{text-decoration:none; color:black;}
#homeFeature .featureItemSmall a:hover h2 {background-color:#ffc320}
#homeFeature .featureItemLarge .featureItemDescription:hover { color:#333;}
#homeFeature a:hover span {color:#fff}
#homeFeature .featureItemLarge:hover .featureItemDescription{background-color:#ffc320; color:#333;}
#homeFeature .featureItemLarge{float:left; overflow:hidden; position:relative; height:280px; width:440px; margin-right:8px;}
.featureItemLarge img{position:absolute; width:100%; height:100%;}
.featureItemLarge .featureItemHighlight{position:absolute; top:0; width:60px; height:60px;}
.featureItemLarge .featureItemDescription{position:absolute; bottom:0; width:430px; background:#333; padding:14px 0 14px 10px; height:47px;}
#homeFeature .featureItemLarge .featureItemDescription h2{font-size:20px; font-weight:bold; color:#fff;margin:0; line-height:normal;}
.featureItemLarge .featureItemDescription.long_coverline {padding:8px 0 8px 10px; height:59px; }
#homeFeature .featureItemLarge .featureItemDescription.long_coverline h2{font-size:16px;}

.featureItemLarge .featureItemDescription span{font-size:14px; color:#fff}
#homeFeature .featureItemSmall{float:left; overflow:hidden; position:relative; height:140px; width:240px;}
.featureItemLarge .slugFiller { width: 270px; height: 16px; position:absolute; bottom:78px; left:10px;}
.featureItemLarge .slugText {margin: 0 0 0 -10px; width: 250px; height:16px; font-family: Verdana, Helvetica, sans-serif; font-size: 11px; line-height: 11px;; color: #ddd; text-transform: uppercase;  color: #ddd; text-decoration: none; background-color: #FF8005; padding:2px 12px 4px;letter-spacing: 1px; font-weight: normal}
.featureItemSmall img{position:absolute}
.featureItemSmall .featureItemDescription{position:absolute; bottom:0; width:240px; padding:0; }
.dlHighlightOne .featureItemDescription{background:#e8e8e8; border-left: 1px solid #ccc;border-right: 1px solid #ccc;border-bottom: 1px solid #ccc; height:45px;width:238px}
.dlHighlightTwo .featureItemDescription{background:#e8e8e8; border-left: 1px solid #ccc;border-right: 1px solid #ccc;border-bottom: 1px solid #ccc; height:45px;width:238px}
.featureItemSmall .featureItemDescription h2{font-size:14px; line-height:19px; font-weight:bold; margin:0; color:#333;}
.dlHighlightOne .featureItemDescription h2{color:#333;padding:5px;}
.dlHighlightTwo .featureItemDescription h2{color:#333;padding:5px;}
#homeFeature .dlPhotoCredit{float:left; overflow:hidden; position:relative; height:12px;font-size:11px; padding-bottom:15px;padding-top:10px;line-height:12px; color:#999}
.featureItemSmall .slugFiller { width: 250px; height: 12px; position:absolute; bottom:50px; left:0;  }
.featureItemSmall .slugText { margin: 0 0 0 -10px; width: 250px; height:12px; font-family: Verdana, Helvetica, sans-serif; font-size: 10px; line-height: 10px; font-weight: normal;letter-spacing:1px; color: #fff; text-transform: uppercase;  color: #ddd; text-decoration: none; background-color: #333; padding:2px 6px;}
.featureItemSmall .slugText a span, .featureItemSmall .slugText a:visited span, .featureItemSmall .slugText a:visited span {color:#fff}

/* ---------------------- HOMEPAGE  ---------------------- */
.advBox_PageTop { float:right; text-align: center; border: 0; padding: 0; margin: 0; }
#blockBlogBox { clear: both; width: 100%; }
#blockBlogBoxLeft { float: left; width: 830px; min-height:600px; }
#blockBlogBoxRight { float: right; width: 170px; margin: 0 0 0 10px; text-align:center; position: relative; min-height:600px; }
.headingTitle { font-size:13px; line-height:13px;; font-weight: bold; color: #333; padding:7px 0 5px 10px;  margin-bottom:4px; text-transform:uppercase;letter-spacing:2px; background-color: #E8E8E8; width:98%;}

ul.itemBlogBoxUL { margin: 0px auto 10px 0; padding: 0; clear: both; }
ul.itemBlogBoxUL li { float: left; list-style: none; width: 195px; height:250px; margin: 2px 5px 5px 2px; padding: 5px 0 5px 5px; }
ul.itemBlogBoxUL li:hover {background-color:#ffc320; color:#fff}
.itemBlogBox img { border: none; padding: 0 4px 4px 0; }
.itemBlogBox a.thumb { display: block; margin: 2px 0 0;  height: 125px;}
.itemBlogBox .hed { padding: 0 7px 0 3px; line-height: 18px; }
.itemBlogBox .metadata { margin:5px;font-weight:normal; font-size: 11px;}

/* ---------------------- ARTICLE PAGE  ---------------------- */
.post_toolbar {border-top:1px dotted #c4c4c4; border-bottom: 1px dotted #c4c4c4; padding: 8px 0; height:41px; font-family: verdana; font-weight:bold;}

.entry-share {
    margin:0;
    font-size:12px;
    position:relative;
    text-align:center;
    height:41px;
    _height:1%;
    list-style: none;
    padding-left:0;
    font-weight: normal;
}

.entry-share li {
    margin-right: 10px;
    margin-bottom: 3px;
    float: left;
    height: 41px;
}

.entry-share span{display:block;}
.entry-share span.entry-shareCount{font-weight:bold;padding:5px 0 0 5px;float:left;}

.entry-share a {
	display:inline-block;
    float: left;
    color: #666;
    border:1px solid #ddd; 
    background-color:#eeeeee; 
    height:26px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
    padding:8px 12px;
    line-height:26px;
    cursor:pointer;
    font-size:15px;
}
.entry-share a:hover {
    border:1px solid #aaa; 
    background-color: #efefef;
}

.entry-share .twitter a {
	background-color:#00aede;
	border:1px solid #00aede;
	color:#ffffff;
}
.entry-share .twitter a:hover {
    border:1px solid #0086ab; 
}

.entry-share .twitter a:active {
	position:relative;
	top:1px;
}

.entry-share .twitter a .logo {float: left; width: 22px; height: 22px; margin-top: 2px; background: url('http://gcimg.gaycities.com/v3/icons/white_twitter_bird.png') 0 0 no-repeat;}

.entry-share .like a {
	background-color:#3B5998;
	border:1px solid #3B5998;
	display:inline-block;
	color:#ffffff;
}
.entry-share .like a:hover {
    border:1px solid #000; 
}

.entry-share .like a:active {
	position:relative;
	top:1px;
}

.entry-share .like a .logo {float: left; width: 22px; height: 22px; margin-top:4px; background: url('http://gcimg.gaycities.com/v3/icons/white_fb_f.png') 0 0 no-repeat;}

.entry-share .email a .logo { float: left; width: 16px; height: 16px; margin:6px 6px 0 0; background:#eee url(http://queerty-assets.s3.amazonaws.com/assets/icons/email-icon2.png) no-repeat;}

.entry-share .stArrow{display:none;}
.twitter-share-button{width:85px!important;}
.fb_edge_widget_with_comment{position:absolute!important;}

.entry-share .comments_link a {min-width:94px; }
.entry-share .comments_link a .logo {  float: left; width: 16px; height: 16px; margin:6px 6px 0 0; background:#eee url(http://queerty-assets.s3.amazonaws.com/assets/icons/comment-bubble.png) no-repeat;}

.entry-share span.comment-count {display:inline; padding-top:5px;margin-right:0; margin-left:0; padding-left:0;}

.bottom .entry-share .linkedin, .bottom .entry-share .stumbleupon, .bottom .entry-share .like {
	margin-top:10px;
}

.cc_photo { float:right; margin:0 0 10px 10px;}

.wp-polls-ans { width: 62%; margin-left:auto; margin-right:auto; }


blockquote {
	color: #666;
	font-style: italic;
	background: #fff2e6;
    border-left: 6px solid #ff8005;
    margin: 10px 0 10px 5px;
    padding: 5px 10px 10px 15px;
    line-height: 1.3;
}

blockquote:before {
    content: "\f10d";
    font-family: FontAwesome;
    float: left;
    margin: 0 20px 10px -5px;
    font-size: 16px;
    color: #ff8005;
}

#singlePageContentWrap { width: 1000px; clear: both; display: block; background-color: #fff; position:relative; min-height: 700px; float:left;}
#singlePageContentWrap.singular {  }
#singlePageContentWrap.post { min-height: 1000px; }
#singlePageContentWrap .item { width: 669px; border-right:1px solid #c4c4c4; float: left; background-color: #fff; display:block; clear:both; padding: 2px 20px 2px 0; height:100%; }
#singlePageContentWrap .item.wrapSidebar160 { width: 809px;} /* modifies #singlePageContentWrap .item to have narrower sidebar */

#singlePageContentWrap .slugText { font-size: 13px; line-height: 13px; height:12px; }
#singlePageContentWrap .item a.internallink, #singlePageContentWrap .item a.internallink:link, #singlePageContentWrap .item a.internallink:visited { color: #000000; text-decoration: none !important; }
#singlePageContentWrap .item a.internallink:hover, #singlePageContentWrap .item a.internallink:active { color: #C07C3B; text-decoration: none; }

#singlePageContentWrap .item h1.hed { font-weight: bold; color: #000; font-size: 30px; line-height: 39px; margin-bottom: 6px; }
#singlePageContentWrap .item .hed a, #singlePageContentWrap .hed a:visited, #singlePageContentWrap .hed a:hover { color: #000; text-decoration: none; }

#singlePageContentWrap .copy { color: #000000; font-size: 15px;line-height: 24px;font-family: 'georgia','times','times new roman', serif; text-align:left;}
#singlePageContentWrap .copy p { margin-top: 0.7em; }
#singlePageContentWrap .copy h1 { margin: 0.7em 0 0 0; font-family: Arial, Helvetica, sans-serif; font-size:26px; }
#singlePageContentWrap p#gall { margin-top: 0; }
#singlePageContentWrap .item p.wp-caption-text {color:#999; font-size:11px; margin-top:-3px;}
#singlePageContentWrap .item .wp-caption {width:auto; display:block;}
#singlePageContentWrap .item .align-center {width:auto; display:block !important; text-align: center;}

#singlePageContentWrap .item .copy ul { margin-left: 40px; margin-top:10px; }
#singlePageContentWrap .item .copy ul li { margin-bottom: 5px; }

#singlePageContentWrap .item .metadata {  padding: 6px 6px 0 2px; color: #7B7B7B; font-size: 11px; text-align: right; clear: both; }
#singlePageContentWrap .item .continued { margin-left: 6px; padding: 2px; background-color: #CFD6E6; }
#singlePageContentWrap .item .subhead {  color: #9A4B00; font-size: 16px; font-weight: bold; line-height: 18px; }
#singlePageContentWrap .item .tags { border-bottom: 1px dotted #c4c4c4; text-transform: uppercase; padding: 6px 0 4px 0; color: #000000; font-size: 13px; font-weight: normal; line-height: 20px; clear: both; position: relative; }
#singlePageContentWrap .item .tags strong { width:40px; text-align:left;  }

#singlePageContentWrap .item .commentprompt {text-align:center; margin-right:auto; margin-left:auto; font-size:12px; padding:10px;}

#singlePageContentWrap .copy h3 { margin-top:10px; margin-bottom:0;}

    /* ---------------------- forms within posts - REVIEW ---------------------- */
div.copy { text-align: left; font-family: arial; width:100%; font-size:18px; color:#000;}
div.copy label { color:#000; font-size:15px; margin:12px 0 2px; padding:0; font-weight:bold; display:block;}
div.copy input[type="text"], div.copy input[type="password"], div.copy input[type="password"], div.copy input[type="url"], div.copy input[type="email"], div.copy input[type="file"], div.copy textarea, div.copy select { min-width:400px; font-size:16px; padding:7px; border:1px solid #ccc; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; margin-bottom:2px; color:#444;}
div.copy input[type="submit"] { border:auto; }
div.copy select { min-width:0; width:auto; margin-top:7px; }
div.copy input[type="radio"] { margin-right:8px; margin-left:6px;}
div.copy  .styledselect {
   width:400px;
   padding: 0;
   background: #fff url('http://gcimg.gaycities.com/v3/icons/search-menu-arrow.png') no-repeat;
   background-position: 380px 14px;
   border:1px solid #ccc; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; margin-bottom:2px; 
   height: 40px;
}
div.copy  .styledselect select {
   background: transparent;
   font-size: 16px;
   border:0;
   min-width: 400px;
   -webkit-appearance: none;
   color:#444;
   height:30px;
   margin-top:4px;
   }
div.copy input.normal {
	width: auto;
	min-width:0;
}
div.copy small {
	display:block;
	font-size:13px;
	color:#888;
}

.size-auto, 
.size-full,
.size-large,
.size-medium,
.size-thumbnail {
	max-width: 100%;
	height: auto;
}


    /* ---------------------- Images - REVIEW ---------------------- */

#singlePageContentWrap .item img.border { border: 1px solid #666261; }

#singlePageContentWrap .item img.nobordercenter,
#singlePageContentWrap .item img.noborderaligncenter,
#singlePageContentWrap .item img.noborderleft,
#singlePageContentWrap .item img.noborderalignleft,
#singlePageContentWrap .item img.noborderright,
#singlePageContentWrap .item img.noborderalignright,
#singlePageContentWrap .item img.noborder { border: none !important; }

#singlePageContentWrap .item img.left, #singlePageContentWrap .item img.alignleft { float: left; }
#singlePageContentWrap .item img.right, #singlePageContentWrap .item img.alignright { float: right; }
#singlePageContentWrap .item img.center, #singlePageContentWrap .item img.aligncenter { margin-left: auto; margin-right: auto; text-align: center; display: block; }


#singlePageContentWrap .item img.noborderleft,
#singlePageContentWrap .item img.noborderalignleft,
#singlePageContentWrap .item img.noborderright,
#singlePageContentWrap .item img.noborderalignright,
#singlePageContentWrap .item img.left,
#singlePageContentWrap .item img.alignleft,
#singlePageContentWrap .item img.right,
#singlePageContentWrap .item img.alignright { margin: 8px; padding: 2px; }

#singlePageContentWrap .item img.nobordercenter,
#singlePageContentWrap .item img.noborderaligncenter,
#singlePageContentWrap .item img.noborderleft,
#singlePageContentWrap .item img.noborderalignleft,
#singlePageContentWrap .item img.noborderright,
#singlePageContentWrap .item img.noborderalignright,
#singlePageContentWrap .item img.noborder { border: none !important; }

#singlePageContentWrap .item img.noborderleft, #singlePageContentWrap .item img.noborderalignleft { float: left; border: none !important; }
#singlePageContentWrap .item img.noborderright, #singlePageContentWrap .item img.noborderalignright { float: right; border: none !important; }
#singlePageContentWrap .item img.nobordercenter, #singlePageContentWrap .item img.noborderaligncenter { margin-left: auto; margin-right: auto; text-align: center; display: block; border: none !important; }

.bookmarkingButton { margin: 10px 6px 10px 6px; }


/* ---------------------- PAGINATION - REVIEW ---------------------- */


.paginationContainer { margin: 5px auto; padding: 0 0 10px 260px; clear:both; }

.pagination {
clear:both;
text-align:center;
width:100%;
margin:0 auto;
padding:20px 0;
font-size:20px;
line-height:24px;
}

.pagination span, .pagination a {
display:block;
float:left;
margin: 2px 2px 2px 0;
padding:6px 9px 5px 9px;
text-decoration:none;
width:auto;
color:#fff;
background: #e09953;
}

.pagination a:hover{
color:#fff;
background: #9a4b00;
}

.pagination .current{
padding:6px 9px 5px 9px;
background: #9a4b00;
color:#fff;
}


/* ---------------------- Extras ---------------------- */

#singlePageContentWrap .item .photocaption { background-color: #F9B777; padding: 2px; color: #52444C; font-size: 11px; font-style: italic; font-weight: normal; line-height: 16px; }

#singlePageContentWrap .item .pullquote { border-top: 1px solid #585450; border-bottom: 1px solid #585450; width: 320px; float: right; padding: 6px; margin: 6px 0 6px 0; font-family: Georgia, Garamond, Palatino, "Times New Roman", serif; color: #585450; font-size: 22px; font-style: italic; font-weight: normal; line-height: 26px; }

#singlePageContentWrap .item .giantquote {
	clear:both;
    background-color:#fff2e6;    
    color: #666;
    font-style: italic;
    font-size:24px;
    line-height: 40px;
    margin: 0 0 10px 0;
    padding: 30px 30px 30px 70px;    
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
} 

#singlePageContentWrap .item .giantquote:before {
    content: "\f10d"; 
    font-family: FontAwesome;
    float: left;
    margin: -10px 20px 10px -50px; 
    font-size:46px;
    color:#ff8005;
}

#singlePageContentWrap .item .giantquote p, #singlePageContentWrap .item .giantquote strong { color: #666; font-style: italic;
    font-size:24px;
    line-height: 40px;}

#singlePageContentWrap .item .giantquote span.attrib {
	font-style: normal;
	display:block;
	color:#ff8005;
	padding-top:10px;
	font: 18px/24px "Roboto", "HelveticaNeue", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-weight:bold;
}

#singlePageContentWrap .item .bigtitle { font-family: Georgia, Garamond, Palatino, "Times New Roman", serif; color: #000000; font-size: 30px; font-weight: bold; line-height: 34px; }

/*------------comments section ----------- */
#singlePageContentWrap .item .comments { border-top: 1px solid #e5e5e5; padding: 10px 0 0 0; color: #000000; font-size: 12px; font-weight: normal; line-height: 15px; list-style-type: none; }
#singlePageContentWrap .item .comments p { margin-top: 0.7em; }
.comments_item  { width: 100%; border-bottom: 1px dotted #ccc; padding: 6px 0; margin-bottom:8px; list-style-type: none;}

.comments-title, #reply-title {  color: #333; font-size: 16px; font-weight: bold; line-height: 18px; }

.comments_item.admin, .comments_item.editor { background-color: #ffe; width: 100%; border-bottom: 1px dotted #ccc; padding: 6px 0 6px 0; }
.comments_item.admin .role_label, .comments_item.editor .role_label { color:#FF8005; }

#singlePageContentWrap .item .comments_staff_label { color: #ff7f04; float:right; margin-right:5px; }

.comments_item_body { padding: 0 0 8px 0; margin: 0 0 0 6px; font-weight: normal; font-size: 13px; line-height: 20px; color: #000; width:590px; float:left; }
.comments_item_count { font-size: 12px; font-weight: bold; line-height: 16px; }
 
.comments-area { padding: 10px 0 0 0; color: #000000; font-size: 12px; font-weight: normal; line-height: 15px; list-style-type: none; }
.comments-area p { margin-top: 5px; }

ol.comment-list, ul.commentlist { margin-left:0px; margin-top:5px; float:left;}
li.comment  { width: 100%; border-bottom: 1px dotted #ccc; padding: 6px 0; margin-bottom:8px; list-style-type: none; float:left;}

.comments_avatar { float:left;  margin-right:10px; margin-bottom:10px; overflow: hidden; min-height:65px; width:61px;}
.comments_avatar img.photo, .comments_avatar img.avatar { width:60px; height:60px;}

.comments_item_date { text-align: left; font-size: 11px; color:#909090; font-weight: normal; line-height: 13px; margin-top:10px;}
.comments_item_date a.flag { color:#909090; padding-right:18px; }
.comments_item_date a.flag:hover { color:#9A4B00; background: url("images/flag_orange.gif") top right no-repeat;  }


.comments_form_topmessage { float:right; margin-top:9px;}
.comments_form_loggedinas { float:left; margin-top: -8px; margin-bottom: 11px;}
.comments_form_avatar {width:61px; float:left; margin-right:10px; margin-top:10px; font-size:12px; text-align:center;}
.comments_form_avatar img {width:60px; height:60px; }
textarea#comment { width:660px; float:left;}
.nocomments { padding:15px 0; text-align:center; border-top:1px solid #eee; border-bottom:1px solid #eee; width:100%; font-weight: bold; background-color: #ffc; margin-bottom:10px;}

.comments_policy {  width:500px; float:left;}
.comments-area input[type="submit"] { 
    float:right;
    display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 15px/100% Arial, Helvetica, sans-serif;
	padding: 8px 20px;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5px; 
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
    	color: #fef4e9;
	border: solid 1px #da7c0c;
	background: #f47c20;
	background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
	background: -moz-linear-gradient(top,  #f88e11,  #f06015);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
    
}
#subscribe_comments {margin-left:61px; }
#acp-preview {
    float: right;
    margin-top: 10px;
    margin-right: -90px;
}
.item_pages { font-family: Verdana, Sans-Serif; text-align: center; font-size: 13px; font-weight: bold; margin-top:2px; clear:both;  }

.item_pages .numbers a, .item_pages a .next, .item_pages a .prev { padding:3px; width:auto; color:#fff; background: #e09953; line-height:26px; }
.item_pages .numbers { margin-left:5px; margin-right:8px; }

.item_pages a:hover, .item_pages .next:hover, .item_pages .prev:hover { color:#fff; background: #9a4b00; text-decoration: underline;}

/*-----------------------------sidebar REVIEW--------------------*/
.sidebarTitle { margin: 0 0 2px 0; clear: both; font-size: 15px; line-height: 20px; font-weight: bold; margin-bottom:4px; }
.sidebarTitle.topLine { border-top:1px solid #c4c4c4; padding-top:10px; }

#singlePageContentWrap_Sidebar { width: 300px; padding-left:10px;  background-color: #fff; position:absolute; top:0; left:690px;}
#singlePageContentWrap_Sidebar_160 { width: 160px; padding-left:10px; float: left; background-color: #fff;}
#singlePageContentWrap_Sidebar.post { min-height:1200px; }

#sidebarFeatureSpreadVertical { width: 300px; clear: both; float:left; }
#sidebarFeatureSpreadVertical .slugText { font-size:9px; line-height:9px; }
#sidebarFeatureSpreadVertical .item { padding: 0 0 0 4px; margin-bottom: 6px; width: 311px; height: 84px; clear: both; }
#sidebarFeatureSpreadVertical .hed { font-weight: normal; color: #333; float: left; width: 143px; padding-left:4px; margin-top:-5px;}
#sidebarFeatureSpreadVertical .hed a, #sidebarFeatureSpreadVertical .hed a:visited { text-decoration: none; font-weight:bold; font-size:11px;}
#sidebarFeatureSpreadVertical .hed a:hover, #sidebarFeatureSpreadVertical .hed a:active { color: #FF8005; text-decoration: none; }
#sidebarFeatureSpreadVertical .thumb { float: left; width: 152px; text-align: left;}

.sidebarHeading { margin: 0 0 2px 0; clear: both; font-size: 15px; font-weight: bold; border-bottom:1px solid #fcd7b1; margin-bottom:4px; }
.advBox_SidebarRight { text-align: center; clear: both; padding: 0; min-height:250px; }
.advSky_SidebarLeft { text-align: center; clear: both; padding: 8px 0 8px 0; }

.charticle {}
.charticle img { border: none !important; }
.charticle table { width: 670px; }
.charticle td { padding: 2px; }
.charticle td.white { background-color: #ffffff; }
.charticle td.light { background-color: #dddddd; }
.charticle td.dark { background-color: #aaaaaa; }

.editadv_bg { background: url("http://v8.queerty.com/assets/editadv.bg.gif") 0 0 no-repeat; width:478px; height:256px; position:relative; }
.editadv_content { display:inline-block; width:478px; height:256px; position:absolute; top:0; left:0; float:left; }

#fbc_profile {display:none;}


/*--------------------------IMAGE PAGE STYLES -------- */

/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.scrollable_holder {
	height:135px;
	border-color:1px solid orange;
	clear:both;
}

.scrollable {

	/* required settings */
	position:relative;
	overflow:hidden;
	width: 639px;
	height:70px;

	/* custom decorations */
	background-color: #eee;
	float:left;
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accommodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
}

.items .scroll-group {
	float:left;
	background-color: #eee;
	padding-left:7px;
}

/* single scrollable item */
.scrollable .scroll-group div {
	float:left;
	margin:6px 5px 5px 3px;
	background-color:#fff;
	padding:2px;
	border:1px solid #ccc;
	width:50px;
	height:50px;
	text-align: center;
	position: relative;
	
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}

.scrollable .scroll-group div span {
	position:absolute;
	bottom:1px;
	left:1px;
	width:26px;
	height:21px;
	padding-top:2px;
	font-size: 18px;
	font-weight: bold;
	background-color: #fff;
	color:black;
	opacity:0.8;
	filter:alpha(opacity=80);
}

/* active item */
.scrollable .active {
	border:2px solid #000;
	position:relative;
	cursor:default;
}

scrollable {
    float:left; 
}

/* prev, next, prevPage and nextPage buttons */
a.browse {
    background-color:#DDD;
    border:1px solid;
    border-color:#C9C9C9 #C9C9C9 #999999;
    display:block;
    width:13px;
    height:68px;
    float:left;
    margin:0;
    cursor:pointer;
    font-size:1px;
	background: -moz-linear-gradient(-180deg, #F8F8F8, #DDDDDD) repeat scroll 0 0 transparent;
}

/* right */
a.right                 { background-position: 0 -13px; clear:right; margin-right: 0px;}
a.right:hover       { border-color:orange;  }
.scroll-nav {margin-top:29px;margin-left:3px;}

/* left */
a.left              { margin-left: 0px; } 
a.left:hover        {  border-color:orange;  }

/* disabled navigational button */
a.disabled, a.disabled:hover {
    background: #eee;
    border-color: #eee;    
}   
a.disabled img {
	visibility:hidden;
}
 
.external_content a  {
	color: #333;
	font-size: 13px;
	font-weight: normal;
	line-height: 16px;
	text-decoration: none;
	margin-bottom:7px;
	height: 90px;
	display:block;
	
}
.external_content a span {
	color: #9A4B00;
	font-size: 12px;
	line-height: 16px;
	
}
.external_content .imgwrap {
	height:80px;
	width:80px;
	margin-right:10px;
	float:left;	
	border: 2px solid #CCC;
	padding: 3px;
	overflow:hidden;
}

.external_content img {
	height:80px;
	width:80px;
}
/* ---------------------- ERROR MESSAGES ---------------------- */
.notice {
  background: #D2FBD7;
  margin-bottom: 12px;
  text-align: left;
  padding: 13px;
  font-size: 14px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #ccc;
  -webkit-box-shadow: 0 0 2px rgba(0,0,0,0.2);
  -moz-box-shadow: 0 0 2px rgba(0,0,0,0.2);
  box-shadow: 0 0 2px rgba(0,0,0,0.2);
  width:95%;
}

.alert,
.error {
  background: #c00;
  color: #fff;
  margin-bottom: 12px;
  padding: 13px;
  font-size: 14px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 0 0 2px rgba(0,0,0,0.2);
  -moz-box-shadow: 0 0 2px rgba(0,0,0,0.2);
  box-shadow: 0 0 2px rgba(0,0,0,0.2);
  width:95%;
}

#confirmation {
	margin: 40px auto;
	padding:40px 13px;
	text-align: center;
}

#confirmation a {
	font-size:20px;
}
/*------------------------PROFILE PAGES ------------------------------- */
.prof_pic {float: left; height: 160px; overflow: hidden; text-align: center; width: 160px; padding: 10px; background: #fff; border: 1px solid #ccc; -moz-box-shadow: 1px 1px 3px #222;
	-moz-transform: rotate(-3deg);
	-webkit-box-shadow: 1px 1px 3px #222;
	-webkit-transform: rotate(-3deg);
	box-shadow: 1px 1px 3px #222;
	-o-transform: rotate(-3deg);
	transform: rotate(-3deg); 
	margin-right:20px;}
.prof_info {  width:100%; }
.prof_name { border-bottom:1px solid #eee; margin-bottom:6px;}
.prof_staff { color:#ff7f04; font-weight: bold; font-size:60%;}
.prof_edit { font-size: 60%; float:right;}

/***promo popup for likes **/
.q_like_bottom_slider { width:425px; height:auto; background-color:#e57304; position: fixed; bottom:0; right:0; color:white; text-align:center; z-index:100; display:none;} 
.q_like_bottom_content { width:80%; margin:20px auto; font-size:20px; line-height: 24px;}
.q_like_bottom_social { background-color:#fff; width:155px; height:30px; margin:20px auto 0; padding:10px; position: relative; line-height:0;}
.q_like_bottom_social:after {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #fff;
	border-width: 10px;
	margin-left: -10px;
}
.q_like_bottom_close { 
    position: absolute; 
    right:0px;
    top:0px;
    font-size:18px;
    display: block;
    color:white;
    padding:10px;
}
.q_like_bottom_follow {
	width:80px; display:block; height:30px; float:left;
}
.q_like_bottom_like {
	width:60px; display:block; height:30px; float:right; margin-top:4px;
}

.q_like_bottom_like .fb-like {
    transform: scale(1.3);
    -ms-transform: scale(1.3);
    -webkit-transform: scale(1.3);
    -o-transform: scale(1.3);
    -moz-transform: scale(1.3);
}


/*****************
**
** Dragaholic on Queerty Styles
**
******************/
#dragaholic_on_queerty_logo { }
.dragaholic_on_queerty { }  /*body tag*/

.dragaholic_on_queerty .clearfix:before, .dragaholic_on_queerty .clearfix:after { content: ""; display: table; }
.dragaholic_on_queerty .clearfix:after { clear: both; }
.dragaholic_on_queerty .clearfix { *zoom: 1;}

.dragaholic_on_queerty #topbar { height: 88px; }
.dragaholic_on_queerty .slugText, .dragaholic_on_queerty .slugText a, .dragaholic_on_queerty .slugText a:visited,  .dragaholic_on_queerty .metadata a, .dragaholic_on_queerty .column_right a, .dragaholic_on_queerty div.copy a, ul.dragaholic_list li a, .dragaholic_on_queerty .tags a  { 
	color:#c1272d !important; 
}
.dragaholic_on_queerty .itemBlogBox .hed a { color:#333; }
.dragaholic_queerty_top_menu  { background-color: #3d3d3d; border-bottom: 2px solid #c1272d; width:1030px; margin:0 0 10px -15px; height:45px; }
.dragaholic_queerty_top_menu ul { margin:0; padding:0;}
    
.dragaholic_queerty_top_menu ul li {
    display: inline-block;
    position: relative;
    float: left;
    border-left: 1px solid rgba(255, 255, 255, 0.18);    
}

.dragaholic_queerty_top_menu ul li:first-child {
    border-left: none;
    box-shadow: none;
}

.dragaholic_queerty_top_menu ul li.queerty_item {
    border-left: none;
    box-shadow: none;
    color:#FF8005;
    float:right;
}

.dragaholic_queerty_top_menu a:first-child {
    color: #fbfbfb !important;
    padding: 11px 16px 15px 16px;
    display: inline-block;
    border-top: 4px solid transparent;
    box-sizing: border-box;
    text-transform: uppercase;
	font: 700 15px/15px 'Open Sans Condensed', trebuchet ms; 
}

.dragaholic_queerty_top_menu a {
    color: #fbfbfb !important;
    display: inline-block;
    
}


.dragaholic_queerty_top_menu .queerty_item a {
	color:#FF8005 !important;
} 

.dragaholic_queerty_top_menu a:hover { 
	border-color:#c1272d;
}

.dragaholic_queerty_top_social {
    overflow: hidden;
    width: 214px;
    position:absolute;
    top:30px;
    right:20px;
    text-align: right;
    padding-right: 3px;
    box-sizing: border-box;
    text-align:center;
    font-size: 18px;
}

.dragaholic_queerty_top_social a {
    float: right;
    margin: 5px 2px 0px 0px;
    color:white;
	width: 28px;
    height: 28px;
    display: inline-block;
    font-size: 18px;
    line-height: 20px;
    text-align: center;    
}

.dragaholic_on_queerty div.copy { font-size:14px !important; }

ul.dragaholic_list { list-style: none;  }

ul.dragaholic_list li {
    background: url("http://www.queerty.com/assets/dragaholic/arrow_16.png") no-repeat scroll left center transparent;
    padding:5px 5px 5px 15px; 
}

.three_column {     
	-webkit-column-count: 3; /* Chrome, Safari, Opera */
    -moz-column-count: 3; /* Firefox */
    column-count: 3; }
    
/*dragaholic home*/
.dragaholic_on_queerty .news {
    padding: 20px;
    margin-bottom: 15px;
    border: 1px solid #ebeeef;
    background-color: #fff;
}

.dragaholic_on_queerty .news .figure {
    width: 30%;
    float: left;
    position: relative;
}

.dragaholic_on_queerty .news .figure img {
    width: 100%;
    vertical-align: top;
}

.dragaholic_on_queerty .news .detail {
    width: 66.5%;
    float: right;
    position: relative;
}

.dragaholic_on_queerty .news .detail h3 {
    font-size: 22px;
    text-transform: uppercase;
    float: left;
    padding: 0 36px 0 0;
    margin: 0 0 12px 0;
    line-height:24px;
}

.dragaholic_on_queerty h3 a {
	color:#000;
}
.dragaholic_on_queerty .news .detail .post-meta {
    clear: both;
    margin-bottom: 12px;
        font-size: 11px;
    color: #bbb;
    line-height: 12px;
}

.dragaholic_on_queerty .post-meta i {
    font-size: 3px;
    line-height: 12px;
    vertical-align: top;
}

.dragaholic_on_queerty .post-meta a {
    color: #bbb;
    display: inline-block;
    text-decoration: none;
    margin-left: 4px;
}

.dragaholic_on_queerty  .btn_more {
    font: 700 15px/15px 'Open Sans Condensed', trebuchet ms;
    color: #111111;
    padding: 4px 8px;
    border: 1px solid #1e1e1e;
    display: inline-block;
    transition: all 0.3s ease 0s;
    vertical-align: middle;
    text-decoration: none !important;
    text-transform: uppercase;
    color: #c1272d;
    margin-top:5px;
}
.dragaholic_on_queerty  .btn_more:hover { background-color: #c1272d; border: 1px solid #FB7203; color: #fff }

#dragaholic_home_wrap { }
#dragaholic_home_wrap .main-side { width: 674px; float: left; position: relative; clear: both; display: block; background-color: #fff; } 
#dragaholic_home_wrap .sidebar { width: 336px; float: right; border-bottom: 1px solid #cecece; }
#dragaholic_home_wrap .sidebar img { max-width: 100% }

/******** Feature Slider ********/

.main_slider.flexslider { width: 674px; float: left; height: 405px; border: none !important; border-radius: 0 !important; box-shadow: none !important; margin-bottom: 25px; overflow:hidden; }
.main_slider.flexslider .slides { width: 674px; height: 405px; margin: 0}
.main_slider.flexslider .slides .slide { position: relative; height: 405px; margin: 0 }
.flexslider .slides img { width: 100%; height: 100% }
.main_slider .flex-overlay { position: absolute; top: 0px; left: 0px; width: 674px; height: 405px; text-align: center; z-index: 99 }
.main_slider .flex-overlay .post-meta { background: url(images/spritebox-sprite.png) no-repeat; text-align: center; width: 424px; margin: 0 auto; margin-top: 200px; margin-bottom: 13px; background-position: -29px -0px;}
.main_slider .flex-overlay .post-meta .inner_meta { width: 210px; text-align: center; margin: 0 auto; font-size: 11px; color: #fff; }
.main_slider .flex-overlay .post-meta .inner_meta { color: #fff; }
.main_slider .flex-overlay .post-meta span.date { font-size: 11px; color: #fff; display: inline-block; }
.main_slider .flex-overlay .post-meta a.cat { font-size: 11px; color: #fff; text-decoration: underline; text-transform: uppercase; }
.main_slider .flex-overlay h2 { margin-bottom: 19px; font: 700 40px/38px 'Open Sans Condensed', trebuchet ms; text-shadow: 1px 1px 1px #000; padding: 0 55px; overflow: hidden; max-height: 76px; text-transform: uppercase; font-weight:normal; }
.main_slider .flex-overlay h2 a { color: #fff }
.main_slider .flex-overlay a.read-more { font: bold 26px/26px 'Open Sans Condensed', trebuchet ms; color: #fff; text-transform: uppercase; text-shadow: 1px 1px 1px #000; padding: 5px 35px; border: 2px solid #fff; transition: all 0.4s ease 0s !important; position: relative; overflow: hidden; display: inline-block; }
.main_slider .flex-overlay a.read-more:after { content: "+"; position: absolute; transition: all 0.3s ease 0s; right: -30%; top: 4px !important }
.main_slider .flex-overlay:hover a.read-more:after { right: 20px }
.main_slider .slides .slide:hover .pattern { opacity: 0.7 }
.main_slider .flex-direction-nav .flex-prev { background: url(images/spritebox-sprite.png) no-repeat; left: 2px; content: "" !important; font-size: 0 !important; background-position: -82px -156px;width: 32px; height: 69px }
.main_slider .flex-direction-nav .flex-next { background: url(images/spritebox-sprite.png) no-repeat; right: 2px; text-align: right; content: "" !important; font-size: 0 !important; background-position: -50px -156px;width: 32px; height: 69px }
.main_slider .flex-direction-nav a:before { content: "" !important; font-size: 0 !important }
.main_slider .flex-direction-nav a { height: 69px; margin: -35px 0 0 0 !important }
.main_slider .flex-control-nav { bottom: 10px; }
.main_slider .flex-control-paging li a { background: none repeat scroll 0 0 #ddd; height: 8px; width: 8px; border-radius: 16px }
.main_slider .flex-control-nav li { margin: 2px !important }
.main_slider .flex-overlay a.read-more:hover, .main_slider .flex-overlay:hover a.read-more { background-color: #c1272d; border: 2px solid #c1272d; } 
#dragaholic_home_wrap .heading .head_section {
    color: #111;
    display: inline-block;
    font: 23px/23px 'Open Sans Condensed', trebuchet ms, arial;
    text-transform: uppercase;
}

#dragaholic_home_wrap .heading a {
    font: 16px/23px 'Open Sans Condensed', trebuchet ms, arial;
    text-transform: uppercase;
    float: right;
    margin-left: 10px;
    vertical-align: 2px;
    color:#c1272d;
}

#dragaholic_home_wrap .h-three {
	background: #fff url("http://www.queerty.com/assets/dragaholic/heading-two-bg.png") center repeat-x;
	margin-bottom:10px;
}

#dragaholic_home_wrap .h-three .head_section {
    border-bottom: 0px;	
    padding: 10px 15px 0 15px;
    margin-top:-10px;
    display: inline-block;
    margin-left: 20px;
    background:#fff;
    font-weight:bold;
}

.news_block { margin: 15px 0 20px; }
.news_block .right { width: 36%; float: right; margin-bottom:10px;}
.news_block .right .figure { width: 100%; margin-bottom: 2px; position: relative; overflow: hidden; }
.news_block .big_img { float: left; width: 62%; overflow: hidden;}
.news_block .big_img .figure { position: relative; background-color: #000 }
.news_block .big_img .figure .pattern { box-shadow: 0 0 80px rgba(0, 0, 0, 0.4) inset; }
.news_block .big_img .figure img{ opacity: 0.8}
.news_block .right h3{font: bold 15px Arial; margin-bottom: 5px}
.news_block .post-meta{ margin-bottom: 15px}
.news_block .right:last-child .post-meta { margin-bottom: 0 }
.video_overlay {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 99;
    pointer-events: none;
}
span.vid_icon {
    position: absolute;
    top: 10px;
    left: 10px;
    font-size: 50px;
    color: #fff;
    z-index: 100;
    display: block;
    text-shadow: 0 0 1px #666;
}

.video_overlay > div {
    text-align: center;
    padding: 15px 20px;
    width: 100%;
    position: absolute;
    bottom: 0px;
    text-shadow: 1px 1px 1px #000;
    transition: all 0.4s ease 0s;
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.5)));
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%);
    background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%);
    background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#80000000',GradientType=0 );
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom:10px;    
}

.video_overlay div h3 a {
    font-size: 28px;
    line-height: 27px;
    color: #fff !important;
    text-transform: uppercase;
}

span.vid_icon_min {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -18px 0 0 -18px;
    z-index: 100;
    display: block;
    font-size: 36px;
    color: #fff;
    text-shadow: 0 0 1px #666;
}

/*****************
**
** Print styles
**
******************/

.printfooter {display:none;}

@media print {
	body { background:none; color:black; margin:0; }
	#pageframe, #pageframe2 {border:0; width:auto;}
	#navbar {display:none;}
	#topbar_left {display:block; margin:0 auto; width:85%; text-align: center;}
	#topbar_right {display: none}
	#blogItems {display:none; height:0;}
	#singlePageContentWrap_Sidebar { display:none }
	#singlePageContentWrap .item { margin-left:0; float:none; width:auto; }
	#singlePageContentWrap { width: auto; }
	.post_toolbar { display:none; }
	.commentprompt {display:none; }
	#outbrain_widget_0 .div-wrapper, #outbrain_widget_0 { display:none;}
	form#comment_form {display:none;}
	#add_comment_header {display:none;}
	.footer {display:none ;}
	.printfooter { display:block; font-size:13px; line-height: 15px; border:1px solid #ddd; padding:8px;}
	.comments.comments-area {display:none;}
	#singlePageContentWrap .item { border:none; }
}

/*****************
**
** iphone styles
**  

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) {
******************/

@media only screen 
and (max-width : 728px) {
	.mobile-hide { display:none !important; }
	.dragaholic_queerty_top_menu { width:100%;}
	#topbar, #topbar_left, #blogItems, #singlePageContentWrap_Blog, #singlePageContentWrap{
		width:100%;
		padding:0;
		margin:0;
		border:none;
	}
	#pageframe, #pageframe2, .adv_PageTop, .advLB_PageMiddle  { width:728px; padding:0 0 0 4px; margin:0;border:none; box-shadow: none; -webkit-box-shadow:none; }
	#topbar_right, #navbar, #singlePageContentWrap_Sidebar { display:none;}
	#topbar_left { width:100%; height:76px; padding:5px;margin-left:auto; margin-right:auto; text-align:center; border-bottom: 1px solid #c4c4c4; }
	#queerty_logo, #dragaholic_on_queerty_logo { margin-left:auto; margin-right:auto; }
	ul.blockFeature, ul.blockFeaturebottom { width: 725px; }
	ul.blockFeature li { width: 170px; height:90px;}
	.itemFeature, ul.blockFeature li a.thumb { width:170px;}
	.itemFeature .slugText { font-size: 12px; line-height: 12px;}
	.itemFeature .hed { font-size:16px;}
	.itemFeature img { width:100%; height:100%;}

	ul.blockFeaturebottom .itemFeature { width:340px; height:220px;} 
	ul.blockFeaturebottom .wipebanner-feature-thumbnail, ul.blockFeaturebottom li a.thumb {width:340px; height:145px;} 
	.blockFeaturebottom .blockFeatureHidden { display:block; }

	.featureItemSmall { display:none;}
	#homeFeature { width:auto; }
	#homeFeature .featureItemLarge, .featureItemLarge .featureItemDescription { width: 413px;}
	ul.itemBlogBoxUL li, #blogItems .itemBlogBox, ul.itemBlogBoxUL li .thumb  { width:265px; padding:0; }  
	#blogItems .itemBlogBox img.post-thumbnail { width:265px;  } 
	
	/*article*/
	#singlePageContentWrap .copy { font-size:28px; line-height:38px; }
	#singlePageContentWrap { border:none;}
	#singlePageContentWrap .item { padding-right:2px; border:none;}
	#singlePageContentWrap .item h1.hed { font-size:50px; line-height: 60px;}
	#singlePageContentWrap .slugText { font-size: 25px; line-height: 50px; }
	#blogItems #blockBlogBoxLeft { width:545px; }	
	#singlePageContentWrap .copy p { margin-top: 1em; }
		
	.footer {display:none ;}
	.printfooter { display:block; font-size:13px; line-height: 15px; border:1px solid #ddd; padding:8px;}

	.post_toolbar, .entry-share, .entry-share li {height:51px;}
	.entry-share a { font-size:22px; height:36px; line-height: 34px;}
	.entry-share .twitter a .logo, .entry-share .like a .logo, .entry-share .email a .logo { margin-top:9px; }
	.post_toolbar .comments_link, .post_toolbar .stumbleupon { display:none;}

	.q_like_bottom_slider { width:100%; font-size:36px; line-height: 36px;}
	
	.q_like_bottom_social { width:455px; height:65px; }


	.q_like_bottom_follow {
		width:265px; display:block; height:60px; float:left; margin-left:70px; margin-top:14px;
	}
	.q_like_bottom_like {
		width:265px; display:block; height:20px; float:right; margin-top:-45px;
	}
	

}

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px), 
only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px),
only screen 
and (min-device-width : 414px) 
and (max-device-width : 736px)
 {

 	.q_like_bottom_content { font-size:40px; line-height: 48px;}
	.q_like_bottom_like .fb-like, .q_like_bottom_like .fb-like iframe {
	    transform: scale(3);
	    -ms-transform: scale(3);
	    -webkit-transform: scale(3);
	    -o-transform: scale(3);
	    -moz-transform: scale(3);
	    margin-top:-10px;
	}
	
	.q_like_bottom_follow #twitter-widget-2 {
	    transform: scale(2);
	    -ms-transform: scale(2);
	    -webkit-transform: scale(2);
	    -o-transform: scale(2);
	    -moz-transform: scale(2);
	}	        
}