/*
Theme Name: Hearing Voices
Theme URI: http://hearingvoices.com/
Description: HV- based on the default WordPress theme, itself based on
Kubrick (Michael Heilemann) http://binarybonsai.com/kubrick/
Version: 1.0
Author: Barrett Golding
Author URI: Kubrick
Tags: custom header, fixed width, two columns, widgets

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php
	
CSS/HTML Hierarchy (all elements <div> except as noted)
[header.php:]
.hiddenElement [Access key at top]
.head [Masthead]
.headerItems  [Site nav links]
	.#hvHeaderLinksBG .headerLinksBG
	.headerTextRev [<span>]
#page
	#title [<h1> blog info]
	.description (<span>)
------------------	
	[index.php:]
	#content .columnnorm||.columnwide
	
------------------	
		[hv_loop.php:]
		.post||.page .hentry (.sticky) #post-###
		[<h2> is post title]
		.postdata
		(<p> has text of post or excerpt)
		.navigation (older/newer posts)
		.center (if not found)
		wp-caption alignnone||aligncenter||alignleft||alignright
		wp-caption-text
		.rest [<more> jump link]
		#producers [Producer category children]
------------------
		[archive.php:]
		.pagetitle
		.description [for Category]
------------------	
		[sidebar.php]
		#sidebar
			#side_box
			(<h4> box title)
			#searchform
				.s [<input> text]
				#searchsubmit
------------------
		[footer.php]
		#breadcrumbs .clear
		#hvHeaderLinksBG" .headerLinksBG
		.headerTextRev
		.footerLinks
		.foottd1
		.foottd2
		.foottd3
*/

/* BEGIN header.php */
body {
	background-color: #ffffff;
	color: #212121;
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 1em;
	margin:0;
	padding:0;
}

div.hiddenElement {	
	height:auto; 
	position:absolute; 
	width:auto;  
	visibility:hidden;
	z-index:9999;
}

/* top masthead and nav */
#head {
    background:#ffffff url('images/1hvHeadBG.png');
	height:72px;
	margin:0;
}

div.headerItems {
	width:100%;
	z-index:6;
	margin:0;
}

div.headerLinksBG {
	background-color: black;
	height: 2em;
	white-space: nowrap;
}

div.headerLinksBG a:hover {
	text-decoration: none;
	background-color:#212121;
}

.headerTextRev {
	color: #fff;
	font-size: 1.25em;
	font-weight: bold;
	line-height: 29px;
	margin-left: 15px;
	vertical-align: middle;
}

.headerTextRev small {
	font-size: 0.8em;
	color: #ccc;
}

#page {
	margin-top: 0;
	padding: 0 5px 0 15px;
}

.description {
	font-size: 0.7em;
	font-style: italic;
	font-weight: normal;
	color: #333;
}

