/*
Theme Name: Lyres Theme
Theme URI: http://www.compulsivelyres.com
Description: If you need any help with the theme or website, just email me - click my name above! 
Version: 1.5
Author: Christian Keil
Author URI: mailto:ckeil@umich.edu
Tags: 
*/

/* 
	GENERAL 
*/
* {margin:0; padding: 0; list-style-type: none;}
a img { border:none }
a { text-decoration: none; color: inherit;}
img { vertical-align: middle; }
table { border-collapse: collapse; }
.clear { clear: both; }

/* 
	STRUCTURE 
*/

body { 
	text-align: center;
	background-color: #01527d;
	font-family: Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-decoration: none;
}

#page { 
	width: 960px;
	margin: 0px auto;
	height: auto !important;
	text-align: left;
	background-color: #025d8c;
}

#nav {
	width: 960px;
	position: relative;
	height: 30px;
	float: left;
	text-align: center;
	background-color: #fcf9fc;
}

#header {
	width: 960px;
	position: absolute top left;
	text-align: center;
	background-color: #0f3a52;
	height: 100px;
}

#content {
	width: 700px;
	position: relative;
	float: left;
	text-align: center;
	padding-top: 20px;
	padding-right:20px;
	padding-left: 20px;
	padding-bottom: 25px;
}

#sidebar {
	width: 200px;
	position: relative;
	float: left;
	text-align: left;
	padding-top: 20px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 25px;
}

#footer {
	height: auto;
	padding-top: 3px;
	padding-bottom: 3px;
	width: 960px;
	text-align: center;
	padding-top: 6px;
	background-color: #044d75;
	
}

/* 
	NAV
*/

.nav {
	list-style: none;
	text-align: center;
	height:30px;
}

.nav li{
	float: left;
	position:relative;
	min-width:115px;
	padding-left:1px;
}

.nav li.first{
	padding-left:0px;
}

.nav li a{
	display: block;
	width: 100%;
	font-size: 12px;
	height: 29px;
	color: #01527d;
	line-height:30px;
	padding-top: 1px;
	border-right: solid 1px #cfd5dc;
	text-decoration: none;
	text-transform: uppercase;
}

.nav li.search {
	width: 259px;
	font-size: 12px;
	color: #01527d;
	border-right: none;
	text-decoration: none;
	text-transform: uppercase;
	display: inline;
}

.nav li:hover{
	background-color: #e9f3f8;
	border-left: #cfd5dc 1px solid;
	padding-left:0px;
}

.nav li.first:hover{
	background-color: #e9f3f8;
	border-left: none;
}

.nav li.search:hover{
	background-color: #fcf9fc;
	height: 25px;
	border-left: solid 1px #cfd5dc;
}

.nav li.search:focus{
	outline:none;
}

.nav li ul {
	display:none;
	position:absolute;
	z-index:200;
	min-width:115px;
}
	
.nav li:hover ul { 
	display:block;
	border-right: 0px;
}

.nav li:hover ul li {
	height: 20px;
	clear:both;
	background-color: #fcf9fc;
	padding-left: 0;
}

.nav li:hover ul li a { 
	font-size: 10px;
	color: #01527d;
	line-height:20px;
	height: 20px;
	border:none;
}
.nav li:hover ul li:hover{
	background-color:#01527d;
	border: 0px;
}

.nav li:hover ul li:hover a{
	color: #fcf9fc;	
}

#search {
	width: 260px;
	text-align: center;	
	height: 30px;
	padding-top: 6px;
	vertical-align: middle;
}

.searchthing {
	font-size: 10px;
	color: #01527d;
	padding-right: 3px;
}

.up {
	padding-bottom:1px;
	padding-left: 4px;
	vertical-align: middle;
}

/*
	FOOTER
*/

.footer p{
	font-size: 8px;
	color: #6caece;
}

.footer a{
	text-decoration: none;
	margin-left: 5px;
	margin-right: 5px;
	height: 16px;
}

.footer a:hover{
	color: #fcf9fc;
}

.copy{
	margin-top: 8px;
	text-transform: uppercase;
}

.wantmore{
	margin-bottom: 4px;
	text-transform: uppercase;
}

/*
	HOME PAGE
*/
#imagerotator {
		text-align: center;
		border: 5px solid #044d75;
		width: 550px;
		height: 200px;
		font-size: 10px;
		color: #a1d5ee;
		vertical-align: middle;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 10px;
	}

