/*
Theme Name: unconformed
Author: jellyroll.ca
#D81921 orange
#008FB1 blue 
#FFF4DE cream
#749F1A green
#E6E7E9 light grey
#C5C6C8 dark grey
#F79D61 player light orange
#F38433 player dark orange
FDFF00 yellow
#00ff00 neon green
#9D1FFF purple
*/

@import url('reset.css');
@import url('rebuild.css');

 /* SLAP YO HEAD WIT SUM MONKEE BIZWACK
--------------------------------------------------------------
*/

body, input, textarea {
	font: 12px Arial,Helvetica,sans-serif;
	line-height: 1.5;
}
body{	
	background: #686161 url('../images/.png') repeat-y  center;
	color:#4b4b4c;
}
a:link, a:visited {	
	font-weight: normal;
	text-decoration:none;
	padding:0px;
	color:#9D1FFF;
}
a:hover {
	text-decoration: underline;	
}

/* HEADINGS text-transform: capitalize;
-------------------------------------------------------------- */
h1{
	color:#D81921;
	font-size:24px;
	font-weight:bold;
	line-height:1em;
	margin:0px 0px 10px 0px;
	padding:0px 0px 0px 0px;
	text-transform: lowercase;
	
}
h2 {
	color:#9D1FFF;
	font-size:20px;
	font-weight:bold;
	line-height:1em;
	margin:0px 0px 18px 0px;
	padding:0px 0px 5px 0px;
	text-transform: lowercase;
	border-bottom: 3px solid #9D1FFF;

}
h3 {
	color:#D81921;
	font-size:18px;
	font-weight:bold;
	line-height:1em;
	margin:0px 0px 7px 0px;
	padding:0px 0px 0px 0px;
	text-transform: lowercase;

}
h4 {
	color:#D81921;
	font-size:14px;
	font-weight:bold;
	line-height:1em;
	margin:0px 0px 12px 0px;
	padding:0px 0px 0px 0px;
	text-transform: lowercase;

}
h5 {
	color:#D81921;
	font-size:12px;
	font-weight:lighter;
	line-height:1em;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	
}
h6 {
	color:#D81921;
	font-size:10px;
	font-weight:lighter;
	line-height:1em;
	margin:0px 0px 24px 0px; /*1.5em*/
	padding:0px 0px 0px 0px;
}

/* HEADER
--------------------------------------------------------------*/
#noscript {
    color: #fff;
    background: #f81b59;
    text-align: center;
    padding: 3px;
}
#header {
	width: 1000px;
	height: 169px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-top: 0px;
	margin-left: auto;
	margin-right: auto;
	background-image:url("../images/unco-home_02.jpg");	
}
#clickable{
	display: inline;
	float: left;	
	position: relative;
	margin-left: 30px;
	margin-right: 0px;
	margin-top: 35px;
	width: 540px;
	height: 75px;	
}
/* MAIN
-------------------------------------------------------------- */
#pageContainer {	
	padding-bottom: 30px;
	padding-top: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
	width: 1000px;
	background:url("../images/unco-home_06.png") repeat-y;	
}
#page {
	padding-top: 20px;
	padding-bottom: 0px;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	width: 960px;	
}
#main{
	float: left;
	position: relative;
	width: 700px;
	margin-left: 10px;
	margin-right: 0px;	
}
#sidebar{
	display: inline;
	float: left;
	position: relative;
	margin-left: 20px;
	margin-right: 0px;
	width: 220px;
	padding: 0 0px;

}
.box{
	margin-bottom: 30px;
}

#col1{
	display: inline;
	float: left;
	position: relative;
	margin-left: 10px;
	margin-right: 0px;
	width: 210px;
	padding: 0 0px;	
}
#col2{
	display: inline;
	float: left;
	position: relative;
	margin-left: 20px;
	margin-right: 0px;
	width: 220px;
	padding: 0 0px;
}
#col3{
	display: inline;
	float: left;
	position: relative;
	margin-left: 20px;
	margin-right: 0px;
	width: 220px;
	padding: 0 0px;
}

#col1 a:link, #col1 a:visited {
	color: #D81921;
	font-weight: normal;
	text-decoration:none;
	padding:0px;
}