/* Links */
a {
	color: #369;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}
/* END header.php */

/* BEGIN HTML tags */
/*	Headers */
h1 {
	font-size: 1.2em;
	text-align: left;
	font-weight: 600;
	margin: 5px 0;
}

h2 {
	font-size: 1.2em;
	margin: 0;
	font-weight: 500;
}

h3 {
	font-size: 1.1em;
	margin: 0;
	font-weight: 500;
}

h3.comments {
	padding: 0;
	margin: 40px auto 20px ;
	}

hr {
	display: block;
	background-color: #999;
}

/* Forms */
input {
    background: none;
	border: #101D2C 1px solid;
	color: #336699;
	padding: 2px;
	margin-top: 3px;
}

input:focus, input:hover {
    background: #f3ebbe;
}

.pagenav { display: inline; }

/* Computer code and colors */
code {
	font: 1em 'Courier New', Courier, monospace;
	background-color: #eee;
}

pre code {
	background-color: #fefefe;
	color: #000;
	font: 1em 'Courier New', Courier, monospace;
	display: block;
	border-top: 1px solid #f3ebbe;
	white-space: pre;
	overflow: auto;
	margin: 0 5px;
	padding: 5px; 0;
	max-height: 300px;
}	

.blue { color: #00C; }
.cyan { color: #369; }
.pink { color: #F39; }
.gray { color: #555; }
.red { color: #A00; }
.rose { color: #A00; }

.pimpwp { font: 600 1.4em monospace; }

.pimpwph3 {
	font: 700 1.6em monospace;
	margin-bottom:0;
}

/* Fonts */
small {
	font-size: 0.8em;
	line-height: 1.4em;
}

big {
	font-size: 1.1em;
	line-height: 2.5em;
}

acronym, abbr, span.caps {
	font-size: 0.9em;
	letter-spacing: .07em;
	cursor: help;
	}

blockquote {
	margin: 0 20px;
	font-family: "Times New Roman", Times, serif;
	border-left: 1px dotted #ddd;
}

/* pull quotes */
.quote_pull {
	float: right;
	clear: both;
	margin: 5px 0 5px 20px;
	font-family: "Times New Roman", Times, serif;
	border: 2px dotted silver;
	width: 200px;
	padding: 3px;
	font-size: 0.9em;
	font-style: italic;
}

/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

.center {
	text-align: center;
	}

.hidden {
	display: none;
	}
	
object, embed { display: block; margin-bottom: 10px; }

/* End Various Tags & Classes*/
/* END HTML tags */

/* BEGIN index.php */
.columnnorm {
	float: left;
	padding: 0;
	width: 600px;
	}

.columnwide {
	padding: 0;
	width: 800px;
	}

/* END index.php */

/* BEGIN hv_loop.php */
.post {
	margin: 6px 0;
	}
	
.post h3
{ 
	border: 2px #f3ebbe solid;
	margin-top: 20px;
}
	
.post p {
	margin: 6px 0 6px 0;
	}

.columnwide .post {
	margin: 0;
	}

.columnnorm .postmetadata {
	padding-top: 5px;
	}

.columnwide .postmetadata {
	margin: 30px 0;
	}


.navigation {
	text-align: left;
	font-style: italic;
	font-size: 0.8em;
}

.sticky { 
	border: 1px dotted #d7d2af; 
}




.postdata {
   background-color: #f3ebbe;
   padding: 2px;
   margin: 0 0 2px 0;
   font-size: 0.8em;
}

.tags { font-style: italic; font-size: 0.9em; }

.producers {
	font-size: 0.8em;
	font-style: italic;
}

.post_more { 
	display: block;
	text-align: right;
	font-style: italic;
	font-size: 0.8em;
}

.clear {
	clear: both;
}

/* BEGIN Episodes page */
.ep_month, #ep_coming
{
	border-top: 1px #dedede solid;
	font-size: 1.2em;
	font-style: italic;
	font-weight: 800;
	text-align: left;
	letter-spacing: 0.9em;
	text-transform: uppercase;
	margin: 3px o;
}

.ep_month { color: maroon; }
#ep_coming, .ep_coming { color: gray; }

.ep_showhide_plus {
	color: #666;
	text-decoration: none;
	cursor: pointer;
}

.ep_showhide_plus_hover {
	color: #369;
	text-decoration: underline;
	cursor: pointer;
}

.ep_showhide_click { font-weight: 500; margin: 0; }

.ep_showhide_click small { padding-right: 10px; }
.ep_showhide_click em { padding-left: 10px; }

.ep_showhide
{
	margin: 0 0 6px 0;
	font-size: 0.8em;
	color: #666;
	text-indent: 1.5em;
}
/* END Episodes page */

/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
	
.alignnone {
	float: left;
	margin:0;
}

.alignmiddle {
	margin-left: auto;
	margin-right: auto;
}

/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 0;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/* END hv_loop.php */

/* BEGIN archive.php */
.pagetitle p {
	margin: 0;
}

.cat_box {
	border: 1px solid #ccc;
}

.cat_box p {
	margin: 0;
	text-align: left;
	font-size: 0.9em;
}
/* END archive.php */

/* BEGIN sidebar.php */
#sidebar, #sidebar2 {
	padding: 0 4px;
	margin-left: 615px;
	border-left: 2px dotted #d7d2af;
	color: #666;
}

#sidebar h4, #sidebar2 h4 {
    font-size: 0.9em;
	text-transform: uppercase;
	font-weight: 400;
	margin: 5px;
	width: 260px;
}

.side_subtitle {
    font-size: 0.9em;
	font-weight: 400;
	margin: 5px 0 0 5px;
}

.side_subtitle_hover {
	color: #369;
	text-decoration: underline;
}

#sidebar form {
	margin: 0;
}

.showhide .show {
    margin-bottom: 5px;
}

#sidebar li {
	font-size: 0.7em;
}

#showhide_info {
	font-size: 0.7em;
	font-style: italic;
	color: #666;
}

#searchform {
	margin: 0;
	padding: 0;
	text-align: left;
	}

#sidebar #searchform .s {
	width: 150px;
	padding: 2px;
	margin: 0;
	}

