/*  
Theme Name: Local Noise
Theme URI: http://www.localnoise.net.au/
Description: The Local Noise theme is based on <a href="http://warpspire.com">Kyle Neath's Hemingway</a>.
Version: 1
Author: Pat Armstrong
Author URI: http://www.somnambulist.org/
*/

/*-----------------------------------------------------------------------------------------------
  Global Styles
-----------------------------------------------------------------------------------------------*/

* {
	padding:0;
	margin:0;
}
h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, dl, fieldset, address { margin:1em 0; }
li, dd { margin-left:5%; }
fieldset { padding: .5em; }
select option{ padding:0 5px; }

.hide, .print-logo, .close-button{ display:none; }
.left{ float:left; }
.right{ float:right; }

img.left { float: left; padding: 0 10px 10px 0; }
img.right { float: right; padding: 0 0px 10px 10px; }

.clear{ clear:both; height:1px; font-size:1px; line-height:1px; }
a img{ border:none; }

/*-----------------------------------------------------------------------------------------------
  Layout / Base Page Styling
-----------------------------------------------------------------------------------------------*/

body{
	color:#444;
	font-size:11px;
	font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif;
}

body{
	background:#988158 url(images/brownpaper.png) repeat;	
}



/* This class sets the width and position for all rows */
.inside{
	width:900px;
	margin:0 auto;
}


.leftcol {
	width: 265px;
	margin-right:20px;
	float: left;
	position: relative;
}

.rightcol {
	width: 265px;
	float: left;
	position: relative;
}

a {
	color:#000;
	text-decoration: none;
	}

a:hover {
	text-decoration: underline;
}

#primary a {
	border-bottom: 1px dotted;
}

#primary a:hover {
	text-decoration: none;
	border-bottom: 1px solid;
	}
	
h1{
	color:#000;
	font-size:1.5em;
	font-weight:normal;
	margin:0 0 1.5em 0;
}

h2, h3{
	font-size:1.15em;
	color:#000;
	font-weight:normal;
}

#primary h2{
	color:#333;
}

p{
	line-height:1.75em;
	margin-bottom: 1em;
}

ul li{
	list-style-type:square;
	margin:0.5em 0 0.5em 2em;
}

blockquote{
	background: url(images/quotemark.png) top left no-repeat;
	padding-left:30px;
	padding-right: 40px;
	font-style: italic;
	line-height: 1.75em;
}


pre{
	width:100%;
	padding:1em 0;
	overflow:auto;
	border-top:1px dotted #333;
	border-bottom:1px dotted #333;
}

table{
	width:100%;
	border-spacing:2px;
	margin:1.5em 0;
}

table th, table td{ padding:0.3em 0.75em }

table th{
	color:#FFF;
	background:#333;
	text-align:left;
}
table td{
	color:#000;
	background:#EAEAEA;
}

table caption{
	text-align:left;
	color:#FFF;
	margin-bottom:-1em;
	margin-top:1em;
}

.rule{
	border-top:1px solid #CCC;
	height:1px;
	font-size:1px;
	line-height:1px;
	margin:1.5em 0;
}

.inline {
	display:inline;
}

	
.clearer {
	clear: both;
	}
	
.greyline {
	height: 20px;
	margin: 10px 0 10px 0;
	border: none;
	border-bottom: 1px solid #AAAAAA;
}

/*-----------------------------------------------------------------------------------------------
  Header
-----------------------------------------------------------------------------------------------*/

.replace {
	background-repeat:no-repeat;
	font-size:1px;
	line-height:0;
	margin:0;
	padding:0;
	text-indent: -9999px;
	}
	
hr.replace {
	border: none;
	height: 0;
	}

.replace a {
	display: block;
	overflow: hidden;
	}


#header{
	height: 150px;
}

#header .inside{
	padding:20px 0 0 0;
}

#header h2{
	width: 300px;
	height: 120px;
	background: url(images/header/logo.gif) bottom left no-repeat;
	float:left;
}

#header h2 a{ 
	text-decoration:none;
	width: 300px;
	height: 120px;
}


