/* general */
	body {
		margin: 2px;
		padding: 0;
		font-family: "Lucida Grande", arial, helvetica, verdana, sans-serif;
		font-size: 16px;
		color: #DDD;
		background-color: #123;
	}
	h1 {
		margin: 2px 4px 2px 4px;
		font-size: 11pt;
	}
	h2 {
		margin: 0;
		font-size: 1em;
	}
	h3 {
		margin: 0;
		font-size: 0.9em;
	}

/* v2 */
	#main {
		text-align: center; /* be nice to IE5 */
	}
	.centered {
		text-align: left; /* be nice to IE5 */
		width: 1020px;
		margin-left: auto;
		margin-right: auto;
	}
	#topper {
		background: #357 url("/res/gradbuttonblue.gif") repeat-y;
	}
	#topper h1 {
		display: inline;
		float: left;
		margin: 0;
	}
	#topper h1 a {
		display: block;
		width: 158px;
		height: 54px;
		background: transparent url("/res/logo.gif") no-repeat;
		text-indent: -700em;
		text-decoration: none;
	}
	#topperUser {
		font-size: 0.8em;
		text-align: right;
		padding-bottom: 4px;
		padding-right: 10px;
		background: url("/res/headerRed.gif") no-repeat bottom right;
	} 
	.cortopright {
		float: right;
		width: 5px;
		height: 5px;
		background: url("/res/cortopright.gif") no-repeat top right;
	}
	#topsearch {
		width: 420px;
		height: 70px;
		margin-left: 300px;
		background: url("/res/headerSearch3.gif") no-repeat bottom left;
	}
	#topsearch form {
		padding-top: 25px;
		padding-left: 25px;
	}
	#footer {
		font-size: 0.8em;
		margin-top: 12px;
		padding-top: 12px;
		text-align: center;
		background: #357 url(/res/gradbuttonblue.gif) repeat-y;
	}

