/*=====================================================
 Peter mark - Styleclub - Developed by bluebloc.com
 http://www.bluebloc.com/
 Copyright (c) 2008 Bluebloc Digital Ltd.
=====================================================
 
=====================================================*/

@charset "utf-8";
/* STYLE CLUB CSS Document */
* {
	margin:0;
	padding:0;
	}
p.bluebloc,p.bluebloc a,p.bluebloc a:hover {text-align:center; color:#d5d5d5;}
body {
	font:80%/1.5 Arial, Helvetica, sans-serif!important; color: #fff!important;
	}
body#index-page,  body#podcast-page {background:#fff url(../i/bg01.gif) top center fixed no-repeat;}
body#style-page {background:#fff url(../i/bg02.gif) top center fixed no-repeat;}
body#music-page, body#news-page {background:#32689b url(../i/bg03.gif) top center fixed no-repeat;}
body#win-page {background:#fff url(../i/bg04.gif) top center fixed no-repeat;}
body#join-page {background:#fff url(../i/bg-05-2010.gif) top center fixed no-repeat;}
/* TYPOGRAPHY
----------------------------------------------------------------------------------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6 { line-height:1.2em;color:#fff;}
h1 {
	color:#FFFFFF;
	padding-bottom:0.5em;
}
body#news-page h1 {color:#fff;border-bottom:1px solid #fff;} 
body#news-page h2,body#style-page h2 {color:#fff;}
p {
	line-height:16px;
	padding-bottom:6px;
	padding-top:4px;
	}

#footer p {color:#333;}	
p.date {text-align:right; font-style:italic;}
body#index-page #left-col .gutter p, body#news-page #left-col .gutter p, body#style-page #left-col .gutter p, body#music-page #left-col .gutter p, body#win-page #left-col .gutter p {color:#fff;}	



/* LINKS
-------------------------------------------------------------------------------------------------------------------------------------------*/	
a,
a:link 
a:active {
   text-decoration: underline;
/* css validation will give a warning if color is set without background color. this will explicitly tell this element to inherit bg colour from parent element */
   background-color: inherit; 
   color: #ffffff; 
}

a:visited {
   text-decoration: underline;
   background-color: inherit;
  color: #ffffff;                /* a different color can be used for visited links */
}


/* remove underline on hover and change color */
a:hover {
   text-decoration: none;
   background-color: #7FE5FE;
   color: #000000;
}	


/* HEADER
----------------------------------------------------------------------------------------------------------------------------------------- */
#header {
	margin:0 auto;
	width: 980px;
	height:170px;
	}	
div.swfobject {float:left;margin-top:5px;}	
h1.logo {margin:0;padding:0;text-indent:-9999px;}
h1.logo a {
	background: url(../i/logo01.gif) no-repeat;
	display:block;
	float:left;
	width:191px;
	height:170px;
	}	
h1.logo a:hover {background: url(../i/logo01.gif) 0 -198px no-repeat;}

/* Main navigation
----------------------------------------------------------------------------------------------------------------------------------------- */
div#nav {
	background:transparent;

	margin-top:69px;
	float:right;
	width: 772px;
	height: 69px;
	}

div#nav ul#menu {
	height: 69px;
	width: 772px;
	background: transparent url(../i/nav1.gif) top left no-repeat;
	position: relative;
	}

div#nav ul#menu li {
	list-style: none;
	position: absolute;
	top: 0;
	}
	
ul#menu li, ul#menu a {
	height: 69px;
	display: block;
	}
div#nav ul#menu li a {
	text-indent: -9999px;
	text-decoration: none;
	}
div#nav ul#menu li {
	text-indent: -9999px;
	text-decoration: none;
	}	
#style {left: 0px; width: 171px;}
#music	{left: 198px; width: 426px;}
#win	{left: 651px; width: 122px;}

#style a:hover	{background: transparent url(../i/nav1.gif) -0px -69px no-repeat;}
#music a:hover {background: transparent url(../i/nav1.gif) -198px -69px no-repeat;}
#win a:hover {background: transparent url(../i/nav1.gif) -651px -69px no-repeat;}

