/*
THEME NAME: TRB2 based on Sandbox
THEME URI: http://www.plaintxt.org/themes/sandbox/
DESCRIPTION: Rich with powerful and dynamic semantic class selectors, Sandbox is a canvas for CSS artists
VERSION: 1.6.1
AUTHOR: <a href="http://andy.wordpress.com/">Andy Skelton</a> &amp; <a href="http://www.plaintxt.org/">Scott Allan Wallick</a>
AUTHOR URI:
TAGS: white, microformats, fixed-width, flexible-width, one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar
*/



/* zero out some margins etc. */
div#logo, div#header, div#wrapper, div#container, div#navigation, 
div#navigation ul, li, div#content, html, body, p, h1, h2, h3, h4, h5, h6, h7, img {
	margin: 0;
	padding: 0;
}

/* get rid of lines around images by default */
img {
	border: none;
}

/* set the font family */

html {
	font-family: 'Lucida Grande', Arial, Verdana, Sans-Serif;
	background-color: #cdd;
	font-size: 62.5%; /* Resets 1em to 10px */
}

p {
	font-size: 1.2em; /* bump it to 11px */
}

p {
	line-height: 1.6em; /* let's make the paragraphs a little looser */
}

/*
LAYOUT: Two-Column (Left)
DESCRIPTION: Two-column fluid layout with one sidebars left of content
*/
div#container {
	float: right;
	margin: 0 0 0 -270px;
	width: 100%;
}

div#content {
margin:0 0 0 270px;
padding-left:2em;
padding-right: 4em;
clear: none;
}
div#header {
	padding-left: 4em;
}

div.sidebar {
float:left;
overflow:hidden;
width:250px;
}

div#secondary {
clear:left;
margin-top: 1em;
}

div#content {
	margin-bottom: 2em;
}

div#footer {
	font-size: 0.9em;
	text-align: right;
	clear: both;
	bottom: 0;
	width: auto;
	right: 0;
	position: fixed;
	padding-right: 1em;
	padding-left: 2em;
	background-color: #acc;
	-moz-border-radius-topleft: 1em;
	-webkit-border-top-left-radius: 1em;
	-webkit-box-shadow: -2px 2px 16px rgba(0,0,0,0.9);
	-moz-box-shadow: -2px 2px 16px rgba(0,0,0,0.9);
}

/* shove access to a special place */
div#access {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 125px;
	left: 251px;
}


/* logo and header here */

div#logo {
	float: left;
	width: 250px;
	height: 140px;
	border-right: 1px solid #355;
	background-color: white;
}

div#logo img {
	padding-left: 25px;
	padding-top: 10px;
}


div#header {
	text-align: left;
	margin-left: 250px;
	height: 140px;
	background-color: #acc;
	background-image: url(headerimage3.jpg);
	background-position: right -4px;
	background-repeat: no-repeat;	
}
div#header h1, div#header h2, div#header h3, div#header h4, div#header h5, div#header h6, div#header h7 {
	padding-top: 1em;
}


/* some colours */

a {
	color: #355;
	color: #133;
}

/* Just some example content */
div.skip-link {
position:absolute;
right:1em;
top:1em;
display: none;
}

div#menu {
background:#EEE;
height:1.5em;
margin: 0em 0;
width:100%;
	-moz-border-radius-topright: 1em;
	-webkit-border-top-right-radius: 1em;
}

div#menu ul,div#menu ul ul {
line-height:1;
list-style:none;
margin:0;
padding:0;
}

div#menu ul a {
display:block;
margin-right:1em;
padding:0.2em 0.5em;
text-decoration: none;
}

div#menu ul ul ul a {
font-style:italic;
}

div#menu ul li ul {
left:-999em;
position:absolute;
}

div#menu ul li:hover ul {
left:auto;
}

.entry-title,.entry-meta {
clear:both;
}

div#container,div#primary {
padding-top:2em;
}

form#commentform .form-label {
margin:1em 0 0;
}

form#commentform span.required {
background:#fff;
color:#c30;
}

form#commentform,form#commentform p {
padding:0;
}

input#author,input#email,input#url,textarea#comment {
padding:0.2em;
}

div.comments ol li {
margin:0 0 3.5em;
}

textarea#comment {
height:13em;
margin:0 0 0.5em;
overflow:auto;
width:66%;
}

.alignright,img.alignright{
float:right;
margin: 1.5em 0 0 1em;
}

.alignleft,img.alignleft{
float:left;
margin: 0.5em 1em 0 0;
}

.aligncenter,img.aligncenter{
display:block;
margin:1em auto;
text-align:center;
}

div.gallery {
clear:both;
height:180px;
margin:1em 0;
width:100%;
}

p.wp-caption-text{
font-style:italic;
}

div.gallery dl{
margin:1em auto;
overflow:hidden;
text-align:center;
}

div.gallery dl.gallery-columns-1 {
width:100%;
}

div.gallery dl.gallery-columns-2 {
width:49%;
}

div.gallery dl.gallery-columns-3 {
width:33%;
}

div.gallery dl.gallery-columns-4 {
width:24%;
}

