* {
margin:0;
padding:0;
}

body {
background-color:#EEEEEE;
font-family:Arial,sans-serif;
font-size:12px;
}

#page {
margin:0 auto;
width:870px;
}

#twitter {
background:transparent url(http://images.coverdude.com/twitterred.png) no-repeat scroll center bottom;
width: 100px;
height: 100px;
position: absolute;
top: 10px;
right: 20px;
}

#header {
background:#EEEEEE url(http://images.coverdude.com/header-bg.png) no-repeat scroll center bottom;
height:47px;
padding:10px 10px 0;
margin-top: 40px;
}

#contentwrap {
background:transparent url(http://images.coverdude.com/content-bg.png) repeat-y scroll center top;
padding:5px 18px 0;
position:relative;
width:834px;
}

#logo {
background:transparent url(http://images.coverdude.com/logo.png) no-repeat scroll left top;
display:block;
height:35px;
padding:0 0 10px;
width:294px;
}

#logo b {
display:none;
}

#topnav {
float:right;
font-family:Georgia,"Times New Roman",serif;
font-size:16px;
font-style:italic;
font-weight:normal;
height:25px;
line-height:16px;
list-style-type:none;
margin:17px 0 0;
padding:0;
text-transform:lowercase;
}

#topnav li {
border-right:1px solid #5D615E;
display:block;
float:left;
height:25px;
margin:0;
padding:0;
}

h1 {
font-size:24px;
font-weight:bold;
line-height:26px;
color:#000000;
margin-top: 2px;
margin-bottom:8px;
}

h2 {
font-size:16px;
font-weight:bold;
line-height:18px;
color:#000000;
margin-bottom:5px;
margin-top: 10px;
}

h3 {
font-size:12px;
font-weight:bold;
line-height:18px;
color:#222;
margin-bottom:1px;
margin-top: 10px;
}

h4 {
font-size:11px;
font-weight:bold;
margin:0;
padding:0;
text-transform:uppercase;
color: #E73D26;
}

a {
color:#009DEE;
text-decoration:underline;
}

a:hover {
color:#E73D26;
text-decoration:none;
}

a img { border: 0; }

#topsearch {
background-color:#E5E5E5;
height:25px;
/*position:absolute;
right:20px;
top:5px;*/
width:295px;
z-index:9999;
display: inline;
float: right;
margin: 5px;
border: 1px solid #909090;
}

#searchform {
background-color:#E5E5E5;
height:25px;
margin:0 auto 10px;
width:275px;
}

#searchform input#search {
background-color:#E5E5E5;
border:medium none;
color:#909090;
float:left;
font-family:Georgia,"Times New Roman",serif;
font-size:14px;
font-style:italic;
line-height:14px;
margin:0 10px 0 5px;
padding:4px 5px;
width:220px;
}

#toppics {
padding-left: 30px;
}

#content {
float:left;
line-height:19px;
margin-right:15px;
padding-left:3px;
width:510px;
}

#sidebit {
overflow:visible;
float:right;
margin-right:2px;
width:300px;
background-color: #fff;
}

#sidebit h3 {
color: #fff;
background-color: #333;
font-size: 16px;
font-weight: bold;
padding: 3px 5px;
margin: 5px 0;
}

#prefooter {
padding-top: 20px;
clear: both;
}

#prefooter a { color: #000; }

.prefooterbox { float: left; display: inline; width: 400px; }

#footer {
padding: 10px;
background: #222;
color: #fff;
text-align: center;
}

#footer a { color: #fff; }

a.smallcover {
background:transparent url(http://images.coverdude.com/frame135x98.png) no-repeat scroll -2px -2px;
display:block;
height:105px;
padding:5px;
width:138px;
}

ul.smallcovers {
list-style-type:none;
margin:0;
padding:0;
margin:0 !important;
overflow:auto;
padding:0 !important;
}

.smallcovers li {
background-color:transparent;
border:medium none;
float:left;
height:175px;
padding:0 !important;
width:150px;
}

.smallcovers a {
background:transparent url(http://images.coverdude.com/frame135x98.png) no-repeat scroll -2px -2px;
display:block;
height:105px;
padding:5px;
width:138px;
}

ul.redbullet{
list-style-image: url(http://images.coverdude.com/redbullet.png);
margin: 5px 5px 5px 35px;
}

hr {
background-color:#FFFFFF;
border-style:none none dotted;
border-width:medium medium 2px;
color:#FFFFFF;
height:2px;
margin:0;
padding:0;
}

.picframe {
height: 67px;
width: 97px;
display: block;
background:transparent url(http://images.coverdude.com/frame89x60.png) no-repeat scroll -3px -3px;
float: left;
}

.picframe img {
height: 60px;
width: 89px;
}

.picthumb {
height: 60px; 
margin: 2px; 
border: 1px solid #909090;
}

.padding td { padding: 1px 3px; vertical-align: top; }

input, textarea { 
padding: 2px;
font-family:Arial,sans-serif;
font-size:12px;
}

.error { color: #E73D26; }

.magthumb {
width: 140px;
display: inline;
float: left;
margin: 0 15px 15px 0;
text-align: center;
}

.magthumb img {
padding: 5px;
border: 1px solid #a8a8a8;
height: 170px;
width: 136px;
}

.magthumb a:hover img {
border: 1px solid #E73D26;
background-color: #EEEEEE;
}

.coversample {
padding: 5px;
border: 1px solid #a8a8a8;
margin: 0 auto;
}

img.cover_large {
max-width: 500px;
/* Resize the image for IE6 */
width: expression(this.width > 500 ? 500: true);
}

.cover_container .hovercontent {
display: none;
position: absolute;
z-index: 2;
}

.cover_container .hovercontent {
padding: 20px 10px 10px 10px;
}



/* auto complete */
.ac_results {
	padding: 0px;
	border: 1px solid black;
	background-color: white;
	overflow: hidden;
	z-index: 99999;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;
	/* 
	if width will be 100% horizontal scrollbar will apear 
	when scroll mode will be used
	*/
	/*width: 100%;*/
	font: menu;
	font-size: 12px;
	/* 
	it is very important, if line-height not setted or setted 
	in relative units scroll will be broken in firefox
	*/
	line-height: 16px;
	overflow: hidden;
}

.ac_loading {
	background: white url('http://images.coverdude.com/ajax-loader.gif') right center no-repeat;
}

.ac_odd {
	background-color: #eee;
}

.ac_over {
	background-color: #0A246A;
	color: white;
}


a.hrdl {
	background: #2F93C7; /* for non-css3 browsers */

	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2F93C7', endColorstr='#1F5E8A'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#2F93C7), to(#1F5E8A)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #2F93C7,  #1F5E8A); /* for firefox 3.6+ */ 

	display: block;
	padding: 5px 5px 5px 25px;
	border: 1px solid #ddd;
	-moz-border-radius: 5px;
	border-radius: 5px;
	text-decoration: none;
	color: #ddd;
	font-weight: bold;
	margin: 2px 5px;
	text-align: center;
}

a.hrdl:hover {
	color: #fff;
	background-color: #fff;
	border: 1px solid #777;
}