.intro{
	font-size: 13px;
	text-align: left;
	padding-bottom: 10px;
	padding-top: 3px;
	text-indent: 15px;
}

/*
	SIDEBAR
*/


#sidebar h1 {
	font-size: 13px;
	text-transform: uppercase;
	text-align: center;
	padding-bottom: 2px;
}

#sidebar h2 {
	font-size: 12px;
	color: #6caece;
	padding-top: 7px;
}

#sidebar h2 a{
	text-decoration: underline;
}

#sidebar h2 a:hover{
	color: #a1d5ee;
	text-decoration: none;
}

#sidebar li{
	font-size: 11px;
	margin-left: 10px;
	color: #4792b7;
}

#sidebar li a:hover{
	text-decoration: underline;
	color: #a1d5ee;
}
 
#sidebar h3 {
	font-size: 11px;
	color: #4792b7;
	font-weight: normal;
	margin-top: 2px;
} 

#sidebar h3 a{
	text-decoration: underline;
}

#sidebar h3 a:hover{
	text-decoration: none;
	color: #a1d5ee;
}

/*
	FOOTER
*/

.ftext, .ftext a{
	color: #2d2d2d ;
	font-size: 8pt;
}

.ftext a:hover{
	color: #660c0c;
}


/*
	FONT STYLES
*/

h1, h2, h3, h4, h5{
	color: #a1d5ee;
}

h4{
	text-align: left;
	margin-left: 50px;
	font-size: 14px;
	margin-top: 5px;
	
}

h1 a{
	text-decoration: none;
	font-size: 30px;
	margin-top: 15px;
}

h1 a:hover{
	text-decoration: underline;
	color: #fcf9fc;
}

p{
	color: #6caece;
	margin-bottom: 7px;
	font-size: 13px;
}

.title {
	text-transform: uppercase;
	font-size: 30px;
	font-weight: bold;
	margin-bottom: 7px;
	color: #87c2de;
	font-stretch: expanded;
}

.h5 {
	font-size: 20px;
	margin-bottom: 7px;
}

h5 a{
	text-decoration: none;
	color: #a1d5ee;
	font-size: 20px;
}

h5 a:hover{
	text-decoration: underline;
	color: #fcf9fc;
}

/*
	NEWS
*/
.entry ul{
	text-align: left;
	color: #6caece;
	font-size: 13px;
	margin-bottom: 7px;
	margin-left: 30px;
}

.entry ul li{
	list-style: disc;
	padding-bottom: 3px;
}
	
.entry ul li a{
	text-decoration: underline
}
	
.entry ul li a:hover{
	text-decoration: none;
	color: #a1d5ee;
}

.entry p{
	text-align: justify;
	text-indent: 30px;
}

.entry p a{
	text-decoration: underline;
}

.entry p a:hover{
	text-decoration: none;
	color: #a1d5ee;
}

.archive, .archive a{
	text-align: left;
	font-size: 14px;
	color: #6caece;
	text-decoration: none;
}

.archive a:hover{
	text-decoration: underline;
}

p.archivesm {
	font-size: 12px;
	color: #4792b7;
	font-weight: normal;
	text-align: left;
	margin-left:10px;
	margin-bottom: 15px;
	text-transform: uppercase;
	text-indent: 0px;
}

p.small, p.meta {
	font-size: 12px;
	text-align: center;
	color: #4792b7;
	font-weight: normal;
	margin-bottom: 4px;
	text-transform: uppercase;
	text-indent: 0px;
}

p.meta{
	margin-bottom: 25px;
	text-indent: 0px;
}

p.meta a:hover{
	color: #6caece;
	text-decoration: none;
	text-indent: 0px;
}

.navigation{
	font-size: 12px;
	text-transform: uppercase;
	color: #4792b7;	
}

.navigation a:hover{
	text-decoration: underline;
	color: #6caece;
}

.navileft{
	text-align: left;
	position: relative;
	float: left;
	margin-bottom: 5px;
}

.naviright{
	text-align: right;
	position: relative;
	float: right;
	margin-bottom: 5px;
}


/*
	CONTACT
*/

ul.contact{
	list-style: circle;
	text-align: left;
	margin-left: 30px;
	margin-bottom: 7px;
}

ul.contact li{
	list-style: disc;
	font-size: 13px;
	color: #6caece;
}

