body {
	padding: 0;
	margin: 0;
	
	font-family: Tahoma, Verdana, sans-serif;
	
	background: url("body_bg.jpg") repeat-y left top; }

#sidebar {
	width: 323px;
	/* width: 260px; */
	float: left; }
	
	#sponsor {
		text-align: center; }
	#gads {
		padding: 0.3em;
		text-align: center;
		margin: 0 auto 0 auto;
		background: #3364B3;
		-moz-border-radius: 15px;
		color: #FFF; }
		
		#gads p { padding: 0; margin: 0; }
		
		#gads a:link,
		#gads a:visited {
			color: #FFF;
			text-decoration: none; }
		
		#gads a:hover { text-decoration: underline; }

h1 { padding: 0; margin: 0; }
h1 a {
	display: block;
	padding: 0;
	margin: 0;
	text-indent: -999px;
	height: 218px;
	
	background: url("h1_bg.jpg") top; }
	
h1, h2, h3, h4, h5, h6 { color: #3460AA; }
h2 { border-bottom: 1px solid #2E5EAE; }
h3 { border-bottom: 1px solid #768BAE; }

#related {
	display: block;
	width: 240px;
	margin: 0 auto 0 auto;
	padding: 0;
	height: 48px; }
	
	#related li {
		display: block;
		width: 119px;
		height: 48px;
		margin: 0;
		padding: 0; }
		
		#related li a {
			display: block;
			height: 48px;
			line-height: 48px;
			text-align: center;
			padding-left: 30px; }
		
	#r_anol { float: left; }
	#r_vize { float: left; position: relative; left: -6px; }
	
	#related a { background-position: 10px center; background-repeat: no-repeat; }
	
	#r_anol:hover { background-image: url("r_anolis_hover.png"); }
	#r_vize:hover { background-image: url("r_vize_hover.png"); }
	
	#r_anol a { background-image: url("r_anolis.png") }
	#r_vize a { background-image: url("r_vize.png");}
	

#navigation {
	margin: 0;
	padding: 0 0 5px 0;
	list-style: none;
	list-style-position: inside;
	width: 323px;
	/* width: 260px; */
	
	list-style-position: inside; }
	
	/* I tried the list-style-image approach, but it fails in IE and I can't get vertical align working properly in FF ...so here's to pragmatism */
	#navigation li {
		display: block;
		padding: 3px 0 3px 0;
		margin: 0 0 -5px 20px; }
		
		#navigation li a {
			display: block;
			height: 66px;
			line-height: 66px;
			margin: 0 0 0 27px;
			padding: 0 0 0 60px; }
		
		#navigation li:hover {
			background: url("m_hover.png") no-repeat right center; }

#related a:link,
#related a:visited,
#navigation a:link,
#navigation a:visited {
	text-decoration: none;
	color: #FFF; }
	
	#navigation a {
		background-repeat: no-repeat;
		background-position: left center; }
	
	#m_about a { background-image: url("m_about.png"); }
	#m_scrns a { background-image: url("m_screenshots.png"); }
	#m_downl a { background-image: url("m_download.png"); }
	#m_opens a { background-image: url("m_source.png"); }
	#m_helpf a { background-image: url("m_help.png"); }
	#m_forum a { background-image: url("m_discuss.png"); }
	#m_promo a { background-image: url("m_promote.png"); }
	#m_conta a { background-image: url("m_contact.png"); }
	
/********************************/

a img { border: none; }

#content {
	padding: 1em;
	margin-left: 330px; }
	
.newsItem {
	clear: right; }
	
	.newsItem img { margin-top: -50px; float: right; border: none; }


.dataTable { width: 100%; border-collapse: collapse; border: 1px solid #183971; }
.dataTable input { width: 100%; }

.dataTable td, .dataTable th {
	border: 1px dotted #03476F;
	padding: .4em;
	color: #363636; }
.dataTable tr.edition td {
	padding-top: 0.5em; }

a.hist { color: #000 !important; }

.screenshotWrap {
	border: 1px solid transparent;
	overflow: hidden;
	width: 100%;	
}

.screenshot {
	margin: 0.25em 0 0 0.25em;
	padding: 2px;
	width: 200px;
	height: 210px;
	float: left;
	overflow: hidden;
	background: #EAF1FF; }

.fieldTable th { text-align: right; font-weight: normal; }

.yes { background: #E3FFE4; }
.no  { background: #FFEFEF; }
.may { background: #FFFEEC; }

dt { font-weight: bold; }
dd {
	margin: 0.5em; }