/* --- BASICS ---- */

/* general */

html,body { background: #F3F3F3; color: #515257; font-family: "Arial", "Verdana", sans-serifa; font-size: 93.3%; margin: 0px;
padding: 0; background-image: url(https://s17.postimg.org/ekfnfdk2n/image.jpg); } 
a { color: #cda581; text-decoration:none; } 
a:hover { color: #777; text-decoration: bold;} 
hr { background-color: #cda581; border: 0px; clear: both; color: #515257; height: 5px; } 
#wrap {background: #E3E3E3 url(http://s33.postimg.org/liohlqii7/j2_Pci_Zu.png);border: 20px solid #515257;border-top: 0px;margin: auto;width: 830px;padding: 20px;} 
#headmer { background: none; } 


/* table */

table { border-collapse: separate; border-spacing:8px; clear: both; background: #F3F3F3; empty-cells: show; width: 100%; border: 0px solid #515257; } 
th { color: #999; background: #F3F3F3; font-weight: 400; padding: 3px 5px; text-align: left; } 
td { color: #999; padding: 5px 10px; }
td.header { background: #E6E6E6; color: #515257; font-size: 12px; border: 10px solid #555; text-align: justify; }
td.headerin { background: none; color: #ccc; font-size: 12px; text-align: justify; } 
td.headermenu { background: none; padding-right: 0px; }
th a,th a:hover {color: #cda581;font-weight: 900;font-family: Roboto;text-transform: uppercase;font-size: 11px;letter-spacing: 1px;} 
th,td { border: 0px solid #E8E8E8; color: #515257; font-size: 12px; }
thead th { padding: 10px; text-align: center; }


/* heading */

h1 { font-size: 200%; } 
h2,h3 { color: #F3F3F3; font-size: 100%; } 
h3 { padding: 3px 0; } 
h4 { font-weight: bold; color: #777; letter-spacing: 1px; font-size: 10px; margin: 0px; padding: 1px; } 

.category h2, .topic h2, #portal_foot h2, thead th {font-size: 20px;letter-spacing: 1px;font-weight: 400;font-family: open sans condensed;text-transform: uppercase;color: #E6E6E6;background: #515257;text-align: center;padding: 15px 15px;} 
.category h2,.topic h2, { text-align: left; color: #F3F3F3; letter-spacing: -3px; font-family: Helvetica; text-transform: uppercase; background-color: #777; text-shadow: 2px 1px 1px #515257; font-weight: bold; padding-left: 12px; margin-top: -9px; }
.category h2 a, #portal_foot h2 a,.category h2 a:hover,#portal_foot h2 a:hover {color: #F3F3F3;}
h2 a { text-decoration: none; color: #FFF; } 
h2.special {background: #515257;}



/* --- BOARD --- */

/* forum */

td.c_forum {color: #515257;font-family: Roboto;font-size: 11px;text-align: justify;background: #F3F3F3;padding: 10px 20px;border: 1px solid #DDD;} 
td.c_forum img {margin:auto;display:block;}
.c_forum {color:#666;font-size: 12px;width:60%;} 
.c_forum strong a,.c_last strong a { color: #515257; text-align: center; } 
.c_forum strong a {font-size: 14px;background: #e8dad1;color: #515257;width: auto;display: block;font-family: Calibri, Roboto;padding: 3px 30px;font-weight: 700;text-align: center;text-transform: uppercase;margin-bottom: 8px;}

.c_forum-desc { color: #333; font-size:85%; }
.forum-desc a { color: #cda581; }
.sflinks { text-transform: uppercase; font-weight:700; margin-bottom: 2px; }

td.c_last {background: #F3F3F3;font-size: 9px;text-transform: uppercase;font-family: Roboto;text-align: center;font-weight: 500;} 
.c_last-title {display: block;line-height: 16px;padding-left: 10px;font-family: Calibri, Roboto;font-weight: 700;font-size: 14px;color: #cda581;} 

td.c_mark { background: #F3F3F3; } 
td.c_info-t, td.c_info-r {font-size: 9px;padding: 3px;text-align: center;font-family: Roboto;color: #F3F3F3;background: #515257;height: 10px;border: 10px solid #F3F3F3;letter-spacing: 1px;font-weight: 900;text-transform: uppercase;margin:auto;}
td.c_info-v { display: none; }

td.c_subforum {background: #DDD;color: #515257;font-size: 80%;text-transform: uppercase;padding:3px;letter-spacing: 1px;text-align: center;font-family: Calibri;display: none;} 
td.c_head { background: #F3F3F3; color: #515257; font-size: 80%; border: none; }
td.c_foot,td.c_sort { background: #F3F3F3; color: #515257; font-size: 80%; border: none; }

td.c_view { background: #F3F3F3; } 
div.c_view-list { color: #777; font-size: 92.5%; } 

.cat_head td { border: none; background: none; color: #777; padding: 0; } 
#stats .cat_head td { border: none; background-color: transparent!important; } 
#stats td {font-family: Roboto;font-size: 11px;line-height: 1.5;background:#F3F3F3;}
#stats th {color: #515257;font-family: Roboto;text-transform: uppercase;letter-spacing: 1px;font-weight: 900;font-size: 11px;padding: 10px 30px;}
#stats th a { color: #666; font-family: Roboto; font-weight: 300; }
#stats thead th { background: none; }
#stats .c_mark {display:none;}
#stats_members, #stats_legend {color: #515257;text-transform: uppercase;letter-spacing:1px;padding-left: 50px;border:0px solid #515257;} 

.description { color: #666; font-size: 85%; } 

.row1,.row2 { line-height: 1.4; } 
.row2 td,.row1 td,blockquote div {font-size: 12px;} 


/* misc */

.bday { background: url(http://209.85.117.197/static/1/s_minibday.png) no-repeat; color: #515257; font-size: 90%; font-weight: 700; height: 16px; padding: 2px 2px 2px 18px; width: 20px;} 

#findposts .c_mark {color:#515257;font-size:200%;font-weight:700;vertical-align:top;} 

.cat-pages a,.cat-pagesjump i,.cat-topicpages a {padding:2px 5px;} 
.cat-topicpages a {padding:0 2px;} 
.cat-buttons,.topic-buttons {float:right;margin:15px 0;text-align:right;width:50%;} 

.c_mark img {display:block;margin:auto;} 
.c_last {line-height:1.4;width: 40%;color:#515257;} 

.category td.c_foot { display: block;} 

td.c_cat-mark,td.c_cat-icon {padding:5px 0;text-align:center;width:30px;} 
td.c_cat-starter {width:125px;} 
td.c_cat-lastpost {width:175px;} 
.c_cat-starter,.c_cat-replies,.c_cat-views,.c_cat-title,.c_cat-lastpost,.c_cat-mark,  {text-align:center; text-transform:uppercase; background:#111111;} 

button,a.btn_fake {background:#F3F3F3 ;color:#777;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:90%;overflow:visible;width:auto;} 
button:hover,a.btn_fake:hover {border-color:#777;} 
button.btn_text {background:none;border:0;font-family:Arial, "Bitstream Vera Sans", Verdana, sans-serif;font-size:100%;} 

.notice {color:#777;margin:10px auto 0;width:70%;} 
.notice dt {font-weight: 400;text-transform: lowercase;font-family: oswald; font-size: 20px;text-align: center;} 
.notice dd {font-family: roboto;} 

dl.info {background: #eee; border-color:#515257;font-size: 90%;color:#515257;} 
.info dt {background: #515257;color: #E6E6E6;font-family: open sans condensed;text-transform: uppercase;} 

dl.error {background:#E8E8E8;border-color:#515257;font-family: Roboto;color:#515257;} 
.error dt {background:#515257;text-transform: uppercase;letter-spacing:1px;font-family: Roboto;color:#777;} 



/* --- TOP MENU ---*/

#top {background: #515257;color:#F3F3F3;border: none;height: 35px;padding: 0 27px 4px 28px;width: 815px;margin: auto;border-left: 20px solid #515257;border-right: 20px solid #515257;} 
#top a { color: #fff;} 
#top a:hover { color: #ccc;-webkit-transition: all .2s linear;-moz-transition: all .2s linear;-ms-transition: all .2s linear;-o-transition: all .2s linear;transition: all .2s linear;} 
#top_bar {height:1px;} 
#top_info {color: #F3F3F3;float: left;margin-top: 13px;font-size: 9px;text-transform: uppercase;font-family: Roboto;font-weight: 900;letter-spacing: 1px;} 
#top_menu { border:none;float:right;margin-top: 5px;} 

#top ul,#nav,ul.cat-pages,ul.cat-topicpages,table.calendar ul,div.meta_menu ul,#pm_folderlist,#profile_menuwrap ul {list-style:none;padding:0;} 
#top li,#nav li,ul.cat-pages li,ul.cat-topicpages li,table.calendar li,#pm_folderlist li,#profile_menuwrap li,#ucp_gallery li {display:inline;} 


/* drop menu */

.drop_menu a {background-color: #515257;color:#515257;display:block;padding:4px .25em;position:relative;width:9em;} 
.drop_menu a:hover { color:#515257;-webkit-transition: all .2s linear;-moz-transition: all .2s linear;-ms-transition: all .2s linear;-o-transition: all .2s linear;transition: all .2s linear;} 
.drop_menu a img {vertical-align:bottom;} 
.drop_menu img {display:none;} 
.drop_menu ul {border-top:0px solid #515257;color:#777; left:-999em; margin:0; position:absolute; width:9.4em;} 
.drop_menu ul li { background: #cda581; color: #fff;font-size:85%; margin:0; padding:0; width:100%;} 
.drop_menu ul li a { border:0px solid #777; display:block; padding:4px 5%; width:90%;} 
.drop_menu li {background: #cda581;float:left;text-align:center;font-size: 9px;margin-top: 5px;text-transform: uppercase;letter-spacing: 1px;font-family: Roboto; font-weight: 900;} 
.drop_menu li ul li a:hover { background:#cda581;color:#fff; } 
.drop_menu li:hover ul,.drop_menu li.hover ul {left:auto;} 


/* profile_menu */

#profile_menu ul {-moz-opacity:1;border-top:0;opacity:1;} 
#profile_menu a {background: #515257;width: 180px;color: #FFF;padding: 10px;font-size: 13px;font-family: Open sans condensed;} 
#profile_menu li li a {border-top:0;} 
#profile_menu li ul li a:hover {background:#cda581;color:#F3F3F3;} 
#profile_menuwrap ul,ul.cat-topicpages,blockquote dl,#fast-reply dd {margin:0;} 

#main {height:1%;padding:0 1%;} 

#nav li img {vertical-align:top;display:none;} 

.thead a,.thead a:hover {font-family: Helvetica;text-transform: uppercase;background-color: #777;color: #F3F3F3;font-weight: bold; }

#logo { background:none;border:0;clear:both;margin:0;} 

#submenu {color: #F3F3F3;height:20px;position: relative;z-index: 13;margin-top: 20px;padding: 0px 25px 0px 0px;text-align: center;font-size: 11px;display: none;font-family: 'Calibri', Roboto;font-weight: 700;letter-spacing: 1px;text-transform: uppercase;}
#submenu a { color: #F3F3F3; background: #B99494; padding: 10px 20px;}

#nav {color: #515257;background:none;text-align:left;font-family: 'Oswald', Roboto;text-transform: uppercase;padding: 8px;letter-spacing: 1px;} 
#nav a {color: #515257; font-weight:700;}
#nav a:hover {color: #cda581;}


/* --- POSTS --- */

td.c_poll-choice label {font-weight:700;padding-left:1em;} 
td.c_poll-votes {font-size:120%;text-align:center;width:15%;} 
td.c_poll-bar div {background:url(http://209.85.117.197/static/1/poll_b.png) no-repeat right;float:left;height:12px;padding-right:3px;} 
td.c_poll-bar span {background:url(http://209.85.117.197/static/1/poll_l.png) no-repeat;display:block;float:left;height:12px;width:3px;} 
td.c_poll-choice {line-height:1.5;padding-left:45%;} 
td.c_poll-answer {text-align:right;width:42.5%;} 
td.c_poll-bar {text-align:left;vertical-align:middle;width:42.5%;} * html td.c_poll-bar span {margin-top:3px;} 

td.c_poll-total,td.c_poll-vote,td.c_topicfoot,.warn,.ucp th,#c_notes { text-align: center; }

ul.cat-pages {float:left;font-size:90%;margin:15px 0;padding: 5px 1px;width:49%;} 
.cat-pages a,.cat-pagesjump i,.cat-topicpages a {background: #CCC;border: 1px solid #F3F3F3;color:#515257;} 
.cat-pages a:hover,.cat-topicpages a:hover { background:#cda581;color:#F3F3F3;} 
.cat-pages span {background: #cda581;border: 1px solid #F3F3F3;color:#FFF;cursor:default;font-weight:700;padding:2px 5px;} 
ul.cat-topicpages {float:right;font-size:80%;padding:1px 0;}

tr.generic td,div.generic {font-size:120%;font-weight:700;padding:20px;text-align:center;} 
tr.pm_new td {background: #e6e6e6;font-weight:700;}


/* codes, quotes, spoilers */

blockquote {background: #F3F3F3;padding-bottom: 1px;color: #515257;margin-left: 0px;width: 100%;} 
blockquote dl {color: #515257;padding: 0px;text-align: left;text-transform: uppercase;font-size: 17px;letter-spacing: 2 px;} 
blockquote dl dt {color:#515257; float:left;font-weight:700;letter-spacing:0px;} 
blockquote dl dd,#foot #foot_links {text-align:right;}
blockquote dl dt,blockquote dl dd {padding: 2px 2px 2px 10px;color: #515257;fon;font-weight: 700;font-family: Calibri, Roboto;font-size: 12px;background: #DDD;letter-spacing: 1px;} 
blockquote dl dt:first-letter {color:#cda581;}
blockquote div,blockquote code {background: none;padding: 10px;border: 1px solid #DDD;} 

code {display:block;font-family: Monaco, Consolas, "Courier New", Courier, monospace;white-space: pre;overflow: auto;width: 100%;} 
div.spoiler {background: none;color:#515257;border: 1px solid #DDD;padding: 13px;font-size: 12px;text-align: justify;} 
div.spoiler_toggle {color: #515257;background: #DDD;padding: 2px 2px 2px 10px;font-family: Calibri, Roboto;font-weight: 700;font-size: 12px;text-transform: uppercase;} 
div.spoiler_toggle:first-letter {color:#cda581;}

td.c_sig {font-size:80%;border-top: 1px solid #DDD;padding: 10px;margin-bottom: 5px;height:1px!important;}
td.c_sig blockquote {background:#E8E8E8;border:0px;border-left:3px solid #cda581;padding-left:5px;}
td.c_sig blockquote dl {background:#E8E8E8;border:0px;color:#666;}
td.c_sig blockquote dl dt,td.c_sig blockquote dl dd {color:#666;padding:0; border:0px;} 
td.c_sig blockquote div {background:#DDD;margin-left:5px;padding:0; border:0px;} 
.c_sig,.c_nosig {width:100%;} 

.avatar {display:block;margin:auto;text-align:center;} 
.av_wrap {overflow:hidden;text-align:center;margin:auto;} 
.pip {margin:3px 0;white-space:nowrap;} 

td.c_postinfo {font-size:80%;font-family:helvetica;text-transform: uppercase;vertical-align:middle;}
td.c_postinfo a {font-size:80%;font-family:helvetica;text-transform: uppercase;vertical-align:middle;}

td.c_post {line-height: 2;vertical-align: top;font-family: Arial;background: #F3F3F3; padding: 45px;padding-top: 10px;text-align: justify; } 
td.c_post thead th {background: #515257;border: 1px solid #515257;padding: 5px;text-align: center;color: #F3F3F3;font-weight: 400;font-family: open sans condensed;letter-spacing: 1px;border-collapse: collapse;}
td.c_post td {font-size:11px!important;border: 1px solid #DDD;} 
td.c_post th {background: #DDD;border: 1px solid #DDD;color: #515257;font-weight: 700;padding: 3px 5px;text-align: left;} 
td.c_post table {border-collapse:collapse;border-spacing:0;}
td.c_post table img {border:none;} 

td.c_user {font-size:80%;margin: 0 5px 0 5px;}
.c_user {vertical-align:top;width:1%;margin: 0px auto;} 

.c_post {width:100%;color:#3F3F3F;font-size: 12px!important;} 
#c_post-text {height:223px;} 

.editby,.queued {color: #777;font-size: 65%;margin-top:1em;padding:3px 5px;} 
.queued {background-color:#ccc;border-color:#aaa;} 

td.c_user dl {background: #E6E6E6;border: none;width: 170px;margin: 0 0 10px 0;padding: 5px 7px;} 

td.c_post ul {list-style-type: square;margin-left:10px;} dl.user_info dt,dl.user_info dd {padding:.1em;} 

dl.user_info dd.spacer,dl.user_profile dd.spacer {clear:both;float:none;height:0px;padding:0;} 
dl.user_info dd {text-align: center;display: inline-block;background-color: #333;color: #e6e6e6;width: 75px;font-family: Calibri, Roboto;font-size: 9px;letter-spacing: 1px;margin: 2px 0 0 2px;padding: 3px;text-transform: uppercase;overflow: hidden;}
dl.user_info dt {display: none;}
dl.user_profile dd {padding: 0 15px 7px 15px;font-size: 10px;color: #515257;margin-left: 0px;background-color: #e6e6e6;}
dl.user_profile dt {font-weight: 900;text-transform: uppercase;font-family: Roboto;font-size: 11px;letter-spacing: 1px;background: #e6e6e6;padding: 5px 7px;text-align: left;color: #515257; float:none;margin:2;min-width:3em;}
dl.user_profile dt,dl.user_profile dd {padding:.1em;} 

#profile_menu {letter-spacing: 0px;}

td#stats_events a,td#stats_events span {padding: 4px 0 4px 20px;border:none;}

td.c_username {padding:0;text-align:center;line-height: 0.9;font-weight:100;}
td.c_username a {display:block;color: #515257;padding: 10px 0 0 0;font-size: 18px;text-transform: Uppercase;font-family: open sans condensed;letter-spacing:0px;}
td.c_username a:hover {color:#cda581;}

td.c_user .usertitle {margin: 0px auto;overflow-x: hidden;background: #515257;text-align: center;font-family: Open sans condensed;color: #F3F3F3;letter-spacing: 2px;text-transform: Uppercase;font-size: 13px;padding: 5px;margin-top: 10px;}
.c_post img,#topic_review img { max-width:100%; } 

.c_post-attachment {font-size:83.3%;margin-top:1em;padding:1em;} 
.c_post-attachment dd {margin-left:1em;} 

.post_sep {font-size:1px;height: 10px;} 
td.c_sig,td.c_nosig {height:1%;vertical-align:top;} 
td.c_nosig {border-top-style:hidden!important;} 

#btn_preview {float:left;margin:10px 0 0 1px;} 

tr.c_postfoot {background: none;clear:both;}
td.c_postfoot {background:#E8E8E8;clear:both;}
td.c_footicons,td.c_postinfo {width:100%;} 

.c_next a {display:block;font-size:125%;font-weight:700;text-align:center;} 

dl#fast-reply {clear:both;margin:auto;width:80%;} 
dl#fast-reply dt {color: #F3F3F3;background: #515257;text-align: center;font-size: 16px;font-weight: 400;margin: 0;padding: 15px;letter-spacing: 2px;font-family: Open sans condensed;border-bottom: 5px solid #cda581;text-transform: uppercase;} 
dl#fast-reply dd {background: #F3F3F3;border: 1px solid #DDD;padding:15px 0;text-align:center;} 
dl#fast-reply dd p {margin:-3px;padding:0 5% 10px;text-align:left;}
dl#fast-reply dd textarea {display:block;height:100px;margin-bottom:10px;padding:2px;width:90%;} 

td.c_desc {background: #F3F3F3;font-weight:700;text-align:right;vertical-align:middle;width:200px;} 
td.c_desc small {display:block;font-weight:400;}

td#c_bbcode {background:#F3F3F3;}

#c_post-preview {background:#F3F3F3; margin-left: -10px;margin-top: -5px;padding: 16px;padding-top: 10px;text-align: justify;width:98%;line-height: 2;font-size: 12px;} 
#c_post-resize {float:right;margin-top:-1px;padding:4px 0 0;text-align:right;} 
#c_post-resize span {color:#999;cursor:pointer;font-size:225%;padding:20px 5px 0;} 

#emot_wrap {background:#E8E8E8;border: 1px solid #DDD;} 
td#c_emot {border:none;}
#c_emot {height:225px;vertical-align:top;width:210px;} 
#c_emot h3 {background: #515257;border:none;color:#F3F3F3;font-size:120%;padding: 5px;text-align:center;font-family: open sans condensed;font-weight: 400;text-transform: uppercase;border: 1px solid #515257;} 
#emot_end {border:none;display:block;font-weight:700;padding:4px 0;text-align:center;} 
#emot_list {height:275px;margin:0 auto;overflow:auto;padding:5px 0;text-align:center;} 
div#emot_list {padding:0;} #emot_list li {display:inline;padding:4px 10px;} 
#emot_list img {cursor:pointer;vertical-align:baseline;}

form {display:inline;margin:0;padding:0;} 
input[type=checkbox] {background:transparent;border:0;padding:0;vertical-align:bottom;} 
input[type=radio] {border:0;} select {margin:0 7px;padding:0;vertical-align:bottom;} 
option {margin:2px 0;} input,select,td,th {/* font-size:90%; */}
input,select,textarea {background: #A9A9A9;border: 0px solid #A9A9A9;color: #fff;letter-spacing: 1px;padding:3px 5px;margin: 1px;font-size: 9px;vertical-align:middle;}
button,a.btn_fake {background: #AAA;border: 0px solid #B99494;color: #fff;font-family: Roboto;text-transform: uppercase;font-size: 9px;font-weight: 900;letter-spacing: 1px;padding:3px 5px;margin: 1px;vertical-align:middle;}
textarea {font-family: Tahoma, Arial, sans-serif;margin:auto;font-size: 12px;width: 98%;background: #D0D0D0;border: none;color: #594D55;}
input:focus,input.focus,textarea:focus,textarea.focus { border-color:#fff;} 
.submit_error {background:#E8E8E8;border:1px solid #946871;} 
.cat-pages input {background:#e8e8e8;color:#515257;padding:3px 5px;vertical-align:baseline;} 
td.c_desc img,td.c_desc input {float:left;vertical-align:middle;} 
td.c_head input,td.c_head button,td.c_foot input,td.c_foot button,td.c_sort input,td.c_sort button {/* padding:1px; */} 
input.row1  { background: #bbb; color: #000;} 


/* pm */

.pm {margin-bottom:1em;} 
#pm th {background:#f3f3f3;}

#pmtoast {background:#e6e6e6;border:2px solid #777;bottom:10px;color:#515257;display:none;font-size:90%;position:fixed;right:10px; text-align:right;text-decoration:none;width:200px;z-index:1;} 
#pmtoast:hover {border-color:#777;} 

#pmlink {background:url(http://209.85.117.197/static/1/toast.png) no-repeat 5px;color:#515257;display:block;padding:10px 10px 10px 55px;text-decoration:none;} 
#pmlink big {color:#515257;display:block;font-weight:700;padding-bottom:5px;} 
#pmlink strong {color:#B99494;} 

#pmclose {border-top:1px solid #B99494;color:#515257;display:block;font-size:80%;padding:1px 10px;} 
#pmclose:hover {color:#111;} 

#pm_folders {padding-top:30px;vertical-align:top;width:150px;background: #f3f3f3;} 
#pm_folderlist {position: relative;margin-left:0;margin-top:0;} 
#pm_folderlist li {background:url(http://209.85.117.197/static/1/pmfolder.png) no-repeat 5px;display:list-item;margin-bottom:4px;padding-left:28px;} 

#pm_forwarded {border:1px solid #946871;color:#999;font-size:90%;font-style:italic;margin-top:1em;padding:3px 5px;} 
#pm_datesent {width:200px;} 
#pm_select {text-align:center;width:1px;} 



/* --- PORTAL ---*/

div.portal_content {background: #F3F3F3;color: #515257;font-size:88.3%;margin:0;padding: 5px 7px;} 
#portal h2 {font-family: open sans condensed;text-transform: uppercase;text-align: center;background-color: #515257;font-weight: 400;font-size: 13px;letter-spacing:1px;} 

#portal h2 a, #portal h2 a:hover{font-family: Calibri, Roboto;text-transform: uppercase;background-color: #777;text-shadow: 2px 1px 1px #515257;font-weight: bolder;font-size: 13px;} 
#portal h4 {background: #DDD;color: #515257;font-size:88.3%;font-weight:400;text-align: center;margin:0;padding:5px 7px;} 
#portal h4 a {color: #555;font-size:88.3%;font-weight: 400;text-transform: uppercase;font-family: Calibri, Roboto;margin:0;padding:5px 7px;} 
#portal h4 a:hover {color:#777;font-size:88.3%;font-weight:400;margin:0;padding:5px 7px;-webkit-transition: all .2s linear;-moz-transition: all .2s linear;-ms-transition: all .2s linear;-o-transition: all .2s linear;transition: all .2s linear;} 

#portal_head {margin-bottom:10px;} 
#portal_foot {margin-top:10px;} 
#portal_l,#portal_r {font-size:88.3%;margin:0;padding:0;} 
#portal_l {float:left;width:200px;} 
#portal_r {float:right;width:150px;} 
#portal_news {margin:0 151px 0px 201px;;} 
#portal_clear {background:transparent;border:none;clear:both;font-size:1px;height:1px;margin:0;padding:0;} 

.portal_box {margin-bottom:5px;padding:1px;} 
.portal_box table {clear:none;} #portal h2,#portal_foot h2 {clear:none;margin:0;padding: 15px 5px;} 



/* --- FAQ, SEARCH & CALENDAR --- */

#faq {background:#DDD;} #faq dt a {color:#4a4a4a;font-size:120%;font-weight:700; } 
#faq dd.faq_more a,#faq dl.faq_more a:hover {color:#43686f;font-style:italic;} 
#faq {margin:20px 0;} #faq dl {padding:1em;} 
#faq dt {margin-bottom:5px;} 
#faq dd {display:list-item;margin:0 0 3px 15px;padding-left:3px; } 

a.member,.calendar td a,.calendar a:hover,#faq dd a,#faq dd a:hover {color:#999;}
a.member:hover {color:#666;} 

.search_results {background:#000;border:1px solid #B99494;margin-bottom:1em;padding:5px 7px;} 
.search_results h3 {display:inline;font-size:125%;} 
.search_results cite,.search_results p {color:#777;font-size:85%;margin:0;} 
.search_results div {display:block;margin:5px 0;} 


/* calendar */

.calendar td.cal_inactive {background: #EEE;color: #515257;} 
.calendar td div {background: #AAA;color: #f3f3f3;font-weight: 400;padding:5px 7px;font-family: oswald;text-transform: lowercase;} 
.calendar th {text-align: center;background: #515257;color: #F3F3F3;font-family: Calibri, Roboto;letter-spacing: 1px;text-transform: uppercase;}

.calendar div a {background:url(http://209.85.117.197/static/1/s_minibday.png) no-repeat 5px;float:right;font-size:80%;font-weight:400;padding:0 0 6px 24px;} 
.calendar li a,.calendar li span {border-color:transparent;border-style:solid;border-width:1px;display:block;padding:3px;} 
.calendar li {display:list-item;font-size:80%;margin:0;} .calendar li.placeholder {padding:4px;} 
.calendar li span {cursor:default;} .calendar td#cal_current div {} 

.calendar td#cal_current {background: #DDD;} 
.calendar td {height:125px;padding:0;}



/* --- FOOTER --- */

#foot_wrap {margin: auto;/* margin-top: -20px; */margin-bottom: 20px;/* width: 870px; *//* border: 20px solid #515257; */border-top: 0px;}  
#foot {margin-top:0px; margin-bottom:0px;} 
#foot td {background: url(http://s33.postimg.org/liohlqii7/j2_Pci_Zu.png); border:none;font-size: 9px; color: #515257; text-transform: uppercase;font-family: Roboto; letter-spacing:1px;font-weight: bold;} 
#foot a,#foot a:hover { color: #515257; text-transform: uppercase; font-family: titillium web; letter-spacing:1px; } 
#foot #foot_datetime {border-left:none;width:1%;white-space:nowrap;} 

#copyright {display:none;} 
#copyright a {color:#3F3F3F;font-weight:700;}



/* --- CONTROL PANEL --- */

/* user cp */

.ucp th {background: #DDD;color: #515257;font-family: Calibri, Oswald;text-transform: Uppercase;letter-spacing: 1px;} 
.ucp thead th {background: #515257; color: #F3F3F3; text-transform: uppercase;font-family: open sans condensed;} 
.frank th,td { color: #594D55; } 

.ucp td {background:#E8E8E8; } #ucp_gallery a {color:#4a4a4a;font-weight:700;} 
#ucp_profile,#pm_messages {float:right;background: #f3f3f3;} 
#ucp_profile a {color:#515257;}

#ucp_gallery a:hover {color:#777;} 
#ucp_gallery li {float:left;margin:15px 5px;} 
#ucp_gallery button {cursor:pointer;text-align:center;} 
.ucp button.btn_text {padding:5px 0;text-align:center;width:100%;} 
#c_post,#ucp_gallery {text-align:center;vertical-align:top;background:#E8E8E8;} 

#ucp_settings,#pm_settings {float:left;} 
#ucp_settings a {color:#515257;}
#ucp_settings img,#ucp_profile img {background: none;margin:18px 20px;border: none;} 

.meta_box,.meta_menu {margin:10px 0;} 
.meta_box li {display:list-item;list-style-position:inside;list-style-type:square;margin-left:10px;} 
.meta_box {background:#212121; border:1px solid #946871;font-size:85%;line-height:150%;padding:10px 25px;} 
.meta_box h3,td.c_topicfoot strong,#meta_welcome strong {font-size:120%;} 
.meta_box h3,.meta_box a,.meta_box a:hover,tr.pm_new td a,tr.pm_new td a:hover,tr.hidden td a,tr.hidden td a:hover,.c_last strong a:hover,#faq dt a:hover,.search_results h3 a,.search_results h3 a:hover {color:#777;} 

.meta_menu ul {font-size:90%;margin:5px 5%;} 
.meta_menu img,.meta_menu span {float:right;margin:10px 20px;} 
.meta_menu {background: #f3f3f3;border: 1px solid #f3f3f3;padding:0;width:49%;} 
.meta_menu h3 {background: #515257;clear: both;color: #F3F3F3;text-transform: uppercase;font-size: 16px;font-weight: 400;letter-spacing: 1px;padding: 15px;margin: -1px;text-align: center;font-family: open sans condensed;} 
.meta_menu a,.meta_menu a:hover {color:#515257} 

cal-align:top;width:14.3%;} 


/* admin cp */

#acplogin {background: #ccc;left:50%; margin:-137.5px 0 0 -250px;padding:0;position:absolute;top:50%;width:500px;} 
#acplogin h1 {color:#F3F3F3;letter-spacing: -1px;background: #515257;font-weight:400;height:50px;padding:50px 20px 0 0;text-align:right;} 
#acplogin h1 img {position:absolute;left:0;top:0;} 
#acplogin #loginform {display:block;padding:0 50px;padding-bottom: 20px;} 

#vlx {z-index:1;} #c_tos h3 {color:#3F3F3F;font-size:120%;} 

td.username_ok {background:#ccc} 
input.username_ok {outline:2px solid #0c0;} 
td.username_no {background:#ccc} 
input.username_no {outline:2px solid #ccc} 

a img {border:0;} button.btn_img {border:0;cursor:pointer;padding:0;} 

.notice dt,.notice dd {padding:5px 7px;} tr.postbtn td {padding:5px;text-align:center;} 
.category {margin:10px 0 0;} span.collapse,span.uncollapse {cursor:pointer;float:right;position:relative;font-size: 20px;} 

#conversation .c_post {padding:2em;} button.btn_default,#nav li span,.c_post-attachment dt,#c_tos dt {font-weight:700;}
img,.meta_box button img,td.c_cat-mark input,.c_post-attachment img,.warn img,#ucp_gallery a img {vertical-align:middle;} 
h1,h2,h3,#nav,#boardmeta,#main {clear:both;margin:0;} 
#meta_welcome,.search_results {clear:both;} 
#stats_events {line-height:2;} 
#files_upload input,.pm .row1 a,.pm .row2 a,#ucp_gallery button img,#findposts td a {display:block;} 
#c_tos dd,#username_response {margin-left:10px;}


/* --- BLOG ---- */

#blog {background: #F3F3F3;color: #515257;margin: 10px 0;} 
#blog blockquote { background: none; border: none; font-size: 85%; padding: 10px; } 

#blog h1 { float: right; margin-top: 120px; font-family: Titillium Web; text-transform: uppercase; }
#blog h1 a { color: #CCC; font-family: Oswald; } 
#blog h2 { background: none; clear: none; font-size: 130%; padding: 0; } 
#blog h2,#blog h2 a,#blog h2 a:hover { color: #3F3F3F; } #blog_foot { clear: both; margin-bottom: 20px; } 

#blog_head {background: #515257;border: 8px solid #515257;padding: 10px 14px;}
#blog_head img.avatar { display: inline; } #blog_main { margin: 20px 200px 10px 10px; } 

#blog_categories,#blog_readers,#blog_about,div.blog_options {background: #DDD;margin:15px 0;padding:5px 7px;} 
#blog_sidebar h3,#blog_sidebar dt {color:#515257;font-weight:700;} 

#blog_sub {background: #DDD;clear:both;position:relative;padding:5px 7px;text-align:right;} 
#blog_sub span {padding-top:4px;} #blog_sidebar {background: #A9A9A9;float:right;font-size:93.3%;margin:20px 10px 0 0;padding:0 10px;width:160px;} 

#blog_sidebar dd {margin-left:10px;} #blog_user {font-size:175%;background: #515257;} 

div.blog_options {font-size:90%;text-align:right;} 
div.blog_date {background:#E8E8E8;border: 1px solid #777;color:#515257;float:right;font-weight:700;margin:0 15px;text-align:center;text-transform:uppercase;width:40px;} 
div.blog_date span {background:#E8E8E8;border-top: 1px solid #777;color: #777;display:block;font-size:130%;font-weight:700;padding:2px 4px;} 
div.blog_entry {background: #EEE;margin:10px 0;padding:5px 7px;} 

#blog_comments li {padding:5px 7px;} 
#blog_comments li.odd {background:#E8E8E8;} 


/* --- SHOUTBOX --- */

#shoutwrap {background: #E9E9E9;font-size:88.3%;width: 98%;margin: auto;} 
#shoutwrap td {padding:0;} #shoutbox {list-style-type:none;margin:0;padding:0;} 

#shoutbox li {padding: 5px 15px;} #shoutbox li.odd {background: #CCC;} 
#shoutbox dl,#shoutbox dt,#shoutbox dd {margin:0;padding:0;} 
#shoutbox dt {color:#3F3F3F;font-size:80%;} #shoutopts,#shoutpost {clear:both;text-align:center;font-size: 9px;font-family: Roboto;text-transform: uppercase;letter-spacing: 1px;} 



/* --- OTHERS --- */

.t_icon {text-transform: uppercase;font-weight: 300;font-family: open sans condensed;font-size: 15px;color: #F3F3F3;display: inline-block;padding: 5px 20px 5px 20px;background: #515257;}

.linkmenu {background-color: #515257;margin-bottom: 1px;width:150px;padding: 2px 0px 2px 0px;color: #F3F3F3 !important;font-weight: 400;font-size: 14px;letter-spacing: 2px;text-align: center;font-family: open sans condensed;text-transform: uppercase;-webkit-transition: all .4s linear;-moz-transition: all .4s linear;-ms-transition: all .4s linear;-o-transition: all .4s linear;transition: all .4s linear;}
.linkmenu:hover {background-color: #cda581;color: #F3F3F3 !important;-webkit-transition: all .4s linear;-moz-transition: all .4s linear;-ms-transition: all .4s linear;-o-transition: all .4s linear;transition: all .4s linear;}

.hope {color: #F3F3F3;background: #515257;padding: 2px 9px;text-transform: uppercase;font-weight: 300;font-size: 13px;letter-spacing: 1px;font-family: Oswald;}
.headermain {display:block;width: auto; background: #594D55;padding:5px;}




/* ===== THE FUN BEGINS ====== */

/* HEADER */

.bladeheader {background:url(https://s12.postimg.org/7rf5kd1zh/Banner3.png) no-repeat;height:450px; width:910px; display:block;z-index:0; margin:auto; float:center; margin-bottom:-1px;}
.tbtitlebig {font-family: Lobster;font-size: 70px;text-transform:lowercase;letter-spacing:-1px;text-align:center;z-index:69;position:relative;font-weight:700;padding-top: 100px;color: #515257;text-shadow: 4px 4px #f3f3f3;line-height:72px;}
.tbsubtitle {background:#cda581;text-align:center;margin:auto;float:center;display:block;padding:10px;font-size:11px;font-family:'calibri',roboto;text-transform:uppercase;letter-spacing:1px;font-weight:900;width:450px;color:#F3F3F3;}
.menulinks {display:inline-block;background: #515257;padding: 3px;color: #fff;font-family: oswald;font-size: 12px;letter-spacing: 1px;-webkit-transition: all .4s linear;-moz-transition: all .4s linear;-ms-transition: all .4s linear;-o-transition: all .4s linear;transition: all .4s linear;margin-bottom:5px;}
.menulinks:hover {display:inline-block;background: #cda581;padding: 3px;color: #fff;font-family: oswald;font-size: 12px;letter-spacing: 1px;-webkit-transition: all .4s linear;-moz-transition: all .4s linear;-ms-transition: all .4s linear;-o-transition: all .4s linear;transition: all .4s linear;margin-bottom:5px;}


/* BASIC STYLING */

.bbcode-color {color:#cda581;}
.bbcode-color2 {color:#BBB;}


/* SCROLLBAR */

::-webkit-scrollbar {width: 12px;}
::-webkit-scrollbar-track {background-color: #CCC; }
::-webkit-scrollbar-thumb {background-color: #cda581;}


/* AB Style */

.aboard {width:auto;background-color:#EEE;padding:10px;border:1px solid #DDD;}
.aboard table {border-spacing:0;border-collapse:collapse;background:none;vertical-align:top;}
.links {display:inline-block;width:45.8%;background: #515257;padding:3px;text-align:center;color:#EEE;margin-bottom:3px;font-family: Calibri, Roboto;text-transform:uppercase;font-size:10px;font-weight:bold;letter-spacing:1px;}
.links:hover {background:#515257;}
.census {display:block;height: 230px;font-size: 11px;text-align: justify;}
.census img {display:block;margin:auto;}
.censushead {display:block;background: #515257;color:#EEE;text-align:center;padding: 5px 0px;font-family:Calibri, Roboto;font-size:11px;letter-spacing:1px;font-weight:bold;text-transform:uppercase;}
.censusbody {display:block;height: 110px;overflow:hidden;font-size:11px;}
.censusbody td {border-spacing:0;border-collapse:collapse;font-size:11px;padding:0px 7px;}
.quotabody {display:block;height: 50px;overflow:auto;padding: 3px 5px;margin-bottom:10px;text-align: justify;font-size: 11px;}
.bluem {color:#62a3e0;}
.redf {color:#e06283;}
.infobody {display:block;height: 190px;overflow:auto;padding: 3px 5px;margin-bottom:10px;text-align: justify;font-size: 11px;}



.staffbox {display:inline-block;margin-top: 3px;-webkit-transition: all .2s linear;-moz-transition: all .2s linear;-ms-transition: all .2s linear;-o-transition: all .2s linear;transition: all .2s linear;}
.staff {display:block;font-family:oswald!important;text-transform:uppercase;position:absolute;z-index:1;height: 41px;width:53px;text-align:center;background:#29292a;padding-top: 12px;color:#EEE;opacity:0;-webkit-transition: all .2s linear;-moz-transition: all .2s linear;-ms-transition: all .2s linear;-o-transition: all .2s linear;transition: all .2s linear;}
.staffbox:hover .img {opacity:0;-webkit-transition: all .2s linear;-moz-transition: all .2s linear;-ms-transition: all .2s linear;-o-transition: all .2s linear;transition: all .2s linear;}
.staff:hover {opacity:1;-webkit-transition: all .2s linear;-moz-transition: all .2s linear;-ms-transition: all .2s linear;-o-transition: all .2s linear;transition: all .2s linear;}

.otherboard {display: block;height: 310px;}
.othertitle {display:block;text-align:center;text-transform:uppercase;font-family:oswald;font-size:20px;font-weight:bold;color:#515257;}
.subtitle3 {display:block;border-bottom: 1px dashed #AAA;text-align:center;font-family: Oswald;text-transform: uppercase;color: #515257;font-size: 17px;margin-top: 15px;margin-bottom: 3px;}

.plotbox {display:inline-block;width:300px;height:151px;padding:10px;text-align:justify; background:#EEE;font-size:11px;overflow:hidden;margin-left:310px; margin-top:-176px;opacity:1; }

/* CELLPHONE */

/*.bbcode-mainphone {display:inline-block;width: 205px; height: 370px; position: relative; top: 76.5px; overflow: hidden; }
.bbcode-phone {display:block;width: 205px; height: 370px; overflow: hidden; background: url(http://i61.tinypic.com/2vdo3td.png); position: relative; padding:0px; left: 1px; z-index: 6; transition-duration: 2s; }
.bbcode-phone img {display:inline-block;width: 205px; height: 370px; margin-top: -65px; overflow: hidden; position: relative; z-index: 6; transition-duration: 2s; }
.bbcode-mainphone:hover .bbcode-phone {display:block;left: 300px; transition-duration: 2s; }
.bbcode-phonestart {display:block;width: 250px; height: 523px; background: url(http://i59.tinypic.com/3166ate.png); overflow: hidden; margin:0px auto; z-index:0;}
.bbcode-phonedate {width: 186px; text-align: center; font: 100 50px raleway; line-height: 100%; position: relative; top: 25px; text-transform: uppercase; color: #fff; z-index:7;}
.bbcode-phoneslide {display:inline-block; width: 186px; text-align: center; font: 100 15px raleway; line-height: 100%; position: relative; top: 240px; text-transform: lowercase; color: #fff; z-index:7;}
.bbcode-phonea {display:block;width: 205px; height: 369px; background: #fff; position: relative; z-index: 5; top: -369.5px; left: 1px; overflow: hidden;}
.bbcode-phoneb {display:block;width: 185px; padding: 10px;  background: #5b9dff;}
.bbcode-phonec {display:block;color: #fff; font: 18px raleway; font-weight: 100; text-align: center; text-transform: uppercase; letter-spacing: 3px; line-height: 110%;}
.bbcode-phoned {display:block;font: 7px raleway; text-align: center; text-transform: uppercase; color: #fff; letter-spacing: 3px; word-spacing: -2px; line-height: 110%;}
.bbcode-phonee {display:block;width: 185px; padding: 10px; background: #fff; opacity: .8; position: relative; top: 10px; left: 0px; overflow: hidden;}
.bbcode-phonetext {display:inline-block;margin: 0px 0px 10px 0px; width: 100px; color: #fff; font: 10px arial; text-align: justify; line-height: 90%; background: #5b9dff; padding: 10px; border-radius: 7px}
.bbcode-phoneava {display: inline-block;width: 50px;height: 50px;margin-right: 10px;overflow: hidden;background: url(http://placehold.it/50);position: relative;}
.bbcode-phonef {display:inline-block;margin: 0px 0px 10px 0px; font: 13px arial; color: #5b9dff; position: relative; left: -4px; top: 1px;}
.bbcode-phoneg {display:inline-block;font: 13px arial; color: #eee; position: relative; right: -4px; top: 1px;}
.bbcode-phoneload {display:inline-block;width: 30px; padding: 5px; background: #eee; border-radius: 7px;}
.bbcode-phonecopyright {display:block;font: 6px arial; text-align: center; text-transform: uppercase; color: #aaa; letter-spacing: 2px; margin-top: 10px;}
*/

/* TIMELINE */

#uva {width: 200px; height: 250px; overflow: hidden; position: relative; }
#uva .uva1 { -WEBKIT-TRANSITION: 2S ALL EASE-IN-OUT; -MOZ-TRANSITION: 0.8S ALL EASE-IN-OUT; O-TRANSITION: 0.8S ALL EASE-IN-OUT; position: absolute; left: 0px; bottom: 0px; width: 200px; height: 250px; }
#uva:hover .uva1 {-WEBKIT-TRANSITION: 0.8S ALL EASE-IN-OUT; -MOZ-TRANSITION: 0.8S ALL EASE-IN-OUT; O-TRANSITION: 0.8S ALL EASE-IN-OUT; left: -200px;}


/* REGIS SHEET */

.bbcode-cscont {display:block;margin:auto;}
.bbcode-cshead {display:block;font-family:oswald!important;text-transform:uppercase;font-size:26px;text-align:center;background:#515257;color:#D7D1C3;padding:7px 0;width: 450px;font-weight:300;margin:auto;}
.bbcode-csjob {display:block;font-family:oswald!important;text-transform:uppercase;text-align:center;background:#b1a29d;color:#484035;padding:1px 10px;width:430px;font-weight:400;margin:auto;}
.bbcode-csbody {display:block;background:#ddd;width:410px; padding:10px 20px;margin:auto;}
.bbcode-csimg  {display:block;width:150px;height:180px;float:left;}
.bbcode-csbio {display:inline-block;width: 230px;height:180px;overflow-x:auto; background:#ccc;margin-left: 10px;padding:10px;font-size:12px;}
.bbcode-csbios {display:inline-block;font-family:oswald!important;text-transform:uppercase;padding:5px 10px;background:#555;color:#D7D1C3;font-weight:300;letter-spacing:1px;margin:0 0 3px 0;}
.bbcode-csinfo {display:inline-block;font-family:oswald!important;text-transform:uppercase;padding:5px 10px;margin-top:10px;background:#b1a29d;color:#484035;width: 113px;text-align:center;}
.bbcode-csvisu {display:block;font-family:oswald!important;text-transform:uppercase;text-align:center;background:#515257;color:#D7D1C3;padding:5px 10px;width:430px;font-weight:300;margin:auto;}

.bbcode-cstitle {display:block;font-family:oswald!important;font-weight:300;font-size:14px;text-align:center;background:#484035; color:#D7D1C3;padding:3px 0;letter-spacing:1px;margin:auto;width:400px;}
.bbcode-csred {display:block;font-family:oswald!important;text-transform:uppercase;font-weight:300;font-size:18px;text-align:center;background:#9C3F4A; color:#D7D1C3;padding:5px 0;margin:auto;width:400px;}
.bbcode-csbeige {display:block;padding:2px 10px 10px 10px;width:380px;margin:auto;background:#D7D1C3;font-size:12px;}
.bbcode-csdata {display:inline-block;font-family:oswald!important;text-transform:uppercase;padding:5px 10px;background:#B1BB92;color:#484035;width:111px;text-align:center;margin-top:3px;}
.bbcode-csquote {display:block;font-family:oswald!important;text-transform:uppercase;text-align:center;background:#484035;color:#D7D1C3;padding:5px 10px;width:430px;font-weight:300;margin:auto;}



/* ANIMATION */

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}


/* ANNOUNCE BOARD */

.mainheader {
display: block;
width: auto;
height:210px;
background: #eee;
padding: 5px;
border:1px solid #ddd;
}

.mainheader table {
border-spacing:0;
border-collapse:collapse;
background:none;
vertical-align:top;
}

.links {
display:inline-block;
width:46.5%;
background: #515257;
padding:auto;
height:15px;
text-align:center;
color:#eee;
margin-bottom:2px;
font-family: Calibri, Roboto;
text-transform:uppercase;
font-size:10px;
font-weight:bold;
letter-spacing:1px;
}

.links:hover {
background:#cda581;
letter-spacing:2px;
-webkit-transition: all .3s linear;
-moz-transition: all .3s linear;
-ms-transition: all .3s linear;
-o-transition: all .3s linear;
transition: all .3s linear;
}

.news {
display: block;
height: 190px;
overflow: auto;
margin-bottom: 10px;
text-align: justify;
background-color: #e3e3e3;
font-size: 12px;
}

.sensus {
display:block;
height: 100px;
overflow:auto;
padding: 3px 5px;
margin-bottom:10px;
text-align: justify;
font-size: 11px;
}

.newsboard {display: block;padding:0px;}

.headline {display:block;text-align:center;text-transform:uppercase;font-family:oswald;font-size:36px;letter-spacing:-1px;font-weight:bold;color:#515257; margin-top:0px;}

.subtitle {display:block;text-align:center;background: #515257;color: #EEE;padding: 3px 0px;font-family: Calibri, Roboto;font-size: 11px;letter-spacing: 1px;text-transform: uppercase;}

.newsbody {display:block;background:#e3e3e3;padding: 3px 10px;text-align:justify;height: 115px;overflow:auto;margin-bottom:10px;}

/* LINE */
.bbcode-container{
  width: 600px;
  margin: 50px auto;
  font-family: 'Open Sans', sans-serif;
}


.bbcode-phone{
  position: relative;
  background: #1e1e1e;
  height: 500px;
  width: 250px;
  display:block;
  border-radius: 25px;
  margin: 0 auto;
}


.bbcode-camera{
  position: absolute;
  background: #7A7A7A;
  height: 8px;
  width: 8px;
  border-radius: 15px;
  top: 22px;
  display:block;
  left: 85px;
}

.bbcode-speaker{
  position: absolute;
  display:block;
  background: #7A7A7A;
  height: 6px;
  width: 50px;
  border-radius: 15px;
  top: 22px;
  left: 105px;
}

.bbcode-sleep-button{
  position: absolute;
  background: #1e1e1e;
  height: 35px; 
  width: 3px;
  border-top-right-radius: 3px 3px;
  border-bottom-right-radius: 3px 3px;
  top: 105px;
  left: 250px;
}

.bbcode-silent-switch{
  position: absolute;
  background: #1e1e1e;
  height: 25px;
  width: 3px;
  border-top-left-radius: 3px 3px;
  border-bottom-left-radius: 3px 3px;
  top: 60px;
  left: -3px;
}

.bbcode-volume-up{
  position: absolute;
  background: #1e1e1e;
  width: 3px;
  height: 35px;
  border-top-left-radius: 3px 3px;
  border-bottom-left-radius: 3px 3px;
  left: -3px;
  top:105px;
}

.bbcode-volume-down{
  position: absolute;
  background: #1e1e1e;
  width: 3px;
  height: 35px;
  border-top-left-radius: 3px 3px;
  border-bottom-left-radius: 3px 3px;
  left: -3px;
  top:145px;
}

.bbcode-screen{
  position: absolute;
  overflow: hidden;
  display:block;
  background: #fff;
  height: 390px;
  width: 230px;
  top: 50px;
  left: 10px; 
}

.bbcode-homebutton{
  position: absolute;
  border: 1px solid #7A7A7A;
  height: 35px;
  width: 35px;
  display:block;
  border-radius: 25px;
  bottom: 12px;
  left: 50%;
  margin-left: -18px;
}

.bbcode-mytext { display:block;width: 130px; padding: 10px; font-weight: 400; font-family: 'Calibri', sans-serif; position: relative; background-color: #00e34d; color: #fff; font-size: 10px; line-height:11px;  text-align: justify; margin-left: 65px; -webkit-border-radius: 10px; border-radius: 10px; -ms-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; z-index: 2; }

.bbcode-mytext:before { display:block; width: 10px; height: 40px; position: absolute; right: -20px; border-color: #00e34d; border-style: solid; border-width: 0px 10px; bottom: 1px; clip: rect(21px, 15px, 40px, 0px); content: " "; -webkit-border-radius: 50%; border-radius: 50%; -ms-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; z-index: 2; }

.bbcode-yourtext {
	display: block;
	width: 130px;
	padding: 10px;
	font-weight: 400;
	font-family: 'Calibri', sans-serif;
	position: relative;
	background-color:#E5E5EA;
	color: #fff;
	font-size: 10px;
	line-height:11px; 
	text-align: justify;
	margin-left: 15px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-ms-border-radius: 10px;
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
	z-index: 2;
	}

.bbcode-yourtext:before {
		content:"";
		position:absolute;
		z-index:2;
		bottom:-2px;
		left:-7px;
		height:20px;
		border-left:15px solid #E5E5EA;
		border-bottom-right-radius: 16px 14px;
		-webkit-transform:translate(0, -2px);
	}

.bbcode-yourtext:after {
		content:"";
		position:absolute;
		z-index:3;
		bottom:-2px;
		left:4px;
		width:26px;
		height:20px;
		background:white;
		border-bottom-right-radius: 10px;
		-webkit-transform:translate(-30px, -2px);
	}

.bbcode-timer {
  position: absolute;
  background: rgba(0, 0, 0, 0.5);
  height: 20px;
  width: 20px;
  border-radius: 3px;
  top: 58px;
  left: 200px;
  padding: 5px;
  text-align: center;
  color: #fff;
  font-size: 14px;
}
.bbcode-caption-container{
  position: absolute;
  width: 100%;
  background: rgba(0, 0, 0, 0.5);
  top: 300px;
  color: #fff;
  text-align: center;
}

.bbcode-caption{
  font-size: 16px;
  font-weight: 300;
  margin: 8px;
}

.l {text-align:left}
.c {text-align:center}
.r {text-align:right}
.left {float:left}
.right {float:right}
#stats_members a.member, .bday_strip {white-space:nowrap}
.calendar li span {cursor:default}
#c_tos li {display:list-item;margin-left:25px}
#c_tos ul li {list-style:disc}
#c_tos ol li {list-style:lower-alpha}
#shoutrefresh {cursor:pointer}

.l {text-align:left}
.c {text-align:center}
.r {text-align:right}
.left {float:left}
.right {float:right}
#stats_members a.member, .bday_strip {white-space:nowrap}
.calendar li span {cursor:default}
#c_tos li {display:list-item;margin-left:25px}
#c_tos ul li {list-style:disc}
#c_tos ol li {list-style:lower-alpha}
#shoutrefresh {cursor:pointer}