@charset "UTF-8";
/* CSS Document */
html,body{
	margin:0px;
	padding:0px;
	height:100%;
}
body{
	background:url(../images/repeating_fur.jpg);
	font-family:"Lucida Grande", Arial, Helvetica, sans-serif;
	font-size:12px;
}

p
{
	font-size: 10px;
	line-height: 1.2em;
}

.wrapper{
	position: relative;
	width:940px;
	height:660px;
	margin:auto;
	overflow:hidden;
	display:block;
}

.hey_babe{
	position:relative;
	z-index:20;
	top:20px;
	left:8px;
	width:120px;
}

.filofax{
	width:820px;
	height:614px;
	display:block;
	float:right;
	background:url(../images/cms/filofax.png) no-repeat;
	top:-130px;
	position:relative;
}

.filofax .left_menu{
	width:33px;
	height:475px;
	float:left;
	/*
	margin-top:60px;
	margin-left:22px;
	*/
	padding-top: 60px;
	padding-left: 20px;
	overflow:hidden;
}
.filofax .left_menu a{
	width:40px;
	height:120px;
	display:block;
	line-height:500px;
	overflow:hidden;
	float:left;
	position:relative;

}

.filofax .left_menu #advice{
	background:url(../images/cms/menu/advice.png);	
	background-position:0px -5px;
	z-index:5;
	top:0px;
}

.filofax .left_menu #join_in{
	background:url(../images/cms/menu/join_in.png);
	background-position:0px -5px;
	z-index:2;
	top:-90px;
}


.filofax .left_menu #news{
	background:url(../images/cms/menu/news.png);
	background-position:0px -5px;
	z-index:3;
	top:-60px;
}

.filofax .left_menu #competition{
	background:url(../images/cms/menu/the-weekender.png);	
	background-position:0px -5px;
	z-index:1;
	top:-120px;
}

.filofax .left_menu #search{
	background:url(../images/cms/menu/search.png);	
	background-position:0px -5px;
	z-index:4;
	top:-30px;
}

.filofax .active,
.filofax .left_menu #join_in:hover,
.filofax .left_menu #news:hover,
.filofax .left_menu #search:hover,
.filofax .left_menu #advice:hover,
.filofax .left_menu #competition:hover{
	z-index:10;
}

.filofax .left_page{
	float:left;
	height:455px;
	width:280px;
	/*margin-top:60px;*/
	padding:10px;
	padding-top: 70px;
	padding-left: 17px;
	/*margin-left:7px;*/
	position:relative;
	z-index:5;
}

.filofax .left_page .left_date{
	font-size:20px;	
	color:#666;
	border-bottom:1px solid #888;
	padding-bottom:5px;
	margin-bottom:3px;
	line-height: 40px;
}
.filofax .left_page .left_date span{
	font-size:35px;	
	margin-right:5px;
}
.filofax .left_page .left_subheader{
	color:#888;	
}

.filofax .left_page .left_content{
	float: left;
	height:360px;
	overflow:hidden;
	width:260px;

}

.filofax .left_page .left_content h1{
	margin: 0;
	padding: 0;
	color:#00AEEF;
	font-size:18px;
	line-height: 20px;
}

.filofax .left_page .left_content h2{
	margin: 0;
	padding: 0;
	color:#00AEEF;
	font-size:14px;
	line-height: 16px;
}

.filofax .left_page .left_content ul,
.filofax .left_page .left_content ul li {
	font-size:10px;
	line-height: 12px;
}

.filofax .left_page .left_content .header{
	color:#00AEEF;
	font-size:14px;
	line-height: 16px;
	margin:0px;
	/*display:block;*/
	font-weight:bold;
}

.filofax .left_page .left_content p{
	font-size:10px;
	line-height: 12px;	
}

.filofax .left_page .left_content a{
	text-decoration:none;
	font-weight:bold;
	color:#00AEEF;
}

.filofax .left_page .left_content strong{
	color:#00AEEF;
}


.filofax .left_footer{
	display:block;
	float: left;
	width: 260px;
}


.filofax .left_footer .qp_prev{
	/*margin-left: 30px;*/
	/*display: block;*/
	float: right;
	text-decoration:none;
	font-weight:bold;
	color:#F09;
}

