/*  
Theme Name: Hitman Corp
Theme URI: http://www.hitmancorp.com/
Author: Sergio Ordóñez
Author URI: http://www.sosfactory.com/
*/

/*----------------- Generic tags ----------------*/

body{
	background: #000 url(../images/bg-site.jpg) repeat-x; 
	margin:0 auto;
	padding:0;
	font:12px Tahoma, Arial, Verdana;
	color:#5b5b5b;
}
	
h1 {
	font:14px Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	margin: 0;
	font-weight: bold;
	color: #0279E1;
	text-transform: uppercase;
	background: url(../images/h1.jpg)  repeat-y;
	padding: 10px 0;
	width: 609px;
	display: block;
	height: 20px;
	float: left;
}

h2 {
	font:12px Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	margin: 0 0 10px 0;
	font-weight: bold;
	text-transform: uppercase;
	padding: 10px 0 5px 0;
	width: auto;
	display: block;
	height: 20px;
	border: #1c1d1e 1px solid;
	background-color: #000;
}
	
p {
    margin: 13px 0 0;
	line-height: 1.25;
	text-align:justify;
}	
	
img {
	border:0;
}
	
a,a:visited {
	color: #24b2ff;
	text-decoration: none;
}
	
a:hover {
	color: #fff;
	text-decoration: none;
}

strong {
	font-weight:bold;
}

/*----------------- Generic tags end----------------*/
/*-----------------Specific divs----------------*/

#container {
	width:960px;
	height:auto;
	margin:0 auto;
	background: url(../images/bg-container.jpg) repeat-y;
	padding: 0;
}

#wraper {
	background: url(../images/wraper-top.jpg) no-repeat 29px 0px;
	width:901px;
	height: auto;
	float: left;
	padding: 25px 30px 0 29px;
}

/* Header */
#header {
	background: url(../images/bg-header.jpg) no-repeat;
	width:960px;
	height: 198px;
	float: left;
}
	
	#logo {
	display:block;
	text-indent:-9999px;
	cursor:pointer;
	width:320px;
	height:130px;
	margin: 60px 0 0 430px;
			}
/* Header end */	

