/*Theme generated by www.freeforumtools.com */
/*Edits by Omega*/
/* mobile */
@media only screen and (max-width: 650px) { 
#logo > a:nth-child(1) > center:nth-child(1) > img:nth-child(1) {
width: 95% !important;
}

#wrap, #logo, #submenu, #submenu_bar, #top, #top_bar {
width: 95% !important;
}

.portal_box {
 clear: both;
margin-bottom:auto;
}

#portal_r {
float:right;
width: 100% !important;
clear: both;
}

table#subscriptions tbody > tr th:nth-child(3), table#subscriptions tbody > tr th:nth-child(4), table#subscriptions tbody > tr th:nth-child(2), table#subscriptions tr[class*="row"] td:nth-child(3), table#subscriptions tr[class*="row"] td:nth-child(4), table#subscriptions tr[class*="row"] td:nth-child(2) {
display: none;
}
}

/* hides stuff from desktop */
@media only screen and (min-width: 651px) { 
#hide_from_desktop {
display:none;
}

#hide_from_mobile {
display: block;
}
}

/*mobile */
@media only screen and (max-width: 650px) { 
#cboxdiv, .cboxdiv, #hide_from_mobile,  td.c_info-v {
display: none;
}

#hide_from_desktop {
display: block;
}
}

/*Here's the general information about the skin, such as background, font size, etc. Its pretty straightforward.*/
html,body {
background: URL(http://b3.ifrm.com/9054/18/0/f7003994/star-4.gif) #111111;
color:#dddddd;
background-position: top left;
background-attachment: fixed;
font-family:"Helvetica", "Arial", "Bitstream Vera Sans", "Verdana", sans-serif;
font-size:93.3%;
margin:0;
padding:0;
}

/*Resize signature  and post images*/
td.c_sig img, td.c_post img {
max-width: 100%;
}

/*#first-body{
background-image: URL(http://i251.photobucket.com/albums/gg300/fabiogonzales/Star%20Force%20related%20images/backgrounds-2-2.png);
background-position: top right;
background-repeat: no-repeat;
background-attachment: fixed;
}*/

/*Hyperlink (Or at least I'm pretty sure)*/
a {
color:#54ccfe;
text-decoration:none;
}

/*Mouse over hyperlink*/
a:hover {
color:#54ccfe;
text-decoration:underline;
}

/*This is the color of the Horizontal line when using the [hr] tag*/
hr {
background-color:#54ccfe;
border:0;
clear:both;
height:1px;
}

/*???*/
/*Uh...for tables? There's really nothing I can test here*/
table {
border-collapse:collapse;
border-spacing:0;
clear:both;
empty-cells:show;
width:100%;
}

/*These are 2 different things, although they relate to each other. These are the secondary borders, so they affect everything except main text fields and categories.*/
th, td{
border:1px solid #54ccfe;
}

/*Could stand for "Title Headers". These affect headers for lists, such as thread replies/number sections, as well as the "Whose online" bit*/
th {
background:url() repeat-x top #111111;
color:#dddddd;
font-weight:400;
padding:3px 5px;
text-align:left;
}

/*This is the background for board description text, as well as the basic information about an individual board*/
td {
background:#222222;
color:#dddddd;
padding:5px 10px;
}

/*This affects the link color for the whose online bit. These are the links to the Title Header parts, as shown above already. */
/*Note the hover inclusion for links, which syncs it to what is declared for putting your mouse over a link at the top*/
th a,th a:hover {
color:#54ccfe;
font-weight:700;
}

/*???*/
/*I'm not sure what this is, but it doubles the font size of something. I can't find what its changing when I change the font or the size*/
h1 {
font-size:200%;
}

/*???*/
/*Not sure what this is either, but apparently it doesn't do anything. I don't even know why this is here*/
h2,h3 {
font-size:100%;
}

/*This is several things piled into one. These are the category bars or anything that would look like a category bar. There's little need to separate these, but you could if you wanted different pics for thread subsections, categories, and portal pages.*/
.category h2,.topic h2,#portal_foot h2,thead th {
background: url(http://b3.ifrm.com/9054/18/0/f7003993/LongQueencat.png) right top #111111;
background-repeat: no-repeat;
background-position: top right;
color:#dddddd;
font-size:110%;
font-weight:700;
}

#portal h2{
background: URL(http://b3.ifrm.com/9054/18/0/f7003993/LongQueencat.png) #111111;
color: #dddddd;
font-size:110%;
font-weight: 700;
}

/*This is related to the category images as shown above. It mainly changes the border for the titles that address the link that was last clicked at the top*/
thead th {
border:1px solid #54ccfe;
border-bottom-width:1px;
padding:5px;
text-align:center;
}

/*The header for the board statistics*/
h2.special {
background:url() repeat-x top #111111;
border-color:#54ccfe;
}

/*This is the text field box, along with a few other things such as combo boxes and uploads.*/
input,select,textarea,a.btn_fake {
background:#111111;
border:1px solid #54ccfe;
color:#DDDDDD;
padding:3px 5px;
vertical-align:middle;
}

/*This is the text box. Hard to figure out, right?*/
textarea {
font-family:"Verdana", sans-serif;
font-size:100%;
margin:auto;
width:98%;
}

/*If you'll notice, the border changes when you click into a text field, combo box, or anything that involves user modification. This changes what happens when you focus on an input field*/
input:focus,input.focus,textarea:focus,textarea.focus {
border-color:#5a70b3;
}

/*???*/
/*I guess this is the error message that pops up if you don't submit something correctly. Default fff8eb*/
.submit_error {
background:#C400C4;
border:1px solid #e77700;
}

/*This must be the coding for buttons*/
button,a.btn_fake, button.btn_mod {
background:url(http://z5.ifrm.com/static/1/css/btn.png) repeat-x top #f8f8f8;
color:#666;
border: 1px solid #3a5197;
cursor:default;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:90%;
overflow:visible;
width:auto;
}

/*What happens to the button when hovered over*/
button:hover,a.btn_fake:hover {
border-color:#9fa8e8;
}

/*Button text, obviously*/
button.btn_text {
background:none;
border:0;
cursor:pointer;
font-family:Arial, "Bitstream Vera Sans", Verdana, sans-serif;
font-size:100%;
}

/*???*/
/* This has to deal with the body text for the notice box when editing posts. Default fff*/
.notice {
background:#C400C4;
border:2px solid #e7e7e7;
color:#222222;
margin:10px auto 0;
width:70%;
}

/*???*/
/*Some sub function of Notice. Default 8CB5E7*/
.notice dt {
color:#C400C4;
font-weight:700;
}

/*???*/
/*Another sub Function of notice*/
.notice dd {
font-style:italic;
}

/*The information for the notice boxes. Mainly works for edit post notifications*/
dl.info {
background:#dddddd;
border-color:#000000;
}

/*The title for the Notice box or when you edit your post*/
.info dt {
background:#54ccfe;
border-bottom: 1px dotted #000000;
color:#dddddd;
}

/*???*/
/Default is fafafa*/
dl.error {
background:#C400C4;
border-color:#BC3737;
}

/*???*/
/*Default is e7e7e7*/
.error dt {
background:#C400C4;
color:#BC3737;
}

/*These address misc. items for the forum. Most of the stuff is straight forward, and I think this mainly just serves as the basics for each of these things that won't change*/
#top ul,#nav,ul.cat-pages,ul.cat-topicpages,table.calendar ul,div.meta_menu ul,#pm_folderlist,#profile_menu ul {
list-style:none;
padding:0;
}

/*I see little point to this. It doesn't look like it does all that much*/
#profile_menuwrap ul,ul.cat-topicpages,blockquote dl,#fast-reply dd {
margin:0;
}

