• Font Size
  
• Font Colour
  
• Font Family
  
• Anything that appears within the main journal base.

Code:

 

<!-- TOPMENU -->
<script type="text/javascript">
//<![CDATA[
$("#top_menu li a:contains('Report CP')").parents("body").find("#top").addClass("top_mod");
$("#top_menu li a:contains('Admin CP')").parents("body").find("#top").addClass("top_admin");
//]]>
</script>

<div id="main_content">

<div id="header">
<div id="header_left"></div>
<div id="header_right">
<div id="header_back">
<div id="header_gradient">
</div>
</div>
</div>

</div><!-- end header -->

<div id="main_left">

<div id="main_right">

<div id="wrap">
<!-- HEADER -->
<div id="submenu_wrap">
<div id="submenu_left"></div>
<div id="submenu_right"><!-- SUBMENU --></div>
<script type="text/javascript">
//<![CDATA[
$("#submenu a").not(":last").after(" · ");
//]]>
</script>
</div>
<!-- NAV -->
<!-- BOARD -->
</div><!-- end wrap -->

</div><!-- end main_right -->

</div><!-- end main_left -->

<div id="footer">

<div id="footer_left"></div>

<div id="footer_right">
<div id="footer_back">
<div id="footer_gradient"></div>
</div>
</div>

</div><!-- end footer -->

</div>

<script type="text/javascript">
//<![CDATA[
$(function() {
$("td.c_subforum strong").corner("3px");
$(".c_view-list").corner("5px");
$("blockquote div").corner("5px");
$("blockquote").corner("8px");
$("td.c_sig .cornercanvas").remove();
$("#blog .spoiler .cornercanvas").remove();
$("#blog .spoiler_toggle .cornercanvas").remove();
$(".meta_menu").corner("8px");
$("#c_bbcode a").corner("3px");
$(".notice").corner("10px");
$("#blog_sub a").corner("5px");
$("td.c_user dl").corner("5px tl #f1f1f1");
$("td.c_user dl").corner("5px bl #f1f1f1");
$("table.posts th:contains('New Announcement')").parents("table").addClass("announcements");
});
//]]>
</script>


Code:

 

/*** 'My Journal' Theme made by Nicola @ http://s2.zetaboards.com/ifskinzone ***/
/*** Please find codes and conditions of use/edits here: ***/

html,body {
background:url(http://209.85.62.24/11/88/0/p184555/background.jpg) repeat-x top #6590b4;
color:#555;
font-family: "Myriad Pro", "Segoe UI", "lucida sans", "Arial", "Bitstream Vera Sans", "Verdana", sans-serif;
font-size: 12px;
margin:0;
padding:0;
}

a {
color:#3a6894;
text-decoration:none;
}

a:hover {
color:#285682;
text-decoration:none;
}

hr {
background-color:#bbb;
border:0;
border-bottom: 1px solid #fff;
height:2px;
}

table {
border-collapse:separate;
border-spacing:0;
clear:both;
empty-cells:show;
width:100%;
}

.forums, .posts {
border-bottom: 1px dotted #ddd;
}

th {
color:#752019;
font-weight:400;
padding:3px 0px;
text-align:left;
background:#f0e6e8;
border-bottom: 1px dotted #a63831;
}

.posts th {
font-style: italic;
}

td {
color:#555;
padding:5px;
font-size: 11px;
background: #f9f9f9;
}

.posts td, .profile td {
border-bottom: 1px dotted #ccc;
}

/*.row2 td {
background: #f2f2f2;
}*/

.cat_head {
border-collapse: collapse;
border-spacing: 0;
}

.cat_head td {
padding: 0;
border:0;
}

th a,th a:hover {
color:#444;
font-weight:700;
}

h1 {
font-size:200%;
}

h2,h3 {
font-size:100%;
}

.category h2,.topic h2,#portal h2,#portal_foot h2,thead th, .posts thead th, .profile thead th, .pm thead th {
background: none;
color:#a63831 ;
font-size: 18px;
padding: 5px 0px 5px 0px;
font-weight:400;
border-bottom: 2px solid #a63831;
font-style: normal;
}

.category h2 a {
color: #a63831;
}

thead th {
padding:5px;
text-align:center;
font-size: 20px!important;
}

input,select,textarea,button,a.btn_fake {
background:#fafafa;
border:1px solid #abc0cf;
color:#333;
padding:3px 5px;
vertical-align:middle!important;
}

textarea {
font-family:"Verdana", sans-serif;
font-size:100%;
margin:auto;
width:98%;
}

input:focus,input.focus,textarea:focus,textarea.focus {
border-color:#4178a0;
}

.submit_error {
background:#fff8eb;
border:1px solid #e77700;
}

button,a.btn_fake {
background: #eee;
border:0;
margin-right: 2px;
border-top: 1px solid #f9f9f9;
border-left: 1px solid #f9f9f9;
border-bottom: 1px solid #eee;
border-right: 1px solid #eee;
outline: 1px solid #bbb;
color:#777;
cursor:default;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
overflow:visible;
width:auto;
}