/* Cpanel */
#cpanel {
	background: url(../images/cpanel.jpg) no-repeat;
	float: left;
	height: 277px;
	padding: 0 30px 0 29px;
	width: 901px;
	
}

	#office {
		background: url(../images/bg-office.jpg) no-repeat 0px 70px;
		float: left;
		width: 231px;
		height: 208px;
		margin: 0;
		padding: 70px 0 0 0;
	}

			#officetitle {
				margin: 0 auto;
				padding: 16px 0 8px 15px;
				height: auto;
				width: auto;
			}
			
				
			#office ul{
				padding:0 0 0 17px;
				margin:0;
				list-style:none;
			}
				
			
			
				#office ul li a{
					display:block;
					width:150px;
					height:20px;
					background:url(../images/arrow1.jpg) no-repeat;
					padding:4px 0 0 45px;
					margin:0;
					font-size:12px;
					color: #565656;
				}
				
					#office ul li a:hover{
						background:url(../images/arrow1-active.jpg) no-repeat;
						color:#fff;
					}
				
	#cpanelright {
		float: right;
		width: 670px;
		height: 277px;
	}
	
		#cpanelrighttop {
			float: left;
			height: 120px;
			width: 670px;
		}
		
			#date {
				float: left;
				width: 173px;
				height: 29px;
				font-weight: bold;
				padding: 91px 0 0 15px;
				font-size: 11px;
				color: #586d7f;
			}
			
			#bestplayers {
				float: left;
				width: 270px;
				height: 120px;
				padding: 0px 0 0 24px;
			}
			
				#bestplayerstitle {
					height: 29px;
					padding: 0 0 0 30px;
				}
					
					#bestplayers ul {
						margin:0;
						padding:0;
						list-style:none;
					}
		
						#bestplayers ul li{
							float:left;
							display:block;
							margin:3px;
							padding:3px;
							background: #00b2f7;
							width: auto;
							height: 69px;
						}	
	
			#search_box {
				float: left;
				width: 168px;
				height: 35px;
				padding: 85px 10px 0 10px;
				background: url(../images/search-bar.jpg) no-repeat 10px 85px;
			}
			
				#search_box #s {
					float: left;
					border: 0;
					width: 80px;
					background: none;
					padding: 3px 0 0 20px;
					height: 22px;
				}
				
				#search_box #go {
					float: right;
					margin: 0;
					width: 36px;
					height: 22px;
				}
		
		#cpanelrightbottom {
			background: #0f0f0f;
			float: left;
			height: 158px;
			width: 670px;
		}
		
			#donate {
				float: left;
				height: 158px;
				width: 100px;
			}
			
				#donate  a	{
					display:block;
					background-repeat:no-repeat;
					padding:0;
					margin:10px 0 0 0;
					text-indent: -9000px;
					height: 128px;
					width: 100px;
				}
			
					#donate a:link, #donate a:visited {background:url(../images/donate.jpg) no-repeat top;}
					#donate a:hover	{background-position:bottom;}
				
			#usersettings {
				background: url(../images/bg-stats.jpg) no-repeat;
				float: left;
				height: 158px;
				width: 470px;
				font-size: 11px;
				color: #b6b6b6;
			}
			
				#usersettingstitle {
					float: left;
					width: 320px;
					height: 17px;
					padding: 0 0 0 150px;
				}
			
				#thumb {
					float: left;
					width: 105px;
					height: 108px;
					padding: 3px 0 0 0;
				}
					#jail {
						color: #FFCC00;
						font-weight: bold;
						padding: 10px 3px 1px 0;
						margin: 0;
						line-height: 0;
						height: 5px;
						font-size: 12px;
						float: right;
					}
					
					#avatar {
						display:block;
						margin:0;
						padding:3px;
						width: 69px;
						height: 69px;
						float: right;
						background: #999 url(../images/thumb-a.jpg) no-repeat 3px;
						border: #000 1px solid;
					}
				
				#stats {
					float: left;
					width: 161px;
					height: 111px;
					padding: 0 0 0 5px;
					margin: 0;
				}
					#stats p{
						padding: 17px 0 0 0;
						margin: 0;
					}
				
				#bars {
					float: left;
					width: 199px;
					height: 91px;
					margin: 0px;
					padding: 0 0 0 0;
				}
			
					#bars ul{
						list-style:none;
						margin:0;
						padding:20px 0 0 10px;
						width: 189px;
						height: 91px;
					}
					
					#bars li {
						padding:0 0 0 0;
						width:160px;
						display:block;
						clear:right;
						margin: 0;
						height: 15px;
					}
				
					#bars span {display:block;}
			
			#usersettingsbar {
				float: left;
				width: 470px;
				font-size: 10px;
			}
				
				#usersettingsbar ul{
					margin:0;
					padding:6px 0 0 45px;
					list-style:none;
				}
				
				#usersettingsbar ul li{
					float: left;
					display: block;
					padding: 0 0 0 15px;
					width: 125px;
					border-right: #333 1px solid;
				
				}
				
				#usersettingsbar ul li a{
					color: #666666;
					background: url(../images/arrow2.gif) no-repeat 0px 5px;
					padding: 0 0 0 10px;
				}
				#usersettingsbar ul li a:hover{
					color: #737373;
				}


			#vote {
				float: left;
				height: 158px;
				width: 100px;
			}
			
				#vote  a	{
					display:block;
					background-repeat:no-repeat;
					padding:0;
					margin:10px 0 0 0;
					text-indent: -9000px;
					height: 128px;
					width: 100px;
				}
				
					#vote a:link, #vote a:visited { background:url(../images/vote.jpg) no-repeat top;}
					#vote a:hover	{background-position:bottom;}

/* Cpanel end*/		
/* Sidebar*/
#sidebar {
		background: url(../images/bg-sidebar.jpg) no-repeat 0px 73px;
		float: left;
		width: 231px;
		height: auto;
		margin: 0;
}

			#sidebartitle {
				margin: 0 auto;
				padding: 0 0 8px 15px;
				height: auto;
				width: auto;
			}
			
				
			#sidebar ul{
				padding:0px 0 25px 17px;
				margin:0;
				list-style:none;
			}
				
			
			
			#sidebar ul li a{
				display:block;
				width:150px;
				height:20px;
				background:url(../images/arrow1.jpg) no-repeat;
				padding:4px 0 0 45px;
				margin:0;
				font-size:12px;
				color: #565656;
			}
				
			#sidebar ul li a:hover{
				background:url(../images/arrow1-active.jpg) no-repeat;
				color:#fff;
			}
/* Sidebar end*/

/* Content */
#content {
	width: 610px;
	height: auto;
	padding: 30px;
	float: right;
}
/* Content end */