/*This addresses the same kind of things that were already addressed previously. Not sure exactly what its doing*/
#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;
}

/*This is that very top section of the board above the user information*/
#top_bar {
background:url() repeat-x top #;
border-bottom: 1px solid #;
height:19px;
}

/*This is the account information found at the top of the page*/
#top {
background:url() repeat-x top #;
border-bottom:2px double #;
/*border: 0px solid #9fa8e8;*/
height:20px;
padding:0 2% 4px;
margin-bottom:12px;
}

/*This also has to deal with the account information at the top, although I'm not sure what.*/
#top_info {
color:#dddddd;
float:left;
margin-top:4px;
}

/*This is the user's account info to the left*/
#top_menu {
Background-color: #;
/*border-left:0px solid #9fa8e8;*/
float:right;
margin-top:0px;
}

/*Items for drop down menu for account options at the top*/
.drop_menu li {
background:url() repeat-x top #;
border-left: 0px solid #9fa8e8;
float:left;
margin-right:1px;
text-align:center;
width: auto;
}

/*???*/
/*No idea what this is either. Default is 9fa8e8*/
.drop_menu a {
color:#000000;
display:block;
padding:4px 0px;
position:relative;
width:8em
}

/*Changes what happens to the drop down menus at the top when you hover over them*/
.drop_menu a:hover {
color:#FFFFFF;
}

