/** 
 * SilverStripe Black Candy Theme
 * http://www.silverstripe.com
 *
 * Main Layout File
 */
 
/* Misc Styles and defaults 
-------------------------------------------- */
  
html,body {
	margin:0;
	padding:0;
	background:#000123;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:.85em;
	line-height:1.8em;
	color:#b9badd;
}

img	{
	border:none;
}

a	{
	text-decoration:underline;
	color:#fff;
}

a:hover	{
	text-decoration:none;
}

h1, h2 { 
	margin:0;
	line-height:1.3em;
	color:#ddd;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
}
	h1 {
		font-size:1.7em;
		padding:20px 0 10px 0;
	}
	h2 { 
		font-size:1.2em;
		font-weight:bold;
		padding-top:8px;
		margin:0;
		overflow:hidden;
	}	
	h3 {
		font-size:1em;
		font-weight:bold;
		padding-bottom:5px;
		margin:0;
	}
	h4 {
		font-size:1.2em;
		font-weight:bold;
		padding:8px 0;
		margin:0 0 8px 0;
		border-bottom: 1px solid #1a1b2d;
	}
span, p span	{
	display:block;
	font-size:1.3em;
	color:#fff;
	overflow:hidden;
	
}
p	{
	padding-top:8px;
	margin:0;
	overflow:hidden;
}
strong	{
	color:#f26722;
}
.clear	{
	height:0;
	width:0;
	clear:both;
}

/* CONTAINER
----------------------------------------- */
.wrapper	{
	margin:0;
	padding:0;	
}

.container {
	position:relative; 
	margin:0 auto;
	width:920px;
	min-height:600px;
}

/* HEADER
----------------------------------------- */
.header {
	position:relative;
	width:920px;
	height:117px;
	padding:0;
	margin:0;
	background:url(../images/head_BG.jpg) no-repeat;
}
	.logo	{
		position:absolute;
		bottom:7px;
		left:12px;
	}

/* MAIN NAVIGATION - TABS
----------------------------------------- */
.nav_container	{
	position:absolute;
	top:83px;
	right:0;
	height:34px;
	width:603px;
	z-index:999;
}
	.nav	{
		font-family:Arial, Helvetica, sans-serif;
		height:34px;
		width:569px;
		float:left;
		background:url(../images/nav_BG.png) no-repeat;
	}
	.dropdown {
		float:left; 
		padding:0;
		margin:0;
	}
		.dropdown dt {
			height:34px;
			display:block;
			float:left;
			text-transform:uppercase;
			color:#fff;
			text-decoration:none;
			padding:0;
			margin:0; 
			font-size:.7em;
		}
			.dropdown dt span	{
				display:block;
				padding:5px 0 0 10px;
			}
			.dropdown dt:hover	{
				background:url(../images/nav_BG.png) repeat-x;
				text-decoration:none;
			}
			.dropdown dd {
				width:110px;
				margin:0;
				padding:0;
				overflow:hidden; 
				display:none; 
				z-index:200; 
				opacity:0;
				clear:left;
			}		
		.dropdown ul {
			list-style:none; 
			background:#000123;
			border-top:none;
			padding:0;
			margin:0;
			overflow:hidden;
		}
			.dropdown li {
				display:inline;
				list-style:none;
			}			
				.dropdown li a {
					display:block;
					color:#fff; 
					padding:2px 0 2px 10px;
					text-decoration:none; 
				}
					.dropdown li a:hover {
						background:#f26722;
						color:#fff;
					}

    
/* BREADCRUMBS
-------------------------------------------- */
#Breadcrumbs { 
 	color: #B7C0C5;
	text-align: left;
	font-size: 0.9em; 
	margin: 0px 5px 10px 0;
}
	#Breadcrumbs p {
		margin: 0;
	}