/* enables outboard */
	#bigbox {
		width: 945px;
		margin: 0 auto;
	}
	#bigbox_wide {
		width: 1230px;
		margin: 0 auto;
	}
		/* the normal sitebox */
		#siteboxfloat {
			float: left;
			width: 775px;
		}
		#siteboxfloat_wide {
			float: left;
			width: 1230px;
		}
			#adtop {
				width: 100%;
				margin: 0 auto 8px;
				text-align: center;
			}
			#sitebox {
				background: url(/res/transdark12.png) repeat-y;
				width: 775px;
				padding-top: 5px;
				text-align: left;
			}
			#sitebox_wide {
				background: url(/res/transdark12_wide.png) repeat-y;
				width: 1230px;
				padding-top: 5px;
				text-align: left;
			}
			/* footer */
			#bottom {
				font-size: 0.8em;
				margin-top: 12px;
				padding-top: 12px;
				text-align: center;
				background: #357 url(/res/gradbuttonblue.gif) repeat-y;
			}
		#outboardfloat {
			width: 260px;
			margin-left: 785px;
			padding-top: 188px;
		}
		#outboardFloatLeftAnchor {
			height: 0px;
			float: right;
		}
		#outboardFloatLeft {
			width: 360px;
			padding: 10px;
			clear: right;
			text-align: right;
		}
	#siteboxFooter {
		width: 725px;
		background: url(/res/transdark12.png) repeat-y;
		padding: 9px 24px;
		margin-bottom: 5px;
		color: #357;
		text-align: center;
		font-size: 0.7em;
	}
	#siteboxFooter_wide {
		width: 1180px;
		background: url(/res/transdark12_wide.png) repeat-y;
		padding: 9px 24px;
		margin-bottom: 5px;
		color: #357;
		text-align: center;
		font-size: 0.7em;
	}
	#siteboxFooter a {
		color: #357;
	}

	/* a nice button for forms */
	.sbutton {
		font-size: 1em;
		background: #6A7389;
		color: #fff;
		padding: 0 4px;
		border-right: 1px solid #123;
		border-bottom: 1px solid #123;
		border-top: 1px solid #a8a8a8;
		border-left: 1px solid #a8a8a8;
	}

	a:link{ color:#cde; }
	a:visited{ color:#bcd; }
	a:hover{ color:#def; }
	a:active{ color: #fff; }

	/* a nice button for the onion layout */
	a.button { margin-bottom: 5px; cursor: pointer; display: block; float: left; height: 16px; padding: 4px 0; color: #EEE; text-align: center; text-decoration:none; font-size:11px; font-weight:bold; width:127px; background:url(/res/buttonred.gif) no-repeat; }
	a.button:hover { background-position:0 -24px; color: #FFF; }
	a.buttonoff { margin-bottom: 5px; cursor: default; display: block; float: left; height: 16px; padding: 4px 0; color: #CCC; text-align: center; text-decoration:none; font-size:11px; font-weight:bold; width:127px; background:url(/res/buttongrey.gif) no-repeat; }
	a.buttonoff:hover { color: #CCC; }

	/* nice 2nd level heading for the onion layout */
	a.NonDecoDark { color: #000; text-decoration: none; }
	a.NonDecoLight { color: #cde; text-decoration: none; }

	/* forum styling */
	a#link {
		display:block;
		width:100%;
		height:100%;
		text-decoration:none;
	}
	a#link:hover {
		background-color: #123;
	}

/* header */
	#header {
		background: #357 url("/res/gradbuttonblue.gif") repeat-y;
		position: relative;
		min-height: 39px;
		height: 5em;
		padding: 15px 0;
		/* follows the Tantek Celik Hack */
		voice-family: "\"}\"";
		voice-family: inherit;
		height: 3em;
		padding: 15px 0;
	}

	#header h1 {
		position: absolute;
		top: 0;
		left: 0;
		margin: 0;
		font-size: 2px;
		height: 8px;
		z-index: 4; /* above headerRed */
	}
	#header h1 a {
		display: block;
		width: 350px;
		height: 68px;
		background: transparent url("/res/logo.gif") no-repeat;
		text-indent: -700em;
		text-decoration: none;
	} 

        .headerRed{
		width: 500px;
		position: absolute;
		bottom: 0;
		right: 0;
		margin: 0;
		padding: 4px;
		font-size: 0.8em;
		text-align: right;
		background: url("/res/headerRed.gif") no-repeat bottom right;
		z-index: 3; /* below H1 */
	}

/* header search field */
	#header form {
		position: absolute;
		top: 0;
		right: 0;
		padding: 20px 70px 0 0;
		width: 350px;
		height: 40px;
		background: url("/res/headerSearch2.gif") no-repeat top right;
		margin: 0; /* need for IE Mac */
		text-align: right; /* need for IE Mac */
		white-space: nowrap; /* for Opera */
	}
	#header form label { color: #fff; font-size: 1em; }
	#header form input { font-size: 1em; }
	
	#header form #Search {
		width: 170px;
		font-size: 1em;
		border: 1px solid #9097A2;
		background: #CCCCCC;
		padding: 2px;
	}
	#header form #Search:hover, #header form #Search:focus {
		background: #fff;
	}

/* -- Menu & news container -- */
	#sideBar {
		width: 100px;
		margin: 0px;  
	}
	#sideBar p {
		margin: 0px;
		padding: 7px 10px 0 22px;
		font-size: 0.8em;
		line-height: 2em;
		text-align: right;
	}

	#sideBar a.menuItem {
		display: block;
		clear: both;
		font-size: 1em;
		text-decoration: none;
		margin-bottom: 1px;
		padding: 4px 0 4px 12px;
		border: 0px;
		color: #FFFFFF;
		background: #357 url(/res/gradbuttonblue.gif) repeat-y;
	}
	#sideBar a.menuItemHighlight {
		display: block;
		clear: both;
		font-size: 1em;
		text-decoration: none;
		margin-bottom: 1px;
		padding: 4px 0 4px 12px;
		border: 0px;
		color: #000000;
		background: #CCCCCC url(/res/gradbuttongrey.gif) repeat-y;
	}
	#sideBar a:hover.menuItem {
		color: #fff;
		background: #666 url(/res/gradbuttongrey.gif) repeat-y;
	}
	#sideBarFooter {  
		height: 10px;
		background: url(/res/tabbottom.gif) no-repeat top;
	}

/* Content on light grey */
	#ContentHeader {
		width: 674px;
		background: #a8a8a8 url(/res/bggradrev2.gif) repeat-x top;
		font-weight: bold;
	}
	#ContentHeader_wide {
		width: 1129px;
		background: #a8a8a8 url(/res/bggradrev2.gif) repeat-x top;
		font-weight: bold;
	}
	#ContentHeaderDiv {
		width: 100%;
		max-width: 675px;
		min-height: 100px;
		min-height: 100px;
		font-size: 1.6em;
		color: #000;
	}
	#ContentLeft {
		width: 160px;
		height: 790px;
		background: #a8a8a8;
	}
	#ContentLeftFooter {
		position: relative;
		top: 0;
		height: 5px;
		background: url(/res/leftfooter.gif) no-repeat top left;
	}
	#Content {
		width: 499px;
		min-height: 650px;
		padding: 8px;
		padding-top: 0;
		color: #000;
		background: #a8a8a8;
	}
	#Content a:link { color:#357; }
	#Content a:visited{ color:#123; }
	#Content a:hover{ color:#468; }
	#Content a:active{ color: #fff; }