/*Top bar for the drop down menu*/
.drop_menu ul {
/*-moz-opacity:0.85;*/
border-top:1px solid #54ccfe;
color:#dddddd;
left:-999em;
margin:0;
/*opacity:0.85;*/
position:absolute;
width:9.4em;
}

/*Background for top drop down menus at the top.*/
.drop_menu ul li {
background:#222222;
font-size:85%;
margin:0;
padding:0;
width:100%;
}

/*I assume this is the border for the drop down menu thats above*/
.drop_menu ul li a {
border:0 solid #54ccfe;
border-width:0 1px 1px;
display:block;
padding:4px 5%;
width:90%;
}

/*The color of the drop down menu option when the mouse hovers over*/
.drop_menu li ul li a:hover {
background:#54ccfe;
}

/*Banner background. Remove the color to make this transparent*/
#logo {
background:url() repeat-x top #;
border:0px double #9fa8e8;
border-bottom:0;
clear:both;
margin:0 2%;
}

/*This is that little bar thats right below the banner. There's not alot of use to it. */
#submenu_bar {
background:url() repeat-x top #;
border:0px solid #9fa8e8;
height:14px;
margin:0 2%;
}

/*Search, Member, and Portal options are on this bar*/
#submenu {
background:url() repeat-x top #;
/*border-left:0px solid #9fa8e8;*/
/*border-right:0px solid #9fa8e8;*/
border-bottom:1px solid #;
color:#dddddd;
font-size:85%;
margin:0 2%;
padding:3px 1% 4px;
padding-top:0px;
text-align:right;
}

/*Link colors for the sub menu*/
#submenu a:link, #submenu a:active, #submenu a:visited {
color:#dddddd;
}

/*Essentially the background in a background. This is the background for the boards as opposed to the whole forum (which is the first thing in this code)*/
#wrap {
background-image: URL(http://b3.ifrm.com/9054/18/0/f7003995/QueenVirgoglow-1-min.png);
background-position: center;
background-repeat: no-repeat;
background-attachment: fixed;
/*background: URL() #222222;
border-top:2px solid #333333;
border-right:2px solid #333333;
outline: 1px solid #54ccfe;*/
margin:0 2% 30px;
}

/*This is the nagivation text. It tells the user where they are currently*/
#nav {
color:#54ccfe;
background: URL(http://b3.ifrm.com/9054/18/0/f7003994/star-4.gif) #111111;
background-position: top center;
border: 1px solid #54ccfe;
height:1%;
padding:10px 1%;
width: 766px;
text-align: left;
}

/*???*/
/*I think this is the box that tells you when you edit stuff. Default is BFC8E3*/
.meta_box {
background:url(z5.ifrm.com/static/1/css/boxbg.png) repeat-x top #D8DCEB;
border:1px solid #C400C4;
font-size:85%;
line-height:150%;
padding:10px 25px;
}