ul.contact li a{
	text-decoration: underline;
}

ul.contact li a:hover{
	text-decoration: none;
	color: #a1d5ee;
}
.contactit{
	font-size: 14px;
	color: #6caece;	
	text-align: left;
	margin-left: 30px;
	font-weight: bold;
	margin-top: 15px;
	margin-bottom: 3px;
}

.contimp{
	text-align: left;
	font-size: 12px;
	padding: 3px;
	margin-bottom: 10px;
}

.button{
	margin-left: 140px;
}

/*
	PICTURES
*/

.photobox{
	background-color: #0f3a52;
	border-left: 3px solid #0f3a52;
	border-right: 3px solid #0f3a52;
	border-top: 3px solid #0f3a52;
	width: 180px;
	height: 175px;
	margin-left: 23px;
	margin-right: 23px;
	margin-bottom: 30px;
	position: relative;
	float: left;
}

.phototitle{
	text-transform: uppercase;
	font-size: 11px;	
}

/*
	REDIRECT PAGES
*/

.redirectbox{
	height: 150px;
	width: 150px;
	background-image: url(/wp-content/themes/lyretheme/images/box.png);
	position: relative;
	float: left;
	margin-left: 25px;
	margin-right: 25px;
	margin-top: 15px;
	margin-bottom:25px;
}

.redirectboxone{
	margin-left: 75px;
	height: 150px;
	width: 150px;
	background-image: url(/wp-content/themes/lyretheme/images/box.png);
	position: relative;
	float: left;
	margin-right: 25px;
	margin-top: 15px;
	margin-bottom:25px;
}

a:hover .redirectbox{
	background-image: url(/wp-content/themes/lyretheme/images/boxr.png)
}

a:hover .redirectboxone{
	background-image: url(/wp-content/themes/lyretheme/images/boxr.png)
}

.redirecttitle{
	padding-top: 65px;
	font-size: 20px;
	text-transform: uppercase;
	color: #a1d5ee;
	font-weight: bold;
	text-align: center;
}

.prompt {
	text-indent: 0px;
	text-align: center;
	font-size: 11px;
	color: #4792b7;
}

.prompt a{
	text-decoration: underline;
}

.prompt a:hover{
	text-decoration: none;
	color: #a1d5ee;
}

/* 
	AUDITIONS
*/
.aud{
	padding-bottom: 15px;
	padding-top: 15px;
	text-transform: uppercase;
	font-size: 18px;	
}

.aud a{
	text-decoration: underline;
}

.aud a:hover{
	text-decoration: none;
}

/* 
	REP
*/

.rep{
	text-align: left;
}

.rep h2{
	text-align: center;
	padding-left: 0px;
	padding-bottom: 15px;
}

.rep ul{
	color: #6caece;
	font-size: 14px;
	padding-left: 25px;
}

.rep ul ul{
	text-indent: 20px;
	padding-left: 0px;
	margin-bottom: 7px;
	color: #4792b7;
	font-size: 12px;
}

.arr{
	text-indent: 15px;
	margin-bottom: 15px;
}

.topskis{
	margin-top: 30px;
}

/*
	MEMBERS
*/

.memberlist {
	text-align: center;
	margin-bottom: 30px;
}

.membertop{
	width: 115px;
	height: 125px;
	position: relative;
	float: left;
}

.memberinfo{
	position: relative;
	float: left;
	text-align: left;
	width: 500px;
}

.littlename{
	padding-bottom:0px;
	margin-bottom: 0px;
	font-size: 13px;
}

.tiny{
	font-size: 11px;
	color: #4792b7;
}

.largemem{
	position: relative;
	float: left;
	margin-right: 15px;
	margin-bottom: 15px;
	width: 175px;
}

.space{
	margin-bottom: 20px;
}

.vid{
	padding-top: 5px;
	text-align: center;
	padding-bottom: 10px;
}

.med{
	padding-bottom: 4px;
	padding-left: 10px;
}

.medi a{
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
}

/*
	CAPTIONS
*/

img.center, div.center {
	display: block;
	margin-left: auto !important;
	margin-right: auto !important;
	margin-bottom: 6px; }

img.alignright, div.alignright {
	float: right;
	margin: 0 0 2px 18px; }

img.alignleft, div.alignleft {
	float: left;
	margin: 0 18px 2px 0; }