.filofax .left_footer .qp_next{
	/*margin-right: 30px;*/
	/*display: block;*/
	float: left;
	text-decoration:none;
	font-weight:bold;
	color:#F09;
}

.filofax .left_footer .qp_disabled{
	color: #ccc;
	cursor: default;
}


.filofax .right_page{
	float:left;
	height:455px;
	width:278px;
	margin-top:60px;
	padding:10px;
	margin-left:24px;
	overflow:hidden;
}

.filofax .right_page .right_date{
	font-size:20px;	
	color:#666;
	border-bottom:1px solid #888;
	padding-bottom:5px;
	margin-bottom:3px;
	text-align:right;
	line-height: 40px;
}
.filofax .right_page .right_date span{
	font-size:35px;	
	margin-left:5px;
}
.filofax .right_page .right_subheader{
	color:#888;	
	text-align:right;
}

.filofax .right_page .right_content{
	height:220px;
	position:relative;
	top:-80px;
	text-align: center;
	padding-left:10px;
}

.filofax .right_page .right_content h1{
	color:#F0C;
	font-size:18px;
}

.filofax .right_page .right_content .header{
	color:#00AEEF;
	font-size:14px;
	margin:0px;
	display:block;
	margin-bottom:5px;
	font-weight:bold;
}

.filofax .right_page .right_content p{
	font-size:12px;	
}

.filofax .right_page .right_content a{
	text-decoration:none;
	font-weight:bold;
	color:#00AEEF;
}

.filofax .right_page .top_menu{
	position:relative;
	height:200px;
	width:330px;
	height:253px;
	background:url(../images/cms/top_menu.png) no-repeat;
	top:-70px;
}

.filofax .right_page .top_menu ul{
	display:block;
	margin-left:70px;
	padding-top:45px;
	font-size:10px;
	margin-right:70px;
}

.filofax .right_page .top_menu ul li{	
	text-align:center;
	list-style:none;
	margin-bottom:1px;
}

.filofax .right_page .top_menu ul li a{
	text-decoration:none;
	color:#000
}

.filofax .right_page .top_menu ul li a:hover{
	border-bottom:1px dashed #F06;
}

.filofax .right_menu{
	width:63px;
	height:475px;
	float:left;
	/*margin-top:65px;*/
	overflow:hidden;
	/*margin-left:9px;*/
	padding-top: 65px;
	padding-left: 11px;

}
.filofax .right_menu a{
	width:50px;
	height:123px;
	display:block;
	line-height:500px;
	overflow:hidden;
	float:left;
	position:relative;

}

.filofax .right_menu #spotlight{
	background:url(../images/cms/menu/spotlight.png);	
	background-position:-19px -5px;
	z-index:5;
	top:0px;
}

.filofax .right_menu #contacts{
	background:url(../images/cms/menu/contacts.png);
	background-position:-19px -5px;
	z-index:4;
	top:-33px;
}


.filofax .right_menu #links{
	background:url(../images/cms/menu/links.png);
	background-position:-19px -5px;
	z-index:1;
	top:-131px;
}

.filofax .right_menu #comments{
	background:url(../images/cms/menu/comments.png);	
	background-position:-19px -5px;
	z-index:2;
	top:-99px;
}

.filofax .right_menu #questions{
	background:url(../images/cms/menu/questions.png);	
	background-position:-19px -5px;
	z-index:3;
	top:-66px;
}

.filofax .active,
.filofax .right_menu #spotlight:hover,
.filofax .right_menu #contacts:hover,
.filofax .right_menu #links:hover,
.filofax .right_menu #comments:hover,
.filofax .right_menu #questions:hover{
	z-index:10;
}

.ipod{
	float:left;
	z-index:0;
	position:absolute;
	top:370px;
	left:-101px;
}

#hide{
	float:right;	
	z-index:10;
	position:relative;
	top:-00px;
	left:0px;
}

.footer{
	position:absolute;
	text-align:right;
	clear:both;
	float:right;
	z-index:11;
	width: 500px;
	top:600px;
	left:320px;
	color:#FFF;
}

.footer a{
	text-decoration:	none;
	color:#FFF;
	
}