/****************************
   RESET

*****************************/

* { margin: 0; padding: 0; }

img { border: none; }
ul  { list-style: none; }
li  { display: inline; }
a   { text-decoration: underline; }
td, th { vertical-align: top; background: transparent; }

/* **************************
        COLORS

  **************************/

body {
	background-color: #dbedf7; /* light blue-greenish */
	color: #000;
}

a, td, #top, .cat-pages, #blog_main {color: #25678D;} /* rather blue */ 
a:hover	{color: #ED1C24;} /* pretty red */
	#submenu a { color: #5597b9;}
	#submenu a:hover { color: #3E7490; }
	.cat_head h2 a, thead th a, #blog h1 a { 
		color: #3A4F6C;
		}

/* ******** Off-white background mainly for basic table cells, and the grid ********* */

	table, #fast-reply dd, td#cal_current, #c_bbcode input, #boardmeta, #faq, .portal_content, .blog_entry blockquote, .blog_entry h2, dl.notice, #pmtoast, .search_results { 
		background: #F5F9FD; /* main off-white ... */
	}
	#emot_list tr td+td { background: #F5F9FD; }
	
	td.c_user, .calendar td, table.pm tr.pm_new td, td.c_desc, #blog_comments {
		background: #EEF2F7; /* ... darker exception ... */
	}
	.c_post blockquote div, .search_results blockquote div {
		color: #465584;
		background: #fafcfe; /* ... and lighter exception. */
	}

/* ******** Blue-green background for primary headers. Text color black. ******** */

	thead th, .cat_head td, #fast-reply dt, .portal_box h2, #blog h1 {
		background: #5F9999; /* blue-green */
		color: #000;
	}
	
/* ******** Light blue bg for secondary headers and functional blocks (where possible) ******** */
/* ******** This bg comes with 2 different text colors, and one exception.             ******** */

	th, .category, #stats .forums td.c_foot, td.c_topicfoot, td.c_poll-vote, table.pm td.c_foot, tr#c_postbtn td, tr.postbtn td, .portal_box h4, .spoiler_toggle { 
		background: #9CCBE7;  /* light blue */
	} 
	#boardmeta, #faq, .search_results { /* Also this bgcolor, faked by a bg image at the top. */
		background-image: url("http://z3.ifrm.com/162/175/0/p116118/light_blue.png");
		background-position: center top;
		background-repeat: repeat-x;
	}
	#faq td { background: transparent; } /* Required to actually see the background image of #faq. */
	
	.forums tbody th, .posts tbody th, table.pm td.c_foot {
		color: #FF3366;  /* reddish pink - well? But it was there... */
		}
	th, th a, td.c_head, td.c_head a, .meta_menu h3, .blog_date {
		color: #3A4F6C;  /* A darker greenish blue, also used for link in some primary headers. */
		}
	
	/* A secondary heading that looks different: */
	th#pinned_head, td.c_foot, .posts td.c_foot { color: #4C77B6; background:#B5D7E7 }

/* ******** Two colors for striping rows and for general use ******** */

	.row1 td, #top, .drop_menu ul li, td.c_mark, #stats .forums td, td.c_forum, tr.pin td, .posts td, tr td.c_cat-title, tr td.c_cat-replies, td.c_view, td.c_username, td.c_postinfo, .calendar td.cal_inactive, #copyright, #blog_user, .blog_date, .search_results p {
		background: #CEE3EC; /* slightly darker than body */
		}
	.row2 td, #foot, #foot td, td.c_last, tr.c_info td, #stats td.c_mark, .c_subforum, td.c_cat-mark, td.c_cat-starter, td.c_cat-views, td.c_cat-lastpost, #emot_list tr td, #blog_sidebar div#blog_about, #blog_sidebar div#blog_readers {
		background: #DBEDF7; /* right now that's the same as the body background */
		}