#col2 a:link, #col2 a:visited {
	color: #008FB1;
	font-weight: normal;
	text-decoration:none;
	padding:0px;
}
#col3 a:link, #col3 a:visited {
	color: #749F1A;
	font-weight: normal;
	text-decoration:none;
	padding:0px;
}
#col1 a:hover, #col2 a:hover, #col3 a:hover {
	text-decoration: underline;	
}
.quotethis .symbol {
	font-size: 48px;
	margin-top: -18px;
	float: left;
}
 .quotethis .quote {
	margin-left: 24px;
}

#footerContainer {
	padding-top: 0px;
	padding-bottom: 0px;
	font-size:10px;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	width: 1000px;	
	background:url("../images/unco-home_04.png") repeat-y;		
}
#footer {
	padding-top: 15px;
	padding-bottom: 0px;
	font-size:10px;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	width: 960px;
	border-top: 1px dotted #89877D;
}
#footerCap{
	padding-top: 0px;
	padding-bottom: 0px;
	font-size:10px;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	width: 1000px;
	height: 48px;
	background:url("../images/unco-home_08.png") no-repeat;
}
#footer  a{
	color: #9A9A9A;
	font-weight: normal;
	text-decoration: none;
}
#footer  a:hover {
	color:#03519C;
}
.footer_menu{
	display: inline;
	float: left;
	position: relative;
	margin-left: 30px;
	margin-right: 0px;
	width: 600px;
	padding-top: 0px;
}
.footer_menu div{
	display: inline;
	float: left;
	position: relative;
	margin-left: 0px;
	margin-right: 20px;	
	padding-top: 0px;
}
.footer_menu ul{
	list-style-type: none;
}
.footer_credits{
	display: inline;
	float: right;
	position: relative;
	margin-left: 10px;
	margin-right: 30px;
	width: 200px;
	padding-top: 0px;
	text-align: right;
}
/* http://sonspring.com/journal/clearing-floats clear: right;*/

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* stuff for  home page 
#D81921 orange
#008FB1 blue 
#FFF4DE cream
#749F1A green
--------------------------------------------------------------*/
#main h2 a:link, #main h2 a:visited{
	color: #FFF;
	font-weight:bold;
}
h2.boxed{
	color: #FFF;
	font-size:20px;
	font-weight:bold;
	line-height:1em;
	margin:0px 0px 18px 0px;
	padding:0px 0px 5px 0px;
	text-transform: lowercase;
	border-bottom: none;
}
.orangeBG{
	background-color:#D81921;
}
.blueBG{
	background-color:#008FB1;
}
.greenBG{
	background-color:#749F1A;
}
.orange{
	color: #D81921;
}
.blue{
	color: #008FB1;
}
.green{
	color: #749F1A;
}
.episode_summary_top, .episode_summary, .poem_summary{
	margin-bottom:20px;
	padding: 0 0 10px;
	border-bottom: 1px dotted #E6E7E9;
}
.episode_imagebox {
	float:left;
	width:220px;
	margin:10px 0 0;
}
.episode_imagebox .image {
	display:block;
	height:147px;
	width:220px;
	text-decoration:none;
	padding: 0;
	overflow: hidden; 
	border: 1px solid #999;
}
.episode_imagebox .image:hover {
/* For Firefox/Opera/Safari/Chrome */
	opacity: .8;
/* For IE 5-7 */
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
/* For IE 8 */
    -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}
#col2 .episode_imagebox a.caption{
	/*background:#008FB1;*/
	background-image:url("../images/bluetransbg.png");
	color:#fff;
	margin-top:-25px;
	padding:1px 0 1px 5px;
	position:absolute;
	width:215px;
}
#col3 .episode_imagebox a.caption{
	background-image:url("../images/greentransbg.png");
	color:#fff;
	margin-top:-25px;
	padding:1px 0 1px 5px;
	position:absolute;
	width:215px;
}
#col2 .episode_imagebox a.caption:hover, #col3 .episode_imagebox a.caption:hover{
text-decoration:none;
/* background-color:#D81921;
color:#fff;*/
}
.episode_details{
	font-size: 12px;
	padding:0px 0 0px 5px;
}
.listenNow, .readMore{
	float:right;
	color:#008FB1;
	background-color:#FFF4DE;
}



/*** img aligns ***/
.justifyright{

text-align:right;
display: inline;
	float: right;
	margin-left: 1em;
	margin-right: 0;
}
.justifyleft{

text-align: left;
display: inline;
	float: left;
	margin-right: 1em;
	margin-left: 0;
}
.justifyfull{
text-align:justify;
}
/*FLOATERS */
.floatright { float: right; text-align: right;}

.floatleft { float: left;}