body {
color : #585858;
font-family : "Trebuchet MS",Arial,verdana;
font-size : 0.9em;
text-align : justify;
margin : 0;
padding : 0 0 0;
background : #F1F1F1 url(http://s8.postimg.org/4timgja7p/Y8_Ok_Gdc.jpg) repeat-x;
}
a {
color : #e32146;
text-decoration : none;
}

a:visited {
color : #e32146;
text-decoration : none;
}
a:hover {
color : #000000;
text-decoration : none;
}

#hv1 h2, #hv2 h2, #hv3 h2, #hv4 h2 , #hv5 h2, #hv6 h2 {
font-size:18px;
text-align:center;
color:#ffffff;
padding:10px;
background : #f32b55 url(http://s8.postimg.org/4ymdq7hip/a2_C9_N.png) no-repeat right;
height:42px;
overflow:hidden;
}

b {
color : #e32146;
} 

i {
color : #272727;
} 

#container {
margin : auto;
margin-top : 0;
width : 100%;

background-repeat : repeat-x;
}

#header {
width : 900px;
height : 753px;
background : url(http://s27.postimg.org/w1ad351eb/9q7_EQ7_G.jpg) no-repeat;
margin-top : 0;
position : relative;
}

#hv1 {
list-style : none;
margin : 0;
position : absolute;
height : 294px;
width : 800px;
left : 57px;
top : 140px;
text-align : left;
font-size : 80%;
background : none;
}
#hv2 {
list-style : none;
margin : 0;
position : absolute;
height : 200px;
width : 164px;
left : 110px;
top : 37px;
text-align : center;
font-size : 80%;
background : none;
}
#hv3 {
list-style : none;
margin : 0;
position : absolute;
height : 230px;
width : 265px;
left : 602px;
top : 484px;
text-align : left;
font-size : 80%;
background : none;
}
#hv4 {
list-style : none;
margin : 0;
position : absolute;
height : 200px;
width : 265px;
left : 720px;
top : 26px;
text-align : left;
font-size : 80%;
background : none;
}
#hv5 {
list-style : none;
margin : 0;
position : absolute;
height : 195px;
width : 265px;
left : 30px;
top : 488px;
text-align : center;
font-size : 80%;
background : none;
}
#hv6 {
list-style : none;
margin : 0;
position : absolute;
height : 230px;
width : 265px;
left : 315px;
top : 484px;
text-align : left;
font-size : 80%;
background : none;
}
#hv7 {
list-style : none;
margin : 0;
position : absolute;
height : 200px;
width : 265px;
left : 456px;
top : 66px;
text-align : left;
font-size : 80%;
background : none;
}
#content {
float : left;
padding : 20px 10px 20px 12px;
width : 60%;
margin-left:5%;
color : #808080;
text-align : left;
margin-bottom: 10px;
}

hr {
  color:#A6A6A6;
  border: 0px;
  background-color: #A6A6A6;
  height: 2px;
}

table {
border-collapse:collapse;
border-spacing:0;
clear:both;
empty-cells:show;
width:100%;
}

th,td {
border:1px solid #e7e7e7;
}

th {
background:url(http://z5.ifrm.com/static/1/sub.png) repeat-x top #fafafa;
color:#777;
font-size:10px;
text-transform:uppercase;
font-weight:400;
padding:3px 5px;
text-align:left;
}

td {
background:#fafafa;
color:#333;
padding:5px 10px;
}

th a,th a:hover {
color:#777;
font-weight:700;
}

h1 {
font-size:200%;
}

h2,h3 {
font-size:100%;
}

.category h2,.topic h2,#portal h2,#portal_foot h2,thead th {
font-size : 180%;
text-indent:26px;
color : #272727;
background : url(http://s8.postimg.org/4ymdq7hip/a2_C9_N.png) no-repeat;
text-align: center;
padding : 4px 2px 2px 2px;
border-bottom: 2px solid #B2B2B2;
letter-spacing: -0.1em;
text-shadow: #ffffff 1px 1px 1px;
}

thead th {
border-bottom-width:1px;
padding:5px;
text-align:center;
}

h2.special {
font-size : 180%;
text-indent:26px;
color : #272727;
background : url(http://s8.postimg.org/4ymdq7hip/a2_C9_N.png) no-repeat;
text-align: center;
padding : 4px 2px 2px 2px;
border-bottom: 2px solid #B2B2B2;
letter-spacing: -0.1em;
text-shadow: #ffffff 1px 1px 1px;
}

input,select,textarea,button,a.btn_fake {
background:#fafafa;
border:1px solid #BFC8E3;
color:#333;
padding:3px 5px;
vertical-align:middle;
}

Textarea {
text-align : justify;
color : #353535;
font-family : arial;
font-size : 13px;
padding : 5px;
border : #CDCBC2 solid 1px;
background : #ffffff;
border-radius:10px;
}
Input {
margin : 2px;
padding : 2px;
border : #B2B2B2 solid 1px;
background : #ffffff;
font-size : 80%;
border-radius : 5px;
}

input:focus,input.focus,textarea:focus,textarea.focus {
border-color:#f32b55;
}

.submit_error {
background:#fff8eb;
border:1px solid #e77700;
}

button,a.btn_fake {
background:#f6748f;
color:#fff;
cursor:default;
text-transform:uppercase;
font-size:80%;
border:10px;
margin:5px;
overflow:visible;
width:auto;
}

button:hover,a.btn_fake:hover {
color:#f6748f;
background:#fff;
}

button.btn_text {
background:none;
border:0;
cursor:pointer;
font-family:Arial, "Bitstream Vera Sans", Verdana, sans-serif;
font-size:100%;
}

.notice {
background:#fff;
border:2px solid #e7e7e7;
color:#333;
margin:10px auto 0;
width:70%;
}

.notice dt {
color:#f6748f;
font-weight:700;
}

.notice dd {
font-style:italic;
}

dl.info {
background:#f6f6f6; 
border-color:#f6748f;
}

.info dt {
background:#f6748f;
color:#fff;
}

dl.error {
background:#fafafa;
border-color:#f6748f;
}

.error dt {
background:#e7e7e7;
color:#f6748f;
}

#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;
}

#profile_menuwrap ul,ul.cat-topicpages,blockquote dl,#fast-reply dd {
margin: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;
}

