/* Agenzia.co.uk for Poptones.co.uk 2005 */

/* declare font-size for scaling throughout stylesheet */

*{font-size:102%;}

/* Most pages have the default class attached to body, but if you select a specific band, the appropriate background class will be applied */

body{
margin:0 0 0 10px;
padding: 0;
font:75%/140% verdana, Helvetica, sans-serif;
}
.default {
background: #252424;
}
.dd {
background: #252424;
}
.mardous {
background: #96657E;
}
.dodgems {
background: #4E5E7E;
}
.killcity {
background: #3D7E82;
}
.others {
background: #5E8E5C;
}
.unstrung {
background: #413D7C;
}
.paddingtons {
background: #846C25;
}
.neils {
background: #512825;
}
.echelon {
background: #8D4843;
}
.hives {
background: #A88652;
}
.kbt {
background: #3D7E82;
}
.cherrystones {
background: #3D7E82;
}

.hide {
display: none;
}

.wee {
font-size:9px;
}

.statsbox {position: relative;background:#FFF;border:0px solid #ddd;margin-bottom:7px;margin-top:10px;margin-left: 5px;margin-right: 5px;height:132px; overflow: auto;width: 525px;}
.photobox {background:#FAF6F7;border:1px solid #ddd;padding:3px 7px 3px 7px;margin-bottom:7px;margin-left: 5px;margin-right: 5px;font-size:10px;}

table {
font-size:9px;
width:94%;
border:0;
margin: 0px 7px 5px 7px;
}
td, th { padding: 1px 0 1px 0; margin: 0px; }
    #stats tbody tr.even td {
border-top:1px solid #CBD9E5;
    }

.thumb_image {
border:1px solid #CCC;padding:4px;background:#E3C3D7;
}
.thumb_image_bands {
border:1px solid #CCC;margin: 0 0 0 5px;padding:4px;background:#E1DDDD;
}

.main {
text-align: center;
}
.main p {
color: #FFF;
}

/* default links */

a:link {background-color:transparent;text-decoration:underline;color:#666}
a:hover {background-color:#FFFFCC;text-decoration:underline #CCC;color:#990000}
a:visited {background-color:transparent;text-decoration:underline;color:#666}

/* main wrapper that holds it all centrally */

#wrapper {
	width:759px;
	margin:0;
	text-align:left;
}

/* default masthead holding the poptones banner and menu */

#header {
height: 280px;
margin-top: -50px;
text-align: right;
}

#header img {
float: left;
margin-left: -10px;
margin-top: 50px;
margin-right: 58px;
text-decoration: none;
}

/* now the three main columns, named in order of importance and display when styles switched off */

#main-content{
	width:270px;
	display:inline;
	float:left;
margin-top: -30px;
	margin-left:196px;
margin-bottom: 20px;
}

#second-content{
	width:270px;
	float:left;
margin-top: -30px;
	margin-left:15px;
margin-bottom: 20px;
}

#third_content{
	width:181px;
	float:left;
margin-top: -30px;
	margin-left:-750px;
margin-bottom: 20px;
}

/* full column - used for search results etc */

#full-content{
	width:555px;
	display:inline;
	float:left;
margin-top: -30px;
	margin-left:196px;
margin-bottom: 20px;
}

.content_full {
width:540px;
margin: 0 0 0 15px;
padding-top: 10px;
padding-bottom: 0px;
background: #FFF;
font-size: 80%;
}

.content_footer {
width:736px;
margin: 0 0 0 15px;
padding-top: 10px;
padding-bottom: 0px;
background: #FFF;
font-size: 80%;
}

.content_footer p {
color: #333;
}

#second-content img {
margin: 0px 0 5px 0px;
}

.content_full p {
margin: 0;
padding: 0 5px 5px 5px;
color: #333;
}
.content_full h3 {
display: inline;
font-size: 99%;
margin: 10px 5px 0 0;
padding: 2px;
}

.content_full_releases {
width:540px;
margin: 0 0 0 15px;
padding-top: 10px;
padding-bottom: 0px;
background: #FFF;
font-size: 80%;
}

.content_full_releases p {
padding: 5px;
color: #666;
}

/* Using these to style the search results */

table {
margin: 10px 5px 5px 5px;
}

.row_one {
padding: 5px;
 background-color: #E4F0B4;
}
.row_two {
padding: 5px;
 background-color: #FFFFCC;
}
.resultHead {
padding: 5px;
 font-weight: bold;
 border-bottom: 1px solid #999;
 border-top: 1px solid #999;
 background-color: #E8ECD6;
}

/* content_holder_sml is the main structural formatting for the thinner left column, known as third_content */