/*This controls the boxes in the user preferences and such that displays different links.*/
.meta_menu {
background:#222222;
border:1px solid #54ccfe;
padding:0;
width:49%;
}

/*This is the header for the Meta Menu (as seen above)*/
.meta_menu h3 {
background:url() repeat-x top #111111;
border:1px solid #54ccfe;
clear:both;
color:#dddddd;
font-size:100%;
font-weight:700;
margin:-1px;
text-align:center;
}

/*This deals with the links for the meta menu (I think)*/
.meta_menu a,.meta_menu a:hover {
color:# dddddd;
}

/*The size and style of the page number listing*/
ul.cat-pages {
float:left;
font-size:90%;
margin:15px 0;
padding: 5px 1px;
width:49%;
}

/*The boxes that indicate pages. Generally associated with threads*/
.cat-pages a,.cat-pagesjump i,.cat-topicpages a {
background:#111111;
border:1px solid #54ccfe;
color:#dddddd;
}

/*Hovering over the page boxes (above)*/
.cat-pages a:hover,.cat-topicpages a:hover {
background:#54ccfe;
color:#;
}

/*The page box the user is on when viewing the actual thread*/
.cat-pages span {
background:#54ccfe;
border:1px solid #111111;
color:#dddddd;
cursor:default;
font-weight:700;
padding:2px 5px;
}

/*Let me guess: The box the user inputs a specific page. The color is the text for this box*/
.cat-pages input {
background:#111111;
color:#54ccfe;
padding:3px 5px;
vertical-align:baseline;
}

/*This adjusts the size of the page boxes when viewing a board*/
ul.cat-topicpages {
float:right;
font-size:80%;
padding:1px 0;
}

/*This adjusts the text of the link that reveals older threads*/
tr.generic td,div.generic {
font-size:120%;
font-weight:700;
padding:20px;
text-align:center;
}

/*This changes the background for the thread options at the bottom of the page*/
td.c_head,td.c_foot,td.c_sort {
background:url() repeat-x top #111111;
color:#dddddd;
font-size:80%;
}

/*The box on the side that contains user's name when viewing previous post on the posting page*/
td.c_desc {
background:#111111;
font-weight:700;
text-align:right;
vertical-align:middle;
width:200px;
}

/*???*/
/*Relates to the above thing, but with small?*/
td.c_desc small {
display:block;
font-weight:400;
}

/*Background for new messages in the inbox*/
tr.pm_new td {
background:#000000;
font-weight:700;
}

/*???*/
/*Something hidden? Default D8DCEB*/
tr.hidden td.c_post {
background:#C400C4;
}

/*Birthday stuff, such as the cake on the calender*/
.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;
}

/*Changes the background of already visited forum icons*/
.c_mark {
background:#111111;
text-align:center;
width:1%;
}

/*Deals with the sub text for board descriptions*/
.c_forum {
color:#dddddd;
font-size:80%;
width:60%;
}

/*Primary link text for boards.*/
.c_forum strong a,.c_last strong a {
color:#dddddd;
}

/*Font size for the primary board links*/
.c_forum strong a {
font-size:135%;
}

/*Last thread with activity thats displayed in the board description*/
td.c_last {
background:#111111;
font-size:85%;
}

/*???*/
/*Not sure what this is. Default is dddddd*/
.c_forum-desc {
color:#C400C4;
font-size:85%;
}


/*Icon by latest thread in board description*/
.c_last-title {
background:url(http://z5.ifrm.com/static/1/last.gif) no-repeat left;
display:block;
line-height:16px;
padding-left:10px;
}

/*Thread statistics font*/
td.c_info-v,td.c_info-t,td.c_info-r {
font-size:80%;
padding:5px;
text-align:center;
}

/*The sub forum background stuff*/
td.c_subforum {
background:#111111;
color:#dddddd;
font-size:80%;
font-style:italic;
}

/*I think this is the border for the category bars*/
.cat_head td {
border-color:#54ccfe;
padding:0;
}

/*Statistics part prolly*/
#stats .cat_head td {
border-color:#54ccfe;
}

