/* CSS Document */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td{
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
body{line-height: 1;}
ol, ul{ list-style: none;}
blockquote, q{quotes: none;}
blockquote:before, blockquote:after, q:before, q:after{content: ''; content: none;}
a, a:visited { color:#000; text-decoration:underline;}
a:hover, a:active { color:#d62872; text-decoration:none;}
body, html, td, th, p, ul, ol { font-family: Arial, Helvetica, sans-serif;}
body { background:url(../images/bg.png); color:#5d5d5d;}
h1, h2, h3, h4, h5, h6 {color:#000; font-family:Arial, Helvetica, sans-serif; font-weight:bold; margin-bottom:10px; text-align:left;}
h1 { font-size:16px; text-transform:uppercase;}
h2 { font-size:16px; text-transform:uppercase;}
h3 { font-size:16px;}
h4 { font-size:14px;}
h5 { font-size:13px;}
h6 { font-size:12px;}
p { font-size:12px; line-height:14px; color:#5d5d5d; margin-bottom:10px;}
.rel { position:relative;}
.abs { position:absolute;}
.clear {clear:both; line-height:0px; height:0px; overflow:hidden; font-size:0px;}
.bottom { text-align:right; padding-right:10px; }
.clearfix:after{content:" ";display:block;clear:both;visibility:hidden;line-height:0;height:0}
.clearfix{display:inline-block}
html .clearfix{display:block}
/* BG styles */
.bg-vert { width:100%; background:url(../images/bgvert.png) repeat-y center top;}
.page-width-bg { width:1000px; margin:0 auto; background:url(../images/bg2.jpg);}
/* Menu styles */
.menu-bar { background:url(../images/menu_bg.png) repeat-x left top; height:55px; width:1000px;}
.menu li { height:55px; background:url(../images/menu_line.png) no-repeat right top; display:inline; float:left; text-align:center; padding:0; line-height:0.7em}
.menu li a { display:block; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;font-size:19px; font-weight:bold; text-transform:uppercase; text-decoration:none; color:#fff; padding:17px 12px 16px 12px; line-height:27px;}
.menu li a span {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; color:#c1c1c1; font-weight:normal; text-transform:none; white-space: nowrap; line-height:15px;}
.menu li a:hover, .menu li a:hover span { color:#cde81c;}
li.menu-act { height:55px; background:url(../images/menu_line.png) no-repeat right top; display:inline; float:left; text-align:center; padding:0; line-height:0.7em}
li.menu-act a, li.menu-act a span { color:#cde81c;}
li.menu-act a:hover, li.menu-act a:hover span { color:#cde81c;}
li.contacts { background:none;} li.contacts a { padding-left:12px;}
li.contacts a, li.contacts a span { color:#db2f78;}
li.contacts a:hover, li.contacts a:hover span { color:#ffbd20;}
.menu-shad { width:1000px; height:32px; background:url(../images/bg_shad.jpg) repeat-x left top;}
/* content */
.block { margin-bottom:15px;}
.title { background:url(../images/title_bghor.png) repeat-x left top; height:62px;}
.title h1 { background:url(../images/title_bgh2.png) no-repeat right top; display:inline-block; padding:19px 50px 22px 20px;}
.title h2 { background:url(../images/title_bgh2.png) no-repeat right top; display:inline-block; padding:19px 50px 22px 20px;}
.title p { float:right; padding-right:16px; padding-top:19px; color:#000;}
.title p a { padding:0 4px;}
.title form { float:right; padding-right:16px; color:#000;}
.title form a { padding:0 4px;}
.title span a:link{ text-decoration: none; color: #d62872;}
.mid-link { text-align:center; font-size:17px; color:#000; margin:15px 20px 20px 20px; line-height:28px;}
.mid-link a { color:#d62872; text-decoration:underline;}
.mid-link a:hover { color:#000; text-decoration:underline;}
a.big-link { font-size:30px; color:#d62872; text-decoration:none; font-weight:bold; line-height:35px;}
.mid-link2 { text-align:left; font-size:17px; color:#fff; margin:15px 20px 20px 20px; line-height:28px; text-shadow:0 1px 0 #000;}
.mid-link2 a { color:#cbe516; text-decoration:underline;}
.mid-link2 a:hover { color:#fff; text-decoration:underline;}
a.big-link2 { font-size:30px; color:#d62872; text-decoration:none; font-weight:bold; line-height:35px;}
.link-block1 { background:url(../images/link_block1_bg.png) repeat-x left top; width:1000px; height:95px;}
.lb-right { height:95px; width:842px; float:right;}
.link-block2 { background:url(../images/link_block2_bg.png) repeat-x left top; height:117px; width:1000px;}
.lb2-left { width:795px; height:117px; float:left;}
.lb2-right { height:117px; width:205px; float:right; background:url(../images/link_block2_left.png) no-repeat left top;}
a.bottom-link2 { display:block; width:795px; height:99px; text-align:center; font-size:40px; color:#d62872; text-decoration:none; font-weight:bold; line-height:45px; padding-top:18px; margin-bottom:10px; text-shadow:0 1px 0 #000;}
a.bottom-link2 span { font-size:23px; line-height:23px; color:#fff; font-weight:normal;}
a:hover.bottom-link2 { color:#fff;}
a:hover.bottom-link2 span { color:#cbe516}
/*thumbs*/
.t-block { position:relative;}
.thumbs { float:left;margin:0 auto; overflow:hidden;}
.thumbs>div { float:left; display:block; border:1px solid #9f9f9f; background:#fff;}
.thumbs>div img.tn{ border:1px solid #5d5b5d; margin-bottom:5px;}
.toprated { margin-left:4px;}
.toprated>div { float:left; width:227px; height:248px; margin:3px; padding:5px;}
.toprated>div img.tn { width:225px; height:164px;}
.time { position: absolute; left: 6px; top: 151px; padding: 2px; background-color: #333; color: #EEE; -moz-opacity: .70; -ms-filter: alpha(opacity=70); filter: alpha(opacity=70); opacity: .70; -khtml-opacity:.70;}
.icons {background-image: url('../images/icons.png');background-repeat: no-repeat;display: -moz-inline-stack;display: inline-block;zoom: 1;*display: inline;}
.views {background-position: 0px -113px;padding-left: 18px;font-size: 14px;}
.rrates {background-position: 0px -31px;padding-left: 17px;font-size: 14px;margin-left: 5px;}
.vote {background-position: 0px -100px;padding-left: 17px;font-size: 14px;margin-left: 5px;}
.comments {background-position: 0px -1px;padding-left: 18px;font-size: 14px;margin-left: 5px;}
.info{text-align: center;margin: 5px 5px 5px 5px;padding-bottom: 5px;border-bottom: 1px #cacaca solid;position: relative;}
.info .corner{background-image: url('../images/corner.png'); width: 7px;height: 7px; position: absolute;bottom: -7px;left: 5px;}
.shorttitle{ padding: 0 5px 0 35px;font-size: 11px;color: #cacaca;position: relative; margin-bottom: 10px;}
.shorttitle a {text-decoration: none;color: #272727;font-size: 1.3em;display: block;margin-bottom: 5px;}
.shorttitle a:hover {color: #000;}
.shorttitle .corner{ position: absolute;top: 5px;left: 11px; font-size: 2em;color: #EEE;}
.tn-link-title { font-size:15px; text-decoration:none; margin-bottom:5px; font-weight:bold; text-align:left; padding:0 5px;}
.tn-link-title a { font-size:15px; text-decoration:none; font-weight:bold;}
.tn-link-desc { font-size:13px; text-decoration:none; margin-bottom:5px; text-align:left; padding:0 5px;}
.tn-link-desc a { font-size:13px; text-decoration:none;}
.tn-smalltext { font-size:11px; color:#5d5d5d; margin-bottom:2px; font-weight:normal; text-align:left; padding:0 5px;}
.tn-middletext{ font-size:12px; color:#5d5d5d; margin-bottom:2px; font-weight:normal; text-align:left; line-height:14px; padding:0 5px;}
.cat-link-title { font-size:15px; text-decoration:none; margin-bottom:5px; font-weight:bold; text-align:center; padding:0 5px;}
.cat-link-title a { font-size:15px; text-decoration:none; font-weight:bold;}
.cat-smalltext { font-family: Times, 'Times New Roman',serif; font-size:30px; color:#000; margin-bottom:2px; font-weight:normal; text-align:center; }
/* pagination */
.button{background:#fdfdfd url(../images/down_bg.png) 0 100% repeat-x;border:1px solid #b1aeae;color:#000;display:block;padding:10px 15px;position:relative;text-align:center;text-decoration:none;text-shadow:1px 1px 1px #fff;z-index:1}
.button:hover,
.download_active{background:#e8e8e8;color:#000;cursor:pointer;}
.page_nav{float:center;}
.type_nav{margin-top:15px;}
.navigation{float:center;margin-left:8px;margin-right:8px;}
/* VIDEO PAGE */
.info-block { padding:20px; width:932px; height:auto; margin:0 auto; background:#fff; border:1px solid #a0a0a0;}
.info-l { font-size:13px;float:left;color:#000;margin-top:-5px;}
.info-r { float:right;margin-top:-5px;}
.video-block { padding:20px; width:932px; height:auto; margin:0 auto; margin-bottom:10px; margin-top:10px; background:#fff; border:1px solid #a0a0a0;}
.video-thumb { width:640px; height:auto; float:left; border:1px solid #848484;}
.video-descript { float:right; width:275px;}
.video-descript p { font-size:14px; color:#000; margin-bottom:15px; line-height:17px;}
.download-links { width:275px; background:#d3d3d3 url(../images/download_links_title_bg.png) repeat-x left top; border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px; -khtml-border-radius:15px;}
.download-links h3 { text-align:left; font-family:Arial, sans-serif; font-size:14px; color:#000; font-weight:bold; background:url(../images/download_links_title_icon.png) no-repeat left +8px; padding:13px 0 13px 30px; margin-bottom:10px; margin-left:10px;}
.download-links ul { margin:15px; margin-top:0px; text-decoration:none;}
.download-links ul li { margin-bottom:4px; text-decoration:none;}
.download-links ul li a { font-size:14px; color:#000; text-decoration:none;}
.download-links ul li a:hover {color:#d62872; text-decoration:none;}
.comments-block { padding:20px; width:932px; min-height:100px; margin:0 auto; margin-bottom:10px; margin-top:10px; background:#fff; border:1px solid #a0a0a0;}
.img-thumb { width:275px; height:195; border:1px solid #848484;}
.share42init {text-align:center;}
.img-thumb-download {}
.img-thumb-download img{ float: left;margin-right:2px; margin-bottom:8px; width:221px; height:180; border:1px solid #848484;}
#video-desc{ height:475px;}
#video-links { height:200px; background:#ececec; padding:15px; }
#video-links a { font-size:13px}
#table-rate { text-align:center; }
.desc {margin-top:8px; height: 159px; overflow: auto; padding-right: 10px; text-align: justify;}
.tales-descript p { font-size:14px; color:#000; margin-bottom:15px; line-height:17px;}
.tales-descript img { float: left;margin-right:10px; }
/* text colors */
.text-pink{ color:#55576e}
.text-orange { color:#e89107}
/* text sizes */
.txt10{ font-size:10px; }
.txt14{ font-size:14px;}
.txt18{ font-size:18px; letter-spacing:-1px;}
.txt20{ font-size:20px; letter-spacing:-.5px; }
.txt24{ font-size:34px; letter-spacing:-1px; }
.txt28{ font-size:28px; letter-spacing:-1px; }
.txt30{ font-size:30px; letter-spacing:-1px; }
.txt36{ font-size:36px; letter-spacing:-1px; }
.uppercase{ text-transform:uppercase}
/* footer styles */
.footer {margin-top:15px;width:970px; background:url(../images/bg_footer.png); padding:15px 15px; color:#d0cece; text-align:center;}
.footer p { color:#d0cece;}
.footer p a { color:#fff;}
.footer p a:hover { color:#fff;}
.footer2-menu a { font-size:16px; margin-right:10px; margin-left:10px; font-weight:normal;}
.footer2-menu { margin-bottom:20px; font-size:16px;}
/* comments */
.Comment {
width: 832px;
height: 50px;
margin-bottom:20px;
font-size: 14px;
color: #211922;
}
.CommentAddForm textarea {
width: 545px;
height: 50px;
margin-bottom:5px;
}
.CommentAddForm .auth_side {
width: 65px;
float: left;
padding: 0 10px 0 10px;
text-align: center;
font-size: 10px;
color: #a3a2a2;
position: relative;
}
.CommentAddForm .auth_side img {
display: block;
margin: 0 auto;
}
.CommentAddForm .text_side {
float: left;
}
.submit, a.submit{
display:block;
bottom:10px;
text-decoration:none;
cursor: pointer;
text-shadow:0px 1px 0px rgba(255,255,255,1);
color:#000;
left:10px;
padding:0px 15px;
line-height:20px;
height:20px;
border:1px solid #ccc;
background:#eee;
box-shadow:0px 1px 4px 0px rgba(0,0,0,0.15);
background-image: -moz-linear-gradient(top,white 0,#E0E0E0 100%);
background-image: -ms-linear-gradient(top,white 0,#E0E0E0 100%);
background-image: -o-linear-gradient(top,white 0,#E0E0E0 100%);
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,white),color-stop(100%,#E0E0E0));
background-image: -webkit-linear-gradient(top,white 0,#E0E0E0 100%);
background-image: linear-gradient(to bottom,white 0,#E0E0E0 100%);
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffffff,EndColorStr=#e0e0e0);
}
#RPComments div.ViewComment {
margin: 3px;
padding: 10px;
clear: both;
overflow: hidden;
border-top: 1px #CCCCCC dotted;
font-size: 1.1em;
}
#RPComments div.ViewComment a.avatar {
float: left;
display: block;
margin-right: 10px;
}
#RPComments div.ViewComment div.Comment {
margin-left: 60px;
}
#RPComments div.ViewComment div.Comment div.body{
margin-top: 10px;
}
#RPComments div.ViewComment small{
color: #9da2a8;
margin-left: 20px;
font-size: .8em;
}
#RPComments div.ViewComment img{
padding: 2px; border: 1px #CCC solid
}
#RPComments div.ViewComment .likes{
float: right;
color: #9DA2A8;
}
#RPComments div.ViewComment .likes div{
float: left;
line-height: 21px;
height: 21px;
}
#RPComments div.ViewComment .likes a{
float: left;
width: 21px;
height: 21px;
margin: 0 3px;
background-image: url(../images/comment_likes.png);
background-repeat: no-repeat;
border: 1px #CCC solid;
background-color: #F1F1F1;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}
#RPComments div.ViewComment .likes a:hover{
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
border-color: #AAA;
}
.likes a.like{
background-position: top center;
}
.likes a.dislike{
background-position: bottom center;
}
a.ilike_rating{display:block;float:right;background:rgba(0,0,0,0.8) url('../images/ilike.png') no-repeat 3px 3px;height:19px;padding:0 4px 0 20px;font:bold 12px/19px Arial;color:#fff;text-decoration:none;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;}
a.ilike_rating:hover{text-decoration:none;background-color:#000;}
.ajaxProgress {background:#eee url(../images/loader.gif) no-repeat center center;display:block;width:40px;height:40px;margin:10px auto;border-radius:10px;border:1px solid #ddd;}
.ias_trigger a {box-shadow:inset 0px 1px 0px 0px #fff;border-radius:6px;border:1px solid #dcdcdc;display:block;color:#777;font-weight:bold;padding:10px 0;text-decoration:none;margin-bottom:20px;text-shadow:1px 1px 0px #fff;text-align:center;font-size:14px;
background: #f4f4f4;
background: -moz-linear-gradient(top, #f4f4f4 0%, #eaeaea 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f4f4), color-stop(100%,#eaeaea));
background: -webkit-linear-gradient(top, #f4f4f4 0%,#eaeaea 100%);
background: -o-linear-gradient(top, #f4f4f4 0%,#eaeaea 100%);
background: -ms-linear-gradient(top, #f4f4f4 0%,#eaeaea 100%);
background: linear-gradient(to bottom, #f4f4f4 0%,#eaeaea 100%);
}
.ias_trigger a:hover {
background: #efefef;
background: -moz-linear-gradient(top, #efefef 0%, #e0e0e0 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#efefef), color-stop(100%,#e0e0e0));
background: -webkit-linear-gradient(top, #efefef 0%,#e0e0e0 100%);
background: -o-linear-gradient(top, #efefef 0%,#e0e0e0 100%);
background: -ms-linear-gradient(top, #efefef 0%,#e0e0e0 100%);
background: linear-gradient(to bottom, #efefef 0%,#e0e0e0 100%);
}
.ias_trigger a:active {
box-shadow:inset 0 0 5px rgba(0,0,0,.1);
}
.flipt {
background-color: #222222 !important;
border: 1px solid #333333 !important;
height: 249px;
left: 160px !important;
padding: 10px !important;
position: relative !important;
top: 119px !important;
width: 297px !important;
}
.flipb {
bottom: 518px !important;
height: 460px !important;
position: relative !important;
width: 640px !important;
z-index: 11 !important;
}
.close {
background-color: #222222 !important;
border: 1px solid #333333 !important;
bottom: 103px !important;
color: #4B4B4B !important;
font: 12px arial !important;
left: 160px !important;
opacity: 0.8 !important;
padding: 9px 109px 9px 109px !important;
position: relative !important;
z-index: 12 !important;
}
.close:hover{
text-decoration:none !important;
background-color: #111 !important;
color: #f3f3f3 !important;
}