/*  
Theme Name: South Coast Sounds
Theme URI: http://www.sout-coast-sounds.co.uk/
Description: A WordPress theme designed for use by the record label South Coast Sounds
Version: 1.0
Author: Fresh Egg
Author URI: http://www.freshegg.com/
*/


/*************************************************************************************************
South Coast Sounds CSS - Screen
*************************************************************************************************/


/* HTML Tags
*************************************************************************************************/

body,
html{
	width:100%;
	text-align:center;
	}
body{
	background:#f0f0f0 url(images/bg.png) repeat center top;
	font:62.5% Arial, Helvetica, sans-serif;
	padding:0;
	margin:0;
	}
p, div, span, h1, h2, h3, h4, h5, h6, input, select, textarea, button, strong, em, i, b, a, ul, li, fieldset, img{
	padding:0;
	margin:0;
	font-size:1em;
	border:none;
	}
a{
	color:#000;
	text-decoration:none;
	}
a:hover{
	color:#000;
	}
p{
	font-size:1.2em;
	margin-bottom:1em;
	line-height:1.3em;
	clear:left;
	color:#41545c;
	}
	
h2{
	background:url(images/bg-title.gif) no-repeat;
	font-size:1.6em;
	color:#fff;
	padding:1px 0 0 5px;
	}
h2 a{
	color:#fff;
	}
h2 a:hover{
	color:#e2e4e7;
	}
.sIFR-hasFlash h2{
	visibility:hidden;
	font-size:1.8em;
	padding:0 0 0 5px;
	}
	
/* Structure
*************************************************************************************************/
#wrapper{
	background:url(images/bg-top.png) no-repeat center top;
	}
#container{
	background:#a6b8c0;		
	width:765px;
	text-align:left;
	margin:0 auto;
	border-left:5px solid #fff;
	border-right:5px solid #fff;
	overflow:hidden;
	}
	
/* Header
*************************************************************************************************/
#header{
	background:url(images/bg-diag1.gif);
	border-bottom:5px solid #fff;
	}
#header h1{
	float:left;
	}
#header h1 a{
	background:url(images/logo.gif) no-repeat 5px 0;
	height:0;
	width:226px;
	display:block;
	padding-top:110px;
	overflow:hidden;
	}
	
/* Header Nav
*********************************************/
#header ul{
	background:url(images/gulls.gif) no-repeat 135px 5px;
	display:block;
	float:right;
	list-style:none;
	font-size:1.6em;
	padding-top:93px;
	}
#header li{
	display:inline;
	}
#header li a{
	color:#fff;
	display:block;
	padding-top:23px;
	float:left;
	font-weight:bold;
	overflow:hidden;
	height:0;
	background-repeat:no-repeat;
	background-position:50% 0;
	margin-right:8px;
	}
#header li a:hover{
	background-color:#839ba7;
	}
	
	
#navhome{
	background-image:url(images/nav-home.gif);
	width:46px;
	}
#navabout{
	background-image:url(images/nav-about.gif);
	width:50px;
	}
#navartists{
	background-image:url(images/nav-artists.gif);
	width:53px;
	}
#navgigs{
	background-image:url(images/nav-gigs.gif);
	width:36px;
	}
#navreleases{
	background-image:url(images/nav-releases.gif);
	width:71px;
	}
#navnews{
	background-image:url(images/nav-news.gif);
	width:42px;
	}	
#navcontact{
	background-image:url(images/nav-contact.gif);
	width:62px;
	}
#navlinks{
	background-image:url(images/nav-links.gif);
	width:43px;
	}
#navmyspace{
	background-image:url(images/nav-myspace.gif);
	width:69px;
	}
#navyoutube{
	background-image:url(images/nav-youtube.gif);
	width:67px;
	}
	
	
/* Mast
*************************************************************************************************/
#mast{
	background:url(images/mast.jpg) no-repeat;
	height:225px;
	width:765px;
	}
	
#mastsmall{
	background:url(images/mastsmall.jpg) no-repeat;
	height:100px;
	width:765px;
	}
	
	
/* Left column
*************************************************************************************************/
#leftcol{
	float:left;
	width:520px;
	padding:10px;
	}	