/*Thread descriptions*/
.description {
color:#dddddd;
font-size:85%;
}

/*Changes the underline when hovering over a member's name in thread*/
a.member:hover {
color:#54ccfe;
}

/*statistics icon*/
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;
}

/*The background behind a user's name*/
td.c_username {
background:#111111;
padding:2px 0;
text-align:center;
}

/*The size of the user name link in a thread*/
td.c_username a {
font-size:140%;
font-weight:700;
}

/*Text that describes a user, such as their custom title and post count*/
td.c_user {
font-size:80%;
}

/*The background of a user's statistics*/
td.c_user dl {
background:#111111;
border:1px solid #54ccfe;
margin:10px 0;
padding:5px 7px;
width:160px;
}

/*???*/
/*The user's profile or something? It deals with user text*/
dl.user_profile {
overflow:hidden;
word-wrap:break-word;
}

/*Deals with the font of a user's profile info or something similar*/
dl.user_profile dd {
font-style:italic;
margin-left:8px;
}

/*Something about the user's information*/
dl.user_info dd {
font-weight:700;
margin-bottom:1px;
}

/*The profile menu to adjust profile settings*/
#profile_menu ul {
-moz-opacity:1;
border-top:0;
opacity:1;
}

/*Adjust the background for the profile options*/
#profile_menu a {
background:#222222;
border:1px solid #54ccfe;
}

/*Gets rid of the top border of the profile options to make it look smoother*/
#profile_menu li li a {
border-top:0;
}

/*Hover option for the profile menu*/
#profile_menu li ul li a:hover {
background:#54ccfe;
}

/*Something with poll choices. Probably the different choices to make for polls*/
td.c_poll-choice label {
font-weight:700;
padding-left:1em;
}

/*Poll votes. Need more description?*/
td.c_poll-votes {
font-size:120%;
text-align:center;
width:15%;
}

