/*-------------------------------------------------------

	doc title: stylesheet
	filename: primary.css
	date: 24/01/2008
	
	-----------------------
	
	1. master reset
	2. typography
	3. listography
	4. base structure
	5. navigation
	6. page specific structure
		6.1 events page specific structure
	7. images
	8. forms
	
	
-------------------------------------------------------*/


										/* ---------- 1. master reset ---------- */ 

* {
	padding			: 0;
	margin			: 0;
	border			: 0px solid red;
}
h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, fieldset, address, table {
	margin			: 1em 5%;
}
li, dd {
	margin-left		: 5%;
}
fieldset {
	padding			: .5em;
}

										/* ---------- 2. typography ---------- */ 

p {font-family:Arial, Helvetica, sans-serif;font-size:0.75em;}
p a {text-decoration:none;color:#B5B5B5;}
p a:hover {text-decoration:none;color:#FF9935;}
.gry {color:#B5B5B5;}
h1 {}
h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:2.5em;
	color:#FF9935;
	font-weight:normal;
	margin: 0.5em 5%;
}
h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.15em;
	font-weight:normal;
}
h3 a {
	color:#B5B5B5;
	text-decoration:none;
}
h3 a:hover {
	color:#FF9935;
	text-decoration:none;
}
h4 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.8em;
	font-weight:normal;
}
h4 a {
	color:#B5B5B5;
	text-decoration:none;
}
h4 a:hover {
	color:#FF9935;
	text-decoration:none;
}
h5 {}

.red {font-family:Arial, Helvetica, sans-serif;font-size:0.75em;color:#E6193A;}
.red_tandc {font-family:Arial, Helvetica, sans-serif;font-size:0.75em;color:#E6193A;}
.red_tandc a{color:#E6193A;text-decoration:none;}
.red_tandc a:hover{color:#FF9935;text-decoration:none;}
#ftr a {text-decoration:none;color:/*#B5B5B5*/ #4B4B4D;}
#ftr a:hover {text-decoration:none;color:#FF9935;}


.ftr_ti {
	color:#E6193A;
}
										/* ---------- 3. listography ---------- */ 
										
#about ul {
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.75em;
	color:#E6193A;
}
#about li {
	margin:10px 5%;
}
										
										/* ---------- 4. base structure ---------- */ 

html {
	overflow-y		: scroll;
}
body {
	font-size		: 100%;
}

#wrap {
	position:relative;
	width:800px;
	margin: 0 auto 0 auto;
}
#hdr {
	position:relative;
	width:800px;
	border-bottom:1px solid #D6D6D6;
}
	#nav {
		position:relative;
		width:600px;
		height:110px;
		float:left;
	}
		#nav_box {
			position:relative;
			border-top:1px solid #D6D6D6;
			border-bottom:1px solid #D6D6D6;
			width:550px;
			font-family:Arial, Helvetica, sans-serif;
			margin-top:80px;
		}
	#logo {
		position:relative;
		float:left;
		width:200px;
		height:110px;
	}

#main {
	position:relative;
	width:800px;
}
#title {
	position:relative;
	float:left;
	width:405px;
	height:86px;
}

				/* -------------------- TEMPORARY ------------------------- */
				
				#temp_rbox {
					position:relative;
					float:left;
					width:385px;
					background:#E51837;
					margin-left:20px;
					margin-top:20px;
				}
					#temp_rbox p {font-family:Arial, Helvetica, sans-serif;font-size:0.75em;color:#fff;}
				
				#cont_temp {
					position:relative;
					width:405px;
					float:left;
				}

				/* -------------------- TEMPORARY ------------------------- */

#cont {
	position:relative;
	width:405px;
	float:left;
	height:370px;
	overflow-y:scroll;
}
#no_scroll #cont {
	overflow-y:hidden;
}
#rimg {
	position:relative;
	float:right;
	width:390px;
	height:465px;
}


