/* ------------ color reference ----------- */
/*
Dark Blue:			#002F53
Light Blue:			#003964
Yellow:				#FBC817
*/

/* ------------ basic elements ------------ */

body {
	background: #313131 url(../img/background.png) top center no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	}
strong {
	font-weight: bold;
	}
em {
	font-style: italic;
	}
	
/* ------------ common classes ------------ */

.left {
	float: left;
	}
.right {
	float: right;
	}
.clear {
	clear: both;
	}
.button {
	width: 72px;
	height: 72px;
	background: url(../img/buttons/button.png) left;
	}
	.button:hover {
		background: url(../img/buttons/button.png) right;
		}
.img_block {
	width: 250px;
	margin-bottom: 20px;
	}
	.img_block img {
		float: left;
		border: 2px solid #FBC817;
		margin-right: 10px;
		}
	.img_block p {
		margin-left: 60px;
		}
a.wich {
	display: inline-block;
	padding: 0 22px 0 0;
	background: url(../img/wich.png) right no-repeat;
	}
	
.releaseDate {
	font-style:italic;
}


/* ------------ template layout ----------- */

#container {
	width: 918px;
	margin: auto;
	}
	#header {
		background: url(../img/head_bg.png) bottom center no-repeat;
		height: 123px;
		padding: 115px 30px 0 30px;
		text-align: center;
		}
		#header .link {
			margin-top: 70px;
			text-indent: -9999px;
			}
			#header .wich {
				width: 168px;
				height: 33px;
				padding: 0;
				background: url(../img/whichwich.png) left;
				}
				#header .wich:hover {
					background: url(../img/whichwich.png) right;
					}
			#header .order {
				width: 178px;
				height: 25px;
				background: url(../img/orderonline.png) left;
				}
				#header .order:hover {
					background: url(../img/orderonline.png) right;
					}
	#navigation {
		background: url(../img/content_bg.png) center repeat-y;
		height: 70px;
		padding-top: 30px;
		margin: 0 -15px;
		}
		#navigation .button {
			margin-top: -22px;
			}
		#navigation ul {
			margin: 0 30px;
			height: 26px;
			font-size: 14px;
			border-top: 1px solid #A5A5A5;
			border-bottom: 1px solid #A5A5A5;
			}
			#navigation ul li {
				float: left;
				}
				#navigation ul li a {
					display: block;
					padding: 5px 12px;
					color: #002f53;
					text-decoration: none;
					}
				#navigation ul li a:hover, #navigation ul li a.active {
					background: url(../img/metal.png);
					color: #fff;
					}
	#content {
		background: url(../img/content_bg.png) top center repeat-y;
		width: 818px;
		padding: 0 50px 20px 50px;
		font-size: 11px;
		}
		#mask {
			width: 818px;
			position: relative;
			overflow: hidden;
			}
			#pages {
				position: absolute;
				}
				div.page {
					width: 818px;
					float: left;
					}
					div.side {
						width: 250px;
						float: left;
						}
						div.side h1 {
							width: 300px;
							}
					div.main {
						margin-left: 300px;
						}
						div.main h1 {
							text-align: right;
							}
				div.boxed {
					font-size: 11px;
					padding: 10px;
					}
					div.boxed p {
						margin: 0 0 15px 0;
						}
						div.boxed.location p {
							margin: 0 0 15px 220px;
							}
					div.boxed h1 {
						font-size: 18px;
						font-weight: bold;
						color: #002f53;
						border-bottom: 2px solid #fbc817;
						margin: 0 0 15px 0;
						}
						div.boxed.location h1 {
							margin: 0 0 15px 220px;
							}
					div.boxed a {
						font-weight: bold;
						color: #000;
						text-decoration: none;
						}
						div.boxed a:hover {
							color: #003964;
							}
					div.boxed img.left {
						clear: left;
						margin: 0 20px 0 0;
						}
						div.boxed img.left:first-child {
							margin-bottom: 20px;
							}
		#content h1 {
			font-size: 18px;
			font-weight: bold;
			color: #002f53;
			border-bottom: 2px solid #fbc817;
			margin-bottom: 20px;
			}
			#content h1 a {
				color: #002f53;
				}
		#content p {
			margin-bottom: 15px;
			}
			#content p.quote {
				padding: 7px 0 0 10px;
				margin-bottom: 10px;
				background: url(../img/quote_l.png) top left no-repeat;
				}
				#content p.quote span.auth {
					display: block;
					padding: 0 10px 5px 0;
					text-align: right;
					background: url(../img/quote_r.png) bottom right no-repeat;
					}
				#content p.quote span.caps {
					text-transform: uppercase;
					}
		#content a {
			font-weight: bold;
			color: #000;
			text-decoration: none;
			}
			#content a:hover {
				color: #003964;
				}
		#content ul {
			margin-bottom: 15px;
			}
			#content ul li {
				padding-left: 25px;
				background: url(../img/wich.png) left 2px no-repeat;
				}
		#content hr {
			border: none;
			height: 2px;
			background-color: #FBC817;
			}
		#content img.left {
			margin: 0 10px 10px 0;
			}
		#content img.right {
			margin: 0 0 10px 10px;
			}
	#footer {
		background: url(../img/foot_bg.png) top center no-repeat;
		height: 33px;
		padding: 0 50px 0 35px;
		margin-bottom: 50px;
		}
		#footer .button {
			float: left;
			margin: -20px 5px 0 0;
			position: relative;
			z-index: 999;
			}
		#footer .credit {
			float: right;
			margin-top: 7px;
			font-size: 10px;
			color: #555;
			}
			#footer .credit a {
				color: #555;
				}
				#footer .credit a:hover {
					color: #002F53;
					}
					