/* Release Box - Small
*********************************************/	
.releasesmall{
	background:url(images/bg-diag1.gif);
	padding:5px;
	border:1px solid #d3dce0;
	float:left;
	margin:5px 5px 5px;
	text-align:center;
	font-size:1.2em;
	}
.releasesmall p{
	padding:0;
	margin:0;
	}
.releasesmall em{
	background:#a6b8c0;
	color:#41545c;
	font-style:normal
	}
.releasesmall strong{
	font-weight:normal;
	color:#fff;
	}
.releasesmall img{
	border:1px solid #d3dce0;
	width:100px !important;
	height:100px !important;
	}
.releasesmall:hover em{
	color:#000;
	background:none;
	}
.releasesmall:hover img{
	border:1px solid #fff;
	}
.releasesmall:hover{
	border:1px solid #fff;
	background:url(images/bg-diag3.gif);
	}
	
/* Release Box - Mid
*********************************************/	
.releasemid{
	background:url(images/bg-diag1.gif);
	padding:5px;
	border:1px solid #d3dce0;
	float:left;
	margin:5px 5px 5px;
	text-align:center;
	font-size:1.2em;
	width:164px;
	}
.releasemid p{
	padding:0;
	margin:0;
	}
.releasemid em{
	background:#a6b8c0;
	color:#41545c;
	font-style:normal
	}
.releasemid strong{
	font-weight:normal;
	color:#fff;
	}
.releasemid img{
	border:1px solid #d3dce0;
	width:100px !important;
	height:100px !important;
	}
.releasemid:hover em{
	color:#000;
	background:none;
	}
.releasemid:hover img{
	border:1px solid #fff;
	}
.releasemid:hover{
	border:1px solid #fff;
	background:url(images/bg-diag3.gif);
	}	

	
/* Release Box - Big
*********************************************/	
.releasebig{
	padding:8px;
	border:1px solid #d3dce0;
	background:#b1c1c8;
	float:left;
	margin:5px;
	}
.releasebig:hover{
	background:#b9c8ce;
	border:1px solid #fff;
	}
.releasebig img{
	border:1px solid #d3dce0;
	float:right;
	}
.releasebig a:hover img{
	border:1px solid #fff;
	}

	
	
/* News Article - Small
*********************************************/	
.newssmall{
	clear:both;
	margin-top:15px;
	float:left;
	width:100%;
	}
.newssmall h2{
	margin-bottom:5px;
	}
.newssmall h3{
	color:#fff;
	font-size:1.2em;
	font-weight:normal;
	padding:5px 5px 0;
	}
.newssmall h3 a{
	color:#fff;
	}
.newssmall h3 em{
	color:#e2e4e7;
	font-style:normal;
	}
.newssmall p{
	padding:0 5px;
	margin:0 0 10px;
	}
.newssmall p a{
	color:#212a2e;
	}
.newssmall p a:hover{
	color:#000;
	}
	
/* News Article - Big
*********************************************/	
.newsbig{
	margin:0 5px;
	}
.newsbig small{
	color:#212a2e;
	font-size:1.2em;
	}
.newsbig h3{
	color:#fff;
	font-size:1.2em;
	font-weight:normal;
	}
.newsbig h3 em{
	color:#e2e4e7;
	font-style:normal;
	}
	

/* Right column
*************************************************************************************************/
#rightcol{
	float:right;
	width:205px;
	padding:10px;
	}
	
#rightcol ul{
	margin-left:28px;
	list-style-image:url(images/icon-white-dot.gif);
	font-size:1.2em;
	}
#rightcol li{
	padding:2px 0;
	}
#rightcol p{
	margin-left:5px;
	}


/* Gig Listing Box - Small
*********************************************/
.gigsmall{
	background:#b1c1c8;
	padding:10px;
	border:1px solid #d3dce0;
	font-size:1.2em;
	margin:5px 10px 10px 4px;
	}
.gigsmall h3{
	font-size:1.4em;
	color:#fff;
	}
.gigsmall h3 a{
	color:#fff;
	}
.sIFR-hasFlash .gigsmall h3{
	font-size:1.6em;
	visibility:hidden;
	}
