/*
Theme Name: Cobalt Noir
Theme URI: http://www.cobaltrecords.com
Description: Based on the 'X' wordpress theme, also by Brendan Clarke.
Version: 2.0
Author: Cobalt Records
Tags: clean, basic, minimal
*/

/* Standard HTML elements */
body {
	margin: 0;
	background: #1a1a1a url(images/background.jpg) repeat-x;
	font: 13px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

#content p {
	margin-bottom: 15px;
}

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

a:active {
	color: #e5e5e5;
	text-decoration: underline;
}

a:visited {
	color: #e5e5e5;
	text-decoration: underline;
}

a:hover {
	color: #fff;
	text-decoration: underline;
	text-shadow: #d8d8d8 0 0 3px;
}

h1 {
	color: #999;
	border-bottom: 1px solid #ededed;
	font-size: 28px;
}

h2 {
	font-size: 24px;
	color: #b1b1b1;
	border-bottom: 1px solid #ededed;
}

h3 {
	font-size: 18px;
	color: #cbcbcb;
	border-bottom: 1px solid #ededed;
}

h4 {
	font-size: 16px;
	color: #cbcbcb;
}

.post h1, .post2 h1 {
	margin-top: 10px;
	margin-bottom: 10px;
	color: #999;
	border-bottom: 1px dotted #404040;
	text-shadow: #191919 0px 1px 1px;
	letter-spacing: 1px;
	word-spacing: 3px;
	font-size: 22px;
}

.post h2, .post2 h2 {
	margin-top: 10px;
	margin-bottom: 10px;
	color: #999;
	text-shadow: #191919 0px 1px 1px;
	letter-spacing: 1px;
	word-spacing: 3px;
	border-bottom-style: none;
}

.post h3, .post2 h3 {
	margin-top: 10px;
	margin-bottom: 10px;
	color: #999;
	border-bottom: 1px dotted #404040;
	text-shadow: #191919 0px 1px 1px;
	letter-spacing: 1px;
	word-spacing: 3px;
}

#content h2 {
	margin-bottom: 0;
	font-size: 26px;
}

/* Header area */
#headercontainer {
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	font-size: 16px;
	color: #b1b1b1;
	font-weight: normal;
	font-style: normal;
	height: 60px;
}

	#header {
	width: 900px;
	height: 50px;
	background: url(images/logo2.png) no-repeat;
	margin-right: auto;
	margin-left: auto;
	margin-top: 30px;
}

/* Navigation menu (below header) */
#navigationcontainer {
	height: 42px;
}

#navholder {
	width: 900px;
	margin-left: auto;
	margin-right: auto;
}

#navigation {
		float: left;
		margin-top: 11px;
		width: 650px;
		overflow: hidden;
}

	#navigation ul {
		display: inline;
	}

	#navigation ul li {
		list-style-type: none;
		display: inline;
	margin-right: 20px;
}

	#navigation a {
		text-decoration: none;
		font-size: 16px;
		font-weight: normal;
		font-style: normal;
		color: #e5e5e5;
		text-shadow: #000 0 1px 1px;
	letter-spacing: 1px;
}
	
	#navigation a:hover {
		color: #fff;
	text-shadow: #fff 0 0 6px;
}

	#navsearch {
		width: 230px;
		float: right;
	margin-top: 6px;
}
	
	label.hidden {
	display: none;
}

		input#s {
			width: 161px;
			height: 26px;
			border-style: none;
			border-width: 0;
			background: transparent url(images/search-field.png) no-repeat;
			padding: 0;
			padding-top: 3px;
			float: left;
			color: #999;
			font: 14px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
			text-indent: 5px;
			text-shadow: #fff 0 1px 0;
		}
		
		input#searchsubmit {
			height: 26px;
			float: left;
			border-style: none;
		}

/* Container (of content and sidebar) */
#container {
	width: 900px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 50px;
}

/* Content (posts etc.) */
#content {
	margin-left: auto;
	margin-right: auto;
	float: left;
	width: 660px;
}