/*The poll bar full, I think. Set as an image currently*/
td.c_poll-bar div {
background:url(http://z5.ifrm.com/static/1/poll_b.png) no-repeat right ;
float:left;
height:12px;
padding-right:3px;
}

/*A section of the poll bar.*/
td.c_poll-bar span {
background:url(http://z5.ifrm.com/static/1/poll_l.png) no-repeat;
display:block;
float:left;
height:12px;
width:3px;
}

/*Edit by information.*/
.editby,.queued {
border:1px dotted #54ccfe;
color:#dddddd;
font-size:85%;
font-style:italic;
margin-top:1em;
padding:3px 5px;
}

/*???*/
/*Not sure. Default D8DCEB*/
.queued {
background-color:#C400C4;
border-color:#5a70b3;
}

/*The bottom line for the quote box, as well as the whole border*/
blockquote {
background:#222222;
border:1px solid #54ccfe;
margin:10px auto;
padding-bottom:1px;
width:98%;
}

/*Quote box title*/
blockquote dl {
background:url() repeat-x top #111111;
border-bottom:1px solid #54ccfe;
color:#dddddd;
}

/*Uh...not sure, but make it the same color as the blockquote dl*/
blockquote dl dt {
color:#dddddd;
float:left;
font-weight:700;
}

/*code box for displaying code*/
code {
background:#111111;
display:block;
font-family:Monaco, Consolas, "Courier New", Courier, monospace;
white-space:normal;
}

/*The spoiler outline when toggled*/
div.spoiler {
border:1px solid #54ccfe;
border-top:0;
padding:5px 7px;
}

/*The spoiler when its untoggled*/
div.spoiler_toggle {
background:url(	http://b3.ifrm.com/9054/18/0/f7003992/VirgoSpoiler-1.png) no-repeat top right #111111;
border:1px solid #54ccfe;
color:#dddddd;
cursor:pointer;
font-weight:700;
padding:2px 4px;
}

/*Post info in threads*/
td.c_postinfo {
background:#111111;
color:#dddddd;
font-size:80%;
vertical-align:middle;
}

/*Signature default text*/
td.c_sig {
color:#dddddd;
font-size:80%;
}

/*The quote box for signatures*/
td.c_sig blockquote {
background:none transparent;
border:0;
border-left:3px solid #999;
padding-left:5px;
}

/*Title for quote boxes in sig*/
td.c_sig blockquote dl {
background:none transparent;
border:0;
color:#666;
}

/*More blockquote infor for sigs*/
td.c_sig blockquote dl dt,td.c_sig blockquote dl dd {
color:#aaaaaa6;
padding:0;
}

/*Blockquote stuff for sigs*/
td.c_sig blockquote div {
background:transparent;
margin-left:5px;
padding:0;
}

/*???*/
/*Not sure. Default f6f6f6 */
tr.c_postfoot {
background:#C400C4;
clear:both;
}

/*???*/
/*something about the size of something*/
td.c_footicons,td.c_postinfo {
width:100%;
}

/*???*/
/*Something with username*/
td.c_username {
width:175px;
}

/*???*/
/*Something else with links*/
.c_next a {
display:block;
font-size:125%;
font-weight:700;
text-align:center;
}

/*The background for the users that are viewing a certain topic*/
td.c_view {
background:#111111;
color:#dddddd;
}

/*Font sixe for the above, as well as sub text for it*/
div.c_view-list {
color:#dddddd;
font-size:92.5%;
}

/*This is all of the fast reply stuff. Pretty obvious looking at it.*/
dl#fast-reply dt {
background:url() repeat-x top #111111;
border:1px solid #54ccfe;
color:#dddddd;
font-size:110%;
font-weight:700;
margin:0;
padding:5px;
}

/Something else with the fast reply. I don't think we even have this option acitve, so whatever.*/
dl#fast-reply dd {
background:#111111;
border:1px solid #54ccfe;
padding:15px 0;
text-align:center;
}

/*The post preview, I assume*/
#c_post-preview {
background:#222222;
border:1px solid #54ccfe;
margin:0 auto 10px;
padding:5px;
text-align:left;
width:98%;
}

/*The resize buttons for inputting text. Used to extend/shrink the textbox in posts*/
#c_post-resize span {
color:#54ccfe;
cursor:pointer;
font-size:225%;
padding:20px 5px 0;
}

/*The background for the emoticons*/
#emot_wrap {
background:#111111;
border:1px solid #54ccfe;
}

/*The header for the emoticon section*/
#emot_wrap h3 {
background:url() repeat-x top #111111;
border-bottom:1px solid #54ccfe;
color:#dddddd;
font-size:120%;
text-align:center;
}

/*That last little part on the emoticon section that lets you see more.*/
#emot_end {
border-top:1px solid #54ccfe;
display:block;
font-weight:700;
padding:4px 0;
text-align:center;
}

/*PM folders. The leftmost section in the PM page*/
#pm_folders {
border-left:1px solid #54ccfe;
border-right:1px solid #54ccfe;
padding-top:30px;
vertical-align:top;
width:150px;
}

/*The list of folders that store PMs. Straightforward*/
#pm_folderlist {
position: relative;
margin-left:0;
margin-top:0
}

/*The folder icon for the PM folders*/
#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;
}

/*forwarding a PM?*/
#pm_forwarded {
border:1px dotted #C400C4;
color:#999;
font-size:90%;
font-style:italic;
margin-top:1em;
padding:3px 5px;
}

/*Gallery links for choosing an avatar*/
#ucp_gallery a {
color:#DDDDDD;
font-weight:700;
}

/*What happens when you hover your mouse over one of the gallery links*/
#ucp_gallery a:hover {
color:#54ccfe;
text-decoration:none;
}

/*Inactive calender days (from the previous and next month)*/
.calendar td.cal_inactive {
background:#111111;
color:#dddddd!important;
}

/*The calender panel's title*/
.calendar td div {
background:#000000;
border-bottom:1px solid #54ccfe;
font-weight:700;
padding:5px 7px;
}

