/*
The unique combination of positioning, typography, colour, images, sizing ('The Style') is copyright 2008 Mecca-Bingo.com and may not be reused 
*/

@import "reset.css";

html{
	font-size:100%;
}

body{
	font-family: "Trebuchet MS", Trebuchet, GillSans, Calibri, sans-serif;
	font-size:0.625em;/*10px*/
	line-height:2em;/*20px*/
	color:#ffffff;
	background:#eebcce url("../images/bg-body-rx.png") repeat-x top center;
}

/*===== TEXT =====*/

/*----- BLOCK -----*/

p{
	font-size:1.4em;
	margin:0px 0px 20px;
}

h1{
	font-size:1.8em;
	margin:0px 0px 10px;
	color:#000000;
}

h2{
	font-size:1.4em;
	margin:0px 0px 10px;
	color:#000000;
}

h3{
	font-size:1.4em;
	color:#000000;
}

ul, ol, dl{
	font-size:1.4em;
	margin:0px 0px 10px;	
}

ol{
	list-style:decimal;
}

	li, dd{
		margin:0px 0px 10px;
	}
	
	ol li{
		margin:0px 0px 10px 25px;
	}

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

	th{
	}
	
	td{
	}

/*----- INLINE -----*/

a{
	font-weight:bold;
	text-decoration:none;
	color:#000000;
}

a:hover{
	text-decoration:underline;
	color:#000000;
}

abbr, acronym{
	border-bottom:1px dotted #;
	cursor: help;
}

input, textarea, select{
	font-family: Verdana, Geneva, Tahoma, sans-serif;
}

/*===== LAYOUT =====*/

#container{
	position:relative;
	width:740px;
	margin:0px auto;
}

	#main{
		position:absolute;
		margin-top:230px;
	}
	
		#contenttop{
			float:right;
			width:540px;
			padding:65px 0px 0px;
			background:url("../images/bg-content-top.png") no-repeat top left;			
		}
		
			#contentbottom{
				float:right;
				width:540px;			
				padding:0px 0px 65px;
				background:url("../images/bg-content-bottom.png") no-repeat bottom left;
			}
			
				#content{
					float:right;
					width:460px;				
					padding:0px 40px;
					background:url("../images/bg-content-ry.png") repeat-y top left;
				}
				
					h1#home{
						width:290px;
						height:0px;
						padding:40px 0px 0px;
						background:url("../images/hd-join.png") no-repeat top left;
						overflow:hidden;
					}
					
					h1#about-mecca-bingo{
						width:210px;
						height:0px;
						padding:40px 0px 0px;					
						background:url("../images/hd-about.png") no-repeat top left;	
						overflow:hidden;										
					}
					
					h1#games-to-play{
						width:160px;
						height:0px;
						padding:40px 0px 0px;
						background:url("../images/hd-games.png") no-repeat top left;					
						overflow:hidden;						
					}
					
					h1#why-mecca-bingo{
						width:280px;
						height:0px;
						padding:40px 0px 0px;
						background:url("../images/hd-why.png") no-repeat top left;					
						overflow:hidden;						
					}
				
					#intro{
					}
					
					#playtext{
					}
					
						#playtext p{
							font-weight:bold;
						}
						
						#playtext a{
							display:block;
							float:right;
							width:180px;
							height:0px;
							padding:65px 0px 0px;
							background:url("../images/bt-playtext.png") no-repeat top left;
							overflow:hidden;
						}
				
		#sidebar{
			float:left;
			width:200px;
		}
		
			.sidead{
				clear:both;
				float:left;
				width:200px;
			}
			
				.sidead img{
					display:block;
					height:120px;
					width:200px;
				}
			
			#sidenavtop{
				float:left;
				width:200px;			
				padding:40px 0px 0px;
				background:url("../images/bg-sidenav-top.png") no-repeat top left;						
			}
			
				#sidenavbottom{
					float:left;
					width:200px;
					padding:0px 0px 50px;
					background:url("../images/bg-sidenav-bottom.png") no-repeat bottom left;				
				}
				
					#sidenavbottom ul{
						float:left;
						width:140px;
						margin:0px;
						padding:0px 30px;
						background:url("../images/bg-sidenav-ry.png") repeat-y top left;
						font-size:1.6em;
					}
					
						#sidenavbottom ul li{
							margin:0px;
							padding:5px 0px;
						}
						
						#sidenavbottom ul li.first{
							padding:0px 0px 5px;
						}
						
						#sidenavbottom ul li.last{
							padding:5px 0px 0px;
						}
						
							#sidenavbottom ul li a{
								color:#ffffff;
							}
	
	#header{
		position:absolute;
		margin-top:0px;
		height:220px;
		width:740px;
		background:url("../images/bg-playtop.png") no-repeat bottom left;
	}
	
		#logo{
			position:absolute;
			margin:20px 0px 0px;
		}
	
			#logo a{
				display:block;
				height:0px;
				width:235px;
				padding-top:70px;
				background:url("../images/bg-logo.gif") no-repeat top left;
				overflow:hidden;
			}
			
		#playtop{
			position:absolute;
			margin:140px 0px 0px;		
			height:80px;
			width:740px;
		}
		
			#playtop a{
				display:block;
				height:0px;
				width:200px;
				padding:80px 0px 0px;
				background:url("../images/bg-playtop.png") no-repeat top left;			
				overflow:hidden;
			}
			
		#banner{
			position:absolute;
			margin:0px 0px 0px 230px;		
			width:480px;
			height:230px;
		}
		
			#banner a{
				display:block;
				height:0px;
				width:480px;
				padding:230px 0px 0px;
				background:url("../images/bg-banner.gif") no-repeat top left;
				overflow:hidden;
			}

/*===== CONTENT =====*/