/*
Theme Name: OutOfYourHead
Theme URI: http://outofyourhead.org/
Description: Super Fantastic 'Out Of Your Head' Theme.
Version: 1.0
Author: Nick Prevas & Joseph Faura
Author URI: http://www.magnificentlore.com/
Tags: music, crazy, super cool, hand-drawn, improv
	This theme was designed by Nick Prevas (http://americanvelcro.com/)
	and built by Joseph Faura (http://mavienrose.com/)
*/


/* Begin Basic Tags */

body {
	padding: 0px; 
	margin: 0px;
	background-color:#eeedd9;
	font-family: Georgia,Times,serif;
	font-size: 12pt;
	text-align:left;
	color:black;
	line-height:1.5em;
}

a {
	text-decoration: none;
	color:#0a86bd;
}

a:active {
	outline: none;
	position:relative;
	top:1px;
}

a img {border:none}


h2 {
	font-size:22pt;
	font-weight:normal;
	margin:0 0 .5em 0;
	line-height: 1.2em;
}

h2 a {color:black;}

h2 a:hover {color:#ff7800;}

h3 {
	font-size:16pt;
	font-weight:normal;
	margin:0 0 .5em 0;
}

ul {
	padding: 0;
	margin: 0;
}

* html ul {
	margin-left: 0;      /* for IE only */ 
	margin-top: 0;       /* for IE only */
}

hr {display:none;}

submit input {padding:5px 10px; cursor:pointer; font-weight:bold; }

textarea, input{ 
	border:1px solid black;
	padding:7px;
	-moz-border-radius: 6px;
	-khtml-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}

textarea {width:600px;}

.alignright {
	float:right;
	margin-left:15px;
	margin-top:5px;
}



.alignleft {

	float:left;

	margin-right:15px;

	margin-top:5px;

}



.clear {clear:both;}



.disclaimer {

	font-style:italic;

	font-size:11pt;

	color:#444;

	margin: 0 0 3em 0;

}

.disclaimer a:hover {border-bottom:2px solid #999;}



p.audioplayer_container {padding:10px 0;}



.wpcf7-form {padding:10px 0;}


/* Social Media Badges for Contact Us */

.badges {
	padding:0; 
	margin:0; 
}

.badges span {display:none}

.facebook, .twitter, .myspace  {float:left; padding:0 20px 0 0;}

.facebook a{
	background:url(images/facebookBadge.gif) no-repeat 0% 0px;
	display: block;
	width:89px;
	height:90px;
}

.twitter a{
	background:url(images/twitterBadge.gif) no-repeat 0% 0px;
	display: block;
	width:89px;
	height:90px;
}

.myspace a{
	background:url(images/myspaceBadge.gif) no-repeat 0% 0px;
	display: block;
	width:89px;
	height:90px;
}

.facebook a:hover, .twitter a:hover, .myspace a:hover {background-position: 0 -90px;}


/* End Basic Tags */


/* Begin Structure */

#container {
	background:url(images/paper_bg_repeat.gif) repeat-y;
	position:relative;
	width: 1024px;
	height: auto;
	margin: 0 auto;
	z-index:0;
}

#header_texture {

	background:url(images/header_texture.gif) no-repeat;

	position:absolute;

	left:0;

	top:0;

	width:1024px;

	height:1017px;

	z-index:1;

}



#header {

	position:relative;

	height:395px;

	z-index:2;

}



#logo_head {

	background:url(images/ooyh_logo.png) no-repeat;

	position: absolute;

	left:475px;

	top:5px;

	width:539px;

	height:394px;

}



#body {

	position:relative;

	z-index:2;

	min-height:702px;

}



#content {

	float:left;

	margin:40px 20px 0 98px;

	width:628px;

}



/* End Structure */





/* Begin The Loop */



.entry {

	margin-bottom:30px;

}

.entry p {

	margin: 0 0 .6em 0;

}

.entry p a:hover {border-bottom:2px solid #999;}



.entry small.byline {

	font-style:italic;

	font-size:11pt;

	color:#444;

}

.entry small.postscript {

	font-style:italic;

	font-size:10pt;

	color:#444;

}



.entry .line {

	background:url(images/entryhr.png) no-repeat;

	width:628px;

	height:8px;

	margin-top:20px;

}



.postnav {

	margin-bottom:30px;

}



/* End The Loop */





/* Begin The Sidebar */

#sidebar {
	background:url(images/bluegraphpaper_repeat.png);
	float:left;
	margin:0 26px 0 20px;
	padding:20px 0;
	width:192px;
	height:auto;
}