/* Main navigation "active tabs"
----------------------------------------------------------------------------------------------------------------------------------------- */

body#style-page #style {background: transparent url(../i/nav1.gif) -0px -69px no-repeat;}	
body#news-page #music {background: transparent url(../i/nav1.gif) -198px -69px no-repeat;}
body#win-page #win {background: transparent url(../i/nav1.gif) -651px -69px no-repeat;}

/* Page Wrap and Content Layout
----------------------------------------------------------------------------------------------------------------------------------------- */
#wrap {
	clear:both;
	width:980px;
	margin:28px auto 0 auto;
	border:none;
	}
#left-col {
	width:590px;
	float:left;
	background:#fff;
	padding:10px;	
	margin-bottom:10px;			
	}	
#left-col .gutter {background:#fff;	}






h1.comp {text-indent:-999999px;}
h1.comp a {dislpay:block;background:url(../i/comp-01.gif) top left no-repeat;width:499px;height:71px;}


.right-col-box-01 {clear:right;width:325px;float:right;background:#cbccd5;padding:10px;margin-bottom:20px;}	
.right-col-box-01 .gutter {background:#fff url(../i/rt-col-box-01.gif) top left no-repeat; padding:10px; overflow:auto;}	
.right-col-box-02 {clear:right;width:325px;float:right;background:#cbccd5;padding:10px;margin-bottom:20px;}	
.right-col-box-02 .gutter {background:#fff url(../i/rt-col-box-03.gif) top left no-repeat; padding:10px; overflow:auto;}	
.right-col-box-03 {clear:right;width:325px;float:right;background:#cbccd5;padding:10px;margin-bottom:20px;}	
.right-col-box-03 .gutter {background:#fff url(../i/rt-col-box-02.gif) top left no-repeat; padding:10px; overflow:auto;}	
.right-col-box-04 {clear:right;width:325px;float:right;background:#cbccd5;padding:10px;margin-bottom:20px;}	
.right-col-box-04 .gutter {background:#fff url(../i/rt-col-box-04.gif) top left no-repeat; padding:10px; overflow:auto;}	
.right-col-box-05 {clear:right;width:325px;float:right;background:#fff;padding:9px;margin-bottom:20px;}	
.right-col-box-05 .gutter {background:#fff; overflow:hidden;padding:0;margin:0;}

#footer {clear:both;text-align:center;width:980px;margin:20px auto;background:#fff;}
#footer .gutter{padding:10px;}
#footer p {font-size:.9em; line-height:1.2em;padding:2px 0 2px 0;}

/* Images
----------------------------------------------------------------------------------------------------------------------------------------- */
img {}
#left-col .gutter img.left {
	float:left;
	
	margin-right:1em;
	margin-bottom:10px;
	}
#left-col .gutter img.right {
	float:right;
	margin-left:1em;
	margin-bottom:10px;	
	}
img.left1 {float:left;}	
img.right1 {float:right;}	
/* ROLLOVERS + SOME HEADERS
----------------------------------------------------------------------------------------------------------------------------------------- */
h6.more-info {margin-top:1em;padding:0;text-indent:-9999px;}
h6.more-info a {background: url(../i/more-info.gif) no-repeat;display:block;float:right;width:132px;height:132px;}	
h6.more-info a:hover {background: url(../i/more-info.gif) 0 -132px no-repeat;}	

h6.makeover {padding:0;text-indent:-9999px;}
h6.makeover a {background: url(../i/makeover_new.jpg) no-repeat;display:block;width:325px;height:220px;}
h6.makeover a:hover {background: url(../i/makeover_new.jpg) 0 -220px no-repeat;}

h6.join2 {padding:0;margin:0;text-indent:-9999px;}
h6.join2 a/*, h6.debs a:link, h6.debs a:visited*/ {float:left;background: url(../i/join-styleclub-09.gif) top left no-repeat;display:block;width:334px;height:184px;/*border-bottom:10px solid #fff;*/}
h6.join2 a:hover {background: url(../i/join-styleclub-09.gif) 0 -0px no-repeat;}
/*img.debs2, a.debs2 {padding:0;margin:0; float:left; border:none;}*/
img {border:none;}

h6.hot-or-not {padding:0;margin:0;text-indent:-9999px;}
h6.hot-or-not a {float:right;background: url(../i/hot-or-not-dec09.gif) no-repeat;display:block;width:248px;height:184px;}
h6.hot-or-not a:hover {background: url(../i/hot-or-not-dec09.gif) 0 -0px no-repeat;}

h6.hot-or-not2 {padding:0;margin:0;text-indent:-9999px;}
h6.hot-or-not2 a {float:right;background: url(../i/hot-or-not2.gif) no-repeat;display:block;width:325px;height:185px;}
h6.hot-or-not2 a:hover {background: url(../i/hot-or-not2.gif) 0 -0px no-repeat;}

h6.debs {padding:10px 0 0 0;margin:0;text-indent:-9999px;}
h6.debs a {float:left;background: url(../i/debs-new.jpg) no-repeat;display:block;width:290px;height:230px;border-top:10px solid #fff;}
h6.debs a:hover {background: url(../i/debs-new.jpg) 0 -230px no-repeat;}

h6.bebo {padding:0;margin:0;text-indent:-9999px;}
h6.bebo a {float:right;background: url(../i/bebo.gif) no-repeat;display:block;width:290px;height:230px;border-top:10px solid #fff;}
h6.bebo a:hover {background: url(../i/bebo.gif) 0 -230px no-repeat;}

h6.news-podcasts {text-indent:-9999px;background: url(../i/news-podcasts.gif) no-repeat;display:block;width:229px;height:27px;}
h6.hot-not {text-indent:-9999px;background: url(../i/hot-not.gif) no-repeat;display:block;width:172px;height:27px;}
h6.style {text-indent:-9999px;background: url(../i/h6-style.gif) no-repeat;display:block;width:229px;height:27px;}
h6.win {text-indent:-9999px;background: url(../i/h6-win.gif) no-repeat;display:block;width:229px;height:27px;}
h6.music {text-indent:-9999px;background: url(../i/h6-music.gif) no-repeat;display:block;width:229px;height:27px;}
h6.contact {text-indent:-9999px;background: url(../i/home-contact-top.jpg) no-repeat;display:block;width:590px;height:175px;}

h6.xpose {padding:0;margin:0;text-indent:-9999px;}
h6.xpose a {float:right;background: url(../i/pricecut.gif) no-repeat;display:block;width:324px;height:244px;}
h6.xpose a:hover {background: url(../i/pricecut.gif) 0 -244px no-repeat;}

h6.birthday {padding:0;margin:0px;text-indent:-9999px;}
h6.birthday a {float:right;background: url(../i/happy-birthday-2009.gif) no-repeat;display:block;width:341px;height:285px;margin-bottom:20px;}
h6.birthday a:hover {background: url(../i/happy-birthday-2009.gif) 0 -285px no-repeat;}

h6.bebo2 {padding:0;margin:0px;text-indent:-9999px;}
h6.bebo2 a {float:right;background: url(../i/bebo2.gif) no-repeat;display:block;width:341px;height:160px;margin-bottom:20px;}
h6.bebo2 a:hover {background: url(../i/bebo2.gif) 0 -0px no-repeat;}

h6.makeover-dec-09 {padding:0px 0 0 0;margin:0;text-indent:-9999px;}
h6.makeover-dec-09 a {float:left;background: url(../i/makeover-dec-09.jpg) no-repeat;display:block;width:290px;height:209px;border-top:10px solid #fff;}
h6.makeover-dec-09 a:hover {background: url(../i/makeover-dec-09.jpg) 0 -0px no-repeat;}

h6.news-gossip {padding:0;margin:0;text-indent:-9999px;}
h6.news-gossip a {float:right;background: url(../i/news-gossip.gif) no-repeat;display:block;width:290px;height:209px;border-top:10px solid #fff;}
h6.news-gossip a:hover {background: url(../i/news-gossip.gif) 0 -0px no-repeat;}

/* Right Col Box Lists
----------------------------------------------------------------------------------------------------------------------------------------- */
ul.news {margin-top:35px;color:#fff;}
ul.news, ul.podcasts {
	list-style-type:none;color:#fff;
	}
ul.news li, ul.podcasts li{
	padding-bottom:8px;
	color:#fff;
	}	
ul.news li a, ul.news a:link, ul.news a:active {
	background: #9861c6;
	color: #fff;
	display:block;
	width:240px;
	height:26px;
	text-decoration:none;
	font-weight:bold;
	padding: 5px 0 0 5px;
	}	
ul.news li a:hover, ul.news li a.current {background:#97cc02;text-decoration:none;}	
ul.podcasts li a, ul.podcasts a:link, ul.podcasts a:active {
	background: #f6921e;
	color: #fff;
	display:block;
	width:240px;
	height:26px;
	text-decoration:none;
	font-weight:bold;
	padding: 5px 0 0 5px;
	}	
ul.podcasts li a:hover, ul.podcasts li a.current {background:#066196;text-decoration:none;}

/* News and Podcast Entry Div 
----------------------------------------------------------------------------------------------------------------------------------------- */
div.entry {
	border-bottom:1px solid #fff;
	padding-top:10px;
	}

/* POLLS Table Rows	
----------------------------------------------------------------------------------------------------------------------------------------- */
table.polls {width:100%; border-collapse:collapse;}
table.polls ul {list-style-type:none;}
table.polls tr {border-bottom: 10px solid #99cc33;padding:10px;}
table.polls tr.odd {background:#6e9127;}
table.polls tr.even {background:#8ab632;}
table.polls td.left {vertical-align:top;text-align:center;padding:0 10px;width:140px;}
table.polls td.right {vertical-align: top;text-align:left;padding:40px 10px 0 30px;}
h3.polls {padding:10px 0 0 0;margin:0;}
img.polls {border:10px solid #ccff99;margin:10px;}
.percentage {text-align:center;margin:0 auto;}

/* FORM Stuff
------------------------------------------------------------------*/
form div {clear:both;text-align:right;/*border-bottom:1px solid #e7ecf2;*/width:75%; }
form label {
  display: block;
  float: left;
  
  padding: 3px 5px;
  margin: 0px 0px 5px 0px;
  text-align: right;
  font-weight:bold;
  text-transform:uppercase;
	}
form input {
	display:block;
 
	margin-top:5px;
	}
form input.checkbox {
	float:left;
	margin:0;}
form p.left {text-align:left;}	
/*form div input.go {
	clear:both;
	float:left;
	margin-top:1em;
	}
		
input.go {
	background:url(../i/enter.gif) 0 0 no-repeat;

	border:none;
	width:131px;
	height:131px;
margin:0 50%;
	color:#fff;
	cursor:pointer;	
	}*/

/*  NEEW STUFF DEC 2009
----------------------------------------------------------------------------------------*/
body#news-page #left-col, body#news-page #left-col .gutter  {background:transparent;padding:0px;}

div.entry2 {width:590px;background:#0b5b9a;margin-bottom:10px;padding:15px;height:136px;}
div.entry2 img {float:right;margin-left:15px;}
div.entry2 h2 {font-size:18px;}
div.entry2 p {}

p.purple {color:#7551a1;}

/*  NEEW STUFF March 2010
----------------------------------------------------------------------------------------*/
body#style-page #left-col .gutter {background:#6bd0f6;padding:10px;height:100%;overflow:hidden;color:#006699;}
body#style-page #left-col .gutter .entry p, body#style-page #left-col .gutter .entry h2 {color:#006699;}
body#style-page #left-col .gutter .entry h1 {text-indent:-9999px;}
body#music-page #left-col .gutter {background:#066196;padding:10px;height:100%;overflow:auto;}
body#win-page #left-col .gutter {background:#fc982e;padding:30px;height:100%;overflow:auto;}
body#join-page #left-col .gutter {background:#fc982e;padding:30px;height:100%;overflow:auto;}