#top_menu {
float:right;
margin-top:10px;
}

.drop_menu li {
width:49%;
margin-right:1px;
text-align:center;
float:right;
}

.drop_menu a {
color:#f6748f;
display:block;
padding:4px .25em;
position:relative;
width:9em;
}

.drop_menu a:before {
content:"[ ";
}

.drop_menu a:after {
content:" ]";
}

.drop_menu a:hover {
color:#ef7400;
}

.drop_menu ul {
-moz-opacity:0.85;
border-top:1px solid #f6748f;
color:#fff;
left:-999em;
margin:0;
opacity:0.85;
position:absolute;
width:9.4em;
z-index:999;
}

.drop_menu ul li {
background:#f6748f;
font-size:85%;
margin:0;
padding:0;
width:100%;
}

.drop_menu ul li a {
border:0 solid #f6748f;
border-width:0 1px 1px;
display:block;
padding:4px 5%;
width:90%;
}

.drop_menu ul li a:after, .drop_menu ul li a:before {
content:"";
}

.drop_menu li ul li a:hover {
background:#fff;
color:#f6748f;
}

#logo {
background:url(http://z5.ifrm.com/static/1/css/logobg.png) repeat-x top #566cb0;
border:1px solid #3a5197;
border-bottom:0;
clear:both;
margin:0 2%;
}

#submenu_bar {
background:url(http://z5.ifrm.com/static/1/css/submenubar.png) repeat-x top #FB9D3A;
border-left:1px solid #3a5197;
border-right:1px solid #3a5197;
height:14px;
margin:0 2%;
}

#submenu {
background:url(http://z5.ifrm.com/static/1/css/dropli.png) repeat-x top #586eb1;
border-left:1px solid #3a5197;
border-right:1px solid #3a5197;
color:#586eb1;
font-size:85%;
margin:0 2%;
padding:3px 1% 4px;
text-align:right;
}

#wrap {
background:#fff;
border:1px solid #3A5197;
margin:0 2% 30px;
}

#nav {
color:#565254;
padding:5px;
border-radius:5px;
background:#f8f8f8;
border:1px solid #f1f1f1;
}

.meta_box {
background:url(http://z5.ifrm.com/static/1/css/boxbg.png) repeat-x top #D8DCEB;
border:1px solid #BFC8E3;
font-size:85%;
line-height:150%;
padding:10px 25px;
}

.meta_menu {
background:#F6F6F6;
border:1px solid #e7e7e7;
padding:0;
width:49%;
}

.meta_menu h3 {
background:#f32b55;
border:1px solid #f32b55;
clear:both;
color:#FFF;
font-size:100%;
font-weight:700;
margin:-1px;
text-align:center;
}

.meta_menu a,.meta_menu a:hover {
color:#666;
}

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:#fff;
border:1px solid #f32b55;
color:#f32b55;
}

.cat-pages a:hover,.cat-topicpages a:hover {
background:#f32b55;
border:1px solid #f32b55;
color:#FFF;
}

.cat-pages span {
background:#f32b55;
border:1px solid #f32b55;
color:#FFF;
cursor:default;
font-weight:700;
padding:2px 5px;
}

.cat-pages input {
background:#fff;
color:#f32b55;
padding:3px 5px;
vertical-align:baseline;
}

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;
}