div.gallery dl.gallery-columns-5 {
width:19%;
}

div#nav-above {
margin-bottom:1em;
}

div#nav-below {
margin-top:1em;
}

div#nav-images {
height:150px;
margin:1em 0;
}

div.navigation {
height:1.25em;
}

div.navigation div.nav-next {
float:right;
text-align:right;
}

div.sidebar h3 {
font-size:1.2em;
}

div.sidebar input#s {
width:7em;
}

div.sidebar li {
list-style:none;
margin:0 0 2em;
}

div.sidebar li form {
margin:0.2em 0 0;
padding:0;
}

div.sidebar ul ul {
margin:0 0 0 1em;
}

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

div.sidebar ul ul ul {
margin:0 0 0 0.5em;
}

div.sidebar ul ul ul li {
list-style:none;
}
 

div#menu ul li,div.gallery dl,div.navigation div.nav-previous {
float:left;
}


input#author,input#email,input#url,div.navigation div {
width:50%;
}

div.gallery *,div.sidebar div,div.sidebar h3,div.sidebar ul {
margin:0;
padding:0;
}



/* customizations */
div#container {
	border-top: 1px solid #355;
}

div#primary.sidebar {
	color: white;
	text-align: center;
	font-weight: bold;
	border-right: 1px solid #355;
	background-color: #355;
	border-bottom: 1px solid #355;
	-moz-border-radius-bottomright: 1em;
	-webkit-border-bottom-right-radius: 1em;
	-webkit-box-shadow: -2px 2px 16px rgba(0,50,50,0.9);
	-moz-box-shadow: -2px 2px 16px rgba(0,50,50,0.9);
	padding-bottom: 1em;
}

div#primary.sidebar a {
	color: white;
}

div#primary.sidebar a:hover {
	color: #acc;
}


div#secondary.sidebar {
}

div#primary ul, div#secondary ul {
	margin-left: 0;
}

div.sidebar ul.xoxo li h3 {
	text-align: center;
	margin-bottom: 1ex;
	padding-left: 0em;
}

div#secondary.sidebar ul.xoxo {
	padding-left: 1em;
}

/* hover effects on navigation */
div#primary.sidebar ul.xoxo li ul li {
	padding-left: 1em;
}
div#primary.sidebar ul.xoxo li ul li:hover {
	background-color: #acc;
}
div#primary.sidebar ul.xoxo li ul li.current-cat {
	background-color: #688;	
}

/* div#primary.sidebar ul.xoxo li ul li a { */
div#primary.sidebar ul.xoxo li a {
	display: block;
	text-decoration: none;
	padding-top: 1ex;
	padding-bottom: 1ex;
	padding-right: 1em;
}
div#primary.sidebar ul.xoxo li ul li a:hover {
	color: black;
}

div#secondary.sidebar ul.xoxo li ul {
	margin-top: 1em;
}
div#secondary.sidebar ul.xoxo li ul li {
	text-align: center;
	line-height: 1.6em;
}

div#content p, div#content h1, div#content h2, div#content h3, div#content h4, div#content h5, div#content h6, div#content h7  {
	margin-top: 1em;
}


table {
	float: right;
	margin: 2em;
	padding: 1em;
	text-align: center;	
	background-color: #dee;
	-moz-border-radius: 1em;
	-webkit-border-radius: 1em;
	-webkit-box-shadow: -2px 2px 16px rgba(0,50,50,0.9);
	-moz-box-shadow: -2px 2px 16px rgba(0,50,50,0.9);
}

div.entry-meta {
	margin-top: 1em;
	color: #244;
	font-size: 0.8em;
}

/* schedule colouring etc. */


div#weekschedule {
	text-align: center;
}

div#weekschedule table, div#colourguide table {
	color: #333;
	clear: both;
	background-color: #acc;
	font-size: 1em;
	text-align: center;
	empty-cells: show;
	margin: 0;
	border-collapse: collapse;
	width: 100%

}

div#weekschedule tr:hover {
	background-color: #ddd;
}

div#weekschedule td, div#colourguide td {
	border: 1px solid #fff;
	padding: 0.1em;
	padding-right: 0.3em;
	padding-left: 0.3em;
}
div#weekschedule td.timecolumn {
	width: 9%;
	background-color: #fff;
}
div#weekschedule td.daycolumn {
	width: 13%; 
	/* throw a colour in here, should only apply to header */
	background-color: fff;
}

div#weekschedule td p.showtitle {
	line-height: 1.2em;
	margin: 0;
	padding: 0;
	font-weight: bold;
}
div#weekschedule td p.showdescription {
	line-height: 1.2em;
	margin: 0;
	padding: 0;
	margin-top: 0.5ex;
}


/* show types here, for colour */
td.showtype0 {
	background-color: #fcc;
}
td.showtype1 {
	background-color: #ccf;
}
td.showtype2 {
	background-color: #8aa;
}
td.showtype3 {
	background-color: #ffc;
}
td.showtype4 {
	background-color: #dda;
}
td.showtype5 {
	background-color: #d6d;
}
td.showtype6 {
	background-color: #888;
}
td.showtype7 {
	background-color: #777;
}
td.showtype8 {
	background-color: #666;
}
td.showtype9 {
	background-color: #555;
}
td.defaultmusic {
	color: #577;
}