button:hover,a.btn_fake:hover {
border-color:#4178a0;
cursor: pointer;
border:0;
border-top: 1px solid #e5e5e5;
border-left: 1px solid #e5e5e5;
border-bottom: 1px solid #f9f9f9;
border-right: 1px solid #f9f9f9;
color: #222;
}

button.btn_text {
background:none;
border:0;
cursor:pointer;
font-family:Arial, "Bitstream Vera Sans", Verdana, sans-serif;
font-size:100%;
}

#c_bbcode button {
margin-bottom: 4px;
}

input.row1 {
border: 1px solid #ddd!important;
margin-top: 2px;
margin-left: -1px;
}

#c_bbcode a {
background: #dae5ed;
padding: 3px 8px 4px 8px;
}

#c_bbcode a:hover {
background: #e4ebd8;
padding: 3px 8px 4px 8px;
color: #53770c;
}

.notice {
background:#fff;
border:1px solid #eee;
color:#21587f;
margin:10px auto 0;
max-width: 550px;
}

.notice dt {
color:#8CB5E7;
font-weight:700;
}

dl.info {
background:#e3ecf1;
border-color:#6d93ae;
}

.info dt {
background:url(http://209.85.62.24/11/88/0/p194627/notice_top.png) no-repeat bottom right;
color:#21587f;
font-weight: 400;
font-size: 14px;
}

dl.error {
border-color:#BC3737;
background: #f1e6e8;
color: #a21818;
}

.error dt {
background:url(http://209.85.62.24/11/88/0/p194626/notice_red_top.png) no-repeat bottom right;
color:#fff;
}

#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, table.calendar ul, .drop_menu {
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_bar {
display: none;
}

#top {
height:46px;
padding:0 1px 4px;
margin-bottom:30px;
background: url(http://209.85.62.24/11/88/0/p185827/top_copy.png) no-repeat top right;
}

#top_info {
color:#d4e3ee;
float:left;
margin-top: 7px;
margin-left: 20px;
}

#top_info a {
color: #e7f0f6;
}

#top_info a:hover {
color: #fff;
}

#top_menu {
float:right;
margin-top:0px;
}

.drop_menu li {
float:left;
text-align:center;
}

#top {
padding-right: 2px;
}

#menu_pm {
margin-right: 12px;

}

#menu_ucp {
margin-right: 52px;
}


#menu_ucp:hover,
#menu_pm:hover {
background: url(http://209.85.62.24/11/88/0/p185825/li_hover.png) no-repeat center bottom;
}

.drop_menu a {
color:#315679;
display:block;
padding: 7px 5px 17px 6px;
position:relative;
width: 106px;
}

.drop_menu ul {
background: url(http://209.85.62.24/11/88/0/p185824/menu_back.png) no-repeat bottom center ;
color:#fff;
left:-999em;
margin:0;
padding:0;
position:absolute;
width: 117px;
padding-bottom: 7px!important;
}

.drop_menu ul li {
font-size:85%;
margin:0;
padding:0;
width:100%;
background: none;
}

.drop_menu ul li a {
border-width:0 1px 1px;
display:block;
margin:0;
padding:4px 5px 4px 6px;
}

.drop_menu li a:hover {
color: #507294;
}

.drop_menu ul li:hover {
background: none;
}

#logo {
clear:both;
text-align: center;
}

#submenu_bar {
display: none;
}

#wrap {
background: #f9f9f9!important;
}

#nav {
color:#b5423c;
height:1%;
padding:10px 1%;
font-size: 14px;
border-bottom: 1px dotted #bbb;
border-top: 1px dotted #bbb;
}

#nav span {
font-weight: 400!important;
}

.meta_box {
background: #e9eef2;
border:1px solid #bacad8;
font-size:11px;
line-height:150%;
padding:10px 25px;
}

.meta_menu {
background:#e3ebf0;
padding:0;
width:49%;
min-height: 120px;
}

.meta_menu h3 {
border-bottom: 2px solid #376f97;
clear:both;
color:#376f97;
font-size: 18px;
font-weight:400;
text-align:center;
}

.meta_menu a {
color:#18527c;
padding: 3px 3px;
display: block;
}

.meta_menu a:hover {
padding: 3px 3px 2px 3px;
border-bottom: 1px dotted #376f97;
text-decoration:none!important;
background: #f1f5f8;
}

ul.cat-pages {
float:left;
font-size:14px;
margin:15px 0;
padding: 5px 1px;
width:49%;
}

.cat-pages a,.cat-pagesjump i,.cat-topicpages a {
background:#cad7e0;
border:1px solid #97aebf;
color:#19507a;
font-size: 11px;
}

.cat-pages a:hover,.cat-topicpages a:hover {
background:#d16863!important;
color:#fff!important;
border-color: #a3231d;
}

.cat-pages span {
background:#d16863;
border:1px solid #a3231d;
color:#FFF;
cursor:default;
font-weight:700;
padding:2px 5px;
font-size: 11px;
}

.cat-pages input {
background:#fff;
color:#19507a;
padding:3px 5px;
vertical-align:baseline;
}

