h1 { color: #dd6101;font-size: 36px;font-weight: 200;line-height: 56px;margin: 0; }

/* Page Layout */
.pg-body { width:1024px; padding: 5px; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; font-family:'Open Sans', sans-serif; }
.pg-body  .pg-opinions { padding-left:8px; width:717px; }

 #pg-head { margin: 5px 0 0 0; }
 #pg-head h1 { float:left; }
 #pg-head .head-right { float:right; margin-top: 16px;}

#leaderboard {float:right; background: url('/images/leaderboard.png') no-repeat 0 0; background-size: 24px 24px; padding: 2px 20px 0 30px; font-size: 15px; min-height: 27px;text-align: left;}
#leaderboard a { font-size: 15px;}


/* Typography */
.pg-opinions h1, .pg-opinions h2, .pg-opinions h3 { font-family: georgia, times, serif; }
.pg-opinions h1 { font-size:27px; color:#dd6101; font-weight:normal; }

/* Header */
#pg-head p { color:#666; font-size:14px; font-family: georgia, times, serif; font-style:italic; clear:left; }

/* Sprite */
#voting a, .voting-results a span, .voting-results .percbar, .voting-results .percbar .result, .small-vote a { background-image:url(/opinions/static/images/sp-opinions.png); background-repeat:no-repeat; }

/* Sprite 2*/
.item-down, .item-up, .voting-results .graybar .no-result  { background-image:url(/opinions/static/images/sprite-opinion.png); background-repeat:no-repeat; }

/* Sprite 3*/
#real-time h2 span, #trending h2 span, #news h2 span  { background-image:url(/opinions/static/images/sprite_new.png); background-repeat:no-repeat; }

/* Ask */
#ask { background:#eeeeee; padding:17px; display:block; margin-top: 35px; }
#ask h3 { width:120px; float:left; color:#162b5c; font-size:18px; font-style:italic; font-weight:normal; line-height:19px; }
#ask h3 span { display:block; font-size:23px; }
#ask input { padding:10px 11px; width:510px; border:1px solid #cbcfd9; font-size:14px; float:left; }
#ask .button { margin:3px 0px 0 0;padding-left: 20px;padding-right: 20px; float:right;line-height: 18px;  }
#ask .qerror { display:inline-block; color:Red; margin-left:124px; margin-top:5px; clear:left; }

/* Sort */
#sort { display:block;margin-top: 50px; }
#sort li {  margin-top:3px; height: 30px; float:left;display: inline-block;margin-left: 25px; }
#sort li.inactive a { float:left; font-size:14px;background: #F7D3B3;margin-top: -7px; display: block; color:#dd6101;padding: 8px 16px;font-size: 13px; }
#sort li.active span { position: absolute;bottom: -13px;*bottom: -10px;left: 45%;height: 0;width: 0;border-left: 8px solid transparent;border-right: 8px solid transparent;border-top: 13px solid #C25C08; }
#sort li:first-child { margin-left: 0;}
#sort li.active a { position: relative;margin-top: -7px;box-shadow: none; font-weight: 300;line-height: 24px;color:#ffffff;text-shadow: none;padding: 5px 20px;font-size: 14px;border-radius: 5px; }

/* Opinions List */
#opinions-list {margin: 20px auto;width: 700px; position:relative; }
#opinions-list li { float:left; border:1px solid #e0e0e0; padding:11px; margin:0 75px 24px 0; width:288px;background: #ffffff;}
#opinions-list li.l { margin-right:0; }
#opinions-list .l-name a { color:#FFF; }
#opinions-list .l-name a:hover { color:#FFF; text-decoration:underline; }
#opinions-list .l-ad { margin:0px; padding:5px; width:300px;}
#opinions-list .l-ad-banner { margin:0px; padding:5px; width:728px; margin-left:-30px; margin-bottom:20px;}

.a-image-contain { display: block; height: 175px; width: 285px; }
.image-frame { background-color: #808080; display: block; position: relative; text-align: center; width:285px; min-height: 175px; min-width: 285px; margin: 0 auto; }
.image-frame img { display:block; width:285px; height: 175px; }
.image-frame p { position:absolute; bottom:0; left:0; background:#000; background:rgba(0,0,0,.5); color:#fff; margin:0; padding:13px; width:259px; line-height:16px; }
#voting { margin-top:10px; position:relative; width:290px; }
#voting a { float:left; display:block; text-indent:-9999em; width:113px; height:51px; background-position:0 -346px;margin-left: 44px; }
#voting .no-vote { background-position:-113px -346px;margin: 0; }
.voting-results { display:none; position:absolute; top:0; left:0; width:264px; padding:10px; background:#000; background:rgba(0,0,0,.8); }
.voting-results .percbar { width:221px; padding:1px 24px 0; background-position:0 -258px; height:22px;}
.voting-results .graybar { width:298px; padding:1px 0 0;   }
.voting-results .result { float:left; height:22px; color:#fff; background-position:-24px -259px; display:block; text-align:left; font-family:verdana, arial, times, serif; font-weight:bold; font-size:11px; line-height:22px; padding-left:5%; }
.voting-results .result-n { background-position:right -281px; text-align:right; padding-right:5%; padding-left:0;float:right; }
.voting-results .no-result {background-position:0px -299px; width:288px; height:26px; float:left; display:block; margin-left:18px; }
.voting-results a { font-size:14px; text-align:center; display:block; padding-left:23px; color:#fff; position:relative; width:180px; margin:10px auto 0; }
.voting-results a:hover { text-decoration:underline; }
.voting-results a span { display:block; position:absolute; left:0; top:0; height:21px; width:23px; background-position:-161px -224px; }
.voting-results .result-y {float: left;}

/* Pager */
#pager { font-size:18px; display:block; clear:both;margin: 5px 0; padding-right:20px; }
#current-page { color:#dd6101; float:left;padding: 15px 0; }
#pages {text-align: center;font-size: 15px;float: right;}
#pages a { background-color: #eeeeee;margin: 0 3px;border-radius: 5px;padding: 8px 0;text-decoration: none;width: 40px;display: inline-block; }
#pages a:hover {color: #ffffff; background-color: #3764d2;}
#pages .active { display: inline-block;*display: inline;*zoom: 1;width: 40px;height: 22px;text-align: center;padding: 7px 0 8px;line-height: 25px;margin: 10px 3px;*margin-bottom: 2px; color: #ffffff;font-weight: 600;font-size: 15px;font-size: 14px\9;text-shadow: -1px -1px #555;background: url(../static/images/btn-slice-orange.png) #dd6101; }

/* hr */
.hr { border-top:1px solid #b7b7b7; margin:15px 0; display:block; clear:both; }

/* Real-Time Opinions */
#real-time { margin-bottom: 20px; }
#real-time a:hover { text-decoration:underline; color:#126AD8; }
#real-time h2 { color:#dd6101; font-size:26px; line-height:35px; height:35px; position:relative; padding-left:35px; font-weight:normal; }
#real-time h2 span { display:block; width:30px; height:30px; background-position:0 -1108px; position:absolute; top:0; left:0; }
.opinion-title { font-size:14px; }
#real-time p { margin:0; }
/*#real-time li { position:relative; border-top:1px solid #e9cbb9; padding:18px 161px 18px 10px; min-height:55px;width:50%;}
#real-time li.f { border:none; }*/
#real-time li:last-child { padding-bottom:0; }
#real-time .small-vote { position:absolute; top:18px; left:0; width:150px;text-align:center; }
.stance { font-size:14px; }
.small-vote .cf { margin:2px auto 0; display:block; width:150px; }
.small-vote a { float:left; width:75px; height:29px; text-indent:-9999em; display:block; background-position:0 -218px; }
.small-vote .no-vote { background-position:-75px -218px; }
.current-result { color:#5f9816; font-size:13px; }
.current-result.neg { color:#a64624; }

#real-time .container{display:block;text-align:left;width:45%;margin-bottom:15px;}
#real-time .container .rtol{display:inline-block;width:50%;}
#real-time .container .rtor{display:inline-block;width:25%;}
#real-time .container .rtol a { background-image:url(/opinions/static/images/sp-opinions.png); background-repeat:no-repeat;float:left; width:75px; height:29px; text-indent:-9999em; display:block; background-position:0 -218px; }
#real-time .container .rtol .no-vote { background-position:-75px -218px; }
#real-time .current-result { color:#5f9816; font-size:13px; }
#real-time .current-result.neg { color:#a64624; }
#real-time .r {float:right;}
#real-time .l {float:left;padding-right:5px;}
#real-time li {float:left;width:100%;border-top:1px solid #e9cbb9;display:inline;min-height:55px;}
.real-time-title {margin-bottom:10px;}

/* Trending Topics */
#trending { margin-bottom: 20px; }
#trending h2 { color:#dd6101; font-size:26px; line-height:35px; height:35px; position:relative; padding-left:35px; font-weight:normal; }
#trending h2 span { display:block; width:30px; height:30px; background-position:0 -1059px; position:absolute; top:0; left:0; }
#trending ul { width: 834px;}
#trending li { float:left; width:378px; margin:0 50px 0 0; border-top:1px solid #e9cbb9; padding:9px 0 9px 10px; }
#trending li:last-child { padding-bottom:0; }
#trending li a { line-height:15px; display:inline-block; }
#trending li a:hover { text-decoration:underline; color:#126AD8; }
#trending li.l { margin-right:0; }
#trending li.f { border:none; }
#trending .current-result { font-weight:bold; }

/* In the News */
#news {margin: 20px 0; }
#news h2 { color:#dd6101; font-size:18px; position:relative; padding-left:35px; font-weight:600; }
#news h2 span { display:block; width:30px; height:24px; background-position:0 -1160px; position:absolute; top:0; left:0; }
#news li { float: left;margin-left: 22px;width: 180px;text-align: center;font-size: 12px;}
#news li:first-child { margin-left: 0;}
#news .frame img { border: 1px solid #DDDDDD; margin: 0; padding: 5px; width: 150px;background: #ffffff; }