body{background:#f1f1ec;color:#000;font:10pt Arial, Helvetica, sans-serif;margin:0;padding:0;}
H1, H2, H3{margin:0;padding:0;}
form{margin:0;padding:0;}
a{outline:none;}
.clear{clear:both;}
#header{background:#222222;border-bottom:1px solid #363A43;height:46px;margin:0 auto;}
#header .wrapper{margin:0 auto;width:980px;}
#header .wrapper #logo{float:left;margin:7px 0 0 -20px;width:170px;}
#header .wrapper .headbar-items{float:left; padding-top: 2px; padding-left: 4px;}
#header .wrapper .headbar-items ul {
overflow: hidden;
list-style-type: none;
font-size: 13px;
padding-left: 0px;
}
#header .wrapper a{text-decoration:none;}
#header .wrapper .headbar-items li {float: left;}
#header .wrapper .headbar-items a {
display: block;
color: #fff;
position: relative;
padding: 0 10px;
}
#header .wrapper .headbar-items a.selected {
color: #00BA83;
font-weight: bold;
}
#header .wrapper .headbar-items a span.label {
line-height: 25px;
display: block;
padding: 0 5px;
border-bottom: 3px solid transparent;
}
#header .wrapper .headbar-items a.with-drop {
padding-right: 20px;
}
#header .wrapper .top-social{float:right;margin: 2px 0 0;}
#header .wrapper .top-social ul {
width: 120px;
height: 20px;
list-style-type: none;
margin-top: 14px;
}
#header .wrapper .top-social li {
margin-left: 5px;
margin-right: 0;
float: left;
}
#header .wrapper .top-socialspan.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;
}
#header .wrapper #logo a img{border:0;margin:0;height:38px;width:157px;}
#header .wrapper #logo a strong{color:#FFF;display:none;font-size:8pt;font-weight:bold;line-height:160px;margin:0 0 0 170px;position:absolute;text-decoration:none;text-transform:uppercase;}
#header .wrapper #logo a:hover strong{display:block;text-decoration:none;}
#container{background:#f1f1ec; margin:1px auto 0 auto;padding:0 1px 3px 1px;width:976px; padding-top:8px; }
#container .left{background:#FFF;float:left;min-height:516px;padding:10px 20px 0 20px;width:610px; box-shadow: 0 1px 2px #cbcbcb; -moz-box-shadow: 0 1px 2px #cbcbcb; -webkit-box-shadow: 0 1px 2px #cbcbcb;}
#container .left H1{color:#000;float:left;font-size:16pt;margin:0 0 8px 0;text-indent:0px;}
#container .left .buttons{float:left;height:0;padding:0;position:relative;margin:0 -25px 0 -42px;top:99px;width:696px;z-index:1;}
#container .left .buttons a.prev{background:url('../images/buttons.png');float:left;width:55px;height:66px;}
#container .left .buttons a:active.prev{background-position:0 -67px;}
#container .left .buttons a.p-inactive{background:url('../images/buttons.png') 0 -134px;float:left;width:55px;height:66px;}
#container .left .buttons a.next{background:url('../images/buttons.png') -55px 0;float:right;width:55px;height:66px;}
#container .left .buttons a:active.next{background-position:-55px -67px;}
#container .left .buttons a.n-inactive{background:url('../images/buttons.png') -55px -134px;float:right;width:55px;height:66px;}
#container .left .buttons #right-social{background:#FFF;margin:0 0 0 -54px;padding:10px;position:absolute;top:75px;max-width:55px; border-bottom: 1px solid #DDDDDD;border-left: 1px solid #DDDDDD; border-top: 1px solid #DDDDDD;}
#container .left .buttons #right-social div{margin:0 0 10px 0;text-align:center;max-width:60px; }
#container .left .pic{background:#F2F2F2;border:1px solid #E4E3E3;float:left;padding:16px 13px 0 13px;text-align:center;width:580px;box-shadow:inset 0 3px 0 #E9E9E9;-moz-box-shadow:inset 0 3px 0 #E9E9E9;-webkit-box-shadow:inset 0 3px 0 #E9E9E9;-khtml-box-shadow:inset 0 3px 0 #E9E9E9;}
#container .left .like{background:#CFF1FF;float:left;padding:10px;margin:10px 0 0 0;min-height:25px;width:616px;}
#container .left .like .stats{border-bottom:1px dotted #B3DEEF;color:#5D8DA0;font-size:12px;font-weight:bold;margin:0 0 7px 0;padding:0 0 5px 0;width:615px;}
#container .left .like .stats span{font-weight:normal;}
#container .left .like .stats a{color:#5D8DA0;font-weight:normal;text-decoration:underline;}
#container .left .like .stats a:hover{text-decoration:none;}
#container .right{float:right;padding:0;width:320px;}
#container .right .f-page{height:65px;margin:0 0 5px 22px;padding:0;}
#container .right .cube{margin:0 0 10px 10px;}
#container .right .pics{background:#FFF;margin:0 0 10px 4px;padding:10px 10px 10px 12px;width:310px; box-shadow: 0 1px 2px #cbcbcb; -moz-box-shadow: 0 1px 2px #cbcbcb; -webkit-box-shadow: 0 1px 2px #cbcbcb;}
#container .privacy{padding:10px 0px 0px 10px;}
#container .privacy a{color:#FFF;text-decoration:underline;}
#container .privacy a:hover{text-decoration:none;}
#footer{background:#222222;color:#53575F;font-size:11px;margin:10px auto 0 auto;padding:10px;}
#footer .wrapper{margin:0 auto;padding:0 0 0 10px;width:970px;}
#footer .wrapper .left{float:left;width:480px;}
form input[type="text"]{ width:615px;margin:0 0 10px 0;padding:10px;outline:none; }
form .focusField{ border:solid 2px #73A6FF;background:#EFF5FF;color:#000; }
form .idleField{ background:#EEE;color:#6F6F6F;border:solid 2px #DFDFDF; }
form .submit{ background:#CFF1FF url('./button-bg.gif') repeat-x;border:solid 2px #99CBDF;color:#000;cursor:pointer;margin:0;padding:10px; }
.btn {
font-size:16px;
font-family:Arial;
font-weight:normal;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
border: 5px #009b6c;
padding:3px 55px;
text-decoration:none;
background-color:#009b6c;
color:#ffffff;
display:inline-block;
cursor: pointer;
margin-right: -230px;
}
#footer .wrapper .right{float:right;text-align:right;width:470px;}
#footer .wrapper .right a{color:#53575F;margin:0 10px;text-decoration:none;}
#footer .wrapper .right a:hover{color:#FFF;text-decoration:underline;}
#under-video {
border-top: 1px solid #ddd;
}
#under-video .after-bar {
margin-top: 5px;
}
#under-video .source {
text-transform: uppercase;
overflow: hidden;
font-size: 11px;
float: left;
min-width: 60px;
margin-right: 10px;
}
#under-video .source p {
margin-top: 4px;
}
#under-video .source strong {
display: block;
font-size: 14px;
}
#under-video .views {
font-size: 14px;
float: right;
margin-top: 12px;
}
#under-video .views strong {
font-size: 19px;}
#social,UNUSED.icons {
padding: 4px 10px 3px;
display:inline-block;
border-left: 1px solid #ddd;
}
#social span,UNUSED.icons span {
display: block;
}
#social ul,UNUSED.icons ul {
margin: 0;
padding: 0;
list-style: none;
display: inline;
}
#social ul li,UNUSED.icons ul li {
display: inline;
margin: 0px 4px;
cursor: pointer;
float: left;
}
#social a {
text-decoration: none;
}
#social .icon-facebook img {
color: white; position: absolute; left: 50%; margin: 2px 0 15px -32px;
}
#social .icon-twitter img{
color: white; position: absolute; left: 50%; margin: 4px 0 15px -34px;
}
#main-right-ad-tray {
width: 321px;
height: 250px;
display: block;
padding: 5px;
margin-left: 4px;
margin-top: 10px;
border: 1px solid rgb(187, 187, 187);
background-color: rgb(204, 204, 204);
box-shadow: 0px 1px rgb(238, 238, 238);
margin-bottom: 20px;
box-shadow: 0 1px 2px #cbcbcb;
-moz-box-shadow: 0 1px 2px #cbcbcb;
-webkit-box-shadow: 0 1px 2px #cbcbcb;
text-align:center;
}
#main-social-tray {
background-color: rgb(238, 238, 238);
color: rgb(102, 102, 102);
margin-bottom: 20px;
margin-left: 4px;
padding: 12px 15px 15px;
width: 302px;
height: 60px;
border: 1px solid rgb(187, 187, 187);
box-shadow: 0px 1px rgb(238, 238, 238), 0px 0px 0px 1px rgb(255, 255, 255) inset;
text-shadow: 0px 1px rgb(255, 255, 255);
clear: right;
position: relative;
box-shadow: 0 1px 2px #cbcbcb;
-moz-box-shadow: 0 1px 2px #cbcbcb;
-webkit-box-shadow: 0 1px 2px #cbcbcb;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
input[type=button] {
padding-top: 0px;
};
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
input[type=button] {
padding-top: 0px;
};
}
#container .right .thumb-list {
margin-bottom: 0;
}
#container .right .thumb-list a {
color: #999;
text-decoration: none;
font-size: 12px;
display: block;
position: relative;
min-height: 68px;
}
#container .right .thumb-list h3 {
color: #222;
font-size: 13px;
line-height: 1.2em;
margin: 0 0 4px;
}
#container .right .thumb-list a:hover h3 {
color: #0085F7;
}
#container .right .thumb-list article {
position: relative;
overflow: hidden;
min-height: 78px;
margin-bottom: 15px;
}
#container .right .thumb-list .image-container {
position: absolute;
top: 0;
left: 0;
background-color: #f4f4f4;
overflow: hidden;
width: 120px;
height: 78px;
}
#container .right .thumb-list img {
width: 120px;
display: block;
margin-top: -5px;
}
#container .right .thumb-list img.video {
margin-top: -13px;
width: 110%;
}
#container .right .thumb-list header,.thumb-list footer {
margin-left: 130px;
}
#container .right .thumb-list footer p {
font-size: 11px;
margin-top: 0px;
margin-bottom: 2px;
}
#header .wrapper .top-random{float:right;}
#header .wrapper .top-random ul {
width: auto;
height: 20px;
list-style-type: none;
margin-top: 7px;
}
#header .wrapper .top-random li {
margin-left: 5px;
margin-right: 0;
float: left;
}
.social .Share { background: #3b5998; -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; font-family: "Droid Serif", Georgia, Times, "Times New Roman", serif; font-style: italic; color: white; position: relative; float: left; text-align: center; padding: 5px 10%; width: 75px; height: 27px; }
.social .Share:hover { background: #4c70ba; }
.social .Share:active { background: #2d4373; }
.social .Share span { position: absolute; left: 50%; margin-left: -10px; line-height: 2.1em; }
.social .Tweet { background: #1bb2e9; -webkit-border-radius: -0px; -moz-border-radius: 0px; -ms-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; font-family: "Droid Serif", Georgia, Times, "Times New Roman", serif; font-style: italic; color: white; position: relative; float: left; text-align: center; padding: 5px 10%; width: 75px; height: 27px; }
.social .Tweet:hover { background: #4ac2ed; }
.social .Tweet:active { background: #1291bf; }
.social .Tweet span { position: absolute; left: 50%; margin-left: -7px; line-height: 2.1em; }
header#top-nav .random a img{height:32px}
form#headbar-search{float:left;margin:7px 0 0 10px;position:relative;}form#headbar-search input[type='text']{margin:0;line-height:20px;height:20px;padding:4px 4px 4px 30px;width:540px;border-color:#333;color:#fff;background:#000 url(../images/icon-search.png) 0 no-repeat;background-size:30px;}form#headbar-search input[type='text']:focus{background-color:#fff;border-color:#fff;color:#000;}form#headbar-search ul.search-suggestion{top:30px;left:0;z-index:3;width:300px;}
header#top-nav .random{float:right;margin:7px -14px 0 24px;position:relative;}
header#top-nav a{text-decoration:none;}
header#top-nav .headbar-items {
float: left;
}
header#top-nav .headbar-items ul {
overflow: hidden;
list-style-type: none;
font-size: 15px;
margin-left: 0;
}
header#top-nav .headbar-items li {
float: left;
}
header#top-nav .headbar-items a {
display: block;
color: #fff;
line-height: 20px;
height: 22px;
padding: 0 15px;
}
header#top-nav .headbar-items a.selected {
color: #00BA83;
font-weight: bold;
}