ul.cat-topicpages {
float:right;
font-size:10px;
padding:1px 0;
width: 80px;
}

.cat-topicpages a {
color: #19507a!important;
}

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 {
border-bottom: 0;
color:#555;
font-size:80%;
}

td.c_desc {
background: #f3f3f3;
font-weight:400;
text-align:right;
vertical-align:middle;
width:200px;
font-size: 14px;
border-bottom: 1px dotted #bbb;
}

td.c_desc small {
display:block;
font-weight:400;
}

tr.pm_new td {
background:#e9eef2;
font-weight:700;
}

.pm td {
border-bottom: 1px dotted #ccc;
}

tr.hidden td.c_post {
background:#e9eef2;
border: 2px solid #91abc0;
}

.bday {
color:#688400;
font-size:13px;
font-weight:700;
height:16px;
padding:2px;
}

.c_mark {
text-align:center;
width:1%;
}

.c_forum {
color:#444;
width:60%;
line-height: 1.5em;
font-size: 12px;
padding-right: 30px;
}

.c_forum strong a {
font-size: 13px;
font-weight: 400;
color: #a63831;
display: block;
border-bottom: 1px dotted #ddd;
}

.c_forum strong a:hover {
border-color: #aaa;
color: #91261f;
}

td.c_last {
font-size:85%;
padding-right: 0;
}

.c_forum-desc {
color:#444;
font-size:85%;
}

.c_last-title {
color: #628dab;
display:block;
line-height:16px;
border-bottom: 1px dotted #ddd;
}

.c_last-title:hover {
border-color: #aaa;
}

td.c_info-v,td.c_info-t,td.c_info-r {
font-size:80%;
padding:5px;
text-align: left;
}


td.c_subforum {
color:#999;
font-size:80%;
font-style:italic;
}

td.c_subforum strong {
background: #eee;
padding: 3px;
}

.description {
color:#666;
font-size:85%;
}

a.member:hover {
color:#666;
}

td#stats_events a,td#stats_events span {
background:url(http://209.85.62.24/11/88/0/p198570/minical.png) no-repeat 2px;
padding:4px 0 4px 20px;
}

td.c_username {
padding:6px 0px 6px 0px;
text-align:center;
border-right: 1px dotted #bbb;
font-size: 20px;
border-bottom: 1px dotted #bbb;
background: #f5f5f5;
}

td.c_username a {
font-weight:700;
}

td.c_user {
padding: 5px 0px;
font-size:80%;
border-right: 1px dotted #bbb;
border-bottom: 1px dotted #bbb;
}

td.c_post {
font-size: 12px;
}

td.c_user dl {
margin:10px 0;
padding:5px 7px;
width:170px;
font-size: 11px;
}

.user_profile, .user_info {
border-bottom: 1px dotted #ccc;
}

.usertitle {
font-size: 11px;
}

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:700;
margin-bottom:3px;
padding-left: 20px!important;
}

td.c_user dt {
border-bottom: 1px dotted #bbb;
border-right: 1px dotted #bbb;
padding: 1px 5px!important;
color: #761f19;
}

td.c_user .user_profile dt {
background: #f2f2f2;
border: 1px solid #e1e1e1;
padding: 1px 5px!important;
color: #444;
}

#profile_menuwrap {
padding: 5px 0px;
}

#profile_menu ul {
padding: 0;
border-top:0;
background: none;
}

#profile_menu li {
padding: 0px;
width: 210px;
}
#profile_menu a {
font-size: 14px;
font-weight: 400;
padding: 4px 0px;
color: #eee;
display: block;
width: 100%;
background: #a13a3a;
}

.profile {
margin-top: 10px;
}


#profile_menu a:hover {
color: #fff;
border-bottom: 2px solid #962a2a;
padding-bottom: 2px;
}

#profile_menu li li a {
border-top:0;
font-size: 12px;
}

#profile_menu li ul li a:hover {
background:#b85d5d;
}

td.c_poll-choice label {
font-weight:700;
padding-left:1em;
}

td.c_poll-votes {
font-size:120%;
text-align:center;
width:15%;
}

