/* ==========================================================================
   HTML5 Boilerplate styles - h5bp.com (generated via initializr.com)
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #222;
}

body {
    font-size: 1em;
    line-height: 1.4;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

img {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}


/* ==========================================================================
   Author's custom styles
   ========================================================================== */

a:link,
a:visited { color:#1f83d1; text-decoration:none; }
body { font-family: 'PT Sans', sans-serif; 

background:#ffffff;
}

header { overflow:hidden; clear:both; position:fixed; width:100%; top:0; left:0; z-index:999; }

.container { max-width:800px; margin:auto; text-align:left; }

header .logo { float:left; display:inline-block; padding:.5em; }

article .container { max-width:700px; margin:auto; padding-top:100px; background:#ffffff; padding:100px 25px 0 25px; }

article .image_right { float:right; margin:0 0 .5em .5em; }

.photo_caption,
.photo_credit { padding:.5em; font-size:.8em; background:#efefef; margin:0; }

.photo_credit { text-align:right; }

article img { margin:0 !important; width:100% !important; height:auto !important; }


.mlive.bar { overflow:hidden; clear:both; padding:.5em; background:#333333 /* #004265 */; }

.mlive.bar img { float:left; max-height:40px; margin-right:1em; }
.mlive.bar img.aan { margin-top:.7em; }

.archives-head { overflow:hidden; clear:both; }
.archives-head img { float:left; width:auto !important; max-height:35px; }
.archives-head .archives {  float:left; color:#666666; font-size:1.33em;
text-transform:uppercase; font-weight:400; line-height:1; margin:0; padding:0;  margin-top:.33em;
margin-left:.5em; }

.mlive.bar .search { float:right;  width:300px; }

.archives.bar { padding:.5em 1em; background:#efefef; color:#333; font-size:.8em; text-align:center; }

.mlive.bar .search .submit { display:inline-block; width:80px; float:right; padding:10px; border:0; background:#efefef; text-transform:uppercase; }

form { margin:0; padding:0; }
.headline { margin-top:1em; }
.headline h2 { font-size:2em; margin-bottom:0; margin-top:0;  }
.cse .gsc-control-cse, .gsc-control-cse { padding:5px !important; background:transparent !important; border:0 !important; }

.headline .by { color:#666666; font-size:.9em; }
input.gsc-search-button, input.gsc-search-button:hover, input.gsc-search-button:focus { background:#1f83d1 !important; }
form.gsc-search-box { margin-bottom:0 !important; }

article .content { margin-top:1em; }


#adv-site-search { margin:0;  border:1px solid #e3e3e3;  border: 0;
margin: 0;
margin-top:.1em;
padding: .3em;
font-size: 1.1em; width:200px; float:left;}
#adv-site-search-submit { background-color:#ffffff; padding:.6em .3em; float:left;  border-left:1px solid #efefef;}

.pluck-login-comment-input { display:none; }
.pluck-comm-username-display a:link,
.pluck-comm-username-display a:visited { color:#666666; cursor:default; }
#comments h2 { border-bottom:0; }

#comments img { width:auto !important; }

/* photo styles */
.image_left { float: left; margin:10px 40px 40px 0; clear:both; }
.image_right { float:right; margin: 10px 0 40px 40px; clear:both; }
.image_left img,
.image_right img { margin:0 auto !important; margin-bottom:0 !important; float:none !important; clear:both; }
.image_center img { margin-bottom:0 !important; }
.image_center { margin: 10px auto 30px auto; clear:both; }
.image_none { margin: 10px 0 30px 0; clear:both; }
.photo_caption, .photo_caption_nocredit { padding:10px !important;  font-size:12px; color:#000000; margin:0; }
.photo_credit { display:block; text-align:right; font-size:11px; color:#00000; padding:.5em 1em; }
.photo_caption { padding:.5em 1em; font-size:.8em; padding-bottom:0; margin-top:0; }
.photo_credit { display:block; padding:.5em 1em; font-size:.7em;  }


.footer { background:#efefef; padding:1em; font-size:.8em; }
.footer a:link,
.footer a:visited { color:#000000; font-weight:bold; text-decoration:none; }


.headline .posted { font-size:.8em;  color:#666666; padding:0; margin:0; }

.pluck-comm-comment-action-group-arrow-wrapper { display:none !important; }

.pluck-comm-posting-form { display:none !important; }

.pluck-login-comment-pluck-logo img { display:none !important; }



/* ================= */
/* = General Polls = */
/* ================= */


.page_placement .poll_container, #polls_extended_placement .poll_container, .well_placement .poll_container, .well_placement .pp_quest_results { overflow: hidden; position: relative; width: 426px; }
.embeded_placement .poll_container, .embeded_placement .pp_quest_results, .embeded_placement .poll_ic, .embeded_placement .poll_rc { width: 310px !important; }

.well_placement .poll_wrapper, #polls_extended_placement .poll_wrapper { position: relative; width: 1500px; }


.rail_poll .poll_container { width: 208px; overflow: hidden; position: relative;}
.rail_poll .poll_wrapper { position: relative; width: 1000px; }

.rail_poll .poll_ic { width: 208px; float: left; margin-right: 100px; background: #fff; }
.rail_poll .poll_rc { width: 208px; background: #fff; float: left;  background: #fff;  }

.well_placement .poll_ic { width: 340px; float: left; margin-right: 200px; background: #fff; }
.well_placement .poll_rc { width: 340px; background: #fff; float: left;  background: #fff;  }
.well_placement ul, .well_placement li, .rail_poll ul, .rail_poll li { list-style: none; margin-left: 0 !important; padding-left: 0 !important; }

#polls_extended_placement .poll_ic { width: 335px; float: left; margin-right: 200px; background: #fff; }
#polls_extended_placement .poll_rc { width: 335px; float: left; background: #fff; }

#polls_extended_placement .poll_rail { float: left; clear: none; width: 265px; }

.well_placement p.vote_button, #polls_extended_placement p.vote_button { margin: 0 10px 0 0; float: left;}
.well_placement p.poll_results, #polls_extended_placement p.poll_results { float: left; line-height: 28px; margin: 0;}

span.your_vote { text-transform: uppercase; font-size: 11px; color: #999; padding: 0 0 0 10px;}

/* ======================== */
/* = Polls Extended Topic = */
/* ======================== */

        #polls_extended_placement { clear: both; border: 1px solid #e3e3e3; padding: 30px 15px; }

		#polls_extended_placement .pp_question { width: 225px; float: left; padding: 20px; background: #829c9a; position: relative;  }
    	.pp_question h4 { font-size: 18px !important; line-height: 22px !important; font-weight: normal !important; color: #fff !important; margin: 0 0 10px 0 !important;}
    	.rail_poll h4 span { font-size: 14px !important; color: #eee; }
    	.pp_question .arrow { display: block; width: 0px; height: 0px; right: -40px; top: 50%; margin-top: -20px; border-color: transparent transparent transparent #829c9a;
     border-style: solid;
     border-width: 20px; position: absolute; 
    }
    	.pp_date { color: #444; font-size: 12px; color: #eee; line-height: 16px; }

        #polls_extended_placement .poll_text { width: 330px; float: left; padding: 10px 20px 10px 30px; }
        #polls_extended_placement .poll_container { width: 330px; }
        
        ul.poll_choices { margin: 15px 0 0 0; padding: 0 0 15px 0; }
    	ul.poll_choices li { padding: 7px 0; font-size: 14px; color: #000; line-height: 20px; }
    	
    	.vote_button a { background: url("../img/bestof/placements/sml_vote_button.gif") no-repeat scroll 0 0 transparent;
    	height: 28px; width: 168px; display: block; text-indent: -999999px; overflow: hidden; }
    	
    	.vote_grouping { width: 168px; margin: 10px 0 18px 0; text-align: center; }
    	.vote_button a:hover { background-position: -168px 0; } 
    	.vote_button { width: 168px; margin: 0 0 10px 0; display: block;}
    	
    	.poll_heading { border-bottom: 2px solid #ccc; color: #4b4b4b; font-size: 20px; font-weight: normal; padding-bottom: 3px; margin: 0 0 15px 0; }
    	
    	.poll_topbottext { font-size: 14px; color: #444; }
    	
    	.poll_rail { }
    	.poll_rail h5 { font-size: 12px; text-transform: uppercase; color: #999; margin: 18px 0 10px 0; border-top: #e3e3e3; padding: 18px 0 0 0; }
    	.poll_rail li { padding: 15px 0; line-height: 1.65em; position: relative; min-height: 74px; }
    	.elb { display: block; position: absolute; left: 0; width: 8px; height: 74px; background: url('../img/polls/polls_lbracket.gif') left top no-repeat; text-indent: -999999px; }
    	.erb { display: block; position: absolute; right: 0; width: 8px; height: 74px; background: url('../img/polls/polls_rbracket.gif') left top no-repeat; text-indent: -999999px;}
    	.poll_rail h6 a { font-size: 14px; color: #333; }
    	.ext_polls li { width: 255px; text-align: center; position: relative; margin: 10px 0 18px 0; padding: 0 10px; }
    	.ext_polls .cv_link { display: block; color: #0080bb; font-size: 12px; padding: 5px 0; }
        .clear { clear: both; }
        .all_polls_link { font-weight: bold; font-size: 14px; text-align: right; padding: 10px 0;}
        .poll_tdate { color: #898989; font-size: 11px; }
        
    	
        	/* ============= */
        	/* = Rail Poll = */
        	/* ============= */

        	.rail_poll { margin: 25px 0; padding: 5px 0; }
        	.rp_toptext, .rp_bottext { padding: 5px; background: #f3f3f3; color: #333; font-size: 12px; }
        	.rp_bottext { margin: 10px 0 0 0; }
        	.rp_toptext { margin: 0 0 20px 0; }
        	.rail_poll h4 { font-size: 16px; font-weight: bold; margin: 20px 0 10px 0; color: #526362; line-height: 20px; }

        	ul.poll_choices { margin: 0 0 15px 0; }
        	ul.poll_choices li { padding: 7px 0; font-size: 14px; color: #000; }

        	.poll_results, .poll_login { text-align: center; margin: 8px 0; }
        	.poll_results a { font-weight: bold; }

        	.rp_footer { padding: 10px 0; border-top: 1px solid #ddd; margin: 5px 0 15px 0; }
        	.rp_footer li.all_link { float: right; }
        	.rp_footer li.p_share { width: 85px; float: left; }

        	.vote_button a { background: url("../img/bestof/placements/sml_vote_button.gif") no-repeat scroll 0 0 transparent;
        	height: 28px;
        	width: 168px; display: block; text-indent: -999999px; overflow: hidden; }
        	.vote_button a:hover { background-position: -168px 0; } 
        	.vote_button { width: 168px; margin: 0 auto; }

        	.well_placement p.vote_button { margin: 0 10px 0 0; float: left;}
        	.well_placement p.poll_results { float: left; line-height: 28px; margin: 0;}

            .poll_voted_copy { clear: both; font-size: 12px; line-height: 18px; padding: 15px 0 0 0;}

        	/* ================= */
        	/* = Previous Poll = */
        	/* ================= */

            .pp_question p.top_text, .pp_question p.bot_text { color: #fff; }
            .pp_question a { color: #fff; }
        	.past_poll, .poll_question { padding: 20px 0; }
        	.pp_leftcol { width: 230px; float: left; }
        	.pp_question { border: 2px solid #6c817f; width: 210px; float: left; padding: 10px; background: #829c9a; position: relative;  }
        	.pp_question h4 { font-size: 18px; line-height: 22px; font-weight: normal; color: #fff; margin: 0 0 10px 0;}
        	.pp_question .arrow { display: block; width: 0px; height: 0px; right: -30px; top: 50%; margin-top: -15px; border-color: transparent transparent transparent #829c9a;
         border-style: solid;
         border-width: 15px; position: absolute; 
        }
        
        
    
        
            .poll_login { text-align: center; font-weight: bold; text-decoration: underline; }
            .poll_login:hover { text-decoration: none; }

            .article_link { font-weight: bold; font-size: 14px; clear: left; padding-top: 15px;}
             p.top_text, p.bot_text { clear: left; margin: 0 0 18px 0; }
             p.bot_text { padding-top: 18px; }
            .poll_sponsor { padding: 0 0; clear: left; }
            .ps_holder {  width: 234px; margin: 0 auto; }
            .ps_holder p { text-align: center; margin: 0 0 8px 0; }
            .poll_sponsor p, .partner_poll p { text-transform: uppercase; font-size: 10px; color: #999; margin: 0;
	line-height: 18px;
}
            .partner_poll img { max-width: 234px; }

        	.pp_date { color: #444; font-size: 13px; color: #eee; line-height: 18px; margin: 18px 0 0 0;}
        	.pp_date span {  font-size: 12px; display: block; }
        	.pp_results, .pp_quest_results { width: 426px; float: right; overflow: hidden; }

        	.well_placement .poll_container { overflow: hidden; position: relative; width: 426px; }
        	.well_placement .poll_wrapper { position: relative; width: 1500px; }
            
            .rail_poll { width: 220px; float: right; margin: 0 0 30px 30px; }

            .right_rail .rail_poll { float: none !important; margin: 15px auto !important; }
            .right_rail .rail_poll_question {  padding: 10px; background: #efefef; position: relative; margin: 0 0 20px 0;}
            .right_rail .rail_poll h4 { font-size: 15px; font-weight: normal; text-align: center; } 
            .right_rail .rail_poll ul.poll_choices li { font-size: 12px; line-height: 16px; clear: both; }
                    .right_rail .rail_poll .rp_arrow { display: block; width: 0px; height: 0px; bottom: -29px; left: 50%; margin-left: -15px;  border-color: #efefef transparent transparent transparent; z-index: 5;
                 border-style: solid;
                 border-width: 15px; position: absolute;}
            
            /* ======================= */
            /* = Labeling Placements = */
            /* ======================= */
            .right_rail .rail_poll li input, .well_placement li input { float: left; }
            .right_rail .rail_poll li label { float: right; width: 190px; }
            .well_placement ul.poll_choices li { clear: both; }
            .well_placement li label { float: right; width: 310px;}
            
            .rail_poll_list { margin: 30px 0; }
        	.rail_poll .poll_container { width: 220px; overflow: hidden; position: relative;}
        	.rail_poll .poll_wrapper { position: relative; width: 1000px; }

        	.rail_poll .poll_ic { width: 220px; float: left; margin-right: 100px; background: #fff; }
        	.rail_poll .poll_rc { width: 220px; background: #fff; float: left;  background: #fff;  }

        	.well_placement .poll_ic { width: 345px; float: left; background: #fff; }

        	.pp_results li, .wp_results li { padding: 0 0 10px 0;}
        	.pp_results strong { font-size: 14px; display: block; margin: 0 0 8px 0; }
        	.wp_results strong { font-size: 12px; display: block; margin: 0 0 4px 0; line-height: 14px;}
            .wp_results { margin: 12px 0;}
        	.pp_related { padding: 20px 0 0 0; font-size: 14px; width: 230px; float: left;  }
        	.pp_votes { padding: 20px 0 0 0; font-size: 14px; width: 426px; float: right; }

        	.chart { height: 15px; display: block; background: #ccc; position: relative;}
        	.chart span { height: 15px; display: block; background: #526362; position: absolute; z-index: 1; }
        	.chart em { font-style: normal; color: #fff; font-size: 12px; float: right; line-height: 15px; position: relative; z-index: 5; padding: 0 5px 0 0;}
        	.chart span.p50 { width: 213px; }
        	.chart span.p25 { width: 105px; }
        	.chart span.p75 { width: 319px; }

        	.vote_switch { margin: 10px 0; font-size: 14px; font-weight: bold; }

        	.error,
            .notice, 
            .success    { padding: .8em; margin-bottom: 1em; border: 2px solid #ddd; }

            .error      { background: #FBE3E4; color: #8a1f11; border-color: #FBC2C4; }
            .notice     { background: #FFF6BF; color: #514721; border-color: #FFD324; }
            .success    { background: #E6EFC2; color: #264409; border-color: #C6D880; }
            .error a    { color: #8a1f11; }
            .notice a   { color: #514721; }
            .success a  { color: #264409; }
            
            
            /* ============= */
            /* = End Polls = */
            /* ============= */	


/* ==========================================================================
   Media Queries
   ========================================================================== */

@media only screen and (max-width: 768px) {
article .container { padding-top:170px; }
.mlive.bar .search { width:80%; float:none; clear:both; margin:auto; }
#adv-site-search { width:230px; }
.headline h2 { font-size:1.5em; }
.mlive.bar { text-align:center; }
.mlive.bar img.aan { width:230px; }
.mlive.bar img.mlive { width:30px; }
.mlive.bar a { margin:auto; display:inline-block; width:auto; }

.image_left,
.image_right  { float: none !important;  clear:both !important; width:100% !important; margin:0 !important; }
.image_left img,
.image_right img { width:100%; }
.image_center img { margin-bottom:0 !important; }
.image_center { margin:auto; clear:both; }
.image_none { margin:0; clear:both; }

.pluck-comm-comment-content {
margin-right:0 !important;
}

}

@media only screen and (min-width: 35em) {

}

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {

}

/* ==========================================================================
   Helper classes
   ========================================================================== */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

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

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}