/*
Theme Name: Book of Job
Theme URI: http://wordpress.org/
Description: The custom design for bookofjobmusic.com.
Version: 1.0
Author: Michael Dunbar

	This theme was designed and built by Michael Dunbar.
*/

/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* ----------------------------------end CSS reset------------------------------------ */
  
body{
  background: #000 url(images/bg_wall.png) repeat-x;
  font-family: 'Goudy Old Style', Georgia, serif;
  font-size:110%;
} 

#wrapper{
  width:1050px;
  margin: 1em auto;
}

.container {
  width:950px;
  margin:0 auto;
  position:relative;
}

div.scrollbar{
  width:10em;
  height:5em;
  padding:0.25em;
  border:solid thin #fff;
  background-color:#ddd;
  overflow:auto;
  margin:1em auto;
}

h1, h2, h3{
  color: #ffffff;
  font-size:100%;
}

hr{
  visibility: hidden;
}

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

a:hover{
  color:#999;
}

a img {
	border: none;
}

/* ----------------------------------end universal styles------------------------------------ */

#header{
  width:750px;
  height:385.5px;
  float:left;
  margin-bottom:1em;
}

#headerimg{
  width:100%;
  height:360px;
}

#menu{
  background-color:#ccc;
  height:25.5px;
  width:100%;
  margin-bottom: 1em;
  list-style-type:none;
}

#menu li{
  float:left;
}

#menu a,
#menu a:link,
#menu a:visited{
  text-decoration:none;
  font-size:80%;
  color:#000;
  display:block;
  height:25.5px;
  padding: 0 3em;
  text-align:center;
  line-height:2em;
  /* eliminates dotted line around active link */
  outline-style:none;
}

#menu a:active,
#menu a:hover{
  color:#e0e0e0;
}
#menu li.home{
  background-color:#666;
}
#menu li.home a{
  color:#e0e0e0;
}

#menu li.current_page_item{
  background-color:#666;
}
#menu li.current_page_item a{
  color:#e0e0e0;
}
/* ----------------------------------end header styles------------------------------------ */

#quote{
  background: url(images/quote-bg.png) no-repeat;
  width: 200px;
  height: 318px;
  margin: 2em 0 0 3em;
  text-align: left;
  float: right;
  margin:1em 2em 0 0;
  font-size: 90%;
  color: #4E3F36;
}

#quote #qtext{
  /*auto centers the h1 block itself in Firefox, Safari; 1em resolves the margin issues in IE created by stating margin:auto*/
  margin: 2em 1.5em auto 2em;
  line-height: 1.25em;
}

#quote #author{
   margin: .5em 0 0 3em;
}

/* ----------------------------------end quote styles------------------------------------ */

#columns{
  width:100%;
  margin-top:1em;
  position:relative;
}

#main{
  width: 750px;
  float: left;
  position:relative;
}


#post-top {
  height:150px;
  background:url(images/post-top.png) no-repeat;
}

#post-main{
  height:auto;
  background-image: url(images/post-main.png);
  background-repeat: repeat-y; 
  padding-bottom:1em;
}

#post-main h2{
  color:#231013;
  font-weight:normal;
  font-size: 140%;
  font-style:italic;
  letter-spacing:0.08em;
  margin-left:3.5em;
}

#post-main small{
  margin-left:7em;
  font-size:80%;
  line-height:2em;
}

#post-main .content{
  margin:.25em 5em 0 5em;
  line-height:1.25em;
}

#post-main .content ul{
  padding-left:40px;
  line-height:1.5em;
  color:#231013;
  list-style:circle;
  margin:0 5em; 
}

#post-main .content blockquote{
  padding-left:40px;
  line-height:1.5em;
  color:#6A554A;
  font-style: italic;
  margin:1em 5em; 
}

#post-main .content p{
  line-height:1.5em;
  color:#333;
}

#post-main .content .addthis_container{
  text-align:right;
  margin-top:.5em;
  text-decoration:none;
  
}

.navigation {
  display: block;
  text-align: center;
  margin-top:2em;
}
.navigation a{
  margin:0 1em;
}

#post-bottom{
  background:url(images/post-bottom.png) no-repeat;
  height:55px;  
  margin-bottom: 1em;
}

/* ----------------------------------end post styles------------------------------------ */

.transparent{
  width:750px;
  height:auto;
  position: relative;
  background: url(images/transparent_bg.png) repeat-y;
  min-height: 500px;
  margin-bottom: 1em;
  color:#fff;
}
.transparent .content{
  margin:2em 4em;
}
.transparent a {
  color:#999;
}

.transparent a:hover {
  color:#ccc;
}
.arch-title, .arch-date{
  margin-left:4em;
}

#headers{
  padding:.25em 2em;
  width:auto;
  text-align:center;
  font:bold xxlarge;
}

/* ----------------------------------end page styles------------------------------------ */

#sidebar{
  width: 280px;
  height:auto;
  position:relative;
  float:right;
  padding-top:.5em;  
}
#sidebar #sidebar-top {
  height:90px;
  background:url(images/sidebar-top.png) no-repeat;
}