td.c_poll-bar div {
background:url(http://209.85.62.24/11/88/0/p107311/poll_b.png) no-repeat right;
float:left;
height:12px;
}

td.c_poll-bar span {
background:url(http://209.85.62.24/11/88/0/p107312/poll_l.png) no-repeat;
display:block;
float:left;
height:12px;
width:3px;
}

.editby,.queued {
background: #d9e2e9;
border:1px dotted #bcccd7;
color:#376f97;
font-size:10px;
font-style:italic;
margin-top:1em;
padding:3px 5px;
}

.editby a {
font-weight: 700;
}

.queued {
background-color:#f9f9f9;
border-color:#91abc0;
font-size: 11px;
}

blockquote,#blog blockquote blockquote {
background:#eff3e7;
border:1px solid #cad5b0;
margin:10px auto;
padding: 5px;
width:98%;
}

blockquote dl {
color:#658b11;
}

blockquote div {
background: #fbfbfb;
padding-left: 10px;
}

blockquote dl dt {
color:#658b11;
float:left;
font-size: 16px;
font-weight:400;
padding: 0px!important;
}

code {
background:#fbfbfb;
display:block;
font-family:Monaco, Consolas, "Courier New", Courier, monospace;
white-space: pre;
max-height: 400px;
min-width:
max-width: 580px!important;
overflow: auto;
}

div.spoiler {
background: #f5e7e7;
border:1px solid #c77878;
border-top:0;
padding:5px 7px;
}

div.spoiler_toggle {
background: #eac8c8;
border:1px solid #c77878;
color:#a50000;
font-size: 11px;
cursor:pointer;
font-weight:400;
padding:2px 4px;
}

td.c_postinfo {
color:#555;
font-size:11px;
font-style: italic;
padding: 3px;
vertical-align:middle;
background: #f5f5f5;
border-bottom: 1px dotted #bbb;
}

.c_postinfo .left {
padding-top: 3px!important;
}

td.c_sig {
color:#666;
font-size: 100%;
border-top: 1px dotted #bbb;
border-bottom: 1px dotted #bbb;
}

td.c_sig blockquote {
background:none transparent;
border:0;
border-left:3px solid #bbb;
padding-left:5px;
}

td.c_sig blockquote dl {
background:none transparent;
border:0;
color:#4d78a2;
}

td.c_sig blockquote dl dt,td.c_sig blockquote dl dd {
color:#4d78a2;
padding:0;
font-size: 14px;
}

td.c_sig blockquote div {
background:transparent;
margin-left:5px;
padding:0;
}

tr.c_postfoot td, td.c_postfoot {
border-right: 1px dotted #ddd;
background: #f5f5f5;
clear:both;
}

td.c_footicons {
border-right:0;
}

td.c_username {
width:195px;
}

.c_next a {
display:block;
font-size:125%;
font-weight:700;
text-align:center;
}

td.c_view {
color:#555;
background: #f3f3f3;
}

div.c_view-list {
color:#666;
font-size:12px;
background: #fafafa;
padding: 5px;
border: 1px solid #ddd;
margin-top: 3px;
line-height: 1.4em;
}

dl#fast-reply dt {
background:;
border-bottom:2px solid #7e9d1d;
color:#7e9d1d;
font-size:20px;
text-align: center;
font-weight:400;
margin:0;
padding:5px;
}

dl#fast-reply dd {
background:#f2f5e9;
border:1px dotted #7e9d1d;
border-top:0;
padding:15px 0;
text-align:center;
}

#c_post-preview {
background:#f6f0ef;
border:1px solid #bd6965;
margin:0 auto 10px;
padding:5px;
text-align:left;
width:98%;
}

#c_post-resize span {
color:#65882a;
cursor:pointer;
font-size:30px;
padding:20px 5px 0;
}

#emot_wrap {
background: #f4f4f4;
}

#emot_wrap h3 {
background: #edf0e3;
color:#799613;
font-size:16px;
font-weight: 400;
border-bottom: 2px solid #92aa3b;
text-align:center;
}

#emot_end {
border-top:1px dotted #799613;
display:block;
font-weight:400;
padding:4px 0;
font-size: 14px;
text-align:center;
background: #edf0e3;
color: #637d05;
}

#pm_folders {
border-right: 1px dotted #bbb;
border-left: 1px dotted #bbb;
border-bottom:0;
padding-top:30px;
vertical-align:top;
width:150px;
background: #f5f5f5;
}

#pm_folderlist {
position: relative;
margin-left:0;
margin-top:0;
}

#pm_folderlist li {
background:url(http://209.85.62.24/11/88/0/p196248/pm_folder.png) no-repeat 5px 2px;
display:list-item;
margin-bottom:4px;
padding-left:28px;
padding-top: 6px;
}

#ucp_gallery a {
color:#3a6894;
font-weight:400;
font-size: 14px;
}

#ucp_gallery a:hover {
color:#4d78a2;
}

#ucp_gallery img{
opacity: 0.9;
}
#ucp_gallery img:hover {
opacity: 1;
}

.ucp {
margin-bottom: 20px;
border-bottom: 1px dotted #bbb;
}

.ucp td.c_desc {
border-top: 1px dotted #bbb;
border-bottom:0;
}

.ucp td {
border-right: 1px dotted #bbb;
}

#ucp_gallery {
border:0;
}

.ucp input {
margin-right: 12px;
}

td.c_sig#c_post #c_post-preview, td.c_sig#c_post textarea {
font-size: 12px;
color: #555;
}

.calendar td div {
background:#f6f6f6;
border-bottom:1px dotted #bbb;
font-weight:400;
padding:5px 7px;
font-size: 18px;
font-family: Georgia;
color: #8a2e28;
}

.calendar td {
border-right:1px dotted #bbb;
}

.calendar div a {
background:url(http://209.85.62.24/11/88/0/p198573/cake.png) no-repeat 5px;
float:right;
font-size:80%;
font-weight:400;
padding:0 0 6px 30px;
}

.calendar td.cal_inactive {
background:#eee;
color:#aaa!important;
font-size: 12px!important;
}

.calendar td.cal_inactive div {
color:#aaa!important;
font-size: 12px!important;
padding: 8px;
}

.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 #a63831;
}