/* Content on dark blue (onion layout) */
	#ContentDarkHead h3 {
		color: #DDD;
		font-size: 1em;
		margin: 0;
		padding: 0;
	}

	#ContentDarkHead a:link{ color:#cde; }
	#ContentDarkHead a:visited{ color:#bcd; }
	#ContentDarkHead a:hover{ color:#def; }
	#ContentDarkHead a:active{ color: #fff; }

	#ContentDark {
		color: #DDD;
	}
	#ContentDark a:link{ color:#cde; }
	#ContentDark a:visited{ color:#bcd; }
	#ContentDark a:hover{ color:#def; }
	#ContentDark a:active{ color: #fff; }

	#snavs {
		display: inline;
		padding: 5px 4px 13px 6px;
		background: #357;
		border-left: 1px solid #000;
		border-bottom: 0;
		border-top: 0;
	}
	#snav {
		display: inline;
		padding: 5px 4px 8px 6px;
		border-left: 1px solid #000;
		border-bottom: 0;
		border-top: 0;
	}
	.boxHead {
		font-size: 0.9em;
		padding: 1px 8px 1px 1px;
		border: 1px solid #123;
		background-color: #123;
	}
	.boxBody {
		font-size: 0.8em;
		padding: 8px;
		border: 1px solid #123;
	}