/* ------------ blog popup styles --------- */

body.popup {
	background: #fff;
	padding: 10px;
	}
#content.popup {
	background: none;
	width: auto;
	padding: 0;
	}
	#content.popup #sidebar {
		float: right;
		width: 150px;
		margin-left: 20px;
		background-color: #eee;
		border-left: 10px solid #fff;
		padding: 0 10px;
		}
		#content.popup #sidebar h1 {
			text-align: right;
			}
	#content.popup #wp-calendar {
		width: 100%;
		}
		#content.popup #wp-calendar th {
			text-align: center;
			border-bottom: 2px solid #fff;
			}
		#content.popup #wp-calendar td {
			text-align: center;
			line-height: 20px;
			}
			#content.popup #wp-calendar td a {
				background-color: #FBC817;
				display: block;
				color: #fff;
				}
		#content.popup #wp-calendar caption {
			display: none;
			}
	#content.popup textarea {
		width: 90%;
		}
	#content.popup div.comment-author {
		float: left;
		margin-left: -52px;
		line-height: 32px;
		}
		#content.popup div.comment-author img {
			float: left;
			margin: 0 20px 0 0;
			}
	#content.popup div.comment-meta {
		text-align: right;
		line-height: 32px;
		}
	#content.popup div.comment-body {
		margin: 0 10px 10px 42px;
		background-color: #eee;
		padding: 0 10px 1px 10px;
		}
	#content.popup #respond {
		clear: both;
		padding-top: 10px;
		}

/* ------------ fckeditor styles ---------- */

#cms_pages {
	background-color:white;
	background:none;
	color:black;
	height:385px;
	overflow:auto;
	padding: 15px 20px 0;
	width: 630px;
	float:left;
	font-family: Verdana, Arial, Helvetica,sans-serif;
}

#cms_pages .right {
	float: right;
}

.cms_pages { /* used to make FCKeditor look correct when editing new products area */
	background:none;
	background-color:white;
	color:black;
	height:385px;
	overflow:auto;
	padding: 15px 20px 0;
	width: 630px;
}	

/* these don't work yet */

.cms_pages h1 {
	font-size: 18px;
	font-weight: bold;
	color: #002f53;
	border-bottom: 2px solid #fbc817;
	margin-bottom: 20px;
}

#cms_pages h1 {
	font-size: 18px;
	font-weight: bold;
	color: #002f53;
	border-bottom: 2px solid #fbc817;
	margin-bottom: 20px;
}