div#weekschedule a {
	color: #333;
	font-weight: bold;
	text-decoration: underline;
	display: block;
	width: 100%;
}
div#weekschedule a:hover {
	color: #000;
}

div#theschedule {
	margin-top: 2em;
}

div#timezoneselectform {
	float: left;
	margin: 0;
	padding: 0;
/*	text-align: center; */
}
div#timezoneselectform form {
	margin: 0;
	padding: 0;
/*	text-align: center; */
}
div#timezoneselectform form p {
	margin: 0;
	padding: 0;
/*	text-align: center; */
}
div#usercolourguide {
	float: right;
}
div#usercolourguide table {
	clear: none;
	background-color: transparent;
	margin: 0;
	padding: 0;
	border-collapse: collapse;
}
div#usercolourguide table td {
	padding-left: 0.5em;
	padding-right: 0.5em;
}

/* let's hide the timezone choice */
div#timezoneselectform {
	display: none;
}

div#blog-description {
	margin-top: 1em;
}

div.textwidget {
	padding-left: 1em;
}

div.textwidget p {
	font-size: 1em;
	margin-top: 1ex;
}

blockquote {
	color: #355;
	border-left: 4px solid #acc;
	padding-left: 1em;
}

div#content.blogcallout {
	margin-right: 24em;
	clear: none;
}
/*
div#post-2 {
	clear: none;
}
div#post-2 h2 {
	clear: none;
}
*/

div#blogcallout {
	position: absolute;
	top: 141px;
	right: 0;
	width: 22em;
	padding: 1em;
	background-color: #dee;
	-moz-border-radius-bottomleft: 1em;
	-webkit-border-bottom-left-radius: 1em;
	-webkit-box-shadow: -2px 2px 16px rgba(0,50,50,0.9);
	-moz-box-shadow: -2px 2px 16px rgba(0,50,50,0.9);
}
div#blogcallout li, div#blogcallout li li {
	list-style: none;
	margin: 1ex 0 0 0;
	padding: 0;

}
div#blogcallout ul {
	margin: 0;
	padding: 0;
}
div.wp-caption img {
	margin-bottom: -1em;
}
div.wp-caption p.wp-caption-text {
	margin-bottom: 1em;
	font-weight: bold;
	font-size: 1em;
}
form#searchform {
	text-align: center;
}
form#searchform input#s {
	width: 15em;
}

/* category list in sidebar */

div#categoryposts {
	margin: 2em;
	padding-top: 2em;
	clear: left;
	width: 200px;
}
div#categoryposts h3 {
	text-align: center;
}

/* make each post a pretty white with rounded corners */
div.post, div.page {
	background-color: white;
	margin-bottom: 2em;
	padding-left: 2em;
	padding-right: 2em;
	padding-bottom: 2em;
	clear: both;
	-moz-border-radius: 2em;
	-webkit-border-radius: 2em;
	border-radius: 2em;
	-webkit-box-shadow: -2px 2px 16px rgba(0,50,50,0.3);
	-moz-box-shadow: -2px 2px 16px rgba(0,50,50,0.3);
}
div.post h2.entry-title, div.page h2.entry-title {
	color: white;
	background-color: #355;
	display: inline;
	padding-left: 1em;
	padding-right: 1em;
	-moz-border-radius: 1em;
	-webkit-border-radius: 1em;
	border-radius: 1em;
}
div.post h2.entry-title a, div.page h2.entry-title a {
	color: white;
	text-decoration: none;
}

/* special colours for halloween post */
div#post-389 {
	color: #ff6600;
	background-color: black;
	font-weight: bold;
}
div#post-389 h2 {
	background-color: #cc3300;
}

div.entry-content ul li {
	font-size: 1.1em;
	line-height: 1.6em;
}
/* style up the now playing image and text */
div#nowplng, div#nowplng p {
	text-align: center;
	font-weight: bold;
}
div#nowplng {
	margin-bottom: 2em;
	margin: 1em;
	margin-top: 2em;
	padding-bottom: 1ex;
	background-color: white;
	text-align: center;
	border-radius: 2em;
	box-shadow: inset -3px -3px 3px #ccc;
}
div#nowplng img {
	margin-top: -1ex;
	margin-bottom: 1ex;
	border-radius: 1em;
	border: 1px solid #666;
	box-shadow: -2px 2px 16px rgba(0,50,50,0.9);
}

/* play history table */
div#playhistory table tr:nth-child(odd) {
	background-color: #fff;
}
div#playhistory table td {
	padding-left: 1em;
	padding-right: 1em;
}
div#playhistory h3 {
	clear: both;
}
/* artist profile styles */
div#artistprofile img {
	float: right;
	margin-left: 1em;
	border-radius: 3em;
}
 /* shove the article date to the right */
 div.entry-date {
 	text-align: right;
 }