@charset "utf-8";
@import url("style_reset.css");
@import url("style_core.css");

/* [------------ Main HTML Elements ------------] */

html {
	background-color:#000000;
}

body {
	background-color:#000000;
	color:#B5B5B5;
	font-size:75%;
	font-family:'Franklin Gothic Book', 'Calibri', Arial, Helvetica, sans-serif;
	margin:0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin:0;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
}

h1 {
	font-size:2.7em;
	color:#FFFFFF;
	font-weight:bold;
	font-family:'Franklin Gothic Medium', 'Calibri', Arial, Helvetica, sans-serif;
}

h2,
.h2 {
	font-size:1.9em;
	color:#FFFFFF;
	font-weight:bold;
}

h3 {
	font-size:1.4em;
}

h4 {
	font-size:1.2em;
	color:DEDEDE;
}

object {
	display:block;
}

hr {
	border:0;
	width:100%;
	color:#333;
	background-color:#333;
	height:2px;
	margin-bottom:12px;
}

blockquote {
	padding-left:0px;
	margin:0px;
	quotes:"“" "”" "‘" "’";
	quotes:none;
}

blockquote {
	background-image:url('../images/quote_open.png');
	padding-left:50px;
	background-position:top left;
	background-repeat:no-repeat;
	min-height:40px;
	margin-bottom:10px;
}

	blockquote p {
		background-image:url('../images/quote_close.png');
		padding-right:50px;
		background-position:bottom right;
		background-repeat:no-repeat;
		padding-top:10px;
		padding-bottom:6px;
		margin-bottom:14px;
	}

code {
	font-family:"Courier New", Courier, monospace;
}

/* Lists. */

ol, ul {
	padding:0px;
	margin-left:25px;
}

ol.contents {
	margin-left:0;
}

ol.contents,
ol.contents ol {
	list-style:none;
}

dt {
	font-weight:bold;
	color:#FFFFFF;
}

dd {
	margin-left:10px;
	margin-bottom:10px;
}

dd ol {
	margin:0 0 0 30px;
}

/* [------------ Links ------------] */

a:link,
a:visited {
	text-decoration:underline;
	color:#6D37FB;
}

a:active,
a:hover {
	text-decoration:underline;
	color:#8877FF;
}

a img {
	border:0;
	margin:0;
}

/* [----------------- Shared -----------------] */

h1,
h2,
h3,
ol,
ul,
dl,
p,
table,
fieldset,
form ol li,
ul.pagination,
ul.buttons,
div.joined_buttons,
.error_box,
.success_box,
.attention_box,
.information_box,
.std_box_body {
	margin-bottom:12px;
}

/* [------------ Layout Divisions ------------] */

#base_gradient {
	background-image:url('../images/base_gradient.png');
	background-position:center;
	background-repeat:repeat-x;
	position:absolute;
	top:466px;
	left:0px;
	width:100%;
	height:197px;
	z-index:0;
}

#base_layer {
	position:absolute;
	left:0;
	width:100%;
	z-index:1;
	background-image:url('../images/banner.jpg');
	background-position:top center;
	background-repeat:no-repeat;
}

#admin_bar_container {
	width:100%;
	background-image:url('../images/trans_bg_70.png');
	height:27px;
	border-bottom:1px solid #191919;
}

#admin_bar {
	width:892px;
	margin:0 auto;
	padding:6px;
}

#wrapper {
	width:892px;
	margin:0 auto;
}

#middle {
	margin-top:358px;
	background-image:url('../images/backpanel_bg.png');
	background-repeat:repeat-x;
	background-position:top left;
}

#middle_top {
	background-image:url('../images/backpanel_top.png');
	background-repeat:no-repeat;
	background-position:top left;
}

#middle_left {
	background-image:url('../images/backpanel_sides.png');
	background-repeat:no-repeat;
	background-position:top left;
}

#middle_right {
	background-image:url('../images/backpanel_sides.png');
	background-repeat:no-repeat;
	background-position:top right;
	width:868px;
	padding:12px;
}