/* Content (search version) */
#contentsearch {
	margin-left: auto;
	margin-right: auto;
	float: left;
	width: 660px;
}

#contentsearch .post {
	border: 1px dashed #d8d8d8;
	padding: 10px;
	width: 600px;
	margin-left: auto;
	margin-right: auto;
}

#contentsearch p {
	margin-bottom: 0;
}

#contentsearch h2 {
	margin-bottom: 20px;
	font-size: 26px;
}

#contentsearch h3 {
	font-size: 24px;
	margin-bottom: 0;
	margin-top: 0;
}

#contentsearch h3 a {
	text-decoration: none;
}

.searchtime {
	font-size: 12px;
	font-style: italic;
	color: #999;
	margin-top: 5px;
	margin-bottom: 0;
}

.searchinfo {
	font-size: 12px;
	color: #7f7f7f;
	text-align: right;
	margin-bottom: 0;
}

/* Sidebar */
#sidebar {
	width: 160px;
	float: right;
	background-color: #2d2d2d;
	padding: 15px;
	/* Following adds rounded edges... */
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	color: #999;
	font-size: 11px;
}

	#sidebar a {
		color: #999;
	}

/* Post elements */
.post {
	color: #b1b1b1;
	text-shadow: #1a1a1a 0 0 1px;
	margin-bottom: 40px;
	border-bottom: 1px solid #404040;
}

.post2 {
	color: #b1b1b1;
	text-shadow: #1a1a1a 0 0 1px;
}

	.post h2 {
	font-size: 26px;
	margin-top: 10px;
}

	.post h2 a {
		font-size: 26px;
		text-decoration: none;
	}

	.post p {
	margin-bottom: 15px;
	margin-top: 5px;
}

	.post ul {
		padding-left: 50px;
		margin-bottom: 15px;
	margin-top: 15px;
	color: #999;
}

	.post ul li {
		list-style-type: circle;
	}

/* WP caption for posts, pages and galleries) */
.wp-caption {
	background-color: #f2f2f2;
	border-width: 5px;
	border-color: #cbcbcb;
	margin-bottom: 10px;
	margin-top: 10px;
}

	.wp-caption img {
		border: 5px solid #7f7f7f;
	}

	.wp-caption p {
		margin-top: 10px;
		padding-bottom: 0;
		margin-bottom: 0;
		color: #656565;
		font-size: 12px;
		font-style: italic;
	}

/* Align center */
.aligncenter {
	margin-left: auto;
	margin-right: auto;
}

/* META elements (for posts, pages, archives etc) */
.meta1 {
	font-size: 11px;
	font-style: italic;
	color: #7f7f7f;
	margin-bottom: 5px;
}

.meta2 {
	font-size: 11px;
	color: #7f7f7f;
	margin-top: 15px;
	border-top: 1px dotted #333;
	clear: left;
	padding-top: 5px;
	padding-bottom: 0;
}

.meta2 p, p.meta2 {
	margin-bottom: 5px;
}

.meta2 a {
	color: #b1b1b1;
	text-decoration: none;
	font-style: italic;
}

/* Scroller */
.scroller {
	font-size: 14px;
}

/* Widgets (sidebar) */
.widget h2 {
	margin-bottom: 10px;
	border-bottom: 1px dotted #4b4b4b;
	font-size: 15px;
	color: #a4a4a4;
	text-shadow: #191919 0px 1px 1px;
	letter-spacing: 1px;
	margin-top: 5px;
}

.widget p {
	margin-bottom: 15px;
	color: #7f7f7f;
	text-shadow: #333 0px 1px 1px;
}

.widget select {
	margin-bottom: 10px;
	background-color: #333;
	color: #cbcbcb;
	text-shadow: #191919 0px 1px 0px;
	border: 1px solid #585858;
	font-size: 11px;
}

.textwidget {
	margin-bottom: 10px;
}

.widget {
	margin-bottom: 10px;
}

/* Info and comments (for posts and pages) */
.info1 {
	font-size: 11px;
	color: #999;
}

