/*
 * Global Stylesheet for Myleene Klass
 * http://www.myleeneklass.co.uk
 * Written by John Stewart - http://www.jstewartdesign.com
*/

/*-----------------
Global Settings
------------------*/

body{
background-repeat:repeat-x;
background-color: #222222;
border:0;
margin:0;
padding:0;
text-align: center;
font-family: Arial, Helvetica, sans-serif;
font-size: 62.5%;
}

#navigation{
height: 39px;
background-repeat:repeat-x;
width: 770px;
margin: 0 auto;
}

#wrapper{
width: 100%;
margin: 0 auto;
text-align: left;
background-color:#FFFFFF;
}

#center-image{
width: 770px;
height: 194px;
}

#search-box{
width: 268px;
margin: 173px 0px 2px 0px;
padding: 0px 0px 0px 0px;
float: right;
color: #FFFFFF;
font-size: 1.25em;
font-weight: bold;
text-align: left;
}

#search-box .input-box{
height: 13px;
width: 156px;
}

#search-box .input-button{
background:url(../_images/search_go.gif);
border-style: solid;
border-width: 1px;
border-color: #666666;
height: 20px;
}

#search-box label{
padding: 0px 4px 0px 6px;
}

#content{
width: 770px;
margin: 0 auto;
min-height: 400px;
font-size: 1.2em;
line-height: 1.4em;
}

#footer{
height: 50px;
background-image:url(../_images/footer_bg.gif);
background-repeat:repeat-x;
background-color: #222222;
color: #FFFFFF;
font-size: 1.2em;
text-align: left;
clear: both;
}

#footer h2{
font-size: 1.7em;
}

#footer-container{
width: 770px;
padding-top: 8px;
margin: 0px auto;
}

#newsletter{
width: 400px;
float: left;
padding: 10px 25px 10px 10px;
}

#website-information{
width: 314px;
float: left;
padding: 10px;
}

#newsletters{
width: 770px;
}

#newsletters span.col1{
margin-top: 15px;
width: 420px;
float: left;
color: #aeaeae;
}

#newsletters form{
width: 335px;
float: left;
margin: 20px 0px 0px 15px;
}

#newsletters form span.input label{
display: block;
}

#newsletters form span.input{
float: left;
}

#newsletters form span.input input{
border: 1px solid #9e9e9e;
padding: 2px;
}

#newsletters form span.submit{
float: left;
margin: 16px 0px 0px 5px;
}

#newsletters form span.submit input{
border: 1px solid #9e9e9e;
padding: 1px 2px 2px 1px;
}

#newsletters form span.checkbox{
clear: both;
display: block;
padding-top: 5px;
}

#website-informations{
width: 770px;
clear: both;
background-image:url(../_images/footer-background.gif);
background-repeat: no-repeat;
padding-top: 15px;
}

#website-informations span.col1{
width: 420px;
float: left;
color: #aeaeae;
line-height: 20px;
}

#website-informations span.col2{
width: 335px;
margin: 0px 0px 0px 15px;
}

#website-informations span.col2 a.shalitglobal{
display: block;
text-indent: -9999px;
width: 108px;
height: 42px;
background-image:url(../_images/roarglobal.gif);
float: left;
margin: 0px 25px 0px 9px;
}

#website-informations span.col2 a.jstewart{
display: block;
text-indent: -9999px;
width: 173px;
height: 46px;
background-image:url(../_images/jstewart.gif);
float: left;

}

#website-informations span.col2 a.shalitglobal:hover, #website-informations span.col2 a.jstewart:hover{
background-position: bottom right;
}

#footer label{
padding: 0px 86px 4px 0px;
}

.newsletter-name{
width: 105px;
margin-right: 8px;
}

.skip{
position: absolute; 
left: -1000em; 
width: 20em;
}

.music-albums{
float: left;
width: 375px;
display: block;

}

#footer a:link {color:#FFFFFF; text-decoration: underline;}
#footer a:visited {color:#FFFFFF; text-decoration: underline;}

/*-----------------
MAIN NAVIGATION
CSS Rollovers
------------------*/

#main_navigation{
height: 39px;
padding:0px 0px 0px 0px;
margin:0px;
overflow: hidden;
float: right;
width:598px;
}

