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

body {
	background: #1A1A1A url(/img/bg_container.png) center repeat-y;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #fff;
	}
.left {
	float: left;
	}
.right {
	float: right;
	}
.clear {
	clear: both;
	}
.center {
	text-align: center;
	}
.divider {
	margin: 0 10px;
	padding: 0 1px;
	background: url(/img/line_y.gif) center repeat-y;
	}
#topbar_wrap {
	position: fixed;
	z-index: 9;
	top: 0;
	left: 0;
	width: 100%;
	padding: 0 0 9px 0;
	background: url(/img/bg_topbar.png) bottom;
	}
	#topbar {
		width: 860px;
		height: 16px;
		padding: 7px 20px;
		margin: auto;
		font-size: 10px;
		line-height: 16px;
		}
		#topbar a {
			padding-left: 20px;
			text-transform: lowercase;
			color: #fff;
			text-decoration: none;
			}
			#topbar a.icon {
				padding-left: 20px;
				}
			#topbar a:hover {
				color: #7489b6;
				}
		#topbar span {
			height: 16px;
			}
		.admin {
			background: url(/img/icon_admin.png) center left no-repeat;
			}
		.facebook {
			background: url(/img/icon_facebook.png) center left no-repeat;
			}
		.myspace {
			background: url(/img/icon_myspace.png) center left no-repeat;
			}
		.donate {
			background: url(/img/icon_heart.png) center left no-repeat;
			}
		.user {
			background: url(/img/icon_user.png) center left no-repeat;			
			}
		.logout {
			background: url(/img/icon_lock.png) center left no-repeat;
			}
		#topbar input {
			float: left;
			margin-left: 5px;
			background: #343434;
			-moz-border-radius: 3px;
			-webkit-border-radius: 3px;
			border-radius: 3px;
			border: none;
			color: #fff;
			font-size: 10px;
			padding: 0 5px;
			}
			#topbar input[type=text],
			#topbar input[type=password] {
				padding: 2px 5px 2px;
				}
			#topbar input[type=submit] {
				height: 17px;
				cursor: pointer;
				}
	#login_error {
		width: 860px;
		margin: auto;
		background: url(/img/line_x.gif) top left repeat-x;
		padding: 5px 20px;
		text-align: right;
		font-size: 10px;
		color: #f00;
		}
		
#container {
	margin: auto;
	width: 900px;
	padding: 0 9px 40px;
	}
	#header {
		padding: 22px 0 0 0;
		background: url(/img/bg_header.png) top left no-repeat;
		}
		#menu {
			padding: 0 20px;
			height: 122px;
			}
			#menu a {
				color: #fff;
				text-decoration: none;
				text-transform: lowercase;
				text-shadow: 1px 1px 1px #000;
				}
				#menu a:hover {
					color: #7489b6;
					}
			#menu ul {
				float: right;
				margin: 65px 0 0 0;
				}
				#menu ul li {
					position: relative;
					float: left;
					font-size: 18px;
					margin-left: 30px;
					}
					#menu ul li a {
						display: block;
						color: #fff;
						text-decoration: none;
						padding: 5px 0;
						}
					#menu ul li ul {
						display: none;
						}
					#menu ul li:hover ul {
						position: absolute;
						display: block;
						width: 110px;
						margin: 0;
						padding: 0 6px;
						background: #343434;
						-moz-border-radius: 3px;
						-webkit-border-radius: 3px;
						border-radius: 3px;
						}
						#menu ul li ul li {
							float: none;
							margin: 0;
							font-size: 12px;
							background: url(/img/line_x_menu.gif) bottom left repeat-x;
							}
							#menu ul li ul li:last-child {
								background: none;
								}
							#menu ul li ul li a {
								padding: 3px 0 5px 0;
								}
	#content {
		padding: 20px;
		background: url(/img/bg_content.png) top left no-repeat;
		font-size: 12px;
		line-height: 1.4;
		}
		#content h1,
		#content h2,
		#content h3 {
			font-weight: normal;
			line-height: 30px;
			padding: 20px 10px;
			margin-bottom: 20px;
			text-shadow: 2px 2px 2px #000;
			background: url(/img/line_x.gif) bottom left repeat-x;
			}
		#content h1 {
			font-size: 30px;
			}
		#content h2 {
			font-size: 18px;
			}
		#content h3 {
			font-size: 16px;
			}
		#content p,
		#content ul,
		#content ol {
			margin: 0 10px 20px;
			}
		#content ul {
			list-style: square;
			}
			#content ul.sq_gallery {
				list-style: none;
				margin: 0;
				padding: 0;
				}
			#content ul.sq_gallery li {
				padding: 0;
				}
		#content ol {
			list-style: decimal;
			}
		#content li {
			margin: 0 0 10px 15px;
			}
		#content a {
			color: #7489b6;
			text-decoration: none;
			}
			#content a:hover {
				text-decoration: underline;
				}
		#content strong {
			font-weight: bold;
			}
		#content em {
			font-style: italic;
			}
		#content fieldset {
			clear: both;
			display: block;
			padding-bottom: 10px;
			margin-bottom: 10px;
			background: url(/img/line_x.gif) bottom left repeat-x;
			}
		#content label {
			clear: left;
			float: left;
			width: 150px;
			padding: 5px 10px 5px 0;
			margin: 0 10px 0 0;
			text-align: right;
			background: url(/img/line_y.gif) top right repeat-y;
			}
		#content input,
		#content textarea,
		#content select {
			float: left;
			background: #343434;
			-moz-border-radius: 3px;
			-webkit-border-radius: 3px;
			border-radius: 3px;
			border: none;
			color: #fff;
			font-size: 12px;
			padding: 2px 5px;
			margin: 5px 10px 3px 0;
			}
			#content input[type=submit] {
				float: right;
				cursor: pointer;
				}
			#content select {
				padding: 1px 0;
				}
		#content button {
			background: #343434;
			-moz-border-radius: 3px;
			-webkit-border-radius: 3px;
			border-radius: 3px;
			border: none;
			color: #fff;
			font-size: 12px;
			padding: 2px 5px;
			margin: 5px 10px 3px 0;
			cursor: pointer;
			}
		#content span.item {
			display: block;
			padding: 5px 0;
			margin: 0 0 0 120px;
			}
		#content span.hint {
			clear: left;
			display: block;
			margin: -5px 0 10px 170px;
			font-size: 10px;
			background: #343434;
			-moz-border-radius: 3px;
			-webkit-border-radius: 3px;
			border-radius: 3px;
			padding: 2px 5px;
			}
		#content div.music {
			background: #343434;
			-moz-border-radius: 3px;
			-webkit-border-radius: 3px;
			border-radius: 3px;
			padding: 10px;
			margin-bottom: 10px;
			}
			#content div.music a {
				float: right;
				padding: 0 0 0 20px;
				margin-left: 20px;
				}
				#content div.music a.buy {
					background: url(/img/icon_money.png) left center no-repeat;
					}
			#content div.music div.right {
				margin: -3px -3px 0 0;
				}
		#left_column {
			float: left;
			width: 550px;
			}
		#right_column {
			float: right;
			width: 270px;
			}
			#right_column h1,
			#right_column h2 {
				text-align: right;
				}
			#right_column label {
				width: 100px;
				}
#footer {
	position: fixed;
	z-index: 9;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 30px;
	padding: 9px 0 0 0;
	background: url(/img/bg_footer.png);
	font-size: 10px;
	text-align: center;
	line-height: 30px;
	}
	#footer a {
		text-decoration: none;
		color: #fff;
		}
	#footer a:hover {
		color: #7489b6;		
		}