/*
Theme Name: ELFM Theme
Theme URI: http://www.twovalleysradio.co.uk/
Description: The theme we've made for the Two Valleys radio site.
Version: 1.0
Author: Kim Lawler & Tom Morgan
Author URI: http://commonagency.com/
Tags: sheep, custom header, fixed width, two columns
*/

/*
##-------------------------------------------------------------------
##
## FILE: 
## CREATED: 03/07/08 by Ben Childs, Common Agency Ltd.
## EDITED BY: Kim Lawler (stripped down css and a few more classes added)   
## NOTES:
##
##-------------------------------------------------------------------
*/

/*
 SOME RULES FOR CONSISTENCY. NOT TO LIVE HERE FOREVER BUT JUST FOR NOW...
 
 1. Order CSS properties consistently for easier co-working. I think of it
 as structure followed by styling [often separated completely]. As a rule,
 you can't style something until you've built it! Therefore, working from the 'outside'
 of an element inwrads it should be something like...
 display, float, clear,  etc
 positioning, z-index, etc
 height, width, etc
 margin, border, padding [in that order - working out to in]
 border styling, rounded corners, etc [in css 3]
 background
 fonts
 text-alignment, text-decoration, etc.
 anything else
 
 2. Consistent code styling/layout. Agree preferred closing bracket position - indented or not?
 
 3. Stick to lowercase for properties where possible.
 
 4. Always use shorthand unless there is a good reason not to. Check out http://www.dustindiaz.com/css-shorthand/ if in doubt.
 
 5. Where suitable, indent/next related styles e.g. h3 span.bullet would be nested just after h3.
 
*/

/*-------------------------------------------------------------------
## CLIENT SPECIFIC NOTES

Main color:
Secondary color:
Preferred web font:

/*-------------------------------------------------------------------*/

/*-------------------------------------------------------------------
## HTML ELEMENTS START HERE */

body {
	padding: 0;
    margin: 0;
	color: #002244;
    font: normal normal normal 14px/140% Arial, Helvetica, sans-serif;
    background: url('images/top-blue-grad.png') top center repeat-x;
}

hr {
	display:block;
	clear:both;
	visibility:hidden;
	height: 0;
	width: 100%;
	margin: 0px;
	padding: 0px;
	border: none;
}

dl {
	margin: 0px 22px;
}

dl dd {
	margin: 0 0 0 0;
}

dl dt {
	font-size: 1.3em;
	font-weight: bold;
}

h1 {
	display: block;
	float: left;
	width: 100%;
	margin: 5px 0;
	font: normal normal normal 24px/1.0em Arial, Verdana, sans-serif;
	text-indent: 10px;
	letter-spacing: 0.25em;
}

h2 {
	display: block;
	width: 100%;
	margin: 0px 0 10px 0;
	font: normal normal normal 18px/1.0em Arial, Verdana, sans-serif;
}

    h2.valleys {
        color:#241E86;
        width:620px;
        height:44px;
        font: normal normal bold 24px/1.0em Arial, Verdana, sans-serif;
        background:white url('images/h2-bg.gif') left bottom no-repeat;
        z-index: 100;
        margin-bottom:0px;
    }
    
    h2.valleys.green {
        height: 34px;
        margin-bottom:0px;
        padding: 10px 0 5px 0;
        text-indent: 10px;
        background:white url('images/h2-bg-green.gif') left bottom no-repeat;
    }

h3 {
	display: block;
	width: 100%;
	margin: 0 0 10px 0;
/*  padding: 5px 0 5px 5px;*/
	font: normal normal normal 18px/1.0em  Arial, Verdana, sans-serif;
}

h3 a {
    text-decoration:none;
    color:#0F1344;
}

h4 {
	display: block;
	margin: 0;
	padding: 5px 0 5px 5px;
	font: normal normal normal 14px/1.0em Arial, Verdana, sans-serif;
}

a {
    text-decoration: none;
	color: #241E86;
    outline: none;
}

a:hover {
	color: #A4CE00;
}

img {
	border: none 0px;
}

p {
	margin: 0 0 10px 0;
	font-size: 14px;
}

pre {
	font-size: 11px;
}

table,td,th {
	border: none 0;
}

td {
	text-align: left;
	vertical-align: top;
}

th {
	text-align: left;
	vertical-align: middle;
}

