/*   
Theme Name: Noise Floor
Theme URI: http://noisepages.com
Description: Default blog theme for Noisepages, and a platform for other cool stuff.
Author: Richard Bailey, Peter Kirn, and Nathanael Jeanneret, built using a hybrid of the 960.gs and 1kb grid systems based on Starkers WP Framework and Naked.
Author URI: http://additiveinverse.com/ http://onetonnemusic.com
Version: 1.0
Tags: light, fixed-width, html 5, data types maybe, font face all up in your face

*/
/* --------------------------------------------------------------------- WP-defaults      */
.aligncenter { display: block; margin-left: auto; margin-right: auto; text-align: center;}
.alignleft, .align-left, .fl { float: left;}
.alignleft, .align-left { float: left; margin-right: 10px;}
.alignright, .align-right, .fr { float: right; }
.x { display: none; }
/* ---------------------------------------------------------------- defaults - overrides */
@font-face { font-family: 'LeagueGothic'; 
	src: url('fonts/League_Gothic-webfont.eot'); 
	src: local('...'), 
		url('fonts/League_Gothic-webfont.woff') format('woff'), 
		url('fonts/League_Gothic-webfont.ttf') format('truetype'), 
		url('fonts/League_Gothic-webfont.svg#webfontOTINA1xY') format('svg'); 
	font-weight: normal; 
	font-style: normal; 
}
/* --------------------------------------------------------------- admin bar fixes */
#wp-admin-bar { position: absolute!important;}
#wp-admin-bar ul { top: 0;}
#wp-admin-bar ul li { margin: 0!important; line-height: 0.9em!important;}
#wp-admin-bar ul ul {top: 24px; }
#wp-admin-bar ul ul ul { top: auto; }
body#bp-default #wp-admin-bar .padder,
body#bp-default.activity-permalink #wp-admin-bar .padder { max-width: 100%!important; width: 100%!important;}

