/****************************



   UNIVAC THEME





*****************************/







* { margin: 0; padding: 0; }







img { border: none; }



ul  { list-style: none; }



li  { display: inline; }



a   { text-decoration: none; }



td, th { vertical-align: top; background: transparent; }











/* **************************



        COLORS







Black: #000000



Grey: #6D6E73



Green: #00ff00



Amber: #C6AE31







**************************/











/* The following background fakes two columns */



#sidebar_content {



	  background: url("http://z3.ifrm.com/49/47/0/f100864/sidebar-bg.png") -44px 0 repeat-y #f0f0f0;



	}







/* Off black on off-white */





body, #wrap, th.post_sep, td#c_notes {



	  background: #444;



	  color: #111;



}

 



thead th {

	background: url("http://z3.ifrm.com/351/176/0/p169211/tab2.png") no-repeat #0c6122;

	padding-left: 18px;

	color: #fff;

        border: none;

}













a { color: #000; }



.cat_head a { color: #fff; }



#pmlink big, #pmlink strong, #pmclose, td.c_sig, span.collapse, span.uncollapse {

    color: #c6ae31;

}





/* Off-white on off-black plus light on dark blue */







	#top, #sidebar, .drop_menu ul li, td.c_poll-bar div {



	  background: #222;



	  color: #ddd;



	}







		.drop_menu li ul li a:hover {



		  background: #444;



		}







	#logo, #copyright {



	  background: #666666;



	  color: #ddd;



	}







	#top a, #logo a, #copyright a, #sidebar a, #pmtoast:hover { color: #C6AE31; }







	#sidebar hr {



/* A problem area...

		background: transparent url(http://z3.ifrm.com/49/47/0/f100873/separator.png) no-repeat scroll center center; 



		height: 9px; /* So you see the image */



		}

*/















	.forums td, .cat_head td, .posts td, .topic td, td.c_foot, .calendar td, #faq td, form td, .ucp td, .pm td, #conversation td, .profile td, .row1 td, .row2 td, #blog_sub, div.search_results div, #pmtoast {



}



.cat_head td {

   background: url("http://z3.ifrm.com/351/176/0/p169211/tab2.png") no-repeat #0c6122;

  border: none;

   padding-left: 18px;



}





	#submenu, #nav, #foot_wrap td, #pm_new td, #conversation .c_postinfo {



	  background: #666;



	}



	#submenu, #nav, #foot_wrap td, #pmlink {



	  color: #00ff00;



	}







	td.c_view, td.c_sort, #stats th, #stats td, .meta_menu, #pm_folderlist, th#pm_folders, #blog_sidebar, #blog_sidebar td, td.cal_inactive, #pmtoast:hover {



	  background: #ddd;



	}