#comments {
	color: #5a5a5a;
	width: 380px;
	margin: 5px auto 15px;
	padding: 20px;
	background-color: #f1f1f1;
	/* Following adds rounded edges... */
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

#comments h3 {
	font-size: 16px;
	margin-bottom: 10px;
	padding: 0;
	border-bottom-style: none;
}

#comments p {
	margin-bottom: 10px;
}

#comments textarea {
	width: 380px;
	margin-bottom: 10px;
}

#comments li {
	background-color: #d8d8d8;
	padding: 10px;
	margin-bottom: 10px;
	/* Following adds rounded edges... */
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

/* Archive view */
#archive {
	margin-left: auto;
	margin-right: auto;
	padding: 10px;
	border: 1px dashed #e5e5e5;
}

	#archive h3 {
		border-bottom: 1px solid #e5e5e5;
		margin-bottom: 0;
}

	#archive p {
		margin-bottom: 10px;
		color: #404040;
	}

	#archive h3 a {
		font-size: 24px;
		text-decoration: none;
} 

.gallery {
	width: 500px;
}

div#fancy_overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.9);
	display: none;
	z-index: 30;
}

/* Footer */
#footer {
	width: 900px;
	margin-left: auto;
	margin-right: auto;
	clear: both;
	padding-top: 30px;
	font-size: 11px;
	font-style: italic;
	color: #4f4f4f;
	text-align: left;
	padding-bottom: 5px;
}

/* Feature */
#feature {
	width: 660px;
	float: left;
	margin: 0 auto 30px;
}

.featureline {
	margin: 0;
	height: 37px;
	padding: 14px 0 0 20px;
	background: url(images/feature.png) repeat-x;
	float: left;
	width: 640px;
}

.featureline p {
	margin: 0;
	padding: 0;
}

.featureline a {
	color: #e5e5e5;
	text-decoration: none;
	font-size: 18px;
	font-weight: normal;
	font-style: normal;
	text-shadow: #000000 0 1px 2px;
	letter-spacing: 1px;
	word-spacing: 1px;
}

.featureline a:hover {
	color: #fff;
}

/* News */
.news {
	margin-top: 20px;
}

.news ul {
	padding-left: 10px;
	list-style-type: none;
}

.news ul li {
	list-style-type: none;
	padding: 2px;
	font-size: 14px;
}

.alert {
	width: 600px;
	margin-left: auto;
	margin-right: auto;
	padding: 6px;
	background-color: #ffecbc;
	border-top: 3px solid #f4af75;
	border-bottom: 3px solid #f4af75;
	font-size: 14px;
	color: #796156;
	text-shadow: #fff1eb 0 1px 0;
}

/* Events */

#eventpg {
	background-color: #2b2b2b;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding: 15px;
	margin-top: 25px;
}

.evtit, .evtit a {
	text-decoration: none;
	margin-bottom: 10px;
	font-size: 22px;
}

.evde {
	font-size: 12px;
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #4b4b4b;
}

.evinf {
	font-size: 11px;
	font-style: italic;
	color: #a1a1a1;
}

/* Media Menu */
#menululz {
	width: 100px;
}

#menululz li {
	padding: 8px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background-color: #333;
	margin-bottom: 10px;
	font-size: 14px;
}

#menululz li:hover {
	padding: 8px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background-color: #4b4b4b;
	margin-bottom: 10px;
	font-size: 14px;
}

#menululz a {
	text-decoration: none;
	color: #fffffe;
}

/* Advanced & fixes (shouldn't need changing) */
.aligncenter { display:block; margin:0 auto }
.alignleft { float:left }
.alignright { float:right }
.wp-caption { border: 1px dashed #b3b3b3; text-align:center; background: #e5e5e5; padding:10px; margin:10px }
br.dirtyLittleTrick { clear:both; display:block; height:1px; margin:-1px 0 0 0 }
div { position:relative }
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal }
q:before, q:after { content:''}
strong { font-weight: bold }
em { font-style: italic }
a img { border:none }