div.portal_content {
background:#fbfbfb;
border:1px dotted #91abc0;
font-size:12px;
margin:0;
padding:5px 7px;
}

#portal h2 {
font-size:88.3%;
color: #346c94;
border-color: #346c94;
padding: 5px;
background: #e7ecef;
}

#portal h2 a {
color: #346c94;
}

#portal h4 {
background: #f3f3f3;
border-left:1px dotted #bbb;
border-right:1px dotted #bbb;
color:#555;
font-size:88.3%;
font-weight:400;
margin:0;
padding:5px 7px;
}

.c_poll-answer,
.c_poll-bar {
border-bottom: 1px dotted #bbb;
color: #555;
font-size: 11px;
}

.c_poll-answer {
background: #f6f6f6;
}

.c_poll-vote {
background: #eff3e7;
border-bottom: 1px dotted #a5b782;
}
.c_poll-vote a {
color: #577221;
font-size: 11px;
}

#faq td {
vertical-align: top;
border-bottom: 1px dotted #bbb;
}

#faq dt {
border-bottom: 2px solid #3a6894;
}

#faq dt a {
color:#3a6894;
font-size: 18px;
font-weight:400;
}

#faq dd {
font-size: 12px;
}

#faq dd.faq_more a,#faq dl.faq_more a:hover {
color:#777;
font-style:italic;
font-size: 11px;
}

.search_results {
background: #f1f1f1;
border: 1px solid #bbb;
margin-bottom:1em;
padding:5px 7px;
}

.search_results h3 {
display:inline;
font-size:20px;
font-weight: 400;
border-bottom: 1px dotted #19507a;
}

.search_results div {
padding: 10px 20px;
}

.search_results div {
margin:0!important;
}

.search_results cite,.search_results p {
color:#666;
font-size:85%;
margin:0;
font-style: italic
}

#findposts .c_mark {
color:#a63831;
font-size:200%;
font-weight:700;
vertical-align:top;
}

#findposts td {
border-bottom: 1px dotted #bbb;
font-size: 12px;
padding: 5px 0px;
}

#findposts td a {
padding: 3px 3px 2px 3px;
}
#findposts td a:hover{
background: #fff;
}

#pmtoast {
background: url(http://209.85.62.24/11/88/0/p195634/pm_popupback.png) no-repeat;
bottom:10px;
color:#444;
display:none;
font-size:90%;
position:fixed;
right:10px;
text-align:right;
text-decoration:none;
width:200px;
height: 150px;
z-index:1;
}

#pmlink {
color:#444;
display:block;
padding:20px 15px 10px 45px;
text-decoration:none;
}

#pmlink big {
color:#751f19;
display:block;
font-size: 17px;
font-weight:400;
padding-bottom:5px;
}

#pmlink strong {
color:#4177a0;
font-size: 12px;
}

#pmclose {
color:#4177a0;
display:block;
font-size:11px;
padding:1px 0px;
width: 100px;
margin-left: auto;
margin-right: 15px;
}

#pmclose:hover {
color:#1f537a;
border-bottom: 1px dotted #bbb;
}

#foot_wrap {
margin-top: 20px;
}

#foot {
border-collapse: collapse;
}

#foot td {
color:#555;
font-size:11px;
border: 1px dotted #bbb;
}

td#foot_links {
border-left:0;
}

td#foot_themechooser {
border-right:0;
}

#foot a,#foot a:hover {
color:#555;
}

#foot #foot_datetime {
width:1%;
white-space:nowrap;
}

#copyright {
color:#d4e5f1;
font-size:11px;
margin:10px 0;
text-align:center;
}

#copyright a {
color:#fff;
font-weight:400;
}

#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://209.85.62.24/11/88/0/p198823/acplogin.png) no-repeat;
height:335px;
left:50%;
margin:-137.5px 0 0 -280px;
padding-top: 115px;
position:absolute;
top:50%;
width:600px;
}

#acplogin table {
width: 400px;
margin-left: 20px;
}

#acplogin thead th {
color: #2f6791;
border-bottom: 2px solid #3d749c;
background: none;
}

#acplogin h1 {
display: none;
}


#acplogin table td {
border-bottom: 1px dotted #bbb;
border-right: 1px solid #bbb;
}
#acplogin td.c_desc {
border-right:0;
}

#acplogin td.c_mark {
border-bottom:0!important;
background: url(http://209.85.62.24/11/88/0/p198847/acpkey.png) no-repeat center #e9eef2;
padding: 0px 55px;
border-bottom:1px solid #bbb!important;
border-right:0;
border-left:1px solid #bbb;
}

#acplogin td.c_mark img {
display: none;
}

#acplogin .postbtn td {
font-size: 12px;
background: #e9eef2;
border-bottom:1px solid #bbb;
color: #3d749c;
}

a img {
border:0;
}

form {
display:inline;
margin:0;
padding:0;
}


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:middle;
margin-top: -3px;
}