#sidebar #searchsubmit {
	padding: 1px;
	}

.tags { width: 240px; margin-left: 5px; }

#sidebar ul, ol {
	margin: 0;
	padding: 0;
	}

/* Lists */
#sidebar ul li {
	list-style-type: none;
	list-style-image: none;
	margin: 0 0 0 10px;
	}

#sidebar ul p, #sidebar ul select {
	margin: 5px 0 0 0;
	}

/* End Entry Lists */

#sidebar ul ul li, #sidebar ul ol li {
	margin: 0 0 0 4px;
	padding: 0;
	}

ol { margin-left: 40px; }

/* END sidebar.php */

/* BEGIN footer.php */
#breadcrumbs { 
	text-align: center;
	font-style: italic;
	font-size: 0.8em;
}
/* END footer.php */







/* Begin Form Elements */


.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:center;
	}

#sidebar ul select {
	width: 130px;
	}

.comment_font {font-size: 0.8em; }

.comment {
   width:550px;
   background-color:#f3ebbe;
   padding:5px;
   border:#00070C 1px solid;
   margin:0 auto;
}
.comment_meta {
   padding-top:5px;
   border-top:#101D2C 1px solid;
   margin-top:7px;
}
.comment_text {
   padding:0;
}
.post input,textarea {
    background:#f3ebbe;
	border:#101D2C 1px solid;
	color:#333333;
	padding:2px;
	margin-top:3px;
	font-family:Sans-serif;
}

textarea {
   font-size:100%;
}

.com_pingtrack {
	text-align: right;
	margin: 10px 0;
	clear: both;
}

/* 
#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	}

#commentform {
	margin: 5px 10px 0 0;
	}
#commentform textarea {
	width: 100%;
	padding: 2px;
	}
#respond:after {
		content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
	}
#commentform #submit {
	margin: 0 0 5px auto;
	float: right;
	}
End Form Elements */



/* Begin Comments
.byuser { background: silver; }

.alt {
	margin: 0;
	padding: 10px;
	}

.commentlist {
	padding: 0;
	text-align: justify;
	}

.commentlist li {
	margin: 15px 0 10px;
	padding: 5px 5px 10px 10px;
	list-style: none;

	}
.commentlist li ul li { 
	margin-right: -5px;
	margin-left: 10px;
}

.commentlist p {
	margin: 10px 5px 10px 0;
}
.children { padding: 0; }

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}
End Comments */




.entry p a:visited {
	color: #b85b5a;
	}

.commentlist li, #commentform input, #commentform textarea {
	font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}
.commentlist li ul li {
	font-size: 1em;
}

.commentlist li {
	font-weight: bold;
}

.commentlist li .avatar { 
	float: right;
	border: 1px solid #eee;
	padding: 2px;
	background: #fff;
	}

.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 1.1em;
	}

.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
	}

#commentform p {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}

.commentmetadata {
	font-weight: normal;
	}



#hv32logo {
	padding-right: 3px;
	float: left;
	border: 0;
}

/* Episode elements */

.ep_el_head { border-top: solid 1px #dcdcdc; font-weight: 500; margin: 20px 0 0 0; }
.ep_el_head + p { margin: 0; }
.ep_el_info { text-indent: 2em; font-size: 0.9em; color: #444444 }
	
/* Frog JS image gallery tags */
#FrogJS {
	text-align: center;
	width: 800px;
	height: 820px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

#FrogJSCredit {
	text-align: right;
	font-size: 70%;
	color: #666;
	padding: 1px;
}

#FrogJSCaption {
	text-align: left;
	line-height: 110%;
	font-size: 100%;
	color: #333;
	text-indent: 1.5em;
}

.frog_more {
	font: italic 0.9em 500;
	color: #444;
}

#FrogJS a, #FrogJS span {
	display: none;
}

/* HV jQuery Photo-Essay image gallery tags */
#jig_boximg {
margin-bottom: 5px;
}

#jig_boxcaption {
text-align: left;
font-size: 0.8em;
font-weight: 300; 
color: #999;
margin: 0;
}

#jig_boxlink {
float: right;
margin-left: 5px;
text-align: right;
font-style: italic;
font-size: 0.8em;
font-weight: 500;
}