/* ******** A contrasting orange color for some elements ******** */

	.forums td.c_foot, td.c_sort, .poll thead th, th.c_poll, div.topic h2.special, #blog_foot, dl.notice dt {
		background: #FAA754; /* orange */
		}
		dl.error dt { background: #dd0060; } /* Errors in red */

/* ******** Rare colors on some elements ******** */
		
	/* On the board index page */
	table.topic tbody th, td.c_head, #blog_sub {
		background: #D1DCEB; /* grey */
	}
		table.topic tbody th.post_sep, #blog_sidebar div, .blog_entry {
			background: #B5D7E7;
		}

	/* On the single post page and single event page */
	tr.c_postfoot td, td.c_postfoot, .blog_options {
		background: #9CCAE0;
	}
	
	/* On Full Reply and Compose Message pages */
	#c_emot, #c_bbcode {
		background: #C3DDE9;
	}
	#emot_wrap {
		background: #92C0D6;
	}
	
	/* On calendar - the daily heading */
	.calendar td div {
		background: #B6D3E2;
		color: #48758c;
	}
	
	/* Moderators' menus */
	select[name="modopts_menu"], select[name="topicopts_menu"] {
		color: red;
		font-weight: bold;
		}
	select[name="modopts_menu"] option, select[name="topicopts_menu"] option {
		font-weight: bold;
		}
	
/********************
   BORDERS

 ********************/
	
table, #boardmeta, .portal_box, #pmtoast, .search_results, .spoiler { border: 1px solid #345487; }
	
table { /* for better browsers */
	border-collapse: separate;
	border-spacing: 1px;
	}
* html table {  /* only for IE */
	border-collapse: collapse;
	}

	.category, table.posts, table.topic, div.topic, #fast-reply, #emot_wrap, #blog {
		border: 1px solid #32778E;
	}
	table.posts, table.topic, .calendar {
		border-bottom-width: 0px;
		}
	
	table.forums, table.cat_head, table#foot, #portal table, #portal_foot table, #topic_review {
		border: none;
		}
	table.cat_head { 
		border-spacing: 0;
		border-bottom: 1px solid white;
		}
		#stats table.cat_head {
			border: none;
			}
	
 td, th { /* for better browsers */
	border: none;
	}
* html td, * html th { /* for IE */
	border: 1px solid #f5f9fd;
}
	.poll thead th { border-bottom: 1px solid #f5f9fd; }
	td.c_sig {
		border-top: 1px dashed #25678D;
		}

#copyright, .c_post blockquote div, .search_results blockquote div { border: 1px solid #000; }

.cat-pages span {
	border: 1px solid #25678D;
	}

td#cal_current { border: 2px outset; }

.portal_box h2, #blog h1, #blog_sub, #blog_about, #blog_readers, .blog_date, .blog_entry, .blog_options, #blog_comments { 
	border-bottom: 1px solid #f5f9fd;
	}
#blog_about, #blog_readers {
	border-top: 1px solid #f5f9fd;
	}
#blog_sub, #blog_sidebar, #blog_user {
	border-right: 1px solid #f5f9fd;
	border-left: 1px solid #f5f9fd;
	}
.blog_entry { border-right: 1px solid #f5f9fd; }
#blog_foot { border: 1px solid #f5f9fd; }
dl.notice { border: 1px solid #FAA754; }
dl.error { border-color: #dd0060; }

/********************
   TYPOGRAPHY

 ********************/

 body, input, select, option, button {
	font-family: verdana, tahoma, arial, sans-serif;
	font-size: 11px;
	font-weight: normal;
	font-style: roman;
	line-height: 1.2;
	}

/* ******** Font Weights ******** */

	h1, h2, th, #fast-reply dt, #submenu a, #top, #nav, #foot, #foot a, .cat-pages span, .c_post blockquote dt, .search_results blockquote dt, td.c_username, dl.c_post-attachment, table.pm td.c_foot, #emot_wrap, #c_post-resize, td.c_desc, #faq dt {
		font-weight: bold;
	}
	h4 {
		font-weight: normal;
	}

/* ******** Font Sizes & line heights ******** */

	h1, .blog_entry h2 { 
		font-size: 14px;
		}
	td.c_post, #portal_news .portal_content, .blog_entry blockquote, .search_results h3, .search_results div {
		font-size: 12px;
		line-height: 1.6;
		}
	h2, h3, h4, #faq dt, .c_post blockquote, .search_results blockquote, #blog_comments small {
		font-size: 11px;
		}
	#submenu a, #foot, .c_subforum, table.topic tbody th, td.c_postinfo, .c_forum div, td.c_user_info, .c_sig, .c_post blockquote dd, .search_results blockquote dd, dl.c_post-attachment {
		font-size: 10px;
		}
		#c_bbcode input { font-size: 10px!important; }
		.c_sig {
			line-height: 1.5;
		}
		
	td.c_sort, #foot, .pm td.c_head, #blog_sub, .c_foot span { line-height: 21px; }

	.drop_menu ul li { font-size: 84%; }