.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:175px;
}

img.c_user {
height: 1px;
}

.avatar, img.member {
display:block;
margin:auto;
text-align:center;
}

.av_wrap {
overflow:hidden;
text-align:center;
margin:auto;
}

td.c_user .usertitle {
text-align:center;
margin:3px 0;
}

.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 {
list-style-type:square;
margin-left:10px;
}

.c_post img,#topic_review img, .portal_content 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:0px;
height:1px;
background: #88b2cd!important;
}

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_content blockquote {
max-width: 450px;
}
.portal_content code {
max-height: 200px;
width: 98%!important;
}

.portal_box {
margin-bottom:5px;
padding:1px;
}

.portal_box table {
clear:none;
}

#portal h2,#portal_foot h2 {
clear:none;
margin:0;
font-size: 16px;
}

#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;
}


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%;
}

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, td.c_postinfo input {
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 {
color:#333;
margin:10px 0;
}

#blog blockquote {
background:none;
border:none;
font-size:85%;
padding:0 10px;
}

#blog blockquote blockquote {
font-size: 100%;
margin-top: 25px;
}

#blog blockquote blockquote dd {
padding: 5px 5px 0px 5px!important;
}

#blog blockquote code {
width: 98.5%!important;
}

#blog h1 {
float:right;
margin-top: 35px;
font-weight: 400;
font-size: 24px;
border-bottom: 1px dotted #29638d;
}

#blog h2 {
background:none;
clear:none;
font-size:24px;
padding:5px 0px;
font-weight: 400;
border-bottom: 1px dotted #29638d;
margin-right: 70px;
}

#blog h2,#blog h2 a,#blog h2 a:hover {
color:#29638d;
}

#blog_foot {
clear:both;
margin-bottom:20px;
}

#blog_head {
padding:10px 14px;
border: 8px solid #e9eef2;
background: #f9f9f9;
min-height: 100px;
}

#blog_head img.avatar {
display:inline;
}

#blog_head:after {
content: ".";
display: block;
height: 0;
line-height:0;
clear: both;
visibility: hidden;
}

#blog_main {
margin:10px 200px 10px 10px;
}

#blog_categories,#blog_readers,#blog_about,div.blog_options {
margin:15px 0;
padding:5px 7px;
background: #f9f9f9;
}

#blog_sidebar h3,#blog_sidebar dt {
color:#29638d;
font-weight:400;
font-size: 16px;
}

#blog_sub {
background: url(http://209.85.62.24/11/88/0/p192810/blue_dashed.png) repeat-x bottom right #e9eef2;
clear:both;
position:relative;
padding:5px 5px 10px 5px;
text-align:right;
}

#blog_sub button {
padding: 1px 5px;
}

#blog_sub span {
padding-top:4px;
}

#blog_sub a {
padding: 5px 5px;
background: #d2dde6;
}

#blog_sub a:hover {
background: #fff;
}

#blog_sidebar {
background: #e9eef2;
float:right;
font-size:93.3%;
margin:10px 0px 0 0;
padding:0 10px;
width:160px;
}

#blog_sidebar dd {
margin-left:10px;
}

#blog_user {
font-size:175%;
}

#blog table {
clear:none;
}

div.blog_options {
font-size:12px;
text-align:right;
background: #e9eef2;
}

div.blog_date {
background: url(http://209.85.62.24/11/88/0/p193486/blog_date.png) no-repeat center;
color:#fff;
float:right;
font-weight:700;
margin:0 15px;
text-align:center;
text-transform:uppercase;
width:50px;
font-size: 11px;
padding: 4px 3px 7px 0px;
}

div.blog_date span {
color:#850d00;
display:block;
font-size:18px;
font-weight:400;
padding:1px 4px;
}

div.blog_entry {
background:#fff;
margin:10px 0;
padding:5px 7px;
font-size: 14px;
line-height: 1.3em;
}

#blog_comments li {
padding:5px 7px;
}

#blog_comments li.odd {
background:#f6f6f6;
}

#shoutwrap {
background:#f9f9f9;
border:1px dotted #bbb;
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:#f3f3f3;
border-bottom: 1px dotted #ddd;
}

#shoutbox dl,#shoutbox dt,#shoutbox dd {
margin:0;
padding:0;
}

#shoutbox dt {
color:#777;
font-size:80%;
}

#shoutopts,#shoutpost {
clear:both;
text-align:center;
}




#main_content {
min-width: 800px;
max-width: 980px;
padding-right: 30px;
background: url(http://209.85.62.24/11/88/0/p192905/top_decoration.png) no-repeat -1px 0px;
padding-top: 110px;
}

#header {
height: 60px;
}

#header_left {
width: 125px;
height: 60px;
background: url(http://209.85.62.24/11/88/0/p184475/top_left.png) no-repeat bottom left;
float: left;
}

#header_right {
height: 60px;
background: url(http://209.85.62.24/11/88/0/p184476/top_right.png) no-repeat bottom right;
margin-left: 125px;
}