ul, dl, ol {
	display: block;
	margin: 0;
	padding: 0;
}

	ul.linkList {
		padding: 0 0 0 0;
		}

		ul.linkList li {
			margin: 0 0 4px 0;
			list-style: none;
			}
			
			ul.linkList li a {
				padding: 3px;
				background: #333333;
				color: #ffffff;
				text-decoration: none;
				text-transform: uppercase;
				}
			
			ul.linkList li a:hover {
				background: #ff0000;
				}

li, dt, dd {
	list-style:square inside;
}

/*-------------------------------------------------------------------*/

/*-------------------------------------------------------------------
## MAIN LAYOUT BLOCKS START HERE

REMEMBER... the crux of this layout is a columns based format, centrally aligned, which is optimised
for 1024 x 768 but degrades gracefully to support 800 x 600 as long as no more than 12-columns are
used. The ideal is 12-col + stacked 3-cols, where the 3-cols should contain supplementary content
or advertising that will wrap beneath the 12-col block on smaller screens.

*/



/* header */
.blockHeader {
	display: block;
	position: relative;
	width: 960px;
	height:200px;
	margin: 0 auto ;
}

.blockHeader h1{
    display: block;
    width: 467px;
    height: 59px;
    text-indent: -10000px;
    outline: 0;
    float: left;
    margin: 66px 0 0 104px;
}

.blockHeader p{
    display: block;
    width: 480px;
    height: 25px;
    text-indent: -10000px;
    outline: 0;
    float: right; 
    margin-right: 10px;
}

.swfHeader {
    width:960px;
    height:160px;
    display: block;
    background:transparent url('images/top-bg.jpg') top center no-repeat;
}

.swfPlayer {
    width:620px;
    margin:0 0 20px 0;
}

div#player {
    background-color:#F4F9FD;
/*    border:2px solid #4C5E7F;*/
    border:2px solid #C0DD4E;
    padding:20px;
    color:#241D84;
}

    div#player * {  
        margin:0px 0px 10px;
        font-family:Courier, sans-serif;
        font-weight:bold;    
    }
    div#player p {font-size:13px;}
    div#player * a, div#player h2 {color:black;}
    div#player * img {margin:0px 0px 0px 0px;}
    div#player * a {text-decoration:underline;}
    div#player * a:hover {text-decoration:none;}

.listenAgain {
    background:transparent url('images/player_listenagain.png') top center no-repeat;
}

/* central wrapper */
.blockContent {
	display: block;
	position: relative;
	width: 960px;
	margin: 0 auto;
    padding: 30px 0 0 0;
}

    .pageContent{ /* easier width control for other components, means that all central 
    content is always 620px and we don't need to specifiy this again */
        float: left;
        width: 620px;
        margin-left: 10px;
    }

/* footer */
.blockFooter {
	display: block;
	position: relative;
	width: 945px;
	margin: 0 auto;
    background: url('images/footer-bg.gif') top left no-repeat;
    padding: 35px 15px 15px 0;
}

/*-------------------------------------------------------------------*/

/*-------------------------------------------------------------------
## HOME PAGE ONLY START HERE */

.hiddenSchedule {
    font-size:80%;
    width:460px;
    margin-left:160px;
    display:none;
}

.hiddenSchedule li {
    list-style: none;
}

.hiddenSchedule li p {
    font-size:12px;
    line-height:140%;
}

/*-------------------------------------------------------------------*/
/*-------------------------------------------------------------------
## SEARCHFORM */

#searchform{
    float: right;
    margin: 90px 40px 5px 0;
    display: block;
    height: 30px;
}    

    #searchform #s{
        border: none;
        padding: 5px;
        margin-bottom: 2px;
        float: left;
        height: 12px;
        width: 170px;
    }
    
    #searchform #searchsubmit{
        font: bold normal normal 16px/120% Arial, Helvetica, sans-serif;
        border: none;
        background: none;
        width: 30px; 
        height: 30px;
        display: block;
        float: right;
        color: #FFFFFF;
        padding: 2px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        cursor: pointer;
        margin: 0 25px 0 10px;
    }

/*-------------------------------------------------------------------
## NAVIGATION STYLES START HERE */

ul.navigation{
     position: relative;
     z-index:100;
     margin: 2px 0 0px 0;
     padding: 0 0 0 10px;
     width: auto;
     word-spacing:-1em; /* hack to remove inline-block whitespace in moz/ie*/
     letter-spacing: -1em;/* hack to remove inline-block whitespace in webkit */
   /*  background: url('images/2px-green.gif') bottom left repeat-x;*/
}