#left_column {
	float:left;
}

	#navigation {
		float:left;
		font-family:Arial, Helvetica, sans-serif;
		list-style:none;
		width:676px;
		margin:0;
		padding:0;
	}
			#navigation li {
				float:left;
			}

				#navigation li a {
					display:block;
					width:64px;
					border-bottom:0;
					text-align:center;
					padding:8px 5px 7px 5px;
					margin-right:1px;
					font-weight:bold;
					background-image:url('../images/buttons/nav_tab_top.png');
					background-repeat:no-repeat;
					background-position:top;
					text-decoration:none;
				}

					#navigation li a:hover {
						background-image:url('../images/buttons/nav_tab_top_hover.png');
						background-repeat:no-repeat;
						background-position:top;
						color:#AAAAAA;
					}

					#navigation li.current a {
						background-image:url('../images/buttons/nav_tab_top_hover.png');
						background-repeat:no-repeat;
						background-position:top;
						color:#FFFFFF;
						cursor:default;
						color:#FFFFFF;
					}

	#content_outer {
		padding:3px;
		background-color:#212121;
		-moz-border-radius-bottomright:10px;
		-moz-border-radius-bottomleft:10px;
		float:left;
		width:669px;
	}

		#content_pad {
			padding:3px;
			background-color:#000000;
			-moz-border-radius-bottomright:8px;
			-moz-border-radius-bottomleft:8px;
			float:left;
			width:663px;
		}

			#content {
				background-image:url('../images/bg_texture.jpg');
				background-color:#070707;
				-moz-border-radius-bottomright:6px;
				-moz-border-radius-bottomleft:6px;
				padding:10px;
				padding-top:5px;
				float:left;
				width:643px;
			}

				.content_section_header {
					border:1px solid #191919;
					border-bottom:0;
					padding:5px;
					padding-left:10px;
					-moz-border-radius-topright:6px;
					-moz-border-radius-topleft:6px;
					background-color:#140c2a;
					background-image:url('../images/bg_content_section_header.jpg');
					background-repeat:repeat-x;
				}

				.content_section_header h2,
				.content_section_header h3 {
					margin-bottom:0;	
				}

				.content_section {
					border:1px solid #191919;
					padding:10px;
					background-color:#040404;
					background-image:url('../images/bg_content_section.jpg');
					background-repeat:repeat-x;
				}

				.content_section_footer {
					border:1px solid #191919;
					border-top:0;
					padding:5px 10px 5px 10px;
					text-align:right;
					background-color:#0C0C0C;
					background-image:url('../images/bg_texture.jpg');
				}

#right_column {
	float:right;
}

	#sidebar_outer {
		padding:3px;
		background-color:#212121;
		-moz-border-radius:10px;
		float:right;
		width:176px;
	}

		#sidebar_pad {
			padding:3px;
			background-color:#000000;
			-moz-border-radius:8px;
			float:left;
			width:170px
		}

			#sidebar {
				background-image:url('../images/bg_texture.jpg');
				background-color:#070707;
				-moz-border-radius:6px;
				padding:0px;
				float:left;
				width:170px;
			}

				.sidebar_section {
					background-image:url('../images/bg_sidebar_div.png');
					background-color:#070707;
					background-repeat:no-repeat;
					background-position:top;
					padding:5px;
					padding-bottom:10px;
				}

#footer {
	clear:both;
	width:100%;
	height:190px;
	background-color:#20004c;
	border-top:2px solid #333333;
	background-image:url('../images/bg_footer.png');
	background-repeat:repeat-x;
	text-align:center;
	padding-top:10px;
}

/* [------------ Tables ------------] */

table {
	border:1px solid #333333;
	margin-left:1px;
	margin-right:1px;
}

thead th {
	border-bottom:1px solid #333333;
	background-color:#20004c;
	background-image:url('../images/bg_thead.png');
}

tbody th {
	border-bottom:1px dotted #333333;
	background-color:#050505;
}

tbody td {
	background-color:#050505;
}