/* ******** Font Styles & Variants ******** */

	/* none */
	
/* ******** Text alignments ******** */

	#submenu, #foot_links, td.c_desc, .topic-buttons, .cat-buttons, td.c_poll-answer, .calendar td div, #blog_sub {
		text-align: right;
	}
	#copyright, td.c_mark, .c_cat_mark, .c_cat-starter, .c_cat-replies, .c_cat-views, td.c_topicfoot, #fast-reply dd, td.c_poll-votes, td.c_poll-total, td.c_poll-vote, #emot_wrap, #c_notes, #blog h1 {
		text-align: center;
	}
	th.c_cat-title, th.c_cat-lastpost, #stats th, td.c_poll-bar {
		text-align: left;
	}
	
/* ******** Text Decorations ******** */

	/* Links first */
	a 	{ text-decoration: underline; }
		.cat_head h2 a, thead th a, #submenu a, #foot a, dl.c_post-attachment a, #blog h1 a { 
			text-decoration: none;
		}
	a:hover	{ text-decoration: none; }
		.cat_head h2 a:hover, thead th a:hover, #blog h1 a:hover { 
			text-decoration: underline;
		}

	/* Other Elements */
	dl.c_post-attachment dt {
		text-decoration: underline;
		}

	
/********************
    GEOMETRY

/********************/

table {
	width: 100%;
	clear: both;
	empty-cells: show;
}
td, th, .portal_content, .portal_box h4, #blog_sub {
	padding: 4px;
	}
	thead th, .cat_head td, .portal_box h2, .topic h2.special, #blog h1 {
		padding: 1px 4px 8px;
	}
	th#pinned_head { padding: 6px 4px }

textarea {
	display: block;
	margin: 3px auto;
	width: 95%;
}
	#fast-reply textarea { width: auto; }
	textarea[name="int"], textarea[name="email"], td.c_desc+td textarea { margin-left: 0; }

option { padding-right: 10px; }
select { margin: 0 3px; }
	
/**************************************************************** */
/* Board parts Geometry ***************************************** */

body { min-width: 740px; }

#submenu, #nav { 
	height: 13px;
	padding: 7px;
}
#submenu a {
	margin-right: 1em;
}

#top {
	height: 27px;
}
	
	#top_info {
		padding-left: 7px!important;
		padding-top: 7px;
		float: left;
	}
	#top_menu {
		float: right;	/* for more stylings of this list, see drop menu below */
	}

#main {
	margin-top: 1em;
	padding: 0 4px;
	}
	
#foot_datetime {
	width: 1%;
	white-space: nowrap;
	}
	