ul.navigation li, ul.navigation li.current_page_item{
        word-spacing: normal; /* reset */
        letter-spacing: normal; /* reset */
        list-style: none;
        list-style-type: none;
        margin: 0;
        padding:0;
        font: bold normal normal 18px/100% Arial, Helvetica, sans-serif;
        display:-moz-inline-stack;
        display:inline-block;
        zoom:1;
        *display:inline;
        position: relative;
    }	

         ul.navigation li a{
            color: #241E86;
            padding: 5px 10px 9px 10px;
            display: block;
            text-decoration: none;
            margin: 0 10px 0 0;
        }
        
        ul.navigation li a:hover{
            color: #A4CE00;
        }


        ul.navigation li.current_page_item a{
            color: #A4CE00;
            border: 2px solid #A4CE00;
            background-color: #FFFFFF;
            border-bottom: none;
        }    
        
        ul.navigation li ul{
            width: 200px;
            border: 2px solid #A4CE00;
            background: #FFFFFF;
            border-top: none;
            position:absolute;
            top:29px;
            left:0;
            visibility: hidden;
            display:none;
        }
        
        ul.navigation li.current_page_item ul{
            border-top: none;
            top:34px;
        }
        
            ul.navigation li ul li, ul.navigation li ul li a, ul.navigation li.current_page_item ul li a{
                float: none;
                display: block;
                border: none;
                margin: 0;
                line-height: 130%;
            }
            
            ul.navigation li ul li a:hover{
                background: #9BCC29;
                color: #FFFFFF;
            }
            
            ul.navigation li:hover ul, ul.navigation li a:hover ul{
                visibility: visible;
                display: block;
            }
                    

/*-------------------------------------------------------------------*/

/*-------------------------------------------------------------------
## SIDEBAR */

ul.sidebar{
    float: right;
    width: 220px;
    margin-right: 10px;
}

    ul.sidebar li{
        list-style: none;
        font: normal normal normal 14px/120% Arial, Helvetica, sans-serif;
        margin-bottom: 15px;
    }
    
    ul.sidebar li span#webcam{
        display: block;
        height: 200px;
        background: url('images/loader.gif') center center no-repeat;
        overflow: hidden;
    }
        
        ul.sidebar li span#webcam img{
            border: none;
        }
    
        ul.sidebar li h3{
            height: 30px;
            background: url('images/sidebar-h3-bg.gif') top left no-repeat;
            color: #FFFFFF;
            font: bold normal normal 20px/120% Arial, Helvetica, sans-serif;
            margin: 0;
            padding: 15px 0 0 10px;
        }
        
        ul.sidebar li.links h3, ul.sidebar li.follow h3{background: url('images/sidebar-h3-bg-2.gif') top left no-repeat; }
        ul.sidebar li.gallery h3, ul.sidebar li.contact h3{background: url('images/sidebar-h3-bg-3.gif') top left no-repeat; }
        ul.sidebar li.onAir h3, ul.sidebar li.help h3{background: url('images/sidebar-h3-bg-4.gif') top left no-repeat; }
        
        ul.sidebar li ul{
/*            padding-top: 10px;*/
        }
        
        ul.sidebar li ul li{
            background: url('images/sidebar-list-bg.gif') top left no-repeat;
            padding: 0 0 0 15px;
            margin:0;
        }
        
            ul.sidebar li ul li a{
                text-decoration: underline;
                color: #4C5E7F;
            }
            
            ul.sidebar li ul li a:hover{
                color: #A4CE00;
            }

    ul.sidebar p {
        margin-bottom:5px;
        line-height:140%;
    }

    ul.sidebar h3 + ul, ul.sidebar h3 + p {
        padding-top:5px;
    }
/*-------------------------------------------------------------------*/

/*-------------------------------------------------------------------
## POSTS */

ul.posts{
}