.content_holder_sml {
width: 181px;
margin: 15px 0 0 0;
padding-bottom: 15px;
background:url(../images/colourbar_home.jpg);
background-repeat: repeat-y;
color: #FFF;
}
.content_sml {
width:171px;
margin: 0 0 0 10px;
padding-top: 10px;
font-size: 65%;
color: #FFF;
background: transparent;
}
.content_sml p {
margin: 0;
padding: 0 5px 5px 5px;
}
.content_sml h2 {
display: inline;
font-size: 140%;
margin: 10px 0 0 5px;
padding: 2px;
font-weight: normal;
}

/* content_holder_bands is for the bands images in the thinner left column, known as third_content */

.content_holder_bands {
width: 181px;
margin: 15px 0 0 0;
padding-bottom: 15px;
background:url(../images/colourbar_bands.jpg);
background-repeat: repeat-y;
color: #FFF;
}
.content_bands {
width:171px;
margin: 0 0 0 10px;
padding-top: 10px;
font-size: 65%;
color: #FFF;
background: #FFF;
}
.content_sml h2 {
display: inline;
font-size: 130%;
margin: 10px 0 0 5px;
padding: 2px;
font-weight: normal;
}
.content_holder_bands img {
float: left;
margin: 0 5px 5px 5px;
}

/* content_holder_tours in the thinner left column, known as third_content */

.content_holder_tours {
width: 181px;
margin: 15px 0 0 0;
padding-bottom: 15px;
background:url(../images/colourbar_ontour.jpg);
background-repeat: repeat-y;
color: #FFF;
}
.content_tours {
width:166px;
margin: 0 0 0 10px;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 5px;
font-size: 80%;
color: #FFF;
background: #FFF;
}
.content_tours h2 {
display: inline;
margin: 10px 0 0 5px;
padding: 2px;
font-weight: normal;
}
.content_tours p, .content_tour_main p {
margin: 0;
padding: 0 5px 2px 5px;
color: #666;
}
.content_tours h3 {
display: inline;
font-size: 99%;
margin: 10px 5px 0 0;
padding: 2px;
background: #D72E2E;
color: #FFF;
}
.content_tour_main {
width:255px;
margin: 0 0 0 15px;
padding-top: 10px;
padding-bottom: 0px;
background: #FFF;
font-size: 80%;
}

/* content_holder is the main structural formatting for the two wider columns. Note no background information - we add that with the styles that follow after, depending upon which section we are in, by combining two classes in the class declaration, eg content_holder mp3_blog */

.content_holder {
width: 270px;
margin: 15px 0 0 0;
padding-bottom: 15px;
}

.content {
width:255px;
margin: 0 0 0 15px;
padding-top: 10px;
padding-bottom: 0px;
background: #FFF;
font-size: 80%;
line-height: 170%;
}
.content p {
margin: 0;
padding: 0 5px 5px 5px;
color: #333;
}
.content h3 {
display: inline;
font-size: 99%;
margin: 10px 5px 0 0;
padding: 2px;
}

/* the background image defs dependent upon which section we are working with */

.mp3_blog {
background:url(../images/colourbar_mp3blog.jpg);
background-repeat: repeat-y;
}

.doom {
background:url(../images/colourbar_questions.jpg);
background-repeat: repeat-y;
}

.news {
background:url(../images/colourbar_news.jpg);
background-repeat: repeat-y;
}

.shop {
background:url(../images/colourbar_shop.jpg);
background-repeat: repeat-y;
}

.video {
background:url(../images/colourbar_videos.jpg);
background-repeat: repeat-y;
}

.links {
background:url(../images/colourbar_links.jpg);
background-repeat: repeat-y;
}

.classics {
background:url(../images/colourbar_poptones.jpg);
background-repeat: repeat-y;
}

.contact {
background:url(../images/colourbar_contact.jpg);
background-repeat: repeat-y;
}

.bands {
background:url(../images/colourbar_bands.jpg);
background-repeat: repeat-y;
}

/* headers here */

h2 {
text-transform: uppercase;
margin: 0 0 0 15px;
padding: 5px 0 5px 0;
width: 120px;
font-size: 85%;
}

/* and then these h3 statements, unique to whichever section has been attached above, will give the headers the appropriate background color */

h3 {
text-transform: uppercase;
display: inline;
font-size: 100%;
margin: 10px 5px 0 5px;
padding: 2px;
}