/*birthday cakes for calender birthdays*/
.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;
}

/*???*/
/*Not exactly sure. I don't really care about the calender*/
.calendar li a,.calendar li span {
border-color:transparent;
border-style:solid;
border-width:1px;
display:block;
padding:3px;
}

/*The current date on the calender*/
.calendar td#cal_current {
background:#;
border:2px solid #330099;
}

/*The background for all of the content in the portal*/
div.portal_content {
background:#222222;
border:1px solid #54ccfe;
font-size:88.3%;
margin:0;
padding:5px 7px;
}

/*font sixe for the Portal header*/
#portal h2 {
font-size:88.3%;
}

/*The headers for the sections in the portal*/
#portal h4 {
background:url() repeat-x top #111111;
border-left:1px solid #54ccfe;
border-right:1px solid #54ccfe;
color:#dddddd;
font-size:88.3%;
font-weight:400;
margin:0;
padding:5px 7px;
}

/*Primary links in the FAQ*/
#faq dt a {
color:#54ccfe;
font-size:120%;
font-weight:700;
}

/*The "more" links for the FAQ to help n00bs*/
#faq dd.faq_more a,#faq dl.faq_more a:hover {
color:#aaaaaa;
font-style:italic;
}

/*The background for the search results*/
.search_results {
background:#222222;
border:1px solid #54ccfe;
margin-bottom:1em;
padding:5px 7px;
}

/*Increases the size of the thread name and treats it like a header for the search results*/
.search_results h3 {
display:inline;
font-size:125%;
}

/*The font color the search results are returned in*/
.search_results cite,.search_results p {
color:#dddddd;
font-size:85%;
margin:0;
}

/*???*/
/*Month font when searching for a user's post*/
#findposts .c_mark {
color:#54ccfe;
font-size:200%;
font-weight:700;
vertical-align:top;
}

/*I think this is the bit that pops up when you get a new PM*/
#pmtoast {
background: URL(http://b3.ifrm.com/9054/18/0/f7003991/VirgoPMToast.png) #111111;
border:2px solid #54ccfe;
background-position: top right;
background-repeat: no-repeat;
bottom:10px;
color:#333;
display:none;
font-size:90%;
position:fixed;
right:10px;
text-align:right;
text-decoration:none;
width:200px;
z-index:1;
}

/*Changes the border for the PM toast when a mouse hovers over it.*/
#pmtoast:hover {
border-color:#3300CC;
}

/*This is the icon and the like for the PM toast*/
#pmlink {
background:url() no-repeat 5px;
color:#FFFFFF;
display:block;
padding:10px 10px 10px 55px;
text-decoration:none;
}

/*This is the text for the PM Toast title*/
#pmlink big {
color:#DDDDDD;
display:block;
font-weight:700;
padding-bottom:5px;
}

/*The links in the PM Toast*/
#pmlink strong {
color:#54ccfe;
}

/*The close link at the bottom of the PM Toast*/
#pmclose {
border-top:1px solid #54ccfe;
color:#54ccfe;
display:block;
font-size:80%;
padding:1px 10px;
}

/*Hover over close link*/
#pmclose:hover {
color:#54ccfe;
}

/*???*/
/*Not sure what this is*/
#foot_wrap {
margin:20px 1px 20px 0;
width: 784px;
padding-left: 8px;
float: center;
}

/*The footer bar at the bottom. Contains the theme option as well*/
#foot td {
background:#111111;
border:1px solid #54ccfe;
float: center;
width: 750px;
color:#dddddd;
font-size:80%;
}

/*Hovering over links in the footer*/
#foot a,#foot a:hover {
color:#dddddd;
}

/*The date and time on the footer*/
#foot #foot_datetime {
border-left:0px solid #54ccfe;
width:1%;
white-space:nowrap;
}

/*The copyright information at the bottom*/
#copyright {
color:#aaaaaa;
background: #;
font-size:80%;
margin:10px 0;
text-align:center;
}

