/*-------------------------------------*/
/*  Main CSS Document - Pirate Age Online
/*  Coded by Momo 
/*  ©2010. All rights reserved.
/*-------------------------------------*/
/* Global Properties ------------------*/

html, body {padding:0; margin:0;}

body {
	background:#FFF url('../images/ui/bg_top_grad.png') repeat-x; 
	text-align:center;
	color:#FFF;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

a {text-decoration:none;}

a:focus {outline:none;}

a img {border:none;}

.clear {clear:both}

/*-------------------------------------*/
/* Background Elements ----------------*/

#bg2 {
	background:transparent url('../images/ui/bg_bottom_grad.png') repeat-x bottom left;
}

#bgcontent {
	background:transparent url('../images/ui/bg_content.png') repeat-y center center;
}

#bghead {
	background:transparent url('../images/ui/bg_header.jpg') no-repeat top center;
}

#bgfoot {
	background:transparent url('../images/ui/bg_footer.jpg') no-repeat bottom center;
}

/*-------------------------------------*/
/* Main Elements ----------------------*/

#wrapper {
	text-align:left;
	width:992px;
	margin:0 auto;
}

#main {
	margin:0 auto;
	min-height:950px;
	width:992px;
}

/*-------------------------------------*/
/* Header -----------------------------*/

#header {
	padding-top:175px;
	height:100px;
}

	#header #logo {
		float:left;
		height:50px;
		width:210px;
		background:#090;
		margin-left:25px;
		background:url('../images/logo/blank.jpg');
	}

	/* Navbar -------------------------*/
	
	#header #navbar {
		float:right;
		height:52px;
		width:740px;
		margin-right:15px;
	}
	
		#navbar ul {
			list-style:none;
			margin:0;
			padding:0;
		}
		
			#navbar ul li {
				float:left;
				height:40px;
			}
			
				#navbar ul li a {
					display:block;
					height:42px;
					color:#eaf4ff;
					font-size:17px;
					margin:0 10px;
					padding:5px;
					line-height:2.5;
					text-shadow:0px 0px 5px #1d436e;
				}
				
				#navbar ul li a:hover {
					color:#FFF;
					text-shadow:0px 0px 5px #5aa8ff;
				}
				
				#navbar ul li a:active {
					color:#edf8ff;
					text-shadow:0px 0px 2px #366585;
				}
				
					#navbar ul li ul li a {
						display:block;
						height:20px;
						color:#666;
						font-size:16px;
						margin:0 5px;
						padding:5px;
						line-height:2;
						text-shadow:0px 1px 0px #FFF;
					}
					
					#navbar ul li ul li a:hover {
						color:#5aa8ff;
						text-shadow:0px 1px 0px #FFF;
					}
					
					#navbar ul li ul li a:active {
						color:#3984b9;
					}
				

				/* Sub-menu hack */
				#navbar ul li ul {
					display:none;
					position:relative;
					visibility:hidden;
					z-index:999;
					margin:0px;
				}
				
				#navbar ul li:hover ul {
					display:block;
					visibility: visible;
					position:absolute;
				}
				
				ul.subnav {
					height:42px !important;
					margin-top:0px !important;
				}
				
					ul.subnav li {
						background:url('../images/ui/subnav.png') repeat-x;
						height:42px !important;
					}
				
					ul.subnav li.subleft {
						background:url('../images/ui/subnav.png') no-repeat bottom left;
						width:11px;
					}
				
					ul.subnav li.subright {
						background:url('../images/ui/subnav.png') no-repeat bottom right;
						width:11px;
					}
					
					#navbar a.donate:hover {
						color:#FF3;
						text-shadow:0px 0px 3px #FC0;
					}
					
/*-------------------------------------*/
/* Sidebars ---------------------------*/

#left, #right, #content {
	float:left;
	min-height:300px;
	width:241px;
	background-color:#0C0;
}