ul.posts li{
    list-style: none;
    border-bottom: 1px solid #4C5E7F;
    padding-bottom: 15px;
    margin-bottom: 15px;
}

    ul.posts li h3{
        font: bold normal normal 24px/100% Arial, Helvetica, sans-serif;
        margin: 0 0 5px 0;
    }
    
    ul.posts li small{
        font: normal normal normal 10px/100% Arial, Helvetica, sans-serif;
        margin: 0 0 10px 0;
        display: block;
    }
    
    ul.posts li p {
        padding-top:1px;
    }
    
    ul.posts li ul, ul.posts li ol{
        margin-bottom: 15px;
    }
    
    ul.posts li ul li{
        border:none;
        list-style:disc inside;
        padding: 0 0 0 10px;
        margin:0;
        
    }
    
    ul.posts li ol li{
        border:none;
        list-style: decimal inside;
        padding: 0 0 0 10px;
        margin:0;
    }
    
    
    
    p.postMeta {
        color:#001F44;
        margin:0;
        border: 1px solid #0F1344;
        padding: 5px 0 5px 25px;
        display: block;
        background: #DCEDFB url('images/comment.gif') 5px center no-repeat;
    }
    
        p.postMeta a {
            color: #0F1344;
        }
        
            p.postMeta a:hover {
                text-decoration: none;
            }
    
    p.postMeta span {
        display: block;
        float: right;
        padding: 3px 3px 0 0;
    }
    
        p.postMeta span a {
            display: block;
            border: none;
            padding: 2px 10px;
            background: #251F86;
            color: #ffffff;
            font: bold normal normal 12px/120% Arial, Helvetica, sans-serif;
            text-align: center;
            text-decoration: none;
            /* CSS3 */
           -moz-border-radius: 3px;
           -moz-border-radius: 3px;
           -webkit-border-radius: 3px;
           -webkit-border-radius: 3px;
        }
        
            p.postMeta span a:hover {
                background: #A4CE00;
                color: #ffffff;
                text-decoration: none;
            }

/*-------------------------------------------------------------------*/

/*-------------------------------------------------------------------
## COMMENT LIST */

h2#commentscount {
    margin-bottom:3px;
}

ul.comments {
    display: block;
    width: 596px;
    height: 250px;
    overflow: auto;
    margin: -15px 0 30px 0;
    border: 2px solid #241E86;
    border-top: none;
    padding: 15px 10px 10px 10px;
    z-index: -50;
    /* background:white url('images/h2-bg.gif') -19px 0 no-repeat;*/
}

    ul.comments.noScroll {
        height: auto;
    }
    
    ul.comments.noComments {
        display: none;
    }

ul.comments li {
    padding: 10px 0 10px 10px;
    list-style: none;
}
    
    /* Re-enable to style latestComment in homepage comments box
    ul.comments li.latestComment {
        padding-top: 0;
        background: #ecffbf;
    }

        ul.comments li.latestComment span {
            display: inline;
            width: auto;
            color: #475f0c;
        }
    
        ul.comments li.latestComment h3 {
            margin: 0 0 3px 0;
            padding: 3px 0 3px 5px;
            background: #9bcc29;
            color: #ffffff;
        }
    */

    ul.comments li.even {
        background: #DFEFFE;
    }

    ul.comments li span {
        display: none;
    }
    
    ul.comments li span.actualDate {
        display: inline;
        float: right;
        padding-right: 5px;
        font-weight: normal;
        font-style: italic;
        color: #002244;
    }
    
    ul.comments li h3 {
        font: bold normal normal 15px/100% Arial, Helvetica, sans-serif;
        margin: 0 0 5px 0;
        color: #241E86;
        width: auto;
        padding:0;
    }
    
    ul.comments li img {
        display: block;
        float: left;
        margin: 0 10px 0 0;
        width: 50px;
    }
    
    ul.comments li p {
        margin: 0;
        width: 500px;
        padding: 0 10px 0 0;
        color: #333333;
    }

/*-------------------------------------------------------------------
## LISTEN/WATCH AGAIN INDEX LISTING */

ul.indexListing li{
    list-style: none;
    border-bottom: 1px solid #4C5E7F;
    padding: 0 0 15px 0;
    margin-bottom: 15px;
}

    ul.indexListing li h3 {
        font: normal normal normal 24px/100% Arial, Helvetica, sans-serif;
        margin: 0 0 5px 0;
        width: 445px;
        float: left;
        padding:0;
    }
    
    ul.indexListing li p.date {
        width: 170px;
        font: normal normal normal 14px/100% Arial, Helvetica, sans-serif;
        float: right;
        text-align: right;
        padding:5px 0 0 0;
        color: #002244;
    }
    
    ul.indexListing li p.broadcastDate{
        font: normal normal normal 16px/100% Arial, Helvetica, sans-serif
    }

/*-------------------------------------------------------------------*/    