td.c_head,td.c_foot,td.c_sort {
background:url(http://z5.ifrm.com/static/1/sub.png) repeat-x top #f6f6f6;
color:#666;
font-size:80%;
}

td.c_desc {
background:#f6f6f6;
font-weight:700;
text-align:right;
vertical-align:middle;
width:200px;
}

td.c_desc small {
display:block;
font-weight:400;
}

tr.pm_new td {
background:#D8DCEB;
font-weight:700;
}

tr.hidden td.c_post {
background:#D8DCEB;
}

.bday {
background:url(http://z5.ifrm.com/static/1/s_minibday.png) no-repeat;
color:#425384;
font-size:90%;
font-weight:700;
height:16px;
padding:2px 2px 2px 18px;
width:20px;
}

.c_mark {
background:#f6f6f6;
text-align:center;
width:1%;
}

.c_forum {
color:#666;
font-size:80%;
width:60%;
}

.c_forum strong a,.c_last strong a {
color:#e32146;
border:none;
}

.c_forum strong a {
font-size:150%;
text-transform:uppercase;
margin-top:10px;
}

td.c_last {
background:#f6f6f6;
font-size:85%;
}

.c_forum-desc {
color:#333;
font-size:85%;
}

.c_last-title {
background:url(http://z5.ifrm.com/static/1/last.gif) no-repeat left;
display:block;
line-height:16px;
padding-left:10px;
}

td.c_info-v,td.c_info-t,td.c_info-r {
font-size:80%;
padding:5px;
text-align:center;
}

td.c_subforum {
background:#f7f7f7;
color:#f32b55;
font-size:80%;
text-transform:uppercase;
}

.cat_head td {
border-color:none;
padding:0;
}

#stats .cat_head td {
border-color:none;
}

.description {
color:#666;
font-size:85%;
}

a.member:hover {
color:#666;
}

td#stats_events a,td#stats_events span {
background:url(http://z5.ifrm.com/static/1/s_minical.png) no-repeat 2px;
padding:4px 0 4px 20px;
}

td.c_username {
background:#f6f6f6;
padding:2px 0;
text-align:center;
text-transform:uppercase;
}

td.c_username a {
font-size:140%;
font-weight:700;
}

td.c_user {
font-size:80%;
}

td.c_user dl {
margin:10px 0;
padding:5px 7px;
width:160px;
}

dl.user_profile {
overflow:hidden;
word-wrap:break-word;
}

dl.user_profile dd {
border-left:3px solid #e5496b;
padding-left:3px;
margin-left:5px;
font-size:10px;
}

dl.user_profile dt {
color:#e5496b;
}

dl.user_info dd {
font-weight:700;
margin-bottom:1px;
}

dl.user_info dt,dl.user_info dd {
padding:.1em;
}
 
dl.user_info dt {
float:left;
margin:0;
min-width:4em;
}
 
dl.user_info dd.spacer,dl.user_profile dd.spacer {
clear:both;
float:none;
height:1px;
padding:0;
}

#profile_menu ul {
-moz-opacity:1;
border-top:0;
opacity:1;
font-size:18px;
}

#profile_menu a {
background:#e5496b;
border:1px solid #e5496b;
font-size:18px;
}

#profile_menu li li a {
border-top:0;
}

#profile_menu li ul li a:hover {
background:#f7f7f7;
}

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:#f32b55;
float:left;
height:12px;
padding-right:3px;
}

td.c_poll-bar span {
background:#f32b55;
display:block;
float:left;
height:12px;
width:3px;
}

.editby,.queued {
border:1px dotted #e7e7e7;
color:#999;
font-size:85%;
font-style:italic;
margin-top:1em;
padding:3px 5px;
}

.queued {
background-color:#D8DCEB;
border-color:#5a70b3;
}

blockquote {
background:#fff;
border-left:5px solid #e5496b;
margin:10px auto;
padding-bottom:1px;
width:98%;
}

blockquote dl {
background:#f7f7f7;
}

blockquote dl dt {
color:#e5496b;
float:left;
font-weight:700;
}

code {
background:#f6f6f6;
display:block;
font-family:Monaco, Consolas, "Courier New", Courier, monospace;
white-space:normal;
}

div.spoiler {
background:#fff;
border-left:5px solid #e5496b;
border-top:0;
padding:5px 7px;
}

div.spoiler_toggle {
background:#e5496b;
color:#fff;
cursor:pointer;
font-weight:700;
padding:2px 4px;
}

td.c_postinfo {
background:#f6f6f6;
color:#999;
font-size:80%;
vertical-align:middle;
}

td.c_sig {
color:#666;
font-size:80%;
}

td.c_sig blockquote {
background:none transparent;
border:0;
border-left:3px solid #e5496b;
padding-left:5px;
}

td.c_sig blockquote dl {
background:none transparent;
border:0;
color:#666;
}

td.c_sig blockquote dl dt,td.c_sig blockquote dl dd {
color:#666;
padding:0;
}

td.c_sig blockquote div {
background:transparent;
margin-left:5px;
padding:0;
}

tr.c_postfoot {
background:#f6f6f6;
clear:both;
}

td.c_footicons,td.c_postinfo {
width:100%;
}

td.c_username {
width:175px;
}

.c_next a {
display:block;
font-size:125%;
font-weight:700;
text-align:center;
}

td.c_view {
background:#f6f6f6;
color:#777;
}

div.c_view-list {
color:#999;
font-size:92.5%;
}

dl#fast-reply dt {
background:#e5496b;
border:1px solid #e5496b;
color:#FFF;
font-size:110%;
font-weight:700;
margin:0;
padding:5px;
}

dl#fast-reply dd {
background:#fafafa;
border:1px solid #e5496b;
padding:15px 0;
text-align:center;
}

dl#fast-reply dd textarea {
margin-left:5%;
}

#c_post-preview {
background:#f6f6f6;
border:2px solid #f32b55;
margin:0 auto 10px;
padding:5px;
text-align:left;
width:98%;
}

#c_post-resize span {
color:#e7e7e7;
cursor:pointer;
font-size:225%;
padding:20px 5px 0;
}

#emot_wrap {
background:#f6f6f6;
border:1px solid #e7e7e7;
}