#ftr {
	position:relative;
	clear:both;
	font: 0.6em Arial, Helvetica, sans-serif;
	color:/*#C6C6C6*/ #4B4B4D;
	width:800px;
	padding-top:10px;
	border-top:1px solid #D6D6D6;
}

										/* ---------- 5. navigation ---------- */ 

#nav_box a {
	display:block;
	color:#000;
	padding:3px 10px;
	float:left;
	background:#fff;
	text-decoration:none;
	font-size:0.75em;
}
#nav_box a:hover {
	background:#FDE9D0;
}

										/* ---------- 6. page specific structure ---------- */ 
										
										
										
							/* ---------- 6.1 events page specific structure ---------- */	
							
																
#events #title {
	position:relative;
	float:left;
	width:405px;
	height:150px;
}
#events #cont {
	position:relative;
	width:405px;
	float:left;
	height:246px;
	overflow-y:scroll;
}
#event1 {
	position:relative;
	width:365px;
	background:#FEE8D0;
	font-family:Arial, Helvetica, sans-serif;
	padding:10px;
	margin-bottom:5px;
}
#event2 {
	position:relative;
	width:365px;
	background:#FDF1F3;
	font-family:Arial, Helvetica, sans-serif;
	padding:10px;
	margin-bottom:5px;
}
.ev_title {color:#E52743;font-size:1.2em;font-family:Arial, Helvetica, sans-serif;}
.ev_date {font-size:0.8em;font-weight:bold;}
.ev_desc {font-size:0.8em;}
.ev_more {font-size:0.7em;color:#E52743;}
.ev_ref {font-size:0.7em;}
#events #ev_butt {
	position:relative;
	float:left;
	width:405px;
	
}
							/* ---------- 6.1 events page information specific structure ---------- */
#events_pages #title {
	position:relative;
	float:left;
	width:405px;
	height:150px;
}

#events_pages #title_101 {
	position:relative;
	float:left;
	width:405px;
	height:180px;
}
#events_pages #cont {
	position:relative;
	width:405px;
	float:left;
	height:216px;
	overflow-y:scroll;
}

#events_pages #cont_101 {
	position:relative;
	width:405px;
	float:left;
	height:186px;
	overflow-y:scroll;
}

#events_pages #ev_butt {
	position:relative;
	float:left;
	width:405px;
	
}
#events_pages h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:2em;
	color:#FF9935;
	font-weight:normal;
	margin: 0.5em 5%;
}
#events_pages .sub_h2 {
	font-size:0.4em;
	font-weight:bold;
}



.b_title {color:#E52743;font-size:1.3em;font-family:Arial, Helvetica, sans-serif;font-weight:bold;}
.b_date {font-size:1.2em;font-weight:bold;}
.b_ref {font-size:0.9em;}
.b_tac {font-size:0.6em;font-family:Arial, Helvetica, sans-serif; margin:0 5%;}
.b_tac a {color:#E52743;text-decoration:none;}
.b_book {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.5em;
	font-weight:normal;
	margin:0px 5%;
}
.b_book a {
	color:#B5B5B5;
	text-decoration:none;
}
.b_book a:hover {
	color:#FF9935;
	text-decoration:none;
}
.book_hr {
	margin:3px 5%;
	padding:0px;
	height:0px;
	border-top:1px solid #CCCCCC;
}

										/* ---------- 7. images ---------- */ 

.logo_rep {
	background:url(../images/fellow_foodies_logo.jpg) no-repeat;
	width:200px;
	height:110px;
	text-indent:-9000px;
}
.img_rimg {
	padding: 20px 0 0 15px;
}

										/* ---------- 8. forms ---------- */ 
										
										
.form {
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
}
.dropdown {
	border:1px solid #C5C5C5;
}
.form_box {
	border:1px solid #C5C5C5;
}
.submit_button1 {
	background:#FF9935;
	color:#fff;
	padding:4px;
	font-size:0.7em;
}