th {
	font-weight:bold;
	color:#EEEEEE;
	text-align:center;
	padding:0.5em;
	vertical-align:top;
}

th a:link,
th a:visited {
	color:#FFFFFF;
}

td {
	padding:0.5em;
	border-bottom:1px dotted #333333;
	vertical-align:top;
	text-align:center;
}

table tr td:first-child {
	text-align:left;
}

table tr th:first-child {
	text-align:left;
}

table.cellpad tr th,
table.cellpad tr td {
	padding-bottom:10px;
}

tr.row2 td {
	background-color:#090909;
}

/* [----------------- Forms ------------------] */

form {
	border:0;
	margin:0;
	padding:0;
}

input.tiny,
textarea.tiny,
select.tiny {
	width:40px;
}

input.short,
textarea.short,
select.short {
	width:80px;
}

input.med_short,
textarea.med_short,
select.med_short {
	width:240px;
}

input.medium,
textarea.medium,
select.medium {
	width:300px;
}

input.long,
textarea.long,
select.long {
	width:450px;
}

input.full,
textarea.full,
select.full {
	width:98%;
}

form fieldset {
	border:1px solid #191919;
	background-image:url('../images/bg_tbody.png');
	-moz-border-radius:6px;
	padding:0;
}

/* For IE background bug. */
form > fieldset {
	position:relative;
}

	form fieldset legend {
		color:#CCC;
		font-weight:bold;
		margin-left:10px;
		padding:0 6px 0 6px;
	}

	/* For IE background bug. */
	form > fieldset > legend {
		left:.2em;
		position:absolute;
		top:-.6em;
	}

	form ol {
		list-style:none;
		margin:0;
		margin-bottom:0;
		padding:12px 12px 4px 12px;
	}

	form ol li {
		clear:both;
	}

		form fieldset ol li label {
			display:block;
			font-weight:bold;
			margin-bottom:2px;
			text-align:left;
		}

		label.required:before {
			color:red;
			content:"∗ ";
			font-family:Arial, Helvetica, sans-serif;
			font-size:1.2em;
		}

		label span,
		legend span {
			display:block;
			font-size:0.9em;
			font-weight:normal !important;
		}

		fieldset li input,
		fieldset li textarea,
		fieldset li select {
			background-color:#000;
			border:1px solid #333;
			color:#CCC;
			font-family:'Franklin Gothic Book', 'Calibri', Arial, Helvetica, sans-serif;
			font-size:1em;
			padding:3px;
			width:300px;
		}

		fieldset li select {
			width:auto;
		}

		fieldset li select {
			color:#CCC;
			font-size:1em;
			padding:2px;
		}

		select.sift {
			margin-right:5px;
			margin-top:2px;
		}

		button,
		input[type="submit"],
		input[type="reset"],
		input[type="button"] {
			color:#6D37FB;
			cursor:pointer;
			font-family:'Franklin Gothic Book', 'Calibri', Arial, Helvetica, sans-serif;
			font-size:1em;
			font-weight:bold;
			margin-right:5px;
			padding:2px 3px 2px 3px;
			width:auto;
		}

		button.big,
		input[type="submit"].big,
		input[type="reset"].big,
		input[type="button"].big {
			font-size:1.4em;
			padding:4px 8px 4px 8px;
		}

		input[type="checkbox"],
		input[type="radio"] {
			width:auto;
		}

		/* Nested fieldsets for radio buttons & checkboxes. */
		form fieldset ol li ol,
		form fieldset ol li ol li {
			margin:0;
			padding:0;
			width:auto;
		}

		form fieldset ol li ol li label {
			font-weight:normal;
			margin:0;
			text-align:left;
			width:auto;
		}

		form fieldset ol li ol li input {
			border:0;
			width:auto;
		}
		/* ---------- */

	/* Multi-column lists. */
	ol.dual_column li,
	ol.tri_column li,
	ol.quad_column li {
		clear:none;
		float:left;
	}

	ol.dual_column li {
		width:50%;
	}

	ol.tri_column li {
		width:33%;
	}

	ol.quad_column li {
		width:25%;
	}
	/* ---------- */

	form fieldset.submit {
		clear:both;
		float:none;
		margin:0;
		padding:10px;
		width:auto;
	}

	.mceContentBody {
		background:black;
		background-image:none;
		color:#CCC;
		padding:10px;
	}