/*-------------------------------------------------------------------
## TAGCLOUD */

.tagCloud {
    line-height:120%;
    word-spacing:0.2em;
    font-weight: normal;
}

.tagCloud a {
    text-decoration: none;
}

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

.tagCloud a.tagsize-1{
    color:#3779EA;
}

.tagCloud a.tagsize-2{
    color:#3B73D4;
}

.tagCloud a.tagsize-3{
    color:#416CB9;
}

.tagCloud a.tagsize-4{
    color:#4469AA;
}

.tagCloud a.tagsize-5{
    color:#486496;
}


/*-------------------------------------------------------------------*/

/*-------------------------------------------------------------------
## FORMS */

form.commentForm{
    margin-bottom: 30px;
}

form.commentForm h3 {
    text-indent: -10000px;
    height: 25px;
    width: 347px;
    background: url('images/add-your-own-comment.gif') top left no-repeat;
    margin: 0 0 10px 10px;
    padding: 0;
}

form.commentForm p.user {
    width: 430px;
    margin: 0 0 0 10px;
    padding: 5px 5px 5px 5px;
    background: #999999;
    font-size: 12px;
    line-height: 110%;
    /* CSS3 */
   -moz-border-radius-topleft: 5px;
   -moz-border-radius-topright: 5px;
   -webkit-border-top-left-radius: 5px;
   -webkit-border-top-right-radius: 5px;
}

    form.commentForm p.user span {
        display: block;
        float: left;
        height: auto;
        width: auto;
        margin: 0;
        border: 0;
        padding: 0 0 0 5px;
        background: none;
    }
    
        form.commentForm p.user span.right {
            float: right;
            padding: 0 5px 0 0;
        }
    
    form.commentForm p.user span a {
        color: #ffffff;
    }

form.commentForm fieldset{
    width: 430px;
    height: 240px;
    float: left;
    padding: 20px 15px;
    margin:0;
    border: none;
    background: url('images/form-bg.jpg') top left no-repeat;
    text-align: right;
}
    
    form.commentForm fieldset textarea{
        border: 1px solid #4C5E7F;
        width: 418px;
        padding: 5px;
        height: 105px;
        margin-bottom: 15px;
        font: normal normal normal 14px/120% Arial, Helvetica, sans-serif;
        color: #4C5E7F;
    }
    
    form.commentForm fieldset input{
        border: 1px solid #4C5E7F;
        width: 258px;
        height: 18px;
        padding: 5px;
        margin: 0 0 10px 10px;
        float: right;
        font: normal normal normal 14px/120% Arial, Helvetica, sans-serif;
        color: #4C5E7F;
    }
    
        form.commentForm fieldset span.submit input#submit{
            width: auto;
            border: none;
            padding: 0 15px 0 0;
            height: 29px;
            background: url('images/submit-btn-right.gif') top right no-repeat;
            font: bold normal normal 16px/120% Arial, Helvetica, sans-serif;
            color: #FFFFFF;
            margin: 0;
        }
        
        form.commentForm span.submit{
            width: auto;
            padding: 0 0 0 15px;
            height: 29px;
            display: block;
            background: url('images/submit-btn-left.gif') top left no-repeat;
        }
    
    form.commentForm fieldset label{
        font: bold normal normal 16px/120% Arial, Helvetica, sans-serif;
        height: 25px;
        display:-moz-inline-stack;
        display:inline-block;
        zoom:1;
        *display:inline;
        padding: 5px 0 0 0;
    }

form.commentForm span {
    width: 120px;
    height: 260px;
    padding: 10px;
    float: right;
    background: url('images/form-p-bg.gif') top left no-repeat;
    color: #FFFFFF;
    font: normal normal normal 12px/120% Arial, Helvetica, sans-serif;
}

form.commentFormV2 {
    margin-bottom: 10px;
    margin-top: 20px;
}

form.commentFormV2 h3 {
    float: left;
    height: 25px;
    margin: 0 0 0 0;
    border-bottom: 2px solid #241E86;
    padding: 0 0 8px 0;
    color: #241E86;
    font: normal normal bold 18px/120% Arial, Helvetica, sans-serif;
    z-index: 10;
}