#jig_boxhtml p {
margin-top: 10px;
text-indent: 2em;
margin: 0 0 5px 0; 
}

#jig_first { text-align: left; }
#jig_last { text-align: right; }

/* Click thru imgs: no pre-load */
.ic_link {
font-size: 0.8em;
font-style: italic;
}

/* Scrollable (jQuery) */
div.scrollable {
	position: relative;
	float: left;
	overflow: hidden;
	width: 840px;
	height: 300px;
	padding: 0;
	margin-bottom: 20px;
}

div.scrollable div.items {
	width: 20000em;
	position: absolute;
	clear: both;
}

div.scrollable div.items div {
	float: left;
	overflow: hidden;
	border: 1px solid #666;
	display: block;
	height: 270px;
	margin: 0 10px 10px 0;
	width: 200px;
}

div.scrollable img { border-bottom: 1px solid #666; }

div.scrollable div.items div.active { border: 1px solid #0075bd; }

a.prevPage, a.nextPage {
	display: block;
	float: left;
	font-family: arial, 'sans serif';
	cursor: pointer;
	text-decoration: none;
	color: #0075bd;
	font-size: 7em;
	height: 270px;
	padding: 50px 1px 0 0;
}

a.prevPage:hover, a.nextPage:hover { text-decoration: none; }

a.prevPage.disabled, a.nextPage.disabled {
	color: #ddd;
	cursor: default;
}

div.scrollable_item {
	font-family: arial, 'sans serif';
	font-size: 15px;
	text-align: center;
}
/* end- Scrollable */

/* HV Page 920 */
#page920 {
	margin: 0;
	width: 920px;
	padding: 18px;
}

/* HV black page tags */
#black-page a:link { color: #6cf; }
#black-page a:visited { color: #f6f; }

#body_black {
	background: black;
	color: #dedede;
	margin:0;
	padding:0;
}

#body_black	a:link { color: #39F; }
#body_black	a:visited { color: #939; }

#body_black #head { background-color: #f3ebbe; }

#body_black #page { background-color: black; width: 100%; height: 100%; }

#body_black	h1, #body_black h2, #body_black h3 { color: #f3ebbe; margin: 4px 0 4px 0; }
#body_black	hr { border: 1px #111 dashed; clear:both; margin-top: 15px;  }
#body_black h4 { color: #f3ebbe; margin: 0; }

#info_win {
	position: absolute;
	border: 1px solid #111;
	background-color: black;
	padding: 2px 3px;
	color: #f3ebbe;
	white-space: nowrap;
	display: none;
}

#body_black ul { margin: 0; }

#leftcol {
	float: left;
	width: 585px;
}

#leftcol small { font-size: 85%; }

#body_black #leftcol ul li {
	list-style-type: none;
	list-style-image: none;
	margin: 4px 0 4px 1px;
	padding: 0;
}

#body_black #sidebar ul li {
	list-style-type: none;
	list-style-image: none;
	margin: 2px 0 2px 4px;
	padding: 0;
}

#body_black .showhide p { margin: 0 0 2px 0; }



#foot_tag { 
	text-align: center;
	font-style: italic;
	font-size: 0.6em;
	width: 860px;
}


.obj_html { clear: both; }

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

.obj_html p { text-indent: 2em; margin: 0; }



/* twitter box in sidebar */
#twitter_div2 {
	width: 600px; 
	height: 500px;
	overflow: auto;
	margin-top: 20px;
}

#twitter_div2 ul li {
	font-size: 0.8em;
	list-style-type: none;
	list-style-image: none;
	}
	
#twitter_div {
	width: 200px; 
	height: 240px;
	overflow: auto;
	margin-top: 20px;
}

.twit_link {
	font-size: 0.9em;
	font-weight: 500;
}

.twit_what {
	float:right;
	font-size:small;
}

/* Didya Know: http://hearingvoices.com/news/webworks/didya-know/ */
#dyk h4 {
	font-weight: 600;
	margin: 10px 0 5px 0;
	background-color: #f3ebce;
}

.padding { padding: 12px 0; }

/* Grooveshark music player */


/* Comment threads
.thread-alt {
	background-color: #f8f8f8;
}
.thread-even {
	background-color: white;
}
.depth-1 {
border: 1px solid #ddd;
}

.even, .alt {
	border-left: 1px solid #ddd;
}
*/