
body{
	background-color:#2a2e28;
	margin:0 0 0 0;
	color:#eeeeee;
	font-family:"Century Gothic";
	padding-bottom:10px;
}

html{height: 100%;}

#header, #menu, #content, #footer{
	margin: 0 auto;
	width:1020px;
}

#header{
	margin-top:25px;
	padding-right: 10px;
	font-size:32px;
	overflow:auto;
	height:56px;
}

#headerLeft{
	float:left;
	font-size:15px;
	padding: 30px 0 0 5px;
	width:400px;
}

#headerRight{
	float:right;
	height:42px;
	padding: 9px 0 0 0;
}

#miniProfile{
	font-size:12px;
	float:right;
	text-align:left;
	margin: 4px 10px 0 0;
	border:1px solid white;
	-webkit-border: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	padding:2px 5px 2px 5px;
	width:150px;
	text-align:center;
}

#menu,  .listing{
	border: 2px solid #D1D1D1;
	/*border: 2px solid #5a5a5a;*/	
}

#menu{
	border-bottom:none;
	border-left:none;
	border-right:none;
	font-size:18px;
	margin-bottom:5px;
	overflow:auto;
}

.normalBox{
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	background:url(../pics/bkg_fade_grey.png);
	color: #393939;
	width:460px;
	padding:10px;
	margin-top:10px;
	float:none;
}

.mainTitle{
	font-size:20px;
	font-style:italic;
	font-weight:bold;
	padding: 0 0 15px 10px;
	text-align:left;
}

.menuItem{
	float:left;
	width:13%;
	text-align:center;
	border-top:none;
	margin-right:20px;
	padding: 2px 2px 2px 2px;
	font-size: 15px;
	font-weight:bold;
	-webkit-border-bottom-right-radius: 8px;
	-webkit-border-bottom-left-radius: 8px;
	-moz-border-radius-bottomleft: 8px;
	-moz-border-radius-bottomright: 8px;
}

#subMenu{
	text-align:center;
	color:#FFFFFF;
	font-size:11px;
	margin-top:-10px;
	margin-bottom:2px;
}

#content{
	font-size:13px;
	overflow:auto;
	padding:10px;
	width:970px;
}

h2 { 
	padding:0px 0px 5px 0px; 
	margin:0px;
	font-size:15px;
	font-weight:normal;
}

.listing{
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	float:left;	
	width:305px;
	padding:0px;
	margin: 0 7px 0 7px;
	background:url(../pics/bkg_fade_grey.png);
	color: #393939;
}
.listingPadding{
	padding:7px 9px 7px 9px;	
	width:287px;
}

.listingItem{
	background: url(../pics/bkg_fade_black.png) repeat-x top #FFFFFF;
	overflow:auto;
	padding: 3px 0 3px 0;
}

.listingItem:hover{
	background: url(../pics/bkg_fade_black2.png) repeat-x top #FFFFFF;
	cursor:pointer;
}

.categoryItem{
	width:90px;
	margin-left:5px;
	font-size:12px;
	font-weight:bold;
}

.dataId{
	float:left;	
	font-weight:bold;
	width: 17px;
	text-align:center;
	padding: 2px 0 0 0;
	
}

.dataName{
	float:left;
	width:100px;
	padding: 2px 0 0 4px;
	font-weight:bold;
	font-size:11px;
	font-weight:bold;
}
.dataIcon{
	float:left;	
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	width:60px;
	height:18px;
	border:1px solid black;
}

.dataStatus{
	float:right;
	margin: 0 3px 0 4px;
	width:12px;
}

.dataVote{
	float:right;
	padding: 0 0 0 3px;
	margin-top:-2px;
	width:90px;
}

.roundedTop{
	-webkit-border-top-right-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
}

.roundedBottom{
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
}

.thanksquare{
	width:100%;
	text-align:center;
	padding-top:5px;
	color:#393939;	
}

#footer{
	text-align:center;
	font-size:11px;
	overflow:auto;
	margin-bottom:10px;
}

a.nolink:link {color: #393939; text-decoration:none;}
a.nolink:visited {color: #393939; text-decoration:none;}
a.nolink:hover {	color: #393939; text-decoration:none;}

a.whitelink:link {color: #eeeeee; text-decoration:none;}
a.whitelink:visited {color: #eeeeee; text-decoration:none;}
a.whitelink:hover {	text-decoration:none;}

a:link {color:#474747; text-decoration:none; border:none;}
a:visited {color:#474747; text-decoration:none; border:none;}
a:hover {color:#CCC; text-decoration:none; border:none;}

.clearfloat { 
	clear:both;
    height:0;
    line-height:0px;
	font-size:0px;
}

div#loginSquare{
	float:right;
	padding: 5px 40px 0 0;
}

input[type="text"].inputLogin, input[type="password"].inputLogin{
	font-size:11px;	
	padding: 1px;
}

input[type="text"].inputNormal, input[type="password"].inputNormal, textarea.inputNormal {
	font-size:18px;
	border:1px solid black;
	background: url(../pics/bkg_fade_black.png) repeat-x top #FFFFFF;
	padding: 2px 5px 2px 5px;
	margin: 2px;
}

input[type="button"].inputNormal, input[type="submit"].inputNormal{
	font-size:12px;
	font-weight:bold;
}

#infoSquare{
	position:absolute;
	visibility:hidden;
	z-index:200;
	background-color:#FFF;
	background-image:url(../pics/bkg_info.png);
	color:black;
	font-size:12px;
	border: 1px solid black;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	width:280px;
	padding:5px;
}

#reportSquare{
	position:absolute;
	visibility:hidden;
	z-index:200;
	background-color:#FFF;
	color:black;
	font-size:12px;
	border: 1px solid black;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	width:270px;
	padding:5px;
}

.avatarPicture{
	border:1px solid black;
	-webkit-border: 5px 5px 5px 0px;
	-moz-border-radius: 5px 5px 5px 0px;
	margin:0 0 4px 0;
}

.errorMess{
	color:red;
	font-weight:bold;
}

/** Voting CSS **/
#star ul.star { LIST-STYLE: none; MARGIN: 0; PADDING: 0; WIDTH: 85px; HEIGHT: 20px; POSITION: relative; FLOAT: left; BACKGROUND: url('../pics/stars.png') repeat-x; CURSOR: pointer; }
#star li { PADDING: 0; MARGIN: 0; FLOAT: left; DISPLAY: block; WIDTH: 85px; HEIGHT: 20px; TEXT-DECORATION: none; text-indent: -9000px; Z-INDEX: 20; POSITION: absolute; PADDING: 0; }
#star li.curr { BACKGROUND: url('../pics/stars.png') left 25px; FONT-SIZE: 1px; }
#star div.user { LEFT: 15px; POSITION: relative; FLOAT: left; FONT-SIZE: 13px;}
#star div.thanks { POSITION: relative; FLOAT: left; FONT-SIZE: 13px;visibility: hidden;}