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

	#bigbox {
		width: 1125px;
		margin: 0 auto;
	}

		/* the normal sitebox */
		#siteboxfloat {
			float: left;
			width: 945px;
		}

			#adtop {
				width: 100%;
				margin: 0 auto 0 100px;
				min-height: 12px;
				text-align: center;
			}
			#adright {
				width: 140px;
				margin-left: 946px;
				padding-top: 165px;
			}

			#sitebox {
				background: url(/res/bgcentral.gif) repeat-y;
				width: 945px;
				padding-top: 5px;
				text-align: left;
			}

/* header */
	#header {
		background: #c00 url("/res/menubuttonred.gif") repeat-y;
		position: relative;
		min-height: 70px;
		height: 5em;
		padding: 15px 0;
		/* follows the Tantek Celik Hack */
		voice-family: "\"}\"";
		voice-family: inherit;
		height: 3em;
		padding: 0 0;
		border-bottom: 1px solid #222;
	}

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

        .headerSearch {
		width: 350px;
		margin-left: 170px;
		padding-top: 20px;
		font-size: 0.8em;
		text-align: right;
	}
	.headerSearch input.input {
		background:url("/res/searchinput.gif") repeat scroll 0 0 #fff;
		border: medium none;
		color: #808080;
		padding: 4px;
		width: 199px;
	}
	.headerSearch input.submit  {
		background:url("/res/searchbutton.gif") repeat scroll 0 0 #ddd;
		border: medium none;
		color: #fff;
		font-weight: bold;
		height: 24px;
		padding: 3px;
		width: 70px;
	}
        .headerLogin {
		float: right;
		width: 230px;
		background: url(/res/cortopright.gif) top right no-repeat;
		margin: 0;
		padding: 4px 10px;
		font-size: 0.8em;
		text-align: right;
	}
	.headerLogin a:link, .headerLogin a:visited, .headerLogin a:active {
		color: #fff;
		text-decoration: none;
	}
	.headerLogin a:hover {
		color: #fff;
		text-decoration: underline;
	}


	#Content {
		float: right;
		vertical-align: top;
		min-height: 600px;
		width: 845px;
		margin-bottom: 12px;
		background: #f5f5f5 url(/res/contentgrad.gif) repeat-x top;
		border-bottom: 1px solid #222;
		font-weight: bold;
	}

/* -- Menu & news container -- */
	#sideBar {
		float: right;
		width: 100px;
		margin: 0px;  
	}

	#sideBar a {
		display: block;
		clear: both;
		font-size: 1em;
		text-decoration: none;
		margin-bottom: 1px;
		padding: 4px 0 4px 12px;
		border: 0px;
		color: #fff;
	}
	#sideBar a.button, #sideBar a.topbutton {
		background: #c00 url(/res/menubuttonred.gif) repeat-y;
	}
	#sideBar a:hover.button, #sideBar a.buttonHighlight {
		color: #900;
		background: #f5f5f5 url(/res/menubuttongrey.gif) repeat-y;
	}
	#sideBar a:hover.topbutton, #sideBar a.topbuttonHighlight {
		color: #900;
		background: #f5f5f5 url(/res/menutopbuttongrey.gif) repeat-y;
	}
	#sideBarFooter {  
		height: 11px;
		background: url(/res/menubottomred.gif) no-repeat top;
	}

	#footer {
		clear: both;
		font-size: 0.8em;
		padding-top: 10px;
		text-align: center;
		line-height: 1.4em;
		background: #c00 url(/res/menubuttonred.gif) repeat-y;
	}
	#footer a:link, #footer a:active, #footer a:visited {
		color: #fff;
		text-decoration: none;
	}
	#footer a:hover {
		color: #fff;
		text-decoration: underline;
	}
	#siteboxFooter {
		width: 895px;
		background: url(/res/bgcentral.gif) repeat-y;
		padding: 9px 24px;
		margin-bottom: 5px;
		color: #aaa;
		text-align: center;
		font-size: 0.7em;
	}
	#siteboxFooter a:link, #siteboxFooter a:hover, #siteboxFooter a:active, #siteboxFooter a:visited {
		color: #aaa;
		text-decoration: none;
	}