/* [------------ Pagination ------------] */

ul.pagination {
	float:left;
	list-style:none;
	margin-left:0;
	padding:0;
}

	ul.pagination li {
		float:left;
		margin:0px 3px 0px 0;
	}
	
	ul.pagination li.ellipsis {
		border:none;
		padding-top:3px;
	}
	
	ul.pagination li.disabled,
	ul.pagination li.current,
	ul.pagination li a {
		background-color:#060606;
		border:1px solid #0066FF;
		padding:1px 4px 1px 4px;
		text-decoration:none;
	}
		
		ul.pagination li.disabled {
			border:1px solid #444;
			color:#333;
		}
	
		ul.pagination li.current {
			background-color:#2D1D7B;
			border:1px solid #6666CC;
			color:#FFF;
			font-weight:bold;
		}
	
		ul.pagination li a {
			border:1px solid #333333;
			color:#6644EE;
			display:block;
		}
		
		ul.pagination li a:active,
		ul.pagination li a:hover {
			border:1px solid #6666CC;
			color:#FFFFFF;
		}
		
/* [----------------- Buttons ----------------] */

ul.buttons {
	float:left;
	list-style:none;
	margin-left:0;
	padding:0;
}

ul.rightside {
	float:right;
}

	ul.buttons li {
		float:left;
	}

		ul.buttons li a,
		a.button {
			background:transparent url('../images/buttons/btn_left.png') no-repeat top left;
			color:#CCC;
			display:block;
			float:left;
			font-size:12px;
			height:24px; /* Height of button background image. */
			line-height:16px; /* This + 4px + 4px (top and bottom padding of span) must equal height of button background (default 23px). */
			margin-right:4px;
			padding-left:7px; /* Width of left button background. */
		}

		ul.rightside li a {
			margin-right:0;
			margin-left:4px;
		}

			ul.buttons li a span,
			a.button span {
				background:transparent url('../images/buttons/btn_right.png') no-repeat top right;
				display:block;
				font-weight:bold;
				padding:4px 10px 4px 6px;
				text-decoration:none;
			}

			ul.buttons li a:link,
			ul.buttons li a:visited,
			a.button:link,
			a.button:visited {
				text-decoration:none;
			}

			ul.buttons li a:hover,
			ul.buttons li.current a,
			a.button:hover {
				background-position:bottom left;
			}

			ul.buttons li a:hover span,
			ul.buttons li.current a span,
			a.button:hover span {
				background-position:bottom right;
			}

			ul.buttons li.current a,
			ul.buttons li.current a:link,
			ul.buttons li.current a:visited,
			ul.buttons li.current a:active,
			ul.buttons li.current a:hover {
				color:#666;
				cursor:default;
			}

/* [----------------- Boxes ------------------] */

.error_box,
.success_box,
.attention_box,
.information_box {
	background-position:10px 10px;
	background-repeat:no-repeat;
	padding:10px 10px 10px 36px;
	-moz-border-radius:6px;
}

.error_box {
	background-color:#1D0000;
	background-image:url('../images/icons/notify_error.png');
	border:1px solid #F13030;
	color:#F13030;
}

.success_box {
	background-color:#001500;
	background-image:url('../images/icons/notify_success.png');
	border:1px solid #090;
	color:#54CB5C;
}

.attention_box {
	background-color:#191905;
	background-image:url('../images/icons/notify_attention.png');
	border:1px solid #FC0;
	color:#FC0;
}

.information_box {
	background-color:#0D0E2B;
	background-image:url('../images/icons/notify_information.png');
	border:1px solid  #69C;
	color:#69C;
}

.error_box ul,
.success_box ul,
.attention_box ul,
.information_box ul {
	margin-bottom:0;
}