div.caption div {
	font-size: 12px;
	line-height: 12px;
	text-align: center;
	background-color: #044d75;
	color: #428db3;
	padding: 6px;
	text-transform: uppercase;
	padding-top: 8px; 
	}

.caption, .entry img{
	border: 2px solid #044d75;
}

.caption img{
	border: none;
}

.feat{
	margin-top: 15px;
	color: #87c2de;
	font-size: 25px;
	margin-bottom: 7px;
}

.more-link{
	font-size: 11px;
	color: #4792b7;
	text-decoration: underline;
}

.more-link a:hover{
	text-decoration: none;
	color: #a1d5ee;
}

/*
	RECORDINGS
*/

.cdimage{
	position: relative;
	float: left;
	margin-right: 10px;
	border: none;
	width: 150px;
}

.cdtitle{
	text-align: left;
}

.cdtitle a:hover{
	text-decoration: underline;
	color: #a1d5ee;
}

.cddesc{
	text-align: left;
	text-indent: 0px;
	margin-left: 15px;
}

.cddesc a{
	text-decoration: underline;
}

.cddesc a:hover{
	text-decoration: none;
	color:#a1d5ee;
}

.cdtext{
	position: relative;
	float: left;
	width: 500px;
}

p.tracklist{
	text-align: left;
	font-size: 16px;
	margin-top: 3px;
	color: #a1d5ee;
	font-weight: bold;
}

ul.tracklist{
	text-align: left;
	color: #6caece;
	margin-bottom: 7px;
	margin-left: 25px;
	font-size: 13px;
}

ul.tracklist li{
	list-style: decimal;
	margin-bottom: 3px;
}

.inl{
	display: inline;
}

p.audioplayer_container{
	margin-top: 8px;
	margin-bottom: 10px; 
	margin-left: 15px;
}

div.hr {
  height: 44px;
  background: url(http://www.compulsivelyres.com/wp-content/themes/lyretheme/images/hr.png) no-repeat scroll center;
  margin-bottom: -12px;
}

div.hr hr {
  display: none;
}

div.sidehr {
  height: 24px;
  background: url(http://www.compulsivelyres.com/wp-content/themes/lyretheme/images/sidehr.png) no-repeat scroll center;
  padding-bottom: 5px;
}

div.sidehr hr {
  display: none;
}

/*
	COMMENTS
*/

.comments{
	margin-top: -10px;
	margin-bottom: 7px;
}

.commentlist{
	text-align: center;
}

.commentlist li {
 	padding: 5px 18px 22px 18px;
	margin-top:3px;
	margin-bottom: 25px;
	margin-left: auto;
	margin-right: auto;
	background-color: #035580;
	width: 400px;
	text-align: left;
	}

.commentlist cite {
	display:block;
	font-size: 12px;
	text-transform: uppercase;
	color: #6caece;
	font-style: normal;
	}

.commentlist cite a:link, .commentlist cite a:visited {
	text-decoration:underline;
	}

.commentlist cite a:hover, .commentlist cite a:active {
	text-decoration:none;
	color: #a1d5ee;
	}
	
p.com{
	font-size: 12px;
	text-align: center;
	color: #4792b7;
	font-weight: normal;
	margin-top: -25px;
	text-transform: uppercase;
	text-indent: 0px;
}

#respond{

}

#respond p{
	text-indent: none;
}

.titler{
	font-size: 17px;
	margin-top: 15px;
	text-transform: uppercase;
	font-weight: bold;
	margin-bottom: 15px;
	color: #87c2de;
	font-stretch: expanded;
}

#respond small{
	font-size: 12px;
	text-transform: uppercase;
	padding-bottom: 4px;
}

#respond input{
	margin-bottom: 4px;
	padding: 2px;
}

#respond textarea{
	padding: 5px;
	font-family: Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 13px;
}

.secret{
	font-size: ;
	color: #01527d;
	padding-bottom: 15px;
}

blockquote {
	margin: 1em 1em;
	border-left: 2px solid #0f3a52;
	padding-left: 1em; 
	font-style: italic;
	text-indent: 0px;
}

.announce {
	font-size: 18px;
	color: #a1d5ee;
	text-decoration: none;
}
 
.announce a{
	text-decoration: underline;
}

.announce a:hover{
	text-decoration: none;
	color: #fcf9fc;
}

.uline {
	font-size: 20px;
}