.gigsmall h4{
	font-size:1.4em;
	color:#e2e4e7;
	}
.gigsmall h4 a{
	color:#e2e4e7;
	}
.sIFR-hasFlash .gigsmall h4{
	font-size:1.5em;
	visibility:hidden;
	}
.gigsmall h5{
	font-size:1em;
	color:#41545c;
	font-weight:normal;
	}
.gigsmall h5 a{
	color:#41545c;
	}
.gigsmall:hover{
	background:#b9c8ce;
	border:1px solid #fff;
	}
	
.gigsmall p{
	font-size:.9em;
	padding-top:4px;
	}


/* Full column
*************************************************************************************************/
#fullcol{
	padding:10px;
	float:left;
	}
	
#fullcol ul,
#leftcol ul{
	margin-left:30px;
	font-size:1.2em;
	line-height:1.6em;
	}

ol{
	font-size:1.2em;
	line-height:1.6em;
	}
	
	
/* Artist Box - Small
*********************************************/	
.artistsmall{
	padding:8px;
	border:1px solid #d3dce0;
	background:#b1c1c8;
	float:left;
	margin:5px 5px 5px 5px;
	width:220px;
	}
.artistsmall:hover{
	background:#b9c8ce;
	border:1px solid #fff;
	}
.artistsmall h3{
	font-size:1.6em;
	color:#fff;
	}
.artistsmall h3 a{
	color:#fff;
	}
.sIFR-hasFlash .artistsmall h3{
	visibility:hidden;
	font-size:1.8em;
	}
.artistsmall img{
	border:1px solid #d3dce0;
	}
.artistsmall a:hover img{
	border:1px solid #fff;
	}
.artistsmall p{
	margin:0;
	padding:0;
	}

	
/* Artist Box - Big
*********************************************/	
.artistbig{
	padding:8px;
	border:1px solid #d3dce0;
	background:#b1c1c8;
	float:left;
	margin:5px;
	}
.artistbig:hover{
	background:#b9c8ce;
	border:1px solid #fff;
	}
.artistbig img{
	border:1px solid #d3dce0;
	float:right;
	}
.artistbig a:hover img{
	border:1px solid #fff;
	}
	

	
/* Gig Box - Mid
*********************************************/
.gigmid{
	background:#b1c1c8;
	padding:10px 20px;
	border:1px solid #d3dce0;
	font-size:1.2em;
	margin:5px 5px 10px 4px;
	float:left;
	width:197px;
	}

.gigmid p{
	font-size:.9em;
	padding-top:4px;
	}
.gigmid h3{
	font-size:1.4em;
	color:#fff;
	}
.gigmid h3 a{
	color:#fff;
	}
.sIFR-hasFlash .gigmid h3{
	font-size:1.6em;
	visibility:hidden;
	}
.gigmid h4{
	font-size:1.4em;
	color:#e2e4e7;
	}
.gigmid h4 a{
	color:#e2e4e7;
	}
.sIFR-hasFlash .gigmid h4{
	font-size:1.5em;
	visibility:hidden;
	}
.gigmid h5{
	font-size:1em;
	color:#41545c;
	font-weight:normal;
	}
.gigmid h5 a{
	color:#41545c;
	}
.gigmid:hover{
	background:#b9c8ce;
	border:1px solid #fff;
	}	
	
/* Gig Box - Big
*********************************************/
.gigbig{
	padding:8px;
	border:1px solid #d3dce0;
	background:#b1c1c8;
	float:left;
	font-size:1.2em;
	margin:5px;
	}
.gigbig h3{
	font-size:1.8em;
	color:#fff;
	}
.gigbig h3 a{
	color:#fff;
	}
.gigbig h4{
	font-size:1.8em;
	color:#e2e4e7;
	}
.gigbig h4 a{
	color:#e2e4e7;
	}
.gigbig h5{
	font-size:1em;
	color:#41545c;
	font-weight:normal;
	}
.gigbig h5 a{
	color:#41545c;
	}
.gigbig:hover{
	background:#b9c8ce;
	border:1px solid #fff;
	}	
	