/* Special link colors */



	span.online-pm, span.offline-pm { color: #111; }











/* Special Elements colors */







	#sidebar h2		{ color: #ffff66; }



	#td.cal_inactive	{ color: #777;    }



	div.blog_date		{ color: #777;    }



	#profile_menu li ul li a { color: #ddd;   }



       .c_info { background: #eee; }



/* to be continued!!! */











/* **************************/



/*        TYPOGRAPHY        */







/* **************************/







body 	{ font: 75% arial, verdana, sans-serif;	/* 12px */



	  line-height: 1.5;



	  text-align: left;



	}



th { text-align: left; }







	td.c_topicfoot, .calendar thead th, .poll td.c_poll-total, .poll td.c_poll-votes { text-align: center; }



	td.c_desc { text-align: right; }







#sidebar { text-align: center; }











td, th 	{ vertical-align: top;      }



        td.c_poll-bar { vertical-align: middle; }



input	{ vertical-align: baseline; }



	input[type=checkbox] { vertical-align: middle; }







p, ol	{ max-width: 54em; }











/* Basic Elements Font Sizes */







	h1	     { font-size: 200%; }	/* 24px */



	h2, thead th { font-size: 150%; }	/* 18px */



	h3, #faq dt, #fast-reply dt



		     { font-size: 125%; }	/* 15px */



	h4 	     { font-size: 100%; }	/* 12px */







	big, .notice dt	{ font-size: 112%; }	/* 13px */



	small		{ font-size:  90%; }	/* 11px */







	input, select, a.btn_fake { font-size: 100%;}



	textarea { font-size: 123%;}  /* Testing told this is actually like 100% - wtf? */







	blockquote dt { font-size: 117%; }



	blockquote dd { font-size:  90%; }







/* Block Font Sizes */







	#top	   { font-size:  90%; }



	#sidebar   { font-size:  90%; }



	#nav li    { font-size: 117%; }



	#submenu   { font-size:  90%; }



	#foot_wrap { font-size:  90%; }







/* Special Sizes */







    /* in sidebar */



	#sidebar h2 { font-size: 112%; line-height: 1.25; } /* just back to regular, because #sidebar is at 90% */



	#make-clear { font-size: 0; } /* probably for IE 6 */































    /* on all pages */



	.drop_menu ul li { font-size: 85%; }



		#profile_menu { font-size: 67%; } /* It's another drop menu in a different environment */







    /* buttons & category buttons on several pages */



	.topic-buttons		{ font-size: 120%; }



	.cat-buttons		{ font-size: 120%; }



		ul.cat-pages	{ line-height: 1.8; }



	.cat-topicpages		{ font-size:  90%; }



                .ucp .cat-topicpages { font-size: 100%; }







	#c_postbtn td button	{ font-size: 125%; } /* on full reply page */







    /* on board index page */



.cat_head h2 { 

       font-size: 125%; 

       color: #0c6122;

}



.c_forum strong 	  { font-size: 110%; }



td.c_subforum, .c_info td { font-size:  90%; }







    /* on One Topic Page */



	.c_username, .c_user	{ font-size: 110%; }



	td.c_poll-votes 	{ font-size: 110%; }







    /* User Info data */



	dl.user_info dt, dl.user_info dd, dl.user_profile dt, dl.user_profile dd {



		line-height: 1.2;



		}







    /* on full reply page */



	#c_emot h3     { font-size: 100%; }



	#c_post-resize { font-size: 150%; }



	/* big post reply button see above */







    /* on portal page */



	.portal_box h2 { font-size: 100%; }



	#portal_l h4   { font-size: 112%; }







    /* in blogs */



	div.blog_options { font-size: 80%; }



	div.blog_date	 { font-size: 90%; }







    /* on calendar */



	.calendar thead th { font-size: 125%; }



	.calendar li	   { font-size:  90%; }



	.calendar div a	   { font-size:  80%; }







    /* PM "toast" */



	#pmtoast { font-size:  90%; }



	#pmclose { font-size:  80%; }







    /* Misc */



	#findposts .c_mark { font-size: 200%; } /* the year in a listing of a member's posts */







/* What's normal (which often is not)? What's bold? */







	h4, dl.user_info dt, span.online-pm, span.offline-pm



		{ font-weight: normal; }



	a, strong, th, h1, h2, h3, dt, span.collapse, span.uncollapse, #emot_wrap, #c_postbtn td button, td.c_desc, td.c_sig, .calendar td#cal_current div, #pmlink big, #pmclose



		{ font-weight: bold; }







/* Underlinings */







	a:hover, #pmclose:hover 



		{ text-decoration: underline; }



	#logo a:hover, span.online-pm, span.offline-pm



		{ text-decoration: none; }







/* Different Styles */



        #portal_l h4 strong { font-style: italic; }







/********************



   BORDERS







 ********************/







	table { border-collapse: separate;  border-spacing: 0; }







/* "vanishing" borders (same color as background) */



	td, th	{ border: 1px solid #000; }



	.meta_menu, blockquote, #blog_main, div.search_results div



		{ border: 1px solid #444;}



	#blog_readers, #blog_about 



		{ border-bottom: 2px solid #444;



		  border-top: 2px solid #444;



		}















	#foot_wrap td 	   { border: none; }



	#foot_links	   { border-left: none; }



	#foot_themechooser { border-right: none; }











	#sidebar hr { border: none; }







	.forums td.c_foot { border-bottom-width: 1em; }







	.poll td	{ border: none; }



	.poll tbody th	{ border-bottom-width: 2px; }



	.poll td.c_poll-total	{ border-style: solid; border-color: #444; border-width: 2px 1px 1px; }



        .poll td.c_poll-answer { border-left: 1px solid #444; }



        .poll td.c_poll-bar { border-right: 1px solid #444; }







	.portal_box, .portal_box table { border: 1px solid #ccc; }



	#blog blockquote { border: none; }



	.calendar td#cal_current { border: 2px solid #222; }







	.notice, #pmtoast { border: 2px solid #ff9900; }



	dl.error { border: 3px solid #cc0000; }



	#pmtoast:hover { border-color: #6D6E73; }



	#pmlink big { border-bottom: 1px solid #444; }



	#pmclose { border-top-width: 1px; }  /* does this do anything at all? */ 











/*************************************/



/*  BLOCKS or INLINE or LIST or ...  */







/*************************************/







/* Block elements */

















/* Basic list stylings first, then exceptions */







ul, ol, dl { display: block; }







ul li { 



	display: inline;



	list-style: none;



}











ol li {



	display: list-item;



	list-style-type: roman;



	list-style-position: outside;



	}







.meta_menu li, #pm_folderlist li {



        display: list-item;



        list-style-type: none;



        }







#ucp_gallery li img {



        display: block;



        margin: auto;



        }







.calendar li {



	display: list-item;



	}







/************************



  GEOMETRY







 ************************/







/* Basic Elements Geometry */







	table {



		width: 100%;



		clear: both;



		empty-cells: show;

}



.category {

   margin: 20px 0 10px 0;

}



        textarea {



                width: 98%;



                }







	/* Singular Paddings & Margins */







	p {



		padding: 4px 0;



		margin-bottom: 0.5em;



		}







	ol {



		padding: 8px 8px 8px 2em;



		}







	option {



		padding-right: 12px;



		}







	#sidebar hr {



		margin: 15px 0;



		}











        #ucp_gallery {



                padding: 1.5em 0.5em 0.5em 1.5em;



                }



        #ucp_gallery li {



                float: left;



                margin: 0 1em 1em 0;



                }







        .portal_box table { margin-top: 2px; }







/* Connected Paddings */







	#logo, #top, #top_info, #sidebar .sap-content, #copyright {



		padding-left: 8px;



		padding-right: 8px;



		}







	td, th, h3, .meta_menu, #sidebar h2, .portal_box h2, .portal_box h4, .portal_content, div.search_results div {



		padding: 2px;		/* plus 1px border */



		}



	ul.cat-pages, div.search_results p {



		padding-left: 3px;	/* to also offset the border of elements above */



		}



	.cat-buttons, .topic-buttons {



		padding-right: 3px;



		float: right;



		}



	.cat-buttons a, .topic-buttons a, .c_postfoot span.right a {



		padding-left: 1em;



		padding-right: 0;



		}



	.c_postfoot a {



		padding-right: 1em;



		padding-left: 0;



		}







/* Main building blocks positioning and sizes */







body { min-width: 980px; } /* To accomodate sidebar plus large banner ads in the main part */







#head-part { 



	position: relative;		/* To catch the top-info */



	}







	#logo {



		clear: none;		/* Check later if needed */



		}







		#logo img {



			padding-top: 8px; /* very particular for the used logo pic */



			}







	#top_bar {			/* unused */



		}







	#top {



		height: 2.2em;



		padding-top: 0.2em;



		padding-bottom: 0.2em;



		}



	



		#top_info {



			position: absolute;



			right: 	  0;



			top:   	  15px;



			z-index:  100;



			}







		#top_menu {



			float: right;	/* for more stylings of this list, see below */



			}



			







