/*
HTML5 And CSS3 Theme
By Rastamandita (2010)
Buy it at http://themeforest.net/user/Rastamandita/portfolio
*/
@import "css/reset.css"; /* Imports the reset.css */
body {
background: #000000;
color: #000000;
font-size: 14px;
font-family: Arial,Helvetica,sans-serif;
}
/* HTML5 */
article, aside, dialog, figure, footer, header, hgroup, nav, section { display:block; }
time { display: inline; }
/* Typography and default stuff */
@font-face {
font-family: 'BebasRegular';
src: url('fonts/BEBAS___-webfont.eot');
src: local('BebasRegular'), url('fonts/BEBAS___-webfont.woff') format('woff'), url('fonts/BEBAS___-webfont.ttf') format('truetype'), url('fonts/BEBAS___-webfont.svg#webfont') format('svg');
font-weight: normal;
font-style: normal;
}
a { color: #a3040f; text-decoration: none; }
a:hover{color: white; }
h1 { font-size: 18px; color: #ffffff }
h2 { font-size: 18px; }
h3 { font-size: 14px;}
h1, h2, h3 { font-family: 'BebasRegular', Georgia, 'Times New Roman', Times, serif; }
h1 {word-spacing:2px; padding-bottom: 5px; }
h2 {word-spacing:5.5px; padding-bottom: 10px;}
h3 {word-spacing:1px; padding-bottom: 5px;}
hr { border: 0 solid #e1e1e1; border-top-width: 1px; clear: both; height: 0; margin-top: 15px; padding-bottom: 10px;}
ol { list-style: decimal; }
ul { list-style: none; }
li {}
p{}
p1{ font-size: 18px; color: #ffffff; text-decoration: none; }
pre {}
code {}
blockquote {}
.alignleft { float: left; }
.alignright { float: right; }
.hide { display: none; }
.clear{clear: both; height: 0px; line-height: 0px;}
.mainvideo_quarter{float: left; width: 810px; margin-right: 10px; z-index: -999 }
.mainvideo_quarter_small{float: left; width: 382px; margin-right: 0px; margin-top: 3px; z-index: -999 }
.mainvideo_quarter_small_left{float: left; width: 382px; margin-right: 0px; margin-left: 5px; margin-top: 3px; }
.modelthree_quarter{float: left; width: 165px; margin-right: 10px; margin-left: 1px; margin-bottom: 5px;}
.mainthree_quarter{float: left; width: 310px; margin-right: 10px; }
.bio_quarter{float: left; width: 335px; margin-right: 0px; }
.bio_quarter_member{float: left; width: 1050px; margin-right: 0px; margin-bottom: 5px; }
.one_quarter{float: left; width: 1050px; margin-right: 10px; margin-bottom: 10px; }
.one_quarter_main{float: left; width: 230px; margin-right: 10px; margin-bottom: 10px; }
.two_quarter{float: left; width: 520px; margin-right: 10px; margin-bottom: 7px; }
.three_quarter{float: left; width: 810px; margin-right: 10px; }
.full_page{float: left; width: 1050px; margin-right: 10px; }
.modelfourhome_quarter{float: left; width: 230px; margin-right: 10px; }
.mohr{text-align: right; display: block; padding-top: 5px; padding-right: 5px; font-family: Georgia, 'Times New Roman', Times, serif; font-weight: bold; color: #a3040f;}
.one_third{float: left; width: 343px; margin-right: 10px; }
.one_third_middle{float: left; width: 344px; margin-right: 10px; }
.three_third{float: left; width: 770px; margin-right: 10px; }
.two_third{float: left; width: 630px; margin-right: 10px; }
.four_third{float: left; width: 260px; height: 438px; margin-right: 10px; }
/****** Nav ******/
#top {
position: relative;
height: 100px;
background: #1e1e1e;
background-image: url(/images/page_header_bg.png);
margin-bottom: 0px;
}
#topwrapper {
position: relative;
width: 1070px;
margin: 0 auto;
}
#logo {
position: absolute;
top: 4px;
left: 2px;
}
#hd-logo {
position: absolute;
right: 16px;
top: 45px;
}
#flag-logo {
position: absolute;
right: 132px;
top: 40px;
}
nav {
position: absolute;
right: 132px;
top: 70px;
}
p.title{padding-top: 3px;font-size: 24px; color: #ffffff; font-family: 'BebasRegular', Georgia, 'Times New Roman', Times, serif; }
/*#top{height: 100px; background: #1E1E1E; background-image: url(/images/page_header_bg.png); margin-bottom: 0px;}*/
/*#top #logo{position: absolute; width: 50%; padding-top: 2px;}*/
/*#top #logo img{float: left; padding: 2px;}*/
/*#top #logo p.title{padding-top: 3px;font-size: 24px; color: #ffffff; font-family: 'BebasRegular', Georgia, 'Times New Roman', Times, serif; }*/
/*#top #logo p.slogan{font-size: 14px; color: #9d9d9d; font-family: 'BebasRegular', Georgia, 'Times New Roman', Times, serif; }*/
/*#topwrapper{width: 1070px; margin: 0 auto;}*/
/*#topwrapper #logo{float: left;}*/
/*#topwrapper #hd-logo{float: right; padding-top: 45px; padding-right: 16px;}*/
/*#topwrapper #flag-logo{float: right; padding-top: 30px; padding-right: 0px; z-index: 3;}*/
/*#top #logo p.slogan2{font-size: 12px; color: #9d9d9d; font-family: 'BebasRegular', Georgia, 'Times New Roman', Times, serif; float: left; padding: 5px; }*/
/*#topwrapper #hd-logo p.slogan{font-size: 14px; float: left; color: #9d9d9d; padding-right: 5px; font-family: 'BebasRegular', Georgia, 'Times New Roman', Times, serif; font: larger;}*/
/*#topwrapper nav{float: right; margin-top: 70px; margin-right: 27px;}*/
#menu {
list-style: none;
}
#menu li {
float: left;
margin: 0 0 0 13px;
padding-bottom: 5px;
position: relative;
}
#menu li a {
display: block;
color: #ffffff;
font-size: 18px;
padding-bottom: 3px;
border-bottom: 1px solid #2a2a2a;
font-family: 'BebasRegular', Georgia, 'Times New Roman', Times, serif;
}
#menu li a:hover {
color: #a3040f;
text-decoration: none;
}
#menu li.current a {color: #a3040f;
text-decoration: overline;}
/* Level 2 */
#menu ul {
background: #000000; border: 1px solid #1b1b1a; display: none; padding: 5px;
list-style: none; position: absolute; left: 0; top: 100%;
z-index: 100;
-webkit-box-shadow: 1px 1px 3px #000;
-moz-box-shadow: 1px 1px 3px #000;
box-shadow: 1px 1px 3px #000;
}
#menu li:hover > ul { display: block; }
#menu ul li {
float: none;
margin: 0 0px 0 0;
min-width: 120px;
padding: 0px;
padding-top: 2px;
}
#menu ul li a{padding: 2px 0px;}
#menu ul li.last a{border-bottom: none;}
/****** Content ******/
#content { width: 1070px; margin: 0 auto;}
#content section#header{border: 10px solid #181818; background: #a3040f; padding: 15px 20px 20px 20px; margin-top: 10px; width: 1010px;}
#content section#header h1{font-size: 24px; padding-bottom: 0px; color: #ffffff; /*text-shadow: 1px 1px 2px #444;*/}
#content section#header p{width: 700px; font-size: 14px; /*text-shadow: 1px 1px 1px #444;*/font-family: Georgia, 'Times New Roman', Times, serif; color: #ededed; font-style: italic;}
#content section#slider{border: 10px solid #1E1E1E; background: #a3040f; padding: 0px 0px; text-align: center; margin-top: 10px;}
#content section#slider p{text-shadow: 1px 1px 2px #101010; color: #000; font-size: 32px;font-family: 'BebasRegular', Georgia, 'Times New Roman', Times, serif; }
#content section#slider #viewport{width: 1050px;overflow: hidden;}
#content section#slider #container{width: 600px;height: 534px;overflow: hidden; }
#content section#slider div.section {width: 1050px;float: left;}
#content section#slider div.section .left{ width: 350px;float: left; height: 350px; text-align: right; }
#content section#slider div.section .right{width: 580px;float: right;padding-left: 20px; height: 350px; text-align: left; }
#content section#slider div.section .right p{color: #fff; padding-bottom: 10px;}
#content section#intro{border-top: 1px solid #1a1a1a; border-bottom: 1px solid #1a1a1a; background: #1E1E1E; padding: 15px 20px 15px 20px; margin-top: 10px;}
#content section#intro h1{text-shadow: 2px 2px 1px #000000;font-family: 'BebasRegular', Georgia, 'Times New Roman', Times, serif; color: #ffffff; padding-bottom: 5px;}
#content section#intro p{text-shadow: 2px 2px 1px #000000; font-size: 18px; font-family: Georgia, 'Times New Roman', Times, serif; color: #9d9d9d; font-style: italic; padding-bottom: 10px;}
#content section#intro a{display: block; width: 100%; text-align: right; font-family: Georgia, 'Times New Roman', Times, serif; font-weight: bold;}
#content section.main{background: #1E1E1E; padding: 10px 0px 10px 10px; margin-top: 10px; }
#content section.main .white {background: #ffffff; font-size: 12px;color: #1E1E1E; }
#content section.main .white img{display: block;margin-bottom: 5px;}
#content section.main .white h2{ height: 36px; color: #ffffff; background: #a3040f; padding: 5px 10px 7px 15px; display: inline;}
#content section.main .white .elements{padding: 15px;}
#content section.main .white .elements h3{ color: #323232; padding-bottom: 5px; }
#content section.main .white .elements p{ padding-bottom: 10px; }
#content section.main .white .elements a{text-align: right; display: block; padding-top: 5px; border-top: 1px solid #e1e1e1;
font-family: Georgia, 'Times New Roman', Times, serif; font-weight: bold; color: #a3040f;}
#content section.main .black{padding-top: 5px;color: #cbcbcb; font-size: 12px;}
#content section.main .black div.title{border-bottom: 1px solid #1E1E1E; padding-bottom: 7px;}
#content section.main .black h2{ height: 36px; width: 200px; color: #ffffff; background: #a3040f; padding: 10px 10px 0px 15px; display: block; background-image: url(js/img/panel_bg2.png); background-repeat: repeat-x; }
#content section.main .black p.tweet{height: 98px; padding: 15px; font-size: 14px; font-style: italic; font-family: Georgia, 'Times New Roman', Times, serif;}
#content section.main .black h2.normal{ height: 36px; color: #a3040f; background: none; padding: 5px 10px 7px 15px; display: inline;}
#content section.main .black h2.rund{color: #cccccc; border: 1px solid; border-color: #7e9098 #61727b #61727b #61727b;
background-image: url(js/img/panel_bg2.png);
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-: 5px;
-webkit-background-size: 100% 100%;
-moz-background-size: 100% 100%;
-o-background-size: 100% 100%;
background-size: 100% 100%;
background: -moz-linear-gradient(top,#FFFFFF,#ff003f 4%,#9a000e);
background: -webkit-gradient(linear,left top, left bottom,from(#ffffff),to(#9a000e),color-stop(0.04, #ff003f));
}
#content section.main .black h2.rund-bl{color: #cccccc; border: 1px solid; border-color: #7e9098 #61727b #61727b #61727b;
background-image: url(js/img/panel_bg2.png);
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-: 5px;
-webkit-background-size: 100% 100%;
-moz-background-size: 100% 100%;
-o-background-size: 100% 100%;
background-size: 100% 100%;
background: -moz-linear-gradient(top,#FFFFFF,#ff003f 4%,#9a000e);
background: -webkit-gradient(linear,left top, left bottom,from(#ffffff),to(#9a000e),color-stop(0.04, #ff003f));
}
#content section.main .black .bottom a{ color: #b60202; float: right; }
#content section.main .black .icons{padding: 10px 0px 0px 10px;}
#content section.main .black .icons a.social{margin-right: 12px; margin-bottom: 10px; width: 32px; height: 32px; float: left;}
#content section.main .black .rss{border-top: 1px solid #1E1E1E; font-size: 11px; padding: 5px 0px 3px 10px;}
#content section.main .black .rss a{ color: #cbcbcb; padding-left: 5px;}
#content section.main .black .rss a:hover{ color: #b60202;}
/****** Portfolio ******/
#content section.portfolio{background: #1E1E1E; padding: 10px 0px 10px 10px; margin-top: 10px;}
#content section.portfolio aside{background: #000000;}
#content section.portfolio aside .elements{padding: 15px;}
#content section.portfolio aside div.title{border-bottom: 1px solid #1E1E1E; padding: 5px 0px; padding-bottom: 7px;}
#content section.portfolio aside div.title h2{color: #ffffff; background: #a3040f; display: inline;padding: 5px 10px 7px 15px;}
#content section.portfolio aside h3{color: #fff; font-family: Georgia, 'Times New Roman', Times, serif; font-weight: bold;}
#content section.portfolio aside p{font-size: 12px; color: #cbcbcb; }
#content section.portfolio aside a.bottom{border-top: 1px solid #1E1E1E; padding: 5px 0px 5px 27px; display: block;
font-family: Georgia, 'Times New Roman', Times, serif; font-weight: bold; font-size: 12px;
background-image: url(images/plus_li_black.png);
background-repeat: no-repeat;
background-position: 15px 9px;
}
/* b60202 */
#content section.portfolio section{background: #ffffff; padding: 10px; width: 610px;}
#content section.portfolio section .images{background: #eee;}
/****** Blog *****/
#content section.blog{background: #1E1E1E; padding: 10px 0px 10px 10px; margin-top: 10px;}
#content section.blog aside{ float: left; width: 230px; margin-right: 10px; }
#content section.blog aside .block{background: #000000;margin-bottom: 10px; }
#content section.blog aside h2{color: #ffffff;border-bottom: 1px solid #1E1E1E; padding: 5px 0px 7px 15px;}
#content section.blog aside ul {margin-left: 15px; width: 200px; padding-bottom: 10px;}
#content section.blog aside ul li{font-size: 12px; border-bottom: 1px solid #1E1E1E; }
#content section.blog aside ul li a{display: block; padding: 3px 0px 4px 12px;
background-image: url(images/plus_li_black.png);
background-repeat: no-repeat;
background-position: 0px 6px;}
#content section.blog aside ul li a:hover{background-color: #060606; text-decoration: none;}
#content section.blog aside .popular div.minimenu{padding: 5px 0px 7px 0px; border-bottom: 1px solid #1E1E1E; font-family: 'BebasRegular', Georgia, 'Times New Roman', Times, serif; font-size: 18px;}
#content section.blog aside .popular div.minimenu a{ display: inline;padding: 5px 15px 7px 15px; border-right: 1px solid #1E1E1E;}
#content section.blog aside .popular div.minimenu a.active{ color: #fff; background: #a3040f; display: inline;padding: 5px 15px 7px 15px; border-right: 1px solid #1E1E1E;}
#content section.blog aside .popular div.minimenu a:hover{text-decoration: none; color: #fff; background: #a3040f;}
#content section.blog aside .popular ul {padding-top: 10px;}
#content section.blog aside .popular ul li a{background-image: none;padding-left: 0px;}
#content section.blog aside .tweet h2{padding-left: 0px;}
#content section.blog aside .tweet h2 div{color: #ffffff; background: #a3040f; display: inline;padding: 5px 10px 7px 15px;}
#content section.blog aside .tweet p{padding: 15px; font-family: Georgia, 'Times New Roman', Times, serif; font-style: italic; }
#content section.blog aside .tweet p a{color: #cbcbcb;}
#content section.blog aside .tweet p a:hover{color: #b60202; text-decoration: none;}
#content section.blog aside .rss{padding: 5px 0px 5px 31px;
background-image: url(images/icon_rss.png);
background-repeat: no-repeat;
background-position: 10px 7px;
}
#content section.blog aside .rss a{font-size: 14px; font-family: 'BebasRegular', Georgia, 'Times New Roman', Times, serif; }
#content section.blog aside .rss a{color: #cbcbcb;}
#content section.blog aside .rss a:hover{color: #b60202; text-decoration: none;}
#content section.blog #posts{float: left; width: 810px; margin-right: 10px;}
#content section.blog article{background: #1E1E1E; width: 810px; margin-bottom: 10px; padding-top: 25px;}
#content section.blog article .elements{padding: 20px;}
#content section.blog article .title{ border-bottom: 1px solid #e1e1e1; padding: 0px 0px 0px 0px; }
#content section.blog article h1, #content section.blog article h2, #content section.blog article h3{color: #323232;}
#content section.blog article .title h1 {margin: 0px; padding: 0px; float: left;}
#content section.blog article .title time{background: #f0f0f0; line-height: 13px;color: #a3040f; margin-top: -4px; padding-top: 6px;text-align: center; width: 40px; height: 36px; display: block; float: left;
font-family: Georgia, 'Times New Roman', Times, serif; font-weight: bold; font-size: 16px;}
#content section.blog article .title time span{font-size: 11px; }
#content section.blog article .title h1 a{background: #a3040f; color: #fff; padding: 4px 10px 6px 20px;}
#content section.blog article img{border: 5px solid #000000; margin: 0px;}
#content section.blog article img.left{float: left; margin: 0px 0px 5px 0px;}
#content section.blog article img.right{float: left;margin: 0px 0px 5px 10px;}
#content section.blog article h2{text-shadow: 1px 1px 1px #bbb;}
#content section.blog article h3{text-shadow: 1px 1px 1px #eeeeee;}
#content section.blog article h4{color: #ffffff; text-decoration: none; padding: 5px 5px 5px 5px;}
#content section.blog article footer{background: none; height: 14px; padding: 3px 0px;font-size: 10px; color: #333; border-top: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1;}
#content section.blog article footer div{padding: 0px; margin: 0px;}
#content section.blog article footer .metas{float: left; width: 550px; padding-left: 5px;}
#content section.blog article footer .coms{float: right; width: 100px; text-align: right; padding-right: 5px;}
#content section.blog article p.big{color: #333; font-size: 18px; text-shadow: 1px 1px 2px #bbb; font-family: Georgia, 'Times New Roman', Times, serif;}
#content section.blog article blockquote{background: #f0f2f4; padding: 15px;
font-size: 12px; font-family: Georgia, 'Times New Roman', Times, serif; font-style: italic;}
#content section.blog article ul{padding-left: 20px;}
#content section.blog article ul li{padding-left: 10px; padding-bottom: 5px;
background-image: url(images/arrow_li_black.png);
background-repeat: no-repeat;
background-position: 0px 4px;
}
#content section.blog .prevnext{padding: 5px 0px; font-size: 18px; font-family: 'BebasRegular', Georgia, 'Times New Roman', Times, serif;}
#content section.blog .prevnext .prev{float: left; margin-left: 10px;}
#content section.blog .prevnext .prev a{padding: 5px 10px 7px 34px;
background-image: url(images/blog_arrow_left_white.png);
background-repeat: no-repeat;
background-position: 10px 10px;
}
#content section.blog .prevnext .prev a:hover{ background-color: #a3040f; color: #fff; text-decoration: none;}
#content section.blog .prevnext .next{float: right; margin-right: 10px;}
#content section.blog .prevnext .next a{padding: 5px 34px 7px 10px;
background-image: url(images/blog_arrow_right_white.png);
background-repeat: no-repeat;
background-position: 102px 10px;
}
#content section.blog .prevnext .next a:hover{ background-color: #a3040f; color: #fff; text-decoration: none;}
/* comments */
#content section.blog article #comments{padding: 20px; }
#content section.blog article #comments .comment{margin-bottom: 20px;background: #f7f7f7; border-bottom: 1px solid #efefef;}
#content section.blog article #comments .comment .top{background: #efefef; padding: 5px 10px;}
#content section.blog article #comments .comment .top h2{float: left; padding-bottom: 0px; padding-left: 10px;text-shadow: none;}
#content section.blog article #comments .comment .top time{float: right; font-size: 11px; padding-top: 10px;}
#content section.blog article #comments .comment .bottom{padding: 15px 20px; font-size: 12px; line-height: 18px;}
/* comments form */
#content section.blog article #comments #form{padding: 20px;background: #f7f7f7; border: 1px solid #efefef;}
#content section.blog article #comments #form h2{text-shadow: none; background: #a3040f; padding: 5px 10px 5px 20px; margin-left: -20px; color: #fff; margin-bottom: 20px; float: left;}
#content section.blog article #comments #form p{padding-bottom: 10px;}
#content section.blog article #comments #form input, textarea {background: #fff; border: 1px solid #aeaeae; }
#content section.blog article #comments #form input{ font-size: 13px; width: 190px;}
#content section.blog article #comments #form input.btn{background: #a3040f; border: 1px solid #1E1E1E; font-family: 'BebasRegular', Georgia, 'Times New Roman', Times, serif; font-size: 16px; color: #fff; width: 70px; padding-bottom: 2px; float: right; margin-right: 20px;}
#content section.blog article #comments #form textarea{width: 100%; background: #fff; border: 1px solid #aeaeae;}
#content section.blog article #comments #form label{color: #999; font-size: 11px;}
/****** Contact *****/
#content section.contact{background: #1E1E1E; padding: 10px 0px 10px 10px; margin-top: 10px;}
#content section.contact aside .block{background: #000000;margin-bottom: 10px; }
#content section.contact aside h2{color: #b60202;border-bottom: 1px solid #1E1E1E; padding: 5px 0px 7px 15px;}
#content section.contact aside .info p{padding-bottom: 15px; font-size: 12px; color: #cbcbcb;}
#content section.contact aside .info h3{color: #ffffff;}
#content section.contact .elements{padding: 20px;}
#content section.contact .map{background: #fff;}
#content section.contact aside .cform div.title {border-bottom: 1px solid #1E1E1E; padding: 5px 0px 7px 0px;}
#content section.contact aside .cform div.title h2{color: #ffffff; background: #a3040f; display: inline;padding: 5px 10px 7px 15px;}
#content section.contact aside .cform #form{}
#content section.contact aside .cform #form h2{text-shadow: none; background: #a3040f; padding: 5px 10px 5px 20px; margin-left: -20px; color: #fff; margin-bottom: 20px; float: left;}
#content section.contact aside .cform #form p{padding-bottom: 20px;}
#content section.contact aside .cform #form p.area{padding-bottom: 10px;}
#content section.contact aside .cform #form input, textarea {background: #efefef; border: 1px solid #191917; }
#content section.contact aside .cform #form input{ font-size: 13px; width: 190px; height: 24px; padding:0px 5px;}
#content section.contact aside .cform #form input.btn{background: #a3040f; border: 1px solid #1E1E1E; font-family: 'BebasRegular', Georgia, 'Times New Roman', Times, serif; font-size: 16px; color: #fff; width: 70px; padding-bottom: 2px; float: right; margin-right: 20px;}
#content section.contact aside .cform #form textarea{width: 417px; padding: 5px;}
#content section.contact aside .cform #form label{color: #cbcbcb; font-size: 12px;}
#content section.contact aside .cform #form label span{color: #b60202; font-weight: bold;}
#content section.contact .map h2, #content section.contact .map h3{color: #333;}
#content section.contact .map img{border: 5px solid #efefef;}
#content section.contact .map ul{padding: 5px 0px 5px 10px;}
#content section.contact .map ul li{padding-left: 10px; padding-bottom: 5px; font-size: 12px; font-weight: bold; font-style: italic;
font-family: Georgia, 'Times New Roman', Times, serif;
background-image: url(images/arrow_li_black.png);
background-repeat: no-repeat;
background-position: 0px 4px;
}
/****** Pages *****/
.play {
z-index: 2;
position: absolute;
padding: 180px 0 0 250px;
cursor: pointer;
}
#content section.pages{/*background: #1E1E1E;*/ padding: 10px 0px 10px 10px; margin-top: 10px;}
#content section.pages .join-bg { float: right; padding: 0px 0px 0px 0px; border: 0px solid #181818; margin-right: 37px;}
#content section.pages aside{background: #000000;}
#content section.pages aside h2{color: #ffffff;border-bottom: 1px solid #1E1E1E; padding: 5px 0px 7px 15px;}
#content section.pages aside ul {margin-left: 15px; width: 200px; padding-bottom: 10px;}
#content section.pages aside ul li{font-size: 12px; border-bottom: 1px solid #1E1E1E;
}
#content section.pages aside ul li a{display: block; padding: 3px 0px 4px 12px;
background-image: url(images/plus_li_black.png);
background-repeat: no-repeat;
background-position: 0px 6px;}
#content section.pages aside ul li a:hover{background-color: #060606; text-decoration: none;}
#content section.pages section{background: #ffffff; padding: 20px; width: 670px;}
#content section.pages section img{border: 5px solid #efefef; margin: 5px;}
#content section.pages section h1, #content section.pages section h2, #content section.pages section h3{
color: #323232;
}
#content section.pages section h1{text-shadow: 1px 1px 2px #bbb;}
#content section.pages section h2{text-shadow: 1px 1px 1px #bbb;}
#content section.pages section h3{text-shadow: 1px 1px 1px #eeeeee;}
#content section.pages section .redtitle{color: #a3040f;}
#content section.pages section p.big{color: #333; font-size: 18px; text-shadow: 1px 1px 2px #bbb; font-family: Georgia, 'Times New Roman', Times, serif;}
#content section.pages section blockquote{background: #f0f2f4; padding: 15px;
font-size: 12px; font-family: Georgia, 'Times New Roman', Times, serif; font-style: italic;}
#content section.pages section ul{padding-left: 20px;}
#content section.pages section ul li{padding-left: 10px; padding-bottom: 5px;
background-image: url(images/arrow_li_black.png);
background-repeat: no-repeat;
background-position: 0px 4px;
}
#content section.pages section .half{width: 310px; float: left; padding-right: 40px;}
#content section.pages section .half p{font-size: 12px; line-height: 18px;}
#content section.pages section .third{width: 200px; float: left; padding-right: 33px; }
#content section.pages section .third p{font-size: 12px; line-height: 18px;}
#content section.pages section .last{padding: 0px;}
/****** Pages boxy ******/
#content nav.menuboxy{ background: #1E1E1E; border-top: 1px solid #1a1a19;}
#content nav.menuboxy ul{height: 30px;}
#content nav.menuboxy ul li{padding: 10px; padding-top: 7px; padding-bottom: 8px;border-right: 1px solid #1a1a19; float: left; color: #fff; font-size: 18px; font-family: 'BebasRegular', Georgia, 'Times New Roman', Times, serif;}
#content nav.menuboxy ul li a{color: #fff;}
#content nav.menuboxy ul li a:hover{color: #b60202; text-decoration: none;}
#content nav.menuboxy ul li a.active{color: #b60202;}
#content section.black{background: #1E1E1E; color: #cbcbcb;}
#content section.black h1, #content section.black h2, #content section.black h3{color: #ffffff;}
#content section.black h1{text-shadow: 2px 2px 1px #000000;}
#content section.black hr{border-top: 1px solid #191917;}
#content section.black p.big{text-shadow: 2px 2px 1px #000000;color: #9d9d9d;}
#content section.black blockquote{ background: #000000; }
#content section.black ul li{
background-image: url(images/arrow_li_white.png);
background-repeat: no-repeat;
background-position: 0px 4px;
}
#content section.white{background: #ffffff; color: #1E1E1E;}
#content section.white h1, #content section.white h2, #content section.white h3{color: #1E1E1E;}
#content section.white h1{text-shadow: 1px 1px 2px #bbb;}
#content section.white h2{/*text-shadow: 1px 1px 1px #bbb;*/}
#content section.white hr{border-top: 1px solid #191917;}
#content section.white p.big{text-shadow: 1px 1px 2px #bbb;color: #333;}
#content section.white blockquote{ background: #f0f2f4; }
#content section.white ul li{
background-image: url(images/arrow_li_black.png);
background-repeat: no-repeat;
background-position: 0px 4px;
}
#content section.pageboxy{ padding: 10px 0px 10px 10px; margin-top: 10px;}
#content section.pageboxy h1{font-family: 'BebasRegular', Georgia, 'Times New Roman', Times, serif; padding-bottom: 5px;}
#content section.pageboxy h2{padding-bottom: 5px; /*text-shadow: 1px 1px 1px #000000;*/}
#content section.pageboxy hr{margin-right: 10px;}
#content section.pageboxy blockquote{ padding: 15px; margin-right: 20px; margin-left: 10px;
font-size: 12px; font-family: Georgia, 'Times New Roman', Times, serif; font-style: italic;}
#content section.pageboxy ul{padding-left: 20px;}
#content section.pageboxy ul li{padding-left: 15px; padding-bottom: 5px;
}
#content section.pageboxy p.big{ font-size: 18px; font-family: Georgia, 'Times New Roman', Times, serif; font-style: italic; padding-bottom: 10px;}
#content section.pageboxy div.elements{padding: 10px 20px 10px 10px;}
#content section.pageboxy .white{background: #fff; color: #666;}
#content section.white .white{background: #f2f2f2; color: #666;}
#content section.pageboxy .white h2{color: #ffffff;}
#content section.pageboxy .white h3{color: #323232;}
#content section.pageboxy .white strong{color:#323232;}
#content section.pageboxy .black{background: #000; color: #cbcbcb;}
#content section.pageboxy .black h2{color: #ffffff;}
#content section.pageboxy .black h3{color: #fff;}
#content section.pageboxy .black strong{color:#fff;}
#content section.pageboxy .box{ font-size: 12px;}
#content section.pageboxy .box .contents{ padding: 15px;}
#content section.pageboxy .box img{margin-bottom: 10px;}
#content section.pageboxy .box a{color:#b60202;}
#content section.pageboxy .box div.title{ min-width: 1px; background: #a3040f;margin-bottom: 10px; margin-right: 50px;padding: 0px; margin-left: -15px;}
#content section.pageboxy .box div.shorttitle{ margin-right: 100px;}
#content section.pageboxy .box div.title h2{ min-width: 1px; padding: 5px 10px 7px 15px;}
#content section.pageboxy .box h3{ font-weight: bold; font-family: Georgia, 'Times New Roman', Times, serif;}
/****** Footer ******/
#content section.footertop{background: #1E1E1E; padding: 10px 0px 10px 10px; margin-top: 10px;}
#content section.footertop .black{background: #000000; padding-top: 5px;color: #cbcbcb; font-size: 12px;}
#content section.footertop .black a{color: #a3040f;}
#content section.footertop .black div.title{border-bottom: 1px solid #1E1E1E; padding-bottom: 7px;}
#content section.footertop .black div.title h2{ height: 36px; color: #ffffff; background: none; padding: 5px 10px 7px 15px; display: inline;}
#content section.footertop .black div.title h2.boxed{ background: #a3040f; }
#content section.footertop .black div.title h2.red{ color: #a3040f; }
#content section.footertop .black p{padding: 5px 0px; padding-bottom: 0px}
#content section.footertop .black .elements{padding: 10px 15px; min-height: 340px; }
#content section.footertop .black .elements .members{padding: 10px 95px;}
#content section.footertop .black .elements .post{padding-bottom: 10px;}
#content section.footertop .black .elements .citem{padding-bottom: 15px;}
#content section.footertop .black .elements .last{padding-bottom: 0px;}
#content section.footertop .black .elements h3{color: #ffffff; display: inline; font-weight: normal; font-family: 'BebasRegular', Georgia, 'Times New Roman', Times, serif; }
#content section.footertop .black .elements time{font-size: 14px; color: #444444; padding-left: 5px; font-family: 'BebasRegular', Georgia, 'Times New Roman', Times, serif; }
#content section.footertop .black .bottom{border-top: 1px solid #1E1E1E; padding: 5px 10px; text-align: right;}
#content section.footertop .black .bottom a{font-family: Georgia, 'Times New Roman', Times, serif; font-size: 14px;}
footer {
background: #1E1E1E;
height: 25px;
padding-top: 15px;
margin-top: 20px;
font-size: 11px;
color: #cbcbcb;
}
footer a {color: #a3040f;}
footer div{width: 1040px; margin: 0 auto;}
footer p{float: left;}
footer ul{ list-style: none;
}
footer ul li{float: left; padding-left: 15px;}
footer ul li a{padding-right: 15px;}
footer ul li a:hover{text-decoration: underline;}
/* view and download */
.dl_item {
float:left;
width: 203px;
padding: 5px;
}
.viewdownload_container {
width:548px;
}
.viewdownload {
background: #000 url(/images/btn_viewdownload_bg.jpg) top left no-repeat;
display: block;
height: 40px;
width: 203px;
padding-left: 35px;
color: #eaeee7;
}
.btn_download {
background: #000 url(/images/btn_download_bg.jpg) top right no-repeat;
}
.btn_download a, .btn_download a:visited {
display: block;
}
.viewdownload a, .viewdownload a:visited {
font-family: Tahoma, Arial, Helvetica, san-serif;
font-weight: bold;
font-size: 14px;
display:block;
height:40px;
width:198px;
color: #fff;
text-decoration: none;
}
.viewdownload a:hover {color: #c3c9be;}
/* video download*/
.download_video {
margin: 10px;
font-size: 12px;
font-weight: normal;
color: #999;
width: 400px;
background: #000;
overflow: hidden;
}
.download_video_item_wmvhd {
margin: 5px;
text-align: left;
display: block;
background:url(/images/sprite_download.png) 0px 0px no-repeat;
height: 38px;
width: 150px;
padding-left: 40px;
overflow: hidden;
}
.download_video_item_wmv {
margin: 5px;
text-align: left;
display: block;
background:url(/images/sprite_download.png) 0px -38px no-repeat;
height: 38px;
width: 150px;
padding-left: 40px;
overflow: hidden;
}
.download_video_item_psp {
margin: 5px;
text-align: left;
display: block;
background:url(/images/sprite_download.png) 0px -191px no-repeat;
height: 38px;
width: 150px;
padding-left: 40px;
overflow: hidden;
}
.download_video_item_qt {
margin: 5px;
text-align: left;
display: block;
background: url(/images/sprite_download.png) 0px -76px no-repeat;
height: 38px;
width: 150px;
overflow: hidden;
padding-left: 40px;
}
.download_video_item_qthd {
margin: 5px;
text-align: left;
display: block;
background: url(/images/sprite_download.png) 0px -153px no-repeat;
height: 38px;
width: 150px;
overflow: hidden;
padding-left: 40px;
}
.download_video_item_ipod {
margin: 5px;
text-align: left;
display: block;
background: url(/images/sprite_download.png) 0px -114px no-repeat;
height: 38px;
width: 150px;
padding-left: 40px;
overflow: hidden;
}
/* video control and rate */
/**********************************/
/* PHOTO SET GALLERY */
/**********************************/
/* set thumbs */
#setthumbs {width:960px; margin: 0 auto; padding: 0px 0px 0px 0px; text-align: center;}
/***************************/
/* setthumb block */
/***************************/
.setthumb_gallery ul {
width: 1050px;
list-style: none;
margin: 0;
padding: 0;
}
.setthumb_gallery li {
padding: 3px;
margin: 0;
float: left;
position: relative;
}
.thumb_holder {
text-align: center;
overflow: hidden;
background: #111111;
margin-bottom: 10px;
padding-bottom: 3px;
}
/* thumbnail block */
div.setthumb_container img {
margin-top: expression(( 200 - this.height ) / 2);
}
html>body div.setthumb_container img { /*hidden from IE 5-6 */
margin-top: 0; /* to clean up, just in case IE later supports valign! */
vertical-align: middle;
}
.setthumb_container {
width: 180px;
height: 200px;
border: 3px #191919 solid;
text-align: center;
}
.setthumb_container:hover {
border: 3px #353535 solid;
text-align: center;
}
.setthumb_thumbnail {
float: left;
text-align: center;
width: 180px;
height: 200px;
line-height: 180px;
}
div.setthumb_info {
font-family: Georgia, Tahoma, Arial, Helvetica;
height: 30px;
color: #d6c9c4;
width: 186px;
overflow: hidden;
font-size: 10px;
text-align: center;
}
.setthumb_info .links {
text-align: center;
padding: 1px;
width: 50px;
float: left;
}
.setthumb_info .favlinks {
text-align: center;
padding: 1px;
float: right;
}
.setthumb_info .links a, .setthumb_info .links a:visited {
font-family: Tahoma, arial, verdana, helvetica;
text-decoration: none;
font-size: 10px;
color: #6b6562;
border-bottom: 1px dotted #383838;
}
.setthumb_info .links a:hover {
color: #fff;
}
/* end set thumb block */
.shadow_efx {
background: #000 url(/images/featured_shadow.jpg) top center repeat-x;
}
/* =================================== */
/* GRID DIVs */
/* =================================== */
.grid_780p { width: 780; overflow: hidden; margin: 0 auto; text-align: center; padding: 0px 0px 0px 0px; }
.grid_180p { width: 180; overflow: hidden; margin: 0 auto; text-align: center; padding: 0px 0px 0px 0px; }
.grid_100p { width: 100%; overflow: hidden; margin: 0 auto; text-align: center; padding: 0px 0px 0px 0px; }
.grid_50p { width: 50%; overflow: hidden; margin: 0 auto; text-align: center; padding: 0px 0px 0px 0px; }
.grid_960 { width: 940px; overflow: hidden; margin: 0 auto; text-align: center; padding: 0px 0px 0px 0px; }
.grid_720 { width: 720px; overflow: hidden; margin: 0 auto; text-align: center; padding: 0px 0px 0px 0px; }
.grid_648 { width: 648px; overflow: hidden; margin: 0 auto; text-align: center; padding: 0px 0px 0px 0px; }
.grid_642 { width: 642px; overflow: hidden; margin: 0 auto; text-align: center; padding: 0px 0px 0px 0px; }
.grid_640 { width: 640px; overflow: hidden; margin: 0 auto; text-align: center; padding: 0px 0px 0px 0px; }
.grid_548 { width: 548px; overflow: hidden; margin: 0 auto; text-align: center; padding: 0px 0px 0px 0px; }
.grid_560 { width: 560px; overflow: hidden; margin: 0 auto; text-align: center; padding: 0px 0px 0px 0px; }
.grid_462 { width: 462px; overflow: hidden; margin: 0 auto; text-align: center; padding: 0px 0px 0px 0px; }
.grid_480 { width: 480px; overflow: hidden; margin: 0 auto; text-align: center; padding: 0px 0px 0px 0px; float:left;}
.grid_450 { width: 450px; overflow: hidden; margin: 0 auto; text-align: center; padding: 0px 0px 0px 0px; }
.grid_412 { width: 412px; overflow: hidden; margin: 0 auto; text-align: center; padding: 0px 0px 0px 0px; }
.grid_400 { width: 400px; overflow: hidden; margin: 0 auto; text-align: center; padding: 0px 0px 0px 0px; }
.grid_536 { width: 536px; overflow: hidden; margin: 0 auto; text-align: center; padding: 0px 0px 0px 0px; }
.grid_384 { width: 384px; overflow: hidden; margin: 0 auto; text-align: center; padding: 0px 0px 0px 0px; }
.grid_360 { width: 360px; overflow: hidden; margin: 0 auto; text-align: center; padding: 0px 0px 0px 0px; }
.grid_340 { width: 340px; overflow: hidden; margin: 0 auto; text-align: center; padding: 0px 0px 0px 0px; }
.grid_320 { width: 320px; overflow: hidden; margin: 0 auto; text-align: center; padding: 0px 0px 0px 0px; }
.grid_318 { width: 318px; overflow: hidden; margin: 0 auto; text-align: center; padding: 0px 0px 0px 0px; }
.grid_312 { width: 312px; overflow: hidden; margin: 0 auto; text-align: center; padding: 0px 0px 0px 0px; }
.grid_274 { width: 274px; overflow: hidden; margin: 0 auto; text-align: center; padding: 0px 0px 0px 0px; }
.grid_264 { width: 264px; overflow: hidden; margin: 0 auto; text-align: center; padding: 0px 0px 0px 0px; }
.grid_240 { width: 240px; overflow: hidden; margin: 0 auto; text-align: center; padding: 0px 0px 0px 0px; }
.grid_222 { width: 222px; overflow: hidden; margin: 0 auto; text-align: center; padding: 0px 0px 0px 0px; }
.grid100 {width: 100%;}
/* special */
.grid_780 { width: 780px; overflow: hidden; margin: 0 auto; text-align: center; padding: 0px 0px 0px 0px; }
.grid_180 { width: 180px; overflow: hidden; margin: 0 auto; text-align: center; padding: 0px 0px 0px 0px; }
/* thumb */
.grid_200 { width: 200px; overflow: hidden; margin: 0 auto; text-align: center; padding: 0px 0px 0px 0px; }
.grid_110 { width: 110px; overflow: hidden; margin: 0 auto; text-align: center; padding: 0px 0px 0px 0px; }
.grid_100 { width: 100px; overflow: hidden; margin: 0 auto; text-align: center; padding: 0px 0px 0px 0px; }
.grid_212 { width: 212px; overflow: hidden; margin: 0 auto; text-align: center; padding: 0px 0px 0px 0px; }
/* for centering photo set */
.block_888 { margin: 0 auto; width: 888px; text-align: center;}
/* for centering video med */
.block_944 {margin: 0 auto; width: 944px; text-align: center;}
.fleft {float: left;}
.fright {float: right;}
.pad1 {padding: 1px;}
.pad2 {padding: 2px;}
.pad3 {padding: 3px;}
.pad4 {padding: 4px;}
.pad5 {padding: 5px;}
.pad10 {padding: 10px;}
.pad15 {padding: 15px;}
.pad20 {padding: 20px;}
.pad40 {padding: 40px;}
.pad50 {padding: 50px;}
.margin_l5 {margin-left: 5px;}
.margin_bottom0 {margin-bottom: 0px;}
.margin_bottom5 {margin-bottom: 5px;}
.margin_bottom10 {margin-bottom: 10px;}
.margin_bottom15 {margin-bottom: 15px;}
.margin_bottom20 {margin-bottom: 20px;}
.margin0 {margin: 0px;}
.margin_top5 {margin-top: 5px;}
.margin_top10 {margin-top: 10px;}
.margin_top15 {margin-top: 15px;}
.margin_top20 {margin-top: 20px;}
.margin_topbottom5 {margin-top: 5px; margin-bottom: 5px;}
.margin_topbottom10 {margin-top: 10px; margin-bottom: 10px;}
.margin_topbottom20 {margin-top: 20px; margin-bottom: 20px;}
.box {background: #0a0a0a url(/images/bg_pattern_box.gif); border: 1px solid #121212;}
.height200 {height: 200px; overflow: hidden;}
.alignleft {margin: 0 auto;text-align: right;}
.alignright { margin: 0 auto;text-align: right;}
.aligncenter { margin: 0 auto; text-align: center;}
.inline {
display:inline;
}
.txt_blue {color: #ffffff;text-align: right;}
.txt_sm {font-size: 10px;text-align: right;}
.txt_gray {color: #777776;text-align: right;}
div.pagination1 {
padding: 3px;
margin: 3px;
text-align:center;
font-family:Tahoma,Helvetica,sans-serif;
font-size: 13px;
}
a.pagination1 {
border: 1px solid #ffffff;
margin-right:3px;
padding:2px 8px;
background-position:bottom;
text-decoration: none;
color: #ffffff;
}
a:hover.pagination1 {
border: 1px solid #ffffff;
background-image:none;
color: #fff;
}
a.current1 {
border: 1px solid #ffffff;
margin-right:3px;
padding:2px 8px;
background-color:#000000;
background-position:bottom;
text-decoration: none;
color: #a3040f;
}
.nav1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
color: #1E1E1E;
text-decoration: none;
}
.nav1:hover {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
color: #ffffff;
text-decoration: none;
}
.nav1_ {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: normal;
color: #1E1E1E;
text-decoration: none;
}
/* tm section*/
.scene_download {
width: 200px;
float:left;
}
/* tm section*/
.xxx_scene_download {
width: 320px;
float:left;
}
#download_container h2 {
font-family: Tahoma, Arial, Verdana;
font-size: 20px;
display: block;
margin-top: 5px;
padding: 5px;
clear:both;
text-align:left;
color: #e7e3d7;
}
/* hd */
.download_options li {
margin:5px 0; padding:0 0 0 57px;
width:150px; height:auto;
float:left;
background:url(/images/videodownload_left_sprite.gif) no-repeat top left;
}
/* wvm st */
.download_options li.wmv_st {
margin:5px 0; padding:0 0 0 57px;
width:150px; height:auto;
float:left;
background:url(/images/videodownload_left_sprite.gif) no-repeat 0px -78px;
}
/* qt hd 1080 */
.download_options li.qt_hd1080p {
margin:5px 0; padding:0 0 0 57px;
width:150px; height:auto;
float:left;
background:url(/images/videodownload_left_sprite.gif) no-repeat 0px -156px;
}
/* qt hd */
.download_options li.qt_hd {
margin:5px 0; padding:0 0 0 57px;
width:150px; height:auto;
float:left;
background:url(/images/videodownload_left_sprite.gif) no-repeat 0px -156px;
}
/* qt st */
.download_options li.qt {
margin:5px 0; padding:0 0 0 57px;
width:150px; height:auto;
float:left;
background:url(/images/videodownload_left_sprite.gif) no-repeat 0px -234px;
}
/* psp */
.download_options li.psp {
margin:5px 0; padding:0 0 0 57px;
width:150px; height:auto;
float:left;
background:url(/images/videodownload_left_sprite.gif) no-repeat 0px -390px;
}
/* iphone */
.download_options li.iphone {
margin:5px 0; padding:0 0 0 57px;
width:150px; height:auto;
float:left;
background:url(/images/videodownload_left_sprite.gif) no-repeat 0px -468px;
}
/* apple */
.download_options li.apple {
margin:5px 0; padding:0 0 0 57px;
width:150px; height:auto;
float:left;
background:url(/images/videodownload_left_sprite.gif) no-repeat 0px -312px;
}
/* for all */
.download_options li a {
text-decoration: none;
margin:0; padding:2px 0 0 10px;
width:140px; height:37px;
/*margin:0; padding:0px 9px 0px 10px;*/
/*width:125px; height:39px;*/
line-height: 130%;
float:left; display:block;
text-align:left;
background:url(/images/videodownload_right_sprite.gif) no-repeat top right;
}
.download_options li a:link, .download_options li a:active, .download_options li a:visited {
font-family:Tahoma, "Times New Roman", Times, serif; color:#a7a7a7;
}
.download_options li a:link span, .download_options li a:active span, .download_options li a:visited span {
color:#cbcaca;
font-weight: bold;
}
.download_options li:hover span, .download_options li:hover a span {
color:#000;
}
/* hd */
.download_options li:hover, .download_options li:hover a {
background-position:0% -39px;
color:#171615;
cursor:pointer;
}
/* wmv st */
.download_options li.wmv_st:hover, .download_options li.wmv_st:hover a {
background-position:0% -117px;
color:#171615;
cursor:pointer;
}
/* qt st */
.download_options li.qt:hover, .download_options li.qt:hover a {
background-position:0% -273px;
color:#171615;
cursor:pointer;
}
/* qt hd 1080p*/
.download_options li.qt_hd1080p:hover, .download_options li.qt_hd1080p:hover a {
background-position:0% -195px;
color:#171615;
cursor:pointer;
}
/* qt hd */
.download_options li.qt_hd:hover, .download_options li.qt_hd:hover a {
background-position:0% -195px;
color:#171615;
cursor:pointer;
}
/* psp st */
.download_options li.psp:hover, .download_options li.psp:hover a {
background-position:0% -429px;
color:#171615;
cursor:pointer;
}
/* iphone */
.download_options li.iphone:hover, .download_options li.iphone:hover a {
background-position:0% -507px;
color:#171615;
cursor:pointer;
}
/* apple */
.download_options li.apple:hover, .download_options li.apple:hover a {
background-position:0% -351px;
color:#171615;
cursor:pointer;
}
/* hd */
.download_options li:hover a,
/* wmv st */
.download_options li.wmv_st:hover a,
/* qt st */
.download_options li.qt:hover a,
/* psp hd1080p */
.download_options li.qt_hd1080p:hover a,
/* psp hd */
.download_options li.qt_hd:hover a,
/*iphone*/
.download_options li.iphone:hover a,
/* psp st */
.download_options li.psp:hover a,
/* apple */
.download_options li.apple:hover a
{
background-position:100% -39px;
}