#left a:link.menu
{
	font-size:13px;
	display:block;
	background:#33CCFF;
	width:180px;
	padding:3px;
	font-weight:bold;
	font-family:Helvetica;
	color:#0066FF;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;	
	-moz-border-radius: 10px;
	border-radius: 10px;
	text-align:center;
}

#left a:visited.menu
{
	font-size:13px;
	display:block;
	background:#33CCFF;
	width:180px;
	padding:3px;
	color:#0066FF;
	font-weight:bold;
	font-family:Helvetica;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;	
	-moz-border-radius: 10px;
	border-radius: 10px;
	text-align:center;
}

#left a:hover.menu
{
	font-size:13px;
	display:block;
	background:#33FFFF;
	width:180px;
	padding:3px;
	font-weight:bold;
	color:#0000FF;
	font-family:Helvetica;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;	
	-moz-border-radius: 10px;
	border-radius: 10px;
	text-align:center;
}

.sbcon {
	min-height:500px;
	padding-top:10px;
	text-align:center;
}

.fs {height:20px;}

	.sbcon h3 {
		color:#FFF;
		background:transparent url('../images/ui/sidebar_title.png');
		height:54px;
		width:204px;
		margin:0 auto 8px;
		text-align:left;
		line-height:3.4;
		font-size:16px;
		text-shadow:0px 0px 5px #083250;
	}
	.sbcon p {
	font-size:12px;	
	}
	.leftmenu {
	text-align:left;
	padding-left:25px;
	}
		.sbcon h3 img {
			position:relative;
			top:6px;
			margin:0 5px;
		}
	.hover {
			color:#a7e3ff;
			font-size:11px;
	}
	.hover:hover {
	text-decoration:underline;
	}
	.hover2 {
			color:#0079b6;
			font-size:12px;
	}


	/* Left Column --------------------*/
	
	#left {
		background:url('../images/ui/sidebar_bg.png') repeat-y;
	}
	
		#left .sbtop {
			background:url('../images/ui/sidebar_top.png') no-repeat top center;
		}
		
		#left .sbft {
			background:url('../images/ui/sidebar_bottom.png') no-repeat bottom center;
		}
	
	/* Right Column ------------------*/
	
	#right {
		background:url('../images/ui/sidebar_bg_right.png') repeat-y;
	}
	
		#right .sbtop {
			background:url('../images/ui/sidebar_top_right.png') no-repeat top center;
		}
		
		#right .sbft {
			background:url('../images/ui/sidebar_bottom_right.png') no-repeat bottom center;
		}
		
	/* Login Form --------------------*/
	
	form#login {
		font-size:12px;
	}
	
		input.iput {
			border:none;
			background:transparent url('../images/ui/input.png');
			width:170px;
			height:21px;
			color:#757575;
			padding:6px 0 0 6px;
			margin: 3px auto;
		}
		
			input.iput:hover {
				color:#4f4f4f;
				background-position:center left;
			}
	
			input.iput:focus {
				color:#333;
				background-position:bottom left;
			}	
			
		.btn {
			height:26px;
			color:#FFF;
			text-shadow:0px 0px 4px #000;
			text-transform:uppercase;
			border:none;
			background:url('../images/ui/button_sprite.png');
			margin:5px auto;
			display:inline-block;
			font-size:12px;
			cursor:pointer;
			text-align:center;
		}
		
			.login {
				float:left;
				margin-left:33px;
				width:73px;
				letter-spacing:-0.5px;
				line-height:2;
			}
			.normalbutton {
				width:73px;
				letter-spacing:-0.5px;
				line-height:2;				
			}
				.normalbutton:hover {
					background-position:center left;
				}
				
				.normalbutton:active {
					background-position:bottom left;
				}
			
				/* Gecko-based borwsers  */
				*>.login { padding-bottom:2.5px; }
				
				/* WebKit-based browsers */
					
				
				.login:hover {
					background-position:center left;
				}
				
				.login:active {
					background-position:bottom left;
				}
			
			.register {
				float:right;
				margin-right:33px;
				background-position:top right;
				width:95px;
				line-height:2.4;
			}
			
				a.register:hover {
					background-position:center right;
				}
				
				a.register:active {
					background-position:bottom right;
				}
				
		a.forgot, a.sblink {
			color:#a7e3ff;
			font-size:11px;
			margin:5px 5px 10px;
			text-align:left;
			display:inline-block;
			width:70%;
		}
		
		a.forgot:hover, a.sblink:hover {
			text-decoration:underline;
		}
					
	/* Status Box ---------------------*/
	
	.statusbox {
		background:url('../images/ui/box_status.png');
		width:165px;
		height:52px;
		margin:5px auto 12px;
		font-size:12px;
		color:#FFF;
		text-align:left;
		line-height:4.5;
		padding-left:18px;
	}
	
		.statusbox .online {
			color:#caff14;
		}
		
		.statusbox .offline {
			color:#f22525;
		}
	
	/* Clock Box ----------------------*/
	
	#clockbox {
		background:url('../images/ui/box_clock.png');
		height:43px;
		width:193px;
		margin:5px auto 10px;
		color:#2ba3e3;
		font-size:14px;
		line-height:3.5;
	}
	
		#clockbox span.time {
			color:#FFF;
			font-size:12px;
		}
					
	/* Point Shop ---------------------*/
	
	.pointshop {
		width:200px;
		margin:5px auto 15px;
	}
	
		.pointshop a {
			display:block;
			float:left;
			height:105px;
			width:93px;
			background:url('../images/ui/shopitem_sprite.png');
			margin:0 3px 7px;
			color:#dff4ff;
		}
		
			.pointshop a img {
				margin:3px auto 0;
			}
			
			.pointshop a span {
				font-size:11px;
				position:relative;
				bottom:5px;
				text-transform:capitalize;
			}
			
		.pointshop a:hover {
			background-position:top center;
			color:#FFF;
		}
		
		.pointshop a:active {
			background-position:top right;
		}
	
	/* Top Donors ---------------------*/
	
	.rankingtable {
		margin:5px auto 10px;
		height:116px;
		width:195px;
		background:url('../images/ui/ranking_table.png');
		text-align:left;
	}
	
		.rankingtable p {
			color:#aee1ff;
			margin:0;
			padding:2px 0 0 33px;
			height:35px;
			font-size:14px;
		}
		
			p.r1 {line-height:2.8;}
			
			p.r2 {line-height:2.7;}	
			
			p.r3 {line-height:2.6;}
			