/* MAIN
-------------------------------------- */
.main	{
	width:920px;
	overflow:hidden;
	padding:0;
	margin:0;
}
	.sidebar	{
		position:relative;
		float:left;
		width:262px;
		padding:0 10px; 
		margin:0;
	}
		.sidebar h1	{
			font-size:1.5em;
			font-weight:bold;
			padding-bottom:20px;
			margin-left:15
			px;
		}
		.sidebar_watermark	{
			width:210px;
			margin:0 auto;
			padding-top:20px;
		}
			.sub_nav	{
				height:267px;
				float:left;
				width:282px;
				padding:0; 
				margin-bottom:27px;
				background:#fff;
			}
				.sub_links {
					width:226px;
					margin:0;
					padding:36px 0 0 20px;
					overflow:hidden;
				}
					.sub_links a	{
						font-family:Arial, Helvetica, sans-serif;
						font-weight:bold;
						font-size:1.2em;
						text-align:left;
						width:226px;
						display:block;
						border-top:1px solid #ddd;
						color:#999;
						padding:7px 0 7px 8px;
						margin-top:1px;
						text-decoration:none;
					}
						.sub_links a.current	{
							text-decoration:none;
							color:#f26722;
							background:#000123;
						}
						.sub_links a:hover	{
							text-decoration:none;
							color:#fff;
							background:#f26722;
						}
			.sub_form	{
				float:left;
				width:282px;
				padding:0; 
				margin-bottom:27px;
				background:#fff;
			}
	.content {
		float:left;
		width:638px;
		padding:0; 
		margin:0;
	}
		.sub_head {
			position:relative;
			height:267px;
			float:left;
			width:638px;
			padding:0; 
			margin-bottom:20px;
			background:url(../images/corner_top-left.png) top left #f26722 no-repeat;
			overflow:hidden;
		}
			.sub_head_img	{
				position:absolute;
				bottom:0;
				right:0;
				z-index:1;
				padding:0;
				margin:0;
				height:267px;
			}
			.sub_head_title	{
				position:absolute;
				bottom:15px;
				left:20px;
				z-index:2;
			}


/* COMMENTS
---------------------------------------- */
#CommentHolder ul {
	list-style: none;
	margin:15px 0;
	padding:0;
}
#PageComments li {
	margin:0;
	padding:0;
	width:550px;
}
	#PageComments li.odd {
		background: #000118 url(../images/commentBg.gif) no-repeat 1% 10%;
		padding-left: 40px;
		padding-right: 40px;
		border: 1px solid #1a1b2d;
		margin-bottom:10px;
	}
	#PageComments li.even {
		background: #0d0e2e url(../images/commentBgAlt.gif) no-repeat 99% 10%;
		padding-right: 40px;
		padding-left: 40px;
		border: 1px solid #21213c;
		margin-bottom:10px;
	}

		#PageComments li.odd p.info {
			color: #3AA0C3;
		}

		.actionLinks li {
		   display: inline;
		   border-right: 1px solid;
		}
			.actionLinks li a {
				padding-right: 3px;
				font-size: 10px;
			}
   			.actionLinks li.last {
      			border-right: none;
   			}

.commentrss {
	background: transparent url(../images/feed-icon-14x14.png) no-repeat;
	padding-left: 20px;
	font-size: 1em;
	line-height: 1.6em;
}
#PageCommentsPagination p {
	text-align: center;
	font-size: 1.2em;
}
#PageComments p {
	font-size: 1em;
	margin:15px 0;
}
	#PageComments p.info {
		color: #999;
		margin: 0px;
		padding: 0;
		line-height: 1em;
		font-size: 0.9em;
	}

/* SEARCH RESULTS STYLES
------------------------------------------------ */
ul#SearchResults {
	margin: 10px 0;
}
	ul#SearchResults li {
		list-style: none;
		margin: 5px 0;
		font-size: 1em;
	}

/* SEARCH FORM 
-----------------------------------------------*/
html #SearchForm_SearchForm {
	float: right;
	width: 240px;
	margin: 5px;
}
html #SearchForm_SearchForm .middleColumn {
	float: left;
	width: 164px;
	margin: 0 5px 0 0;
	padding: 2px;
	background-color: #51a9df;
	
}
	html #SearchForm_SearchForm .middleColumn input.text {
		width: 160px;
		border: none;
		color: #666;
	}
html #SearchForm_SearchForm #SearchForm_SearchForm_action_results {
	float: left;
	margin-top: 2px;
}

/* MESSAGEBOXS
--------------------------------------------- */
.message {
	margin: 15px;
	padding: 5px;
	width: 92%;
	color: #979908;
	border: 4px solid #F7F8B4;
	background: #FFFFEA;
}
span.middleColumn .message {
	margin: 4px 0 0 3px;
}
.required {
	margin: 4px 0 0 3px;
	padding: 5px;
	width: 92%;
	color: #DC1313;
	border: 4px solid #FF7373;
	background: #FED0D0;
}



p#Remember label {
	margin: -24px 0 0 20px;
	text-align: left;
}
.entry {
	border-bottom: 1px solid #eee;
}

.typography #Content p.authorDate {
	color: #444;
	margin-top: -15px;
	}
