/* CSS Document */

body {background: #fff; margin:0; padding:0;}
#wrapper {margin: 0 auto;}
#banner {height:216px; background: #111 url(/i/global/banner_gradient.jpg) left top repeat-x; }
	#logo {position:absolute; left: 0; top: 0; margin:36px 0 0 0;}
	#logo h1 a {display:block; width: 256px; height: 114px; background:url(/i/global/logo.png) left top no-repeat; text-indent:-999px;}
	#mainnav {position:absolute; left: 0; bottom: 0;}
	#courtesy {position:absolute; right: 0; top: 36px;  /*background:#222;*/ width:307px;}
	#mp3player {position:absolute; right: 36px; top: 54px; color: #fff;}
	#banner #searchform {position:absolute; right: 18px; bottom: 9px; }

	#breadcrumbs p {line-height:36px; margin-bottom: 0; color:#999; font-size:11px;}
	/*#logo, #mainnav, #content {margin-left: 36px;}*/

#header_wrapper {position:relative;height:216px; background: url(/i/global/banner_search_courtesy_container.jpg) top right no-repeat;}
#header_wrapper, #content {width: 972px; margin:0 auto; }	
#content {/*background: url(/i/global/sidebar_faux.gif) 660px repeat-y;*/}
#maincontent {float:left; width: 646px; }
#sidebar {float:right; width: 307px; border-left: 1px dotted #888;  margin-top:36px;}
#feature {height: 180px; width: 100%; background:#fff; }
#subnav {float:right; margin-top: 45px; margin-left:18px;}
#footer {clear:left; border-top:1px dotted #434343; width: 644px; padding-bottom: 36px; padding-top:18px;}
#footer:after {clear:both; content:'.'; height:0; display:block; visibility:hidden;}

/* typography */
body {font: 62.5% verdana, sans-serif; background: url(/i/global/gr_id.gif) left top;}
h1, h2, h3, h4, h5, h6 {font-weight: normal; font-size: 1em; margin:0;}
h2 {margin-bottom:18px; font: 2.2em/36px Georgia, "Times New Roman", Times, serif; text-transform:uppercase; letter-spacing:1px}
h3 {font-size: 1.8em; line-height:36px;}
h4, h5 {font-size: 1.2em; font-weight:bold; line-height:36px;}
h5 {font-size: 1.2em; }
p, li {font-size:1.2em; line-height:1.5; margin:0;}
p {margin-bottom: 18px;}
ul, ol {margin:0; padding:0;}
li li, li li li {font-size: 1em;}/* don't increase nested lists */
p>p {margin-bottom:1.8em;}

a img {border: 0 none;}
.page-copy img {float:right; margin: 0 0 1.6em 1.6em;}
.post img {float:none; display:block;}

#maincontent a {text-decoration:none;	color: #2D5CB8;	border-bottom: 1px dotted #2D5CB8;}
#maincontent a:visited {	color: #999;	border-bottom: 1px dotted #999;}
#maincontent a:hover {	color: #2D5CB8;	border-bottom: 1px solid #2D5CB8;}

#maincontent h3 a {color: #444; border-bottom-color: #444;}

#overview_of_publications ul {list-style:none;}
#overview_of_publications ul ul {margin-bottom:18px;}

#serlo-publications li {list-style:none;}
#serlo-publications #maincontent ul.blogroll {margin-left:0;}
#serlo-publications #maincontent ul.blogroll li {margin-bottom:18px;}

#maincontent ul, #maincontent ol {margin-left: 27px; margin-bottom:18px;}
#maincontent ul ul, #maincontent ol ol, #maincontent ul ul ul, #maincontent ol ol ol {margin-left: 27px;}

/* 

advanced

*/
	/* Navigation */
	#mainnav li {background:#292929; float:left; margin-right: 1px; list-style:none; }
	#mainnav li a {text-decoration: none; font-size:1em; color: #fff; display:block; line-height:35px; min-width:54px; padding: 0 7px;  text-align:center;}

	#mainnav li:hover {background: #444;}
	
	#mainnav .current_page_item, #mainnav .current_page_ancestor, #mainnav .current_page_item:hover, #mainnav .current_page_ancestor:hover {background:#fff}
	#mainnav .current_page_item a, #mainnav .current_page_ancestor a {color: #222;}
	
	#mainnav a:focus {color: #ccc;}
	
	#courtesy, #courtesy a {color: #ddd; text-decoration:none;}
	#courtesy a:hover {color: #fff; text-decoration:underline;}
	#courtesy ul {margin-left: 18px; margin-right:18px;}
	#courtesy li {display:inline; font: 11px Arial, Helvetica, sans-serif; line-height:18px; }
	#courtesy .listen_to_us {float:left;}
	#courtesy .recordings {position:absolute; left:100px;}
	#courtesy .contact_us {float:right;}
	#mp3player a {color: #fff}

	#subnav {min-width: 165px; border-left: 1px dotted #888;}
	#subnav ul {margin: 9px 0 9px 18px;}
	#subnav li {list-style:none; padding: 0 5px 0 5px; font-size:11px;}
	#maincontent #subnav li a {border-bottom:0 none; color:#444;}
	#subnav .current_page_item, #subnav li:hover {background: #444;}
	#maincontent #subnav .current_page_item a, #maincontent #subnav li:hover a {color: #fff;}
	
	#searchform label, #searchform .submit {display:none;}
	#searchform input {width:267px; padding: 2px; height: 16px; border:1px groove #444; font-size: 11px; color:#6D6D6D;}
	
	#events h3 {clear:both}
	#events .more {margin-bottom: 36px;}
	#events small  {font-size:11px; color:#777}
	#events small a {color:#777; border-bottom-color: #777;}
	#events small.date:after {content: ' | '}
	#serlo-events img {float:right; margin: 0 0 18px 18px;}

	
.sidebar_asset {margin: 0 18px 18px 18px; width: 274px; border-bottom: 1px dotted #888; padding-bottom:18px;}
#sidebar #flashPlayer {margin: 18px auto; width:267px;}
#sidebar .sidebar_asset h5 {font: 1.6em arial; margin-bottom:18px; font-weight: normal; color: #434343;  line-height:1; }
#sidebar .sidebar_asset h6 {font-size: 1.3em; font-weight: normal; color: #434343; margin: 0 ;}
#sidebar .sidebar_asset p {margin: 0 0 18px 0; color:#434343; font-size: 1.1em;}
#sidebar .sidebar_asset ul {margin: 0 18px 0 0;}
#sidebar .sidebar_asset li {list-style:none; margin-left:0; color: #444; font-size: 1.1em; line-height:18px;}
#sidebar .sidebar_asset li small {/*display:block;*/}
#sidebar .sidebar_asset a {color: #444; text-decoration:underline;}
#sidebar .sidebar_asset img {float:right; margin-left:5px;}
#sidebar #next_event img {float:right; margin-left:5px;}
#sidebar #next_event small.venue:before {content: ' | '}
/* the last link in a sidebar box is usuall a .more link, and the bottom margin of this needs to be removed */
#sidebar p.more {margin-bottom:0;}
#sidebar #recent_events ul {margin-bottom: 18px}

.more a:after { content:" \0BB"; }

#sidebar .item_no_box {margin: 18px;} /* and no bottom border - is good for being last item */
#sidebar .item_no_box p {font-size: 11px;}
.item_no_box a {	color: #2D5CB8;}

#serlo-news p.date {}

/* - feature (usually a quote) - */
#feature {
	border-bottom: 1px dotted #434343;
	position: relative;
	padding-bottom: 18px;
	min-height: 175px;
}
	#feature img {/**/float:left; }
	#feature blockquote {position:absolute; left: 165px; min-width: 420px; margin-top: 15px;/*float:left;margin-left: 184px;   */background: url(/i/global/quote-close.gif) right bottom no-repeat; padding-right: 15px;}
		#feature blockquote p {margin: 0 0 0 25px; font-size: 1.5em; color: #888; padding-left: 25px; line-height:1.25; background: url(/i/global/quote-open.gif) left top no-repeat;}
	#feature cite {position:absolute; bottom: 20px; right: 0; color: #666; font: italic 1.4em Georgia, "Times New Roman", Times, serif; }
#feature-options {text-align:right;margin-top:2px;}
#feature-options span {background: #f2f2f2 url(/i/g/bg/feature-nav.gif); padding: 2px 5px; color:#999; text-transform:none; font-size:9px;}
#feature-options a:link, #feature-options  a:visited {color:#555; border-bottom:0 none;}
#hide-feature {border-right:1px dotted #434343; padding-right:5px;}

/*FOOTER*/
#sponsor_logos img {float:right; margin-left:18px;}
#footer address {float:left; font-style:normal; color:#777}

/* home page */
#site_intro p {font-size: 15px; line-height:1.5;}
#home_page_subintro p {font-size: 1.2em;}
#serlo-home #feature {margin-bottom:17px; border-bottom:0 none; padding-bottom:0;}
#serlo-home #feature-options {display:none}
#serlo-home #maincontent a:link {color: #444;}
#maincontent #cdplayer {float:right; height: 216px; width: 286px; background:#ebebeb; margin-bottom: 18px; margin-left:18px;}
#three-cols {width: 100%; clear:both; position:relative; margin-bottom:18px;}
#three-cols:after {clear:both; content:'.'; height:0; display:block; visibility:hidden;}
#three-cols div {width: 176px;}
#three-cols div h4 {margin-bottom:12px; border-bottom-color: #444;}
#maincontent #three-cols div h4 a {width:176px; display:block; padding-top: 176px;  background-repeat: no-repeat; background-position: top; color: #555; border-bottom-color: #555;}
#three-cols div h4 a:visited {color: #555;}
#maincontent #three-cols div h4 a:hover {color:#2D5CB8; border-bottom-color:#2D5CB8}
.col1 {position:absolute; left:0;}
.col2 { margin-left: auto; margin-right:auto;}
.col3 {position:absolute; right:0; top:0;}
#three-cols #concerts_excerpt h4 a {background-image: url(/i/j/homepage/kate.jpg)}
#three-cols #programmes_exceprt h4 a {background-image: url(/i/j/homepage/candle.jpg)}
#three-cols  #weddings_excerpt h4 a {background-image: url(/i/j/homepage/weddings.jpg)}
#three-cols p {font-size: 10px;}

#flash_mp3player_homepage {width:252px; background:#eee; padding: 0 18px 18px 18px;}
#flash_mp3player_homepage h4 {color: #666;}
#flash_mp3player_homepage p {font-size: 11px;}


/* 
	---------
	FORMS
	---------
*/
	/* Shared */
	fieldset {border: none transparent; margin:0; padding:0;}
	legend {display:none;}
	form fieldset h2, #commentform fieldset h3 {font-size: 1.8em; margin-bottom: 12px;}
	form fieldset>div {background: #f9f9f9; padding: 1.5em 1.5em 5px 0; margin-bottom: 10px}	
	input.textfield, textarea, select {
		color: #777;
		font-family: Verdana, sans-serif; 
		padding: 5px; /* IE6 not happy */
		font-size: 1.1em;
		line-height: 1.5;
		border: 1px solid #ccc;
		border-top: 1px solid #999;
		border-left: 1px solid #999;
	}
	
	form p {font-size: 1.2em; line-height: 1.5em; margin-bottom: 1.2em;}
	select {padding:0}
		select option {padding:2px}
	.row {clear:both; margin-bottom: 1.2em;}
	.row label {float:left; width: 100px; line-height:1.5;}
		.checkbox_row label {float:none; width: auto;}
	.row input.textfield, .row textarea {width: 350px;}
	.row select {width: 360px}
	.textarea_row label {display:block; float:none; margin-bottom: 6px; width: 300px;}
	textarea#comments {height: 150px;}
	div.checkbox_row p {margin-bottom: 5px !important;}
	em.info {font-size: .9em; font-style: normal; color: #888;}
	.errormsg {color:#E0053A; display:block; margin-left: 100px; line-height: 18px;}
	.error_no_indent {color:#E0053A;}
	
	.master_error_msg {color:#E0053A; font-size: 1.2em; margin-bottom: 1.5em;}
	
	/* Leave a comment */
	#commentform label {width: 140px;}
	#commentform .textfield {/**/}
	/* errors for leave a comment: */
	.error_list li {font-size: 1.1em; line-height: 1.5; color: #E0053A;}	
	
/*

classes
*/
.clr {clear:both;}
hr {display:none;}
img.ownline {display:block; float:none;}
#sidebar img.ownline {margin: 0 0 18px 0; float:none;}