/*-------------------------------------*/
/* Content ----------------------------*/

#content {
	width:458px !important;
	margin:0 25px;
	background:url('../images/ui/content_bg.png') repeat-y;
}

	#content .bgtop {
		background:url('../images/ui/content_top.jpg') no-repeat top center;
	}
	
	#content .bgbot {
		background:url('../images/ui/content_bottom.jpg') no-repeat bottom center;
	}
	
	#content .conwrapper {
		min-height:300px;
		padding:15px 0px;
	}
	
		#newsslider {
			height:175px;
			width:428px;
			background:url('../images/ui/sliderbg.png');
			margin:0 auto;
		}
		
			#newsslider h2 {
				color:#494949;
				font-size:10px;
				margin:0;
				padding:11px 0 0 15px;
				text-transform:uppercase;
			}
			
			#newsslider a {
				color:#d7d7d7;
			}
			
			#newsslider a:hover {
				color:#FFF;
			}
			
			#slider {
				margin:1px auto;
			}
			
				#slider img {
					margin:3px auto 0;
				}
		
				/* Easy Slider */
				
					#slider ul, #slider li, #slider2 ul, #slider2 li {
						margin:0;
						padding:0;
						list-style:none;
					}
					
					#slider, #slider li, #slider2 li { 
						width:412px;
						height:120px;
						overflow:hidden; 
					}	
					
					#prevBtn, #nextBtn,	#slider1next, #slider1prev { 
						color:#FFF;
						margin-left:15px;
					}	
					
					#nextBtn, #slider1next{ 
						float:right;
						margin-right:15px;
					}		
					
					#prevBtn a, #nextBtn a,	#slider1next a, #slider1prev a { 
						font-size:10px;
						text-transform:uppercase;
						position:relative;
						bottom:4px;
					}	
					
				/* Easy Slider 2 */
				
					#slider2 ul, #slider2 li {
						margin:0;
						padding:0;
						list-style:none;
					}
					
					#slider2 {
						width:120px !important;
						height:110px !important;
						margin:0px 0px 0 28px !important;
						padding-top:3px;
						overflow:hidden;
					}
					
					
					#slider2 ul {
						/*background: #0F0 !important;
						margin:10px 0 0 30px;
						color:#0CF;
						text-align:center;*/
					}

					#slider2 li { 
					/*	background: #0F0 !important;
						width:125px;
						height:110px;
						overflow:hidden; 
						padding:0px;
						margin-left:10px;*/
					}	
					
					#slider2 li span {
						display:block;
						color:#aee1ff;
						font-size:14px;						
					}
					
					#slider2 li span.r1 {
						padding-top:10px;
					}
					
					#slider2 li span.r2 {
						padding-top:18px;
					}
					
					#slider2 li span.r3 {
						padding-top:18px;
					}
					
					/* numeric controls */	
					
					ol#controls {
						margin:5px 0;
						padding:0;
					}
				
					ol#controls li {
						margin:0 10px 0 0; 
						padding:0;
						float:left;
						list-style:none;
					}
				
					ol#controls li a {
						float:left;
						border:1px solid #ccc;
						background:#DAF3F8;
						color:#555;
						padding:0 10px;
						text-decoration:none;
					}
				
					ol#controls li.current a {
						background:#5DC9E1;
						color:#fff;
					}
				
					ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
					
					
					
					.rankingtable #nextBtn a, .rankingtable #prevBtn a {
						color:#c0e4ff;
						line-height:3;
					}
					
					.rankingtable #prevBtn a {
					/*	display:none;*/
					}
					
					.rankingtable a:hover {
						color:#FFF !important;
					}
					
					.sb-sep {
						height:1px;
						width:75%;
						margin:20px auto 0px;
						border-top:1px dashed #068cd2;
					}
					
					/* Default tooltip class name: .tooltip */

