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

body{
	background-image: url(../_images/homepage/background.gif);
	width: 100%;
	background-repeat:repeat-x;
	
}

#wrapper{
width: 100%;
background-image:url(../_images/homepage/overlay.jpg);
background-position: center 0px;
background-repeat: no-repeat;
background-color: transparent;
}

#content{
width: 770px;
padding-top: 55px;
margin: 0 auto;
min-height: 818px;
height:auto !important;
  height:818px;
}

#hometop{
min-height: 390px;
height:auto !important;
  height:390px;
}

#hometop .col1{
width: 260px;
float: left;
margin-left: 247px;
margin-right: 25px;
overflow:hidden;
display: inline;
}

#hometop .col1 a.signature{
display:block;
width: 88px;
height: 54px;
text-indent: -9999px;
float: right;
background-image:url(../_images/homepage/myleene_signature2.gif);
margin: 8px;
}

#hometop .col2{
width: 212px;
float: left;
overflow:hidden;
display: inline;
}

#hometop .col2 a.button{
display:block;
text-indent: -9999px;
width: 115px;
height: 30px;
width: 205px;
clear: both;
background-repeat: no-repeat;
background-position: top right;
}

p.credit{
text-align:right;
color: #629293;
padding-right: 150px;
}

#hometop .col2 a.button:hover{
background-position: bottom right;
}

#hometop .col2 a.button.news{
background-image:url(../_images/homepage/morenews.gif);
margin-bottom: 20px;
}

#hometop .col2 a.button.blog{
background-image:url(../_images/homepage/blogachive.gif);
}

h1{
padding: 0px 0px 0px 0px;
letter-spacing:-1px;
margin: 0px 0px 10px 0px;
background-image:url(../_images/header-underline.gif);
background-position: 0px 22px;
background-repeat: no-repeat;
}


h2 {
font: 1.7em arial, helvetica, sans-serif;
padding: 0px 0px 0px 0px;
letter-spacing:-1px;
margin: 0px 0px 10px 0px;
background-image:url(../_images/header-underline.gif);
background-position: 0px 22px;
background-repeat: no-repeat;
}

#highlights h2, #footer h2 {
background-image: none;
}

#news, #blog{
list-style: none;
margin: 0px 0px 10px 0px;
padding: 0px;
}

#news li, #blog li{
margin-bottom: 10px;
}

#news em, #blog em{
font-style: normal;
display: block;
color:#666666;
}

.shadow-font{
color:#666666;
}

#features{
height: 168px;
margin-bottom: 20px;
}

#features a.babyk{
height: 137px;
width: 219px;
display: block;
float: right;
text-indent:-9999px;
background-image:url(../_images/homepage/feature_babyk.gif);
background-position: top right;
background-repeat: no-repeat;
margin: 10px 25px 0px 0px;
}

#features a.babyk:hover{
background-position: bottom right;
}

#features a.christmas{
height: 164px;
width: 202px;
display: block;
float: right;
text-indent:-9999px;
background-image:url(../_images/homepage/feature_christmas.gif);
background-position: top right;
background-repeat: no-repeat;
margin: 2px 25px 0px 0px;
}

#features a.christmas:hover{
background-position: bottom right;
}


#features a.nta{
height: 134px;
width: 162px;
display: block;
float: right;
text-indent:-9999px;
background-image:url(../_images/homepage/nta-vote.gif);
background-position: top right;
background-repeat: no-repeat;
margin: 13px 25px 0px 17px;;
}

#features a.nta:hover{
background-position: bottom right;
}

#features a.book{
height: 153px;
width: 207px;
display: block;
float: right;
text-indent:-9999px;
background-image:url(../_images/homepage/feature_book.gif);
background-position: top right;
background-repeat: no-repeat;
margin-right: 25px;
}

#features a.book:hover{
background-position: bottom right;
}



#highlights{
width: 730px;
height: 159px;
background-image:url(../_images/homepage/highlights_background.jpg);
background-repeat: no-repeat;
padding: 15px;
margin: 8px;
display: block;
}

#highlights .col1{
float: left;
width: 217px;
padding-right: 15px;
background-image: url(../_images/homepage/features_border.gif);
background-repeat: no-repeat;
background-position: right 0px;
}

#highlights .col1 span{
padding-left: 35px;
background-repeat: no-repeat;
display: block;
}

#highlights .col2{
float: left;
width: 205px;
padding: 0px 20px 0px 20px;
background-image: url(../_images/homepage/features_border.gif);
background-repeat: no-repeat;
background-position: right 0px;

}
#highlights .col3{
float: left;
width: 228px;
padding-left: 20px;
height: 160px;
}

#highlights .featured, #highlights .competition{
display: block;
background-position: center 0px;
background-repeat: no-repeat;
text-align: center;
width: 100%;
text-align: -9999px;
}

#highlights .featured.screeningroom{
background-image: url(../_images/homepage/feature_screeningroom.gif);
padding-top: 80px;
}

#highlights .competition{
background-image:url(../_images/homepage/babyk-competition.jpg);
height: 124px;
width: 228px;
text-indent: -9999px;
background-position: -7px 0px;
}

#highlights .col3 h2{
	margin-bottom: 4px;	
}


.error{
color:#CC0000;
font-weight: bold;
}

.icon {float: left; padding: 0px 10px 15px 10px;}

a:link {color:#318c8c; text-decoration: underline;}
a:visited {color:#318c8c; text-decoration: underline;}
a:visited:hover {color:#174f53; text-decoration: none;}
a:hover {color:#174f53; text-decoration: underline;}
a:active {color:#174f53; text-decoration: none;}


#overlay{     background-image: url(/images/overlay.png);     position: absolute;     top: 0px;     left: 0px;     z-index: 90;     width: 100%;     height: 100%; } 

* html #overlay{     background-color: #333;     background-color: transparent;     background-image: url(/_images/lightbox/blank.gif);     filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(         src="/images/overlay.png", sizingMethod="scale"); } 

#box{     width:300px;     background:#2d2d2d;     padding:10px;     border:2px solid #eee; } 

#close{     position:absolute;     top:-5px;     right:-5px;     cursor:pointer; }