#sidebar_content { width: 100%; }







      /* Implementing ALA's "faux absolute positioning" technique for sidebar and main board */







	#sidebar_content, #sidebar, #board {



		float: left;



		position: relative;



		}







	#sidebar, #board {



		left: 100%;



		margin-left: -100%;



		}







		#sidebar {



			width: 196px;		/* rules padding-left of #board .sap-content */



			z-index: 100;



			padding-bottom: 5px;



			}



		#sidebar .sap-content {



			/* padding see under "Connected Paddings" below */



			}







		#board {



			width: 100%;



			}



		#board .sap-content {



			padding-left: 196px;	/* ruled by width of #sidebar */



			}







      /* END faux absolute positioning stuff */







#copyright { 



	clear: both;



	padding-top: 8px;



	padding-bottom: 8px;



	}



		



/* Board parts Geometry */







	.drop_menu li {



		float: left;



		text-align: center;



		}



	.drop_menu li a {



		display: block;



		width: 9em;



		position: relative;



		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;



			}







	#nav, #submenu  { padding: 4px; }



	#submenu	{ padding-bottom: 12px; }



		#submenu a { padding-right: 1em; }



	#wrap { 



		padding: 10px 20px 0;



		min-width: 740px;



		}



		#main {



			padding-bottom: 3em;
			background: #444;



			}



	#foot_wrap {



		height: 4em;



		margin: 1em -20px 0; 	/* Offset padding from #wrap */



		clear: both;



		}



		#foot_wrap td {



			height: 4em;



			vertical-align: middle;



			}



		td#foot_datetime {



			padding-left: 12px;



			white-space: nowrap;



			width: 1%;



			}



		td#foot_datetime img {



			margin: 0 2px;



			vertical-align: top;



			}



		td#foot_links {



			text-align: right;



			}







/***********************************************************/



