html, body {
background: none repeat scroll 0 0 #252525;
color: #000000;
font-family: "Helvetica","Arial","Bitstream Vera Sans","Verdana",sans-serif;
font-size: 93.3%;
margin: 0;
padding: 0;
}
a {
color: #56C8FD;
text-decoration: none;
}
a:hover {
color: #F27D53;
text-decoration: none;
}
hr {
background-color: black;
border: 0 none;
clear: both;
color: #5A70B3;
height: 1px;
}
table {
border-collapse: collapse;
border-spacing: 0;
clear: both;
empty-cells: show;
width: 100%;
}
th, td {
border: 1px solid #2D2D2D;
}
th {
color: #777777;
font-family: segoe ui;
font-weight: 400;
padding: 3px 5px;
text-align: left;
}
td {
background: none repeat scroll 0 0 #252525;
color: #777777;
font-family: segoe ui;
padding: 5px 10px;
}
th a {
color: #777777;
font-weight: bold;
}
h1 {
font-family: calibri;
font-size: 200%;
text-transform: uppercase;
}
h2, h3 {
font-size: 100%;
}
.category h2, .topic h2, #portal h2, #portal_foot h2, thead th {
background: none repeat scroll 0 0 #FBFBFB;
color: #252525;
font-size: 110%;
font-weight: bold;
height: 20px;
}
thead th {
border-top: 3px solid #F27D54;
padding: 5px;
text-align: center;
}
h2.special {
background: none repeat scroll 0 0 #FBFBFB;
}
input, select, textarea, button, a.btn_fake {
background: none repeat scroll 0 0 #191919;
border: 1px solid #2D2D2D;
color: #777777;
padding: 3px 5px;
vertical-align: middle;
}
textarea {
background: none repeat scroll 0 0 #191919;
font-family: "Verdana",sans-serif;
font-size: 100%;
margin: auto;
width: 98%;
}
input:focus, input.focus, textarea:focus, textarea.focus {
border-color: #54C0F2;
transition: all 0.3s ease 0s;
}
.submit_error {
background: none repeat scroll 0 0 #FFF8EB;
border: 1px solid #E77700;
}
button, a.btn_fake {
color: #666666;
cursor: default;
font-family: calibri;
font-size: 110%;
overflow: visible;
width: auto;
}
button:hover, a.btn_fake:hover {
border-color: #56C8FD;
color: #F6F6F6;
}
button.btn_text {
background: none repeat scroll 0 0 transparent;
border: 0 none;
cursor: pointer;
font-family: Arial,"Bitstream Vera Sans",Verdana,sans-serif;
font-size: 100%;
}
.notice {
border: 2px solid #56C8FD;
color: #9D9D9D;
margin: 10px auto 0;
width: 70%;
}
.notice dt {
color: #56C8FD;
font-family: calibri;
font-size: 12px;
font-weight: bold;
letter-spacing: 1px;
text-transform: uppercase;
}
.notice dd {
font-style: italic;
}
dl.info {
border-color: #56C8FD;
}
.info dt {
background: none repeat scroll 0 0 #56C8FD;
color: #252525;
}
dl.error {
border-color: #F27D53;
}
.error dt {
color: #F27D53;
}
#top ul, #nav, ul.cat-pages, ul.cat-topicpages, table.calendar ul, div.meta_menu ul, #pm_folderlist, #profile_menuwrap ul {
list-style: none outside 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 {
background: none repeat scroll 0 0 #FBFBFB;
border-bottom: 4px solid #54C0F2;
height: 52px;
margin-bottom: 10px;
padding: 0 2% 4px;
}
#top_info {
color: #252525;
float: left;
font-family: segoe ui;
margin-left: 30px;
margin-top: 18px;
}
#top_menu {
float: right;
margin-bottom: 25px;
margin-top: 0;
transition: none 0s ease 0s;
}
.drop_menu li {
float: left;
margin-right: 1px;
text-align: center;
}
.drop_menu a {
color: #252525;
display: block;
font-family: segoe ui;
font-size: 13px;
padding: 19px 0 19px 6px;
position: relative;
text-transform: uppercase;
width: 9em;
}
.drop_menu a:hover {
color: #FFFFFF;
transition: none 0s ease 0s;
}
.drop_menu ul {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
background: none repeat scroll 0 0 #252525;
border-color: -moz-use-text-color #54C0F2 #54C0F2;
border-image: none;
border-style: none solid solid;
border-width: medium 2px 2px;
height: 120px;
left: -999em;
margin: 0 0 0 -2px;
opacity: 1;
position: absolute;
width: 123px;
}
.drop_menu ul li {
font-size: 85%;
margin: 12px 0 0;
padding: 0;
width: 100%;
}
.drop_menu ul li a {
display: block;
font-family: segoe ui;
font-size: 10px;
padding: 4px 5%;
width: 90%;
}
#submenu {
background: none repeat scroll 0 0 #FBFBFB;
border-bottom: 3px solid #F27D54;
font-size: 85%;
height: 30px;
margin-top: 25px;
padding: 15px 0 0;
text-align: center;
}
#nav {
background: none repeat scroll 0 0 #FBFBFB;
border-color: #56C8FD #F27D54 #F27D54;
border-style: solid;
border-width: 1px 1px 3px 2px;
margin: 30px 60px;
padding: 10px 0;
}
.meta_box {
background: url("http://z5.ifrm.com/static/1/css/boxbg.png") repeat-x scroll center top #D8DCEB;
border: 1px solid #BFC8E3;
font-size: 85%;
line-height: 150%;
padding: 10px 25px;
}
.meta_menu {
background: none repeat scroll 0 0 #FBFBFB;
border: 1px solid #56C8FD;
padding: 0;
width: 49%;
}
.meta_menu h3 {
background: none repeat scroll 0 0 #56C8FD;
clear: both;
color: #252525;
font-family: Calibri;
font-size: 100%;
font-weight: bold;
margin: -1px;
text-align: center;
text-transform: uppercase;
}
.meta_menu a {
color: #666666;
transition: all 0.3s ease 0s;
}
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: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #E7E7E7;
color: #5A70B3;
}
.cat-pages a:hover, .cat-topicpages a:hover {
background: none repeat scroll 0 0 #F6F6F6;
color: #5A70B3;
}
.cat-pages span {
background: none repeat scroll 0 0 #5A70B3;
border: 1px solid #3A5197;
color: #FFFFFF;
cursor: default;
font-weight: bold;
padding: 2px 5px;
}
.cat-pages input {
background: none repeat scroll 0 0 #FFFFFF;
color: #5A70B3;
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: bold;
padding: 20px;
text-align: center;
}
td.c_head, td.c_foot, td.c_sort {
color: #666666;
font-size: 80%;
}
td.c_desc {
font-weight: bold;
text-align: right;
vertical-align: middle;
width: 200px;
}
td.c_desc small {
display: block;
font-weight: 400;
}
tr.pm_new td {
background: none repeat scroll 0 0 #D8DCEB;
font-weight: bold;
}
tr.hidden td.c_post {
background: none repeat scroll 0 0 #D8DCEB;
}
.bday {
background: url("http://z5.ifrm.com/static/1/s_minibday.png") no-repeat scroll 0 0 transparent;
color: #425384;
font-size: 90%;
font-weight: bold;
height: 16px;
padding: 2px 2px 2px 18px;
width: 20px;
}
.c_mark {
background: none repeat scroll 0 0 #252525;
text-align: center;
width: 1%;
}
.c_forum {
color: #777777;
font-size: 80%;
height: 65px;
width: 60%;
}
.c_forum strong a, .c_last strong a {
color: #F27D54;
transition: all 0.3s ease 0s;
}
.c_forum strong a {
font-family: segoe ui;
font-size: 135%;
}
td.c_last {
background: none repeat scroll 0 0 #252525;
color: #777777;
font-family: segoe ui;
font-size: 85%;
}
.c_forum-desc {
color: #333333;
font-size: 85%;
}
.c_last-title {
color: #56C8FD;
display: block;
line-height: 16px;
padding-left: 10px;
transition: all 0.3s ease 0s;
}
td.c_info-v, td.c_info-t, td.c_info-r {
color: #777777;
font-family: calibri;
font-size: 85%;
height: 100%;
padding: 5px;
text-align: center;
}
td.c_subforum {
color: #777777;
font-family: calibri;
font-size: 85%;
font-style: italic;
}
.cat_head td {
border-color: #F27D54 #FBFBFB #E4E4E4 -moz-use-text-color;
border-style: solid solid solid none;
border-width: 3px 1px 1px medium;
padding: 0;
}
#stats .cat_head td {
border-top: 3px solid #F27D54;
}
.description {
color: #666666;
font-size: 85%;
}
a.member:hover {
color: #F27D53;
}
td#stats_events a, td#stats_events span {
background: url("http://z5.ifrm.com/static/1/s_minical.png") no-repeat scroll 2px center transparent;
padding: 4px 0 4px 20px;
}
td.c_username {
padding: 2px 0;
text-align: center;
}
td.c_username a {
font-size: 140%;
font-weight: bold;
}
td.c_user {
font-size: 80%;
}
td.c_user dl {
border: 1px solid #2D2D2D;
margin: 10px 0;
padding: 5px 7px;
width: 160px;
}
dl.user_profile {
overflow: hidden;
word-wrap: break-word;
}
dl.user_profile dd {
font-style: italic;
margin-left: 8px;
}
dl.user_info dd {
font-weight: bold;
margin-bottom: 1px;
}
#profile_menuwrap a {
height: 20px;
padding: 0;
}
td.c_poll-choice label {
font-weight: bold;
padding-left: 1em;
}
td.c_poll-votes {
font-size: 120%;
text-align: center;
width: 15%;
}
td.c_poll-bar div {
background: none repeat scroll 0 0 #F27D54;
float: left;
height: 12px;
padding-right: 3px;
}
td.c_poll-bar span {
display: block;
float: left;
height: 12px;
width: 3px;
}
.editby, .queued {
border: 1px dotted #E7E7E7;
color: #999999;
font-size: 85%;
font-style: italic;
margin-top: 1em;
padding: 3px 5px;
}
.queued {
background-color: #D8DCEB;
border-color: #5A70B3;
}
blockquote {
border: 1px solid #F27D54;
color: #999999;
font-family: segoe ui;
margin: 10px auto;
padding-bottom: 1px;
width: 98%;
}
blockquote dl {
background: none repeat scroll 0 0 #F27D54;
border-bottom: 1px solid #F27D54;
color: #FFFFFF;
}
blockquote dl dt {
color: #252525;
float: left;
font-weight: bold;
}
code {
display: block;
font-family: Monaco,Consolas,"Courier New",Courier,monospace;
white-space: normal;
}
div.spoiler {
border-color: -moz-use-text-color #F27D54 #F27D54;
border-image: none;
border-style: none solid solid;
border-width: medium 1px 1px;
padding: 5px 7px;
}
div.spoiler_toggle {
background: none repeat scroll 0 0 #F27D54;
color: #252525;
cursor: pointer;
font-family: calibri;
font-size: 14px;
padding: 2px 8px;
text-transform: uppercase;
}
td.c_postinfo {
color: #999999;
font-size: 80%;
vertical-align: middle;
}
td.c_sig {
color: #666666;
font-size: 80%;
}
td.c_sig blockquote {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
background: none repeat scroll 0 0 transparent;
border-color: -moz-use-text-color -moz-use-text-color -moz-use-text-color #999999;
border-image: none;
border-style: none none none solid;
border-width: 0 0 0 3px;
padding-left: 5px;
}
td.c_sig blockquote dl {
background: none repeat scroll 0 0 transparent;
border: 0 none;
color: #666666;
}
td.c_sig blockquote dl dt, td.c_sig blockquote dl dd {
color: #666666;
padding: 0;
}
td.c_sig blockquote div {
background: none repeat scroll 0 0 transparent;
margin-left: 5px;
padding: 0;
}
tr.c_postfoot {
background: none repeat scroll 0 0 #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: bold;
text-align: center;
}
td.c_view {
color: #777777;
}
div.c_view-list {
color: #999999;
font-size: 92.5%;
}
dl#fast-reply dt {
background: none repeat scroll 0 0 #56C8FD;
color: #252525;
font-size: 110%;
font-weight: bold;
margin: 0;
padding: 8px;
text-align: center;
}
dl#fast-reply dd {
border: 1px solid #56C8FD;
padding: 15px 0;
text-align: center;
}
#c_post-preview {
background: none repeat scroll 0 0 #111111;
border: 1px solid #4D4D4D;
margin: 0 auto 10px;
padding: 5px;
text-align: left;
width: 98%;
}
#c_post-resize span {
color: #54C0F2;
cursor: pointer;
font-size: 225%;
padding: 20px 5px 0;
transition: all 0.3s ease 0s;
}
#emot_wrap {
border: 1px solid #2D2D2D;
}
#emot_wrap h3 {
color: #777777;
font-size: 120%;
text-align: center;
}
#emot_end {
border-top: 1px solid #2D2D2D;
display: block;
font-weight: bold;
padding: 4px 0;
text-align: center;
}
#pm_folders {
padding-top: 30px;
vertical-align: top;
width: 150px;
}
#pm_folderlist {
margin-left: 0;
margin-top: 0;
position: relative;
}
#pm_folderlist li {
background: url("http://z5.ifrm.com/static/1/pmfolder.png") no-repeat scroll 5px center transparent;
display: list-item;
margin-bottom: 4px;
padding-left: 28px;
}
#pm_forwarded {
border: 1px dotted #E7E7E7;
color: #999999;
font-size: 90%;
font-style: italic;
margin-top: 1em;
padding: 3px 5px;
}
#ucp_gallery a {
color: #F27D53;
font-weight: bold;
transition: all 0.3s ease 0s;
}
#ucp_gallery a:hover {
color: #56C8FD;
transition: all 0.3s ease 0s;
}
.calendar td.cal_inactive {
background: none repeat scroll 0 0 #202020;
color: #333333 !important;
}
.calendar td div {
font-weight: bold;
padding: 5px 7px;
}
.calendar div a {
background: url("http://z5.ifrm.com/static/1/s_minibday.png") no-repeat scroll 5px center transparent;
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: none repeat scroll 0 0 #FBFBFB;
border: 2px solid #56C8FD;
}
div.portal_content {
color: #777777;
font-size: 88.3%;
margin: 0;
padding: 5px 7px;
}
#portal h2 {
font-size: 88.3%;
}
#portal h4 {
color: #777777;
font-size: 88.3%;
font-weight: 400;
margin: 0;
padding: 5px 7px;
}
#faq dt a {
color: #56C8FD;
font-size: 120%;
font-weight: bold;
transition: all 0.3s ease 0s;
}
#faq dd.faq_more a, #faq dl.faq_more a:hover {
color: #999999;
font-style: italic;
}
.search_results {
border: 1px solid #999999;
margin-bottom: 1em;
padding: 5px 7px;
}
.search_results h3 {
display: inline;
font-size: 125%;
}
.search_results cite, .search_results p {
color: #777777;
font-size: 85%;
margin: 0;
}
#findposts .c_mark {
font-size: 200%;
font-weight: bold;
vertical-align: top;
}
#pmtoast {
background: none repeat scroll 0 0 #252525;
border: 1px solid #F27D53;
bottom: 10px;
color: #333333;
display: none;
font-family: calibri;
font-size: 100%;
position: fixed;
right: 10px;
text-align: right;
text-decoration: none;
transition: all 0.3s ease 0s;
width: 200px;
z-index: 1;
}
#pmtoast:hover {
border-color: #56C8FD;
transition: all 0.3s ease 0s;
}
#pmlink {
color: #9D9D9D;
display: block;
padding: 10px 10px 10px 55px;
text-decoration: none;
}
#pmlink big {
background: none repeat scroll 0 0 #F6F6F6;
border-bottom: 2px solid #F27D53;
border-top: 2px solid #F27D53;
color: #252525;
display: block;
font-size: 14px;
font-weight: bold;
margin: -10px -10px 10px -55px;
padding: 8px;
text-transform: uppercase;
transition: all 0.3s ease 0s;
}
#pmlink strong {
color: #F27D53;
transition: all 0.3s ease 0s;
}
#pmclose {
background: none repeat scroll 0 0 #D1D1D1;
border-top: 1px solid #F27D53;
color: #252525;
display: block;
font-size: 80%;
padding: 1px 10px;
text-transform: uppercase;
}
#pmclose:hover {
background: none repeat scroll 0 0 #F6F6F6;
}
#foot_wrap {
margin: 20px 1px 20px 0;
}
#foot a, #foot a:hover {
color: #252525;
}
#foot td {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
background: none repeat scroll 0 0 #FBFBFB;
border-color: #56C8FD #FBFBFB #F27D54;
border-image: none;
border-style: solid;
border-width: 2px 1px;
color: #252525;
font-size: 80%;
}
#foot #foot_datetime {
border-left: 1px solid #E7E7E7;
white-space: nowrap;
width: 1%;
}
#copyright {
color: #9D9D9D;
font-size: 80%;
margin-left: 162px;
text-align: center;
}
#copyright a {
color: #F27D53;
font-weight: bold;
}
#c_tos h3 {
color: #333333;
font-size: 120%;
}
td.username_ok {
background: none repeat scroll 0 0 #E0FAE0;
}
input.username_ok {
outline: 2px solid #00CC00;
}
td.username_no {
background: none repeat scroll 0 0 #FAE0E0;
}
input.username_no {
outline: 2px solid #E77700;
}
#acplogin {
height: 275px;
left: 50%;
margin: -137.5px 0 0 -250px;
padding: 0;
position: absolute;
top: 50%;
width: 500px;
}
#acplogin h1 {
color: #FFFFFF;
font-weight: 400;
height: 50px;
padding: 90px 0 0;
text-align: center;
}
#acplogin h1 img {
left: 0;
margin: 0 100px;
position: absolute;
top: 0;
}
a img {
border: 0 none;
}
form {
display: inline;
margin: 0;
padding: 0;
}
.category h2, .topic h2, #portal h2 {
color: #252525;
font-family: calibri;
font-size: 16px;
padding-bottom: 8px;
padding-top: 8px;
text-align: center;
text-transform: uppercase;
}
h3 {
padding: 3px 0;
}
input[type="checkbox"] {
background: none repeat scroll 0 0 transparent;
border: 0 none;
padding: 0;
vertical-align: bottom;
}
input[type="radio"] {
border: 0 none;
}
select {
margin: 0 7px;
padding: 0;
vertical-align: bottom;
}
option {
margin: 2px 0;
}
button.btn_img {
border: 0 none;
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 {
color: #252525;
font-family: segoe ui;
font-size: 12px;
font-weight: normal;
padding: 3px 10px;
text-transform: uppercase;
}
#main {
height: 1%;
padding: 0 6%;
}
#nav li img {
display: none;
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;
}
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-top: 40px;
}
span.collapse, span.uncollapse {
background: none repeat scroll 0 0 #D1D1D1;
cursor: pointer;
float: right;
margin-top: -8px;
padding-bottom: 8px;
padding-left: 5px;
padding-right: 5px;
position: relative;
}
.c_mark img {
display: block;
margin: auto;
}
.c_last {
line-height: 1.4;
min-width: 300px;
width: 30%;
}
.category td.c_foot {
border-bottom: 3px solid #56C8FD;
height: 0;
margin: 0;
padding: 0;
}
#stats_members {
line-height: 1.2;
}
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 {
max-width: 175px;
min-width: 175px;
vertical-align: top;
width: 1px;
}
.c_post {
width: 100%;
}
.c_sig, .c_nosig {
width: 100%;
}
.avatar {
display: block;
margin: auto;
text-align: center;
}
.av_wrap {
margin: auto;
overflow: hidden;
text-align: center;
}
td.c_user .usertitle {
margin: 3px 0;
overflow-x: hidden;
text-align: center;
}
.pip {
margin: 3px 0;
white-space: nowrap;
}
dl.user_info dt, dl.user_info dd {
padding: 0.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;
}
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 {
background: none repeat scroll 0 0 #56C8FD;
font-size: 0;
height: 0;
padding: 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: 15px;
}
#portal_foot {
margin-top: 15px;
}
#portal_l, #portal_r {
border: 1px solid #2D2D2D;
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: none repeat scroll 0 0 transparent;
border: medium 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 {
color: #7D7D7D;
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 {
color: #252525;
}
input, select, td, th {
font-size: 90%;
}
button.btn_default, .c_post-attachment dt, #c_tos dt {
font-weight: bold;
}
.meta_menu a:hover {
text-decoration: none;
}
.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, .search_results h3 a, .search_results h3 a:hover {
color: #F27D54;
}
.row2 td, blockquote div {
}
a.member, .calendar a:hover, #faq dd a, #faq dd a:hover {
color: #56C8FD;
}
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, #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: none repeat scroll 0 0 #111111;
border: 1px solid #4D4D4D;
color: #9D9D9D;
margin: 10px 0;
}
#blog blockquote {
background: none repeat scroll 0 0 transparent;
border: medium none;
font-size: 85%;
padding: 0 10px;
}
#blog h1 {
float: right;
}
#blog h2 {
background: none repeat scroll 0 0 transparent;
clear: none;
font-size: 130%;
padding: 0;
}
#blog h2, #blog h2 a, #blog h2 a:hover {
font-family: calibri;
margin-bottom: 15px;
margin-left: 5px;
text-transform: uppercase;
}
#blog_foot {
clear: both;
margin-bottom: 20px;
}
#blog_head {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
border-color: #56C8FD #56C8FD -moz-use-text-color;
border-image: none;
border-style: solid solid none;
border-width: 1px 1px medium;
padding: 10px 14px;
}
#blog_head img.avatar {
display: inline;
}
#blog_main {
margin: 20px 200px 10px 10px;
}
div.blog_options {
color: #9D9D9D;
margin: 15px 0;
padding: 5px 7px;
}
#blog_sidebar h3, #blog_sidebar dt {
font-weight: bold;
}
#blog_sub {
background: none repeat scroll 0 0 #F6F6F6;
border-bottom: 2px solid #F27D53;
border-top: 2px solid #56C8FD;
clear: both;
font-family: calibri;
padding: 9px 5px 6px 7px;
position: relative;
text-align: right;
}
#blog_sub span {
padding-top: 4px;
}
#blog_sidebar {
background: none repeat scroll 0 0 #252525;
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-family: calibri;
font-size: 13px;
text-align: right;
}
div.blog_date {
background: none repeat scroll 0 0 #252525;
border: 1px solid #F27D53;
color: #F27D53;
float: right;
font-weight: bold;
margin: 0 15px;
text-align: center;
text-transform: uppercase;
width: 40px;
}
div.blog_date span {
border-top: 1px solid #F27D53;
color: #56C8FD;
display: block;
font-size: 130%;
font-weight: bold;
padding: 2px 4px;
}
div.blog_entry {
background: none repeat scroll 0 0 #252525;
border: 1px solid #F27D53;
border-radius: 0 0 0 0;
margin: 35px 0;
padding: 5px 7px;
}
#blog_comments li {
padding: 5px 7px;
}
#blog_comments li.odd {
background: none repeat scroll 0 0 #111111;
margin-right: 15px;
padding-left: 20px;
padding-right: 20px;
}
#shoutwrap {
background: none repeat scroll 0 0 #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 {
}
#shoutbox dl, #shoutbox dt, #shoutbox dd {
margin: 0;
padding: 0;
}
#shoutbox dt {
color: #777777;
font-size: 80%;
}
#shoutopts, #shoutpost {
clear: both;
text-align: center;
}
#top_info strong a {
color: #54C0F2;
transition: all 0.2s ease 0s;
}
#top_info small a {
color: #F27D54;
transition: all 0.2s ease 0s;
}
#top_info strong a:hover {
color: #252525;
transition: all 0.2s ease 0s;
}
#top_info small a:hover {
color: #252525;
transition: all 0.2s ease 0s;
}
.drop_menu li:hover {
background: none repeat scroll 0 0 #252525;
border-left: 3px solid #56C8FD;
border-right: 3px solid #56C8FD;
color: #FFFFFF;
height: 60px;
margin: 0 -3px 0 -2px;
transition: none 0s ease 0s;
width: 123px;
}
.drop_menu li a:hover {
color: #FFFFFF;
transition: none 0s ease 0s;
}
.drop_menu ul a {
color: #FFFFFF;
transition: none 0s ease 0s;
}
.drop_menu ul li:hover {
height: 0;
margin: 14px 0 20px -3px;
padding: 0;
width: 100%;
}
.drop_menu ul li a:hover {
background: none repeat scroll 0 0 #F27D54;
margin: -6px 0 0;
padding: 8px 6px;
}
.drop_menu li:hover a {
color: #FFFFFF;
}
#submenu a:hover {
background: none repeat scroll 0 0 #252525;
border-bottom: 3px solid #56C8FD;
color: #FFFFFF;
padding: 18px 10px 13px;
}
#logo {
background:url() repeat-x top #566cb0;
border:1px solid #3a5197;
border-bottom:0;
clear:both;
vertical-align: text-top;
margin:0 2%; }
#nav a {
background: none repeat scroll 0 0 #252525;
border-bottom: 3px solid #56C8FD;
border-right: 1px solid #56C8FD;
border-top: 1px solid #56C8FD;
box-shadow: 0 0 20px -5px #000000 inset;
color: #FFFFFF;
font-family: calibri;
padding: 10px 21px;
transition: all 0.3s ease 0s;
}
#nav li {
margin: 0 -20px 0 8px;
}
#nav li:first-child {
margin-left: -8px;
}
#nav li span {
color: #252525;
font-family: calibri;
font-weight: bold;
padding-left: 10px;
}
#nav a:hover {
color: #F27D54;
transition: all 0.3s ease 0s;
}
.c_forum strong a:hover, .c_last strong a:hover {
color: #56C8FD;
transition: all 0.3s ease 0s;
}
#stats td.c_foot {
background: none repeat scroll 0 0 #FBFBFB;
height: 30px;
padding-right: 20px;
}
#stats td.c_foot a {
color: #252525;
font-family: calibri;
font-weight: bold;
text-transform: uppercase;
transition: all 0.3s ease 0s;
}
table.profile td {
background: none repeat scroll 0 0 #252525;
}
#profile_menuwrap {
height: 35px;
}
#profile_menu a:hover {
height: 20px;
margin: 0;
padding: 0;
}
#profile_menu li:hover {
background: none repeat scroll 0 0 #252525;
border: 2px solid #F27D53;
margin: -25px 0 -51px -6px;
padding: 13px 2px 0 4px;
}
#profile_menu:hover a {
color: #FFFFFF;
}
#profile_menu ul {
border-color: #F27D53;
height: 170px;
margin-left: -6px;
margin-top: 15px;
width: 129px;
}
table.posting td {
background: none repeat scroll 0 0 transparent;
}
#c_post-resize span:hover {
color: #F27D54;
transition: all 0.3s ease 0s;
}
#stats td.c_foot a:hover {
color: #F27D54;
transition: all 0.3s ease 0s;
}
.meta_menu a:hover {
color: #252525;
transition: all 0.3s ease 0s;
}
#portal h2, #portal_foot h2 {
border-top: 3px solid #F27D54;
text-align: center;
}
#faq dt a:hover {
color: #F27D54;
transition: all 0.3s ease 0s;
}
#profile_menu ul a {
height: inherit;
margin-bottom: 0;
margin-top: 0;
padding-bottom: 0;
padding-left: 7px;
padding-top: 0;
}
#profile_menu li li:hover {
background: none repeat scroll 0 0 transparent;
border: medium none;
height: 0;
margin-top: 0;
padding: 0;
}
#profile_menu li li a:hover {
background: none repeat scroll 0 0 #56C8FD;
margin-bottom: 0;
margin-left: 0;
margin-top: 7px;
padding-left: 6px;
padding-right: 5px;
padding-top: 5px;
}
#profile_menu ul li:hover {
margin-bottom: 26px;
margin-left: -12px;
padding-left: 0;
}
#profile_menu ul li a:hover {
margin-left: 13px;
}
#profile_menu ul a:hover {
color: #252525;
}
.Normal {
background: none repeat scroll 0 0 #FBFBFB;
border-bottom: 3px solid #F27D54;
color: #252525;
display: block;
font-family: calibri;
font-weight: bold;
height: 20px;
padding-left: 5px;
padding-right: 5px;
padding-top: 7px;
text-transform: uppercase;
width: 40px;
}
.older {
background: none repeat scroll 0 0 #787878;
border-bottom: 3px solid #F27D54;
color: #252525;
display: block;
font-family: calibri;
font-weight: bold;
height: 20px;
padding-left: 5px;
padding-right: 5px;
padding-top: 7px;
text-transform: uppercase;
width: 40px;
}
th a:hover {
color: #56C8FD;
}
.postbutton {
background: none repeat scroll 0 0 #56C8FD;
color: #252525;
font-size: 10px;
font-weight: bold;
line-height: 18px;
padding: 5px 10px 9px;
text-transform: uppercase;
}
.postbutton:hover {
background: none repeat scroll 0 0 #F27D53;
}
.bigbutton {
background: none repeat scroll 0 0 #F27D53;
color: #252525;
font-family: calibri;
font-weight: bold;
padding: 8px 10px;
}
.bigbutton:hover {
background: none repeat scroll 0 0 #56C8FD;
}
button:focus, a.btn_fake:focus {
border-color: #F27D53;
}
div#logomain .logom {
font-family: calibri;
font-size: 40px;
text-align: center;
text-decoration: underline;
text-shadow: 0 0 1px #56C8FD;
}
div#logomain .logom:hover {
color: #56C8FD;
}
div#logosub .logotag {
color: #F27D53;
font-family: calibri;
text-transform: uppercase;
}
.collapse1 {
background: none repeat scroll 0 0 #D1D1D1;
font-family: segoe ui;
font-size: 20px;
margin: 0 10px;
}
.drop_menu li:hover a small {
color: #56C8FD;
}
#pmtoast:hover #pmlink big {
border-color: #56C8FD;
transition: all 0.3s ease 0s;
}
#pmtoast:hover #pmlink strong {
color: #56C8FD;
transition: all 0.3s ease 0s;
}
.icons {
background: none repeat scroll 0 0 #000000;
border: 2px solid #56C8FD;
height: 35px;
width: 35px;
}
.clock {
border: 2px solid #56C8FD;
border-radius: 12px 12px 12px 12px;
box-shadow: 0 0 0 2px #F27D53 inset;
color: #252525;
margin-right: 4px;
padding: 0 5px;
}
.topicnonew {
background: none repeat scroll 0 0 #809BA7;
border: 1px solid #56C8FD;
display: block;
float: left;
margin-left: 10px;
padding: 5px;
}
.topicnew {
background: none repeat scroll 0 0 #56C8FD;
border: 1px solid #56C8FD;
display: block;
float: left;
margin-left: 10px;
padding: 5px;
}
.topichot {
background: none repeat scroll 0 0 #F27D54;
border: 1px solid #F27D54;
display: block;
float: left;
margin-left: 10px;
padding: 5px;
}
.topicnohot {
background: none repeat scroll 0 0 #AF8577;
border: 1px solid #F27D54;
display: block;
float: left;
margin-left: 10px;
padding: 5px;
}
.topicpoll {
background: none repeat scroll 0 0 #8AD900;
border: 1px solid #8AD900;
display: block;
float: left;
margin-left: 10px;
padding: 5px;
}
.topicnopoll {
background: none repeat scroll 0 0 #899A6B;
border: 1px solid #8AD900;
display: block;
float: left;
margin-left: 10px;
padding: 5px;
}
.topiclock {
background: none repeat scroll 0 0 #000000;
border: 1px solid #691501;
display: block;
float: left;
margin-left: 10px;
padding: 5px;
}
.topicmove {
background: none repeat scroll 0 0 #691501;
border: 1px solid #691501;
color: #FFFFFF;
display: block;
float: left;
margin-left: 10px;
padding: 5px;
}
.topicreplied {
color: #FFFFFF;
}
.meter {
background: none repeat scroll 0 0 #555555;
border-radius: 3px 3px 3px 3px;
height: 15px;
margin-bottom: 5px;
margin-top: 5px;
position: relative;
}
.meter > span {
background-color: #F27D54;
border-radius: 3px 0 0 3px;
display: block;
height: 100%;
overflow: hidden;
position: relative;
}
.warnimage {
clear: both;
color: #000000;
display: inline;
float: inherit;
font-family: calibri;
margin: 10px;
}
.warnimage > span.note {
background: none repeat scroll 0 0 #9D9D9D;
color: #252525;
padding: 0 4px;
}
.warnimage > span.reduce {
background: none repeat scroll 0 0 #56C8FD;
color: #252525;
padding: 0 5px;
}
.warnimage > span.increase {
background: none repeat scroll 0 0 #F27D54;
color: #252525;
padding: 0 5px;
}
#warnnote {
background: none repeat scroll 0 0 #FBFBFB;
border-bottom: 2px solid #000000;
color: #252525;
display: block;
float: inherit;
font-family: calibri;
font-weight: bold;
padding: 6px;
text-transform: uppercase;
}
#noteup {
background: none repeat scroll 0 0 #FBFBFB;
border-bottom: 2px solid #F27D54;
color: #252525;
display: block;
float: inherit;
font-family: calibri;
font-weight: bold;
padding: 6px;
text-transform: uppercase;
}
#notedown {
background: none repeat scroll 0 0 #FBFBFB;
border-bottom: 2px solid #56C8FD;
color: #252525;
display: block;
float: inherit;
font-family: calibri;
font-weight: bold;
padding: 6px;
text-transform: uppercase;
}
.postbuttonol {
background: none repeat scroll 0 0 #56C8FD;
color: #252525;
font-size: 10px;
font-weight: bold;
line-height: 18px;
opacity: 0.7;
padding: 5px 10px 9px;
text-transform: uppercase;
}
.postbuttonol:hover {
background: none repeat scroll 0 0 #F27D53;
opacity: 1;
}
#cpyright {
color: #9D9D9D;
font-family: calibri;
font-size: 12px;
text-align: center;
text-transform: uppercase;
}
.facebook {
background: none repeat scroll 0 0 #2E4B86;
color: #FFFFFF;
display: block;
float: right;
font-weight: bold;
margin-bottom: 15px;
margin-right: 20px;
margin-top: -15px;
opacity: 0.5;
padding-bottom: 7px;
padding-top: 5px;
text-transform: lowercase;
transition: all 0.3s ease 0s;
width: 35px;
}
.twitter {
background: none repeat scroll 0 0 #40AEE0;
color: #FFFFFF;
display: block;
float: right;
font-weight: bold;
margin-bottom: 15px;
margin-right: 20px;
margin-top: -15px;
opacity: 0.5;
padding-bottom: 7px;
padding-top: 5px;
text-transform: lowercase;
transition: all 0.3s ease 0s;
width: 35px;
}
.dA {
background: none repeat scroll 0 0 #425546;
color: #FFFFFF;
display: block;
float: right;
font-weight: bold;
margin-bottom: 15px;
margin-right: 20px;
margin-top: -15px;
opacity: 0.5;
padding-bottom: 7px;
padding-top: 5px;
text-transform: none;
transition: all 0.3s ease 0s;
width: 35px;
}
#socnet {
font-family: segoe ui;
font-size: 16px;
}
.facebook:hover {
color: #FFFFFF;
opacity: 1;
transition: all 0.3s ease 0s;
}
.twitter:hover {
color: #FFFFFF;
opacity: 1;
transition: all 0.3s ease 0s;
}
.dA:hover {
color: #FFFFFF;
opacity: 1;
transition: all 0.3s ease 0s;
}
#blog_categories, #blog_readers, #blog_about {
background: none repeat scroll 0 0 #111111;
border: 1px solid #56C8FD;
border-radius: 10px 10px 10px 10px;
color: #9D9D9D;
font-family: calibri;
font-size: 14px;
margin-bottom: 20px;
margin-top: 20px;
padding: 15px;
}
#blog_sub a {
color: #252525;
font-weight: bold;
margin-left: 15px;
text-transform: uppercase;
transition: all 0.3s ease 0s;
}
#blog_sub a:hover {
color: #F27D53;
transition: all 0.3s ease 0s;
}

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