body,html,div,blockquote,img,label,p,h1,h2,h3,h4,h5,h6,pre,ul,ol,li,dl,dt,dd,form,a,fieldset,input,th,td
{
margin:0;padding:0;outline:none;
}
body
{
font:13px "Helvetica Neue",Arial,Helvetica,Geneva,sans-serif;background-color:#fff;min-width:940px;-webkit-font-smoothing:antialiased;
}
.background-grey
{
background-color:#eee;
}
.background-black
{
background-color:#000;
}
a
{
color:#0087F7;text-decoration:none;
}
#container
{
position:relative;
}
.page
{
width:940px;margin:0 auto 40px;
}
.main-wrap
{
float:left;width:600px;
}
input[type='text'],input[type='email'],input[type='password'],input[type='url'],textarea
{
-webkit-appearance:none;-moz-appearance:none;border:1px solid #ddd;font:13px "Helvetica Neue",Arial,Helvetica,Geneva,sans-serif;
}
input[type='text'],input[type='email'],input[type='password'],input[type='url']
{
line-height:20px;height:20px;padding:9px;border-radius:3px;display:block;margin:6px 0;width:440px;
}
textarea
{
outline:none;border-radius:3px;line-height:20px;padding:9px;resize:none;margin:6px 0;display:block;
}
select
{
display:block;margin:0;box-sizing:border-box;line-height:20px;height:40px;padding:5px 0;font:13px "Helvetica Neue",Arial,Helvetica,Geneva,sans-serif;border:1px solid #999;font-weight:bold;outline:none;margin:6px 0;
}
.field
{
margin:20px 0;position:relative;
}
.field label
{
display:block;font-weight:bold;
}
.field p.tips
{
color:#999;font-size:12px;
}
.field p.error-message
{
font-size:12px;color:#f00;margin-top:10px;
}
.field.checkbox
{
margin:10px 0;
}
.field.checkbox label
{
font-weight:normal;position:relative;padding:4px 0 4px 20px;
}
.field.checkbox label input[type='checkbox']
{
position:absolute;left:0;top:6px;
}
.field.checkbox label input[type='radio']
{
position:absolute;left:0;top:5px;
}
.file-field
{
background-color:#f4f4f4;height:20px;padding:9px;border:1px solid #ddd;border-radius:3px;margin:6px 0;box-shadow:0 1px 1px rgba(0,0,0,0.1) inset;
}
.date-picker
{
overflow:hidden;width:420px;
}
.date-picker input.year,.date-picker input.month,.date-picker input.day
{
float:left;text-align:center;
}
.date-picker input.year
{
width:37%;
}
.date-picker input.month,.date-picker input.day
{
width:20%;margin-left:2%;
}
.field.captcha h3
{
margin:20px 0 5px;font-size:13px;
}
.field.avatar label
{
margin-bottom:6px;
}
.field.avatar .avatar-container
{
float:left;
}
.field.avatar .control
{
float:left;margin:0px 0 0px 20px;height:80px;
}
.field.avatar input[type='file']
{
margin-bottom:6px;
}
.group-cell
{
background-color:#f4f4f4;margin:30px 0;border-radius:3px;box-shadow:0 1px 0 rgba(0,0,0,0.1);width:460px;
}
.group-cell .header
{
height:40px;padding:10px 10px 0;
}
.group-cell .header h3
{
line-height:20px;padding:10px;color:#999;font-size:13px;
}
.group-cell .content
{
padding:10px 0;margin:0 20px;border-top:1px solid #ddd;
}
.btn-container
{
padding:10px 0;margin-top:20px;overflow:hidden;
}
input[type='submit'],a.btn
{
color:#fff;background-color:#0087F7;padding:9px 20px;border:1px solid #0087F7;border-radius:3px;box-shadow:0 1px 0 rgba(0,0,0,0.08);font:bold 14px/20px "Helvetica Neue",Arial,Helvetica,Geneva,sans-serif;cursor:pointer;text-decoration:none;display:inline-block;text-align:center;-webkit-appearance:none;
}
a.btn.size-30
{
font-size:12px;padding:4px 15px;
}
a.btn.red
{
background-color:#FE2232;border-color:#FE2232;
}
a.btn.grey
{
background-color:#f5f5f5;border-color:#f5f5f5;color:#999;
}
a.thick
{
line-height:20px;padding:10px 15px;display:block;
}
input[type='submit'].disabled
{
background-color:#f4f4f4;cursor:default;color:#aaa;
}
.popup-menu
{
position:absolute;left:50%;margin-left:-60px;z-index:1;min-width:160px;padding-top:6px;
}
.popup-menu .arrow-wrap
{
position:absolute;border-bottom:7px solid #ccc;border-left:6px solid transparent;border-right:6px solid transparent;top:0;left:50%;margin-left:-6px;display:none;
}
.popup-menu .arrow-wrap .arrow
{
border-bottom:6px solid #fff;border-left:5px solid transparent;border-right:5px solid transparent;top:2px;left:-5px;position:absolute;
}
.popup-menu ul
{
list-style-type:none;overflow:hidden;padding:5px 0;background-color:#fff;box-shadow:0 5px 10px rgba(0,0,0,0.2);border:1px solid #ccc;
}
.popup-menu a
{
display:block;color:#777;background-color:#fff;line-height:30px;padding:0 20px;font-size:13px;
}
.popup-menu a:hover
{
background-color:#f4f4f4;color:#000;
}
.popup-menu.funny
{
margin-left:-190px;top:35px;
}
.popup-menu.funny .arrow-wrap
{
margin-left:-45px;
}
.popup-menu.user
{
margin-left:auto;left:auto;right:0;top:35px;z-index:3;min-width:10px;width:160px;
}
.popup-menu.user .arrow-wrap
{
margin-left:30px;
}
.popup-menu.download
{
right:0;left:auto;top:35px;width:200px;margin-left:auto;
}
.popup-menu.upload
{
right:0;left:auto;top:35px;width:160px;
}
.popup-menu.more-share
{
left:338px;top:24px;
}
.toast
{
position:absolute;width:100%;left:0;z-index:3;color:#000;text-align:center;height:0;
}
.toast p
{
display:inline-block;background-color:#ffe168;padding:5px 10px;line-height:20px;border-radius:3px;box-shadow:0 3px 5px rgba(0,0,0,0.3);position:relative;
}
.toast p.close
{
padding-right:35px;
}
.toast.toast-color-green p
{
background-color:#690;top:10px;
}
.toast.toast-color-yellow p
{
background-color:#ffe168;top:50px;
}
.toast.toast-color-red p
{
background-color:#c00;top:10px;
}
.toast a.btn-close
{
color:#000;position:absolute;top:5px;right:10px;
}
section.announcement-banner
{
background-color:#222;height:40px;box-shadow:0 -1px 2px rgba(0,0,0,0.2) inset;color:#fff;overflow:hidden;width:100%;text-align:center;min-width:940px;position:relative;
}
section.announcement-banner.yellow
{
background-color:#ffe168;color:#000;
}
section.announcement-banner.blue
{
background-color:#c6ebff;color:#000;
}
section.announcement-banner p
{
line-height:40px;height:40px;
}
section.announcement-banner p a
{
font-weight:bold;
}
section.announcement-banner a.btn-close
{
position:absolute;top:0;right:0;display:block;width:40px;height:40px;background:url(../img/icon-close.png) center no-repeat;background-size:30%;text-indent:-999px;overflow:hidden;
}
a.give-feedback
{
position:fixed;right:-40px;top:50%;display:block;color:#999;font-weight:bold;background-color:#ddd;line-height:30px;height:30px;padding:0 10px;-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-o-transform:rotate(-90deg);-ms-transform:rotate(-90deg);-webkit-transform:rotate(-90deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
.placeholder
{
display:block;background-color:rgba(0,0,0,0.1);
}
.placeholder.post-long
{
width:700px;height:1200px;
}
.placeholder.post-700
{
width:700px;height:400px;
}
.placeholder.post-540
{
width:540px;height:400px;
}
.placeholder.post-520
{
width:520px;height:400px;
}
.placeholder.post-520.long
{
width:520px;height:800px;
}
.placeholder.post-500
{
width:500px;height:300px;
}
.placeholder.post-460
{
width:460px;height:400px;
}
.placeholder.post-300
{
width:300px;height:145px;
}
.placeholder.post-300x100
{
width:300px;height:100px;
}
.placeholder.post-240
{
width:240px;height:240px;
}
.placeholder.post-220
{
width:220px;height:147px;
}
.placeholder.size-180x120
{
width:180px;height:120px;
}
.placeholder.post-160
{
width:160px;height:160px;
}
.placeholder.post-120
{
width:120px;height:68px;
}
.placeholder.post-90
{
width:90px;height:60px;
}
.placeholder.post-80
{
width:80px;height:80px;
}
.placeholder.post-50
{
width:50px;height:50px;
}
.placeholder.post-40
{
width:40px;height:40px;
}
.placeholder.ad-728
{
width:728px;height:90px;
}
.placeholder.ad-700
{
width:700px;height:90px;
}
.placeholder.ad-600
{
width:300px;height:600px;
}
.placeholder.ad-300
{
width:300px;height:250px;
}
.placeholder.ad-125
{
width:125px;height:125px;
}
.placeholder.avatar-120
{
width:120px;height:120px;
}
.placeholder.avatar-80
{
width:80px;height:80px;
}
.placeholder.avatar-50
{
width:50px;height:50px;
}
.placeholder.avatar-40
{
width:40px;height:40px;
}
.placeholder.avatar-30
{
width:30px;height:30px;
}
.placeholder.photo-700
{
width:700px;height:400px;
}
.placeholder.photo-640
{
width:640px;height:360px;
}
.placeholder.banner-300
{
width:100%;height:300px;
}
.placeholder.size-240-80
{
width:240px;height:80px;
}
header#top-nav
{
background-color:#f4f4f4;width:100%;height:46px;border-bottom:1px solid rgba(0,0,0,0.1);
}
header#top-nav.shift-50
{
top:50px;
}
header#top-nav.shift-40
{
top:40px;
}
header#top-nav.shift-30
{
top:30px;
}
header#top-nav .nav-wrap
{
width:940px;height:46px;margin:0 auto;position:relative;
}
header#top-nav a
{
text-decoration:none;
}
header#top-nav h1
{
float:left;
}
header#top-nav h1 a
{
display:block;height:46px;width:90px;background:url(../img/9gag-logo-white.png) left center no-repeat;text-indent:-9999px;overflow:hidden;
}
header#top-nav .headbar-items
{
float:left;
}
header#top-nav .headbar-items ul
{
overflow:hidden;list-style-type:none;font-size:13px;
}
.headbar-items li
{
float:left;
}
.headbar-items a
{
display:block;color:#777;position:relative;padding:0 10px;
}
.headbar-items a span.label
{
line-height:48px;height:44px;display:block;padding:0 5px;border-bottom:3px solid transparent;
}
.headbar-items a.with-drop
{
padding-right:20px;
}
.headbar-items a span.drop-arrow
{
display:inline-block;background:url(../img/dropdown.png) -5px -5px;width:10px;height:10px;margin-left:2px;
}
.headbar-items a:hover
{
color:#000;
}
.headbar-items a:hover span.drop-arrow
{
background:url(../img/dropdown.png) -5px;
}
.headbar-items a.selected-alt
{
color:#000;
}
.headbar-items a.selected-alt span.drop-arrow
{
background:url(../img/dropdown.png) -5px -45px;
}
.headbar-items a.menu
{
color:#000;
}
.headbar-items a.menu span.drop-arrow
{
border-top-color:#000;
}
.headbar-items a.selected span.label
{
color:#ee0005;font-weight:bold;border-color:#ee0005;
}
.headbar-items a span.label.new:after
{
content:'New';display:block;position:absolute;text-transform:uppercase;padding:0 4px;top:3px;right:4px;color:#fff;font-size:9px;font-weight:bold;border-radius:2px;background-color:#00a256;height:14px;line-height:14px;
}
form#headbar-search
{
float:right;margin:9px 0 0 10px;position:relative;
}
form#headbar-search input[type='text']
{
margin:0;line-height:20px;height:20px;padding:4px 4px 4px 27px;width:0;border-color:transparent;color:#222;background:url(../img/icon-search-headbar-white.png) 0 0 no-repeat;-webkit-transition:width .2s ease-out;cursor:pointer;
}
form#headbar-search input[type='text']:hover
{
background:url(../img/icon-search-headbar-white.png) 0 -30px no-repeat;
}
form#headbar-search.selected input[type='text']
{
margin:0;line-height:20px;height:20px;padding:4px 4px 4px 30px;width:150px;border-color:#bbb;color:#222;background:#fff url(../img/icon-search-headbar-white.png) 0 -30px no-repeat;background-size:30px;-webkit-transition:width .3s ease-out;cursor:text;
}
form#headbar-search ul.search-suggestion
{
top:35px;left:0;z-index:3;width:186px;
}
.user-function
{
float:right;padding-top:8px;height:38px;
}
.user-function .upload,.visitor-function .upload
{
float:left;
}
.visitor-function div.upload
{
margin-top:8px;
}
.user-function a.upload,.visitor-function a.upload
{
color:#fff;display:block;line-height:30px;padding:0 12px;border-radius:3px;font-size:13px;background-color:#ee0b04;font-weight:bold;margin-left:10px;
}
.user-function a.upload:hover,.visitor-function a.upload:hover
{
box-shadow:0 -1px 1px rgba(0,0,0,0.2) inset;
}
.user-function a.upload:active,.visitor-function a.upload:active
{
box-shadow:0 1px 1px rgba(0,0,0,0.3) inset;
}
.user-function .notification
{
float:left;width:40px;margin-right:10px;
}
.notification .bell
{
display:block;width:40px;height:30px;background:url(../img/notification-bell.png) 0 1px no-repeat;position:relative;
}
.notification .bell:hover
{
background:url(../img/notification-bell.png) 0 -29px no-repeat;
}
.notification .bell.selected
{
background:url(../img/notification-bell.png) 0 -59px no-repeat;
}
.notification .bell .badge
{
display:inline-block;font-size:10px;line-height:14px;height:14px;background-color:#ee0005;color:#fff;font-weight:bold;border-radius:4px;padding:0 3px;text-shadow:0 1px 1px #ee0005;position:absolute;left:15px;top:0;border:1px solid #f4f4f4;
}
.user-function a.btn,.visitor-function a.btn
{
display:block;padding:4px 10px;font-size:12px;line-height:20px;margin-left:15px;
}
.visitor-function a.link
{
display:block;padding:0 10px;line-height:47px;float:left;font-size:13px;color:#999;
}
.visitor-function a.link:hover
{
color:#000;
}
.user-function .avatar
{
float:left;position:relative;
}
.user-function .avatar .drop-arrow
{
display:inline-block;background:url(../img/dropdown.png) -5px -5px;width:10px;height:10px;position:absolute;right:5px;top:10px;
}
.user-function .avatar-container
{
display:block;width:30px;height:30px;overflow:hidden;position:relative;
}
.user-function .avatar-container img
{
width:30px;height:30px;border-radius:3px;border:none;position:absolute;
}
.user-function .avatar-container span.name
{
margin-left:38px;display:block;color:#999;line-height:21px;margin-top:5px;
}
.user-function .avatar-container:hover span.name
{
color:#000;
}
.user-function .avatar-container:hover .drop-arrow
{
background:url(../img/dropdown.png) -5px -25px;
}
.user-function .avatar-container.selected span.name
{
color:#000;
}
.user-function .avatar-container.selected .drop-arrow
{
background:url(../img/dropdown.png) -5px -45px;
}
.visitor-function
{
float:right;
}
.visitor-function a.btn
{
float:left;
}
.visitor-function a.btn.blue
{
background-color:#0087F7;border-color:#0087F7;color:#fff;
}
.download-function
{
float:right;position:relative;
}
.download-function a.mobile
{
display:block;height:46px;width:46px;background:url(../img/mobile-menu.png) no-repeat;text-indent:-999px;overflow:hidden;
}
.download-function a.mobile:hover
{
background:url(../img/mobile-menu.png) 0 -46px no-repeat;
}
.download-function a.mobile.selected
{
background:url(../img/mobile-menu.png) 0 -92px no-repeat;
}
p.explain
{
font-size:16px;font-weight:bold;float:left;line-height:24px;margin:13px 0;color:#000;
}
a.btn-link
{
color:#999;line-height:30px;display:block;margin:10px 0;
}
a.btn-link:hover
{
color:#2D72D9;
}
.notification-menu
{
position:absolute;top:41px;right:0;background-color:#fff;width:320px;box-shadow:0 5px 10px rgba(0,0,0,0.2);border:1px solid #ccc;z-index:2;
}
.notification-menu .title
{
height:30px;border-bottom:1px solid #ddd;
}
.notification-menu .title h3
{
font-size:12px;color:#000;margin:0 10px;line-height:30px;
}
.notification-menu .bumper
{
width:320px;height:30px;background-color:#fff;border-radius:0 0 3px 3px;box-shadow:0 -2px 2px rgba(0,0,0,0.03);border-top:1px solid #ddd;
}
.notification-menu .bumper a.see-all
{
display:block;height:30px;line-height:30px;text-align:center;color:#999;font-size:12px;
}
.notification-menu li.empty
{
position:relative;height:400px;padding:0;cursor:default;
}
.notification-menu li.empty:hover
{
background-color:#fff;
}
.notification-menu .empty-message
{
position:relative;top:50%;left:50%;height:20px;line-height:20px;width:300px;text-align:center;margin-left:-150px;margin-top:-10px;color:#999;font-weight:bold;font-size:15px;
}
.notification-menu .bumper a.see-all:hover
{
color:#000;
}
.notification-list
{
height:400px;
}
.notification-list ul
{
list-style-type:none;padding-bottom:20px;
}
.notification-list li a.item
{
display:block;overflow:hidden;position:relative;color:#000;padding-bottom:10px;border-bottom:1px solid #eee;background-color:#fff;
}
.notification-list li a.item.new
{
background-color:#f4f4f4;border-bottom-color:#eee;
}
.notification-list a.item:hover
{
background-color:#eee;
}
.notification-list a.item:active
{
background-color:#eaeaea;
}
.notification-list li a.item.new:hover
{
background-color:#eee;
}
.notification-list li a.item.new:active
{
background-color:#eaeaea;
}
.notification-list li:last-child a.item
{
border-bottom:none;
}
.notification-list .avatar-container
{
position:absolute;top:10px;left:10px;background-color:#f4f4f4;overflow:hidden;width:40px;height:40px;padding:0;
}
.notification-list .avatar-container a,.notification-list .avatar-container img
{
display:block;width:40px;height:40px;border:none;
}
.notification-list .content
{
margin:10px 10px 0 60px;
}
.notification-list li.with-thumb .content
{
min-height:40px;margin-right:60px;
}
.notification-list p.message
{
line-height:1.3em;
}
.notification-list p.message a,.notification-list p.message span.actor
{
font-weight:bold;
}
.notification-list p.timestamp
{
font-size:11px;color:#999;line-height:16px;margin-top:5px;vertical-align:top;
}
.notification-list p.timestamp span.icon
{
width:16px;height:16px;display:none;overflow:hidden;text-indent:-999px;border-radius:3px;margin-right:3px;
}
.notification-list p.timestamp span.icon.downvote
{
background:#f04 url("../img/notification-action-icon-sprite.png") 0 0 no-repeat;-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-o-transform: rotate(180deg);-ms-transform: rotate(180deg);transform: rotate(180deg); 
}
.notification-list p.timestamp span.icon.upvote
{
background:#00a356 url("../img/notification-action-icon-sprite.png") -16px 0 no-repeat;
}
.notification-list p.timestamp span.icon.friend
{
background:#feca12 url("../img/notification-action-icon-sprite.png") -32px 0 no-repeat;
}
.notification-list p.timestamp span.icon.comment
{
background:#13aaff url("../img/notification-action-icon-sprite.png") -48px 0 no-repeat;
}
.notification-list .post-container
{
position:absolute;top:10px;right:10px;width:40px;height:40px;overflow:hidden;
}
.notification-list .post-container a
{
display:block;width:50px;height:50px;border:none;overflow:hidden;
}
.notification-list .post-container img
{
height:40px;width:40px;border:none;
}
#notification-detail .section-title
{
margin-bottom:20px;
}
#notification-detail .section-title h3
{
font-size:22px;
}
.notification-text-list
{
position:relative;
}
.notification-text-list ul
{
list-style-type:none;
}
.notification-text-list li
{
position:relative;overflow:hidden;
}
.notification-text-list .label
{
border-bottom:1px solid #ddd;margin-top:20px;
}
.notification-text-list li.message
{
border-bottom:1px solid #eee;
}
.notification-text-list li:last-child
{
border-bottom:0;
}
.notification-text-list .label:first-child
{
margin-top:0;
}
.notification-text-list .label h3
{
font-size:15px;padding:10px 0;
}
.notification-text-list p
{
padding:10px 0 10px 24px;line-height:1.3em;
}
.notification-text-list a
{
color:#000;font-weight:bold;
}
.notification-text-list a:hover
{
text-decoration:underline;
}
.notification-text-list span.time
{
display:inline-block;color:#999;font-size:11px;
}
.notification-text-list span.icon
{
display:block;width:16px;height:16px;position:absolute;left:2px;top:11px;text-indent:-999px;overflow:hidden;border-radius:3px;
}
.notification-text-list span.icon.downvote
{
background:#f04 url("../img/notification-action-icon-sprite.png") 0 0 no-repeat;-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-o-transform: rotate(180deg);-ms-transform: rotate(180deg);transform: rotate(180deg); 
}
.notification-text-list span.icon.upvote
{
background:#00a356 url(../img/notification-action-icon-sprite.png) no-repeat;
}
.notification-text-list span.icon.comment
{
background:#13aaff url(../img/notification-action-icon-sprite.png) -32px 0 no-repeat;
}
.notification-text-list span.icon.friend
{
background:#feca12 url(../img/notification-action-icon-sprite.png) -16px 0 no-repeat;
}
.notification-text-list .empty-message
{
height:20px;line-height:20px;width:300px;color:#999;font-weight:bold;font-size:15px;
}
.notification-text-list .empty-message p
{
padding:0;
}
#jsid-header-notification-items .viewport
{
width:320px;height:400px;overflow:hidden;position:relative;
}
#jsid-header-notification-items .overview
{
list-style:none;position:absolute;left:0;top:0;padding:0;margin:0;width:320px;
}
#jsid-header-notification-items .scrollbar
{
float:right;width:6px;position:absolute;right:2px;z-index:1;cursor:pointer;
}
#jsid-header-notification-items .track
{
height:100%;width:6px;position:relative;
}
#jsid-header-notification-items .thumb
{
background:rgba(0,0,0,0.4);height:20px;width:6px;overflow:hidden;position:absolute;top:0;border-radius:4px;opacity:0;-webkit-transition:opacity .5s .8s ease;
}
#jsid-header-notification-items:hover .thumb
{
opacity:1;-webkit-transition:opacity .1s 0 ease;
}
#jsid-header-notification-items .disable
{
display:none;
}
.noSelect
{
user-select:none;-o-user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;
}
.section-nav
{
background-color:#fff;border-bottom:1px solid #ddd;position:relative;width:100%;height:46px;
}
.section-nav .width-limit
{
width:940px;height:46px;margin:auto;position:relative;
}
.section-nav .options
{
width:580px;position:absolute;top:0;left:0;
}
.section-nav ul
{
list-style-type:none;height:40px;float:left;
}
.section-nav li
{
float:left;vertical-align:middle;margin-right:20px;position:relative;
}
.section-nav a
{
color:#999;display:block;line-height:47px;height:44px;padding:0 10px;border-bottom:3px solid transparent;
}
.section-nav a:hover
{
font-weight:normal;color:#000;
}
.section-nav a.selected
{
color:#000;font-weight:bold;border-bottom:3px solid #000;
}
.section-nav .slogan
{
padding:13px 0;float:left;margin-right:20px;
}
.section-nav .slogan p
{
font-size:13px;line-height:21px;height:20px;color:#999;
}
.section-nav .options
{
width:580px;position:absolute;top:0;left:0;
}
.section-nav ul
{
list-style-type:none;height:40px;float:left;
}
.section-nav li
{
float:left;vertical-align:middle;margin-right:20px;position:relative;
}
.section-nav .social-love
{
float:left;padding:13px 0;
}
.section-nav .social-love ul
{
width:auto;height:20px;
}
.section-nav .social-love li
{
margin-left:5px;margin-right:0;float:left;
}
.section-nav .social-love span.facebook-like
{
display:block;height:20px;width:88px;overflow:hidden;
}
.fb_edge_widget_with_comment span.fb_edge_comment_widget iframe.fb_ltr
{
display:none!important;
}
.section-nav .social-love span.twitter-follow
{
display:block;width:60px;height:20px;overflow:hidden;
}
.section-nav .social-love span.google-plus-follow
{
display:block;height:20px;width:80px;
}
.section-nav .social-love span.instagram-follow
{
display:block;height:18px;width:128px;border:1px solid #ccc;background-color:#fff;border-radius:3px;
}
.section-nav .social-love span.instagram-follow a
{
height:18px;line-height:17px;font-size:10px;padding:0 0 0 23px;border-bottom:0;background:url(../img/instagram-follow.png) -1px -1px no-repeat;color:#555;font-weight:bold;
}
.section-nav a.customize
{
display:block;float:right;line-height:22px;height:22px;padding:0 15px 0 24px;background:url(../img/icn-customize.png) no-repeat 0 0;font-weight:bold;color:#999;margin-top:12px;border:0;position:relative;text-indent:-9999px;overflow:hidden;width:0;
}
.section-nav a.customize:hover
{
background:url(../img/icn-customize.png) no-repeat 0 -22px;
}
.section-nav a.customize.selected
{
background:url(../img/icn-customize.png) no-repeat 0 -44px;
}
.section-nav a.customize span.drop-arrow
{
display:inline-block;background:url(../img/dropdown.png) -5px -5px;width:10px;height:10px;margin-left:2px;top:6px;right:0;position:absolute;
}
.section-nav a.customize:hover span.drop-arrow
{
background:url(../img/dropdown.png) -5px;opacity:.5;
}
.section-nav a.customize.selected span.drop-arrow
{
background:url(../img/dropdown.png) -5px -45px;opacity:1;
}
#sidebar
{
float:left;padding:0 0 0 40px;width:300px;position:relative;
}
.post-grid
{
margin-bottom:10px;width:300px;overflow:hidden;
}
.post-grid ul
{
list-style-type:none;overflow:hidden;width:303px;
}
.post-grid li
{
float:left;margin:0 3px 3px 0;position:relative;
}
.post-grid ul a,.post-grid ul span
{
display:block;width:92px;height:92px;background-color:#eee;overflow:hidden;border:3px solid #eee;overflow:hidden;text-indent:-999px;
}
.post-grid ul a.nav-prev,.post-grid ul a.nav-next
{
position:absolute;top:0;left:0;
}
.post-grid ul a.nav-prev
{
background:rgba(0,0,0,0.3) url(../img/post-grid-nav-prev.png);
}
.post-grid ul a.nav-prev:hover
{
background:rgba(0,0,0,0.1) url(../img/post-grid-nav-prev.png);
}
.post-grid ul a.nav-next
{
background:rgba(0,0,0,0.3) url(../img/post-grid-nav-next.png);
}
.post-grid ul a.nav-next:hover
{
background:rgba(0,0,0,0.1) url(../img/post-grid-nav-next.png);
}
.post-grid ul img
{
display:block;border:none;width:92px;min-height:92px;
}
.post-grid ul a:hover
{
border-color:#0082fb;
}
.post-grid ul a:active,.post-grid ul a.selected
{
border-color:#0082fb;
}
.post-grid.single-row
{
margin-top:20px;
}
.post-grid.single-row li a:hover
{
border-color:#eee;
}
.post-grid.single-row li a.selected:hover
{
border-color:#0087f7;
}
.block-menu
{
margin-bottom:40px;
}
.block-menu ul
{
list-style-type:none;border-radius:3px;overflow:hidden;background-color:#f4f4f4;
}
.block-menu li a
{
display:block;color:#999;font-size:15px;padding:0 20px;line-height:43px;
}
.block-menu li a.selected
{
color:#000;font-weight:bold;background-color:#fff;
}
.block-menu li
{
border-bottom:1px solid #e4e4e4;
}
.block-menu li:last-child
{
border-bottom:none;
}
section.social-action
{
margin-top:20px;overflow:hidden;
}
section.social-action a.btn-connect-option
{
width:235px;margin:0;font-size:15px;line-height:20px;padding:15px 15px 15px 50px;height:20px;border-radius:5px;
}
section.social-action a.btn-connect-option.facebook
{
background:#3a5898 url(../img/btn-connect-option-size-50.png) no-repeat;
}
section.section-control
{
margin-bottom:20px;position:relative;
}
section.section-control .title
{
padding:10px;border:1px solid #ddd;background-color:#f4f4f4;border-top:none;
}
section.section-control h3
{
font-size:14px;
}
section.section-control h3 em
{
font-weight:normal;color:#999;font-size:11px;
}
section.section-control ul
{
list-style-type:none;
}
section.section-control li
{
position:relative;border:1px solid #ddd;border-top:none;border-bottom:1px solid #eee;
}
section.section-control li.group-label
{
background-color:#f4f4f4;line-height:14px;padding:5px 10px;font-size:11px;color:#999;font-weight:normal;text-transform:uppercase;border:1px solid #ddd;border-top:none;border-bottom:none;
}
section.section-control li.group-label:first-child
{
border-bottom:none;
}
section.section-control li p
{
background-color:#fff;color:#000;position:relative;padding:5px 10px;line-height:20px;overflow:hidden;height:24px;font-size:13px;cursor:default;margin-right:100px;
}
section.section-control li span.cell-title
{
line-height:24px;display:inline-block;
}
section.section-control a.go-to
{
visibility:hidden;font-weight:normal;font-size:9px;font-weight:bold;text-transform:uppercase;display:inline-block;margin-left:10px;background-color:#f4f4f4;height:14px;line-height:14px;color:#aaa;padding:0 8px;border-radius:7px;vertical-align:text-bottom;
}
section.section-control p:hover a.go-to
{
visibility:visible;
}
section.section-control a.go-to:hover
{
background-color:#0087F7;color:#fff;
}
section.section-control .btn-container
{
padding:10px;margin:0;border:1px solid #ddd;border-top:none;background-color:#f4f4f4;
}
section.section-control .btn-container a.btn
{
float:left;
}
section.section-control .btn-container a.link
{
display:block;float:right;height:30px;line-height:30px;
}
span.toggle
{
display:block;border-radius:17px;position:absolute;top:5px;right:10px;font-weight:bold;text-transform:uppercase;font-size:10px;width:44px;text-align:center;background-color:#f4f4f4;color:#999;cursor:pointer;-webkit-transition:.1s background-color ease-out;
}
span.toggle span.on,span.toggle span.off
{
display:block;float:left;height:24px;width:22px;line-height:24px;text-indent:-999px;overflow:hidden;
}
span.toggle .switch
{
display:block;width:22px;height:22px;background-color:#fff;position:absolute;top:1px;left:1px;border-radius:11px;-webkit-transition:left .2s ease-out;box-shadow:0 0 0 1px #ddd;
}
span.toggle.on
{
background-color:#00a35b;color:#fff;
}
span.toggle.on .switch
{
left:21px;box-shadow:none;
}
.block-ad
{
margin:20px 0 20px;width:300px;
}
.block-ad .img-container
{
width:300px;height:auto;overflow:hidden;background-color:#f4f4f4;
}
.block-feature-cover .block-ad .img-container
{
height:250px;
}
.block-ad img
{
border:none;display:block;
}
.block-ad .subtext
{
text-align:left;font-size:12px;margin-top:5px;
}
.block-ad.height-250
{
height:250px;
}
.block-ad.height-600
{
height:600px;
}
#sidebar .post-info
{
color:#999;padding-top:10px;border-top:1px solid #eee;margin-top:20px;
}
#sidebar .post-info p
{
line-height:1.6em;font-size:12px;
}
#sidebar .post-info a:hover
{
color:#0087F7;
}
.thumb-list
{
margin:20px 0 40px;
}
.thumb-list a
{
color:#999;text-decoration:none;font-size:12px;display:block;position:relative;min-height:78px;
}
h2.sidebar-title
{
font-size:15px;margin-bottom:10px;font-weight:normal;color:#ee0005;font-weight:bold;
}
.thumb-list h3
{
color:#222;font-size:13px;line-height:1.3em;max-height:6em;overflow:hidden;font-weight:normal;
}
.thumb-list a:hover h3
{
color:#0085F7;
}
.thumb-list article
{
position:relative;overflow:hidden;min-height:78px;margin-bottom:15px;
}
.thumb-list .image-container
{
position:absolute;top:0;left:0;background-color:#f4f4f4;overflow:hidden;width:140px;height:78px;
}
.thumb-list img
{
width:140px;height:92px;display:block;border:none;margin-top:-7px;
}
.thumb-list .info,.thumb-list footer
{
margin-left:150px;
}
.thumb-list footer p
{
font-size:11px;
}
.get-the-app
{
margin-bottom:30px;
}
.get-the-app ul
{
list-style-type:none;overflow:hidden;
}
.get-the-app li
{
float:left;margin-right:10px;
}
.get-the-app li:last-child
{
margin-right:0;
}
.get-the-app a
{
display:block;width:143px;height:42px;overflow:hidden;text-indent:-999px;border-radius:3px;border:1px solid #000;
}
.get-the-app a.app-store
{
background:#000 url(../img/appstore-icon-alt-145.png) -1px -1px no-repeat;
}
.get-the-app a.google-play
{
background:#000 url(../img/appstore-icon-alt-145.png) -155px -1px no-repeat;
}
section.block-feature-flip-a
{
margin-top:20px;position:relative;
}
section.block-feature-flip-a .img-container
{
width:300px;height:156px;background-color:#f4f4f4;position:relative;
}
section.block-feature-flip-a .img-container .disc-nav
{
position:absolute;width:240px;bottom:0;left:50%;margin-left:-120px;padding:5px 0;
}
section.block-feature-flip-a .arrow-nav a:hover
{
opacity:1;
}
section.block-feature-flip-a .img-container img
{
display:block;border:none;
}
section.block-feature-flip-a .info-container
{
height:90px;padding-top:4px;position:relative;border:1px solid #eee;border-top:none;padding:6px 10px 0;display:block;color:#000;
}
section.block-feature-flip-a h3
{
font-size:15px;line-height:1.4em;margin-bottom:10px;
}
section.block-feature-flip-a p.meta
{
color:#999;position:absolute;bottom:10px;font-size:11px;
}
section.block-feature-flip-a p em
{
font-weight:normal;font-style:normal;
}
section.block-feature-flip-a span
{
margin-right:5px;
}
section.block-feature-flip-a a.info-container:hover h3
{
color:#0087f7;
}
section.block-feature-flip-a.inside .info-container
{
position:absolute;bottom:0;height:auto;border:none;padding:7px 10px 10px;background-color:rgba(0,0,0,0.1);
}
section.block-feature-flip-a.inside .info-container h3
{
color:#fff;font-size:13px;margin-bottom:2px;
}
section.block-feature-flip-a.inside p.meta
{
position:relative;bottom:auto;color:#eee;
}
section.block-feature-flip-a.inside:hover .info-container
{
background-color:rgba(0,135,247,0.7);
}
section.block-feature-flip-a.inside:hover a.info-container h3
{
color:#fff;
}
section.block-feature-flip-a.inside span
{
font-size:10px;
}
section.block-feature-box
{
margin-top:20px;
}
section.block-feature-box ul
{
list-style-type:none;overflow:hidden;
}
section.block-feature-box li
{
float:left;margin-right:10px;margin-bottom:10px;position:relative;
}
section.block-feature-box li:nth-child(2n)
{
margin-right:0;
}
section.block-feature-box .img-container
{
width:145px;height:145px;background-color:#f4f4f4;
}
section.block-feature-box li a,section.block-feature-box li a img
{
display:block;
}
section.block-feature-box .info-container
{
width:145px;height:145px;position:absolute;top:0;opacity:0;
}
section.block-feature-box .info-container h3
{
font-size:12px;line-height:1.6em;color:#fff;margin:6px 30px 6px 10px;
}
section.block-feature-box li:hover a.info-container
{
background-color:rgba(0,135,247,0.7);opacity:1;
}
section.block-feature-box img
{
border:none;
}
.arrow-nav a
{
display:block;width:30px;height:100%;position:absolute;top:0;overflow:hidden;text-indent:-999px;background:rgba(0,0,0,0.1) url(../img/feature-flip-a-nav.png) no-repeat 0 center;opacity:0;
}
.arrow-nav a.next
{
right:0;background:rgba(0,0,0,0.1) url(../img/feature-flip-a-nav.png) no-repeat -30px center;
}
.disc-nav ul
{
list-style-type:none;overflow:hidden;text-align:center;
}
.disc-nav li
{
display:inline-block;margin:0 5px;
}
.disc-nav li a
{
display:block;width:6px;height:6px;overflow:hidden;background-color:#fff;text-indent:-999px;border-radius:3px;box-shadow:0 1px 1px rgba(0,0,0,0.5);opacity:.3;
}
.disc-nav li a.selected
{
opacity:1;
}
section.block-feature-cover
{
margin-top:20px;
}
section.block-feature-cover ul
{
list-style-type:none;
}
section.block-feature-cover li
{
margin-bottom:20px;
}
section.block-feature-cover .img-container
{
display:block;overflow:hidden;width:300px;height:105px;margin-bottom:3px;background-color:#f4f4f4;
}
section.block-feature-cover .img-container img
{
display:block;border:none;width:100%;margin-top:-26px;
}
section.block-feature-cover .info-container h3
{
font-size:15px;line-height:1.2em;
}
section.block-feature-cover .info-container a
{
display:block;
}
.section-header
{
margin:0 0 20px;border-bottom:1px solid #ddd;
}
.section-header h3
{
font-size:13px;font-weight:normal;color:#999;line-height:40px;
}
a.expand-post
{
background:rgba(0,0,0,0.6) url(../img/expand-triangle-bottom.png) repeat-x bottom left;display:block;color:#fff;font-weight:bold;position:absolute;bottom:0;width:100%;height:64px;text-align:center;line-height:58px;font-size:18px;
}
a.expand-post:hover
{
background:rgba(0,0,0,0.9) url(../img/expand-triangle-bottom.png) repeat-x bottom left;
}
a.expand-post span.drop-arrow
{
border-top:5px solid #fff;border-left:4px solid transparent;border-right:4px solid transparent;display:inline-block;padding-bottom:2px;
}
section .post-footer
{
position:relative;padding:10px 30px;
}
section .post-footer p
{
line-height:20px;
}
.video-post
{
overflow:hidden;position:relative;
}
.video-post img.youtube-thumb
{
margin:-49px 0;
}
.video-post span.play
{
position:absolute;top:50%;margin-top:-30px;left:50%;margin-left:-30px;height:70px;width:70px;text-indent:-999px;overflow:hidden;background:url(../img/icon-video-play.png) no-repeat;
}
section#individual-post .video-post
{
width:600px;
}
section#individual-post .video-post img.youtube-thumb
{
width:600px;margin:-57px 0;
}
.gif-post
{
overflow:hidden;position:relative;
}
.gif-post img.gif-post-thumb
{
margin:-49px 0;
}
.gif-post span.play
{
position:absolute;top:50%;margin-top:-30px;left:50%;margin-left:-30px;height:70px;width:70px;text-indent:-999px;overflow:hidden;background:url(../img/icon-gif-play.png) no-repeat;
}
.nsfw-post
{
background:#000 url(../img/hair.png) repeat;border-radius:3px;text-align:center;height:306px;overflow:hidden;
}
.nsfw-post h3
{
font-size:22px;color:#fff;margin-top:130px;margin-bottom:10px;
}
.nsfw-post p
{
color:#999;font-size:13px;margin:0 20px 10px;
}
section#individual-post .nsfw-post
{
width:600px;
}
.ad-post
{
overflow:hidden;position:relative;text-align:center;
}
form#listview-search
{
padding:20px 0 10px;position:relative;
}
form#listview-search .field
{
margin:0;
}
form#listview-search label
{
position:absolute;font-size:12px;text-transform:uppercase;line-height:20px;font-weight:bold;color:#aaa;display:block;left:18px;top:50%;margin-top:-8px;
}
form#listview-search input#search-hero
{
line-height:20px;height:44px;padding:12px 12px 12px 50px;width:100%;box-sizing:border-box;-moz-box-sizing:border-box;font-size:15px;margin:0;border-radius:0;background:url('../img/post-function.png') 0 -520px no-repeat;
}
p.search-result
{
line-height:20px;border-bottom:1px solid #ddd;color:#999;font-size:12px;
}
ul.search-suggestion
{
list-style-type:none;font-size:18px;background-color:#fff;border:1px solid #ccc;box-shadow:0 5px 10px rgba(0,0,0,0.2);position:absolute;width:100%;box-sizing:border-box;top:69px;z-index:1;
}
ul.search-suggestion a
{
display:block;color:#999;padding:8px 18px;cursor:pointer;
}
ul.search-suggestion a strong
{
color:#000;
}
ul.search-suggestion a:hover,ul.search-suggestion a.ui-state-focus
{
background-color:#f4f4f4;text-decoration:none;color:#999;
}
ul.search-suggestion a:hover strong
{
color:#000;
}
ul.search-suggestion.small
{
font-size:12px;
}
ul.search-suggestion.small a
{
line-height:20px;padding:5px 10px;
}
.featured-post
{
margin-top:20px;overflow:hidden;
}
.featured-post .post-container
{
background-color:#f4f4f4;
}
.featured-post .post-container img
{
display:block;
}
.featured-post a.mask
{
display:block;width:100%;height:100%;position:absolute;top:0;left:0;color:#fff;
}
.featured-post .subtitle
{
font-style:normal;font-size:12px;display:block;text-transform:uppercase;
}
.featured-post span.label
{
display:inline-block;position:absolute;top:10px;right:10px;line-height:20px;padding:0 6px;background-color:#0087f7;z-index:1;
}
.featured-post .col-one,.featured-post .col-two,.featured-post .col-three
{
overflow:hidden;margin-bottom:12px;
}
.featured-post .block-one,.featured-post .block-two,.featured-post .block-three
{
position:relative;float:left;margin-right:12px;
}
.featured-post .block-one:last-child,.featured-post .block-two:last-child,.featured-post .block-three:last-child
{
margin-right:0;
}
.featured-post .block-one,.featured-post .block-one .post-container
{
width:600px;height:250px;
}
.featured-post .block-one .post-container img
{
width:600px;height:313px;margin-top:-31px;
}
.featured-post .block-two,.featured-post .block-two .post-container,.featured-post .block-two .post-container img
{
width:294px;height:153px;
}
.featured-post .block-three,.featured-post .block-three .post-container,.featured-post .block-three .post-container img
{
width:192px;height:100px;
}
.featured-post.fill
{
background-color:#000;
}
.featured-post.fill .col-one,.featured-post.fill .col-two,.featured-post.fill .col-three
{
margin-bottom:1px;
}
.featured-post.fill div:last-child
{
margin-bottom:0;
}
.featured-post.fill .block-one,.featured-post.fill .block-two,.featured-post.fill .block-three
{
margin-right:1px;
}
.featured-post.fill .block-two,.featured-post.fill .block-two .post-container,.featured-post.fill .block-two .post-container img
{
width:299px;height:156px;
}
.featured-post.fill .block-two:last-child,.featured-post.fill .block-two:last-child .post-container,.featured-post.fill .block-two:last-child .post-container img
{
width:300px;height:156px;margin-right:0;
}
.featured-post.fill .block-three,.featured-post.fill .block-three .post-container,.featured-post.fill .block-three .post-container img
{
width:199px;height:104px;
}
.featured-post.fill .block-three:last-child,.featured-post.fill .block-three:last-child .post-container,.featured-post.fill .block-three:last-child .post-container img
{
width:200px;height:104px;margin-right:0;
}
.featured-post .block-one div.title,.featured-post .block-two div.title,.featured-post .block-three div.title
{
display:block;position:absolute;bottom:0;right:0;left:0;padding:30px 10px 10px;font-weight:bold;z-index:1;text-shadow:0 1px 1px rgba(0,0,0,0.8);
}
.featured-post .title:after
{
content:'';background:url(../img/featured-post-gradient.png);background-size:100% 140%;background-position-y:100%;opacity:.5;top:0;bottom:0;left:0;right:0;position:absolute;z-index:-1;
}
.featured-post a.mask:hover .title:after
{
opacity:.8;
}
.featured-post .block-one .title
{
font-size:36px;
}
.featured-post .block-two .title
{
font-size:15px;
}
.featured-post .block-three .title
{
font-size:13px;
}
section#list-view-2
{
margin:20px 0 0;
}
section#list-view-2 article
{
/*margin-bottom:30px;*/border-top:1px solid #eee;padding:20px 0 0;
}
section#list-view-2 article:first-child
{
border:none;padding:0;
}
section#list-view-2 header
{
width:500px;margin-bottom:10px;position:relative;
}
section#list-view-2 h2
{
line-height:1.3em;margin-bottom:5px;
}
section#list-view-2 h2 a
{
font-size:22px;color:#000;
}
section#list-view-2 h2 a:hover
{
color:#0087F7;
}
section#list-view-2 p.post-meta
{
color:#999;
}
section#list-view-2 p.post-meta a
{
color:#999;
}
section#list-view-2 p.post-meta a:hover
{
text-decoration:underline;
}
section#list-view-2 .post-container
{
width:500px;position:relative;
}
section#list-view-2 .post-container .long-post-container
{
max-height:800px;overflow:hidden;
}
section#list-view-2 .post-container a
{
display:block;
}
section#list-view-2 .post-container a img
{
display:block;width:500px;border:none;
}
.sticky-action
{
position:absolute;right:-64px;width:44px;top:0;
}
.vertical-vote
{
width:42px;margin-bottom:10px;
}
.vertical-vote li
{
list-style-type:none;margin-bottom:10px;
}
.vertical-vote a,.horizontal-vote a
{
display:block;width:42px;height:32px;border:1px solid #ddd;overflow:hidden;text-indent:-999px;border-radius:3px;
}
.vertical-vote a:hover,.horizontal-vote a:hover
{
border-color:#999;
}
.vertical-vote a.up,.horizontal-vote a.up
{
background:url(../img/sticky-vote.png) no-repeat;
}
.vertical-vote.up a.up,.horizontal-vote.up a.up
{
background:url(../img/sticky-vote.png) no-repeat -42px 0;
}
.vertical-vote a.down,.horizontal-vote a.down
{
background:url(../img/sticky-vote.png) no-repeat 0 -32px;
}
.vertical-vote.down a.down,.horizontal-vote.down a.down
{
background:url(../img/sticky-vote.png) no-repeat -42px -32px;
}
.vertical-vote a.up:active,.vertical-vote a.down:active,.horizontal-vote a.up:active,.horizontal-vote a.down:active
{
background-color:#f4f4f4;
}
.horizontal-vote
{
overflow:hidden;float:right;list-style-type:none;
}
.horizontal-vote li
{
float:left;margin-left:4px;
}
.others li
{
list-style-type:none;
}
.others a.comment
{
width:42px;height:32px;border:1px solid #ddd;display:block;overflow:hidden;text-indent:-999px;border-radius:3px;background:url(../img/other-buttons.png) no-repeat 0 -32px;padding:0px;
}
.others a.comment:hover
{
border:1px solid #999;
}
.others a.comment:active
{
background-color:#f4f4f4;
}
.sticky-social
{
position:absolute;left:-10px;top:80px;z-index:2;opacity:0;transition:opacity .2s ease-in-out;-webkit-transition:opacity .2s ease-in-out;-moz-transition:opacity .2s ease-in-out;
}
.sticky-social.show
{
opacity:1;
}
.sticky-element
{
position:relative;top:0;z-index:0;
}
.sticky-element.sticked
{
position:fixed;z-index:2;
}
.sticky-social ul
{
list-style-type:none;overflow:hidden;
}
.sticky-social li
{
overflow:hidden;border-radius:4px;border:1px solid #fff;overflow:hidden;float:left;clear:both;
}
.sticky-social li:first-child
{
margin-bottom:-1px;
}
.sticky-social a
{
font-weight:bold;color:#fff;background-color:#000;display:block;line-height:34px;padding:0 15px;
}
.sticky-social a.facebook
{
background-color:#3b5998;
}
.sticky-social a.twitter
{
background-color:#00aced;
}
.post-afterbar-a
{
margin:10px 0;padding-bottom:0;position:relative;
}
.post-afterbar-a.in-list-view
{
margin:10px 0;padding:0;border:none;
}
.post-afterbar-a.in-post-top
{
padding:0;margin:0 0 10px;border:none;
}
.post-afterbar-a .share
{
float:left;
}
.post-afterbar-a .share ul
{
overflow:hidden;list-style-type:none;
}
.post-afterbar-a .share li
{
float:left;margin-right:10px;
}
.post-afterbar-a .btn-share
{
display:block;color:#fff;font-weight:bold;height:34px;background-color:#f4f4f4;line-height:34px;padding:0 15px 0 34px;border-radius:3px;text-align:center;
}
.post-afterbar-a .btn-share.facebook
{
background:#3b5998 url(../img/sharing-button-a.png) 0 0 no-repeat;
}
.post-afterbar-a .btn-share.twitter
{
background:#00aced url(../img/sharing-button-a.png) 0 -34px no-repeat;
}
.post-afterbar-a .btn-share.facebook:hover,.post-afterbar-a.in-post-bot .btn-share.facebook:hover,.floaty-share a.facebook:hover
{
background-color:#4c70ba;
}
.post-afterbar-a .btn-share.facebook:active,.post-afterbar-a.in-post-bot .btn-share.facebook:active,.floaty-share a.facebook:active
{
background-color:#36528c;
}
.post-afterbar-a .btn-share.twitter:hover,.post-afterbar-a.in-post-bot .btn-share.twitter:hover,.floaty-share a.twitter:hover
{
background-color:#21c2ff;
}
.post-afterbar-a .btn-share.twitter:active,.post-afterbar-a.in-post-bot .btn-share.twitter:active,.floaty-share a.twitter:active
{
background-color:#00a0dc;
}
.post-afterbar-a .social-share
{
float:left;margin:7px 0 5px;
}
.post-afterbar-a .social-share ul
{
list-style-type:none;overflow:hidden;
}
.post-afterbar-a .social-share ul li
{
float:left;
}
.post-afterbar-a .social-share .facebook-like
{
width:84px;height:20px;overflow:hidden;
}
.widget-facebook-share
{
display:inline-block;height:20px;margin-left:5px;
}
.widget-facebook-share a
{
display:inline-block;border:1px solid #cad4e7;background:#eceef5 url(../img/fb-asset.png) no-repeat 5px 3px;color:#3b5998;height:18px;line-height:18px;padding:0 5px 0 20px;border-radius:3px;font-size:11px;font-weight:500;
}
.widget-facebook-share a:hover
{
border-color:#9dacce;
}
.widget-facebook-share .count
{
display:inline-block;background-color:#fff;border:1px solid #c1c1c1;height:18px;line-height:18px;font-size:11px;padding:0 2px;margin-left:6px;position:relative;
}
.widget-facebook-share .count:after,.widget-facebook-share .count:before
{
right:100%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;
}
.widget-facebook-share .count:after
{
border-color:transparent;border-right-color:#fff;border-width:4px;top:50%;margin-top:-4px;
}
.widget-facebook-share .count:before
{
border-right-color:#a1a1a1;border-width:5px;top:50%;margin-top:-5px;
}
.post-afterbar-a.in-post-bot .share
{
float:none;
}
.post-afterbar-a.in-post-bot .share ul
{
text-align:center;
}
.post-afterbar-a.in-post-bot .share li
{
display:inline-block;float:none;margin:0 3px;
}
.post-afterbar-a.in-post-bot .btn-share
{
min-width:240px;height:44px;line-height:43px;font-size:15px;padding:0;
}
.post-afterbar-a.in-post-bot .btn-share.facebook
{
background:#3B5998;
}
.post-afterbar-a.in-post-bot .btn-share.twitter
{
background:#00aced;
}
.post-afterbar-a.in-post-bot.full-width .share ul
{
text-align:left;overflow:hidden;width:600px;
}
.post-afterbar-a.in-post-bot.full-width .share li
{
margin:0;
}
.post-afterbar-a.in-post-bot.full-width .share li:first-child
{
display:block;float:left;margin:0 10px 0 0;
}
.post-afterbar-a.in-post-bot.full-width .btn-share
{
width:295px;
}
.post-afterbar-a .vote
{
float:right;
}
.post-afterbar-a .vote ul
{
float:left;list-style-type:none;
}
.post-afterbar-a .vote li
{
float:left;margin-left:2px;
}
.post-afterbar-a .vote li:first-child
{
margin-left:0;margin-right:10px;
}
.post-afterbar-a .vote a
{
display:block;height:34px;overflow:hidden;
}
.post-afterbar-a .vote span.icon
{
display:block;width:44px;height:34px;border-radius:3px;text-indent:-999px;overflow:hidden;
}
.post-afterbar-a a.good span.icon
{
background:#eee url(../img/grid-function-sprite.png) center -68px no-repeat;
}
.post-afterbar-a a.good:hover span.icon
{
background:#aaa url(../img/grid-function-sprite.png) center -136px no-repeat;
}
.post-afterbar-a ul.good a.good span.icon
{
background:#000 url(../img/grid-function-sprite.png) center -136px no-repeat;
}
.post-afterbar-a a.meh span.icon
{
background:#eee url(../img/grid-function-sprite.png) center -102px no-repeat;
}
.post-afterbar-a a.meh:hover span.icon
{
background:#aaa url(../img/grid-function-sprite.png) center -170px no-repeat;
}
.post-afterbar-a ul.meh a.meh span.icon
{
background:#000 url(../img/grid-function-sprite.png) center -170px no-repeat;
}
.post-afterbar-a .vote h3.count
{
line-height:34px;font-size:18px;color:#555;float:left;text-align:right;font-weight:normal;
}
.post-afterbar-a .vote ul.good h3.count
{
color:#000;font-weight:bold;
}
.post-afterbar-a .vote ul.meh h3.count
{
color:#000;font-weight:bold;
}
.post-afterbar-a .next-post
{
float:right;
}
.post-afterbar-a .next-post ul
{
list-style-type:none;
}
.post-afterbar-a .next-post ul a
{
display:block;color:#000;font-weight:bold;height:32px;line-height:32px;border:1px solid #ddd;padding:0 15px;border-radius:3px;
}
.post-afterbar-a .next-post ul a:hover
{
border-color:#777;
}
.post-afterbar-a .next-post ul a:active
{
background-color:#f4f4f4;
}
.post-afterbar-a .meta-and-vote
{
overflow:hidden;margin-top:10px;
}
.post-afterbar-a .meta-and-vote .meta
{
float:left;
}
.post-afterbar-a .meta-and-vote .meta p
{
color:#999;line-height:20px;margin-top:7px;
}
.post-afterbar-a .meta-and-vote .meta a
{
color:#999;
}
.post-afterbar-a .meta-and-vote .meta a:hover
{
text-decoration:underline;
}
.floaty-share
{
position:absolute;top:20px;left:-10px;opacity:0;transition:opacity .2s ease-in-out;-webkit-transition:opacity .2s ease-in-out;-moz-transition:opacity .2s ease-in-out;
}
.floaty-share.show
{
opacity:1;
}
.floaty-share ul
{
list-style-type:none;overflow:hidden;
}
.floaty-share li
{
overflow:hidden;float:left;clear:both;
}
.floaty-share li:nth-child(n+2)
{
margin-top:-1px;
}
.floaty-share a.facebook,.floaty-share a.twitter
{
display:block;color:#fff;font-weight:bold;background-color:#000;line-height:32px;border:1px solid #fff;border-radius:3px;padding:0 15px;cursor:pointer;
}
.floaty-share a.facebook
{
background-color:#3b5998;
}
.floaty-share a.twitter
{
background:#00aced;
}
.post-afterbar-a .others
{
float:left;
}
.post-afterbar-a .others a.more
{
display:block;width:42px;height:32px;border:1px solid #ddd;overflow:hidden;border-radius:3px;text-indent:-999px;background:url(../img/other-buttons.png) no-repeat;
}
.post-afterbar-a .others a.more:hover
{
border:1px solid #999;
}
.post-afterbar-a .others a.more:active
{
background-color:#f4f4f4;
}
.loading
{
text-align:center;margin-bottom:20px;
}
.loading a.btn
{
display:block;line-height:65px;height:62px;font-size:18px;background-color:#fff;color:#000;box-shadow:none;padding:0;margin:0;border:1px solid #ddd;
}
.loading a.btn:hover
{
border-color:#aaa;
}
.loading a.btn:active
{
background-color:#fafafa;
}
.loading a.btn.spin
{
background:#fff url(../img/spin-white.gif) center center no-repeat;text-indent:-999px;overflow:hidden;border-color:#fff;cursor:default;
}
.loading a.btn.end
{
background-color:#f4f4f4;color:#999;border-color:#d4d4d4;cursor:default;
}
.loading a.btn.blue
{
background-color:#0087F7;border-color:#0087F7;color:#fff;
}
.loading a.btn.blue:hover
{
background-color:#1a97ff;border-color:#1a97ff;
}
.loading a.btn.blue:active
{
background-color:#0062b3;border-color:#0062b3;
}
.banner-block
{
border:1px solid #ddd;padding:28px;margin:28px 0;height:192px;position:relative;
}
.banner-block h3
{
font-size:18px;font-weight:bold;
}
.banner-block p
{
color:#777;line-height:1.6em;font-size:13px;
}
.banner-block.download-app
{
background-color:#f8f8f8;border-color:#f8f8f8;
}
.banner-block .block-title h3
{
color:#f00;font-size:15px;margin:15px 0;
}
ul.mobile-download-button
{
list-style-type:none;overflow:hidden;
}
ul.mobile-download-button li
{
float:left;
}
ul.mobile-download-button li:first-child
{
margin-right:10px;
}
ul.mobile-download-button a
{
display:block;width:143px;height:42px;border:1px solid #000;border-radius:4px;text-indent:-999px;
}
ul.mobile-download-button a.app-store
{
background:#000 url(../img/appstore-icon-alt-145.png) -1px -1px no-repeat;
}
ul.mobile-download-button a.google-play
{
background:#000 url(../img/appstore-icon-alt-145.png) -156px -1px no-repeat;
}
.banner-block.download-app .content
{
overflow:hidden;float:left;position:absolute;top:60px;left:30px;
}
.banner-block.download-app h3,.banner-block.download-app p
{
width:300px;
}
.banner-block.download-app h3
{
margin-bottom:10px;font-size:22px;
}
.banner-block.download-app p
{
margin-bottom:20px;font-size:15px;
}
.banner-block.download-app .graphic
{
float:left;position:absolute;top:50px;right:30px;
}
.banner-block.social h3
{
text-align:center;margin-bottom:20px;
}
.banner-block.social ul.social-list
{
list-style-type:none;
}
.banner-block.social ul.social-list li
{
float:left;height:150px;position:relative;border-right:1px solid #eee;
}
.banner-block.social ul.social-list li:last-child,.banner-block.social ul.social-list li.last
{
border-right:none;
}
.banner-block.social ul.social-list.col-3 li
{
width:33%;
}
.banner-block.social ul.social-list.col-2 li
{
width:49%;
}
.banner-block.social .facebook-like,.banner-block.social .twitter-follow,.banner-block.social .google-follow
{
text-align:center;position:absolute;width:100%;bottom:20px;
}
.banner-block.social span.facebook-icon,.banner-block.social span.twitter-icon,.banner-block.social span.google-icon
{
display:block;width:60px;height:60px;overflow:hidden;text-indent:-999px;position:absolute;top:50%;left:50%;margin-top:-50px;margin-left:-30px;
}
.banner-block.social span.facebook-icon
{
background:url(../img/social-button-sprite-60.png) no-repeat;
}
.banner-block.social span.twitter-icon
{
background:url(../img/social-button-sprite-60.png) no-repeat -60px 0;
}
.banner-block.social span.google-icon
{
background:url(../img/social-button-sprite-60.png) no-repeat -120px 0;
}
.banner-block.post-list
{
height:212px;padding:0;border:none;
}
.banner-block.post-list .content
{
overflow:hidden;
}
.banner-block.post-list .item
{
width:187px;float:left;margin-right:19px;
}
.banner-block.post-list .item:last-child
{
margin-right:0;
}
.banner-block.post-list .item a
{
display:block;position:relative;overflow:hidden;
}
.banner-block.post-list .image-container
{
width:187px;height:122px;background-color:#f4f4f4;overflow:hidden;position:absolute;top:0;left:0;
}
.banner-block.post-list .image-container img
{
display:block;border:none;width:187px;
}
.banner-block.post-list .info
{
margin:127px 0 0;
}
.banner-block.post-list .info h3
{
font-size:13px;color:#000;font-weight:normal;line-height:1.3em;
}
.banner-block.post-list a:hover h3
{
color:#0085F7;
}
.banner-block.stream-naughty
{
padding:30px 0 0;margin:0 0 30px;height:250px;border:none;border-top:1px solid #eee;
}
.banner-block.stream-naughty .naughty-container
{
width:300px;height:250px;background-color:#f4f4f4;margin:0 auto;
}
.banner-block.stream-naughty .naughty-background
{
background-color:#f8f8f8;
}
.banner-block.stream-naughty img
{
display:block;
}
.banner-block.signup
{
background-color:#f8f8f8;border-color:#f8f8f8;
}
.banner-block.signup .text
{
text-align:center;margin:30px 0 30px;
}
.banner-block.signup h3
{
font-size:22px;margin-bottom:10px;
}
.banner-block.signup p.desc
{
font-size:15px;
}
.banner-block.signup .btn-container
{
padding:0;margin:0;
}
.banner-block.signup .btn-container .btn
{
width:160px;margin:0 auto;display:block;
}
.banner-block.facebook
{
background-color:#f8f8f8;border-color:#f8f8f8;
}
.banner-block.facebook .content
{
text-align:center;margin-top:35px;
}
.banner-block.facebook h3
{
font-size:22px;margin-bottom:10px;
}
.banner-block.facebook p.desc
{
font-size:15px;margin-bottom:20px;
}
.banner-block.facebook .social-container
{
width:200px;height:20px;padding:12px 0;background-color:rgba(0,0,0,0.2);border-radius:3px;margin:0 auto;
}
.banner-block.facebook.color
{
background-color:#3a5897;border-color:#3a5897;
}
.banner-block.facebook.color h3,.banner-block.facebook.color p.desc
{
color:#fff;
}
.banner-block.twitter
{
background-color:#f8f8f8;border-color:#f8f8f8;
}
.banner-block.twitter .content
{
text-align:center;margin-top:35px;
}
.banner-block.twitter h3
{
font-size:22px;margin-bottom:10px;
}
.banner-block.twitter p.desc
{
font-size:15px;margin-bottom:20px;
}
.banner-block.twitter .social-container
{
width:200px;height:28px;padding:8px 0;background-color:rgba(0,0,0,0.2);border-radius:3px;margin:0 auto;
}
.banner-block.twitter.color
{
background-color:#00aced;border-color:#00aced;
}
.banner-block.twitter.color h3,.banner-block.twitter.color p.desc
{
color:#fff;
}
.banner-block.google
{
background-color:#f8f8f8;border-color:#f8f8f8;
}
.banner-block.google .content
{
text-align:center;margin-top:35px;
}
.banner-block.google h3
{
font-size:22px;margin-bottom:10px;
}
.banner-block.google p.desc
{
font-size:15px;margin-bottom:20px;
}
.banner-block.google .social-container
{
width:200px;height:24px;padding:10px 0;background-color:rgba(0,0,0,0.2);border-radius:3px;margin:0 auto;
}
.banner-block.google.color
{
background-color:#dd4c2d;border-color:#dd4c2d;
}
.banner-block.google.color h3,.banner-block.google.color p.desc
{
color:#fff;
}
.banner-block.post-list.in-listview
{
border-bottom:none;margin-top:20px;margin-bottom:0;height:235px;
}
.banner-block.download-app.in-listview,.banner-block.signup.in-listview,.banner-block.facebook.in-listview,.banner-block.twitter.in-listview,.banner-block.google.in-listview
{
margin-top:20px;margin-bottom:30px;
}
.banner-block.stream-naughty.in-listview
{
margin-top:20px;margin-bottom:30px;
}
article.post-page
{
margin-top:20px;
}
section#individual-post header
{
margin-bottom:10px;position:relative;
}
section#individual-post header h2
{
font-size:22px;margin-bottom:5px;
}
section#individual-post header p.post-meta
{
color:#999;
}
section#individual-post header p.post-meta a
{
color:#999;
}
section#individual-post header p.post-meta a:hover
{
text-decoration:underline;
}
article.post-page .post-container
{
position:relative;
}
article.post-page .post-container a
{
display:inline-block;
}
article.post-page .post-container a.zoomable
{
cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in;
}
article.post-page .post-container img
{
display:block;width:600px;
}
article.post-page .post-container a img
{
border:none;
}
article.post-page .post-meta .fb-like
{
float:left;height:20px;margin:10px 0;
}
article.post-page .post-meta p.info
{
line-height:20px;margin:10px 0;color:#999;float:right;font-size:11px;
}
article.post-page .post-meta p.right a
{
font-weight:bold;
}
article.post-page .post-meta p a:hover
{
text-decoration:underline;
}
article.post-page .post-footer
{
position:relative;padding:5px 20px;
}
.spinner-here
{
height:40px;opacity:.4;background:url(../img/spin-white.gif) center no-repeat;
}
section.post-comment
{
padding-bottom:30px;margin-top:20px;
}
article.post-page .post-footer .more-share-menu
{
left:20px;
}
.post-control
{
overflow:hidden;margin:20px 0 10px;
}
.post-control ul
{
list-style-type:none;
}
.post-control li
{
float:left;
}
.post-control ul.left li
{
margin-right:10px;
}
.post-control ul a
{
display:block;border:1px solid #ddd;border-radius:3px;line-height:32px;width:70px;text-align:center;font-weight:bold;color:#000;cursor:pointer;
}
.post-control ul a:hover
{
border-color:#aaa;
}
.post-control ul a:active
{
background-color:#fafafa;
}
.post-control ul a.blue
{
background-color:#0082FB;border-color:#0082FB;color:#fff;
}
.post-control ul a.blue:hover
{
background-color:#1a97ff;border-color:#1a97ff;
}
.post-control ul a.blue:active
{
background-color:#0062b3;border-color:#0062b3;
}
.post-control ul a.disabled
{
color:#aaa;background-color:#f4f4f4;border-color:#d4d4d4;cursor:default;
}
section.what-to-read-next
{
background-color:#f4f4f4;border-top:1px solid #ddd;border-bottom:1px solid #ddd;padding:0 0 30px;min-height:200px;
}
section.what-to-read-next .width-limit
{
width:940px;margin:0 auto;
}
section.what-to-read-next h3.block-title
{
font-size:15px;color:#F00;line-height:20px;margin:17px 0;
}
section.what-to-read-next section.thumb-list
{
overflow:hidden;margin:0 auto;
}
section.what-to-read-next article
{
width:220px;float:left;margin:0 20px 0 0;
}
section.what-to-read-next article:last-child
{
margin-right:0;
}
section.what-to-read-next article a
{
overflow:hidden;
}
section.what-to-read-next article a .image-container
{
width:220px;height:124px;background-color:#e4e4e4;
}
section.what-to-read-next article a img
{
border:none;width:100%;height:auto;margin-top:-10px;
}
section.what-to-read-next article .info
{
margin:131px 0 0 0;
}
section.what-to-read-next article h3
{
margin-bottom:0;
}
section.simple-section-header
{
padding:20px 0;overflow:hidden;background-color:#000;color:#fff;
}
section.simple-section-header .width-limit
{
width:940px;margin:0 auto;
}
section.simple-section-header h2
{
font-size:30px;float:left;margin-right:20px;
}
section.simple-section-header .social-love
{
float:left;padding:10px 0;
}
section.simple-section-header .social-love ul
{
width:auto;height:20px;list-style-type:none;
}
section.simple-section-header .social-love li
{
margin-left:5px;margin-right:0;float:left;
}
section.simple-section-header .social-love span.facebook-like
{
display:block;height:20px;width:88px;overflow:hidden;
}
section.simple-section-header .social-love span.twitter-follow
{
display:block;width:60px;height:20px;overflow:hidden;
}
section.simple-section-header .social-love span.google-plus-follow
{
display:block;height:20px;width:80px;
}
section.simple-section-header .social-love span.instagram-follow
{
display:block;height:18px;width:128px;border:1px solid #fff;border-radius:3px;background-color:#fff;
}
section.simple-section-header .social-love span.instagram-follow a
{
height:18px;line-height:18px;font-size:10px;padding:0 0 0 23px;border-bottom:0;background:url(../img/instagram-follow.png) no-repeat -1px -1px;color:#555;font-weight:bold;display:block;
}
section.profile-header
{
position:relative;
}
section.profile-header .avatar-container
{
width:120px;height:120px;border-radius:3px;overflow:hidden;position:absolute;top:200px;left:50%;margin-left:-60px;
}
section.profile-header .banner-container
{
width:100%;height:300px;background-color:#333;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;background-position:center;
}
section.profile-header .info
{
background-color:#000;text-align:center;padding:30px 0 30px;min-height:60px;color:#fff;
}
section.profile-header h2
{
font-size:30px;margin-bottom:5px;
}
section.profile-header .info p
{
font-size:15px;color:#999;
}
section.profile-header .avatar-container a,section.profile-header .avatar-container img
{
display:block;
}
section.profile-header .avatar-container img
{
display:block;width:120px;height:120px;
}
section.profile-header .avatar-container a img
{
border:none;
}
section.profile-header .profile.no-banner .banner-container
{
display:none;
}
section.profile-header .profile.no-banner .avatar-container
{
top:30px;
}
section.profile-header .profile.no-banner .info
{
padding-top:160px;padding-bottom:35px;/*border-top:1px solid #333;*/
}
.tab-switch
{
margin:10px 0 0;clear:both;
}
.tab-switch ul
{
overflow:hidden;list-style-type:none;
}
.tab-switch li
{
float:left;margin-right:20px;
}
.tab-switch li a
{
display:block;color:#999;font-size:12px;line-height:20px;padding:6px 0 4px;
}
.tab-switch li a.selected
{
color:#2D72D9;
}
section#notification-detail
{
width:600px;margin-top:20px;
}
section#notification-detail .notification-list
{
overflow:visible;max-height:none;
}
section#notification-detail .avatar-container
{
left:0;
}
section#notification-detail .post-container
{
right:0;
}
section#notification-detail .content
{
margin-left:60px;margin-right:60px;
}
.overview-list
{
margin-bottom:40px;
}
.overview-list li
{
position:relative;overflow:hidden;height:122px;margin-bottom:20px;cursor:pointer;list-style-type:none;
}
.overview-list .post-container
{
position:absolute;top:0;left:0;width:220px;height:122px;overflow:hidden;
}
.overview-list .post-container img
{
margin-top:-11px;
}
.overview-list .info
{
margin-left:240px;float:left;
}
.overview-list .info h3
{
font-size:18px;margin-bottom:10px;
}
.overview-list li:hover h3
{
color:#0087F7;
}
.overview-list .info p
{
color:#999;
}
.overview-list .info a:hover
{
text-decoration:underline;
}
.overview-list .nsfw-post
{
height:122px;
}
.overview-list .nsfw-post h4
{
font-size:15px;color:#fff;margin-top:40px;margin-bottom:5px;
}
.overview-list .nsfw-post p
{
font-size:12px;margin:0 6px 3px;
}
.overlay-scroll-container
{
position:fixed;top:0;left:0;width:100%;height:100%;z-index:3;overflow:scroll;background-color:rgba(0,0,0,0.9);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#E5000000,endColorstr=#E5000000);
}
.overlay-scroll-container.opacity-50
{
background-color:rgba(0,0,0,0.5);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F000000,endColorstr=#7F000000);
}
.overlay-scroll-container a.close-button
{
color:#fff;width:50px;line-height:40px;text-align:center;display:block;overflow:hidden;text-indent:-999px;background:url(../img/icon-close-white.png) center center no-repeat;opacity:.8;position:fixed;top:0;right:0;
}
.overlay-scroll-container a.close-button:hover
{
opacity:1;
}
section.modal
{
width:540px;position:absolute;top:60px;left:50%;margin-left:-270px;background-color:#fff;box-shadow:0 3px 5px rgba(0,0,0,0.3);border-radius:3px;
}
section.modal header h3
{
margin:30px 40px 5px;font-size:24px;
}
section.modal header p
{
margin:0 40px 30px;color:#999;
}
section.modal header
{
border-bottom:1px solid #ddd;
}
section.modal a.btn-close
{
position:absolute;top:10px;right:10px;color:#ddd;text-decoration:none;display:block;width:20px;height:20px;text-indent:-999px;overflow:hidden;background:url(../img/icon-close.png) center no-repeat;
}
section.modal .spacer
{
padding:20px 40px;
}
section.modal.report form.popup-report,section.modal.feedback form.popup-feedback
{
margin:30px 40px;
}
section.modal.report textarea,section.modal.feedback textarea
{
width:440px;height:80px;
}
section.modal.language ul.language-list
{
list-style-type:none;font-size:13px;width:230px;float:left;
}
section.modal.language ul.language-list a
{
display:block;line-height:18px;padding:4px 0;
}
section.modal.language ul.language-list a.selected
{
color:#000;font-weight:bold;
}
.shortcut-list
{
padding:20px 40px;
}
ul.keylist
{
list-style-type:none;float:left;width:50%;
}
ul.keylist li
{
line-height:30px;margin-bottom:20px;font-size:15px;
}
ul.keylist li strong
{
display:inline-block;border:1px solid #ddd;box-sizing:border-box;width:32px;text-align:center;border-radius:3px;font-size:15px;color:#555;box-shadow:0 1px 3px rgba(0,0,0,0.03);
}
a.upload-selected
{
color:#000;cursor:default;
}
.zoom-container
{
text-align:center;height:100%;width:100%;min-width:700px;cursor:-webkit-zoom-out;cursor:-moz-zoom-out;cursor:zoom-out;
}
.zoom-container:before
{
content:'';display:inline-block;height:100%;vertical-align:middle;
}
.zoom-container img
{
display:inline-block;vertical-align:middle;box-shadow:0 3px 10px rgba(0,0,0,0.8);width:780px;
}
section#settings
{
position:relative;margin:40px auto 0;
}
section#settings h2
{
font-size:36px;
}
ul.form-nav
{
list-style-type:none;position:absolute;top:0;left:0;
}
ul.form-nav li a
{
display:block;text-decoration:none;color:#999;line-height:19px;font-weight:bold;padding:10px;width:240px;border-radius:3px;
}
ul.form-nav li a.selected
{
background-color:#2D72D9;color:#fff;border-color:#08a;
}
form#setting
{
overflow:hidden;margin-left:300px;
}
form#setting textarea
{
width:438px;height:80px;
}
.setting-social-connect
{
width:460px;
}
.setting-social-connect label
{
margin-bottom:6px;display:block;font-weight:bold;
}
.setting-social-connect .connection
{
margin-bottom:20px;background-color:#f4f4f4;border-radius:3px;box-shadow:0 1px 0 rgba(0,0,0,0.1);
}
.setting-social-connect .connection .field
{
margin:0;padding:10px;
}
.setting-social-connect .connection p.label
{
line-height:20px;padding:10px 10px;float:left;color:#999;font-weight:bold;
}
.setting-social-connect .connection a.btn,.setting-social-connect .connection a.thick
{
float:right;
}
.setting-social-connect .connection .checklist
{
border-top:1px solid #ddd;padding:10px 0;margin:0 20px;
}
.setting-social-connect .connection .field.checkbox
{
padding:10px 0;
}
.blank-state
{
background-color:#fff;margin:20px 0;height:300px;overflow:hidden;border-radius:3px;
}
.blank-state h3
{
font-size:16px;text-align:center;font-weight:normal;margin-top:140px;color:#999;
}
.blank-state .btn-container
{
text-align:center;margin-top:10px;
}
.blank-state .btn-container a.btn
{
display:inline-block;
}
.blank-state.upload h3
{
margin-top:120px;
}
section#static
{
position:relative;width:610px;margin:20px auto 60px;
}
section#static.advertise
{
width:940px;
}
section#static h2
{
font-size:28px;margin-top:20px;
}
ul.static-nav
{
list-style-type:none;position:absolute;top:0;left:0;
}
ul.static-nav li a
{
display:block;text-decoration:none;color:#999;line-height:19px;font-weight:bold;padding:10px;width:260px;border-bottom:1px solid #eee;
}
ul.static-nav li a.selected
{
background-color:#2D72D9;color:#fff;border-color:#08a;
}
.static-block
{
background-color:#fff;overflow:hidden;
}
.static-block h3
{
font-size:22px;line-height:1.6em;margin-top:40px;
}
.static-block p
{
margin:0 0 10px;line-height:1.8em;font-size:13px;
}
.static-block blockquote
{
background-color:#f4f4f4;padding:40px;
}
.static-block blockquote ol
{
padding:0 0 0 20px;line-height:1.6em;
}
.static-block blockquote li
{
margin-bottom:20px;
}
.static-block blockquote li:last-child
{
margin:0;
}
.static-block .photo-container
{
margin:40px 0 20px;
}
.static-block th,.static-block td
{
padding:5px 10px;line-height:1.6em;border-bottom:1px solid #eee;
}
.static-block th
{
text-align:left;
}
.advertise-block
{
width:940px;margin:20px auto 0;
}
.advertise-block img.mediakit
{
width:940px;margin-bottom:80px;
}
section#signup
{
width:460px;margin:40px auto;font-size:13px;
}
.modal section#signup
{
margin:40px auto;
}
section#signup h2
{
font-size:36px;margin-bottom:10px;
}
section#signup p.lead
{
margin-bottom:20px;line-height:1.6em;color:#999;
}
section#signup .social-signup
{
padding-bottom:20px;border-bottom:1px solid #eee;overflow:hidden;margin-bottom:20px;
}
section#signup ul.section-list
{
overflow:hidden;padding:0;list-style-type:none;float:left;color: #999;
}
section#signup ul.section-list li
{
float:left;
}
section#signup ul.section-list li label
{
display:block;line-height:40px;font-weight:normal;
}
section#signup ul.section-list li label.lbl-rememberme
{
margin-left:10px;
}
section#signup ul.section-list li label.selected
{
background-color:#f4f4f4;font-weight:bold;
}
section#signup ul.section-list li span.name
{
display:inline-block;margin:0 5px;
}
section#signup ul.section-list input[type='checkbox']
{
top:1px;position:relative;
}
a.btn-connect-option
{
display:block;font-size:20px;font-weight:bold;background-color:#2D72D9;color:#fff;width:145px;height:30px;line-height:28px;text-align:center;padding:15px 15px 15px 60px;border-radius:3px;float:left;margin:0px 5px 10px;
}
a.btn-connect-option.facebook
{
background:#3b5998 url(../img/btn-connect-option.png) no-repeat;
}
a.btn-connect-option.google-plus
{
background:#DC4D28 url(../img/btn-connect-option.png) no-repeat 0 -60px;
}
a.btn-connect-option.twitter
{
background:#00aced url(../img/btn-connect-option.png) no-repeat 0 -120px;
}
section#signup p.alternative
{
color:#999;margin-bottom:10px;
}
section#signup p.alternative a
{
font-weight:bold;
}
section#signup #login-email p.lead
{
margin-bottom:10px;
}
section#signup #login-email a.forgot-password
{
display:inline-block;color:#999;float:right;font-size:13px;line-height:40px;
}
section#delete-account
{
width:460px;margin:100px auto 100px;font-size:13px;
}
section#delete-account h2
{
font-size:36px;margin-bottom:5px;
}
section#delete-account p.lead
{
margin-bottom:20px;line-height:1.6em;color:#999;
}
section#delete-account .btn-container a.btn,section#delete-account .btn-container a.thick
{
text-align:center;display:block;width:220px;
}
section#delete-account .btn-container a.thick
{
font-size:12px;color:#999;display:inline-block;width:auto;padding:10px 0;
}
form#delete-account
{
padding-top:40px;margin-top:40px;border-top:1px solid #eee;
}
form#delete-account .field
{
margin-top:0;
}
form#delete-account .btn-container
{
padding:0;
}
section#upload-file
{
width:460px;margin:40px auto;font-size:13px;
}
.modal section#upload-file
{
margin:40px auto;
}
section#upload-file .disabled
{
position:relative;
}
section#upload-file .disabled .disabled-mask
{
background-color:#fff;position:absolute;top:0;left:0;width:100%;height:100%;opacity:.8;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}
section#upload-file a.upload-selected
{
color:#000;cursor:default;
}
section#upload-file h2
{
font-size:36px;margin-bottom:5px;
}
section#upload-file p.lead
{
line-height:1.6em;margin-bottom:20px;color:#999;
}
section#upload-file p.lead.red
{
color:#f00;
}
section#upload-file .field
{
margin:0 0 30px;
}
section#upload-file .field.title
{
margin-bottom:20px;
}
section#upload-file .field.checkbox
{
margin:0 0 10px;
}
section#upload-file p.count
{
position:absolute;top:0;right:0;font-size:12px;color:#999;
}
section#upload-file p.count.warn
{
color:#c00;
}
section#upload-file textarea
{
width:440px;height:50px;line-height:1.6em;
}
section#upload-file .field.section-picker ul.section-list
{
overflow:hidden;margin:5px 0;padding:0;list-style-type:none;
}
section#upload-file .field.section-picker ul.section-list li
{
float:left;width:33%;
}
section#upload-file .field.section-picker ul.section-list li:nth-child(3n-1)
{
width:34%;
}
section#upload-file .field.section-picker li label
{
display:block;line-height:24px;padding:5px 0 5px 10px;margin-right:10px;cursor:pointer;font-weight:normal;
}
section#upload-file .field.section-picker li label:hover
{
background-color:#f4f4f4;
}
section#upload-file .field.section-picker li label.selected
{
background-color:#f4f4f4;font-weight:bold;
}
section#upload-file .field.section-picker li span.name
{
display:inline-block;margin:0 5px;
}
section#upload-file .field.section-picker input[type='checkbox']
{
cursor:pointer;
}
section.footer
{
position:fixed;width:300px;bottom:0;padding:10px 0;font-size:12px;background-color:#fff;
}
section.footer p.static
{
width:300px;color:#999;margin-top:10px;
}
section.footer a
{
color:#999;
}
ul.footer-more
{
list-style-type:none;width:110px;box-shadow:0 3px 5px rgba(0,0,0,0.3);position:absolute;bottom:20px;right:0;
}
ul.footer-more a
{
display:block;line-height:18px;padding:5px 10px;background-color:#fff;
}
.buttons-area
{
overflow:hidden;
}
a.back-to-top
{
display:block;width:40px;height:40px;text-indent:-999px;overflow:hidden;text-align:center;border:1px solid #ddd;background:#fff url(../img/back-to-top.png) no-repeat;color:#999;border-radius:3px;float:left;margin-right:10px;
}
a.back-to-top:hover
{
border-color:#aaa;
}
a.back-to-top:active
{
background-color:#fafafa;
}
.buttons-area .keyboard-hint
{
height:42px;float:left;
}
.buttons-area .keyboard-hint ul
{
list-style-type:none;
}
.buttons-area .keyboard-hint li:first-child
{
margin-bottom:2px;
}
.buttons-area .keyboard-hint li a
{
display:block;height:20px;width:50px;line-height:20px;padding-left:10px;font-size:10px;font-weight:bold;color:#555;position:relative;
}
.buttons-area .keyboard-hint strong
{
display:block;position:absolute;left:0;top:0;width:20px;height:18px;background-color:#fff;border-radius:3px;border:1px solid #ddd;font-weight:normal;text-align:center;line-height:18px;font-size:9px;text-transform:uppercase;
}
.buttons-area .keyboard-hint li a:hover strong
{
border-color:#aaa;
}
.buttons-area .keyboard-hint li a:active strong
{
background-color:#fafafa;
}
.buttons-area .keyboard-hint span.next,.buttons-area .keyboard-hint span.prev
{
display:inline-block;padding-left:20px;
}
footer
{
padding:30px 0;background-color:#000;color:#999;
}
footer .width-limit
{
width:940px;margin:0 auto;
}
footer .primary,footer .secondary
{
margin-bottom:10px;
}
footer .primary ul,footer .secondary ul
{
list-style-type:none;text-align:center;
}
footer .primary li
{
display:inline-block;margin:0 15px;
}
footer .secondary li
{
display:inline-block;margin:0 5px;color:#999;
}
footer .primary a
{
color:#fff;font-weight:bold;
}
footer .secondary a
{
color:#999;font-size:12px;
}
footer .naughty-box
{
width:938px;height:148px;border:1px solid #333;margin:0 auto 30px;
}
footer .naughty-box .image-container
{
width:728px;height:90px;margin:20px auto 0;background-color:#333;
}
footer .naughty-box img
{
display:block;
}
footer .naughty-box p.advertise-here
{
width:728px;margin:0 auto;text-align:right;line-height:20px;font-size:12px;
}
.outbound
{
background-color:#fff;width:400px;font-size:15px;padding:30px;margin:60px auto;
}
.outbound h3
{
font-size:28px;margin-bottom:20px;
}
.outbound p
{
margin:0 0 10px;line-height:1.6em;
}
.outbound p.url
{
background-color:#f5f5f5;line-height:20px;padding:10px;width:380px;text-overflow:ellipsis;overflow:hidden;text-align:center;font-weight:bold;
}
.outbound .button-container
{
margin-top:30px;
}
.outbound .button-container a.btn
{
margin-right:20px;
}
.clearfix
{
clear:both;
}
.no-scroll
{
overflow:hidden;height:100%;
}
.absolute
{
position:absolute!important;
}
.fixed
{
position:fixed!important;
}
.hide
{
display:none!important;
}
.left
{
float:left!important;
}
.right
{
float:right!important;
}
.nav-popup{
/* Clear floats */
float:left;
/* Bring the nav above everything else--uncomment if needed.
position:relative;
z-index:5;
*/
list-style-type:none;font-size:13px;
}
.nav-popup li{
float:left;
position:relative;
}
.nav-popup a{
display:block;color:#777;position:relative;padding:0 10px;
}

.nav-popupa span.label
{
line-height:48px;height:44px;display:block;padding:0 5px;border-bottom:3px solid transparent;
}
/*--- DROPDOWN ---*/
.nav-popup ul{
list-style:none;
position:absolute;
display:none; /* Hide off-screen when not needed (this is more accessible than display:none;) */
z-index:1000;
margin-top:-5px;
list-style-type:none;overflow:hidden;padding:5px 0;background-color:#fff;box-shadow:0 5px 10px rgba(0,0,0,0.2);border:1px solid #ccc;
}
.nav-popup ul li{
/*padding-top:1px;*/ /* Introducing a padding between the li and the a give the illusion spaced items */
float:none;
}
.nav-popup ul a{
white-space:nowrap; /* Stop text wrapping and creating multi-line dropdown items */
display:block;color:#777;background-color:#fff;line-height:30px;padding:0 20px;font-size:13px;
}
.nav-popup li:hover ul{ /* Display the dropdown on hover */
display:block; /* Bring back on-screen when needed */
}
.nav-popup li:hover a{ /* These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor has moved down the list. */
/*background:#222;*/
}
.nav-popup li:hover ul a{ /* The persistent hover state does however create a global style for links even before they're hovered. Here we undo these effects. */
text-decoration:none;
}
.nav-popup li:hover ul li a:hover{ /* Here we define the most explicit hover states--what happens when you hover each individual link. */
background-color:#f4f4f4;color:#000;
}
.nav-popup a.with-drop
{
padding-right:20px;
}
.nav-popup a span.drop-arrow
{
display:inline-block;background:url(../img/dropdown.png) -5px -5px;width:10px;height:10px;margin-left:2px;
}
.nav-popup a:hover
{
color:#000;
}
.nav-popup a:hover span.drop-arrow
{
background:url(../img/dropdown.png) -5px;
}
.nav-popup a span.label2
{
height:28px;display:block;padding-top:8px;border-bottom:3px solid transparent;
}
.lang-lbl
{
height:18px;font-size:11px;margin-right:5px; padding-top:2px;
}
.watermark-clear
{
width:600px;height:60px;position:absolute;margin-top:-60px;background-color:#ffffff;
}
#paging-buttons
{
overflow:hidden;padding:20px;border-top:1px solid #ddd;
}
#paging-buttons a
{
display:block;float:left;background-color:#00A5F0;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;font-size:12px;font-weight:bold;text-align:center;color:#fff;height:36px;line-height:36px;width:100%;border:1px solid rgba(0,0,0,.2);box-shadow:0 0 0 1px rgba(255,255,255,.4) inset,0 1px #fff;-moz-box-shadow:0 0 0 1px rgba(255,255,255,.4) inset,0 1px #fff;-webkit-box-shadow:0 0 0 1px rgba(255,255,255,.4) inset,0 1px #fff;text-shadow:0 -1px rgba(0,0,0,.2)
}
#paging-buttons.paging-buttons a
{
width:270px;float:right
}
#paging-buttons.paging-buttons a:hover
{
opacity:.9;box-shadow:0 0 0 1px rgba(255,255,255,.4) inset,0 1px #fff,0 0 0 30px rgba(255,255,255,.21) inset
}
#paging-buttons.paging-buttons a:active
{
box-shadow:0 0 0 30px rgba(0,0,0,.21) inset,0 1px 2px rgba(0,0,0,.2) inset,0 1px #fff;-moz-box-shadow:0 0 0 30px rgba(0,0,0,.21) inset,0 1px 2px rgba(0,0,0,.2) inset,0 1px #fff;-webkit-box-shadow:0 0 0 30px rgba(0,0,0,.21) inset,0 1px 2px rgba(0,0,0,.2) inset,0 1px #fff
}
#paging-buttons.paging-buttons a.previous
{
float:left
}
#paging-buttons a.disabled,#paging-buttons a.disabled:hover,#paging-buttons a.disabled:active
{
opacity:.2;cursor:default;box-shadow:0 0 0 1px rgba(255,255,255,.4) inset,0 1px #fff;-moz-box-shadow:0 0 0 1px rgba(255,255,255,.4) inset,0 1px #fff;-webkit-box-shadow:0 0 0 1px rgba(255,255,255,.4) inset,0 1px #fff
}
.staff-container
{
margin-bottom: 15px; border-radius: 5px 5px 5px 5px; padding: 15px;font-size:13pt;background:rgb(204, 204, 204);
}
.staff-container img
{
border: 2px solid rgb(187, 187, 187); float: left;width:60px;
}
.staff-container-details
{
margin: 5pt 15px 0pt 100px;
}
.staff-subject
{
padding-bottom: 5px; margin-bottom: 6px;
}
.staff-username
{
font-size: 16px; font-weight: bold; padding-bottom: 5px; margin-bottom: 6px; border-bottom: 1px solid rgb(242, 242, 242); display: block;
}
.staff-statics
{
font-size: 12px; color: rgb(68, 68, 68);
}
.staff-statics span
{
color: rgb(238, 238, 238);
}
/* Feature Bar */
.feature-bar 
{
background-color: #fff;padding:0px;margin:0px auto;border:1px solid #ddd;background-color: #F4F4F4;
}
.feature-bar h2 {
margin: 0 auto;padding:5px 0px;width: 940px;font-size:16px;height:20px;text-align:center;color:#000;
}
.feature-bar ul {
overflow: hidden;margin: 0 auto;padding: 0;list-style-type: none;width: 940px;
}
.feature-bar ul a {
float: left;margin: 0px 2px;position: relative;width: 184px;height: 100px;overflow: hidden;background-color: #000;
}
.feature-bar ul a img, .feature-bar ul a span.title {
display: block;width:184px;
}
.feature-bar ul a span.title {
background-color: rgba(0,0,0,0.8);color: #fff;position: absolute;bottom: 0;left: 0;font-size: 13px;font-weight: bold;padding: 5px 8px;width: 188px;display: none;
}
.feature-bar ul a:hover span.title {
    display: block;
}
/* End Feature Bar */

.post-afterbar-meta
{
color:#999;border-top:1px solid #eee;padding:5px 0;height:20px;
}
.post-afterbar-meta p
{
line-height:20px;font-size:11px;text-transform:uppercase;text-align:right;padding-right:5px;
}
.post-afterbar-meta a
{
color:#999;
}
.post-afterbar-meta a.delete
{
color:#f00;
}
.post-afterbar-meta a:hover
{
text-decoration:underline;color:#000;
}

/* comments */

.flr
{
float:right;
}
a.grey:link
{
text-decoration:none;color:#CCCCCC;
}
a.grey:visited
{
text-decoration:none;color:#CCCCCC;
}
a.grey:hover
{
text-decoration:none;color:#666666;
}
a.grey:active
{
text-decoration:none;color:#666666;
}
a.grey:focus
{
text-decoration:none;color:#666666;
}
.grey
{
color:#CCCCCC;-webkit-transition:color .2s linear;-moz-transition:color .2s linear;
}
.grey:hover
{
color:#666666;
}
.liked
{
background-color:#FFFFAA!important;
}
.disliked
{
background-color:#FFFFFF!important;
}
.b9gcs-comments
{
width:600px;font-size:14px;padding-bottom:10px;
}
.b9gcs-comments-title
{
font-size:16px;margin-top:20px;margin-bottom:5px;color:#000;font-weight:bold;float:left;
}
.b9gcs-comment-input
{
width:588px;height:18px;padding:5px;font-family:Arial,Helvetica,sans-serif;font-size:13px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;border:1px solid #D2D2D2;color:#AAAAAA;margin-top:10px;
}
.b9gcs-comment-input:focus
{
border:1px solid #000;color:#333333;
}
.b9gcs-comments-send
{
float:right;margin-right:2px;margin-top:2px;display:none;font-size:14px;color:#00A5F0;cursor:pointer;
}
.comment
{
padding-bottom:10px;
}
.comment2
{
background-color:#FFF;padding-top:10px;padding-bottom:13px;margin-top:-10px;width:598px;overflow:hidden;
}
.comment-left
{
width:20px;float:left;background-color:#F4F4F4;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;padding:5px;margin-right:8px;border:1px solid #BBBBBB;
}
.comment-right
{
width:536px;float:right;background-color:#F4F4F4;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;padding:10px;padding-top:12px;padding-bottom:13px;border:1px solid #BBBBBB;
}
.sub-comment
{
background-color:#FFF;padding-top:10px;padding-bottom:13px;margin-top:-5px;width:578px;float:right;
}
.sub-comment-left
{
width:20px;float:left;background-color:#F4F4F4;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;padding:5px;margin-right:8px;border:1px solid #BBBBBB;
}
.sub-comment-right
{
width:516px;float:right;background-color:#F4F4F4;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;padding:10px;padding-top:12px;padding-bottom:12px;border:1px solid #BBBBBB;
}
.comment-header
{
margin-bottom:5px;font-size:13px;
}
.comment-body
{

}
.header-span-1
{
margin-left:15px;color:#AAAAAA;
}
.header-span-2
{
margin-left:5px;color:#AAAAAA;
}
.b9gcs-comment-hr
{
background-color:#E9E9E9!important;
}
.comment-vote-fix
{
margin-bottom:10px;
}
a.clike
{
background:url(../img/comments.png) no-repeat top left;display:block;background-position:0px 0px;width:20px;height:21px;margin-left:auto;margin-right:auto;cursor:pointer;
}
a.clike-a
{
background:url(../img/comments.png) no-repeat top left;display:block;background-position:0px -22px;width:20px;height:21px;margin-left:auto;margin-right:auto;cursor:pointer;
}
a.clike:hover
{
background:url(../img/comments.png) no-repeat top left;display:block;background-position:0px -22px;width:20px;height:21px;margin-left:auto;margin-right:auto;cursor:pointer;
}
a.cdislike
{
background:url(../img/comments.png) no-repeat top left;display:block;background-position:-22px 0px;width:20px;height:21px;margin-left:auto;margin-right:auto;cursor:pointer;
}
a.cdislike-a
{
background:url(../img/comments.png) no-repeat top left;display:block;background-position:0px -66px;width:20px;height:21px;margin-left:auto;margin-right:auto;cursor:pointer;
}
a.cdislike:hover
{
background:url(../img/comments.png) no-repeat top left;display:block;background-position:0px -66px;width:20px;height:21px;margin-left:auto;margin-right:auto;cursor:pointer;
}

/* Grid */
.grid-1 
{
width:96%;margin-top:20px;margin-left:2%;color:#000;
}
.grid-2
{
width:47%;margin-top:20px;margin-left:2%;color:#000;float:left;
}
.grid-3 
{
width:30%;margin-left:2%;margin-top:20px;color:#000;float:left;
}
.grid-4 {
width:64%;margin-left:2%;margin-top:20px;color:#000;float:left;
}
.title-grid 
{
background: -moz-linear-gradient(top, rgba(253,253,253,1) 0%, rgba(227,227,227,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(253,253,253,1)), color-stop(100%,rgba(227,227,227,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(253,253,253,1) 0%,rgba(227,227,227,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(253,253,253,1) 0%,rgba(227,227,227,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(253,253,253,1) 0%,rgba(227,227,227,1) 100%); /* IE10+ */
background: linear-gradient(top, rgba(253,253,253,1) 0%,rgba(227,227,227,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#e3e3e3',GradientType=0 ); /* IE6-8 */
border:1px solid #e3e3e3;border-bottom:0;font: 16px "Cuprum", Helvetica, Arial, sans-serif;color:#55585d;display: block;padding-left: 10px;padding-right: 10px;padding-top:7px;text-decoration: none;height:25px;-webkit-border-top-left-radius: 3px;-webkit-border-top-right-radius: 3px;-moz-border-radius-topleft: 3px;-moz-border-radius-topright: 3px;border-top-left-radius: 3px;border-top-right-radius: 3px;
}
.title-grid span
{
float:left;
}
.title-grid ul
{
float:right;
}
.title-grid ul 
{
height:35px;margin-left:2px;
}
.content-gird
{
background-color:#ffffff;border:1px solid #e3e3e3;padding:10px;color:#424242;-webkit-border-bottom-right-radius: 3px;-webkit-border-bottom-left-radius: 3px;-moz-border-radius-bottomright: 3px;-moz-border-radius-bottomleft: 3px;border-bottom-right-radius: 3px;border-bottom-left-radius: 3px;
}
.size-medium
{
height:310px;
}
	
.title-grid span 
{
right: 0;top: 30%;cursor: pointer;width: 16px;height: 13px;margin-top:4px;background: url(../img/trigger.png) no-repeat left bottom;display: block;font-size: 0;float:right;
}
.inactive .title-grid span 
{
background-position: left top;
}
.average
{
width:32%;
}
/* tabs */
ul.tabNavigation li.ui-state-active,  .ui-widget-header .ui-state-active 
{
background: #fff;color:#55585d;height:19px;margin-left:-3px;margin-top:-13px;padding-top:13px;border-left:1px solid #e3e3e3;border-right:1px solid #e3e3e3;font: 16px "Cuprum", Helvetica, Arial, sans-serif;
	}
ul.tabNavigation li.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited
{
color:#55585d;height:38px;margin-top:-18px;padding-top:13px;font: 16px "Cuprum", Helvetica, Arial, sans-serif;		
}
.tabs ul.tabNavigation 
{ 
height:26px;margin-top:2px;float:left;
}

.ui-tabs { position: relative; padding: .2em; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; }
.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; }
.ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { display: block; border-width: 0; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }

/* End Comments */
 
/* Start Login Overlay */
section#login{width:460px;margin:40px auto;font-size:13px;}
.modal section#login{margin:40px auto;}
section#login h2{font-size:36px;margin-bottom:10px;}
section#login p.lead{margin-bottom:20px;line-height:1.6em;color:#999;}
section#login .social-signup{padding-bottom:20px;border-bottom:1px solid #eee;overflow:hidden;margin-bottom:20px;}
section#login ul.section-list{overflow:hidden;padding:0;list-style-type:none;float:left;color: #999;}
section#login ul.section-list li{float:left;}
section#login ul.section-list li label{display:block;line-height:40px;font-weight:normal;}
section#login ul.section-list li label.lbl-rememberme{margin-left:10px;}
section#login ul.section-list li label.selected{background-color:#f4f4f4;font-weight:bold;}
section#login ul.section-list li span.name{display:inline-block;margin:0 5px;}
section#login ul.section-list input[type='checkbox']{top:1px;position:relative;}
section#login p.alternative{color:#999;margin-bottom:10px;}
section#login p.alternative a{font-weight:bold;}
section#login #login-email p.lead{margin-bottom:10px;}
section#login #login-email a.forgot-password{display:inline-block;color:#999;float:right;font-size:13px;line-height:40px;}
/* End Login Overlay */

/* Start New Comments v12 */
input[type='text'],input[type='email'],input[type='password'],input[type='url'],textarea{-webkit-appearance: none;-moz-appearance: none;}
textarea,input[type='url']{outline: 0;line-height: 20px;padding: 6px 9px;resize: none;margin: 6px 0;display: block;border: 1px solid #ccc;font: 13px "Helvetica Neue",Arial,Helvetica,Geneva,sans-serif;}
textarea{outline: 0;line-height: 20px;padding: 9px;resize: none;margin: 6px 0;display: block;border: 1px solid #ddd;font: 13px "Helvetica Neue",Arial,Helvetica,Geneva,sans-serif;}
a.cmnt-btn{color: #fff;background-color: #67C4B0;padding: 9px 20px;border: 1px solid #67C4B0;border-radius: 3px;font: bold 14px/20px "Helvetica Neue",Arial,Helvetica,Geneva,sans-serif;cursor: pointer;text-decoration: none;display: inline-block;text-align: center;-webkit-appearance: none;}
a.cmnt-btn:hover{background-color: #47debd;border-color: #47debd;}
a.cmnt-btn:active{background-color: #47cebd;border-color: #47cebd;}
a.cmnt-btn.size-30{font-size: 12px;padding: 4px 15px;}
a.cmnt-btn.facebook{background: #3b5998 url(../img/social-icon-20-fff.png) 0 no-repeat;padding-left: 30px;padding-right: 10px;border-color: #3b5998;}
a.cmnt-btn.grey{background-color: #fff;border-color: #ccc;color: #333;}
a.cmnt-btn.grey:hover{background-color: #f4f4f4;}
a.cmnt-btn.grey:active{background-color: #eee;color: #000;}
a.cmnt-btn.disabled,a.cmnt-btn.disabled:hover,a.cmnt-btn.disabled:active{background-color: #09f;border-color: #09f;cursor: default;}
a.cmnt-btn.grey.disabled{background-color: #f4f4f4;border-color: #d4d4d4;color: #999;cursor: default;}
a.cmnt-btn.grey.disabled:hover{background-color: #f4f4f4;border-color: #d4d4d4;}
a.cmnt-btn.link{border-color: transparent;color: #999;}
a.cmnt-btn.link:hover{background-color: transparent;}
.inline-icon{display: block;width: 20px;height: 20px;position: relative;}
.inline-icon .dot-menu{width: 4px;height: 16px;position: absolute;margin-left: -2px;left: 50%;top: 50%;margin-top: -8px;}
.inline-icon .dot-menu .dot-1,.inline-icon .dot-menu .dot-2,.inline-icon .dot-menu .dot-3{display: block;position: absolute;width: 4px;height: 4px;background-color: #999;border-radius: 2px;}
.inline-icon .dot-menu .dot-2{top: 6px;}
.inline-icon .dot-menu .dot-3{top: 12px;}
.inline-icon .arrow-head-s{display: block;width: 0;border-top: 5px solid #999;border-left: 4px solid transparent;border-right: 4px solid transparent;position: absolute;top: 50%;margin-top: -2px;left: 50%;margin-left: -4px;}
.inline-icon .flag{width: 20px;height: 20px;background: url(../img/comment-flag.png) no-repeat;}
.inline-icon .remove{width: 20px;height: 20px;background: url(../img/comment-remove-1.png) no-repeat;}
.menu-trigger .remove{width: 20px;height: 20px;background: url(../img/comment-remove-1.png) no-repeat;}
.spinner-here{height: 40px;opacity: .4;background: url(../img/spin-white.gif) center no-repeat;}
.tab-bar{height: 43px;border-bottom: 1px solid #ddd;}
.tab-bar-left{float: left;}
.tab-bar-right{float: right;}
.tab-bar-right .tab{float: left;}
.overflow-menu .comment-pop-menu{top: 49px;}
.tab-bar-right .overflow-menu{float: right;padding: 12px 0;position: relative;}
.tab-bar h3{font-size: 16px;line-height: 20px;padding: 12px 0;}
.tab-bar ul.tab{list-style-type: none;overflow: hidden;}
.tab-bar .tab li{float: left;}
.tab-bar ul.tab a{display: block;font-size: 13px;font-weight: bold;color: #999;line-height: 20px;padding: 12px;}
.tab-bar ul.tab a:hover{color: #000;}
.tab-bar ul.tab li.active a{color: #000;border-bottom: 2px solid #09f;padding-bottom: 10px;}
.comment-embed{margin-top: 10px;min-height: 300px;}
.comment-section-title{position: relative;}
.comment-section-title h3{font-size: 13px;float: left;line-height: 20px;}
.comment-section-title a.logout{color: #999;font-weight: normal;font-size: 12px;margin-left: 10px;}
.comment-section-title .sorting,.comment-section-title .moderation,.comment-generic-function{float: right;line-height: 20px;color: #999;position: relative;margin-left: 20px;}
.comment-section-title a.menu-trigger{color: #999;font-weight: bold;overflow: hidden;}
.comment-section-title span.label{display: block;float: left;}
span.drop{display: block;float: left;width: 20px;height: 20px;background: url(../img/dropdown.png) 0 -20px no-repeat;opacity: .3;}
a.menu-trigger:hover,a.menu-trigger.selected{color: #000;}
a.menu-trigger:hover span.drop{opacity: 1;}
a.menu-trigger.selected span.drop{opacity: 1;background: url(../img/dropdown.png) 0 -40px no-repeat;}
.comment-section-title .sorting p{overflow: hidden;}
.comment-section-title .sorting .menu-trigger{margin-left: 5px;float: left;}
.comment-pop-menu{position: absolute;min-width: 140px;top: 20px;right: 5px;z-index: 1;}
.moderation .comment-pop-menu{width: 180px;}
.comment-pop-menu ul{list-style-type: none;overflow: hidden;padding: 5px 0;background-color: #fff;background-clip: padding-box;box-shadow: 0 0 0 1px rgba(0,0,0,0.2),0 5px 10px rgba(0,0,0,0.2);}
.comment-pop-menu a{display: block;color: #777;background-color: #fff;line-height: 30px;padding: 0 15px;font-size: 13px;overflow: hidden;white-space: nowrap;}
.comment-pop-menu a:hover{background-color: #f4f4f4;color: #333;}
.comment-pop-menu a:active{background-color: #eee;color: #000;}
.comment-pop-menu a span.icon{float: right;}
.comment-generic-function{border-left: 1px solid #eee;margin-left: 10px;}
.menu-trigger:hover .dot-menu .dot-1,.menu-trigger:hover .dot-menu .dot-2,.menu-trigger:hover .dot-menu .dot-3,.menu-trigger.selected .dot-menu .dot-1,.menu-trigger.selected .dot-menu .dot-2,.menu-trigger.selected .dot-menu .dot-3{background-color: #000;}
.comment-section-spacer{height: 1px;margin: 0 auto 30px;}
.comment-entry{position: relative;padding-top: 10px;display: block;}
.comment-entry.indent-1{margin-left: 20px;padding-top: 0;border-bottom: 0;}
.comment-entry.indent-1 .payload{margin-left: 40px;}
.comment-entry.indent-1 .avatar,.comment-entry.indent-1 .avatar .image-container,.comment-entry.indent-1 .avatar img{width: 30px;height: 30px;}
.comment-entry .avatar{float: left;width: 50px;height: 50px;overflow: hidden;}
.comment-entry .avatar .image-container{width: 100%;height: 100%;background-color: #f4f4f4;}
.comment-entry .avatar img{display: block;width: 100%;height: 100%;border: 0;}
.comment-entry .payload{margin-left: 60px;padding-bottom: 10px;}
.comment-entry .payload .info{font-size: 11px;line-height: 20px;color: #999;}
.comment-entry .payload .info .username{margin-right: 10px;}
.comment-entry .payload .username{font-weight: bold;font-size: 13px;color: #000;}
.comment-entry .payload .img-embed{margin-right: 10px;display: block;}
.comment-entry .payload .img-embed img{max-width: 100%;max-height: 200px;}
.comment-entry .payload .username:hover{text-decoration: underline;}
.comment-entry .info .label{display: inline-block;text-transform: uppercase;font-weight: bold;color: #00b22d;font-size: 11px;}
.comment-entry .info .points{color: #999;}
.comment-entry .info .points.selected{color: #08f;font-weight: bold;}
.comment-entry .info a.time{color: #999;}
.comment-entry .info a.time:hover{color: #000;}
.comment-entry .payload .content{font-size: 13px;line-height: 1.6em;margin-bottom: 5px;}
.comment-entry .payload .action{font-size: 12px;line-height: 20px;height: 20px;color: #999;}
.comment-entry .action a{color: #999;font-weight: bold;}
.comment-entry .action a:hover{color: #777;}
.comment-entry .action .vote-buttons,.comment-entry .action .reply,.comment-entry .action .message,.comment-entry .action .delete,.comment-entry .action .admin-hide,.comment-entry .action .admin-ban{display: block;float: left;margin-right: 10px;}
.comment-entry .action .admin-hide,.comment-entry .action .admin-ban{color: #eee;}
.comment-entry .action .seperator{display: none;float: left;width: 1px;background-color: #eee;height: 14px;margin: 3px 5px 0 7px;}
.comment-entry .action .vote-buttons span.count{float: left;font-weight: bold;margin-right: 5px;height: 20px;line-height: 20px;display: none;}
.comment-entry .action .vote-buttons.up .count{color: #00a256;}
.comment-entry .action .vote-buttons.down .count{color: #fe2232;}
.comment-entry .action .vote-buttons .up,.comment-entry .action .vote-buttons .down{width: 20px;height: 20px;line-height: 20px;display: block;text-indent: -9999px;float: left;position: relative;margin-right: 10px;}
.comment-entry .action .vote-buttons .icn-up,.comment-entry .action .vote-buttons .icn-down{display: block;width: 20px;height: 20px;float: left;}
.comment-entry .action .vote-buttons span.label{display: none;float: left;}
.comment-entry .action .vote-buttons.up span.label{color: #00a256;}
.comment-entry .action .vote-buttons .icn-up{background: url(../img/comment-sprite.png) no-repeat 0 0;}
.comment-entry .action .vote-buttons .down{background: url(../img/comment-sprite.png) no-repeat -20px 0;}
.comment-entry .action .vote-buttons .up:hover .icn-up{background: url(../img/comment-sprite.png) no-repeat 0 -20px;}
.comment-entry .action .vote-buttons .down:hover .icn-down{background: url(../img/comment-sprite.png) no-repeat -20px -20px;}
.comment-entry .action .vote-buttons.up .icn-up,.comment-entry .action .vote-buttons.up .up:hover .icn-up{background: url(../img/comment-sprite.png) no-repeat 0 -40px;}
.comment-entry .action .vote-buttons.down .icn-down,.comment-entry .action .vote-buttons.down .down:hover .icn-down{background: url(../img/comment-sprite.png) no-repeat -20px -40px;}
.comment-entry .action .bubble{display: block;visibility: collapse;background-color: rgba(0,0,0,0.8);box-shadow: 0 1px 1px rgba(0,0,0,0.2);color: #fff;font-size: 12px;height: 24px;line-height: 24px;width: 60px;border-radius: 3px;text-indent: 0;text-align: center;position: absolute;margin-top: -50px;left: 50%;margin-left: -20px;opacity: 0;}
.comment-entry .action a.down .bubble{width: 80px;margin-left: -30px;}
.comment-entry .action .bubble .drop{display: block;position: absolute;width: 0;border-top: 5px solid rgba(0,0,0,0.8);border-left: 4px solid transparent;border-right: 4px solid transparent;left: 50%;margin-left: -4px;}
.comment-entry .action a.up:hover .bubble,.comment-entry .action a.down:hover .bubble{visibility: visible;opacity: 1;}
.comment-entry .extra-menu{position: absolute;top: 10px;right: 0;}
.comment-entry.indent-1 .extra-menu{top: 0;}
.comment-entry .extra-menu a.flag-button,.comment-entry .extra-menu a.remove-button{display: block;width: 20px;height: 20px;position: relative;}
.comment-entry .extra-menu .inline-icon,.comment-entry .menu-trigger span.drop{opacity: 0;}
.comment-entry:hover .inline-icon,.comment-entry:hover .menu-trigger span.drop{opacity: .3;}
.comment-entry .extra-menu .inline-icon:hover,.comment-entry .menu-trigger:hover span.drop,.comment-entry .menu-trigger.active span.drop{opacity: 1;}
.comment-entry.collapse{padding-top: 0;display: none;}
.collapsed-comment{display: block;width: 100%;height: 44px;line-height: 44px;font-size: 13px;font-weight: bold;position: relative;}
.collapsed-comment:hover{text-decoration: underline;}
.collapsed-comment.loading{opacity: .5;text-decoration: none;cursor: default;}
.dot-collapse{width: 30px;height: 24px;position: absolute;top: 50%;left: 50%;margin-left: -15px;margin-top: -12px;}
.dot-collapse .dot-1,.dot-collapse .dot-2,.dot-collapse .dot-3{display: block;width: 4px;height: 4px;border-radius: 2px;background-color: #aaa;position: absolute;top: 50%;margin-top: -2px;}
.dot-collapse .dot-1{left: 5px;}
.dot-collapse .dot-2{left: 9px;}
.dot-collapse .dot-2{left: 13px;}
.dot-collapse .dot-3{left: 21px;}
.comment-entry.view-more{padding: 0;}
.comment-entry.view-more .view-more-button{color: #999;display: block;height: 30px;padding: 0 10px;overflow: hidden;}
.comment-entry.view-more .view-more-button:hover{background-color: #f8f8f8;}
.comment-entry.view-more span.drop{display: block;float: left;width: 20px;height: 20px;margin-top: 5px;background: url(../img/dropdown.png) 0 -20px no-repeat;opacity: .3;}
.comment-entry.view-more span.label{display: block;float: left;line-height: 20px;padding: 5px 0;font-size: 12px;margin-right: 5px;}
.comment-box.first{border-top: 0;padding-top: 10px;}
.comment-box.indent-1{margin-left: 20px;padding-top: 10px;margin-bottom: 20px;}
.comment-box.indent-1 .avatar,.comment-box.indent-1 .avatar .image-container,.comment-box.indent-1 .avatar img{width: 30px;height: 30px;}
.comment-box.indent-1 .payload{margin-left: 40px;}
.comment-box .avatar{float: left;overflow: hidden;}
.comment-box .avatar .image-container{width: 50px;height: 50px;overflow: hidden;background-color: #f4f4f4;}
.comment-box .avatar img{display: block;width: 100%;height: 100%;border: 0;}
.comment-box .payload{margin-left: 60px;}
.comment-box .payload .textarea-container{margin-bottom: 10px;}
.comment-box .payload textarea,.comment-box .payload input[type='url']{width: 100%;margin: 0;margin-bottom: 10px;height: 50px;box-sizing: border-box;-moz-box-sizing: border-box;border-radius: 0;line-height: 1.6em;}
.comment-box .payload .textarea-container textarea.focus,.comment-box.indent-1 .payload .textarea-container textarea{border-color: #67C4B0;height: 90px;}
.comment-box .payload .textarea-container input[type='url'].focus{border-color: #09f;}
.comment-box .action .post-anonymously{float: left;height: 30px;line-height: 31px;color: #999;}
.comment-box .action .post-anonymously input[type='checkbox']{margin-right: 5px;}
.comment-box .action .cmnt-btn{margin-left: 10px;}
.comment-box .action .word-count{float: right;height: 30px;line-height: 31px;color: #999;}
.comment-box .action .word-count.red{color: #fe2232;font-weight: bold;}
.comment-box .action .submit-comment,.comment-box .action .submit-reaction{float: right;}
.comment-box.loading{opacity: .5;}
.comment-pagination{margin: 20px auto;}
.comment-pagination a.more{display: block;margin: 0 auto;overflow: hidden;}
.comment-pagination a.more span.label{display: inline-block;font-size: 12px;line-height: 20px;height: 20px;padding-right: 20px;color: #08f;}
.comment-pagination a.more:hover span.label{opacity: 1;}
.comment-permalink{color: #999;}
.tooltipsy{padding: 10px;max-width: 200px;color: #fff;background-color: rgba(34,34,34,0.95);font-size: 12px;line-height: 1.4em;margin-top: -1px;}
.tooltipsy a{color: #fff;text-decoration: underline;font-weight: bold;}
.notice-message{background-color: #f4f4f4;border-radius: 3px;padding: 14px 16px;margin: 20px auto;position: relative;}
.notice-message p{line-height: 20px;margin-right: 28px;font-weight: bold;}
.notice-message p a:hover{text-decoration: underline;}
.notice-message a.close-btn{position: absolute;display: block;width: 48px;height: 48px;right: 0;top: 0;color: #999;font-size: 24px;line-height: 42px;text-align: center;}
.notice-message a.close-btn:hover{color: #666;}
@media all and (max-width:415px){.comment-box .action .submit-reaction{display: none;}}
.clearfix:before,.clearfix:after{content: ' ';display: table;}
.clearfix:after{clear: both;}
.menu-trigger .remove{width: 20px;height: 20px;background: url(../img/comment-remove-1.png) no-repeat;display: block;}
.comment-box .payload .textarea-container textarea:after {width: 0px;height: 0px;border-top: 0.5em solid transparent;border-right: 0.5em solid #FFF;border-bottom: 0.5em solid transparent;position: absolute;top: 13px;left: -0.45em;content: "";}
.comment-entry .avatar img {border-radius: 100%;}
.comment-entry .avatar .image-container {background-color: transparent !important;}
.comment-box .avatar img {border-radius: 100%;}
.comment-box .avatar .image-container {background-color: transparent !important;}
/* End Comments */
/* Start Tags Cloud */
section.tags_cloud_container{background-color: #F4F4F4;border: 1px solid #DFDFDF;}
ul.tags_cloud {list-style-type:none;margin:0px;padding:0px;}    
ul.tags_cloud li {display:inline !important;margin-right:15px;line-height:2em;}
ul.tags_cloud li a {display:inline;}
/* End Tags Cloud */
.profile-width { max-width:960px;margin:0px auto;}
#vk_like, #vk_like iframe{width:150px !important;}
.section-nav .social-love div.vk-like {display: block;height: 20px;width: auto;}
.section-nav .social-love div.facebook-like{display:block;height:20px;width:auto;overflow:hidden;}
.fb_edge_widget_with_comment span.fb_edge_comment_widget iframe.fb_ltr{display:none!important;}
.section-nav .social-love div.twitter-follow{display:block;width:auto;height:20px;overflow:hidden;}
.section-nav .social-love div.google-plus-follow{display:block;height:20px;width:auto;}
.section-nav .social-love div.instagram-follow{display:block;height:18px;width:auto;border:1px solid #ccc;background-color:#fff;border-radius:3px;}
.section-nav .social-love div.instagram-follow a{height:18px;line-height:17px;font-size:10px;padding:0 0 0 23px;border-bottom:0;background:url(../img/instagram-follow.png) -1px -1px no-repeat;color:#555;font-weight:bold;}

/* NEW DARKHEADER CUSTOMIZATIONS */
body {min-width: auto;}
header#top-nav {background-color: #000;min-width: 960px;box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.2);}
header#top-nav {background-color: #000;width: 100%;min-width: 960px;box-shadow: 0 1px 0 rgba(0,0,0,.2);}
header#top-nav .nav-wrap {position: relative;height: 48px;width: auto;}
header#top-nav .nav-wrap:after,header#top-nav .nav-wrap:before {content: ' ';display: table;}
header#top-nav .nav-wrap:after {clear: both;}
header#top-nav a {text-decoration: none;}
header#top-nav a.logo {display: block;height: 48px;width: 58px;background: url(../img/logo.png) center center no-repeat;background-size: 50px 30px;text-indent: -9999px;overflow: hidden;box-sizing: border-box;border-right: 1px solid #333;}
header#top-nav h1 a:hover {background-color: rgba(255,255,255,.2);}
.section-nav {margin-top: 1px;}
.nav-menu {margin-right: 196px;}
.nav-menu ul {list-style-type: none;}
.nav-menu ul:after,.nav-menu ul:before {content: ' ';display: table;}
.nav-menu ul:after {clear: both;}
.nav-menu>ul li {display: block;float: left;}
.nav-menu>ul li a {display: block;color: #aaa;position: relative;line-height: 48px;font-size: 13px;padding: 0 8px;text-align: center;box-sizing: border-box;}
.nav-menu>ul li a:hover {color: #fff;}
.nav-menu .primary {float: left;margin-right: 8px;}
.nav-menu .primary a {text-align: center;border-right: 1px solid #333;color: #fff;font-weight: 700;}
.nav-menu .primary a.hot {width: auto;}
.nav-menu .primary a.trending {width: auto;}
.nav-menu .primary a.fresh {width: auto;}
.nav-menu .primary a.section {width: auto;}
.nav-menu .primary a:hover {background-color: rgba(255,255,255,.2);color: #fff;}
.nav-menu .primary a.selected {background-color: rgba(255,255,255,.2);}
.nav-menu a.menu {color: #000;}
.nav-menu a.menu span.drop-arrow {border-top-color: #000;}
.nav-menu a.selected span.label {color: #ee0005;font-weight: 700;border-color: #ee0005;}
.nav-menu a.new:after {content: 'New';display: block;position: absolute;text-transform: uppercase;padding: 0 3px;top: 6px;right: 0;color: #fff;font-size: 8px;border-radius: 2px;background-color: #00a256;height: 12px;line-height: 12px;}
.caret {display: inline-block;vertical-align: middle;margin-left: 2px;width: 0;height: 0;border-top: 4px solid #ccc;border-right: 4px solid transparent;border-left: 4px solid transparent;}

.nav-menu>ul li ul li{width:100%;}
.nav-menu>ul li ul li a {border-right: 0px !important;display: block;color: #777 !important;background-color: #fff;line-height: 30px;padding: 0 20px;font-size: 13px;}
.nav-menu>ul li ul li a:hover {background-color: #f4f4f4;color: #000;}

.function-wrap {position: absolute;right: 0;top: 0;}
.badge-user-function-placeholder {float: right;width: 207px;height: 47px;}
.user-function,.visitor-function {float: left;padding: 9px 10px;}
.user-function .upload,.visitor-function .upload {float: right;}
.user-function .btn-primary,.visitor-function .btn-primary {color: #fff;display: inline-block;line-height: 30px;height: 30px;padding: 0 16px;border-radius: 2px;font-size: 12px;font-weight: 700;margin-left: 10px;background-color: #09f;}
.user-function .btn-primary:hover,.visitor-function .btn-primary:hover {background-color: #33adff;}
.user-function .btn-primary:active,.visitor-function .btn-primary:active {background-color: #007acc;}
.upload .btn-primary {padding-left: 34px;background: #09f url(../img/upload-icon.png) 4px 0 no-repeat;}
.user-function .btn-mute,.visitor-function .btn-mute {display: inline-block;color: #bbb;line-height: 30px;height: 30px;padding: 0 12px;}
.user-function .notification {float: left;margin-right: 10px;}
.notification .bell {text-indent: -9999px;display: block;width: 30px;height: 30px;position: relative;background: #333 url(../img/sprite-bell.png) center 0 / 30px 60px no-repeat;border-radius: 15px;color: #fff;font-weight: 700;text-align: center;line-height: 29px;}
.notification .bell:hover {background: #fff url(../img/sprite-bell.png) center -30px / 30px 60px no-repeat;}
.notification .bell.new {background-color: #F25;background-image: none;text-indent: 0px;}
.user-function .chat {float: left;width: 40px;margin-left: 10px;}
.chat .bubble {display: block;width: 40px;height: 30px;background: url(../img/chat-bubble.png) 0 1px no-repeat;position: relative;}
.chat .bubble:hover {background: url(../img/chat-bubble.png) 0 -29px no-repeat;}
.chat .bubble.selected {background: url(../img/chat-bubble.png) 0 -59px no-repeat;}
.chat .bubble .badge {display: inline-block;font-size: 10px;line-height: 14px;height: 14px;background-color: #ff3a23;color: #fff;font-weight: 700;border-radius: 3px;padding: 0 3px;text-shadow: 0 1px 1px #ff3a23;position: absolute;left: 15px;top: 0;border: 1px solid #000;}
.user-function .follow {float: left;width: 40px;}
.follow .bubble {display: block;width: 40px;height: 30px;background: url(../img/following-icon.png) 0 1px no-repeat;position: relative;}
.follow .bubble:hover {background: url(../img/following-icon.png) 0 -29px no-repeat;}
.follow .bubble.selected {background: url(../img/following-icon.png) 0 -59px no-repeat;}
.follow .bubble .badge {display: inline-block;font-size: 10px;line-height: 14px;height: 14px;background-color: #ff3a23;color: #fff;font-weight: 700;border-radius: 3px;padding: 0 3px;text-shadow: 0 1px 1px #ff3a23;position: absolute;left: 15px;top: 0;border: 1px solid #f4f4f4;}
.user-function a.btn,.visitor-function a.btn {display: block;padding: 4px 10px;font-size: 12px;line-height: 20px;margin-left: 15px;}
.user-function .avatar {float: left;position: relative;}
.user-function .avatar-container {display: block;height: 30px;width: 30px;background-color: rgba(255,255,255,.2);border-radius: 2px;overflow: hidden;position: relative;}
.user-function .avatar-container img {width: 30px;height: 30px;display: block;border: 0;}
.visitor-function {float: right;}
.visitor-function a.btn {float: left;}
.visitor-function a.btn.blue {background-color: #09f;border-color: #09f;color: #fff;}
.visitor-function a.link {display: block;padding: 0 10px;line-height: 47px;float: left;font-size: 13px;color: #999;}
.visitor-function a.link:hover {color: #000;}
.general-function {float: left;padding: 9px 0;}
.general-function .search {display: block;width: 30px;height: 30px;text-indent: -999px;overflow: hidden;background: url(../img/sprite-search.png) center 0 / 30px 60px no-repeat;}
.general-function .search.selected,.general-function .search:hover {background: url(../img/sprite-search.png) center -30px / 30px 60px no-repeat;}
a.btn-link {color: #999;line-height: 30px;display: block;margin: 9px 0;}
a.btn-link:hover {color: #2D72D9;}
a.btn-grey {background-color: #f4f4f4;color: #999;}

.popup-menu {position: absolute;left: 50%;margin-left: -60px;z-index: 3;min-width: 160px;padding-top:0px;}
.popup-menu .arrow-wrap {position: absolute;border-bottom: 7px solid #ccc;border-left: 6px solid transparent;border-right: 6px solid transparent;top: 0;left: 50%;margin-left: -6px;display: none;}
.popup-menu .arrow-wrap .arrow {border-bottom: 6px solid #fff;border-left: 5px solid transparent;border-right: 5px solid transparent;top: 2px;left: -5px;position: absolute;}
.popup-menu ul {list-style-type: none;overflow: hidden;padding: 5px 0;background-color: #fff;box-shadow: 0 5px 10px rgba(0,0,0,.2);border: 1px solid #ccc;}
.popup-menu a {display: block;color: #777;background-color: #fff;line-height: 30px;padding: 0 20px;font-size: 13px;}
.popup-menu a:hover {background-color: #f4f4f4;color: #000;}
.popup-menu a.selected {color: #000;}
.popup-menu.funny {margin-left: -190px;top: 35px;}
.popup-menu.funny .arrow-wrap {margin-left: -45px;}
.popup-menu.user {margin-left: auto;left: auto;right: 10px;top: 48px;z-index: 3;min-width: 10px;width: 160px;}
.popup-menu.user .arrow-wrap {margin-left: 30px;}
.popup-menu.download {right: 0;left: auto;top: 35px;width: 200px;margin-left: auto;}
.popup-menu.upload {right: 10px;left: auto;top: 48px;width: 160px;}
.popup-menu.postpage-share {left: 402px;top: 34px;}
.popup-menu.section-list {left: 331px;}
.popup-menu.search {top: 48px;right: 10px;left: auto;margin-left: 0;z-index: 3;box-shadow: 0 5px 10px rgba(0,0,0,.2);}
.headbar-search {border: 1px solid #ccc;background-color: #fff;padding: 8px 12px;width: 200px;}
.headbar-search input[type=text] {margin: 0;width: 100%;border: 0;border-radius: 0;height: auto;line-height: normal;padding: 0;}
form#headbar-search {float: none;margin: 0px 0px 0px 0px;position: relative;display:none;}
form#headbar-search input[type="text"] {line-height: normal;height: auto;padding: 0px 0px 0px 0px;width: 100%;background: none;cursor: text;}
form#headbar-search input[type="text"]:hover{background: none;}
form#headbar-search.selected{display:block;}
form#headbar-search.selected input[type="text"] {line-height: normal;height: auto;padding: 0px 0px 0px 0px;width: 100%;background: none;cursor: text;}

.post-afterbar-a .vote {float: left;}
section#list-view-2 header {width: 600px;}
section#list-view-2 .post-container {width: 600px;}
section#list-view-2 .post-container a img {width: 600px;}
section#list-view-2 p.post-meta {margin: 10px 0px;}
.sticky-action {position: absolute;right: -64px;width: 44px;top: 0;}
.vertical-vote {width: 42px;margin-bottom: 10px;}
.vertical-vote li {list-style-type: none;margin-bottom: 10px;}
.horizontal-vote a,.vertical-vote a {display: block;width: 42px;height: 32px;border: 1px solid #ddd;overflow: hidden;text-indent: -999px;border-radius: 3px;}
.horizontal-vote a:hover,.vertical-vote a:hover {border-color: #999;}
.horizontal-vote a.up,.vertical-vote a.up {background: url(../img/sticky-vote.png) no-repeat;}
.horizontal-vote.up a.up,.vertical-vote.up a.up {background: url(../img/sticky-vote.png) no-repeat -42px 0;}
.horizontal-vote a.down,.vertical-vote a.down {background: url(../img/sticky-vote.png) no-repeat 0 -32px;}
.horizontal-vote.down a.down,.vertical-vote.down a.down {background: url(../img/sticky-vote.png) no-repeat -42px -32px;}
.horizontal-vote a.down:active,.horizontal-vote a.up:active,.vertical-vote a.down:active,.vertical-vote a.up:active {background-color: #f4f4f4;}
.horizontal-vote {overflow: hidden;float: left;list-style-type: none;margin-right: 10px;position: relative;width: auto;height: 34px;}
.horizontal-vote li {float: left;position: relative;/*position: absolute;*/}
/*.horizontal-vote li:last-child {left: 69px;}*/
.horizontal-vote li:hover {z-index: 2;}
.horizontal-vote a.up:active span {background-color: #f4f4f4;}
.horizontal-vote.up a.up span {color: #09f;}
.horizontal-vote li a.up {text-indent: 0;border-radius: 3px;padding-left: 36px;width: auto;color: #999;font-weight: 700;text-transform: uppercase;line-height: 32px;}
.horizontal-vote a.up span {display: block;height: 32px;line-height: 32px;background-color: #fff;margin: 0px 3px 0px -3px;}
.horizontal-vote li a.down {border-radius: 3px;}
.others li {list-style-type: none;}
.others a.comment {width: 42px;height: 32px;border: 1px solid #ddd;display: block;overflow: hidden;text-indent: -999px;border-radius: 3px;background: url(../img/other-buttons.png) no-repeat 0 -32px;}
.others a.comment:hover {border: 1px solid #999;}
.others a.comment:active {background-color: #f4f4f4;}
.sticky-social ul {list-style-type: none;overflow: hidden;}
.sticky-social li {border-radius: 4px;border: 1px solid #fff;overflow: hidden;float: left;clear: both;}
.sticky-social li:first-child {margin-bottom: -1px;}
.sticky-social a {font-weight: 700;color: #fff;background-color: #000;display: block;line-height: 34px;padding: 0 15px;}
.sticky-social a.facebook {background-color: #3b5998;}
.sticky-social a.twitter {background-color: #00aced;}
.btn-vote {overflow: hidden;}
.btn-vote li {margin: 0 10px 0 0;float: left;list-style: none;}
.btn-vote a {box-sizing: border-box;border: 1px solid #ddd;border-radius: 3px;width: 44px;height: 34px;display: block;text-indent: -999px;}
.btn-vote .up {background: url(../img/sticky-vote.png) no-repeat;}
.btn-vote .down {background: url(../img/sticky-vote.png) no-repeat 0 -32px;}
.btn-vote .comment {background: url(../img/other-buttons.png) no-repeat 0 -32px;}
.btn-vote .up.active {background: url(../img/sticky-vote.png) no-repeat -42px 0;}
.btn-vote .down.active {background: url(../img/sticky-vote.png) no-repeat -42px -32px;}
.btn-vote a:hover {border-color: #999;}
.btn-vote a:active {background-color: #f4f4f4;}
.post-afterbar-a .post-nav {float: right;}
.post-afterbar-a .post-nav a.next {display: block;padding-right: 12px;position: relative;}
.post-afterbar-a .post-nav a.next span.label {padding: 0 8px 0 12px;font-weight: 700;height: 34px;line-height: 34px;display: block;background-color: #ff3c1f;color: #fff;border-radius: 3px 0 0 3px;}
.post-afterbar-a .post-nav a.next span.arrow {position: absolute;top: 0;right: 0;display: block;width: 0;height: 0;border-top: 17px dashed transparent;border-bottom: 17px dashed transparent;border-left: 12px solid #ff3c1f;}
.post-afterbar-a .post-nav a.next:hover span.label {background-color: #ff6852;}
.post-afterbar-a .post-nav a.next:hover span.arrow {border-left-color: #ff6852;}
.post-afterbar-a .post-nav a.next:active span.label {background-color: #ff5a41;}
.post-afterbar-a .post-nav a.next:active span.arrow {border-left-color: #ff5a41;}
.post-afterbar-a .post-nav a.next.disabled {opacity: .2;cursor: default;}
.post-afterbar-a .post-nav a.next.disabled:active span.label,.post-afterbar-a .post-nav a.next.disabled:hover span.label {background-color: #ff3c1f;}
.post-afterbar-a .post-nav a.next.disabled:active span.arrow,.post-afterbar-a .post-nav a.next.disabled:hover span.arrow {border-left-color: #ff3c1f;}
.post-afterbar-a.in-post-top{width: 600px;background-color: #FFF;padding: 10px 0px;}

.section-nav .width-limit {margin: 1px auto 0px;}
.badge-item-vote-container.up a.up{background: transparent url("../img/sticky-vote.png") no-repeat scroll -42px 0px;}
.badge-item-vote-container.down a.down{background: transparent url("../img/sticky-vote.png") no-repeat scroll -42px -32px;}
.badge-item-vote-container a.bookmark {background: transparent url("../img/sticky-save.png") no-repeat scroll 0px 0px;}
.badge-item-vote-container.bookmarked a.bookmark {background: transparent url("../img/sticky-save.png") no-repeat scroll -42px 0px;}

.idle-overlay-scroll-container{position: fixed;top: 0px;left: 0px;width: 100%;height: 100%;z-index: 3;overflow: scroll;background-color: rgba(0, 0, 0, 0.9);}
.modal.idle {width: 700px;margin-left: -350px;}
section#idle {width: 620px;margin: 32px auto 40px;font-size: 13px;}
section#idle h2 {font-size: 24px;margin-bottom: 5px;}
section#idle p.lead {line-height: 1.6em;margin-bottom: 20px;color: #999;}
section#idle .content {overflow: hidden;width: 100%;}
section#idle .content .lhs,section#idle .content .rhs {width: 300px;height: 250px;float: left;}
section#idle .content .rhs {float: right;}
.ticker {margin: 0 0 20px;}
.ticker ul {list-style-type: none;margin: 0;padding: 8px 0;box-sizing: border-box;border: 1px solid #eee;}
.ticker li a {display: block;overflow: hidden;padding: 8px 15px;cursor: pointer;}
.ticker li a:hover {background-color: #f4f4f4;}
.ticker .thumbnail {background-color: #e8e8e8;border: 1px solid #d8d8d8;width: 62px;height: 46px;float: left;}
.ticker a .info {color: #000;margin-left: 74px;}
.ticker a .info h3 {font-size: 13px;margin-bottom: 3px;}
.ticker a .info p {font-size: 12px;color: #999;}
.ticker .loading {margin: 0;}
section#idle .ticker {border: 1px solid #eee;}
section#idle .ticker>h3 {font-size: 12px;color: #999;text-transform: uppercase;height: 28px;line-height: 30px;padding: 0 15px;}
section#idle .ticker ul {padding: 0;border: 0;}
section#idle .ticker a {height: 39px;}
section#idle .ticker .thumbnail {width: 53px;height: 39px;box-sizing: border-box;overflow: hidden;}
section#idle .ticker .thumbnail img {height: 39px;border: 0;}
section#idle .ticker .info {margin-left: 63px;}
section#idle .ticker .info h3 {max-height: 32px;overflow: hidden;}

section#list-view-2 .post-container.with-button a:before {content: " ";box-shadow: 0 0 0 1px rgba(0,0,0,.1) inset;position: absolute;top: 0;left: 0;right: 0;bottom: 44px;}
section#list-view-2 .post-container.with-button {padding-bottom: 44px;overflow:hidden;}
a.post-read-more {background: #f4f4f4 url("../img/post-type-icon.png") no-repeat;display: block;font-weight: 700;bottom: 0;width: 100%;height: 44px;text-align: left;padding: 0 20px 0 44px;line-height: 44px;font-size: 14px;border-left: 1px solid #ccc;border-right: 1px solid #ccc;border-bottom: 1px solid #ccc;box-shadow: 0 1px 0 rgba(0,0,0,.05);box-sizing: border-box;position: absolute;}
.post-read-more .shadow {width: 100%;height: 15px;background: url("../img/expand-crook.png") repeat-x;display: block;position: absolute;top: -15px;left: 0;}
.post-container:hover .post-read-more {border-left: 1px solid #bbb;border-right: 1px solid #bbb;border-bottom: 1px solid #bbb;background-color: #eee;}
.post-container:hover .post-read-more .shadow {background: url("../img/expand-crook.png") repeat-x 0 -15px;}

section#list-view-2 .activity-text {font-size: 13px;color: #000;margin-bottom: 5px;}
section#list-view-2 .activity-text a {color: #000;}
section#list-view-2 .activity-text a.username {font-weight: 700;}

.videoWrapper {position: relative;padding-bottom: 56.25%; /* 16:9 */padding-top: 25px;height: 0;}
.videoWrapper iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.videoWrapper video {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.video-js {padding-top: 56.25% !important;}
.vjs-fullscreen {padding-top: 0px !important;}

/* v29.2 */
.main-wrap {min-height: 500px;}
.loading a.btn{margin-top: 15px;}