#emot_wrap h3 {
background:url(http://z5.ifrm.com/static/1/sub.png) repeat-x top #f6f6f6;
border-bottom:1px solid #e7e7e7;
color:#999;
font-size:120%;
text-align:center;
}

#emot_end {
border-top:1px solid #e7e7e7;
display:block;
font-weight:700;
padding:4px 0;
text-align:center;
}

#pm_folders {
border-left:1px solid #e7e7e7;
border-right:1px solid #e7e7e7;
padding-top:30px;
vertical-align:top;
width:150px;
}

#pm_folderlist {
position: relative;
margin-left:0;
margin-top:0
}

#pm_folderlist li {
background:url(http://z5.ifrm.com/static/1/pmfolder.png) no-repeat 5px;
display:list-item;
margin-bottom:4px;
padding-left:28px;
}

#pm_forwarded {
border:1px dotted #e7e7e7;
color:#999;
font-size:90%;
font-style:italic;
margin-top:1em;
padding:3px 5px;
}

#ucp_gallery a {
color:#f6748f;
font-weight:700;
}

#ucp_gallery a:hover {
color:#f6748f;
}

.calendar td.cal_inactive {
background:#f6f6f6;
color:#e7e7e7!important;
}

.calendar td div {
background:#f6f6f6;
border-bottom:1px solid #e7e7e7;
font-weight:700;
padding:5px 7px;
}

.calendar div a {
background:url(http://z5.ifrm.com/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 td#cal_current {
background:#fff;
border:2px solid #f6748f;
}

div.portal_content {
background:#fafafa;
border:1px solid #e7e7e7;
font-size:88.3%;
margin:0;
padding:5px 7px;
}

#portal h2 {
font-size:88.3%;
}

#portal h4 {
background:url(http://z5.ifrm.com/static/1/sub.png) repeat-x top #fafafa;
color:#777;
font-size:10px;
text-transform:uppercase;
font-weight:400;
padding:3px 5px;
text-align:left;
margin:0px;
}

#faq dt a {
color:#f6748f;
font-size:120%;
font-weight:700;
}

#faq dd.faq_more a,#faq dl.faq_more a:hover {
color:#999;
font-style:italic;
}

.search_results {
background:#fafafa;
border:1px solid #e7e7e7;
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;
}

#findposts .c_mark {
color:#f6748f;
font-size:200%;
font-weight:700;
vertical-align:top;
}

#pmtoast {
background:#fff;
border:2px solid #f6748f;
bottom:10px;
color:#333;
display:none;
font-size:90%;
position:fixed;
right:10px;
text-align:right;
text-decoration:none;
width:200px;
z-index:1;
}

#pmtoast:hover {
border-color:#f6748f;
}

#pmlink {
background:url(http://z5.ifrm.com/static/1/toast.png) no-repeat 5px;
color:#f6748f;
display:block;
padding:10px 10px 10px 55px;
text-decoration:none;
}

#pmlink big {
color:#f6748f;
display:block;
font-weight:700;
padding-bottom:5px;
}

#pmlink strong {
color:#E77700;
}

#pmclose {
border-top:1px solid #333;
color:#f6748f;
display:block;
font-size:80%;
padding:1px 10px;
}

#pmclose:hover {
color:#f6748f;
}

#foot_wrap {
margin:20px 1px 20px 0;
}

#foot td {
background:#fafafa;
border-bottom:1px solid #e7e7e7;
border-top:1px solid #e7e7e7;
border-left:0;
border-right:0;
color:#777;
font-size:80%;
}

#foot a,#foot a:hover {
color:#777;
}

#foot #foot_datetime {
border-left:1px solid #e7e7e7;
width:1%;
white-space:nowrap;
}

#copyright {
color:#FFF;
font-size:80%;
margin:10px 0;
text-align:center;
display:none;
}

#copyright a {
color:#FB9E3B;
font-weight:700;
}

#c_tos h3 {
color:#333;
font-size:120%;
}

td.username_ok {
background:#e0fae0;
}

input.username_ok {
outline:2px solid #0c0;
}

td.username_no {
background:#fae0e0;
}

input.username_no {
outline:2px solid #e77700;
}

#acplogin {
background:url(http://z5.ifrm.com/static/acp/acpback.png) repeat-x 0 -195px #fff;
border:2px solid #3a5197;
height:275px;
left:50%;
margin:-137.5px 0 0 -250px;
padding:0;
position:absolute;
top:50%;
width:500px;
}

#acplogin h1 {
color:#FFF;
font-weight:400;
height:50px;
margin-bottom:20px;
padding:50px 20px 0 0;
text-align:right;
}

#acplogin h1 img {
position:absolute;
left:0;
top:0;
}

a img {
border:0;
}

form {
display:inline;
margin:0;
padding:0;
}

.category h2,.topic h2,#portal h2 {
text-align:center;
}

h3 {
padding:3px 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;
}

button.btn_img {
border:0;
cursor:pointer;
padding:0;
}

.notice dt,.notice dd {
padding:5px 7px;
}

.drop_menu a img {
vertical-align:bottom;
}

.drop_menu li:hover ul,.drop_menu li.hover ul {
left:auto;
}

#submenu a {
padding:3px 5px;
}

#main {
height:1%;
padding:0 1%;
}

#nav li img {
vertical-align:top;
}