#foot_links {
	padding-right: 0.5em;
	}

     /* BOARD PARTS ************************************************/
     
	ul.cat-pages 			{ float: left; padding: 6px 0; }
	.topic-buttons, .cat-buttons 	{ float: right; }
	ul.cat-pages,  .topic-buttons, .cat-buttons { 
		width: 45%;
		margin: 1em 0;
		}
	.cat-pages span {
		padding: 1px 2px;
		}

    /* MAIN PAGE **************************************************/
	
	.category {
		margin-bottom: 13px;
	}
	.category td.c_foot {
		height: 15px;
	}
	.cat_head {
		margin-bottom: 7px;
	}
		#stats .cat_head { margin-bottom: 0; }
	.c_mark { width: 1%; }
	.c_last { width: 30%; }
	.c_last-title { 
		display: block;
		padding-left: 12px;
		background: transparent url("http://i1.ifrm.com/style_images/1/lastpost.gif") left center no-repeat;
	}

    /* ONE FORUM PAGE *************************************** */
    
	th.c_cat-mark { width: 1%; }
	th.c_cat-title { width: 45%; }
	th.c_cat-starter { width: 14%; }
	th.c_cat-replies, th.c_cat-views { width: 7%; }
	th.c_cat-lastpost { width: 27%; }

    /* ONE TOPIC PAGE **************************************************/
    
	.c_post ul {
		list-style-type: disc;
		list-style-position: inside;
		}
	.c_post ul li {
		display: list-item;
		}
	
    /* User Info Box & "Desc" table cells ********************************* */

	.c_user, td.c_desc { width: 190px;  }
	td.c_desc small    { display: block;}
	td.c_user a        { display: block;}

	td.c_user div 			{ margin: 2px 0 8px!important;	}
	td.c_user div.usertitle 		{ margin: 6px 0!important;	  	}
		.pip 			{ white-space: nowrap;		}
	td.c_user dl.user_info 		{ margin: 20px 0 12px; 		}
	dl.user_info, dl.user_profile 	{ width: 180px; 		  	}
	.user_info dt 			{ float: left; margin-right: 8px; 	}

    /* QUOTES ************************************************************ */
    
	.c_post blockquote, .search_results blockquote {
		width: 95%;
		margin: 0.5em auto 1em;
	}
	.c_post blockquote dd, .search_results blockquote dd { padding-bottom: 2px; }
	.c_post blockquote dt, .search_results blockquote dt {
		float: left;
		margin-right: 2em;
		}
	.c_post blockquote div, .search_results blockquote div {
		padding: 2px;
		clear: both;
		}
	
    /* ATTACHMENTS ******************************************************** */
    
	dl.c_post-attachment {
		margin-top: 1em;
	}

    /* POLLS ************************************************************* */
    
	.poll { border-spacing: 0; margin-bottom: 10px; }
	.poll td { vertical-align: middle; line-height: 14px; }
	td.c_poll-answer, td.c_poll-bar {
		width: 42%;
		}
	td.c_poll-choice { padding-left: 40%; }
	td.c_poll-bar {
		background-image: url("http://z3.ifrm.com/162/175/0/p116018/bar_left.gif");
		background-position: 2px center;
		background-repeat: no-repeat;
		}
	td.c_poll-bar div {
		background: url("http://z3.ifrm.com/162/175/0/p116019/bar.gif") center repeat-x;
		height: 8px;
		}
	td.c_poll-bar div span {
		float: right;
		height: 8px;
		width: 2px;
		background: url(http://z3.ifrm.com/162/175/0/p116020/bar_right.gif) center no-repeat;
		}
		td.c_poll-bar div[style~="0%;"] span {
			background: #f5f9fd; /* basic td bg color to overwrite bar stubs. */
			}

   /* Calendar ************************************************************* */

	.calendar td {
		height: 125px;
		width: 14.3%;
		padding: 0;
		}
	.calendar ul, .calendar div { padding: 4px 3px; }
	.calendar li 		{ margin-top: 8px; }
	.calendar li.placeholder 	{ padding:    4px; }
	.calendar li span 	{ cursor: default; }
	.calendar div a {
		background: url(http://z3.ifrm.com/static/1/s_minibday.png) no-repeat 5px;
		float: left;
		padding: 0 0 6px 24px;
		}
	.calendar li a, .calendar li a span {
		display: block;
		padding: 3px;
		}

		
    /* PM. Board Meta. ************************************* */

	#pmtoast {
		padding: 1px;
		position: fixed;
		bottom: 10px;
		right: 10px;
		}
	#pmlink, #pmclose {
		display: block;
		padding: 4px;
		border: 3px solid #ff9966;
		}
	#pmlink { border-bottom-width: 1px }
	#pmclose { border-top: none; }
    
	#pm_folders { padding-top: 26px; }
	#pm_folderlist li {
		display: list-item;
		}
	#pm_select { width: 1px; }
	#c_emot { width: 190px; }
	#emot_wrap { padding: 6px; }
	#emot_list { margin-top: 4px; }
	#emot_list li {
		line-height: 40px;
		padding: 4px;
		}
	#c_post-resize { float: right; padding-right: 2.5%; }
	#btn_preview { margin-left: 2.5%; }

	#faq dt { padding: 3px 0 8px; }
	
	.ucp { margin-bottom: 4px; }
	
    /* Meta Menus *********************************************************** */

	#boardmeta {
                overflow: hidden;
                margin: 36px auto;
		width: 726px;
                }
	.meta_menu {
                margin-bottom: -200px;
                padding: 0 0 218px 0px;
                width: 46%;
                float: right;
                }
	.meta_menu h3 {
		margin-bottom: 0.5em;
		margin-left: 18px;
		padding: 6px 0;
                }
	.meta_menu ul { margin: 0 18px; }
	.meta_menu li {
		display: list-item;
		list-style-type: disc;
		padding: 2px 0px;
		list-style-position: outside;
		}
	#pm_settings, #ucp_settings { float: left; }
	.meta_menu img, .meta_menu span { float: right; margin: 20px; } /* the weird span element is for IE 6, to make the image float in it. No idea why. */
	.ucp .cat-topicpages 	 { float: none;  }

	#ucp_gallery li {
		float: left;
		margin: 8px;
		}
	#ucp_gallery li img {
		display: block;
		}
	
    /* * PORTAL PAGE ********************************************************* */

	#portal_l {
		float: left;
		width: 200px;
		}
	#portal_r {
		float: right;
		width: 160px;
		}
	#portal_news {
		margin-left: 204px;
		margin-right: 164px;
		}
	#portal_clear {
		clear: both;
		height: 6px;
		}
	#portal_foot {
		clear: both;
		}
	.portal_box {
		margin-bottom: 4px;
		}
	
    /* * BLOG PARTS ************************************* */

	#blog { overflow: hidden!important; }
	#blog canvas {display: none!important; }