form.commentFormV2 p.user {
    width: 280px;
    float: right;
    position: relative;
    height: 25px;
    margin: -35px 0 0 0;
    border: 2px solid #241E86;
    border-bottom: none;
    padding: 8px 5px 0 5px;
    background: #FFFFFF;
    font-size: 13px;
    line-height: 110%;
    color: #999999;
    z-index: 100;
    /* CSS3 */
   -moz-border-radius-topleft: 5px;
   -moz-border-radius-topright: 5px;
   -webkit-border-top-left-radius: 5px;
   -webkit-border-top-right-radius: 5px;
}

    form.commentFormV2 p.user span {
        display: block;
        float: left;
        height: auto;
        width: auto;
        margin: 0;
        border: 0;
        padding: 0 0 0 5px;
        background: none;
    }
    
        form.commentFormV2 p.user span.right {
            float: right;
            padding: 0 5px 0 0;
        }
    
    form.commentFormV2 p.user span a {
        color: #666666;
    }
        form.commentFormV2 p.user span a:hover {
            color: #111111;
        }

form.commentFormV2 fieldset {
    width: 600px;
    height: 222px;
    float: left;
    margin: 0 0 0 0;
    border: none;
    padding: 10px 10px 10px 10px;
    text-align: left;
    background: #ecffbf;
    background: #ffffff url('images/comment-blue-grad.png') bottom left repeat-x;
}
    
    form.commentFormV2 fieldset textarea {
        float: left;
        height: 200px;
        width: 300px;
        margin-right: 10px;
        border: 1px solid #241E86;
        padding: 5px;
        font: normal normal normal 14px/120% Arial, Helvetica, sans-serif;
        color: #4C5E7F;
    }
    
    form.commentFormV2 fieldset label {
        float: left;
        width: 275px;
        padding: 0 0 5px 0;
        font: bold normal normal 16px/120% Arial, Helvetica, sans-serif;
        color: #241E86;
    }
    
    form.commentFormV2 fieldset input {
        display: block;
        float: left;
        width: 263px;
        height: 18px;
        margin: 0 0 10px 0;
        border: 1px solid #241E86;
        padding: 5px;
        font: normal normal normal 14px/120% Arial, Helvetica, sans-serif;
        color: #4c5e7f;
    }
        
        form.commentFormV2 span.submit {
            float: left;
            width: auto;
            margin: 0 0 0 0;
            padding: 0 0 0 15px;
            height: 29px;
            display: block;
            background: transparent url('images/submit-btn-left.gif') top left no-repeat;
            text-align: left;
        }
        
        form.commentFormV2 fieldset span.submit input#submit {
            width: auto;
            border: none;
            padding: 0 15px 0 0;
            height: 29px;
            background: transparent url('images/submit-btn-right.gif') top right no-repeat;
            font: bold normal normal 15px/120% Arial, Helvetica, sans-serif;
            color: #002244;
            margin: 0;
        }

p.commentingTips {
    width: 600px;
    margin: 0 0 30px 0;
    border: 1px solid #cccccc;
    padding: 10px 10px 10px 10px;
    text-align: left;
    background: #ffffff;
    font: italic normal normal 13px/120% Arial, Helvetica, sans-serif;
    text-align: center;
    color: #999999;
}

/*-------------------------------------------------------------------*/

/*-------------------------------------------------------------------
## SLIDER */

.singleSlider, .doubleSlider {
    margin:10px 0 10px 0;
    display: block;
    position: relative;
}

.singleSlider a.buttonBack{
    display: block;
    width: 30px;
    height: 130px;
    float: left;
    text-indent: -10000px;
    background: url('images/slide-button-left.jpg') top left no-repeat;
}

.singleSlider .coda-nav-left a{
    display: block;
    width: 30px;
    height: 130px;
    float: left;
    text-indent: -10000px;
    background: url('images/slide-button-left.jpg') top left no-repeat;
}

.singleSlider .coda-nav-right a{
     display: block;
    width: 30px;
    height: 130px;
    float: left;
    text-indent: -10000px;
    background: url('images/slide-button-right.jpg') top left no-repeat;
}

.doubleSlider .coda-nav-left a{
    display: block;
    width: 30px;
    height: 260px;
    float: left;
    text-indent: -10000px;
    background: url('images/slide-button-big-left.jpg') top left no-repeat;
}

.doubleSlider .coda-nav-right a{
    display: block;
    width: 30px;
    height: 260px;
    float: left;
    text-indent: -10000px;
    background: url('images/slide-button-big-right.jpg') top left no-repeat;
}