/* [------------ Generic Classes ------------] */

.bmargin {
	margin-bottom:12px !important;
}

.tmargin {
	margin-top:12px !important;
}

.rmargin {
	margin-right:12px !important;
}

.subtitle {
	font-size:1.35em;
	font-weight:bold;
	font-style:italic;
}

.references {
	font-size:0.9em;
	color:#888888;
	font-weight:normal;
	margin-bottom:10px;
}

	.references p {
		margin-left:3em;
		text-indent:-3em;
	}

.highlighted {
	font-weight:bold;
	color:#9999FF;
}

.blog_date {
	height:64px;
	width:54px;
	background-image:url('../images/bg_blog_date.png');
	background-repeat:no-repeat;
	text-align:center;
	float:left;
	margin-right:10px;
	margin-bottom:1px;
}

.blog_date span.day {
	font-weight:bold;
	color:#FFFFFF;
	font-size:3em;
	font-family:Arial, Helvetica, sans-serif;
	display:block;
}

.blog_date span.month {
	font-size:2em;
	color:#6600FF;
	display:block;
	position:relative;
	top:-28px;
}

.youtube_movie {
	background:transparent;
	display:block;
	margin:0 auto;
}

/* Admin. */

#admin_panel {
	width:641px;
}

	#admin_panel ul {
		margin:0;
		padding:0;
		width:641px;
	}

		#admin_panel ul li  {
			display:block;
			float:left;
			text-align:center;
			width:25%;
		}

		#admin_panel ul li.w33  {
			width:33%;
		}
		
			#admin_panel ul li a {
				text-decoration:none;	
			}

/* Portfolio. */

a.portfolio_tab {
	float:left;
	display:block;
	width:95px;
	padding:5px 3px 5px 3px;
	border:1px solid #333;
	margin:2px;
	text-align:center;
	background-color:#1f134b;
	background-image:url('../images/buttons/btn_category_select_bg.jpg');
	background-repeat:repeat-x;
	color:#CCC;
	text-decoration:none;
	cursor:pointer;
	font-weight:bold;
}

div.portfolio_tab_disabled {
	float:left;
	width:95px;
	padding:5px 3px 5px 3px;
	border:1px solid #222;
	margin:2px;
	text-align:center;
	background-color:#111111;
	color:#999;
	text-decoration:none;
	cursor:default;
	font-weight:bold;
}

a.portfolio_tab:hover {
	border:1px solid #666;
	background-image:none;
	color:#FFF;
	background-color:#5533DD;
	cursor:pointer;
}

.thumb_row {
	margin-bottom:10px;
}

.thumb_cell {
	float:left;
	width:214px;
	text-align:center;
	margin-bottom:10px;
	background-image:url('../images/bg_thumbnail.png');
	background-position:top center;
	background-repeat:no-repeat;
	padding-top:10px;
	height:163px;
}

.thumb_cell img {
	width:163px;
	height:102px;
	border:1px solid #333333;
	margin-bottom:7px;
}

.thumb_cell img:hover {
	border:1px solid #666666;
}

.portfolio_item_name {
	font-size:1.3em;
	color:#6600FF;
}

img.mid_image {
	display:block;
	border:1px solid #191919 !important;
	margin:0 auto;
}

.bordered {
	border:1px solid #333333;
}

/* Music */
.album_cover {
	border:1px solid #333333;
	margin:0 10px 10px 0;
	float:left;
}

.mp3_container {
	padding:0px;
	margin-bottom:5px;
	height:20px;
	overflow:hidden;
}

.no_rounding {
	-moz-border-radius:0px;	
}

table.details {
	background:none;
	border:0;
}

	table.details tr td,
	table.details tr th {
		border:0;
		padding:0;
		padding-bottom:8px !important;
		text-align:left;
		background:none;
	}

	table.details tr:last-child th,
	table.details tr:last-child td {
		padding-bottom:0 !important;
	}
	
	table.details th {
		font-weight:bold;
		color:#9999FF;	
	}