x	#blog_user { padding: 13px; float: left; width: 142px; }
	#blog_head { position: relative; left: 0; }
	#blog_user { padding: 13px; width: 142px; position: absolute; left: 0; z-index: 100; }
	#blog_sub { padding-left: 173px; }
	#blog_sidebar { float: left; clear: left; width: 168px; padding-top: 150px; }
		#blog_sidebar div { padding: 4px; }
	#blog_main { padding-left: 170px; } /* width of side stuff plus 2px borders */
		.blog_entry { padding-bottom: 6px; }
			.blog_date, .blog_entry h2, .blog_entry blockquote, .blog_options, #blog_comments li {
				padding: 4px;
				}
				#blog_comments li { display: list-item; list-style-position: inside;}
				#blog_comments small { line-height: 1.6; }
		#blog_foot { margin-left: -170px; height: 13px; clear: both }

    /* * Notice, Error ************************************ */

	dl.notice {
		width: 728px;
		margin: 13px auto;
		}
	dl.notice dt, dl.notice dd {
		display: block;
		padding: 4px;
		}
		
    /* * Search Results page ***************************** */
    
	.search_results {
		clear: both;
		padding: 5px 1px 1px;
		margin-bottom: 4px;
		}
		.search_results h3 {
			display: inline;
			padding-left: 4px;
			}
		.search_results div {
			padding: 8px 4px 4px;
			}
		.search_results p {
			padding: 4px;
			}
		
th.post_sep {
	padding: 0;
	height: 5px;
	line-height: 0;
	}
div.topic { margin-top: 6px; }

table.profile, .pm { margin-bottom: 6px; }
	
/*********** Various Paddings, connected ********** */

#stats .forums th, #stats .c_foot, td.c_poll-vote, .spoiler_toggle {
	padding: 7px;
	}

td.c_topicfoot, #copyright, .spoiler {
	padding: 6px;
	}
	

    /* FAST REPLY BOX ***********************+ */
    
	#fast-reply {
		clear: both;
		}
	#fast-reply dt {
		padding: 1px 0 8px 5px;
		}
	#fast-reply textarea {
		display: block;
		margin: 4px auto;
		}
	#fast-reply dd {
		padding: 6px;
		}
		
    /* ACP Login ************************ */
    
	#acplogin { 
		height:275px;
		left:50%;
		margin:-137.5px 0 0 -250px;
		padding:0;
		position:absolute;
		top:50%;
		width:500px;
		}

	
/* VERTICAL ALIGNMENTS */

img { vertical-align: top; }
.cat_head img { vertical-align: middle; }

.forums td, .posts td, td.c_sort {
	vertical-align: middle;
	}

/******************************
    DROP MENU

 ******************************/

	.drop_menu li {
		float: left;
		text-align: center;
		}
	.drop_menu li a {
		display: block;
		width: 9em;
		position: relative;
		padding: 4px;
		}
		#profile_menu li a {padding: 0;}
			#profile_menu li ul li a { padding: 4px; }
	.drop_menu li a img {
		vertical-align: bottom;
		}
		.drop_menu ul {
			width: 9.4em;
			position: absolute;
			left: -999em;
			z-index: 1000;
			}
		.drop_menu li:hover ul, .drop_menu li.hover ul {
			left:auto;
			}
		.drop_menu ul li {
			width: 100%;
			z-index: 1000;
			}
		.drop_menu ul li a {
			display: block;
			padding: 4px 5%;
			width: 90%;
			z-index: 1000;
			}

    /* Ad table on front page **************************************************************** */

	table[style~="90px;"]           { height: auto!important; border: none; border-spacing: 0; background: transparent;}
	table[style~="margin-top:"] td { border: none; padding: 0; background: transparent;	}
	table[style~="margin-top:"]    { margin-bottom: 10px; border: none; border-spacing: 0;	background: transparent;}



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