.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_menu ul {
font-size:90%;
margin:5px 5%;
}

.meta_menu img,.meta_menu span {
float:right;
margin:10px 20px;
}

.cat-pages a,.cat-pagesjump i,.cat-topicpages a {
cursor:pointer;
padding:2px 5px;
}

.cat-topicpages a {
padding:0 2px;
}

.cat-buttons,.topic-buttons {
float:right;
margin:15px 0;
text-align:right;
width:50%;
}

tr.postbtn td {
padding:5px;
text-align:center;
}

.row1,.row2 {
line-height:1.4;
}

.row2.pin td {
background:#f7f7f7;
}

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;
}

td.c_desc img,td.c_desc input {
float:left;
vertical-align:middle;
}

.category {
margin:10px 0 0;
}

span.collapse,span.uncollapse {
cursor:pointer;
float:right;
position:relative;
}

.c_mark img {
display:block;
margin:auto;
}

.c_last {
line-height:1.4;
min-width:300px;
width:30%;
}

.category td.c_foot {
height:10px;
}

#stats_members {
line-height:1.2;
text-transform:uppercase;
font-size:14px;
}

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_user {
vertical-align:top;
width:1px;
min-width:175px;
max-width:175px;
}

.c_post {
width:100%;
}

.c_sig,.c_nosig {
width:100%;
}

.avatar {
display:block;
margin:auto;
text-align:center;
}

.av_wrap {
overflow:hidden;
text-align:center;
margin:auto;
}

td.c_user .usertitle {
margin:3px 0;
overflow-x:hidden;
text-align:center;
}

.pip {
margin:3px 0;
white-space:nowrap;
}

dl.user_info dt {
padding:.1em;
}

dl.user_info dd.spacer,dl.user_profile dd.spacer {
clear:both;
float:none;
height:1px;
padding:0;
}

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_post {
line-height:1.7;
vertical-align:top;
}

 td.c_post ul {
list-style-type:square;
margin-left:10px;
}

.c_post img,#topic_review img {
max-width:90%;
}

.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:1px;
}

td.c_sig,td.c_nosig {
height:1%;
vertical-align:top;
}

td.c_nosig {
border-top-style:hidden!important;
}

blockquote dl dt,blockquote dl dd {
padding:2px 4px;
}

blockquote div,blockquote code {
margin:0;
padding:5px;
}

dl#fast-reply {
clear:both;
margin:auto;
width:80%;
}

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%;
}

#c_post-text {
height:223px;
}

#c_post-resize {
float:right;
margin-top:-1px;
padding:4px 0 0;
text-align:right;
}

#btn_preview {
float:left;
margin:10px 0 0 1px;
}

#c_emot {
height:225px;
vertical-align:top;
width:210px;
}

#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;
}

.pm {
margin-bottom:1em;
}

#pm_datesent {
width:200px;
}

#pm_select {
text-align:center;
width:1px;
}

#conversation .c_post {
padding:2em;
}

#ucp_profile,#pm_messages {
float:right;
}

#ucp_settings img,#ucp_profile img {
margin:18px 20px;
}

#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%;
}

.calendar td {
height:125px;
padding:0;
vertical-align:top;
width:14.3%;
}

.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 {
padding-top:3px;
}

#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 160px 0 210px;
}

#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:3px 5px;
}

#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;
}

.search_results div {
display:block;
margin:5px 0;
}

#acplogin #loginform {
display:block;
padding:0 50px;
}

.category h2 a,#portal h2 a,#portal_foot h2 a,thead a,.category h2 a:hover,#portal h2 a:hover,#portal_foot h2 a:hover,thead a:hover,#top_info a,#top_info a:hover,.drop_menu a,.drop_menu a:hover,#submenu a,#submenu a:hover {
color : #272727;
}

input,select,td {
font-size:90%;
}

button.btn_default,#nav li span,.c_post-attachment dt,#c_tos dt {
font-weight:700;
}

#submenu a:hover,.meta_menu a:hover {
text-decoration:underline;
}

.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_forum strong a:hover,.c_last strong a:hover,#faq dt a:hover,.search_results h3 a,.search_results h3 a:hover {
color:#f6f6f6;
}

.c_forum strong a:hover {
letter-spacing:1px;
color:#e32146;
}
.row2 td,blockquote div {
background:#f6f6f6;
}

a.member,.calendar td a,.calendar a:hover,#faq dd a,#faq dd a:hover {
color:#333;
}

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;
}

.c_cat-starter,.c_cat-replies,.c_cat-views,td.c_poll-total,td.c_poll-vote,td.c_topicfoot,.warn,.ucp th,#c_notes,.calendar th {
text-align:center;
}

blockquote dl dd,#foot #foot_links {
text-align:right;
}

#c_post,#ucp_gallery {
text-align:center;
vertical-align:top;
}

#files_upload input,.pm .row1 a,.pm .row2 a,#ucp_gallery button img,#findposts td a {
display:block;
}

#ucp_settings,#pm_settings {
float:left;
}

#c_tos dd,#username_response {
margin-left:10px;
}

#vlx {
z-index:1;
}

#blog {
background:#f32b55;
color:#333;
margin:10px 0;
}

#blog blockquote {
background:none;
border:none;
font-size:85%;
padding:0 10px;
}