#header ul {
	list-style-type: none;
	text-align: center;
	height: 40px;
	position: relative;
	float: right;
	width: 100%;
	margin-left: -300px;
	}
		
#header ul li { 
	display: inline;
	}
	
#header ul li a {
	display:block;
	height: 40px;
	padding: 0;
	top: 80px;
	position: absolute;
	background-position: center;
	background-repeat: no-repeat;
	}
	
#header ul li a.nav_interviews {
	left: 310px;
	width: 130px;
	background: url(images/header/interviews.gif) bottom no-repeat;
	}
	#header ul li a.nav_interviews:hover, #header ul li a.nav_interviews.current { background-position: top; }

#header ul li a.nav_papers {
	left: 440px;
	width: 84px;
	background: url(images/header/papers.gif) bottom no-repeat;
	}
	#header ul li a.nav_papers:hover, #header ul li a.nav_papers.current { background-position: top; }

#header ul li a.nav_press {
	left: 524px;
	width: 72px;
	background: url(images/header/press.gif) bottom no-repeat;
	}
	#header ul li a.nav_press:hover, #header ul li a.nav_press.current { background-position: top; }
	
#header ul li a.nav_audio {
	left: 598px;
	width: 70px;
	background: url(images/header/audio.gif) bottom left no-repeat;
	}
	#header ul li a.nav_audio:hover, #header ul li a.nav_audio.current { background-position: top; }
	
#header ul li a.nav_video {
	left: 668px;
	width: 68px;
	background: url(images/header/video.gif) bottom no-repeat;
	}
	#header ul li a.nav_video:hover, #header ul li a.nav_video.current { background-position: top; }
	
#header ul li a.nav_links {
	left: 736px;
	width: 89px;
	background: url(images/header/links.gif) bottom right no-repeat;
	}
	#header ul li a.nav_links:hover, #header ul li a.nav_links.current { background-position: top; }

#header ul li a.nav_about {
	left: 825px;
	width: 75px;
	background: url(images/header/about.gif) bottom left no-repeat;
	}
	#header ul li a.nav_about:hover, #header ul li a.nav_about.current { background-position: top; }



#header p{
	padding:1em 0;
	margin:0;
	line-height:1em;
}

/*-----------------------------------------------------------------------------------------------
  Primary Items
-----------------------------------------------------------------------------------------------*/

#primary .inside {
	background: #FFF;
	padding: 30px 30px 20px 20px;
	/* following two lines replace "clearer" div  for floating */
	overflow: auto;
	width: 850px;
}


/* main list colouring  - this is up here so definitions below override it if requested */

#primary .inside .primary ul { border-top:1px solid #aaa; }
#primary .inside .primary ul li { border-bottom:1px solid #aaa;}

/* Interview typo classes */

.interview p {
	margin-left: 1.3em;
}

.interview p strong:first-child {
	left: -1.2em;
	position: relative;
	margin-right: -1.2em;
}

.interview p br + strong {
	left: -1.2em;
	position: relative;
	margin-right: -1.2em;
}

/* end Interview classes */


/* Thumbnail Gallery classes */


img.thumbnail {
	float: left;
	padding-right: 10px;
}

.thumbTitle {
	float: left;
	width: 142px;	
	margin-bottom: .75em;
}

#primary .inside .primary ul.thumbdisplay {
	list-style-type: none;
	margin: 0;
	padding: 0;
	border-top: none;
	margin-bottom: 2em;
}

#primary .inside .primary ul.thumbdisplay li {	
	display: inline;
	float: left;
	width: 261px;
	margin: 0 15px 15px 0;
	border-bottom: 0;
	line-height: 1.5em;
}

#primary .inside .primary ul.thumbdisplay li p { line-height: 1.5em; margin-bottom: 0; }


/* end */

#primary .story h2, #primary .primary h2, #primary .single-story .primary h3, .story h3, .story h3 a{ color:#000; }


#primary{
	padding:1px 0 2em 0;
	color:#444;
}