/*The link for Zetaboards at the bottom*/
#copyright a {
color:#54ccfe;
font-weight:700;
}


/*???*/
/*Some kind of header. Default 333*/
#c_tos h3 {
color:#C400C4;
font-size:120%;
}
/*???*/
/*Something with usernames. Default 33389a*/
td.username_ok {
background:#C400C4;
}

/*???*/
/*Something else with the username, but its the input. Default 9fa8e8*/
input.username_ok {
outline:2px solid #C400C4;
}

/*???*/
/*I don't think I'll find this either*/
td.username_no {
background:#33389a;
}

/*???*/
/*Pretty sure I won't find this too*/
input.username_no {
outline:2px solid #000000;
}

/*ACP login screen*/
#acplogin {
background:url() repeat-x 0 -195px #111111;
border:2px solid #54ccfe;
height:275px;
left:50%;
margin:-137.5px 0 0 -250px;
padding:0;
position:absolute;
top:50%;
width:500px;
}

/*The header for the ACP login*/
#acplogin h1 {
color:#dddddd;
font-weight:400;
height:50px;
margin-bottom:20px;
padding:50px 20px 0 0;
text-align:right;
}

/*The imagine for the ACP login*/
#acplogin h1 img {
position:absolute;
left:0;
top:0;
}

/*???*/
/*I think this would allow borders for images with links if you wanted them to.*/
a img {
border:0;
}

/*???*/
/*Some kind of form*/
form {
display:inline;
margin:0;
padding:0;
}

.category h2,.topic h2,#portal h2 {
padding:5px;
text-align:left;
}

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;
}

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;
}

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;
max-height: 10px;
max-width: 10px;
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,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;
}

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,td.c_post li {
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:.5%;
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 heading border*/
#portal h2,#portal_foot h2 {
clear:none;
margin:0;
padding:3px 5px;
border: 1px solid #54ccfe;
border-bottom: 0px;
}

#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:#dddddd;
}

input,select,td,th {
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:#dddddd;
}

/*The background for blockquotes*/
.row2 td,blockquote div {
background: #222222;
}

blockquote div {
background: URL(http://b3.ifrm.com/9054/18/0/f7003990/QueenandVirgoquote-2.png) no-repeat center #222222;
}

/*Hover for calender links*/
a.member,.calendar td a,.calendar a:hover,#faq dd a,#faq dd a:hover {
color:#dddddd;
}

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: #232955;
border:1px solid #9fa8e8;
color:#dddddd;
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:#;
}

#blog_foot {
clear:both;
margin-bottom:20px;
}

#blog_head {
background:#33389a;
border:8px solid #9fa8e8;
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:#33389a;
margin:15px 0;
padding:5px 7px;
}

#blog_sidebar h3,#blog_sidebar dt {
color:#aaaaaa;
font-weight:700;
}

#blog_sub {
background:#33389a;
clear:both;
position:relative;
padding:5px 7px;
text-align:right;
}

#blog_sub span {
padding-top:4px;
}

#blog_sidebar {
background:#232955;
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:#33389a;
border:1px solid #9fa8e8;
color:#dddddd;
float:right;
font-weight:700;
margin:0 15px;
text-align:center;
text-transform:uppercase;
width:40px;
}

div.blog_date span {
background:#33389a;
border-top:1px solid #9fa8e8;
color:#dddddd;
display:block;
font-size:130%;
font-weight:700;
padding:2px 4px;
}

div.blog_entry {
background:#232955;
margin:10px 0;
padding:5px 7px;
}

#blog_comments li {
padding:5px 7px;
}

#blog_comments li.odd {
background:#232955;
}

#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;
}

/*Only applies if shoutbox is available*/
#shoutbox dt {
color:#777;
font-size:80%;
}

#shoutopts,#shoutpost {
clear:both;
text-align:center;
}

/*Change the combo box for the skin*/
#setskin {
background-color: #111111;
color: #54ccfe;
Border: 1px solid #54ccfe;
}

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