.sIFR-hasFlash .gigbig h3{
	visibility:hidden;
	}
.sIFR-hasFlash .gigbig h4{
	visibility:hidden;
	}
	

/* Link Catagory Box
*********************************************/
.linkcat{
	padding:8px;
	border:1px solid #d3dce0;
	background:#b1c1c8;
	float:left;
	font-size:1.2em;
	margin:5px;
	width:232px;
	}
.linkcat li{
	font-size:.7em;
	}
.linkcat h3{
	color:#fff;
	font-size:1.4em;
	font-weight:bold;
	}	

/* Footer
*************************************************************************************************/
#footer{
	background:#c7d0d5 url(images/bg-diag3.gif);
	clear:both;
	width:745px;
	border-top:5px solid #fff;
	padding:10px;
	}
#footer a{
	text-decoration:none;
	color:#41545c;
	}
#footer p{
	color:#41545c;
	clear:left;
	padding-top:5px;
	font-size:1em;
	text-align:center;
	display:block;
	margin:0;
	}
	
/* Footer Nav
*********************************************/
#footer ul{
	list-style:none;
	text-align:center;
	width:100%;
	}
#footer li{
	display:inline;
	}
#footer li a{
	border-right:1px solid #41545c;
	padding:0 5px;
	}
#footer .last a{
	border-right:none;
	}

/* Site Map
*************************************************************************************************/

.ddsg-sitemap ul{
	margin-left:25px;
	}
.ddsg-sitemap li{
	font-size:1em;
	}
.ddsg-sitemap li li{
	font-size:.8em;
	}
.ddsg-sitemap li{
	padding:0 3px;
	}





/* Pop Up Box
*************************************************************************************************/
#popbox{
	padding:30px;
	text-align:left;
	}


/* Link seperators
*************************************************************************************************/
.linkseperator{
	list-style:none !important;
	margin:0 !important;
	padding:0 !important;
	background:none !important;
	border:none !important;
	}
.linkseperator li{
	display:inline !important;
	margin:0 !important;
	padding:0 !important;
	background:none !important;
	border:none !important;
	width:auto !important;
	clear:none !important;
	}


/* All Forms
*************************************************************************************************/
input,
select,
textarea{
	border:1px solid #d3dce0;
	color:#e2e4e7;
	background:#839ba7;
	padding:2px;
	font-size:1.2em;
	font-family:Arial, Helvetica, sans-serif;
	display:block;
	clear:left;
	width:100%;
	margin-bottom:1em;
	}
input:hover,
select:hover,
textarea:hover,
input:focus,
select:focus,
textarea:focus{
	background:#41545c;
	color:#fff;
	border:1px solid #fff;
	}
select{
	width:102.6%;
	margin-bottom:10px;
	}
fieldset{
	border:1px solid #d3dce0;
	background:#b1c1c8;
	margin:5px 5px 10px;
	display:block;
	padding:10px;
	}
fieldset:hover{
	background:#b9c8ce;
	border:1px solid #fff;
	}
button{
	cursor:pointer;
	padding:3px 10px;
	background:#41545c;
	color:#fff;
	border:1px solid #fff;
	margin-top:-5px;
	}
button:hover{
	background:#000;
	}
label{
	color:#fff;
	font-size:1.1em;
	line-height:1.3em;
	}
legend{
	font-size:1.2em;
	color:#fff;
	font-weight:normal;
	margin-bottom:0;
	}
em.error{
	display:block;
	clear:left;
	margin:10px;
	padding:10px;
	border:1px solid #f00;
	background:#ffc;
	text-align:center;
	font-size:1.3em;
	color:#f00;
	font-style:normal;
	}
form em{
	display:block;
	clear:left;
	margin:10px;
	padding:10px;
	border:1px solid #f00;
	background:#ffc;
	text-align:center;
	font-size:1.3em;
	color:#f00;
	font-style:normal;
	}
form label em{
	display:inline;
	margin:0;
	padding:0;
	border:none;
	background:none;
	text-align:left;
	font-size:inherit;
	color:#f00;
	font-style:normal;
	}
form .required{
	border:1px solid #f00;
	background:#ffc;
	}
		
	
