html {
	background: transparent url("/StormyCP/img/background.jpg") no-repeat scroll center center;	
}

body {
	background: transparent url("/StormyCP/img/bg_top.png") no-repeat scroll center top;
	text-align: center;
	color: #888;
	font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
	font-size: 12px;	
	margin: 8px;
}

/* Navigation */
#header {
    height: 240px;
    margin-bottom: 0px;
}

	#navbar {
		width: 968px;
		height: 52px;
		padding-left: 9px;
	}
	
		#navbar ul {
			margin: 0px;
			padding: 0px;
			list-style: outside none none;
		}
		
			#navbar ul li {
				margin: 0px;
				padding: 0px;
			}
			
				#navbar ul li a {
					display: block;
					float: left;
					height: 50px;
					line-height: 3.5;
					padding: 0px 22px;
					color: #AFAFAF;
					text-shadow: 0px 1px 0px #FFF;
					font-size: 14px;
					background: transparent url("/StormyCP/img/navlink_border.png") no-repeat scroll right center;
				}
				
				#navbar ul li:last-child a {
					background: none;	
				}

/* Top content */				
#bptop {
    background: transparent url("/StormyCP/img/bg_page_top.png") no-repeat scroll center top;
    height: 81px;
}

/* basically */
	#bpcon {
		background: transparent url("/StormyCP/img/bg_page_repeat.png") repeat-y scroll center top;
	}
	
		.confix {
			position: relative;
			bottom: 55px;
			right: 6px;
		}
		
			#content {
				float: right;
				width: 708px;
			}
			
			.ctop {
				height: 22px;
			}
			
			.cui {
				background: transparent url("/StormyCP/img/content_ui.png") repeat scroll 0% 0%;
			}
			
			.ccon {
				background-position: right top;
				background-repeat: repeat-y;
				min-height: 900px;
			}
			
				#sliderContainer {
					margin: 0px auto;
					height: 156px;
					width: 663px;
					background: transparent url("/StormyCP/img/sliderbox.png") repeat scroll 0% 0%;
					color: #FFF;
				}
				
					#sliderContainer #nSlider {
						height: 111px;
						width: 649px;
						position: relative;
						top: 7px;
						left: 7px;
						overflow: hidden;
					}

						#sliderContainer ul, #sliderContainer ul li, #sliderContainer ul li a {
							margin: 0px;
							padding: 0px;
							list-style: outside none none;
							height: 111px;
							width: 649px;
							overflow: hidden;
							display: block;
						}
						
						#sliderContainer .ns1 {
							background: transparent url("/StormyCP/img/slides/bg_01.jpg") no-repeat scroll 0% 0%;
						}
						
						#sliderContainer span.nsTitle {
							color: #FFF;
							font-size: 16px;
							margin-bottom: 4px;
						}
						
						#sliderContainer span.nsCon {
							color: #FFF;
							font-size: 12px;
						}
						
						#sliderContainer span.nsTitle, #sliderContainer span.nsCon {
							display: block;
							width: 240px;
							text-shadow: 0px 1px 0px #FFF;
							position: relative;
							top: 14px;
							left: 20px;
						}
						
					ol#controls {
						margin: 0px;
						padding: 0px;
					}
					
					#sliderContainer ol {
						float: right;
						position: relative;
						top: 18px;
						right: 58px;
					}
					
						ol#controls li {
							margin: 0px 2px;
							padding: 0px;
							list-style: outside none none;
							display: inline-block;
						}
						
							ol#controls li a {
								background: transparent url("/StormyCP/img/sliderbox_controls_sprite.png") repeat scroll 0% 0%;
								color: #000;
								text-shadow: 0px 1px 1px #000;
								text-align: center;
								height: 14px;
								width: 15px;
								display: block;
								overflow: hidden;
								font-size: 10px;
							}
							
							ol#controls li.current a {
								color: #000;
								text-shadow: none;
								background-position: 0px -28px;
							}
				
				
				.cbox-ui {
					width: 658px;
					margin: 0px auto;
					background: transparent url("/StormyCP/img/contentbox_ui.png") repeat scroll 0% 0%;
				}			
				
				.cbox-title {
					height: 47px;
				}
				
					.rn-title h2, .cbox-title h2 {
						margin: 0px;
						padding: 13px 0px 0px 18px;
						color: #000;
						font-size: 16px;
						font-weight: bold;
					}
					
						.link {
							color: #808080;
						}
						
				.cbox-content {
					background-position: right top;
					background-repeat: repeat-y;
				}
				
				.cbox-end {
					height: 15px;
					background-position: 0px -47px;
				}
				
				.cbottom {
					height: 22px;
					background-position: left bottom;
					margin-bottom: 10px;
				}
				
			#sidebar {
				float: left;
				width: 260px;
				min-height: 200px;
				position: relative;
				right: 15px;
				bottom: 2px;
			}
			
				a.download {
					background: transparent url("/StormyCP/img/download_sprite.png") repeat scroll 0% 0%;
					display: block;
					height: 72px;
					width: 240px;
					float: right;
					margin-bottom: 22px;
					position: relative;
					top: 2px;
				}
				
					a.download span {
						color: #036;
						font-size: 14px;
						display: block;
						width: 158px;
					}
					
					a.download small {
						color: #168CD0;
						font-size: 10px;
						position: relative;
						top: 17px;
					}
					
					a.download span, a.download small {
						position: relative;
						top: 20px;
						left: 60px;
						text-shadow: 0px 1px 0px #FFF;
					}
					
				#sidebar .sbui {
					float: right;
					width: 240px;
					background: transparent url("/StormyCP/img/sidebar_ui.png") repeat scroll 0% 0%;
					position: relative;
					left: 0px;
				}
					
				#sidebar .sbox {
					min-height: 115px;
				}
				
				#sidebar .sb-title {
					height: 44px;
					margin-top: 2px;
				}
				
					#sidebar .sb-title img {
						margin: 18px 10px 0px 19px;
						padding: 0px;
						float: left;
					}
					
					#sidebar .sb-title h4 {
						margin: 16px 0px 0px;
						padding: 0px;
						font-size: 16px;
						color: #FFF;
						text-shadow: 0px 0px 3px #00365B;
					}
					
				#sidebar .sb-con {
					background-position: right top;
					background-repeat: repeat-y;
				}
				
					.time {
						font-size: 30px;
						text-align: center;
						margin: 13px auto;
						height: 20px;
					}
					
				#sidebar .sbft {
					height: 20px;
					background-position: left bottom;
					margin-bottom: 20px;
				}
				
				/* Ranking */
				table#sbRanking {
					margin: 10px auto;
					width: 206px;
					font-size: 10px;
					color: #989898;
					height: 114px;
				}
				
					#sbRanking td, #sbRanking th {
						border-bottom: 1px solid #F5F5F5;
					}
				
					#sbRanking tr {
						height: 13px;
					}
					
		table.cashShop {

		}
		
		table.cashShop td {
			text-align: center;
		}
		
		table.cashShop td h1 {
			font-size: 12px;
			border: none;
			text-transform: none;
		}
		
		table.cashShop td small {
			font-size: 12px;
			text-transform: none;
			color: #000000;
		}
		
		h2 {
			border-bottom: 1px dotted #4c9ad3;
			margin: 0px;
			padding: 0px;
			font-size: 14px;
			text-transform:uppercase;
		}