/*  
Theme Name: Trancendance
Theme URI: 
Description: 
Version: 0.1
Author: Mike Barter
Author URI: 
*/

/* ====== Website Colours =======

Background:			Black			#000000
Normal Text: 		Grey			#808080
Link Text: 			White			#ffffff
Link Hover Text:	Red				#a80000
Quote Text: 		Grey			#bfbfbf
Dark Text:			Dark Grey		#505050

===================================== */

body{
margin: 0;
font-family: Arial,Verdana,Sans-serif;
font-size: 12px;
letter-spacing:.07em;
text-align: center;
vertical-align: top;
background: #000000;
color: #808080;
}

a:link {
  color: #ffffff;
  text-decoration:none;
  }
a:visited {
  color: #ffffff;
  text-decoration:none;
  }
a:hover {
  color: #a80000;
  text-decoration:underline;
}
a img {
  border-width:0;
  }
  
h2 {
  margin:0
  font-family: Arial,Verdana,Sans-serif;
}

.clearboth { clear: both; }

.hr{
	padding: 3px 0;
	margin: 0 auto;
	}
	
p {
	font-family: Arial,Verdana,Sans-serif;
	font-size: 14px;
	color: #808080;
	line-height: 1.4em;
	letter-spacing:.05em;
	}
.large-text {
	font-size: 16px;
	}
	
.quote {
	color: #bfbfbf;
	font-size: 16px;

	}

/* Page Wrappers
-----------------------------------------------
 */

#outer-wrapper {
	width: 100%;
	margin: 0;
	padding: 0;
	background-color: #000;
	color: #c4161c;
	}

#inner-wrapper {
	width: 960px;
 	margin: 0 auto;
	padding: 0;
 	text-align: center;
	font-family: Arial,Verdana,Sans-serif;
 	color: #c4161c;
  }

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

#header-wrapper {
	width: 960px;
	margin: 10px 0 15px;
	padding: 0;
	text-align:center;
	clear:both;
}
	
#nav {
	width: 940px;
	height:87px;
	padding:0;
	margin:0 auto;
	text-align:left;
	}
	
#slideshow1 {
	width: 960px;
	height: 316px;
	}

#menu-wrapper {
	width: 960px;
	height: 68px;
	padding: 5px 0 15px;
	margin:0 auto;
	}

/* Structure
----------------------------------------------- */

#content-wrapper {
  	width:960px;
	text-align: center;
  	margin:20px auto 10px;
}

#main-wrapper, #post-wrapper, #comment-wrapper {
  text-align: center;
  word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
  overflow: hidden;     /* fix for long non-text content breaking IE sidebar float */
  }

#main-wrapper {
	width: 560px;
  	float: left;
	margin: 0 0 10px;
}

#post-wrapper {
  width: 540px;
  padding: 0 10px;
  margin: 0 0 1.5em;
 }
 
#comment-wrapper {
	width: 540px;
	border-bottom:3px solid #505050;
	margin: 1em 10px 1.5em;
	}
 
#sidebar-wrapper-right {
  width: 400px;
  word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
  overflow: hidden;     /* fix for long non-text content breaking IE sidebar float */
}

#sidebar-wrapper-right {
  float: right;
}

/* ============================= */

#lower-content-wrapper {
  	width:960px;
	text-align: center;
  	margin:20px auto 10px;
}

#block-left, #block-middle, #block-right {
  width: 300px;
  color: #039;
  margin: 0 10px;
  padding: 0;
  word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
  overflow: hidden;     /* fix for long non-text content breaking IE sidebar float */
}

#block-left {
	float: left;
}

#block-right {
	float: right;
}

#block-middle {
	padding: 0 7px;
}

.block {
	padding: 0 10px;
	text-align:left;
	color:#808080;
}

.block-title {
	padding: 0;
	text-align:left;
	color:#808080;
}

.block-body {
	padding: 0;
	text-align:left;
	color:#808080;
}

.block ul {
	margin: 0;
	padding: 0;
}

.block li {
	padding: 5px 0;
	margin: 0 0 5px;
	list-style: none;
	border-bottom: solid 2px #404040;
}

.block h4 {
	margin:0;
	color: #cccccc;
	font-size:11px;
	text-transform:uppercase;
	letter-spacing:.1em;
	line-height: 1.2em;
}