/*  */

#tooltip{
	position:absolute;
	border:1px solid #333;
	background:#f7f5d1;
	padding:2px 5px;
	color:#333;
	display:none;
	}	
	
#tooltip2{
	position:absolute;
	border:1px solid #333;
	background:#f7f7f7;
	padding:2px 5px;
	font-size:10px;
	color:#333;
	display:none;
	}	

/*  */
					
					
#page a:link
{
	font-weight:bold;
	color:#0033FF;
}
#page a:visited
{
	font-weight:bold;
	color:#0033FF;
}
#page a:hover
{
	font-weight:bold;
	color:#0066FF;
}

#page .ok li
{
	list-style-type:none;
	text-align:left;
}

#page .error li
{
	list-style-type:none;
	text-align:left;
}
					
	
	/* Content News  / Page---------------------*/
	
	#content #news h2 , #content #page h2{
		height:36px;
		width:403px;
		background:url('../images/ui/content_title.png');
		text-align:center;
		font:bold 20px "Trebuchet MS";
		color: #498EEC;
		text-shadow: 1px 1px 2px #ccc;

		margin:10px auto 20px;
		line-height:2;
	}
		#page {
			padding:10px;
		}
		#page p
			{
				color:#5a5a5a;
				font-size:13px;
				font-family:Verdana;
				margin:0;
			}
		#news .entry {
			width:400px;
			margin:10px auto;
		}
		
			#news .entry img {
				float:left;
				margin-right:10px;
			}
			
			#news .entry h3 {
				color:#2b2b2b;
				font-size:12px;
				margin:3px 0;
				padding:0;
			}
			
			#news .entry h3 a {color:#2b2b2b;}
			
			#news .entry p {
				color:#5a5a5a;
				font-size:15px;
				font-family:Verdana;
				margin:0;
			}
			
			.seperator {
				clear:both;
				height:1px;
				border-top:1px dashed #EEE;
				margin:20px auto;
				width:400px;
			}
			
			#news h3 span {
				font-size:12px;
				position:relative;
				bottom:0px;
			}
			
			.red {
				color:#DF0000
			}
			.blue {
				color:#0161C0
			}
			.violet {
				color:#FF3EA4;
			}


