body, html { background-color:#351B42; font-size:12px; }
body { color:white; font-family:Arial, Helvetica, sans-serif; margin:0; padding:0; }
a { color:#B22A13; text-decoration:underline; cursor:pointer; border:none; }
a.read_more { background-color:#B22A13; color:white; text-decoration:none; padding: 0px 3px; margin-left:5px; text-transform:uppercase; font-size:10px; }
a.read_more:hover { background-color:#9C2125; color:white; }
a:hover { color:#BF2812; color:#F58120; }
img { border:none; }
strong, b { font-weight:bold }
em, i { font-style:italic }
h1, h2, h3, h4, h5, h6 { margin: 0 0 0.3em 0; font-weight:bold; color:#5C3074; }
/* logo */
h1 { font-size:30px; line-height:1em; }
/* section heading */
h2 { font-size:24px; line-height:1em; color: #F1C860; background-color:#5C3074; padding:0; background-image:url(../graphics/page_heading_bg.gif); margin-left:10px; height:54px; margin-bottom:10px; }
h2 a { display:block; text-indent:-9999px; background-repeat:no-repeat; background-position: 15px 13px; height:100%; color:#FFFFFF; }
/* box heading */
h3 { font-size:14px; text-transform:uppercase; font-weight:bold; }
h3.title { font-size:18px; text-transform:none; }
/* content headings */
h4 { font-size:14px; }
h5 { font-size:13px; }
h6 { font-size:12px; }
p, ul, ul.article_list li ul, ol { margin:0 0 0.7em 0; padding:0; }
li, ul.article_list ul li {padding: 0 0 0 22px; background-image:url(../graphics/small_arrow_purple.gif); background-repeat:no-repeat; background-position:5px 0.3em; list-style:none; list-style-type:none; zoom:1; }
ol {padding: 0 0 0 12px; list-style-type:decimal; }
ol li { padding: 0; margin-left:10px; background-image:none; list-style-type:decimal; zoom:0; }
/*================================================
sections
================================================*/
body#blog h2 a { background-image:url(../graphics/page_headings/blog.gif); }
body#events h2 a { background-image:url(../graphics/page_headings/events.gif); }
body#faqs h2 a { background-image:url(../graphics/page_headings/faqs.gif); }
body#left_clip h2 a { background-image:url(../graphics/page_headings/left_clip.gif); background-position: 10px 13px }
body#council h2 a { background-image:url(../graphics/page_headings/council.gif); background-position: 10px 13px }
body#photos h2 a { background-image:url(../graphics/page_headings/photos.gif); }
body#about_us h2 a { background-image:url(../graphics/page_headings/about_us.gif); }
body#contact_us h2 a { background-image:url(../graphics/page_headings/contact_us.gif); }
body#stay_connected h2 a { background-image:url(../graphics/page_headings/stay_connected.gif); }
body#articles h2 a { background-image:url(../graphics/page_headings/articles.gif); }
body#forums h2 a { background-image:url(../graphics/page_headings/forums.gif); }
body#competitions h2 a { background-image:url(../graphics/page_headings/competitions.gif); }
/*================================================
shell
================================================*/
#header, #page, #footer { font-size:100%; line-height:16px; line-height:1.31; }
#content { width:960px; overflow:hidden; clear:both; }
#page { background-image:url(../graphics/rough_bg.jpg); background-repeat:no-repeat; }
#col1, #col2, #col3 { float:left; display:inline; }
/*================================================
Page cols
================================================*/
body.cols_3_4_5 #col1 { width:240px; }
body.cols_3_4_5 #col2 { width:320px; }
body.cols_3_4_5 #col3 { width:400px; }
body.cols_5_4_3 #col1 { width:400px; }
body.cols_5_4_3 #col2 { width:320px; }
body.cols_5_4_3 #col3 { width:240px; }
body.cols_4_5_3 #col1 { width:320px; }
body.cols_4_5_3 #col2 { width:400px; }
body.cols_4_5_3 #col3 { width:240px; }
body.cols_6_6 #col1 { width:480px; }
body.cols_6_6 #col2 { width:480px; }
body.cols_7_5 #col1 { width:560px; }
body.cols_7_5 #col2 { width:400px; }
body.cols_8_4 #col1 { width:640px; }
body.cols_8_4 #col2 { width:320px; }
body.cols_9_3 #col1 { width:720px; }
body.cols_9_3 #col2 { width:240px; }
body.cols_12 #col1 { width:960px; }
/*================================================
header
================================================*/
#header { width:100%; height:135px; background-image:url(../graphics/cleft_community.gif); background-repeat:no-repeat; background-position:270px 30px; }
h1 { position:absolute; left:15px; top:30px; zoom:1; z-index:1; }
/* top nav */
#top_nav { position:absolute; left:231px; background-image:url(../graphics/top_nav_angle.gif); background-repeat:no-repeat; padding-left:11px; width: 715px; font-size:11px; }
#top_nav h3 { display:none; }
#top_nav div { background-color:#B22A13; overflow:hidden; zoom:1;}
#top_nav ul { overflow:hidden; zoom:1; margin:0; float:left; padding-left:7px;}
#top_nav li { float:left; padding:0; margin-right:10px; background-image:none; }
#top_nav li a { color:white; text-decoration:none; padding:5px 5px 5px 12px; display:block; background-image:url(../graphics/small_arrow_white.gif); background-repeat:no-repeat; background-position: 2px center; }
#top_nav li span { padding:5px; display:block;}
#top_nav li a:hover { color:white; text-decoration:underline; }
#top_nav div#members { color:white; float:right; background-color:#5C3074; border-left:solid 1px #EBCA79; }
#top_nav #members h3 { display:block; width:89px; float:left; background-image:url(../graphics/members_heading.gif); background-repeat:no-repeat; height:24px; margin:0;}
#top_nav #members h3 a { display:block; text-indent:-9999px; height:100%; }
/* main nav */
#nav { width:960px; line-height:1px; margin-bottom:10px; padding:6px 0 6px 0; background-color:#5C3074; overflow:hidden; display:block; clear:both; position:relative; }
#nav h3 { display:none; }
#nav li { line-height:1px; display:inline; float:left; margin:0 0 0 6px; padding:0; background-image:none; overflow:hidden; position:relative;}
#nav li a { text-align:center; line-height:1; padding:10px 5px; margin:0; text-decoration:none; text-transform:uppercase; font-weight:bold; color:white; display:block; background-image:url(../graphics/nav_buttons.gif); background-color:#B22A13; position:relative;}
#nav li a:hover { background-color:#9c2125; color:#FBD346; color:white; }
#nav li.selected a { background-color:white; color:#5C3474; }
body#home #nav li#home a,
body#forum #nav li#forum a,
body#articles #nav li#articles a,
body#blog #nav li#blog a,
body#events #nav li#events a,
body#left_clip #nav li#left_clip a,
body#faqs #nav li#faqs a,
body#competitions #nav li#competitions a,
body#photos #nav li#photos a,
body#council #nav li#council a
{ background-color:white; color:#5C3474; }
#nav #home a { width:65px; }
#nav #forum a { width:70px; }
#nav #blog a { width:61px; }
#nav #articles a { width:100px; }
#nav #events a { width:74px; }
#nav #left_clip a { width:151px; }
#nav #faqs a { width:59px; }
#nav #competitions a { width:117px; }
#nav #photos a { width:76px; }
#nav #council a { width:153px; }
/* site search */
#site_search { position:absolute; left:600px; top:55px; padding:10px; background-image:url(../graphics/site_search_bg.png); }
#site_search form { background-color:#5C3074; overflow:hidden; zoom:1; padding:5px 5px 0 5px; height:25px; width:241px; }
#site_search * { float:left; }
#site_search .text { border: solid 1px #AD97B9; padding:2px; width:160px; margin-right:5px; height:14px; }
/*================================================
content widgets
================================================*/
.box { margin-left:10px; color: black; background-color:white; border:solid 3px #CAB9D3; border:solid 3px white; zoom:1; position:relative; padding:10px; margin-bottom:10px; overflow:hidden; }
.box.pic_right img { float:right; margin-left:10px; }
.box.pic_left img { float:left; margin-right:10px; }
.box.pic_wide img { margin-bottom:7px; }
.box.main { /*padding:24px;*/ overflow:hidden; zoom:1; }
.box.main .article_list { width:370px; }
.box_row { overflow:hidden; zoom:1; }
.three_col { overflow:hidden; zoom:1; clear:both; margin-top:10px; }
.three_col .box { width:304px; float:left; }
ul.article_list { border-bottom:dashed 1px #B4E0EF; padding-top:0px; margin:0 -5px 10px -5px; }
ul.article_list li { background-image:none; padding:0; padding:5px; border-top:dashed 1px #B4E0EF; overflow:hidden; zoom:1; min-height:70px; }
ul.article_list a:hover { background-color:#FDF8BD; background-color:#DFEAED; }
ul.article_list h3 { text-decoration:underline; }
ul.article_list p { color:black; margin:0; }
ul.article_list img { float:right; margin-left:0 0 0 10px; border:solid 1px #B4E0EF; }
ul.article_list img.left { float:left; margin: 0 10px 0 0; }
ul.article_list .date { color:grey; font-size:11px; }
ul.article_list ul { border-bottom:none; margin:0 0 0.7em 0;; padding-top:0px; }
ul.article_list ul li { margin:0; overflow:auto; min-height:0; border-top:none; }
a.more { font-weight:bold; }
img.left { float:left; margin: 0 10px 10px 0; }
img.right { float:right; margin: 0 0 10px 10px; }
.paginate { clear:both; margin-top:0.5em; border-top:dashed 1px #5C3474; padding-top:10px; }
.paginate.pages1 { display:none; }
/* COMMENTS */
div#comments { clear:both; border-top:dashed 1px #5C3474; margin-top:20px; padding-top:10px; }
#comment_form { margin-top:10px; padding-top:5px; }
#comment_form label { display:block; padding-top:4px; }
#comment_form textarea { width:600px; }
#comment_form input.text { width:400px; }
ol#comments { padding:0; }
ol#comments li { background-color:#f0ebda; margin-bottom:2px; background-image:none; padding:7px; overflow:hidden; zoom:1; margin-left:0; }
ol#comments li img.avatar { float:left; margin-right:7px; display:inline; }
ol#comments li div.comment { float:left; display:inline; width:480px; }
ol#comments li div.comment .posted { margin-bottom:5px; font-size:11px; font-weight:bold;}
.paginate.comments { clear:both; margin-top:10px; border-bottom:dashed 1px #5C3474; border-top:none; padding: 0 0 10px 0; }
/* feature box */
.box.feature h3 { margin: -10px -10px 3px -10px; background-color:#5C3074; color:white; padding:3px 5px; }
.box.feature img { margin: 0px -10px 10px -10px; }
.box.feature p { margin-bottom: 0; }
.random_pics { margin-bottom: 3px; margin-left:-9px; overflow:hidden; }
.random_pics a { display:block; margin: 0 0 9px 9px; float:left; display:inline; }
.random_pics a { border: solid 1px #B22A13; }
/*================================================
footer
================================================*/
#footer { padding:20px 10px 10px 10px; background-image:url(../graphics/footer_curve.gif); background-repeat:repeat-x; font-size:11px; color:#9478A3;}
#footer a { color:#9478A3; }
#footer a:hover { color:white; }
/*================================================
Homepage
================================================*/
body#home .left {width:185px; padding-right:25px; }
body#home h2 { display:none; }
body#home #content { background-image:url(../graphics/bg_home.gif); background-repeat:repeat-y; }
body#home #current_comp { margin-bottom:0; }
/*================================================
Left Clip
================================================*/
body#left_clip .box.latest img { margin: -10px 10px -10px -10px; float:left; }
body#left_clip .box.latest div { float:left; width: 280px; }
/*================================================
Articles
================================================*/
body#articles div.description { float:left; width:200px; margin-right:20px; display:inline; }
body#articles ul.article_list { float:right; width:380px; }
/*================================================
Events
================================================*/
body#events.cols_3_4_5 #content { background-image:url(../graphics/390x1.gif); background-position:570px 0; background-repeat:repeat-y;}
body#events .box.feature { margin-bottom:0; }
body#events .event_info { margin-bottom:10px; padding:10px 0; border-top:dashed 1px #5C3474; border-bottom:dashed 1px #5C3474; }
/*================================================
FAQs
================================================*/
/* questions page */
body#faqs .box.questions ul li { background-image:none; padding-left:0; }
body#faqs .box.questions ul li ul { margin-bottom: 1em; }
body#faqs .box.questions ul li ul li { padding-left:20px; margin-bottom: 0.3em; background-image:url(../graphics/faq_q_bullet.gif); background-position:0 1px; }
body#faqs .box.questions h3 { margin-bottom:0.5em; border-bottom:dashed 1px #5C3474; }
/* answer page */
body#faqs h4.question { background-image:url(../graphics/faq_q.gif); padding-left:30px; background-repeat:no-repeat; margin:1em 0; }
body#faqs div.answer { background-image:url(../graphics/faq_a.gif); padding-left:30px; background-repeat:no-repeat; }
/*================================================
Council
================================================*/
body#council ul.members { padding:0; margin:0; }
body#council ul.members li { float:left; width:170px; padding:0; background-color:#F3DE9D; background-image:none; margin:9px 0 9px 18px; }
body#council ul.members span { display:block; text-align:center; margin:1px 0 0 0; background-color:#B22A13; color:white; color:white; text-decoration:none; padding:3px; font-weight:bold; }
body#council ul.members a { display:block; text-decoration:none; padding:10px; }
body#council ul.members a:hover { background-color:#FDCE3F; }
body#council ul.members a:hover span { background-color:#9C2125; }
body#council .box.profile img { float:right; margin: 0 0 10px 10px; }
body#council .box.profile h4 { font-size:18px; }
body#council .box#councillor_links ul li { float:left; width:110px; margin:0 10px 0.5em 0; }
body#council #col1 input,
body#council #col1 textarea
{ margin-bottom:10px; clear:both; }
/*================================================
Blog
================================================*/
body#blog #col1 .box h3 { margin-bottom:0.5em; }
body#blog span.date { background-color:#F4CD4E; padding:1px 3px ; }
body#blog .entry { margin:10px 0; padding:10px 0; clear:both; overflow:hidden; border-top:dashed 1px #5C3474; }
body#blog .entry.full { border-top:none; margin-top:0; padding-top:0; }
body#blog .author { float:left; width:100px; margin-right:10px; font-size:11px; }
body#blog .author img { margin-bottom:5px; }
body#blog .blog_content { float:left; width:494px; }
table.calendarBG { width:100%; }
table.calendarBG th { text-align:center; background-color:#B22A13; border:solid 1px white; padding:5px; color:white }
table.calendarBG td { text-align:center; background-color:#ebe2c8; border:solid 1px white; padding:5px; }
table.calendarBG td.calendarDayHeading { background-color:#5C3074; color:white; }
table.calendarBG a { background-color:#B22A13; color:white; display:block; width:100%; text-decoration:none; padding:5px; margin:-5px;}
table.calendarBG a:hover { background-color:#9C2125; color:white; }
/*================================================
Photos
================================================*/
body#photos #col1 h3 { border-bottom:dashed 1px #5C3474; margin-bottom:10px; }
body#photos #col1 td.categories h3, body#photos #col2 td.categories h4 { margin-bottom:0; }
body#photos #col2 td.categories h4 { padding-bottom:0; }
body#photos #col1 h4 { display:inline; }
body#photos td { padding-bottom:5px; }
body#photos .categories { margin-bottom:10px; }
body#photos table.thumbs { border:solid 1px white; }
body#photos td.thumbs { background-color:#white; border:solid 1px white; text-align:center; font-size:10px; vertical-align:middle; color: #B22A13; }
body#photos td.thumbs a { text-decoration:none; display:block; padding:5px; color: #B22A13; zoom:1; }
body#photos td.thumbs span { display:block; zoom:1; /* background-color:#FDCE3F; text-decoration:underline; */ }
body#photos td.thumbs a img { margin-bottom:5px; border:solid 2px white; }
body#photos td.thumbs a:hover img { border:solid 2px #B22A13; }
body#photos .breadcrumb { margin-bottom:10px; }
body#photos .pic_med { text-align:center; margin-bottom:10px; padding-bottom:10px;border-bottom:dashed 1px #5C3474; }
/* new format */
body#photos .gallery_thumbs { margin-left:-10px; }
body#photos .gallery_thumbs a {text-align:center; font-size:10px; display:inline; float:left; margin-left:10px; height:130px; width:130px; padding:5px; text-decoration:none; color:#B22A13; zoom:1; }
body#photos .gallery_thumbs a span { display:block; zoom:1; }
body#photos .gallery_thumbs a:hover span { }
body#photos .gallery_thumbs a img { margin-bottom:5px; border:solid 2px white; }
body#photos .gallery_thumbs a:hover img { border:solid 2px #B22A13; }
/*================================================
Contact Us
================================================*/
body#contact_us #col1 input,
body#contact_us #col1 textarea
{ margin-bottom:10px; clear:both; }
/*================================================
Stay connected
================================================*/
body#stay_connected #col1 form { border-bottom:dashed 1px #5C3474; padding-bottom:10px; margin-bottom:10px; }
body#stay_connected a.rss_link { background-image:url(../graphics/feed-icon-16x16.gif); background-repeat:no-repeat; height:24px; font-size:14px; padding-left: 20px; font-weight:bold; }
/*================================================
Competitions
================================================*/
body#competitions .option input { vertical-align:middle; }
body#competitions .option { margin-bottom:5px; }
body#competitions label { display:block; width:400px; }
body#competitions #col1 input.text { width:300px; margin-bottom:10px; }
body#competitions li label { display:inline; }
body#competitions table td { padding:2px 5px; border:solid 1px #F4CD4C; }
body#competitions table th { padding:2px 5px; border:solid 1px #F4CD4C; background-color:#5C3474; color:white; }
body#competitions #terms { margin-top:10px; padding-top:10px;border-top:dashed 1px #5C3474; }
/*================================================
Forums
================================================*/
/*
body#forums #topBar { display:none; }
*/
body#forums .breadcrumb {font-size:11px; margin-bottom:10px; }
body#forums table td { padding:5px; }
body#forums #forumstats,
body#forums .forum_legend,
body#forums .topic_legend
{ border-top:dashed 1px #5C3474; padding-top:10px; margin-top:10px; }
body#forums #forumstats table { margin-bottom:10px; }
body#forums #forumstats table td { padding:0 10px 0 0; }
body#forums table.tableBorderLeft { margin-bottom:20px; }
body#forums table.tableBorderLeft td { border:1px solid #EAB938; vertical-align:top; background-color:#F3DE9D; background-color:#f0ebda; background-color:white; }
body#forums table.tableBorderLeft td.tableRowHeadingBold { background-color:#EAB938; background-color:#f9f3bf; }
.tablePostInfo { font-size:11px; }
.tableHeading { font-weight:bold; font-size:16px; }
body#forums table.tableBorderLeft td.tableHeadingBG { font-size:11px; background-color:transparent; border-bottom:none; font-size:16px; font-weight:bold; color:#5C3474; }
.forumLightLinks { font-size:11px; }
body#forums table.tableBorderLeft td table td { font-size:11px; background-color:transparent; border:none; }
.buttonLarge { background-color:#B22A13; color:white; padding:2px 4px; font-size:10px; text-transform:uppercase; text-decoration:none; }
.buttonLarge:hover { background-color:#9C2125; color:white; text-decoration:none; }
.buttonSmall { background-color:#F2D88E; color:#5C3474; padding:0px 3px; font-size:10px; text-transform:uppercase; text-decoration:none; }
.buttonSmall:hover { background-color:#FDCE3F; color:#5C3474; text-decoration:none; }
.altLinks { font-size:11px; font-weight:normal; }
.userBlock , .ranking { font-size:11px; color:#666; }
body#forums .threadBorder .tableRowHeadingBold,
body#forums .threadBorder .tableRowHeading
{ background-color:#f9f3bf; font-size:11px; padding:3px 5px; border-top:1px solid #EAB938;}
body#forums .threadBorder .tableRowHeadingBold,
body#forums .threadBorder .tableRowHeading
{ background-color:#f9f3bf; font-size:11px; padding:3px 5px; border:1px solid #EAB938;}
body#forums .threadBorder .tableRowHeading td
{ background-color:#f9f3bf; font-size:11px; padding:0; }
.avatar {background-color:#f9f3bf; padding:0px; width:60px; }
.threadBorder .tableRowHeadingBold
{ font-weight:bold; }
.itempad, .itempadbig { padding:5px; }
.tableCellOne, .tableCellTwo, .tableRowHeadingBold {border-left: solid 1px #F2D88E; }
.tableCellOne, .tableCellTwo, .tableRowHeadingBold {border: solid 1px #F2D88E; }
.threadLeftCol { width:100px }
#fastreply .tableCellTwo {border: solid 1px #F2D88E; }
.topic_legend table td,
.forum_legend table td,
#forumstats
{ font-size:11px; }
body#forums div.htmlButtons div { float:left; background-color:#F0EBDA; text-decoration:none; padding:0; }
body#forums div.htmlButtons { overflow:hidden; padding:5px;}
body#forums div.htmlButtons div a { font-size:10px; background-color:#F2D88E; text-decoration:none; padding:2px 5px; border:solid 1px white; color:#5C3474; margin-bottom:5px;}
body#forums div.htmlButtons div a:hover { background-color:#FDCE3F;}
.errorBox { color:#B22A13; margin-bottom:10px; }
.preview { border-top: 1px dashed #5C3474; border-bottom: 1px dashed #5C3474; margin-bottom:10px; padding:10px 0;}
.fastReply { background-color:#F2D88E; padding:5px; margin-bottom:10px; }
blockquote { margin:10px 0; border-left:solid 3px #5C3474; padding:0 5px; }
blockquote .quote_author { font-size:11px; font-weight:bold; color:#5C3474; }
.alert { color:#B22A13; font-weight:bold; }
.alertBox { background-color:#f9f3bf; padding:5px; margin-bottom:10px; }
/* Members section */
.borderTopBot, .borderBot, .menuItem { border:solid 1px white; }
.borderTopBot, .borderBot { background-color: #5C3474; color:white; padding:3px; font-size:11px; }
.menuItem { background-color: #EBE2B8; color:#B22A13; font-size:11px; text-decoration:none; }
.menuItem a { background-color: #EBE2B8; color:#B22A13; padding:3px; font-size:11px; text-decoration:none; display:block; }
.menuItem a:hover { background-color: #B22A13; color:white; }
.profileHead .altLinks {color:white; text-decoration:none; font-size:12px;}
.tableHeading { color:#5C3474; }
table.foldersFull .left { width:33%; text-align:left; font-size:10px }
table.foldersFull .center { width:33%; text-align:center; font-size:10px }
table.foldersFull .right { width:33%; text-align:right; font-size:10px }
.messageList { margin-bottom:10px; }
.defaultPad { padding:3px; }
html.popup { background-color:white;}
body.popup { background-color:white;}
table.smileys td { padding:5px; }
/*================================================
=winter2008
================================================*/
/*
#page { background-image:url(../graphics/rough_bg_winter.jpg); }
These 3 lines weren't used... not sure what they do!
#header { background-position:250px 30px; }
#site_search { left:535px; }
h1 { top:26px; }
*/