.mp3_blog h3 {
background: #F762E0;
}
.doom h3 {
background: #B18FD1;
}
.news h3 {
background: #D7D493;
}
.shop h3 {
background: #C4DDB8;
}
.video h3 {
background: #F6CE45;
}
.links h3 {
background: #EBAE8F;
}
.classics h3 {
background: #ABD543;
}
.contact h3 {
background: #CECEBE;
}
.bands h3 {
background: #AFDBF7;
}
.content_tour_main h3 {
display: inline;
font-size: 99%;
margin: 10px 0 0 5px;
padding: 2px;
background: #D72E2E;
color: #FFF;
}

h3 a:link, h3 a:visited {
background:transparent;color:#000;text-decoration: none;
text-transform: uppercase;
font-size: 100%;
}

h3 a:hover {
color: #FFF;
background: #000;
font-size: 100%;
}

/* date and posted control the small text info in article blurbs - a few misc items here */

.date {
font-size: 90%;
font-weight: bold;
color: #666;
}

.posted {
display: block;
margin-top: -5px;
margin-left: 5px;
padding-bottom: 10px;
font-size: 90%;
font-weight: bold;
color: #666;
}

.posted_s {
display: block;
margin-top: -5px;
margin-left: 80px;
	/*  IE 5 Hack \*/
margin-left: 90px;
	/* end hack */ 
padding-bottom: 0px;
font-size: 90%;
font-weight: bold;
color: #666;
}

.largelink {
font-size: 14px;
letter-spacing: 2px;
font-weight: normal;
font-family: courier;
}
.largelink a:link, .largelink a:visited {
text-decoration: none;
}

/* form styling - not much though kids */

form {
margin: 0;
padding: 0;
}

.content_sml div {
margin: 0;
padding: 0;
}

fieldset {
width: 161px;
border: 0;
margin-bottom: 10px;
padding: 5px;
background: #FFF;
}

input {
margin: 0;
font-size: 120%;
}

/* erm, the footer */

#footer{
	clear:both;
background: transparent;
color: #333;
font-size: 90%;
padding: 0px;
}
#footer p {
margin: 4px 10px 0 10px;
padding: 3px;
}

.spacer {
clear: both;
height: 10px;
}

.popshop {
float: left;
height:102px;
overflow:hidden;
margin: 0 5px 5px 5px;
}
.popshopmain {
float: left;
margin: 0 10px 10px 5px;
}
.rightshop {
}
.instock {
color:#000;
padding:0px 2px 0 2px;
background:#FFFF99;
}
.soldout {
color:#FFF;
padding:0px 2px 0px 2px;
background:#F00;
}

.im_float {
float: left;
margin: 0 5px 1px 5px;
clear: both;
}
.im_float_right {
float: right;
margin: 0 5px 10px 5px;
clear: both;
}
.im_floatshop {
float: left;
border: 1px solid #000;
margin: 0 5px 5px 5px;
clear: both;
}
.im_essential {
margin: 8px;
}

.spacer {
clear:both;
}

.shop p {
margin: 0;
padding: 0 5px 0px 5px;
color: #666;
}

/* various specific list items */

.shop ul, .mp3_blog ul, .news ul, .video ul, .doom ul, .contact ul, .classics ul, .links ul {
list-style-type: none;
	margin-left: 0;
padding-left: 0;
margin: 3px 5px 10px 5px;
	line-height: 170%;
color: #666;
}

.shop li, .mp3_blog li, .news li, .video li, .doom li, .contact li, .classics li, .links li {
list-style-type: none;
margin-left: 0;
	padding: 0 0 0 24px;
background: url(../images/band_icons/poptones_icon_small.gif) no-repeat; 
}

.bands ul {
margin-left: 0;
padding-left: 20px;
margin: 3px 5px 10px 5px;
color: #666;
list-style-type: none; 
}


/* styling the list of bands on the bands page */

#nav_categories li {
margin-top: 2px;
font-size: 12px;
}
#nav_categories a:link, #nav_categories a:visited {
text-decoration: none;
}
#nav_categories a:hover {
text-decoration: underline;
}

.content_holder_tours ul {
list-style-type: none;
color: #666;
margin: 3px 5px 2px 5px;
padding-left: 0;
}

.wee p {
font-size: 9px;
text-transform: uppercase;
margin: 10px 0 10px 0;
padding-top: 5px;
border-top: 1px solid #CCC;
border-bottom: 1px solid #CCC;
}

.wee_date {
font-weight: bold;
}

img {
text-decoration: none;
border: 0;
}

/* the vertical site navigation */

#nav {
	height: 242px;
	list-style-type: none;
	list-style-image: none;
margin-left: 28px;
margin-top: -50px;
	/*  IE 5 Hack \*/
margin-top: 0;
	/* end hack */ 
	padding: 0 0 0 0;
}

/* styles for IE */
#nav li {
float: left;
	width: 20px;
margin-left: 5px;
	height: 242px;
	list-style-image: none;
}