#header_back {
background: url(http://209.85.62.24/11/88/0/p184473/top_back.png) repeat-x bottom;
margin-right: 122px;
height: 60px;
}
#header_gradient {
background: url(http://209.85.62.24/11/88/0/p184474/top_gradient.png) no-repeat bottom left;
height: 60px;
width: 100%;
}


#main_left {
background: url(http://209.85.62.24/11/88/0/p184471/main_left.png) repeat-y left top ;
}

#main_right {
background: url(http://209.85.62.24/11/88/0/p184472/main_right.png) repeat-y right;
padding-right: 31px;
margin-left: 125px;
}

#wrap {
background: url(http://209.85.62.24/11/88/0/p184470/main_back.png) repeat-y left #f9f9f9;
padding-left: 5px;
}

#main {
padding: 0;
}

#footer {
height: 125px;
}

#footer_left {
width: 125px;
height: 125px;
background: url(http://209.85.62.24/11/88/0/p184468/bottom_left.png) no-repeat top left;
float: left;
}

#footer_right {
background: url(http://209.85.62.24/11/88/0/p184469/bottom_right.png) no-repeat top right;
height: 125px;
margin-left: 125px;
}

#footer_back {
background: url(http://209.85.62.24/11/88/0/p184466/bottom_back.png) repeat-x top;
height: 125px;
margin-right: 137px;
}

#footer_gradient {
background: url(http://209.85.62.24/11/88/0/p184467/bottom_gradient.png) no-repeat left top;
height: 125px;
width: 100%;
}

#submenu_left {
width: 68px;
height: 60px;
background: url(http://209.85.62.24/11/88/0/p185541/submenu_left.png) no-repeat left top;
float: left;
}
#submenu {
background: url(http://209.85.62.24/11/88/0/p185540/submenu_bg.png) repeat-x top;
clear: none;
margin-left: 68px;
padding-top: 18px;
padding-bottom: 30px;
margin-right: 68px;
text-align: center;
font-size: 11px;
}
#submenu a {
padding: 7px 10px;
}
#submenu a:hover {
border-bottom: 2px solid #6aac1b;
text-decoration: none;
color: #55920b;
}


#submenu_right {
height: 60px;
background: url(http://209.85.62.24/11/88/0/p185542/submenu_right.png) no-repeat top right;
}


#top.top_mod {
background: url(http://209.85.62.24/11/88/0/p185867/top_mod.png) no-repeat right top;
}

#menu_rcp, #menu_acp {
margin-right: 50px;
}

#menu_rcp a {
color: #e7f2d6;
}

#menu_rcp a:hover {
color: #f9fbf5;
}
#menu_acp a {
color: #f7d2d9;
}
#menu_acp a:hover {
color: #fbeef1;
}

#top.top_admin {
background: url(http://209.85.62.24/11/88/0/p185866/top_admin.png) no-repeat top right;
}


#menu_rcp ul{
background: url(http://209.85.62.24/11/88/0/p185965/prefs_menu_back.png) no-repeat bottom right;
}

#menu_rcp:hover {
background: url(http://209.85.62.24/11/88/0/p185964/prefs_li_hover.png) no-repeat center bottom;
}

/******************* Forum View *****************/

.posts a {
color: #2c769e;
font-size: 12px;
}

.posts a:hover {
background: #fff;
}

th.c_cat-replies, td.c_cat-replies, th.c_cat-views, td.c_cat-views, th.c_cat-lastpost, td.c_cat-lastpost {
text-align: left;
padding: 3px 0px;
}

.row1.pin td,
.row2.pin td {
font-weight: 600;
}

ul.cat-topicpages {
width: 90px;
text-align: left;
}

#announcement_head th{
color: #7e9d1d;
background: none;
padding: 5px 0px;
border-bottom: 2px solid #7e9d1d;
font-size: 16px;
font-style: normal;
}
#announcement_head th a {
color: #7e9d1d;
}

.announcements {
width: 80%;
margin: 0 auto;
background: #eff3e7;
border:0;
}
.announcements td{
color: #555;
background: #f3f3f3;
padding: 5px 0px;
}

.announcements td a {
color: #555;
font-size: 12px;
}

/********* Foot stuff **********/
td.c_foot, td.c_sort, .c_topicfoot {
background: #e9eef2;
border-bottom: 1px dotted #3d749c;
color: #3d749c;
border-top: 1px dotted #3d749c;
}

table.posts td.c_foot {
}

.category td.c_foot {
background: none;
border:0;
padding: 0;
height: 0;
}

/*********** Stats ***************/

#stats th a,
#stats td.c_foot a {
color: #7b9b0e;
}

#stats h2 {
border-color: #7b9b0e;
color: #7b9b0e;
}
#stats th {
border-bottom: 1px dotted #7b9b0e;
background: #e7e9e0;
color: #333;
}

#stats td.c_foot {
border-bottom: 1px solid #7b9b0e;
padding: 5px 0px;
font-size: 11px;
border-top: 1px dotted #bbb;
}

#stats {
margin-top: 30px;
}

#stats .forums {
border:0;
}

#stats_members {
border-bottom: 1px dotted #bbb;
padding: 5px 0px;
font-size: 12px;
}
#stats_legend {
padding: 5px 0px;
}