/*
#sidebar .sticky {
	overflow:auto;
	background:url(images/postit_bg.png) no-repeat;
	margin:0 auto;
	padding:20px 10px 0 10px;
	width:167px;
	height:169px;
	text-align:center;
}
*/

#sidebar .sticky {
	overflow:auto;
	background:url(images/postit_bg2.png) no-repeat;
	margin:0 auto;
	padding:20px 10px 0 10px;
	width:167px;
	min-height:180px;
	text-align:center;
}

.sticky .line {

	background:url(images/orangehr.png) no-repeat;

	margin:0 auto;

	width:139px;

	height:6px;

}

.sticky .title {

	text-transform:uppercase;

	font-size:14pt;

	letter-spacing:.2em;

}

.sticky p {

	font-size:10pt;

	line-height:10pt;

	margin:8px 0 8px 0;

}

.sticky p a {

	color:#d50;

}

ul.ec3_events {

	list-style-type:none;

	font-size:10pt;

	line-height:10pt;

	margin:6px 0 6px 0;

}



li.ec3_list_day {

	color:#444;

}

li.ec3_list ul {

	list-style-type:none;

	text-transform:capitalize;

	line-height:10pt;

	margin:4px 0 10px 0;

}

li.ec3_list ul li a {

	color:black;

}



#sidebar .menu {

	padding:20px 20px;

	text-align:right;

	font-size:13pt;

}

.menu .line {

	background:url(images/bluehr.png) repeat-x;

	width:150px;

	height:6px;

}

.menu .title {

	text-transform:uppercase;

	font-size:14pt;

	letter-spacing:.2em;

}

.menu ul {

	list-style-type:none;

	padding-right:.2em;

	margin-bottom:15px;

}

.menu ul li {

	font-size:11pt;

	line-height:1.4em;

	margin-top:10px;

}

.menu a {color:#c32356;}

.menu a:hover {border-bottom:2px solid #999;}


/* Small Badges for Sidebar */

#sidebar .badges-small {
	padding:0px 0px 10px 0px;
	width: 180px;
	margin-left:17px;
}

.badges-small span {display:none}

.facebook-small, .twitter-small, .myspace-small  {float:left; padding:0px 6px 0px 0px;}

.facebook-small a {
	background:url(images/facebookBadgeSmall.gif) no-repeat 0% 0px;
	display: block;
	width:49px;
	height:50px;
	border:none;
}

.twitter-small a {
	background:url(images/twitterBadgeSmall.gif) no-repeat 0% 0px;
	display: block;
	width:48px;
	height:50px;
	border:none;
}

.myspace-small a {
	background:url(images/myspaceBadgeSmall.gif) no-repeat 0% 0px;
	display: block;
	width:49px;
	height:50px;
	border:none;
}

.facebook-small a:hover, .twitter-small a:hover, .myspace-small a:hover {background-position: 0 -50px; border:none;}



/* End The Sidebar */





/* Begin The Comments */



#comments h3 { font-size: 16pt;	font-weight: normal;margin:0 0 .5em 0;}

#comments h3.comm { padding: 10px 0 20px 0;}



#comments #comments_wrap {padding: 0; position: relative; margin-top:20px;}

#comments ol.commentlist li { list-style-type:none; }



#comments .comment a { color:#3680a1; }

#comments .comment a:hover { text-decoration:none; }

#comments .comment small { font-size: 10px;	margin-top: -2px; }



#comments .comment span.reply { float:right; padding: 3px 3px 0; font-size:11px; }

#comments .comment span.reply a { text-decoration:none; color:#aaa; }



#comments ul.children { margin:10px 0 0 25px; padding:0; }



#comments .navigation .alignright, #comments .navigation .alignleft { margin:0;}

#comments .navigation a {

	display: block;

	padding: 5px 9px;

	margin-left: 4px;

	font-weight:bold;

}

#comments .commentlist {padding:0;}



#comments .commentlist #respond #form_wrap {

	padding:0 0 25px;

	margin:0;

	border:0;

	width:auto;

}

#comments ol.commentlist li  {

	background:url(images/box3-bg.png) repeat;

	-moz-border-radius: 6px;

	-khtml-border-radius: 6px;

	-webkit-border-radius: 6px;

	border-radius: 6px;

	margin: 0 0 10px;

	padding: 18px 20px 18px 20px;

	position: relative;

}



#comments ol.commentlist li img.avatar {float:left;margin-right:10px;}

#comments ol.commentlist li ul li {	margin:10px 0 0;}