#sidebar #sidebar-main{
  margin: 0 auto;
  background-image: url(images/sidebar-main.png);
  background-repeat: repeat-y; 
  text-decoration:none;
}

#sidebar-main h2{
  margin: 0 4em;
  padding-top:1em;
  color:#333;
  text-align:center;
}

#sidebar-main li{
  list-style-type:none;
}

#sidebar-main li ul li{
  font-size:80%;
  margin:.5em 3em 0 4em;
  line-height:1.5em;

}

#sidebar-main a{
  display:block;
  color:#333;
  margin: .5em 0 .25em 0;
}

#sidebar-main li ul li a:hover{
  color:#999;
}

/* Now Playing */
#sidebar-main #fmp-jw-widget-4{
  text-align:center;
}

#sidebar-main #fmp-jw-widget-4 #player{
  margin-top:.5em;
}

/* Follow */
#sidebar-main #text-4 ul{
  padding:0 0 2.5em 2em;
}

#sidebar-main #text-4 a{
  float:left;
  display:inline;
}

a#facebook{
  background:url(images/facebook.png);
  height:35px;
  width:35px;
}

a#myspace{
  background:url(images/myspace.png);
  height:35px;
  width:35px;
  margin-left:2.5em;
}

/* Links */
#sidebar-main #linkcat-2 ul li{
  line-height:1.25em;
}

#sidebar-main #linkcat-2 ul li a{
  letter-spacing:1px;
  font-size: 120%;
}

#sidebar #sidebar-bottom{
  background:url(images/sidebar-bottom.png) no-repeat;
  height:98px; 
  padding-bottom:1em; 
}

/* ----------------------------------end sidebar styles------------------------------------ */

#footer{
  clear:both;
  width:100%;
  margin-bottom:2em;
  border-top:thin solid #333;
  color: #333;
  font-size:80%;
}

p#footer-left{
  margin: .5em 0 0 4em;
  float:left;
}

p#footer-right{
  right: 4em;
  position:absolute;
  margin-top:.5em;  
}

/* ----------------------------------end footer styles------------------------------------ */

.dbem_events_list li ul{
  margin-bottom:2em;
}

.dbem_events_list li ul li{
  display:inline;
}
.dbem_events_list .date{
  
}
.dbem_events_list .time{
  position:absolute;
  left:11em;
}
.dbem_events_list .location{
  position:absolute;
  left:17em;
}
.dbem_events_list .town{
  position:absolute;
  left:28em;
}
.dbem_events_list .map{
  position:absolute;
  right:3em;
  font-size:90%;
}

/* ----------------------------------end SHOWS styles------------------------------------ */

.transparent object{
  margin:1em auto 0 auto;  
  display:block;
}

/* ----------------------------------end SIGHTS & SOUNDS styles------------------------------------ */

#titles{
  clear:both;
  width:100%;
  margin-left:2em;
}

#titles .songtitles{
  float:left;
  display:inline;
  margin-right:2.5em;
  line-height:1.5em;
}

#lyrics{
  margin:8em 0 2em 0;
}

/* ----------------------------------end LYRICS styles------------------------------------ */

.transparent .content .contact{
  margin:1em 4em 2em 4em;
  line-height:1.5em;
  list-style:none;
  display:inline;
  float:left;
}

.transparent .content .contact strong{
  line-height:2em;
} 

/* ----------------------------------end GET IN TOUCH styles------------------------------------ */

.alignright {
  float: right;
}

.alignleft {
  float: left;
}

acronym, abbr, span.caps {
	cursor: help;
}

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

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
}

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

.center {
	text-align: center;
}

.clear {
	clear: both;
}

.hidden {
	display: none;
}
	
.screen-reader-text {
     position: absolute;
     left: -1000em;
}

.narrowcolumn {
	float: left;
	padding: 0 0 20px 45px;
	margin: 0px 0 0;
	width: 450px;
	}

.widecolumn {
	padding: 10px 0 20px 0;
	margin: 5px 0 0 150px;
	width: 450px;
	}

.post {
	margin: 0 0 40px;
	text-align: justify;
	}

.post hr {
	display: block;
	}

.widecolumn .post {
	margin: 0;
	}

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

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

.widecolumn .smallattachment {
	text-align: center;
	float: left;
	width: 128px;
	margin: 5px 5px 5px 0px;
}

.widecolumn .attachment {
	text-align: center;
	margin: 5px 0px;
}

.postmetadata {
	clear: both;
}


/* ----------------------------------end Various Tags & Classes---------------------------------- */

.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: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.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 captions---------------------------------- */

@media print{
/* Start printer-friendly styles */

/* Set wrapper to fill page width */
#wrapper{
  width:100%;
}

/* Hide leftcolumn, menu,and footer */
#columns,
#header,
#footer{
  display:none;
}
/* Get rid of content div margins and
padding. Use a different font for print */
#content{
  margin:0;
  padding:0;
  font-size:1em;
}
}
/*End printer-friendly styles */