.block h4 a:link {
  color: #cccccc;
  text-decoration:none;
  }
.block h4 a:visited {
  color: #cccccc;
  text-decoration:none;
  }
.block h4 a:hover {
  color: #a80000;
  text-decoration:none;
}

.block p {
	margin:0 0 7px;
	color: #808080;
	font-size:10px;
	text-transform:uppercase;
	letter-spacing:.1em;
	font-family: Arial,Verdana,Sans-serif;
	line-height: 1.2em;
}

.block .meta {
	margin:0 0 5px;
	color: #505050;
	font-size:10px;
	text-transform:uppercase;
	letter-spacing:.1em;
	font-family: Arial,Verdana,Sans-serif;
}

.block .meta a:link {
  color: #505050;
  text-decoration:none;
  }
.block .meta a:visited {
  color: #505050;
  text-decoration:none;
  }
.block .meta a:hover {
  color: #a80000;
  text-decoration:underline;
}


/* Headings
----------------------------------------------- */



/* Posts
-----------------------------------------------
 */

.post {
  margin: 25px 0 0;
  border-bottom:3px solid #505050;
  padding: 0 10px 25px 0;
  text-align:left;
  color:#808080;
  }
  
.post h2 {
  margin: 0;
  padding:0;
  font-size:28px;
  font-weight:normal;
  line-height:1.4em;
  letter-spacing:.05em;
  text-transform:uppercase;
  color: #ffffff;
}

.post h2 a, .post h2 a:visited, .post h2 strong {
  display:block;
  text-decoration:none;
  color: #ffffff;
  font-weight: bold;
}

.post h2 strong, .post h2 a:hover {
  color: #c4161c;
}

.post h3 {
	font-family: Arial,Verdana,Sans-serif;
	text-transform:uppercase;
	margin:.5em 0 .5em;
	padding:0;
	font-size:140%;
	font-weight:normal;
	line-height:1.5em;
	letter-spacing:.05em;
	color: #ffffff;
	}
	
.contact-header {
	padding: 0 0 6px;
	}

.post-meta {
	margin:0 0 25px;
	color: #505050;
	font-size:12px;
	text-transform:uppercase;
	letter-spacing:.1em;
	font-family: Arial,Verdana,Sans-serif;
	line-height: 1.4em;
}

.post p {
  margin:0 0 1em;
  line-height:1.5em;
}

#cover-art-wrapper {
	position:relative;
	width: 150px;
	height: 150px;
	overflow:hidden;
	float: left;
	margin: 0 15px 15px 0;
	}

.cover-art-frame {
	position: absolute;
	left:0;
	top:0;
	z-index: 50;
}

.cover-art-img {
	position: absolute;
	z-index: 0;
	top: 0px;
	left: 0px;
	}

.download-link
{
background: url('/images/download-trance-hot.jpg') no-repeat;
white-space: nowrap;
display: block;
width: 343px;
height: 55px;
margin: .5em 0 1em;
padding: 0;
}

.download-link a
{
display: block;
width: 343px;
height: 55px;
display: block;

text-decoration: none;
}

.download-link img
{
width: 343px;
height: 55px;
border: 0
}

* html a:hover
{
visibility:visible
}

.download-link a:hover img
{
visibility:hidden
}

.post-footer {
	margin:0;
	color: #505050;
	font-size:12px;
	text-transform:uppercase;
	letter-spacing:.1em;
	font-family: Arial,Verdana,Sans-serif;
	line-height: 1.4em;
}

.post-footer a:link {
	color: #bfbfbf;
	}
	
.post-footer a:hover {
	color: #a80000;
	}

.comment-link {
  margin-left:.6em;
  }

.post blockquote {
  margin:1em 20px;
  }
.post blockquote p {
  margin:.75em 0;
  }
.post navigation a {
  padding: 4px;
  border: 1px solid #ffffcc;
  color: #ffff66;
  }


/* Comments
----------------------------------------------- */  
#comment-form-wrapper {
	text-align:left;
	margin: 0;
	padding: 1em 0 1em 30px;
	}

.comments {
	margin: 0;
	padding: 10px 0 0;
	color: #808080;
}

.comments ol li {
	border-bottom:2px solid #505050;
}

.comments ol {
	list-style: none;
}

.comments li {
	padding: 10px 10px 0;
}