/* 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: #c00; }
	.r1{margin: 0 5px; font-size: 1px; background-color: #e00; }
	.r2{margin: 0 3px; font-size: 1px; border-left: 2px solid #a00; }
	.r3{margin: 0 2px; font-size: 1px; border-left: 1px solid #a00; }
	.r4{margin: 0 1px; font-size: 1px; border-left: 1px solid #a00; height: 2px;}

	.r1b{margin: 0 5px; font-size: 1px; background-color: #222; }
	.r2b{margin: 0 3px; font-size: 1px; border-right: 2px solid #777; }
	.r3b{margin: 0 2px; font-size: 1px; border-right: 1px solid #777; }
	.r4b{margin: 0 1px; font-size: 1px; border-right: 1px solid #777; 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: 945px;}
	.br {background: url(/res/corbottomright.gif) 100% 100% no-repeat}


/* new styling helpers */
	.valignTop {
		vertical-align: top;
	}
	.valignBottom {
		vertical-align: bottom;
	}
	.alignr {
		text-align: right;
	}
	.floatr {
		float: right;
	}
	.floatr {
		float: right;
	}
	.clear {
		clear: both;
	}

	.morePadding {
		padding: 17px 25px !important;
	}

	.red {
		background-color: #c00;
		padding: 2px 10px;
	}
	.red a:link, .cont a:active, .cont a:visited {
		color: #dcc !important;
		text-decoration: underline;
	}
	.red a:hover {
		color: #fff !important;
		text-decoration: underline;
	}

	.redHeader {
		background: #c00 url("/res/gradheader.gif") repeat-x;
		padding: 1px 10px 5px !important;
	}

	.cont {
		background-color: #eee;
		border-left: 1px solid #700;
		border-right: 1px solid #700;
		padding: 10px 10px 4px;
		color: #222;
	}
	.cont a:link, .cont a:active, .cont a:visited {
		color: #b00 !important;
		text-decoration: underline;
	}
	.cont a:hover {
		color: #bbb !important;
		text-decoration: underline;
	}

	.contbottom {
		height: 6px;
		background: url("/res/container.gif") no-repeat scroll 0 0 transparent;
		padding-left: 20px;
	}
	.contbottom span {
		min-width: 10px;
		background: url("/res/container.gif") no-repeat scroll 0 0 transparent;
		background-position: right -6px;
		display: block;
	}

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

	.graphicFont {
		font-size: 2em;
		font-weight: bold;
		color: #aaa;
		line-height: 0.5em;
	}

	.avatarfloat {
		float: left;
		padding: 3px;
		width: 80px;
		background-color: #bbb;
		margin: 1px;
		text-align: center;
		overflow: hidden;
	}
	.avatarfloat a:link, .avatarfloat a:visited, .avatarfloat a:active {
		color: #fff !important;
		text-decoration: none;
	}
	.avatarfloat a:hover {
		color: #fff !important;
		text-decoration: underline;
	}



/* 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 #222;
		border-bottom: 1px solid #222;
	}
	#browse-by-letter ul li a {
		width: 27px;
		height: 18px;
		display: block;
		font-size: 12px;
		text-decoration: none;
		padding: 5px 0 0 0;
		text-align: center;
		color: #fff;
	}
	#browse-by-letter ul li a:hover {
		background-color: #f5f5f5;
		color: #222;
	}
	#browse-by-letter ul li.browse-by {
		width: 60px;
		height: 18px;
		text-align: right;
		font-size: 12px;
		text-decoration: none;
		padding: 5px 7px 0 0;
		border-left: 0;
		border-bottom: 1px solid #222;
	}
        #browse-by-letter ul li.right {
                border-right: 1px solid #222;
        }

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