/* Standard Form
*********************************************/
.standardform fieldset{
	width:220px;
	float:left;
	}
.standardform .fullwidth{
	width:478px;
	}
.tworadios label{
	width:70px !important;
	clear:none;
	float:left;
	display:inline !important;
	text-align:right;
	font-size:1.1em;
	color:#4a718c;
	margin:5px 0;
	}
.tworadios input{
	width:auto !important;
	float:left;
	clear:none;
	background:none;
	border:none;
	display:inline;
	margin:5px;
	}
label.checkbox,
input.checkbox{
	width:auto !important;
	float:left;
	clear:none;
	display:block;
	margin-right:5px;
	border:none;
	background:none;
	}
.monthyear select{
	width:114px;
	display:block;
	float:left;
	clear:none;
	margin:0 0 10px;
	}
.monthyear span{
	display:block;
	float:left;
	margin:3px 5px;
	font-size:1.4em;
	color:#a5b8c5;
	}
	
	
/* sIFR styles
*************************************************************************************************/
.sIFR-flash{
	visibility:visible !important;
	margin:0;
	}
.sIFR-replaced{
	visibility:visible !important;
	}
span.sIFR-alternate{
	position:absolute;
	left:0;
	top:0;
	width:0;
	height:0;
	display:block;
	overflow:hidden;
	}
/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true]{
  display:none !important;
	}
	
	
/* LightBox v2.02 styles (updated for validation)
*************************************************************************************************/
#lightbox{
    position:absolute;
    top:40px;
    left:0;
    width:100%;
    z-index:100;
    text-align:center;
    line-height:0%;
    }
#lightbox a img{
	border:none;
	}
#outerImageContainer{
    position:relative;
    background-color:#fff;
    width:250px;
    height:250px;
    margin:0 auto;
    }
#imageContainer{
    padding:10px;
    }
#loading{
    position:absolute;
    top:40%;
    left:0%;
    height:25%;
    width:100%;
    text-align:center;
    line-height:0%;
    }
#hoverNav{
    position:absolute;
    top:0;
    left:0;
    height:100%;
    width:100%;
    z-index:10;
    }
#imageContainer>#hoverNav{
	left:0;
	}
#hoverNav a{
	outline:none;
	}
#prevLink,
#nextLink{
    width:49%;
    height:100%;
    background:transparent url(../graphics/blank.gif) no-repeat; /* Trick IE into showing hover */
    display:block;
    }
#prevLink{
	left:0;
	float:left;
	}
#nextLink{
	right:0;
	float:right;
	}
#prevLink:hover{
	background:url(../graphics/prev.gif) no-repeat;
	background-position:center;
	background-position:left;
	}
#prevLink:visited:hover{
	background:url(../graphics/prev.gif) no-repeat;
	background-position:center;
	background-position:left;
	}
#nextLink:hover{
	background:url(../graphics/next.gif) no-repeat;
	background-position:center;
	background-position:right;
	}
#nextLink:visited:hover{
	background:url(../graphics/next.gif) no-repeat;
	background-position:center;
	background-position:right;
	}
#imageDataContainer{
	font-size:1.2em;
	color:#4a718c;
    background-color:#fff;
    margin:0 auto;
    line-height:1.4em;
    }
#imageData{
    padding:0 10px;
    }
#imageData #imageDetails{ 
	width:70%; 
	float:left; 
	text-align:left;
	}   
#imageData #caption{
	font-weight:bold
	}
#imageData #numberDisplay{
	display:block;
	clear:left;
	padding-bottom:1.0em;
	}           
#imageData #bottomNavClose{
	width:66px;
	float:right;
	padding-bottom:0.7em;
	}   
#overlay{
    position:absolute;
    top:0;
    left:0;
    z-index:90;
    width:100%;
    height:500px;
    background-color:#000;
    }


/* Clearfix (updated for IE7 compatibility)
*************************************************************************************************/
.clearfix:after {
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
    }
   
* html>body .clearfix {
    display:inline;
    width:100%;
    }

* html .clearfix {
    /* Hides from IE-mac \*/
    height:1%;
    /* End hide from IE-mac */
    }