/* UNSUBSCRIBE NEWSLETTER
------------------------------------------------ */
#Unsubscribe_MailingListForm_MailingListForm{
	min-height:100px;
}

	#Unsubscribe_MailingListForm_MailingListForm p{
		margin:0 !important;
		padding:10px;
	}
		#Unsubscribe_MailingListForm_MailingListForm p label{
			display: inline;
		}
	#Unsubscribe_MailingListForm_MailingListForm label{
		margin:0;
	}


/* FOOTER
----------------------------------------------- */

.footer {
	font-family:Verdana, Geneva, sans-serif;
	position:relative;
	margin-top:50px;
	background:#0d0e2e;
	font-size:.9em;
	height:168px;
}
	.inside_footer	{
		margin:0 auto;
		padding-top:10px;
		height:158px;
		width:920px;
	}
		.sitemap_footer	{
		}
			.foot_links	{
				position:relative;
				width:160px;
				margin:0 20px 0 0;
				float:left;
				color:#fff;
			}
				.foot_links a	{
					font-size:1.05em;
					color:#6e6e82;
					font-weight:bold;
					text-decoration:none;
				}
				.foot_links ul	{
					padding:0;
					margin-top:10px;
					border-bottom:1px solid #191a39;
					width:160px;
					overflow:hidden;
				}
					.foot_links li	{
						width:160px;
						display:block;
						padding:1px 0;
						margin:0;
						line-height:1.8em;
						background:url(../images/arrowhead_footer.png) left no-repeat;
						border-top:1px solid #191a39;
					}
						.foot_links li:hover	{
							background:url(../images/arrowhead_footer.png) #000118 left no-repeat;
						}
					.foot_links li a 	{
						font-size:1em;
						font-weight:normal;
						color:#25437c;
						padding-left:10px;
						text-decoration:none;
					}
						.foot_links li a:hover 	{
							text-decoration:none;
						}
.foot_bar	{
	position:relative;
	height:33px;
	background:#000118;
}
	.inside_footbar	{
		position:relative;
		height:33px;
		margin:0 auto;
		width:920px;
		color:#333446;
	}
		.copyright	{
			position:absolute;
			bottom:7px;
			left:0;
		}
		.credits	{
			position:absolute;
			bottom:7px;
			right:0;
		}
			.credits a	{
				color:#444;
				text-decoration:none;
			}
			.credits a:hover	{
				color:#666;
				text-decoration:underline;
			}
		

/* HOMEPAGE STYLES
----------------------------------------------- */

.HP_header {
	position:relative;
	height:202px;
	padding:0;
	margin:0;
	background:url(../images/HP_head_BG.jpg) top right no-repeat;
}
	.HP_logo	{
		position:absolute;
		bottom:7px;
		left:12px;
	}
	.HP_positioning	{
		width:400px;
		height:21px;
		position:absolute;
		bottom:15px;
		left:315px;
	}
			
.HP_mid	{
	position:relative;
	height:267px;
	width:920px;
	overflow:hidden;
	padding:0;
	margin:0;
}
	.HP_mid div, .HP_content div	{
		position:relative;
		float:left;
		width:305px;
		margin-right:2px;
	}
		.HP_mid div a:hover img	{
			filter:alpha(opacity=85);-moz-opacity:.85;opacity:.85;
		}

.HP_content	{
	background:url(../images/HP_base_BG.jpg) top no-repeat;
	min-height:210px;
}
	.HP_content div h1	{
		font-size:1.5em;
		line-height:1.5em;
		font-weight:bold;
		padding:10px 0 0 40px;
		margin:0;
	}
			
.HP_foot_bar	{
	position:static;
	bottom:0;
	width:100%;
	height:33px;
	background:#000118;
	font-size:.9em;
	font-family:Verdana, Geneva, sans-serif;
}

/* SITEMAP STYLES
----------------------------------------------- */
#sitemap-list ul	{
	padding:0;
	margin-left:20px;
}
	#sitemap-list li	{
		list-style:url(../images/arrowhead_footer.png);
		padding-bottom:5px;
	}
		#sitemap-list li a	{
			color:#f26722;
			font-weight:bold;
			text-decoration:none;
		}
			#sitemap-list li a:hover	{
				text-decoration:underline;
			}
			#sitemap-list li ul li a	{
				color:#fff;
				font-weight:normal;
			}
				#sitemap-list li li li a	{
					font-weight:normal;
					color: #b1b3c9; 
				}