a  { color: #6c6c6c; text-decoration: none; }
li, p { padding-bottom: 0.5em; line-height: 1.4em; font-size: 14px; }
p { }
h1, h2, h3, h4 { letter-spacing: 0; word-spacing: 0; font-family: LeagueGothic; font-weight: normal;}
h3 { font-size: 3em; color: #bbbebf; }
h5 { font-size: 1.12em; clear: both; font-weight: normal;}
table { width: 100%; }
table td { vertical-align: top; padding: 0 16px 24px 0; }

/* ----------- caption blockquote are the same */
.imgcaption, 
.wp-caption, 
blockquote {text-shadow: 1px 1px 0 #eee; background: #BBBEBF; overflow: hidden; background: rgba(187,190,191, 0.5); }
blockquote { padding: 19px 24px 12px 24px; }
blockquote p { top: 0; padding-bottom: 0.5em;}

.imgcaption,
.wp-caption { padding: 9px; font-size: 0.9em; margin-bottom: 12px; }
.wp-caption img { margin: 0; padding: 0; border: 0 none;}
.wp-caption-dd { line-height: 17px; padding: 0 4px 5px; margin: 0;}

/* -------------------------------------------------------------------- main / body      */
body { background: white url(cssimg/header_background.png) top center no-repeat fixed; color: #221E1F; padding-top: 0!important;}

/* -------------------------------------------------------------------- sprited things   */
.megaphone,
div.prev-next span a,
.details .tags, 
.details .comments a,
select,
#sidebar .top h3 { background: url(cssimg/assets_sprite.png) no-repeat; }
/* ------------------------------------------------------------------- rounded things    */
.pagination,
.imgcaption,
.wp-caption,
blockquote,
article time { -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; }

/* ------------------------------------------------------------------ forms */
form label { font-family: LeagueGothic; font-size: 24px; text-transform: uppercase;}
input, textarea, select { border: 1px solid #e4e4e4; padding: 3px; color: #5d5d5d; }
input, textarea { background: #E5E5E5; background: -moz-linear-gradient(top, #f3f3f3 0%, #FFFFFF 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f3f3f3), color-stop(100%,#FFFFFF)); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f3f3', endColorstr='#FFFFFF',GradientType=0 ); }
select { background-color: #FFF; }
input:focus,
textarea:focus { border: 1px solid #fff; color: #000; 
-moz-box-shadow: 0px 0px 3px #ddd inset; -webkit-box-shadow: 0px 0px 3px #ddd inset; box-shadow: 0px 0px 3px #ddd inset; 
background: #FFFFFF; background: -moz-linear-gradient(top, #fff 0%, #f3f3f3 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(100%,#f3f3f3)); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#f3f3f3',GradientType=0 ); overflow: auto;}
select:focus { background-color: #FFFFFF;}

nav form { float: right; position: relative; text-align: right; padding: 8px; }
nav label { position: relative; top: 5px; margin-right: 9px; font-size: 24px;}
nav input { width: 72%;}

form#commentform { margin-top: 12px;  }
form.standard-form p,
form#commentform p { clear: both; overflow: hidden; position: relative; left: 0px;}
form#commentform h5 { position: relative; width: 300px; line-height: 36px;  }
form#commentform h5 .btn { position: absolute; right: 0px; top: -8px; }
form#commentform label { color: #000; line-height: 28px; text-align: right; }
form.standard-form label { font-family: Helvetica, Arial, sanserif; font-size: 14px; text-transform: uppercase; color: #000; line-height: 28px; text-align: right; }

form#sidebar-login-form input,
.standard-form input,
.standard-form textarea,
form#commentform input, 
form#commentform textarea { line-height: 24px; border: 1px solid #e5e5e6; }

form#commentform textarea#comment,
.standard-form input#submit,
form#commentform input#submit { clear: both;}

select { background-color: white; background-position: -0px -393px; }


/* ----------------------------- captcha overrides */
#captchaImgDiv { overflow: hidden; position: relative; top: 0px; position: relative; height: 110px;   }
#captchaImgDiv div { float: left; margin-left: 142px; position: absolute;}
div#si_audio_com,
div#si_refresh_com { width: 20px!important; height: 20px!important; float: left; margin: 0 18px 0 0; position: relative;}
#si_image_com { position: relative;  }
#captchaImgDiv label { text-align: left; width: 136px; float: left;  }
#captchaImgDiv label small { font-size: 24px;  }
#captchaInputDiv { margin-left: 0!important; bottom: 0; }
#captchaInputDiv input { float: left; margin-left: 7px; width: 159px!important;  }

article .button,
.btn,
form#commentform input#submit,
form#commentform input[type=submit] { line-height: 1em; background: #999; border: 1px solid #777!important; color: white!important; font-family: LeagueGothic; text-transform: uppercase; font-size: 30px!important; padding: 8px; height: auto!important; margin-top: 9px; }

.btn:hover,
article .button:hover,
form#commentform input[type=submit]:hover { text-shadow: 2px 2px 0px #777; -moz-box-shadow: 0px 0px 3px #777 inset; -webkit-box-shadow: 0px 0px 3px #777 inset; box-shadow: 0px 0px 3px #777 inset; }

#sidebar-wp-submit,
.btn.logout,
.btn.cart { display: inline-block; margin-bottom: 9px; clear: both; float: none; font-size: 1.3em!important; padding: 4px 6px!important; text-transform: uppercase;} 

/* -------------------------------------------------------------------- top hero images  */
#hero.image { padding: 36px 12px 12px; overflow: hidden; color: white; text-shadow: 1px 1px 0 #777; height: 150px; width: 950px;}
#hero.image h1 { font-size: 6em;}
#hero.image h1 a { color: white; text-transform: uppercase; }
#hero.image p { top: 0; }

/* -------------------------------------------------------------------- nav / expandable */
nav { background: black; border-top: 1px solid white; border-bottom: 1px solid white;  color: white; }
nav a { color: white; }
nav a:hover { text-decoration: none; color: #ccc;}
nav ul { width: auto; display: inline; list-style: none; }
nav ul li { display: block; float: left; width: auto; padding: 10px 12px; list-style: none;}
nav ul ul { display: none;}
nav .current-category-ancestor,
nav .current_page_parent,
nav .current-page-ancestor,
nav .current-menu-item { background: #999;}

.row.content.wrapper { background: none; }
section#content { margin-top: 13px; }
/* -------------------------------------------------------------------- content: post / page */
article { overflow: hidden; margin-bottom: 18px; }
article header { overflow: hidden;}
article header a:hover {text-decoration: none;}
article header div { float: left; width: 87%; margin-right: 75px;}
article header p { top: 0; font-size: 10pt; text-shadow: -1px -1px 0 #fcfcfc; text-transform: uppercase;}
article header h1 { font-family: LeagueGothic, Helvetica, arial; font-size: 3em; line-height: 1.05em;  margin-bottom: 0.2em;}
article header h1 a { color: #000;  }
article header h2 a:hover,
article header h1 a:hover { color: #222; }
article header h2 { line-height: 1.2em; top: 0;  margin-bottom: 0.2em;}
article header time { background: #BBBEBF; width: 48px; font-size: 18px; text-align: center; padding: 6px; color: white; font-family: LeagueGothic; text-shadow: 1px 1px 0 #999; float: right; }
article header time span       { display: block; text-align: center; line-height: 1.4em;  }
article header time span.month { text-transform: uppercase;  }
article header time span.day   { }
article header time span.year  { }
article header time hr { height: 1px; margin: 3px auto; background-color: #fff;  }
article header .image img { }
/* ----------------------------------------------------- archive specific */
article.archive { margin-bottom: 32px; }
article.archive header { float: right; width: 79.5%; margin-left: 0; overflow: hidden; }
article.archive header div { float: left; margin: 0;}
article.archive .image { overflow: hidden; text-align: center;  background: #BBBEBF; background: rgba(187, 190, 191, 0.5 ); width: 110px; padding: 8px 8px 4px 8px;}
article.archive .image img { height: auto; width: 100%;}
/* ----------------------------------------------------- article body */
article section {  padding: 0px 9px 9px; margin-top: 4px; background-color: rgba(255,255,255,0.75);}
article section p { }
#sidebar a, 
article section a {color: #F09000;}
/* ------------------------------ read more links */
.btn.read-more { display: none;}
a.more-link { display: block; font-family: LeagueGothic; font-size: 1.5em; text-align: right; margin: 12px 0; text-transform: uppercase;}

/* -------------------------------------------------------------------- article meta        */
.details { color: #929699; margin: 0 0 24px 0; font-size: 1.1em; background-color: rgba(255,255,255,0.75); overflow: hidden;}
.details a { color: #929699; }
.details .tags { padding-left: 66px; background-position: -435px -88px; line-height: 1.3em; }
.details .comments a { background-position: -442px -163px!important; font-family: LeagueGothic; text-align: center; font-size: 1.25em; height: 48px; line-height: 28px; width: 48px; display: block; }
/* ------------------------------------------------------------------- comments */
ol.commentlist { margin-left: 0; overflow: hidden;}
ol.commentlist,
ol.commentlist .comment,
ol.commentlist .meta { margin-bottom: 24px; }
ol.commentlist .meta a,
ol.commentlist .meta cite,
ol.commentlist .meta time { display: block; text-align: right; padding: 0 8px;}
ol.commentlist .meta cite { font-family: LeagueGothic; font-style:normal; font-size: 1.7em; margin-top: 8px; display: block; }
ol.commentlist .meta cite a { padding: 0;}
ol.commentlist .meta .image { text-align: center;background: #BBBEBF;  background: rgba(187,190,191, 0.8); display: block; padding: 8px 0 4px 0; border: 1px solid #c5c5c5; color: white; text-shadow: 1px 1px 0 #999;}
ol.commentlist .meta img { border: 1px solid #e4e4e4; } 
ol.commentlist li, h3#respond { clear: both;}

/* ------------------------------------------------------------------- prev next buttons */
div.prev-next { clear: both; overflow: hidden; padding: 10px 0; margin: 36px 0; }
div.prev-next span { height: 65px; text-indent: -100000px; }
div.prev-next a { display: block; height: 65px; float: left;  }
div.prev-next span a { display: block; width: 100%; height: 65px;}
div.prev-next span.older a { background-position: 0px -327px;}
div.prev-next span.archives { margin-left: 4.5%; display: none;}
div.prev-next span.archives a { background-position: -121px -323px;}
div.prev-next span.newer { float: right;}
div.prev-next span.newer a { background-position: -382px -327px;}

/* ------------------------------------------------------------------- sitemap */
.catlist { margin-left: 0; top: 0; overflow: hidden;  }
.catlist li { float: left; list-style: none; padding-left: 0px; padding-right: 10px; line-height: 1em;} 
.catlist ul { top: 12px;}
.catlist li li { float: none;} 
.grid { width: 31.5%; margin-left: 9px; margin-right: 0;}
.grid ul { list-style: none; margin-left: 0; }

/* -------------------------------------------------------------------- sidebar          */
#sidebar { margin-top: 11px;}
#sidebar .widget { line-height: 2em; clear: both;}
#sidebar li  { list-style: none; padding-left: 0; font-size: 1.1em; line-height: 1.3em;}
#sidebar ul  { top: 0; margin-top: 2px; margin-bottom: 24px; margin-left: 0;}
#sidebar h3 { height: 52px; line-height: 48px; }
/* -------------------------------------------------------------------- top widget area  */
#sidebar .top.widget { margin-bottom: 18px;}
#sidebar .top.widget .inner { }
#sidebar .top.widget li a { font-weight: bold; }
/* -------------------------------------------------------------------- bot widget area  */
#sidebar .bottom.widget {  }
/* -------------------------------------------------------------------- overrides - widget specific  */
#sidebar .widget_tag_cloud h3 { background-position: 200px -123px;}
#sidebar .widget_tag_cloud div div { text-align: justify; word-wrap: break-word; padding-top: 8px; }
#sidebar .widget_recent_entries h3 { background-position: 215px -173px;}
#sidebar .widget_quickflickr { overflow: hidden; }
#sidebar .widget_quickflickr h3 { background: none;   }
#sidebar .widget_quickflickr a img { display: block; float: left; border: 1px solid #c5c5c5; margin: 0px 0 0px; width: 56px;}

/* -------------------------------------------------------------------- footer   */
footer { }
footer.row { color: #999; font-size: 0.9em; padding: 0px 0 0; line-height: 1em; margin-top: 18px;}
footer.row p { font-size: 1em; }
.megaphone { width: 106px; float: left; height: 71px; background-position: 9px -235px; }

.adzone { margin-bottom: 24px; }
.adzone.leader{ background-color: black; width: 974px; overflow: hidden;}
.adzone.interpost{ margin-left: auto;  margin-right: auto;}

/* the overlayed element */
#overlay {	display:none; background-color: rgba(255, 255, 255, 0.7); padding: 35px; }
#overlay .close {	background-image:url(../img/overlay/close.png); position:absolute; right:5px; top:5px; cursor:pointer; height:35px; width:35px; }