/*-------------------------------------*/
/* Footer -----------------------------*/

#footer {
	background:url('../images/ui/footer.png');
	height:60px;
	width:558px;
	margin:0 auto;
	position:relative;
	bottom:40px;
	text-align:center;
	padding-top:20px;
	text-shadow:0px 1px 1px #FFF;
}

	#footer p {
		margin:0;
		padding:1px 3px 1px 10px;
		font-size:12px;
		color:#333;
	}
	
	#footer a {
		color:#90600f;
	}
	
	#footer a:hover {color:#cc8000;}

/* Updates */
.conwrapper {
   font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
color:#5a5a5a;
font-size:12px;
}

#blanket {
background-color:#111;
opacity: 0.65;
filter:alpha(opacity=65);
position:absolute;
z-index: 9001;
top:0px;
left:0px;
width:100%;
}
#popUpDiv {
position:absolute;
z-index: 9002;
text-align:center;
}

/* begin PostQuote */
/* Start blockquote */
blockquote p
{
	color:#0B1013;
	font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
}

blockquote
{
		margin:10px 10px 10px 50px;
	padding:5px 5px 5px 41px;
	background-color:#D2DEE4;
	background-image:url('../images/ui/PostQuote.png');
	background-position:left top;
	background-repeat:no-repeat;
}


/* Finish blockuote */
/* end PostQuote */

.info, .ok, .warning, .error, .validation
{
	list-style-type:none;
	border: 1px solid;
	margin: 10px auto;
	padding:15px 10px 15px 50px;
	background-repeat: no-repeat;
	background-position: 10px center;
	width:380px;
	font-weight:bold;
	text-align:center;
}

.info 
{
	color: #00529B;
	background-color: #BDE5F8;
	background-image: url('../images/core/toolbar/info.png');
}

.ok 
{
	color: #4F8A10;
	background-color: #DFF2BF;
	background-image:url('../images/core/toolbar/success.png');
}

.warning 
{
	color: #9F6000;
	background-color: #FEEFB3;
	background-image: url('../images/core/toolbar/warning.png');
}

.error 
{
	color: #D8000C;
	background-color: #FFBABA;
	background-image: url('../images/core/toolbar/error.png');
}


/*-------------------------------------*/
/* W3C Valid CSS 3.0
/* mohammad93@live.de
/*-------------------------------------*/



#news ul{ list-style:none; margin-left:1px;  }
#news ul li{ height:24px; line-height:24px; border-bottom:1px dashed #bebdbd; padding-left:55px; width:85%;  }
#news ul li.Activity{ background:url(../images/act.gif) 4px 6px no-repeat; }
#news ul li.Notice{ background:url(../images/notices.gif) 4px 6px no-repeat; }
#news ul li.Other{ background:url(../images/other.gif) 4px 6px no-repeat; }
#news ul li a,#news ul li a:visited{ color:#0066FF; text-decoration:none; font-size:14px; font-family:Verdana; text-shadow:1px 1px 2px #ccc;font-weight:bold;}
#news ul li a:hover{ color:#0033FF; text-decoration:none; font-size:14px; font-family:Verdana; text-shadow:1px 1px 2px #ccc;font-weight:bold;}
#news ul li div{float:right; margin-right:10px; font-size:10px; font-family:Tahoma; color:#5d5d5d;}