#main_navigation li{
margin:0px;
padding:0px;
float:left;
display:inline;
}

#main_navigation a {
background-position:top left;
height:39px;
display:block;
outline:none;
text-decoration:none;
text-indent:-5000px;
}

#main_navigation a:hover{
background-position:bottom left;
}

#main_navigation li a.selected{
background-position: bottom left !important;
}

.nav_home{
background-image:url(../_images/navigation/main_home.gif);
width:59px;
}

.nav_myleene{
background-image:url(../_images/navigation/main_myleene.gif);
width:77px;
}

.nav_music{
background-image:url(../_images/navigation/main_music.gif);
width:60px;
}

.nav_tv{
background-image:url(../_images/navigation/main_tv.gif);
width:32px;
}

.nav_book{
background-image:url(../_images/navigation/main_book.gif);
width: 55px;
}

.nav_radio{
background-image:url(../_images/navigation/main_radio.gif);
width:60px;
}

.nav_charity{
background-image:url(../_images/navigation/main_charity.gif);
width:72px;
}

.nav_mands{
background-image:url(../_images/navigation/main_ms.gif);
width:49px;
}

.nav_fashion{
background-image:url(../_images/navigation/main_fashion.gif);
width:72px;
}

.nav_community{
background-image:url(../_images/navigation/main_community.gif);
width:102px;
}
 
/*-----------------
Common Formatting
------------------*/

 
h1, h2, h3, h4, h5, h6 {
margin:0;
padding:0;
font-weight:normal;
}
 
h1 {
margin:0px 0px 10px 0px;
font: 1.7em arial, helvetica, sans-serif;
font-weight: bold;
letter-spacing: 0.5px;
}
 
h2 {
padding:5px 0;
letter-spacing:-1px;
font:1.5em arial, helvetica, sans-serif;
}
 
h3 {
font:1em arial, helvetica, sans-serif;
font-weight:bold;
}
 
p, ul {
margin:0;
padding:0 0 18px 0;
}
 
ul {
list-style:none;
padding:0 0 18px 40px;
}
 
blockquote {
margin:22px 40px;
padding:0;
}
 
small {
font-size:0.85em;
}
 
img {
border:0;
}
 
sup {
position:relative;
bottom:0.3em;
vertical-align:baseline;
}
 
sub {
position:relative;
bottom:-0.2em;
vertical-align:baseline;
}
 
acronym, abbr {
cursor:help;
letter-spacing:1px;
border-bottom:1px dashed;
}
 

/*-----------------
Fkash Rules
------------------*/

#flashcontent {
		height: 100%;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 0.9em;
	}
	
#error{
	text-align: left;
	padding: 10px;
	}

/*------------------
SIFR Rules
-------------------*/

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-hasFlash #footer h2{
	font-size: 13px !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/*-----------------
Links
------------------*/
 
a, a:visited {
text-decoration:none;
}
 
/*-----------------
Forms
------------------*/
 
form {
margin:0;
padding:0;
display:inline;
}
 
input, select, textarea {
font:1em arial, helvetica, sans-serif;
}
 
textarea {
line-height:1.25;
}
 
label {
cursor:pointer;
}
 
/*-----------------
Common Classes
------------------*/
 
.clear         { clear:both; }
 
.float-left    { float:left; }
.float-right   { float:right; }
 
.text-left     { text-align:left; }
.text-right    { text-align:right; }
.text-center   { text-align:center; }
.text-justify  { text-align:justify; }

.small-font	   {font-size: 0.9em;}
.shadow-font   {color: #aeaeae;}
 
.bold          { font-weight:bold; }
.italic        { font-style:italic; }
.underline     { border-bottom:1px solid; }
.highlight     { background:#ffc; }
 
.wrap          { width:960px;margin:0 auto; }
 
.img-left      { float:left;margin:4px 10px 4px 0; }
.img-right     { float:right;margin:4px 0 4px 10px; }

.icon	       {float: left; padding: 0px 10px 10px 10px;}
 
.nomargin     { margin:0; }
.nopadding     { padding:0; }
.noindent      { margin-left:0;padding-left:0; }
.nobullet      { list-style:none;list-style-image:none; }