#primary ol li{
	line-height: 1.75em;
	margin-bottom: 1em;
}

#primary p + h2 {
	margin-top: 2em;
}

#primary.onecol-stories .primary{
	float:left;
	width:50%;
}
#primary.onecol-stories .secondary{
	float:right;
	width:40%;
	margin:0 0 0 10%;
}

#primary.twocol-stories .story{
	float:left;
	width:48%;
	margin:0 0 0 4%;
	display:inline;
}
* html #primary.twocol-stories .story{
	margin-left:2%;
}
#primary.twocol-stories .first, * html #primary.twocol-stories .first{
	margin:0 0 0 0;
}

.story h3{
	font-size:1.15em;
	margin:0 0 1.5em 0;
	font-weight:normal;
	color:#CCC;
}
.story h3 a{
	color:#CCC;
	text-decoration:none;
	border-bottom:1px dotted #666;
}

.story .details{
	margin:1em 0;
	text-align:right;
	border-top:1px solid #7F7F7F;
	padding:0.5em 0;
	font-size:0.95em;
	color:#666;
}

.story .details .read-on{
	background:url(images/readon_black.gif) 100% 60% no-repeat;
	padding-right:20px;
	display:block;
}

.story .details a, .story .details a:hover{
	color:#000;
}

.story .details a:hover{
	text-decoration:underline;
}



/* Single Post Styles */

#primary .primary{
	float:right;
	width:65%;
}

#primary .secondaryimg{
	float:right;
	background: #fff;
	width:260px;
	margin-top: 30px;
	margin-right:4%;
	padding: 0;
	display:inline;
}

#primary .secondary{

	/* info and categories meta display to the left of a post */
	float:right;
	background: #900;
	width:230px;
	margin-right:4%;
	padding: 1.65em 15px 1.65em 15px;
	display:inline;
	color: #aaa;
}


#primary .secondary .quotesource {
	text-align: right;
	margin-bottom: 1.5em;
}


#primary .secondary h2 {
	color: #fff;
}

#primary .secondary h2 {
	margin-bottom: 0;
}

* html #primary .secondary { margin-right:3%; }

.secondary .featured p{
	border-bottom: none;
	border-top: none;
	padding:0.5em 0 0.6em 0;
	line-height:1.5em;
	margin:0 0 1em 0;
}

.secondary .featured dl{
	margin:0 0;
	border-bottom: none;
	padding:0.5em 0 0.6em 0;	
}

.secondary dt{
	display:inline;
	margin:0;
	padding:0;
	color:#AAA;
}
.secondary dd{
	display:inline;
	margin:0;
	padding:0;
}

#primary .inside .secondary .featured a {
	color:#fff;
	border-bottom: none;
	}

#primary .inside .secondary .featured a:hover {
	border-bottom: 1px solid;
	}

.single-post h1, .single-post h2{ margin-top:0; }


/*-----------------------------------------------------------------------------------------------
  Ancillary Items
-----------------------------------------------------------------------------------------------*/

#ancillary{
	padding:1em 0 0 0;
	color: #aaa;
}

#ancillary .inside {
	background: #000;
	padding: 20px 30px;
	/* following two lines replace "clearer" div  for floating */
	overflow: auto;
	width: 840px;
}

#ancillary .block{
	float:left;
	width: 30%;
	margin:0 0 0 5%;
}
* html #ancillary .block{ margin-left:3.9%; }

#ancillary .twice-length{ width:65%; }
#ancillary .thrice-length{ width:100%; }
#ancillary .first, * html #ancillary .first{ clear:both; margin:0; }
#ancillary .block-separator{ clear:both; height:2.5em; }

#ancillary .block h2, #ancillary .block h3{ color: #fff; margin:0 0 1em 0; }

/* ancillary block colouring */

#ancillary .inside .block ul { border-top:1px solid #202020; }
#ancillary .inside .block ul li { border-bottom:1px solid #202020;}
#ancillary .inside .block ul li a, #ancillary .inside .block p a {color: #fff;}

/* page list: no lines etc */

