@charset "utf-8";
/* CSS Document */

body{
	color:#333333;
	/*background-color:#FFF;	*/
	background-image:url(../img/bg_gray.png);
	background-repeat:repeat;
	margin:0;
	padding:0;	
}

body, div { font-family: 'lucida grande', helvetica, verdana, arial, sans-serif }
body { margin: 0; padding: 0; font-size: small; color: #333 }
h1, h2 { font-family: 'trebuchet ms', verdana, arial; padding: 10px; margin: 0 }
h1 { font-size: large }

	
p { margin: 10px 0; }

li { margin-left: 10px; }

h3 { margin: 1em 0 0; }

h1 { font-size: 2em; }
h2 { font-size: 1.8em; }
h3 { font-size: 1.6em; }
h4 { font-size: 1.4em; }
h5 { font-size: 1.2em; }

img{
	border:0;
}


#main { padding: 1em; }
#banner { padding: 15px; background-color: #06b; color: white; font-size: large; border-bottom: 1px solid #ccc;
    background: url(/img/validate/bg.gif) repeat-x; text-align: center }
#banner a { color: white; }

A:link {text-decoration: underline; color:#333333; }
A:visited {text-decoration: underline; color:#333333; } 
A:active {text-decoration: underline; color:#333333	; }
A:hover {text-decoration: underline; color:#333333; }




#container{
	margin-left: auto;
  margin-right: auto;
	text-align:center;
	width:844px;
}

#content_wrapper{
	width:844px;	
	background-image:url(../img/content_bg.png);
	background-repeat:repeat-y;
	text-align:center;
	
}

#content{
	width:780px;	
	margin-left: auto;
  margin-right: auto;
	text-align:center;
	height:auto;
	
}

#content_left{
	width:600px;
	float:left;
	padding-right:2px;
	height:auto;
	text-align:left;
}


#content_right{
	float:left;
	min-height:500px;	
	width:158px;
	text-align:left;
	padding-left:20px;
}



#pager{
	text-align:center;
	padding:20px;
	background-color:#626260;
	color:#999999;
}

#pager A:link {text-decoration: none; color:#FFFFFF; }
#pager A:visited {text-decoration: none; color:#FFFFFF; } 
#pager A:active {text-decoration: none; color:#FFFFFF	; }
#pager A:hover {text-decoration: none; color:#FFFFFF; }

#header{
	width:844px;
	height:145px;
	position:relative;	
}

#menu{	
	padding-left:32px;
	padding-top:8px;
	padding-bottom:8px;
	text-align:left;
	background-image:url(/img/menu_bg.png)	
}
#menu A {padding-right:30px; font-size:15px;}

