body, body * {margin:0;padding:0;line-height: normal;}
body {/*background:#8e56be;*/background:url(img/bg.png);font-family:Arial, Helvetica, sans-serif;font-size:14px;color:#222;}
a, a:visited {text-decoration:none;}
a:hover, a:active {text-decoration:underline;}
input:focus, .btn:focus, select:focus, a:focus {outline:none;}
h1 {padding:15px 0 0 25px;color:#fff;text-shadow:1px 1px 1px rgba(0,0,0,0.9);font-size:500%;letter-spacing:-.6px;text-align:left;}
h2 {font-size:150%;letter-spacing:-.3px;text-align:left;margin-bottom: 10px;}
hr {margin-bottom: 10px;}
.item_inner, .item_title, .item_img, .item_excerpt, .btn, .top_img, .logo img {-moz-transition:.1s;-webkit-transition:.1s;transition:.1s;}
.shadow {-moz-box-shadow: 1px 1px 3px rgba(0,0,0,0.1);-webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.1);box-shadow: 1px 1px 3px rgba(0,0,0,0.1);}
.btn.shadow:hover, .item_inner.shadow:hover, .item_inner:hover .btn.shadow  {-moz-box-shadow: none;-webkit-box-shadow: none;box-shadow: none;}
.main, .main * {-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
.main {padding: 15px 15px 30px 15px;width:100%;max-width:1100px;margin:0 auto;/*background:url(img/bg.png);border-left:2px solid #713e9c;border-right:2px solid #713e9c;*/}
br {line-height:1.6;}

.intro {}
.top {overflow: hidden;margin-bottom: 10px;position:relative;}
.top_left {float:left;width:50%;padding: 0px 7px 5px 5px;}
.top_left a, .top_left a:hover {text-decoration:none;}
.logo {margin: 5px auto;}
.logo img {width: 100%;height: auto;opacity: .88;}
.logo img:hover {opacity: 1;}
.top_right {float:right;width:40%;padding: 0px 5px 5px 7px;}
.top_img_bg {position:absolute;width:100%;min-width: 880px;margin:auto;top:0;right:0;z-index:-1;}
/*.top_img {display:block;width:100%;height:auto;max-width:600px;margin-bottom:10px;}*/
.top_content {margin-bottom:5px;}
.top_content_txt {line-height: 1.3;padding: 0;font-size: 120%;text-align: justify;color: #343434;overflow:hidden;}
.top_content_txt img {width:100%;height:auto;display:block;margin:0 auto 20px;}
.top_content_txt p, .top_content_txt section {display:block;margin-bottom:20px;line-height:1.3;}
.top_content_txt section strong {display:block;margin-bottom:9px;font-size:115%;}
.content_left, .content_right {float:left;}
.content_left {padding-right:10px;width:61%;}
.content_right {padding-left:10px;width:39%;}

.registration-links {margin-top:12px;margin-bottom:6px;color : white; font-size : 16px;}
.registration-links a, .registration-links a:hover, .registration-links a:visited {color:white;text-decoration:underline;}

.form-signup, .top_content {padding: 15px;color:#fff;}
.form-signup {text-shadow:1px 1px 1px rgba(0,0,0,0.5);}
.form-signup a, .form-signup a:hover, .form-signup a:visited {color:#fff;text-decoration:underline;}
.form-signup a:hover {text-decoration:underline;}
.form-title {margin-bottom: 10px;font-weight:bold;letter-spacing: .7px;font-size: 150%;color:#fff;text-shadow:0px 0px 4px rgba(0,0,0,0.9);}
.form-group {margin-bottom: 10px;}
.form-group label {display: block;margin-bottom: 5px;text-shadow: 0px 0px 5px rgba(0,0,0,0.8);font-size: 130%;letter-spacing: .5px;}
.form-control {border-radius: 6px;display: block;width: 100%;}
.form-signup input {color: #333;padding: 8px 10px 7px;background:#fff;border: 1px solid #999;}
.form-signup input:focus {border: 1px solid #343434;}
.form-signup input, .form-signup select {font-size:100%;}
.form-terms {padding-top: 5px;}
.form-talker-link {margin-top: 15px;text-align: center;}
#agree_tos {visibility:hidden;}

.choice {clear:both;}
.choice ul {overflow:hidden;width:100%;list-style:none;}
.choice ul li {float: left;width:33.333333333%;padding:7px;}

.item_list {margin-left: -7px;margin-right: -7px;margin-bottom: 25px;}
.item_list ul {overflow:hidden;width:100%;list-style:none;}
.item_list ul li {float: left;width:33.333333333%;padding:3px;}
.item_inner {background: #f3f3f3;padding:15px;position: relative;overflow: hidden;border: 1px solid #999;border-radius: 3px;}
.item_list a:hover, .item_list a:active {text-decoration:none !important;}
.item_title {text-transform: capitalize;font-weight: bold;margin-bottom: 5px;width: 100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;letter-spacing: -.5px;}
.item_img {float:left;width:100%;max-width:110px;margin-right: 10px;opacity: .88;}
.item_img img {width:100%;height:auto;}
.item_excerpt {text-transform: capitalize;font-style: italic;word-break: break-all;}
.item_btn_wrap {position: absolute;bottom: 20px;right: 15px;}

.item_inner:hover {background:#fff;border: 1px solid #666;}

.btn {color:#fff;display:inline-block;padding:10px;text-align:center;font-size:120%;font-weight:normal;text-shadow: 0 0px 3px rgba(0,0,0,0.7);border-radius:3px;}
.btn:hover {cursor:pointer;text-decoration:none;}
.btn_wide {display:block;width:100%;}
.btn_wrap {clear: both;margin-bottom:15px;}
.top_content .btn_wrap {margin-bottom:10px;margin-top:15px;}

.foot {clear: both;padding-top: 15px;margin-bottom:15px;text-align:center;}

.txt_sm {font-size:95%;}
.txt_lg {font-size:150%;}
.txt_xlg {font-size:260%;}
.p_lg {font-size:115%;line-height:1.3;margin-bottom:25px !important;}

.vchat_ad {margin-bottom:20px;}
.vchat_ad img {display:block;width:100%;height:auto;}

/* COLORS */

a, a:visited {color:#000000;}

.item_title {color:#444 !important;}
.item_excerpt {color:#666 !important;}
.item_inner:hover .item_title {color:#222 !important;}
.item_inner:hover .item_img {opacity: 1;}
.item_inner:hover .item_excerpt {color:#444 !important;}

.btn {color:#fff !important;}
.btn_main {background-color: #333333;border: 1px solid #0d0d0d;}
.btn_main:hover {background-color: #0d0d0d;}
.btn_alt {background-color: #999999;border: 1px solid #737373;}
.btn_alt:hover, .item_inner:hover .btn_alt {background-color: #737373;}
.btn_c1 {background-color: #999999;border: 1px solid #737373;}
.btn_c1:hover {background-color: #737373;}
.btn_c2 {background-color: #999999;border: 1px solid #737373;}
.btn_c2:hover {background-color: #737373;}
.btn_c3 {background-color: #999999;border: 1px solid #737373;}
.btn_c3:hover {background-color: #737373;}
.foot {color:#666;}

/* RESPONSIVE */

@media screen and (max-width: 1200px) {
.top_right {width: 45%;}	
}

@media screen and (max-width: 1050px) {
.form-title {font-size: 130%;}	
}

@media screen and (max-width: 900px) {
body {font-size:13px;}
.top_left {width: 60%;}
.top_right {width: 40%;}
.top_img {max-width: 400px;margin-left: auto;margin-right: auto;}
.content_left, .content_right {float:none;padding:0;width:100%;}	
}

@media screen and (max-width: 786px) {
body {font-size:12px;}
.main {max-width:485px;}
.top {margin-bottom: 0px;}
.top_left, .top_right {float:none;width:100%;padding:0 5px 5px 5px;}
.top_right {background:url(img/bg.png);}
.logo {margin: 0px auto 5px auto;}
.item_list ul li {width:50%;}
.choice ul li {float: none;width: 100%;padding: 7px;}
.top_content_txt p, .top_content_txt section, .top_content_txt img {margin-bottom:20px;}
.top_content_txt section strong {margin-bottom:10px;}
.txt_xlg {font-size: 180%;}
.top_img_bg {min-width: 100%;}
.form-signup, .form-group label, .form-title {text-shadow: none !important;color: #222 !important;}
.form-signup a, .form-signup a:hover, .form-signup a:visited {color: #222 !important;}
.top_right, .form-signup, .top_content {padding-left:0;padding-right:0;}
h1 {font-size: 480%;padding: 15px 0 15px 20px;}
.registration-links {margin-top : 6px;}
}

@media screen and (max-width: 500px) {
.main {min-width:320px;}
.item_list ul li {float:none;width:100%;}
.txt_xlg {font-size: 130%;}
h1 {font-size: 420%;}
}