/* FLOAT CLEARING See http://www.positioniseverything.net/easyclearing.html */
.clearfix:after { content: "."; clear: both; height: 0; visibility: hidden; display: block; }
.clearfix { display: inline-block; /* Fixes IE/Mac */ }
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}

* {
    padding : 0 ; margin : 0 ;
    -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}

@font-face {
	font-family: Caviar Dreams;
	src: url('/res/font/CaviarDreams.ttf');
}

@font-face {
	font-family: Rage Italic;
	src: url('/res/font/RageItalic.ttf');
}

body.theme1 { margin: 0; padding: 0; background: #FFFFFF; font-family: Segoe UI, Veranda, Helvetica; }

/* header */
body.theme1 div.header { font-family: Caviar Dreams, Segoe UI, Veranda, Helvetica; }
body.theme1 div.header nav { width: 80%; padding: 10px; margin: 0px auto 0px auto; }
body.theme1 div.header nav ul { list-style: none; overflow: hidden; }
body.theme1 div.header nav li.logo { display: block; float: left; padding: 0px; width: 50%; margin: 0px; }
body.theme1 div.header nav li.logo img { width:100%; max-width: 400px; max-height: 100px; }
body.theme1 div.header nav li.member,
body.theme1 div.header nav li.signout,
body.theme1 div.header nav li.join { display: block; float: left; width:25%; padding: 20px 20px 0px 20px; }
body.theme1 div.header nav li.member a,
body.theme1 div.header nav li.signout a,
body.theme1 div.header nav li.join a  {
    width: 100%; text-align: center; text-transform: uppercase; border:none; font-size:larger; padding: 10px 10px 10px 10px; 
    -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
    text-decoration:none; display:inline-block; color: #DB0B88; font-weight: bold; background-color: transparent; border-width: 1px; border-style: solid;
}
body.theme1 div.header nav li.member a { border-color: transparent; }
body.theme1 div.header nav li.member a:hover,
body.theme1 div.header nav li.signout a
                                    { border-color: #DB0B88; }
body.theme1 div.header nav li.join a { border-color: #DB0B88; }
body.theme1 div.header nav li.join a:hover { background-color: #FFF0FF; }

@media (min-width: 880px) and (max-width: 1200px) 
{
    body.theme1 div.header nav li.logo { width: 50%; }
    body.theme1 div.header nav li.member { width:30%; padding: 0px 0px 0px 10px; }
    body.theme1 div.header nav li.join { width:30%; padding: 10px 0px 0px 10px; }
}
@media (min-width: 610px) and (max-width: 880px) 
{
    body.theme1 div.header nav li.logo { width: 100%; }
    body.theme1 div.header nav li.member { width:50%; padding: 10px 10px 0px 0px; }
    body.theme1 div.header nav li.join { width:50%; padding: 10px 0px 0px 10px; }
}

@media (min-width: 0px) and (max-width: 610px) 
{
    body.theme1 div.header nav li.logo { width: 100%; }
    body.theme1 div.header nav li.member,
    body.theme1 div.header nav li.join { width:100%; padding: 10px 0px 10px 0px; }
}



/* ad pic */

body.theme1 div.adpic-holder { font-family: Caviar Dreams, Segoe UI, Veranda, Helvetica; }
body.theme1 div.adpic-holder { width: 80%; height: auto; margin: 0px auto 0px auto; }

body.theme1 div.adpic { width: 100%; height:auto; margin: 0px auto 0px auto; border: none; text-align:center; }
body.theme1 div.adpic img { width: 100%; }
body.theme1 div.adpic div.slider1_container { position: relative; top: 0px; left: 0px; width: 2000px; height: 1000px; margin: 0px auto 0px auto; overflow: hidden; }
body.theme1 div.adpic div.slider1_container div.slides { position: absolute; left: 0px; top: 0px; width: 2000px; height: 1000px; overflow: hidden; }

/* content */
body.theme1 div.content { width: 80%; margin: 10px auto; padding: 0px auto; color: #F13698; }
body.theme1 div.content a { color: #F13698; }
body.theme1 div.content div.welcome { text-align:justify; margin-top: 25px; }
body.theme1 div.content div.welcome p { margin: 10px 0 0 0; }
body.theme1 div.content div.welcome a img.community { width: 30px; margin: 0 10px 0 0; vertical-align:middle; border: 1px solid transparent; }
body.theme1 div.content div.welcome a:hover img.community { border: 1px solid #DB0B88; }
body.theme1 div.content div.release { width: 100%; margin: 50 0 50 0; border-top: 1px solid #DB0B88; padding: 50 0 0 0; }
body.theme1 div.content div.release div.title { text-transform: capitalize; font-size:xx-large; font-weight: bold; width:100%; margin-bottom: 25px; }
body.theme1 div.content div.release div.desc { width:100%; overflow:hidden; font-size:larger; margin-bottom: 25px; text-align:justify; font-family: Segoe UI, Veranda, Helvetica; }

body.theme1 div.content div.release div.blocks { width: 100%; }

body.theme1 div.content div.release div.blocks div.block { width: 33.33333%; display:inline-block; }
body.theme1 div.content div.release div.blocks div.block img { width: 100%; padding: 10px; }

body.theme1 div.content div.release div.blocks a.button_showhide {
    text-align: center; text-transform:lowercase; padding: 2px 5px 2px 5px; margin-left: 10px;
    border: 1px solid white; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
    text-decoration:none; color: #DB0B88; background-color: transparent; cursor: pointer;
}
body.theme1 div.content div.release div.blocks a.button_showhide:hover { border: 1px solid #DB0B88; }

body.theme1 div.content div.release div.blocks div.video { padding: 10px; }
body.theme1 div.content div.release div.blocks div.video video { padding:0px; margin:0px; width:100%; }
body.theme1 div.content div.release div.blocks div.video div.embed div.embeddesc { margin: 5px; }
body.theme1 div.content div.release div.blocks div.video div.embed div.embedcode { margin: 5px; }
body.theme1 div.content div.release div.blocks div.video div.embed div.embedcode input { width:100%; }
body.theme1 div.content div.release div.blocks div.video div.embed div.embedselect { display: none; margin: 5px; }


body.theme1 div.content div.release div.block-download { margin-left:10px; margin-top: 30px; border: none;}
body.theme1 div.content div.release div.block-download div.video-holder { }
body.theme1 div.content div.release div.block-download div.video-holder img 
                                                        { width: 50px; margin-bottom:15px; margin-right:30px; display: inline-block; }
body.theme1 div.content div.release div.block-download div.video-holder div.download-info 
                                                        { display: inline-block; vertical-align: top; }
body.theme1 div.content div.release div.block-download div.video-holder div.download-info p.video-link { font-size:x-large; }
body.theme1 div.content div.release div.block-download div.video-holder div.download-info p.video-link a { color: #DB0B88; }
body.theme1 div.content div.release div.block-download div.video-holder div.download-info p.video-size {}

body.theme1 div.content div.release div.block-download p.support { font-size:small; margin-top: 30px; font-style:italic; }
body.theme1 div.content div.release div.block-download p.support a { color: #DB0B88; }



body.theme1 div.content a.button  {
    width: 100%; text-align: center; text-transform: uppercase; border:none; padding: 10px 10px 10px 10px; 
    -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
    text-decoration:none; display:inline-block; color: #DB0B88; background-color: transparent; border-width: 1px; border-style: solid;
}
body.theme1 div.content a.button:hover { background-color: #FFF0FF; }

@media (min-width: 900px) and (max-width: 1400px) 
{
    body.theme1 div.content div.release div.blocks div.block { width: 50%; display:inline-block; }
}
@media (min-width: 0px) and (max-width: 900px) 
{
    body.theme1 div.content div.release div.blocks div.block { width: 100%; display:inline-block; }
}


/* footer */
body.theme1 div.footer-holder { width:100%; background-color: #000000; padding:none; margin: 50 0 0 0; border: none; }
body.theme1 div.footer { width: 80%; margin: 10px auto 0px auto; padding: 20px; color: #aaaaa9; }
body.theme1 div.footer a { color: #aaaaa9; }

body.theme1 div.footer div.footer-link { width: 40%; margin-left: 10px; }
body.theme1 div.footer div.footer-link nav { }
body.theme1 div.footer div.footer-link nav ul { list-style: none; }
body.theme1 div.footer div.footer-link nav li a { width: 100%; text-decoration: none; height:32px; }
body.theme1 div.footer div.footer-link nav li a div { padding-left: 55px; margin: 15px 0px 15px 0px; }
body.theme1 div.footer div.footer-link nav li a:hover { text-decoration: underline; }
body.theme1 div.footer div.footer-link nav li a div#footer-terms { background: url(../../res/icon/terms.png) 0 0 no-repeat; }
body.theme1 div.footer div.footer-link nav li a div#footer-contact { background: url(../../res/icon/talk.png) 0 0 no-repeat; }
body.theme1 div.footer div.footer-link nav li a div#footer-wanted { background: url(../../res/icon/dollarbag.png) 0 0 no-repeat; }
body.theme1 div.footer div.footer-link nav li a div#footer-support { background: url(../../res/icon/help.png) 0 0 no-repeat; }

body.theme1 div.footer div.footer-disclaimer { float: right; width: 50%; padding-left: 30px;    margin-top: 15px; }
body.theme1 div.footer div.footer-disclaimer p.title { font-size: medium; margin-bottom: 20px; }
body.theme1 div.footer div.footer-disclaimer p.desc { margin-bottom: 10px; font-size:small; }
body.theme1 div.footer div.footer-disclaimer a:hover { text-decoration: underline; }

@media (min-width: 0px) and (max-width: 700px) 
{
    body.theme1 div.footer div.footer-link { width: 100%; }
    body.theme1 div.footer div.footer-disclaimer { float: none; width: 100%; padding-left: 10px; padding-bottom: 30px; }
}

/* navigation menu */
body.theme1 div.main-navigation-menu { background-color: #DB0B88; padding:none; margin: none; border:none; }
body.theme1 div.main-navigation-menu nav { width: 80%; margin: 0px; }
body.theme1 div.main-navigation-menu nav ul { list-style: none; overflow: hidden; }
body.theme1 div.main-navigation-menu nav li { display: block; float: right; padding: 20px 20px 20px 20px; text-align: center; }
body.theme1 div.main-navigation-menu nav li a { width: 100%; text-transform: uppercase; color: #ffffff; text-decoration:none; }
body.theme1 div.main-navigation-menu nav li a:hover { text-decoration:underline; }

@media (min-width: 0px) and (max-width: 440px) {
    body.theme1 div.main-navigation-menu nav li { width: 100%; }
}

/* title */
body.theme1 div.page-title-holder { background-color: transparent; width: 100%; padding: 10px 10px 10px 60px; margin: 0px; border:none; }
body.theme1 div.page-title { background-color: transparent; width: 80%; margin: 0px; color: #F42DA5; }
body.theme1 div.page-title div.title { font-size:x-large; text-transform: uppercase; }
body.theme1 div.page-title div.desc {  }

/* login */
body.theme1 div.form-holder { background-color: transparent; width: 100%; padding: 10px 10px 10px 60px; margin: 0px; border:none; display:table; }
body.theme1 div.login-pic { width:50%; float: right; display:table-column; padding: 20px 60px 0px 60px; text-align: center; }
body.theme1 div.login-pic img { width:100%; max-width: 200px; }
body.theme1 div.form-to-fill { width: 50%; padding: 20px 60px 60px 60px; margin: 0px; border:none; color: #F42DA5; float: left; display:table-column; }
body.theme1 div.form-to-fill form { width: 100%; max-width:430px; float: none; padding-bottom: 60px; }
body.theme1 div.form-to-fill form div.title { padding: 25px 0px 10px 0px; font-size:large; text-transform:capitalize; float: none; }
body.theme1 div.form-to-fill form div.row { min-height:30px; line-height:30px; margin-bottom:10px; }
body.theme1 div.form-to-fill form div.col1 { float: left; line-height:30px; width: 130px; }
body.theme1 div.form-to-fill form div.col2 { float: left; line-height:30px; width: 300px; }
body.theme1 div.form-to-fill form div.col2 input { height: 30px; background-color: #F42DA5; width: 100%; color: #ffffff; border: none; padding-left: 5px; padding-right: 5px; }
body.theme1 div.form-to-fill form div.col2 input[type='submit'] { cursor: pointer; font-weight: bold; background-color: #DB0B88; }
body.theme1 div.form-to-fill form div.col2 input[type='submit']:hover { text-decoration:underline; }

body.theme1 div.form-to-fill div.title { padding: 75px 0px 10px 0px; font-size:large; text-transform:capitalize; float: none; }
body.theme1 div.form-to-fill div.error,
body.theme1 div.form-to-fill div.desc { width: 100%; max-width:430px; }
body.theme1 div.form-to-fill div.desc { text-align: center; background-color: #DB0B88; padding: 15px 0px 15px 0px; }
body.theme1 div.form-to-fill div.desc a { color: #ffffff; text-decoration:none; }
body.theme1 div.form-to-fill div.desc a:hover { text-decoration:underline; }
body.theme1 div.form-to-fill div.error { color: #F42DA5; text-align: left; padding: 15px 0px 15px 20px; background-color: transparent; border: 1px solid #F42DA5; font-weight:bold; }
body.theme1 div.form-to-fill div.error div.mark { display:inline-block; font-size:xx-large; margin-right: 10px; font-family: Segoe UI, Veranda, Helvetica; }
body.theme1 div.form-to-fill div.error div.message { display:inline-block; }


@media (min-width: 0px) and (max-width: 900px)
{
    body.theme1 div.form-holder { width: 100%; }
    body.theme1 div.login-pic, body.theme1 div.form-to-fill { float:none; display:block; width:100%; }
    body.theme1 div.login-pic { display: block; } 
}

@media (min-width: 0px) and (max-width: 570px) 
{
    body.theme1 div.form-to-fill form div.col1 { float: none; }
    body.theme1 div.form-to-fill form div.col2 { float: none; }
    body.theme1 div.form-to-fill form div.col1,
    body.theme1 div.form-to-fill form div.col2,
    body.theme1 div.form-to-fill div.error,
    body.theme1 div.form-to-fill div.desc { width: 100%; }
}