/* Single Page Parts Geometry ********************************* */







	ul.cat-pages { float: left; }



	.topic-buttons, .cat-buttons { float: right; text-align: right; }



	ul.cat-pages,  .topic-buttons, .cat-buttons { 



                width: 45%;



                margin: 1em 0;



                }



        td.c_poll-bar div { height: 14px; }   /* On Single Topic Page and Portal Polls */







    /* Board Index Page *************************************** */



	.collapse, .uncollapse {



		float: right;



		cursor: pointer;



		margin: 2px 8px;



		}



	.c_mark { width: 60px; text-align: center;  }	/* holds the forum marker */



	.c_last { width: 30%; }				/* right column */



		.c_last-title { display: block; }







    /* Single Topic Page **************************************** */



	th.post_sep {



		height: 1em;



		line-height: 0; /* No text here, but IE6 makes a line. */



		}



        .cat-topicpages {



                float: right;



                margin-right: 6px;



                }



                /* See also: .ucp .cat-topicpages */







        #stats { margin-top: 1em; }







        table.poll { margin-bottom: 1.5em; }







        .poll td.c_poll-answer, .poll td.c_poll-bar { width: 42%; }



        .poll td.c_poll-votes { width: 12%; }







    /* User Info Box & "Desc" table cells *************************** */



	.c_user, td.c_desc {



		width: 190px;



		padding-right: 5px;



		}



	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;



		}







    /* Fast Reply Box ******************************************** */



	#fast-reply {



		clear: both;



		margin: 0 auto;



		width: 75%;



		min-width: 600px;



		}



	#fast-reply dd textarea {



		margin: 0 0 8px;



		width: 98%;



		}







    /* Meta Menus ************************************************ */



        #boardmeta {



                overflow: hidden;



                margin-bottom: 12px;



                }



        .meta_menu {



                margin-bottom: -996px;



                padding: 2px 24px 1000px 2px;



                width: 46%;



                }



        .meta_menu h3 {



                padding: 2px 0;



                margin-bottom: 0.5em;



                }



        #pm_settings, #ucp_settings { float: right; }



        .meta_menu img 		    { float: right; }



        .ucp .cat-topicpages 	    { float: none; }







    /* Calendar *************************************************** */



	.calendar td {



		height: 125px;



		width: 14.3%;



		}



	.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: right;



		padding: 0 0 6px 24px;



		}



	.calendar li a, .calendar li a span {



		display: block;



		padding: 3px;



		}







    /* Portal ****************************************************** */



        #portal_l { float: left; }



        #portal_r { float: right; }



        #portal_l, #portal_r {



                width: 180px;



                }



        #portal_news {



                padding: 0 186px;



                }



        .portal_box {



                padding: 2px;



                margin-bottom: 6px;



                }



        .portal_box h2 {



                padding: 2px;



                }



        #portal_l .portal_box div { margin-bottom: 1.3em; }







    /* Misc ******************************************************* */



        #c_notes button, #c_post button {



                margin-top: 8px;



        }



/*** Nav Menu ***/



/*** Hide Board Template Menu Fore testing **/

#sidebarmenu {

   display: none ! important;

} 



/* common styling */







#sidebar ul li a, .menu ul li a:visited {

	display:block;

	text-decoration:none;

	color:#ffffff; 

	width:170px; 

	height:29px; 

	text-align:center; 

	background-image: url("http://z3.ifrm.com/49/47/0/p158799/roundcorners.png"); 

	background-position: top right;

	background-repeat: no-repeat;

	line-height:28px; 

	font-size: 16px;

	margin: 0 0 6px 0;



}

#sidebar ul {

	padding:0; 

	margin:0;

	list-style-type: none; 



}



#sidebar ul li {

	float:left; 

	margin-right:1px; 

	position:relative;

}



#sidebar ul li ul {

	display: none;

}



/* specific to non IE browsers */

#sidebar ul li:hover a {

	color:#ddff00;

} 



#sidebar ul li:hover ul {

	display:block; 

	position:absolute; 

	top:0; 

	left:170px; 

	width:200px;

}



#sidebar ul li:hover ul li a.hide {background:#00ff00; color:#000;} 



#sidebar ul li:hover ul li:hover a.hide {

	width:250px;

}



#sidebar ul li:hover ul li ul {display: none;}



#sidebar ul li:hover ul li a {display:block; background:#ccc; color:#000; width:200px;}



#sidebar ul li:hover ul li a:hover {background:#dfc184; color:#000;}



#sidebar ul li:hover ul li:hover ul {display:block; position:absolute; left:151px; top:0; color:#000;}



#sidebar ul li:hover ul li:hover ul li a {display:block; width:200px; background:#dfc184; color:#000;}



#sidebar ul li:hover ul li:hover ul li a:hover {background:#bd8d5e; color:#fff;} 



#sidebar ul li ul li a, .menu ul li ul li a:visited {

	color: #fff;

	background: #444444;

	border: 1px solid black;

	margin: 0;

	letter-spacing: 0;

	font-size: 14px;

}







/* Ad table on front page */







table[style~="90px;"]     { height: auto!important; }



table[style~="margin-top:"] td { border: none; padding: 0; background: transparent;}



table[style~="margin-top:"] { margin-bottom: 10px; }











.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}



tr.forum { background: #fff; }



.c_post { background: #fff; }



.c_user { background: #fff; }



.c_username { background: #fff; }

tbody { background: #fff; } 

#nav a { color: #C6AE31; }

.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}

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