#comments ol.commentlist .comment-meta a { color:#666;font-size:10pt;}

#comments ol.commentlist .children { margin:0; }

#respond p.submit input {padding:5px 10px; cursor:pointer; font-weight:bold; }

#respond ol {padding:20px 0 0; list-style-type:none;}

#respond ol li { list-style-type:none;}

.cancel-comment-reply { padding: 10px 0; }

ol.commentlist #respond { margin-top:10px; }

#respond textarea, #respond input{ 

	border:1px solid black;

	padding:7px;

	-moz-border-radius: 6px;

	-khtml-border-radius: 6px;

	-webkit-border-radius: 6px;

	border-radius: 6px;

}



/* End The Comments */





/* Begin The Header Navbar */



#header span {display:none}



ul #navbar {

	list-style-type:none;

}



#news-link {

	position: absolute;

	left:80px;

	top:90px;

	width:149px;

	height:44px;

	list-style-type: none;

}

#news-link a {

	background: url(images/news.gif) no-repeat 0% 0px;

	display:block;

	width:149px;

	height:44px;

}

#news-link a:hover {

	background-position: 0 -44px;

}



#about-link {

	position: absolute;

	left:80px;

	top:140px;

	width:158px;

	height:49px;

	list-style-type: none;

}

#about-link a {

	background: url(images/about.gif) no-repeat 0% 0px;

	display:block;

	width:158px;

	height:49px;

}

#about-link a:hover {

	background-position: 0 -49px;

}



#sound-link {

	position: absolute;

	left:80px;

	top:193px;

	width:150px;

	height:45px;

	list-style-type: none;

}

#sound-link a {

	background: url(images/sound.gif) no-repeat 0% 0px;

	display:block;

	width:150px;

	height:45px;

}

#sound-link a:hover {

	background-position: 0 -45px;

}



#schedule-link {

	position: absolute;

	left:80px;

	top:239px;

	width:226px;

	height:38px;

	list-style-type: none;

}

#schedule-link a {

	background: url(images/schedule.gif) no-repeat 0% 0px;

	display:block;

	width:226px;

	height:38px;

}

#schedule-link a:hover {

	background-position: 0 -38px;

}



#media-link {

	position: absolute;

	left:80px;

	top:279px;

	width:161px;

	height:42px;

	list-style-type: none;

}

#media-link a {

	background: url(images/media.gif) no-repeat 0% 0px;

	display:block;

	width:161px;

	height:42px;

}

#media-link a:hover {

	background-position: 0 -42px;

}



#press-link {

	position: absolute;

	left:80px;

	top:322px;

	width:142px;

	height:44px;

	list-style-type: none;

}

#press-link a {

	background: url(images/press.gif) no-repeat 0% 0px;

	display:block;

	width:142px;

	height:44px;

}

#press-link a:hover {

	background-position: 0 -44px;

}



#contact-link {

	position: absolute;

	left:80px;

	top:367px;

	width:216px;

	height:41px;

	list-style-type: none;

}

#contact-link a {

	background: url(images/contact.gif) no-repeat 0% 0px;

	display:block;

	width:216px;

	height:41px;

}

#contact-link a:hover {

	background-position: 0 -41px;

}



/* End The Header Navbar */





/* Begin The Footer */



#footer {
	background:url(images/footer.gif) no-repeat;
	position:relative;
	height:180px;
	z-index:2;
	margin-top:20px;
}

#footer_content {
	position:absolute;
	left:410px;
	top:65px;
}

#footer_content p {
	margin: 0 0 12px 0;
	font-size:9pt;
	letter-spacing:.1em;
	line-height:.5em;
}

#footer_content a {
	color:#0a86bd;
}

#footer_content a:hover {
	color:#ff7800;
}

#footer_content ul {
	margin: 0 0 12px 0;
	list-style-type:none;
	width:445px;
}

#footer_content ul li {
	display:inline;
	padding:0 20px 0 0;
	text-transform:uppercase;
	font-size:11pt;
	letter-spacing:.2em;
}

#footer_content ul li a {
	color:black;
}

#footer_content ul li a:hover {
	color:#ed2891;
}

#footer_content ul li a:active {
	position:fixed;
}

#footer_rss {
	position:absolute;
	left:870px;
	top:0;
	width:64px;
	height:65px;
}

#footer_rss a {
	background: url(images/rssBadge.gif) no-repeat 0% 0px;
	display: block;
	width:64px;
	height:65px;
}

#footer_rss a:hover {
	background-position: 0 -65px;
}

#footer_rss span {display:none}


/* End The Footer */