/* round corners trick +font1px hack: webdesign.html.it/articoli/leggi/528/more-nifty-corners/ */
	.rtop, .rbottom{display:block}
	.rtop *, .rbottom *{display: block; height: 1px; overflow: hidden; background-color: #357; }
	.r1{margin: 0 5px; font-size: 1px; background-color: #68a; }
	.r2{margin: 0 3px; font-size: 1px; border-left: 2px solid #468; }
	.r3{margin: 0 2px; font-size: 1px; border-left: 1px solid #468; }
	.r4{margin: 0 1px; font-size: 1px; border-left: 1px solid #468; height: 2px;}

	.r1b{margin: 0 5px; font-size: 1px; background-color: #123; }
	.r2b{margin: 0 3px; font-size: 1px; border-right: 2px solid #246; }
	.r3b{margin: 0 2px; font-size: 1px; border-right: 1px solid #246; }
	.r4b{margin: 0 1px; font-size: 1px; border-right: 1px solid #246; height: 2px;}

	.rdarktop, .rdarkbottom{display:block}
	.rdarktop *, .rdarkbottom *{display: block; height: 1px; overflow: hidden; background-color: #246; }
	.rdark1{margin: 0 5px; font-size: 1px; background-color: #579; }
	.rdark2{margin: 0 3px; font-size: 1px; border-left: 2px solid #579; }
	.rdark3{margin: 0 2px; font-size: 1px; border-left: 1px solid #579; }
	.rdark4{margin: 0 1px; font-size: 1px; border-left: 1px solid #579; height: 2px;}

	.rdark1b{margin: 0 5px; font-size: 1px; background-color: #123; }
	.rdark2b{margin: 0 3px; font-size: 1px; border-right: 2px solid #123; }
	.rdark3b{margin: 0 2px; font-size: 1px; border-right: 1px solid #123; }
	.rdark4b{margin: 0 1px; font-size: 1px; border-right: 1px solid #123; height: 2px;}


	.rredtop, .rredbottom{display:block}
	.rredtop *, .rredbottom *{display: block; height: 1px; overflow: hidden; background-color: #900; }

	/* on grad bg we need imgs */
	.bl {background: url(/res/corbottomleft.gif) 0 100% no-repeat; width: 775px;}
	.br {background: url(/res/corbottomright.gif) 100% 100% no-repeat}

	.bl_wide {background: url(/res/corbottomleft.gif) 0 100% no-repeat; width: 1230px;}

/* new styling helpers */
	.valignTop {
		vertical-align: top;
	}
	.alignr {
		text-align: right;
	}
	.floatr {
		float: right;
	}
	.floatr {
		float: right;
	}
	.clear {
		clear: both;
	}
/* results: browse,search */
	.rslot {
		border-bottom: 1px dotted #aaa;
		padding-top: 1px;
		padding-bottom: 1px;
	}
	.rspace {
		float: left;
		width: 340px;
		min-height: 60px;
	}
	.rimg {
		float: left;
		border: 2px solid #246;
		background: #123;
		margin-right: 2px;
		width: 107px;
		height: 75px;
	}
	.rname {
		display: inline;
		width: 300px;
	}
	.rtags {
		width: 340px;
	}
/* forum styling */
	.blue {
		background-color: #357;
	}
	.blueDark {
		background-color: #246;
	}
	.blueLight {
		background-color: #468;
	}
	.blueHeader {
		background: #357 url("/res/gradblckbluerev.gif") repeat-x;
		padding: 1px 10px 5px;
	}
	.tBorder {
		table-layout: fixed;
		border: 1px solid #123;
		border-collapse: collapse;
	}
	.tdBorder {
		 border: 1px solid #123;
		 border-collapse: collapse;
	}
	.lessPadding {
		padding: 2px;
	}
	.largeFont {
		font-size: 1.2em;
	}
	.biggerFont {
		font-size: 1.1em;
	}
	.smallFont {
		font-size: 0.9em;
	}
	.tinyFont {
		font-size: 0.8em;
	}
	.microFont {
		font-size: 0.7em;
	}
	.boldFont {
		font-weight: bold;
	}
	.darkerFont {
		color: #b6b6b6;
	}

/* PRO Styling */
	.button {
		width: 300px;
		background-color: #123;
	}
	.button ul {
		list-style: none;
		margin: 0;
		margin-left: 1px;
		padding: 0;
		border: none;
	}
	.button li {
		border-bottom: 1px solid #123;
		margin: 0;
	}

	.button li a {
		display: block;
		padding: 5px 3px 3px 0.5em;
		border-left: 10px solid #468;
		border-right: 10px solid #123;
		background-color: #246;
		color: #CCC;
		text-decoration: none;
		width: 100%;
	}

	html>body .button li a {
		width: auto;
	}

	.button li a:hover {
		border-left: 10px solid #246;
		border-right: 10px solid #468;
		background-color: #456;
		color: #FFF;
	}

	/* pro video float-lefts */
	.provfloat {
		float: left;
		padding: 3px;
		width: 130px;
		height: 140px;
		background-color: #246;
		margin: 0px 18px 18px 0;
		text-align: center;
	}
	.provfloatdiv {
		background-color: #123;
		width: 124px;
		height: 94px;
		padding: 0;
	}

/* Browse Styling */
	#browse-by-letter ul {
		list-style: none; 
		padding: 0;
		margin: 0;
		overflow: hidden;
	}
	#browse-by-letter ul li {
		float: left;
		border-left: 1px solid #123;
		border-bottom: 1px solid #123;
	}
	#browse-by-letter ul li a {
		width: 21px;
		height: 18px;
		display: block;
		font-size: 12px;
		text-decoration: none;
		padding: 5px 0 0 0;
		text-align: center;
	}
	#browse-by-letter ul li a:hover {
		background-color: #a8a8a8;
		color: #123;
	}
	#browse-by-letter ul li.browse-by {
		width: 53px;
		height: 18px;
		text-align: right;
		font-size: 12px;
		text-decoration: none;
		padding: 5px 7px 0 0;
		border-left: 0;
		border-bottom: 1px solid #123;
	}
        #browse-by-letter ul li.right {
                border-right: 1px solid #123;
        }

	#browse-by-type ul {
		list-style: none; 
		padding: 0;
		margin: 0;
		overflow: hidden;
	}
	#browse-by-type ul li {
		float: left;
		border-left: 1px solid #123;
		border-bottom: 1px solid #123;
	}
	#browse-by-type ul li a {
		width: 110px;
		height: 18px;
		display: block;
		font-size: 12px;
		text-decoration: none;
		padding: 5px 0 0 0;
		text-align: center;
	}
	#browse-by-type ul li a:hover {
		background-color: #a8a8a8;
		color: #123;
	}
	#browse-by-type ul li.browse-by {
		width: 53px;
		height: 18px;
		text-align: right;
		font-size: 12px;
		text-decoration: none;
		padding: 5px 7px 0 0;
		border-left: 0;
		border-bottom: 1px solid #123;
	}
        #browse-by-type ul li.right {
                border-right: 1px solid #123;
        }