/* Footer */
#footer {
	float:left;
	width: 901px;
	font-size: 11px;
	background:url(../images/bg-footer.jpg) no-repeat;
	height: 168px;
	padding: 0 30px 0 29px;
}

	#footerlogo {
	float:left;
	width: 231px;
	height: 168px;
	}
	
	#footertext {
	float: right;
	width: 670px;
	height: 138px;
	padding: 33px 0 0 0;
	}
	
		#footer a{
		color: #565656;
		}
		
		#footer p{
		margin: 0;
		padding: 40px 0 0 0;
		}
	

/* Footer end*/
/*----------------- Final specific divs----------------*/
/*----------------- Alignments----------------*/

.center {
	text-align: center;
}
img.center, img[align="center"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.alignleft {
	float: left;
}
img.alignleft, img[align="left"] {
	float:left;
	margin: 2px 10px 5px 0px;
}
.alignright {
	float: right;
}
img.alignright, img[align="right"] {
	float:right;
	margin: 2px 0px 5px 10px;
}
.clear {
	clear:both;
}
hr.clear {
	clear:both;
	visibility: hidden;
	margin: 0px;
	padding: 0px;
}

.black {
	background-color: #000;
}
	
.green {
	color: #90ff00;
}
	
.red {
	color: #FF0000;
}
	
.white {
	color: #fff;
}
	
.dark {
	background-color: #1f1f1f;
}

/*----------------- Reseting ----------------*/
html, div, span,
applet, object, iframe, 
pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dd, dl, dt,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	text-align: left;
	vertical-align: baseline;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}


/*----------------- CONTENT PAGES----------------*/
#upgrade {
	padding: 26px 10px 30px 50px;
	margin: 0;
	width: 200px;
	float: left;
}

#features {
	padding: 30px 30px 30px 30px;
	margin: 0;
	width: 289px;
	float: left;
}

	#features ul{
		padding:10px 0 10px 17px;
		margin:0;
		list-style:none;
		width: auto;
	}
				
	#features ul li {
		clear:right;
		background:url(../images/bullet2.gif) no-repeat 0px 6px;
		padding: 2px 0 2px 13px;
	}

.twocolumns {
	padding: 20px 40px;
	width: 222px;
	float: left;
	margin: 0;
	height: auto;
}

	.twocolumns ul{
		padding:0 0 0 17px;
		margin:0;
		list-style:none;
		width: auto;
	}
				
	.twocolumns ul li {
		clear:right;
		background:url(../images/bullet.gif) no-repeat 0px 10px;
		padding: 4px 0 4px 13px;
		border-bottom: #222 1px solid;
	}
	
.onecolumn {
	padding: 20px 40px;
	width: 513px;
	float: left;
	margin: 0;
	height: auto;
}

	.onecolumn ul{
		padding:0px 0 25px 17px;
		margin:0;
		list-style:none;
		width: 100%;
	}
				
		.onecolumn ul li {
			clear:right;
			background:url(../images/bullet.jpg) no-repeat 0px 10px;
			padding: 4px 0 4px 13px;
			border-bottom: #222 1px solid;
		}

table {
	border-collapse: collapse;
	border: 1px solid #000;
	color: #8F8F8F;
	background-color: #3F3F3F;
  }
	td, th {
	  border: 1px solid #000;
	  padding: 0.8em;
	  color: #8F8F8F;
	  }
	thead th {
	  font: bold 11px verdana, arial, helvetica, sans-serif;
	  border: 1px solid #000;;
	  text-align: left;
	  background-color: #141414;
	  color: #F6ECF0;
	  padding-top:6px;
	  }

input.txt {
	color: #899194;
	background-color: #313131;
	border: 1px solid #313131;
}

input.blue {
	background-color: #313131;
	font-weight: bold;
	color: #79DAFF;
	border: 1px solid #008BBF;
	float: none; 
	display: inline;
}

textarea {
color: #899194;
background-color: #222222;
border: 1px solid #313131;
}

#notepadbtn {
	padding: 15px 0 0 220px;
}

body { 
SCROLLBAR-FACE-COLOR: #000; SCROLLBAR-HIGHLIGHT-COLOR: #606469; SCROLLBAR-SHADOW-COLOR: #000000; SCROLLBAR-3DLIGHT-COLOR: #333333; SCROLLBAR-ARROW-COLOR: #0378e1; SCROLLBAR-TRACK-COLOR: #232323; SCROLLBAR-DARKSHADOW-COLOR: #000000;
}