.menu_item A:link {text-decoration: none; color:#333333; }
.menu_item A:visited {text-decoration: none; color:#333333; } 
.menu_item A:active {text-decoration: none; color:#333333	; }
.menu_item A:hover {text-decoration: none; color:#B1C800; }

.menu_item_selected A:link {text-decoration: none; color:#B1C800; }
.menu_item_selected A:visited {text-decoration: none; color:#B1C800; } 
.menu_item_selected A:active {text-decoration: none; color:#B1C800	; }
.menu_item_selected A:hover {text-decoration: none; color:#B1C800; }

.tags A:link {text-decoration: none; color:#B1C800; }
.tags A:visited {text-decoration: none; color:#B1C800; } 
.tags A:active {text-decoration: none; color:#B1C800	; }
.tags A:hover {text-decoration: underline; color:#B1C800; }

#maintable th A:link {text-decoration: none; color:#FFFFFF; }
#maintable th A:visited {text-decoration: none; color:#FFFFFF; } 
#maintable th A:active {text-decoration: none; color:#FFFFFF	; }
#maintable th A:hover {text-decoration: none; color:#758200; }

#maintable th .headerSortUp {
	background-image: url(/img/desc.gif);
	background-repeat: no-repeat;
	background-position: center right;		
	padding-right:20px;
}
#maintable th .headerSortDown {
	background-image: url(/img/asc.gif);
	background-repeat: no-repeat;
	background-position: center right;		
	padding-right:20px;
}
#maintable th .headerSort {
	background-image: url(/img/bg.gif);
	background-repeat: no-repeat;
	background-position: center right;		
	padding-right:20px;
}


#maintable{
	font-size:11px;
	background-color:#626260;
	color:#DFDFDF;
	text-align:left;
}

#footer{
	clear:both;
	width:844px;
	height:50px;
	position:relative;
	background-image:url(../img/footer_bg_se.png);
	background-repeat:no-repeat;
}

#footer_content{
	padding:10px;
}

#logo{
	position:absolute;
	width:232px;
	height:155px;
	left: 0px;
}

#search_form{
	border:1px solid #B1C800;
	position:absolute;
	left: 644px;
	top: 107px;
	background-color:#FFF;
	width: 168px;
	padding-top:4px;
	padding-bottom:4px;
	font-size:12px; 
	color:#666666;

}

#topbanner{
	/*border:1px solid #B1C800;*/
	position:absolute;
	left: 346px;
	top: 30px;
	width: 468px;
	height:60px;
	font-size:12px;
	color:#666666;
	text-align:right;
}

.title1, .comment_name{
	color:#B1C800;
	font-size:14px;
}

.title1 A:link {text-decoration: none; color:#B1C800; }
.title1 A:visited {text-decoration: none; color:#B1C800; } 
.title1 A:active {text-decoration: none; color:#B1C800	; }
.title1 A:hover {text-decoration: underline; color:#B1C800; }

.tags{
	color:#B1C800;
}

.description{
	font-size:11px;
	color:#B7B7B7;
	padding-bottom:5px;
}

.odd{
	background-color:#3A3A3A;
}

.password {
/*border : 1px solid #cc9933;*/
	width : 200px;
}
.pstrength-minchar {
	font-size : 11px;
}

.text{
	width : 200px;
}

#loginform_small{
	background-color:#B1C800;
	padding:10px;
	margin-bottom:20px;
	color:#FFFFFF;
}

.alert_error{
	padding:10px;
	text-align:center;
	color:#CC0000;
	font-weight:bold;
}

.alert_success{
	padding:10px;
	text-align:center;
	color:#B1C800;
	font-weight:bold;
	
}

.mode, .mode_selected{
	float:right;
	display:block;
	width:150px;
	background-color:#626260;
	padding:5px;
	text-align:center;
	margin-left:1px;
	color:#B1C800;
	
}

.mode_selected{background-color:#3A3A3A;}

.mode_selected A:link {text-decoration: none; color:#B1C800; }
.mode_selected A:visited {text-decoration: none; color:#B1C800; } 
.mode_selected A:active {text-decoration: none; color:#B1C800	; }
.mode_selected A:hover {text-decoration: none; color:#B1C800; }

.mode A:link {text-decoration: none; color:#333333; }
.mode A:visited {text-decoration: none; color:#333333; } 
.mode A:active {text-decoration: none; color:#333333	; }
.mode A:hover {text-decoration: none; color:#B1C800; }

.name A:link {text-decoration: none; color:#FFFFFF; }
.name A:visited {text-decoration: none; color:#FFFFFF; } 
.name A:active {text-decoration: none; color:#FFFFFF	; }
.name A:hover {text-decoration: none; color:#B1C800; }

.name_edited A:link {text-decoration: none; color:#B1C800; }
.name_edited A:visited {text-decoration: none; color:#B1C800; } 
.name_edited A:active {text-decoration: none; color:#B1C800	; }
.name_edited A:hover {text-decoration: none; color:#FFFFFF; }

.homepage{
	text-align:left;
	background-color:#B1C800;
	min-height:230px;
	padding-top:30px;
	color:#FFFFFF;
	padding-right:20px;
}



.homepage p, .homepage div{
	margin-left:90px;
}

.homepage .avatar{
	float:left;	
	padding-right:30px;	
	clear:both;
}

.homepage_name{
	font-size:18px;
}

.top_list_title{
	color:#FFFFFF;
	padding-top:5px;
	padding-bottom:15px;
	font-weight:bold;
}

.top_list_title img{padding-bottom:2px;}

.top_list{width:155px; display:block;word-wrap:break-word;}

.warning{
	display:none;
}	

.list_button{
	
	line-height:120px;
	text-align:center;
	font-weight:bold;
	font-size:16px;
	
}

.list_button A:link {text-decoration: none; color:#B1C800; padding:30px; background-color:#FFFFFF; text-align:center; border:4px double;} 
.list_button A:visited {text-decoration: none; color:#B1C800; padding:30px; background-color:#FFFFFF; text-align:center; border:4px double;} 
.list_button A:active {text-decoration: none; color:#B1C800; padding:30px; background-color:#FFFFFF; text-align:center; border:4px double;} 
.list_button A:hover {text-decoration: none; color:#B1C800; padding:30px; background-color:#FFF0F0; text-align:center; border:4px double;} 

.comment_wrapper{padding-top:20px; clear:both;}
.comment_item{background-color:#EFEFEF; padding:10px;  min-height:50px; clear:both; margin-top:10px;}
.comment_avatar{margin-right:10px; width:70px; float:left;}
.comment_created{float:left; width:70px; padding-right:10px; font-size:11px;
	color:#8B8B8B;}
.comment_name{width:420px; float:right;}
.comment_body{width:420px; float:right; color:#666666;}

.comment_name A:link {text-decoration: none; color:#B1C800; }
.comment_name A:visited {text-decoration: none; color:#B1C800; } 
.comment_name A:active {text-decoration: none; color:#B1C800	; }
.comment_name A:hover {text-decoration: underline; color:#B1C800; }

.votebar{width:140px; height:55px; float:right; margin-left:5px; overflow:visible;}

.message{padding-top:10px; color:red;}