#blog h1 {
float:right;
}

#blog h2 {
background:none;
clear:none;
font-size:130%;
padding:0;
}

#blog h2,#blog h2 a,#blog h2 a:hover {
color:#f6748f;
}

#blog_foot {
clear:both;
margin-bottom:20px;
}

#blog_head {
background:#f6f6f6;
border:8px solid #f32b55;
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:#f6f6f6;
margin:15px 0;
padding:5px 7px;
}

#blog_sidebar h3,#blog_sidebar dt {
color:#f6748f;
font-weight:700;
}

#blog_sub {
background:#f6748f;
clear:both;
position:relative;
padding:5px 7px;
text-align:right;
}

#blog_sub a {
color:#fff;
}

#blog_sub span {
padding-top:4px;
}

#blog_sidebar {
background:#f6748f;
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%;
}

div.blog_options {
font-size:90%;
text-align:right;
}

div.blog_date {
background:#f6f6f6;
border:1px solid #f32b55;
color:#f32b55;
float:right;
font-weight:700;
margin:0 15px;
text-align:center;
text-transform:uppercase;
width:40px;
}

div.blog_date span {
background:#fafafa;
border-top:1px solid #e7e7e7;
color:#f32b55;
display:block;
font-size:130%;
font-weight:700;
padding:2px 4px;
}

div.blog_entry {
background:#fff;
margin:10px 0;
padding:5px 7px;
}

#blog_comments li {
padding:5px 7px;
}

#blog_comments li.odd {
background:#f6f6f6;
}

#shoutwrap {
background:#fafafa;
border:1px solid #e7e7e7;
font-size:88.3%;
}

#shoutwrap td {
padding:0;
}

#shoutbox {
list-style-type:none;
margin:0;
padding:0;
}

#shoutbox li {
padding:5px 7px;
}

#shoutbox li.odd {
background:#f6f6f6;
}

#shoutbox dl,#shoutbox dt,#shoutbox dd {
margin:0;
padding:0;
}

#shoutbox dt {
color:#777;
font-size:80%;
}

#shoutopts,#shoutpost {
clear:both;
text-align:center;
}

#sidebar {
float : right;
padding : 6px 13px 3px 10px;
width : 20%;
margin-right: 10%;
color : #4a4a49;
font-family : "Trebuchet MS",Arial,verdana;
font-size : 0.8em;
text-align : center;
background-color: #F9F9F9;
}
#sidebar h2, #sidebar .sidebartitles {
color:#ffffff;
font-size : 12pt;
width : 100%;
height : 29px;
text-align : center;
padding : 3px 3px 0px 3px;
letter-spacing:2px;
background : #f32b55 url(http://s8.postimg.org/4ymdq7hip/a2_C9_N.png) no-repeat;
background-position: right;
border-radius: 10px 0px 10px 0px;
}
#sidebar ul {
margin : 0;
padding : 1px;
}
#sidebar ul li {
list-style : none;
margin : 0;
padding : 0;
border : #000 solid 0;
}

.list_container ul {
margin-left : 0;
padding-left : 0;
list-style-type : none;
font-size : 14px;
line-height : 17px;
font-family : Arial;
}

.imageedit{
margin-right: 7px;
}
#menuaffi a, #menuaffi a:visited {
text-align : center;
font-size : 9pt;
font-family:arial;
letter-spacing:3px;
color : #272627;
display : block;
border-bottom : 1px solid #dadada;
width : 200px;
height : 15px;
padding : 0.7em;
margin : 0.5em auto;
}
#menuaffi a:hover {
text-align : center;
font-size : 9pt;
letter-spacing:3px;
border-bottom : 1px solid #777168;
color : #141412;
display : block;
width : 200px;
height : 15px;
padding : 0.7em;
margin : 0.5em auto;
}
#footer {
clear : both;
color : #ffffff;
text-transform : uppercase;
letter-spacing: 2px;
font-weight : bold;
font-family : "Trebuchet MS",Arial,verdana;
font-size : 11px;
text-align : center;
margin-left : auto;
margin-right : auto;
width : 100%;
height : 50px;
text-align : left;
background : #2c2a2b;
}
#footer a, #footer a:visited {
font-family : "Trebuchet MS",Arial,verdana;
}
.footer_holder {
margin : auto;
padding : 0;
width : 700px;
height : 50px;
}
#footerbar_1 {
margin-left : auto;
margin-right : auto;
padding-top : 14px;
width : 500px;
font-family : "Trebuchet MS",Arial,verdana;
text-align : left;
background : none;
}

/* Easy Slider */

	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider2{margin-top:1em;}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:779px;
		height:294px;
		overflow:hidden; 
		}	
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:30px;
		height:77px;
		position:absolute;
		left:-30px;
		top:134px;
		z-index:1000;
		}	
	#nextBtn, #slider1next{ 
		left:750px;
		}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:97px;
		height:69px;
 		background:url(http://s15.postimg.org/ughyx1dbb/tg_TWc_KP.png) no-repeat 0 0;
                opacity : 0.9;
		}	
	#nextBtn a, #slider1next a{ 
		background:url(http://s7.postimg.org/6uhckwa9z/PLk5_JF5.png) no-repeat 0 0;	
                opacity : 0.9;
		}	
		
	/* numeric controls */	

	ol#controls{
		margin:1em 0;
		padding:0;
		height:28px;	
		}
	ol#controls li{
		margin:0 10px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:28px;
		line-height:28px;
		}
	ol#controls li a{
		float:left;
		height:28px;
		line-height:28px;
		border:1px solid #ccc;
		background:#DAF3F8;
		color:#555;
		padding:0 10px;
		text-decoration:none;
		}
	ol#controls li.current a{
		background:#5DC9E1;
		color:#fff;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
	