#primary .inside .nolines ul { border-top:none; }
#primary .inside .nolines ul li { border-bottom:none; line-height: 1.5em;}


ul.dates, ul.counts, ul.blogroll ul, ul.pages{
	list-style-type:none;
	margin:1.5em 0 2em 0;
	border-top:1px solid;
}

ul.dates li, ul.counts li, ul.blogroll li ul li, ul.pages li{
	list-style-type:none;
	margin:0;
	padding:0.5em 0;
}
ul.dates .date{
	color:#7A7A7A;
	padding:0 1.5em 0 0;
}

ul.counts .count{
	float:right;
	color:#7A7A7A;
}

ul.dates a, ul.counts a, ul.blogroll a, ul.pages a, #ancillary p a { color:#000; }


ul.blogroll{ margin-top:0; }
ul.blogroll li{ list-style-type:none; margin:0; }

ul.pages ul{ margin:0; }

ul.pages ul li{
	border:none;
	margin-left:2em;
	list-style-type:square;
}

/*-----------------------------------------------------------------------------------------------
  Foooter
-----------------------------------------------------------------------------------------------*/

#footer{ clear:both; color:#aaa; }

#footer .inside {
	background: #000;
	padding:0 30px 3em 30px;
	/* following two lines replace "clearer" div  for floating */
	overflow: auto;
	width: 840px;
}

#footer p{ margin:0; font-size:0.95em; }

#footer a{ color:#fff; text-decoration:none; }

#footer p.copyright{ float:left; }
#footer p.attributes{ float:right; }
#footer p.attributes a{
	margin:0 0 0 1em;
	color:#fff;
	text-decoration:none;
	}

#footer a:hover, #footer p.attributes a:hover{ text-decoration: underline; }

/*-----------------------------------------------------------------------------------------------
  Search
-----------------------------------------------------------------------------------------------*/

#search{
	top: -55px;
	position: relative;
	float:right;
	width:200px;
	margin:0 0 0 0;
	text-align:left;
	}

#search .searchimg{
	float:left;
	width:14px;
	height:13px;
	background:url(images/search.gif) 0 0 no-repeat;
	position:relative;
	top:4px;
}

#search:hover{ opacity: 1.0; }

#search input{ 
	width:175px; 
	font-size: 0.85em; 
	background:#fff;
	margin-top:2px;
	padding: 0 1px;
}

#search input:focus { opacity: 1.0; }

#searchform{
	margin:1em 0;
}

#searchform #s{
	background:#eee;
	border:none;
	border:1px solid #aaa;
	width:25em;
	color:#444;
	padding:0.25em;
}

#searchform #searchsubmit{
	background:#900;
	color:#fff;
	border:1px solid #900;
	padding: 0.3em;
	font-size: 0.9em;
	letter-spacing: 0.3em;
	text-transform: uppercase;
}

/* Legacy Typo CSS */

#search-results{
	width:30%;
	background:#333;
	padding:0 0 0 0;
	float:right;
	-moz-opacity:0.9;
	border-top:1em solid #000;
}
#search-results h3{
	font-weight:bold;
	text-align:left;
	margin:0;
	padding:0 0 1em 0;
	background:#000;
	
}
#search-results small{
	display:block;
	text-align:left;
	font-size:0.9em;
	padding:0.5em 1em 0.7em 1em;
	border-top:1px solid #666;
	border-bottom:1px solid #555;
}

#search-results small a{ color:#CCC; }

#search-results ul li{
	list-style-type:none;
	padding:0 1em 0.5em 1em;
	margin:0.5em 0;
}

#search-results ul li:hover{ background:#202020; }
#search-result ul{ margin:0; }
#search-results ul li a{
	text-decoration:none;
	border-bottom:1px dotted #CCC;
}

#search img.archives-icon{ margin:0 7px 0 0; top:1px; }

a.tag-index {
	display: block;
	margin-top: 6px;
	color: #ffffff;
	padding-left: 16px;
	font-weight: bold;
	background: url(images/archives_white.gif) left center no-repeat;
}