.slideOverflow{
    width: 534px;
    height: 260px;
    display: block;
    overflow: hidden;
    display: block;
    float: left;
    padding: 0 12px;
    position: relative;
    background-color:#EAEAF4;
}

.singleSlider .slideOverflow, .singleSlider .slideBlock{
    height: 130px;
    }

.slideBlock{
    height: 260px;
    display: block;
    position: relative;
    top: 0px;
    left: 0px;
}

.sliderContainer {
    width: 534px;
    padding: 0 12px 0 0;
    overflow: hidden;
    display: block;
    float: left;
}

.singleSlider ul, .doubleSlider ul{
    width: 546px; 
    margin-bottom:10px;
}

.singleSlider ul li, .doubleSlider ul li {
    float: left;
    display: block;
    position: relative;
    width: 170px;
    height: 125px;
    margin-right: 12px;
    margin-bottom:10px;
}


    
    .singleSlider ul li small, .doubleSlider ul li small{
        display: block;
        padding: 55px 0 0 10px;
        font: bold normal normal 14px/100% Arial, Helvetica, sans-serif;
        height: 20px;
        color: #FFFFFF;
    }
    
    .singleSlider ul li h4, .doubleSlider ul li h4 {
        height: 40px;
        color: #FFFFFF;
        background: url('images/slide-overlay.png') bottom left no-repeat;
        width: 154px;
        padding: 5px 8px;
        overflow: hidden;
        font: normal normal normal 16px/130% Arial, Helvetica, sans-serif;
    }
    
    .singleSlider ul li a, .doubleSlider ul li a {
        display:block;
        text-decoration: none;
        background-position: top left;
        background-repeat: no-repeat;
        -moz-border-radius: 7px;
        -webkit-border-radius: 7px;
        
    }
    
    .doubleSlider ul li a.c0 {background: url("images/carousel-back0.png") repeat scroll 0% 0% transparent;}
    .doubleSlider ul li a.c1 {background: url("images/carousel-back1.png") repeat scroll 0% 0% transparent;}
    .doubleSlider ul li a.c2 {background: url("images/carousel-back2.png") repeat scroll 0% 0% transparent;}
    .doubleSlider ul li a.c3 {background: url("images/carousel-back3.png") repeat scroll 0% 0% transparent;}
    .doubleSlider ul li a.c4 {background: url("images/carousel-back4.png") repeat scroll 0% 0% transparent;}
    .doubleSlider ul li a.c5 {background: url("images/carousel-back5.png") repeat scroll 0% 0% transparent;}
    
    .singleSlider ul li a span, .doubleSlider ul li a span {
        z-index: 1000;
        position: absolute;
        height: 56px;
        left: 0;
        top: 0;
        display: none;
        overflow: hidden;
        width: 150px;
        /*background: url('images/trans-bg.png') top left repeat;*/
        background: #a0cf2a;

        /* CSS3 */
        background-image: -moz-linear-gradient(top, #241E86, #3F3FA0); /* FF3.6 */
        background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #241E86),color-stop(1, #3F3FA0)); /* Saf4+, Chrome */
        filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#241E86', EndColorStr='#3F3FA0'); /* IE6,IE7 */
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#241E86', EndColorStr='#3F3FA0')"; /* IE8 */

        color: #FFFFFF;
        padding: 10px 10px;
        font: normal normal normal 10px/16px Arial, Helvetica, sans-serif;
        
        /* CSS3 */
        -moz-border-radius: 7px 7px 0 0;
        -webkit-border-radius: 7px 7px 0 0;
        
        opacity: 0.95;
    }
    
        .singleSlider ul li a:hover span, .doubleSlider ul li a:hover span{
            display: block;
        }
        
        .singleSlider ul li a span p, .doubleSlider ul li a span p {
            font-size:12px;
        }

/*-------------------------------------------------------------------*/

/*-------------------------------------------------------------------
## TABLE STYLES START HERE */

table {
	width: 100%;
	margin: 5px 0 0 0;
}

	table tr td, table tr th {
		border-bottom: 1px solid #cccccc;
	    padding: 3px;
	    font: normal normal normal 1.2em/1.0em Helvetica, Arial, sans-serif;
	    vertical-align: middle;
	}
	
	table tr th {
		border-bottom: 1px solid #333333;
		font-weight: bold;
	}

/*-------------------------------------------------------------------*/

/*-------------------------------------------------------------------
## MESSAGE DISPLAY STYLES START HERE */

/*-------------------------------------------------------------------*/

/*-------------------------------------------------------------------
## FUNCTIONAL STYLES START HERE */

/* float clearer */
.fc, .s{
	clear: both;
	visibility: hidden;
	overflow: hidden;
	width: 0;
	height: 0;
	margin: 0;
	padding: 0;
	line-height: 0;
}

.fLeft{
	float: left;
}

.fRight{
	float: right;
}

/*-------------------------------------------------------------------*/

/*-------------------------------------------------------------------
## FOOTER STYLES START HERE */

.blockFooter ul{
     position: relative;
     float: left;
     z-index:1000;
     margin: 2px 0 5px 0;
     padding: 0;
     width: 450px;
     word-spacing:-1em; /* hack to remove inline-block whitespace in moz/ie*/
     letter-spacing: -1em;/* hack to remove inline-block whitespace in webkit */
}

.blockFooter ul li{
        word-spacing: normal; /* reset */
        letter-spacing: normal; /* reset */
        list-style: none;
        list-style-type: none;
        margin: 0;
        padding:0;
        font: normal normal normal 14px/100% Arial, Helvetica, sans-serif;
        display:-moz-inline-stack;
        display:inline-block;
        zoom:1;
        *display:inline;
        position: relative;
    }	

         .blockFooter ul li a {
            color: #4C5E7F;
            padding: 2px 15px 2px 0;
            display: block;
            text-decoration: none;
        }
        
        .blockFooter ul li a:hover {
            color: #9BCC29;
            text-decoration: underline;
        }


       .blockFooter ul li.current_page_item a {
            color: #9BCC29;
        }    
        
        .blockFooter ul li a.rss{
            background: url('images/feed.gif') top left no-repeat;
            padding: 2px 0 2px 20px;
        }
        
.blockFooter p {
    margin: 5px 0 0 0;
    font: normal normal normal 12px/100% Arial, Helvetica, sans-serif;
    color: #999999;
    width: 250px;
}

.blockFooter a.headstogether{
     float: right;
    display: block;
    width: 158px;
    height: 35px;
    text-indent: -10000px;
    background: url('images/heads-logo.gif') top left no-repeat;
    margin:5px 15px 0px 0px;
}

.blockFooter a.commonagency{
    float: right;
    display: block;
    width: 89px;
    height: 25px;
    text-indent: -10000px;
    background: url('images/common-logo.gif') top left no-repeat;
    margin-top: 10px;
}
/*-------------------------------------------------------------------*/

/*-------------------------------------------------------------------
## DEBUG STYLES START HERE */

.blockDebug {
	width: 760px;
	margin: 0 auto;
	border: 1px dashed #999999;
	padding: 0px;
	background-color: #ffffff;
	text-align: left;
}

.blockDebug {
	margin-top: 15px;
}

.blockDebug li strong {
	font-size: 12px;
}

.blockDebug pre {
	color: blue;
	font-size: 11px;
}

/*-------------------------------------------------------------------*/

/*-------------------------------------------------------------------
## REMAINING MISC STYLES START HERE */

span.editButton {
    float: left;
    width: auto;
    margin: 0 0 0 0;
    padding: 0 0 0 15px;
    height: 29px;
    display: block;
    background: transparent url('images/submit-btn-left.gif') top left no-repeat;
    text-align: left;
}

span.editButton a {
    width: auto;
    border: none;
    padding: 0 15px 0 0;
    height: 29px;
    background: transparent url('images/submit-btn-right.gif') top right no-repeat;
    font: bold normal normal 12px/120% Arial, Helvetica, sans-serif;
    color: #FFFFFF;
    margin: 0;
}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}

/*-------------------------------------------------------------------*/

.warning {
    background-color:#9DBC2B;
    padding:10px;
    font-weight:bold;
    font-size:18px;
    margin-bottom:30px;
}

.navigation{
    text-align:center;
} 
 
/*-------------------------------------------------------------------*/

div.artists-social {
    width:132px;
    float:left;
    margin-right:20px;
}
    div.artists-social * {
        float:left;
        display:block;
    }
    
    div.artists-social a {
        margin:15px 0 0 10px;
    }
        
div.artists-website {
    margin:10px 0px 20px;
}
    
    ul.indexListing li div.artists-website h3 {
        width:inherit;
        margin-right:10px;
    }

    div.artists-website a {
        font-size:150%;
    }