/* // Easy Slider */



.rollover_img { width: 265px; height: 225px; background-image: url(http://i.imgur.com/bmMP3MZ.png); background-position: top;  solid #ccc; font:13px normal Arial, Helvetica, sans-serif; line-height:18px; float:left; margin:0 10px 10px 0; }

.rollover_img a { color: #fff; width: 265px; height: 225px; display: block; text-decoration: none; }

.rollover_img a:hover { background:#000; opacity:.50; filter:alpha(opacity=50); }

.rollover_img a span { display: none; width: 260px; padding:5px; padding-top: 90px; }

.rollover_img a:hover span { display: block; }


/* Reset code to remove theme inherent styling */
.dcjq-mega-menu ul.menu ul, .dcjq-mega-menu ul.menu li {
list-style: none; 
padding: 0; 
margin: 0;
}
.dcjq-mega-menu ul.menu ul {
display: none; /* Hides non-mega links */
}
.dcjq-mega-menu ul.menu .sub ul {
display: block; /* overrides above hide */
}

/* Main menu styles */
.dcjq-mega-menu ul.menu {
background-color: #E4214B; 
width: 200px; 
height: 50px; 
position: relative; /* Important - required for positioning of mega menu */
font: normal 13px Arial, sans-serif; 
line-height: 16px;
opacity:0.8;
filter:alpha(opacity=80); /* For IE8 and earlier */;
border-radius: 0px 0px 15px 15px;
}
.dcjq-mega-menu ul.menu li {
float: left; 
font-weight: bold;
}
.dcjq-mega-menu ul.menu li a {
float: left; 
display: block;  
padding: 17px 25px; 
background-color: #E4214B; 
color: #ffffff;
text-decoration: none;
}
.dcjq-mega-menu ul.menu li.mega-hover a, .dcjq-mega-menu ul.menu li a:hover {
background-position: 100% -40px; 
color: #ffffff; 
}

/* Arrow tag for parent links */
.dcjq-mega-menu ul.menu li a.dc-mega {
padding-right: 38px; /* Additional padding for arrow */
position: relative; /* Required for arrow positioning */
}
.dcjq-mega-menu ul.menu li a .dc-mega-icon {
display: block; 
position: absolute; 
top: 23px; 
right: 15px; 
width: 8px; 
height: 6px; 
background: url(/images/arrow.png) no-repeat 0 0;
}
.dcjq-mega-menu ul.menu li.mega-hover a .dc-mega-icon {
background-position: 0 100%;
}

/* Mega Menu Styling */
/* Mega Drop Down Container */
.dcjq-mega-menu ul.menu li .sub-container {
position: absolute; /* Required */
background-color: #ffffff; 
opacity:0.98;
filter:alpha(opacity=98); /* For IE8 and earlier */;
padding-left: 5px; 
border-radius: 15px;
}
.dcjq-mega-menu ul.menu li .sub {
background-color: #ffffff; 
padding: 10px 10px 10px 10px;
opacity:0.98;
filter:alpha(opacity=98); /* For IE8 and earlier */;
border-radius: 15px;
}
.dcjq-mega-menu ul.menu li .sub-container.mega .sub {
padding: 10px 10px 0 0;
}
.dcjq-mega-menu ul.menu li .sub .row { /* Clear the sub-menu floats */
width: 100%; 
overflow: hidden; 
clear: both;
}
.dcjq-mega-menu ul.menu li .sub li {
float: none; 
font-size: 1em; 
font-weight: bold;
}
/* Sub-menu Headers */
.dcjq-mega-menu ul.menu li .sub li.mega-hdr { /* Sub-menu headers - i.e. 2nd level navigation */
float: left; /* Float the sub-menus and give them a fixed width to from the mega menu rows */
width: 150px;
margin: 5px;
}
.dcjq-mega-menu ul.menu li .sub a { /* Clear the styles from the top-level links and set the font styles */
background: none; 
border: none; 
text-shadow: none; 
color: #111; 
padding: 7px 10px; 
display: block; 
float: none; 
text-decoration: none; 
font-size: 0.9em; 
}
.dcjq-mega-menu ul.menu li .sub li.mega-hdr a.mega-hdr-a {
padding: 7px 10px; 
margin-bottom: 5px; 
border-bottom: 1px solid #B0B0B0; 
text-transform: uppercase; 
font-weight: bold; 
color: #5D5D5D; 
}
.dcjq-mega-menu ul.menu li .sub li.mega-hdr a.mega-hdr-a:hover {
color: #5D5D5D; 
text-shadow: none;
}

/* Style the 3rd level links */
.dcjq-mega-menu ul.menu li .sub li ul li {
margin-right: 20px;
}
.dcjq-mega-menu ul.menu .sub li.mega-hdr li a {
color: #5D5D5D;
font-weight: normal; 
padding: 5px 0 3px 0px; 
width: 150px;
background: #ffffff;
}
.dcjq-mega-menu ul.menu .sub li.mega-hdr li a:hover {
color: #2A2A25;
width: 150px;
}

/* Styling for items with only 2 levels */
.dcjq-mega-menu ul.menu li .sub-container.non-mega .sub {
padding: 10px 10px 10px 10px;
}
.dcjq-mega-menu ul.menu li .sub-container.non-mega li {
width: 190px; /* Set the drop down width */
}
.dcjq-mega-menu ul.menu li .sub-container.non-mega li a {
padding: 7px 5px 7px 10px; 
background: url(/images/bullet.png) no-repeat 5px 12px;
}
.dcjq-mega-menu ul.menu li .sub-container.non-mega li a:hover {
color: #990000;
background-image: url(/images/bullet_on.png);
}

#searchform {
margin : 15px 0 0;
}
#searchform br {
display : none;
}
#searchform #s {
font-family : "Trebuchet MS",Arial,verdana;
font-size : 0.9em;
width : 140px;
height : 22px;
padding : 3px;
border : 161515 solid 1px;
color : 161515;
font-weight : normal;
cursor : text;
background-color: #ffffff;
opacity:0.7;
filter:alpha(opacity=70); /* For IE8 and earlier */
}
#searchform input {
border : none;
width : 31px;
height : 29px;
font : bold 12px Arial,sans-serif;
color : #161515;
background-color : #ffffff;
vertical-align : middle;
cursor : pointer;
opacity:0.7;
filter:alpha(opacity=70); /* For IE8 and earlier */
}

