/*  
Theme Name: Nightmusic
Theme URI: http://www.nightmusic.ch/
Description: Nightmusic theme
Version: 1
Author: Bart
Author URI: http://www.nightmusic.ch/
Tags: white, grid, whitespace, minimal, clean, widgets

*/

/* Reset
-------------------------------------------------------------- */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}


body {
	background-color: #111111;
	color: #333;
	font-size: 0.82em;
	font-weight: 300;
	font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif;
	text-align: center;
} 

.fixed:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.fixed { display:block; }
.fixed{ min-height:0%; }
* html .fixeed { height:0%; }


h1, h2, h3, h4 { font-family: "museo-slab-1","museo-slab-2", "Helvetica Neue", "Helvetica", "Arial"; color: #333 }
h1 { font-size: 1.20em; font-weight: 500; margin: 0 0 5px 0; letter-spacing: 0.03em; padding: 0; line-height: 1.25 }
h2 { font-size: 1.15em; font-weight: 500; margin: 10px 0 10px 0; letter-spacing: 0.03em; padding: 0; line-height: 1.25 }
h3 { font-size: 1.0em; font-weight: 500; margin: 0 0 3px 0; letter-spacing: 0.03em; padding: 0; }
h4 { font-size: 1em; font-weight: 500; margin: 10px 0 2px 0; padding: 0; }


a { color: #9B9B08; outline: none; text-decoration: none }
a:hover { color:#6E6F00; text-decoration: underline }

h1 a:link, h1 a:visited, h1 a:focus, h2 a:link, h2 a:visited, h2 a:focus { color: #333; text-decoration: none}
h1 a:hover, h2 a:hover { color: #6E6F00 }

a img { border: 0 }

p           { margin: 0 0 20px; position: relative; line-height: 1.7;}
p img.left  { float: left; margin: 10px 10px 10px 0; padding: 0; }
p img.right { float: right; margin: 10px 0 10px 10px; }

blockquote  { font-family: "museo-slab-1","museo-slab-2", Georgia; display: block; margin: 15px; color: #3399CC; font-size: 120%; letter-spacing: 0.015em; font-style: italic; padding-left: 50px; background-image: url(images/quote.png); background-repeat: no-repeat; background-position: top left }



/* Lists
-------------------------------------------------------------- */

li ul, li ol 	{ margin:0 5px; }
ol      	{ margin: 0 10px 5px 13px; padding: 0px 0px 10px 10px }
ul      	{ margin: 0 10px 5px 0px; padding: 0px 0px 10px 0px }

ul { list-style-type: disc; }
ol { list-style-type: decimal; }



/* =----------------------------------- oh the convenience */
#wrapper { line-height: 18px }


.searchField input { color: #77777 }

.postMeta span.date { color: #666666 }
.postMeta span.comments a,
.postMeta span.date a { color: #999999 }

.entry a,
.commentlist .comment-author a, .secondaryColumn a { color: #9B9B08; border: 0 }


.entry a:hover,
.secondaryColumn a:hover,
#commentsContainer h3 a:hover,
.commentlist .comment-author a:hover,
.commentlist .comment-meta a:hover { color: #6E6F00; border: 0px }
.secondaryColumn a:hover {text-decoration: none}


#cancel-comment-reply-link { color: #3C6C92 }
.commentlist .comment-meta a { color: #777777 }
.commentlist .comment-author cite {
	font-style: normal;
}


#paginateIndex {
	font-size: 0.9em;
	text-transform: uppercase;
}
#footer { clear: both }
#footer p a {  color:#333 }

/* Structure
-------------------------------------------------------------- */

#wrapper {
	margin: 20px auto;
	text-align: left;
	width: 800px;
	padding: 0 15px;
	background-color: #ffffff;
	margin-top: 0px;
	margin-bottom:0px
}
#masthead {
	height: 180px;
	position: relative;
	background-image: url(images/nm2.jpg);
}
#masthead div {
	width: 224px;
	padding: 2px;
	position: absolute;
	top: 70px;
	right: 10px;
	background-color: #ffffff;
	-moz-border-radius: 5px; -webkit-border-radius: 5px;
}
#masthead div input {
	border: 0px;
	width: 200px;
	padding: 4px 10px;
}

#filler { margin: 0; padding: 0;}
#mainColumn {
	float: left;
	margin: 20px 0 0 0;
	width: 495px;
}
.secondaryColumn {
	float: left;
	margin: 24px 0 0 30px;
	overflow: hidden;
	width: 275px;
}



/* Topnavigation
-------------------------------------------------------------- */

.navStripWrapper {
	position: relative;
	clear: both;
}

.nav { 
	position: relative;
	margin: 0; 
	padding: 0; 
	list-style: none;
	background: #222222;
	margin-top: 2px;
	}
.nav li {
	border-right: 1px solid #ffffff;
	display: block;
	float: left;
	line-height: 35px
}
.nav li a {
	display: block;
	padding: 0 35px 0 15px;
	color: #ffffff;
}

.nav li a:hover, 
.nav li a.selected {
	background: #9B9B08;
	color: #efefef;
	color: #fff;
	text-decoration: none;
}

.nav li a.selected {
	background: #666666;
	color: #efefef;
}




/* Postmeta
-------------------------------------------------------------- */

.postMeta {
	margin-bottom: 14px;
	position: relative;
}
.postMeta span.date {
	background: #fff;
	padding: 0;
}
.postMeta span.comments {
	background: #fff url(images/chat_grey.gif) no-repeat 2px 0px;
	padding-left: 18px;
}

/* Post
-------------------------------------------------------------- */

.post {
	margin: 0 0 21px 0;
}

a.more-link { display: block; margin-top: 10px }

/* Entry
-------------------------------------------------------------- */

.entry img, .entry img.size-full {
	background: #fff;
	padding: 6px;
	border: 1px solid #cccccc;
}

.entry.meta {
	position: relative;
	border: 1px dotted #666666;
	border-width: 1px 0;
	padding: 3px 0 3px 0;
	margin-top: 10px;
}
.entry.meta p {
	margin: 0px;
	padding: 0px 10px 2px 0px;
}
.entry.meta .highlight {
	font-weight: bold;
}
.entry.meta a {
	color: #333;
	border-color: #bbb;
}
.entry.meta a:hover {
	color: #000;
	border-color: #000;
}

.entry.meta span.socials {
	position: absolute;
	top: 15px;
	right: 0px;
}
.entry.meta span.socials img { border: 0; padding: 1px }

/* Pagination
-------------------------------------------------------------- */

#paginateIndex { 
	margin-bottom: 25px;
}
#paginateIndex a,
.commentlist li .reply a {
	color: #333333;
	font-size: 11px;
	text-transform: uppercase;
	display: block;
	padding: 2px 10px;
	background: #fff;
	border: 1px solid #cccccc;
}
.commentlist li .reply a {
	color: #333333;
	text-decoration: none
}
#paginateIndex a:hover,
.commentlist li .reply a:hover {
	color: #444444;
	border-color: #cccccc;
	background: #efefef;
	text-decoration: none
}

/* Widgets
-------------------------------------------------------------- */

.secondaryColumn h3 {
	margin: 0;
	padding: 0 10px 0 10px;
	background-color: #222222;
	color: #ffffff;
	font-weight: normal;
	line-height: 30px;
}
.secondaryColumn h3 a, .secondaryColumn h3 a:hover {
	text-decoration: none;
	color: #ffffff;
}

.widgetContainer {
	margin: 0 0 20px 0;
	padding: 1px 0 5px 0;
	
}
.widgetContainer li, .widgetContainer li {
	margin: 0;
	list-style: none;
	border-bottom: 1px dotted #cccccc
}

.widgetContainer li:hover { background-color: #efefef; }
.widgetContainer li a { display: block; padding: 5px 10px 5px 10px; }
.widgetContainer li a:hover { text-decoration: none }
.widgetContainer .textwidget {
	margin: 0 3px;
	line-height: 1.5em;
}
.widgetContainer #wp-calendar {
	border-collapse: collapse;
	width: 100%;
}


	/* Custom Styles
	-------------------------------------------------------------- */

	#recentcomments li { 
		background-image: url(images/chat_grey.gif); 
		background-repeat: no-repeat; 
		background-position: 1px 5px;  
		padding: 5px 10px 5px 20px}
	#recentcomments li:hover, 
	ul.tweets li:hover { background-color: transparent }
	
	
	#recaptcha_widget_div { margin: 10px 0 10px 0px; padding: 0px}
	
	.widgetContainer select { padding: 3px 2px; width: 100%}
	.widgetContainer select option { padding: 2px 2px 0px 2px}
	
	div.widgetContainer div {margin-top: 5px}

/* Comments
-------------------------------------------------------------- */

#commentsContainer span.hook {
	position: relative;
	display: block;
}

.cancel-comment-reply {
	position: absolute;
	top: -1px;
	right: 4px;
}
.commentlist {
	list-style: none;
	margin: 0 0 20px;
	padding: 0;
}
.commentlist .comment-author {
	border-top: 1px solid #ccc;
	padding-top: 7px;
	margin-top: 10px;
	overflow: hidden;
}
.commentlist .comment-author img.avatar {
	display: none;
}
.commentlist .comment-meta {
	margin: 0px;
}
.commentlist li .reply {
	display: none;
}
.commentlist li .reply a {
	display:inline;
}
.commentlist li p {
	margin: 1em 0;
	padding: 0;
}
.commentlist li ul,
.commentlist li ol,
.commentlist li blockquote {
	margin: 0 20px;
}
.commentlist .children {
	margin: 0 0 0 40px;
}
.commentlist .children li {
	list-style: none;
}
#commentform .contain {
	margin: 0 0 10px 0 !important;
}




#footer { margin: 20px 0 0 0; border-top: 2px solid #cccccc; }
#footer p { padding: 10px 3px 10px }

label       { font-weight: bold; }
fieldset    { padding:1.4em; margin: 0 0 1.5em 0; border: 1px solid #ccc; }
legend      { font-weight: bold; font-size:1.2em; }


/* Form fields
-------------------------------------------------------------- */

/* Form
-------------------------------------------------------------- */	

label       { font-weight: normal; }
fieldset    { padding:1.4em; margin: 0 0 1.5em 0; border: 1px solid #efefef; }
legend      { font-weight: bold; font-size:1.1em; text-transform: uppercase; letter-spacing: 0.07em; padding: 0 5px 0 5px; margin-left: -5px }


/* Form fields
-------------------------------------------------------------- */

input.text, textarea, select { background-color:#fff; border:1px solid #bbb; padding: 5px; -moz-border-radius: 3px; -webkit-border-radius: 3px }

input.text:focus, 
textarea:focus, 
select:focus { 
	border-color: #999;
	box-shadow: 0px 0px 5px #ccc;
	-o-box-shadow: 0px 0px 5px #ccc;
	-icab-box-shadow: 0px 0px 5px #ccc;
	-khtml-box-shadow: 0px 0px 5px #ccc;
	-moz-box-shadow: 0px 0px 5px #ccc;
	-webkit-box-shadow: 0px 0px 5px #ccc;
}
input.text, textarea, select { margin:0.1em 0 }

input.text    	{ width: 250px; padding:5px }
textarea      	{ width: 438px; height: 150px; padding:5px }

input.checkbox, input.radio { position:relative }

form.inline 	{ line-height:3 }
form.inline p 	{ margin-bottom:0 }



/* Floats & Clearing
-------------------------------------------------------------- */
.floatleft,
.alignleft { float: left; margin: 0px 7px 3px 0 }
.floatright,
.alignright { float: right; margin: 0px 0 0 7px }
.right { float:right }
.left { float: left }
.clear { clear: both }
.fix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.fix { display: inline-block } 
* html .fix{ height: 1% }
.fix{ display: block }

.twtr-widget h3 
{
color: #666;
background: none;
}