#nav a {
	color: #fff;
	font-size: 12px;
	position: relative;
	letter-spacing: 0em;
	display: block;
	padding: 6px 6px 6px 20px;
	text-transform: uppercase;
	height: 242px;
	width: 20px;
	padding: 0;
background-color: #FFFFCC;
	/*  IE 5 Hack \*/
	overflow: hidden;
	/* end hack */ 
}

/* Highlight the section you're in and on rollover: */

#navhome { background: url(../images/home.gif) no-repeat 0 50px;text-indent: 9999px; }
#navnews { background: url(../images/news.gif) no-repeat 0 50px; }
#navbands { background: url(../images/bands.gif) no-repeat 0 50px; }
#navvideos { background: url(../images/videos.gif) no-repeat 0 50px; }
#navshop { background: url(../images/shop.gif) no-repeat 0 50px; }
#navclassics { background: url(../images/poptones-classics.gif) no-repeat 0 50px; }
#navpod { background: url(../images/podcasts.gif) no-repeat 0 50px; }
#navmp3 { background: url(../images/mp3blog.gif) no-repeat 0 50px; }
#navdoom { background: url(../images/questionsofdoom.gif) no-repeat 0 50px; }
#navtour { background: url(../images/ontour.gif) no-repeat 0 50px; }
#navlinks { background: url(../images/under.gif) no-repeat 0 50px; }
#navclubnights { background: url(../images/clubnights.gif) no-repeat 0 50px; }
#navcontact { background: url(../images/contact.gif) no-repeat 0 50px; }


#navhome a:link, #navhome a:visited { background: url(../images/home.gif) no-repeat 0 50px;text-indent: 9999px; }
#navhome a:hover, #navhome a.selected { background: url(../images/home.gif) no-repeat -22px 50px;text-indent: 9999px; }
#navnews a:link, #navnews a:visited { background: url(../images/news.gif) no-repeat 0 50px; }
#navnews a:hover, #navnews a.selected { background: url(../images/news.gif) no-repeat -22px 50px; }
#navbands a:link, #navbands a:visited { background: url(../images/bands.gif) no-repeat 0 50px; }
#navbands a:hover, #navbands a.selected { background: url(../images/bands.gif) no-repeat -22px 50px; }
#navvideos a:link, #navvideos a:visited { background: url(../images/videos.gif) no-repeat 0 50px; }
#navvideos a:hover, #navvideos a.selected { background: url(../images/videos.gif) no-repeat -22px 50px; }
#navshop a:link, #navshop a:visited { background: url(../images/shop.gif) no-repeat 0 50px; }
#navshop a:hover, #navshop a.selected { background: url(../images/shop.gif) no-repeat -22px 50px; }
#navclassics a:link, #navclassics a:visited { background: url(../images/poptones-classics.gif) no-repeat 0 50px; }
#navclassics a:hover, #navclassics a.selected { background: url(../images/poptones-classics.gif) no-repeat -22px 50px;}
#navpod a:link, #navpod a:visited { background: url(../images/podcasts.gif) no-repeat 0 50px; }
#navpod a:hover, #navpod a.selected { background: url(../images/podcasts.gif) no-repeat -22px 50px; }
#navmp3 a:link, #navmp3 a:visited { background: url(../images/mp3blog.gif) no-repeat 0 50px; }
#navmp3 a:hover, #navmp3 a.selected { background: url(../images/mp3blog.gif) no-repeat -22px 50px; }
#navdoom a:link, #navdoom a:visited { background: url(../images/questionsofdoom.gif) no-repeat 0 50px; }
#navdoom a:hover, #navdoom a.selected { background: url(../images/questionsofdoom.gif) no-repeat -22px 50px; }
#navtour a:link, #navtour a:visited { background: url(../images/ontour.gif) no-repeat 0 50px; }
#navtour a:hover, #navtour a.selected { background: url(../images/ontour.gif) no-repeat -22px 50px; }
#navlinks a:link, #navlinks a:visited { background: url(../images/under.gif) no-repeat 0 50px; }
#navlinks a:hover, #navlinks a.selected { background: url(../images/under.gif) no-repeat -22px 50px; }
#navclubnights a:link, #navclubnights a:visited { background: url(../images/clubnights.gif) no-repeat 0 50px; }
#navclubnights a:hover, #navclubnights a.selected { background: url(../images/clubnights.gif) no-repeat -22px 50px; }
#navcontact a:link, #navcontact a:visited { background: url(../images/contact.gif) no-repeat 0 50px; }
#navcontact a:hover, #navcontact a.selected { background: url(../images/contact.gif) no-repeat -22px 50px; }