.button {
color:#ffffff;
font-size : 12pt;
height : 29px;
text-align : center;
padding :10px;
text-transform:uppercase;
background : #f32b55 url(http://s8.postimg.org/4ymdq7hip/a2_C9_N.png) no-repeat;
background-position: right;
border-radius: 10px 0px 10px 0px;
margin-right:5px;
font-weigh:700;
}

.button a {
color:#fff;
}

a.button {
color:#fff;
}

.buttons {
color:#f32b55;
font-size:10px;
text-transform:uppercase;
}

#informasi {
display:none;
}

section, section div {
  /* See it in slo-mo, you can change this */
  transition-duration: .6s;
}

* { box-sizing: border-box; }
html, body { height: 100%; }
section, .buttond { transition-timing-function: ease; }

section {
  display: inline-block;
  position: relative;
  padding: .375rem .375rem 0;
  height: 2.5rem;
  background: #A9ADB6;
  border-radius: .25rem;
  perspective: 300;
  box-shadow: 0 -1px 2px #fff, inset 0 1px 2px rgba(0,0,0,.2), inset 0 .25rem 1rem rgba(0,0,0,.1);
}


.buttond { opacity: 0; }

.cover {
  position: absolute;
  top: 0; right: 0; bottom: 0; left: 0;
  transform-origin: center bottom;
  transform-style: preserve-3d;
  font: 30px "icon";
  color: white;
  text-align: center;
  pointer-events: none;
  z-index: 100;
}


.innie, .outie, .spine, .shadow { position: absolute; width: 100%; }

.innie, .outie {
  height: 100%;
  background-image: -webkit-linear-gradient(top, transparent 0%, rgba(0,0,0,.1) 100%);
  border-radius: .25rem;
}
.innie:after, .outie:after { content:"t"; }

.innie {
  background-color: #f32b55;
  text-shadow: 0 -2px 4px rgba(0,0,0,.2);
}

.spine {
  top: .25rem;
  background: #f32b55;
  height: .25rem;
  transform: rotateX(90deg);
  transform-origin: center top;
}

.shadow {
  top: 100%;
  left: 0;
  height: 3.5rem;
  transform-origin: center top;
  transform: rotateX(90deg);
  opacity: 0;
  z-index: 0;
  background-image: -webkit-linear-gradient(top, rgba(0,0,0,.6) 0%, transparent 100%);
  background-image: linear-gradient(to bottom, rgba(0,0,0,.6) 0%, transparent 100%);
  border-radius: .4rem;

}

.outie {
  background-color: #f32b55;
  transform: translateZ(.25rem);
  text-shadow: 0 2px 4px rgba(0,0,0,.2);
}

section:hover { background: #EBEFF2; }
section:hover .button { opacity: 1; }

section:hover .cover, section:hover .innie, section:hover .spine, section:hover .outie, section:hover .spine { transition-timing-function: cubic-bezier(.2,.7,.1,1.1); }

section:hover .cover { transform: rotateX(-120deg);  }

section:hover .innie { background-color: #f32b55; }
section:hover .spine { background-color: #f32b55; }
section:hover .outie { background-color: #f32b55; color: rgba(255,255,255,0); }

section:hover .shadow { 
  opacity: 1;
  transform: rotateX(45deg) scale(.95);
}


small {
  font: .8rem/1 sans-serif;
  padding-top: 4rem;
  color: #777;
}
small a { color: #222; text-decoration: none; border-bottom: thin solid #ccc; }
small a:hover { border-bottom-color: #222; }


/* Twitter font icon: http://codepen.io/bennettfeely/pen/GCAKJ */
@font-face { font-family:icon; src: url('http://bennettfeely.com/fonts/icons.woff'); }

.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}