/******* topic *********/

.topic thead th{
font-size: 26px!important;
background: none;
color: #3d749c;
border-bottom: 2px solid #3d749c;
}

.topic th {
background: #e9eef2;
border-bottom: 1px dotted #3d749c;
color: #3d749c;
}
.topic th a {
color: #3d749c;
}
.c_topicfoot {
font-size:14px;
}

/******* Posting *************/

.posting thead th, .posts thead th {
color: #2f6791;
border-bottom: 2px solid #3d749c;
background: none;
}

.posting th, .posts th {
font-size: 12px;
background: #e9eef2;
border-bottom: 1px dotted #3d749c;
color: #3d749c;
}

.posting {
}

.posting td {
padding: 5px 5px;
border-bottom: 1px dotted #bbb;
}

div.topic h2 {
font-size: 20px;
margin-top: 20px;
}
div.topic td.c_desc {
background: #eee;
}
div.topic td {
border-bottom: 1px dotted #bbb;
}

#c_post, #c_bbcode {
padding-left: 10px;
}

#c_emot {
padding: 5px 0px;
}

#c_postbtn td{
background: #e9eef2;
color: #a63831;
border-bottom: 1px dotted #3d749c;
}

#c_bbcode {
background: #f1f4f7;
}
.posting #c_bbcode {
background: none;
}

/*********** ucp/pm areas ***************/

.pm thead th {
background: none;
color: #a63831;
}

.pm .c_head, tr.postbtn td{
background:#f0e6e8;
color: #762019;
padding: 4px;
font-size: 11px;
border-bottom: 1px dotted #a63831;
}

.pm .c_head a {
color: #a63831;
font-weight: 700;
}

.pm th {
font-size: 12px;
background: #f1f1f1;
border-bottom: 1px dotted #bbb;
color: #3d749c;
font-weight: 400;
padding: 3px;
}
.pm th a {
color: #3a6894;
font-weight: 400;
}


td.c_head, .profile th {
background: #f0e6e8;
border-bottom: 1px dotted #a63831;
color: #a63831;
}

#conversation .c_postinfo {
background: #e9eef2;
}

.profile thead th {
background: none;
}

.profile td.c_desc {
background: #f3f3f3;
border-bottom: 1px dotted #bbb;
}

.profile td.c_mark {
border: 1px dotted #bbb;
border-top:0;
}

.profile .c_sig {
border-top:0;
}

.profile th.l {
padding-left: 10px;
text-align:center;
padding-right: 220px;
}

#c_post-wrap em {
padding: 5px;
background: #f2e4e2;
border: 1px solid #d9b5b0;
margin-top: 5px;
line-height: 1.2em;
display: block;
color: #333;
}

td#c_notes button {
margin-top: 5px;
}

/*#menu_rcp img {
padding-bottom: 1px;
}*/

.poll {
margin-bottom: 20px;
}
.poll thead th {
color: #598c00;
background: none;
border-bottom: 2px solid #598c00;
}

.poll th {
background:#eff3e7;
}

.c_poll-choice {
border-bottom: 1px dotted #bbb;
}

td.c_poll-total {
color: #598c00;
background:#eff3e7;
border-bottom: 1px dotted #598c00;
font-size: 16px;
}

td.c_poll-votes {
background: #e9eef2;
border-bottom: 1px dotted #91b6d0;
font-size: 16px;
}

.ucp td {
border-bottom: 1px dotted #bbb!important;
border-top:0!important;
}

.ucp {
border-bottom:0;
}

.forums th {
font-size: 12px;
background: #e9eef2;
border-bottom: 1px dotted #3d749c;
color: #3d749c;
}


th#c_tos {
background: #f3f3f3;
}

th#c_tos div {
min-height: 500px!important;
padding: 0 10px;
}
th#c_tos div div {
min-height:0px!important;
margin-bottom: 10px;
font-size: 12px;
color: #555;
}

th#c_tos h3 {
font-size: 18px;
padding-left: 10px;
color:#3c7da0;
}
th#c_tos div h3 {
font-size: 14px;
padding-left: 0px;
color: #444;
}

bluebird

Aug 9 2009, 12:34 PM

I think you should have maybe spaced out the rings on the left so that there aren't as many, but other than that I love it. Great job.

Raymond

Aug 9 2009, 03:04 PM

Amazing!

BTW Nicola, is that suppose to be like that? http://209.85.62.24/82/197/0/p198895/Untitled_2.png

Nicola

Aug 9 2009, 04:12 PM

Raymond

Aug 9 2009, 03:04 PM

Amazing!

BTW Nicola, is that suppose to be like that? http://209.85.62.24/82/197/0/p198895/Untitled_2.png

Yes, I definitely intended for the code boxes to zoom off the page
Doesn't do that for me. The code boxes are really odd, though. Javascript is used to set the width of them according to the width of the post...or something. Blame IE for ZB using scripts for that

Nicola squints...
Urgh I logged into windows and the text looks so blurry compared to the clearity on Mac *runs away from Windows*