.comments h2 {
	font-family: Arial,Verdana,Sans-serif;
	text-transform:uppercase;
  margin: .25em 0 0;
  padding:0;
  font-size:140%;
  font-weight:normal;
  line-height:1.5em;
  letter-spacing:.05em;
  color: #ffffff;
}

.comments h3 {
	font-family: Arial,Verdana,Sans-serif;
	text-transform:uppercase;
	margin:.25em 0 0;
	padding:10px 0 0;
	font-size:140%;
	font-weight:normal;
	line-height:1.5em;
	letter-spacing:.05em;
	color: #ffffff;
}

.comment-header {
  margin: 0;
  color: #505050;
  font-size:80%;
  text-transform:uppercase;
  letter-spacing:.1em;
	font-family: Arial,Verdana,Sans-serif;
  line-height: 1.5em;
}

.comments p.nocomments{
	padding: 0;
}

.comments textarea{
	font-family: Arial,Verdana,Sans-serif;
}
  
.comments  .formfield {
	text-align: left;
	text-transform: uppercase;
	}
	
.comments .left {
	text-align:left;
	padding-left: 30px;
	}
  
/* Sidebar Content
----------------------------------------------- */

#featured-podcast {
	margin:0 0 1em;
	padding: 0;
	width: 400px;
	float: right;
	}
	
#featured-podcast-title {
	padding:0 10px;
	width: 380px;
	text-align: left;
	}
	
#featured-podcast-body {
	padding: 5px 0 20px;
	width: 400px;
	text-align: left;
	}

#slideshow2-wrapper {
	width: 400px;
	height: 400px;
	overflow:hidden;
	position:relative;
	}

#slideshow2-frame {
	position: absolute;
	z-index: 50;
	top: 0;
	left: 0;
}

#slideshow2 {
	position: absolute;
	z-index: 0;
	top: 0px;
	left: 0px;
}

#social-media-links {
	width: 400px;
	margin: 10px 0;
	padding: 10px;
	}
	
#social-media-links ul {
	padding: 10px 0;
	}
	
#social-media-links li {
	padding: 5px 0;
	list-style:none;
	}

.sidebar { 
  color: #808080;
  line-height: 1.5em;
  text-align:left;
  margin: 25px 0 0;
 }

.sidebar ul {
  list-style:none;
  margin:0 0 0;
  padding:0 0 0;
}

.sidebar li {
  line-height:1.5em;
  }

.sidebar h2 {
  margin: 0;
  padding:0 0 4px 0;
  font-size:250%;
  font-weight:normal;
  line-height:1.4em;
  letter-spacing:.05em;
  text-transform:uppercase;
  color: #ffffff;
}

.sidebar .widget {
  margin:0 0 1.5em;
  padding: 10px;
}

.widget li {
	list-style: none;
	padding:0 0 0 10px;
}

/*
.sidebar .widget, .main .widget { 
  border-bottom:1px dotted #ffffcc;
  margin:0 0 1.5em;
  padding:0 0 1.5em;
 }
*/

.main .Blog { 
  border-bottom-width: 0;
}

/* Navigation 
----------------------------------------------- */
#nav-wrapper {
  width: 540px;
  padding: 0 0 1.5em;
  margin: 0 10px;
  overflow: hidden;
  border-bottom:3px solid #505050;
}
 
#nav-prev {
	float: left;
	width: 50%;
  	text-align: left;
  }

#nav-next {
	float: right;
	width: 45%;
  	text-align: right;
 }

/* Profile 
----------------------------------------------- */

/* Footer
----------------------------------------------- */

#footer-wrapper {
	margin: 0 0 15px;
	padding: 1em 0 0;
	width: 960px;
	text-align: center;
	clear:both;
}

#footer {
	width: 960px;
	line-height: 1.6em;
	text-transform:uppercase;
	letter-spacing:.1em;
	color: #808080;
}

#footer h2 {
  margin: .5em 0;
  color: #777744;
  font-size:80%;
  font-weight: bold;
  text-transform:uppercase;
  letter-spacing:.1em;
	font-family: Arial,Verdana,Sans-serif;
  line-height: 1.4em;
}


#footer .fineprint {
	color: #505050;
	font-size:12px;
	text-transform:uppercase;
	letter-spacing:.1em;
	font-family: Arial,Verdana,Sans-serif;
	line-height: 1.4em;
}