/* YAHOO RESET CODE */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}
/* END YAHOO RESET CODE */

/* COPYRIGHT NOTICE */
/* You are free to use the CSS generated by the Typographier, including commercial situations,*/
/* we just ask that you leave the following credit in the code: */

/* CSS generated by Typographier http://www.pagedevelopers.com/typographier/ */
/* Create resizable style that follows the baseline grid */

body { font-size:75%; }
html>body{ font-size: 12px; }
/* body { background:url('underline16.gif'); } */

P, ul, dl, table, td, th {
	font-family:Tahoma, Geneva, sans-serif;
	font-size:1em;
	line-height:1.3333em;
	font-weight:normal;
	font-style:normal;
	margin:0 0 1.3333em 0 ;
	color:#333333;
}

H1 {
	font-family:Tahoma, Geneva, sans-serif;
	font-weight:bold;
	font-style:normal;
	margin:0 0 0.6667em 0;
	font-size:1.3333em; 
	line-height:1em; 
}
.subh1 { font-family:Tahoma, Geneva, sans-serif;font-weight:normal; 
	font-size:1.3333em; line-height:2em; 
	font-size:1em;
	line-height:1.3333em;
	/* display:inline;*/}
H2, H3, ul#nav {
	font-family:Tahoma, Geneva, sans-serif;
	font-size:1.3333em;
	line-height:1em;
	font-style:normal;
	
	color:#000000;
}
H2, strong, th { font-weight:bold; }
H2 { margin:0em 0 0.5em 0 ; }/* asymettrical 3:1 */
H3 { margin:0 0 1em 0 ;  margin:1.334em 0 0.666em 0 ; }/* symettrical, no 2:1 */
em { font-style:italic; }
h2 em { font-weight:bold; }
PAlt {
	font-family:Tahoma, Geneva, sans-serif;
	font-size:1em;
	line-height:1.3333em;
	font-weight:normal;
	font-style:normal;
	margin:0 0 1.3333em 0 ;
	margin-top:2em;
	padding-top:0.5833em;
	border-top:0.0833em solid #000000;
	color:#999999;
}

.bulletlist li, .bulletlist dt{ display:list-item;list-style: disc inside ;margin-left:1em; }
.bulletlist dt { font-weight:normal; }
dd { margin-left:1em; margin-bottom:0.6667em}

/* what are we going to colour pinky purple? */
H1, a, .subh1, .entryprice, .ticketprice, .unhilightedoption, th { color:#B4007B; }

#header { 
	background:url('http://images.spareroom.co.uk/images/speedflatmating/sfmlogo.gif');
	background-repeat: no-repeat;
	background-position: left;
	height:5.33333333333em;
	padding-left:26em;/* was just 19 but we want to move the next event link over */
	margin-bottom:1.33333333333em
}
#header #nexteventinfo { padding-top:1.33333333333em }
#header #spareroom { 
	float:right;
	font-size:10px;
	background:url('/img/spareroom/v3/logo_small.png');
	background-repeat: no-repeat;
	background-position: 0 100%;
	width:127px;
	height:38px;
	margin:10px 30px 0 0;
	cursor:pointer
}
#header #spareroom a { display:none; }
#nav { list-style:none; }
#nav li {display:block; list-style:none; margin-left:0em; margin-bottom:1em;}

#menu { float:left; width:6.66666666667em; margin-right:1em;}
.menuitem a { 
	padding-left:1em; /* 1.3333 if it wasnt 16px font */
	text-decoration:none; color:#000000;
}
#nav a:hover, 
#PAGEhome #TABhome,
#PAGEevents #TABevents,
#PAGEabout #TABabout,
#PAGEgallery #TABgallery,
#PAGEvideo #TABvideo,
#PAGEpress #TABpress,
#PAGEjobs #TABjobs,
#PAGEfaq #TABfaq{
	background:url('http://images.spareroom.co.uk/images/speedflatmating/star.gif');
	background-repeat: no-repeat;
	background-position: left;
	font-weight:bold;
	
}

#content { overflow:auto; width:71em; float:right; }
.wideinnercol /* 2 colspan */ { width:54em; float:left; }
.wider_leftcol { float:left; width:34em; margin-right:1em }
.narrower_rightcol { float:left; width:20em; }
.innercol { float:left; width:26em; margin-right:1em }
.sidenote { float:right; width:15em; }

#main, #footer { clear:left; }

.cols_various_container { float:left;  width:55em }
 
/* debugging 
.innercol { border:1px solid orange }
.sidenote { border:1px solid green }
#content { border:1px solid red }
.cols_various_container { border:1px solid blue }
#speed_flatmating { border:1px solid purple }
*/
 

blockquote { 
	background:url('http://images.spareroom.co.uk/images/speedflatmating/openquotes.gif');
	background-repeat: no-repeat;
	background-position: top left;
	padding-left:2em;
}

.quote { 
	background:url('http://images.spareroom.co.uk/images/speedflatmating/closedquotes.gif');
	background-repeat: no-repeat;
	background-position: bottom right;
	padding-right:2em;
	font-style:italic; 
}
.author { font-weight:bold; }
/* 
6.66666666667 1 1  26  1  26  1  15
(x 12px ) = 932 px
add a right margin of 12px/1em
total width=944px (78.66666666667em )
*/
#speed_flatmating { width:80.66666666667em; margin:1.3333em 2.66666666667em}
#footer { padding-left:8.66666666667em; padding-top:1.3333em; }
.highlightedpanel {
	color:#ffffff;
	
	padding:0.66665em 1em 0.66665em 2.66666666667em;
	background:url('http://images.spareroom.co.uk/images/speedflatmating/whitestar.gif');
	background-repeat: no-repeat;
	background-position: top left;
	margin-bottom:1.3333em

}
.highlightedpanel h2, .highlightedpanel p, .highlightedpanel ul { color:#ffffff; }
.highlightedpanel li { margin-left:0; }
.highlightedpanel a { color:#ffffff; }

.peripheral, .peripheral a { color:#999999; }


dt { font-weight:bold; }


/* td , th{ padding:0 1em 0.66667em 0; } */
td { padding:0 1em 0.66667em 0; }
th { background:#cccccc; padding:0.66667em 1em 0.66667em 0.4em;}
 /* td , th{ padding:0 1em 0.66667em 0; } */
 
/* event info page */
.tableformlabel,.tableforminput { padding-bottom:1.3333em; }
.tableformlabel { width:3em; text-align:right; font-weight:bold;}

.ticketprice { display:block; font-size:1.3333em; line-height:1em;  }

.hilightedoption { background:#B4007B; color:white; font-weight:bold; }
.unhilightedoption { background:#eeeeee; font-weight:normal; }
.hilightedoption, .unhilightedoption { padding:1.3333em 0; }

.formbutton { clear:left; margin:0.66667em 0; background:#B4007B; color:white; }

/* change to bookiung form */
.highlightedpanel .tableformlabel { color:white; }
.highlightedpanel .ticketprice{ color:#ffffff; display:inline; }
.highlightedpanel .unhilightedoption { background:#B4007B; color:#eeeeee; }
.highlightedpanel .hilightedoption { background:#eeeeee;color:#B4007B;}
.highlightedpanel .formbutton { color:#B4007B; background:#eeeeee;}
.highlightedpanel .peripheral { color:#FFE9F2; font-size:0.75em; line-height:1.77777777778em }




 
 
.hilightedoption, .unhilightedoption { padding:1.3333em 0.66665em 1.3333em 0; }



.highlightedpanel .peripheral a { color:#FFE9F2; }