/* css-dokument neuroscience-berlin.com (xhtml strict) */

/* layout, ids */

body { font-family: "Verdana", sans-serif; font-size: 90%; text-align: left; line-height: 1.4em; color: #333; background: #f6f6f6 url(); padding: 0; margin: 0; letter-spacing: .01em; }
fieldset { border: 0; margin: 0; padding: 0;}
div.clearfix { float: none; clear: both; }

ul.errorlist { margin: 0;}
ul.errorlist li { list-style: none; padding: 0; color: #f00; }
p.errorlist { color: #f00;}

.left { float: left; }

#header { position: absolute; left: 60px; top: 60px; width: 600px; height: 120px; background: #fff; z-index: 1; border: 2px solid #999; }
#wordmark { position: absolute; left: 90px; top: 130px; font-size: 1.8em; font-weight: bold; letter-spacing: .15em; text-transform: uppercase; color: #005AC0; background: none; z-index: 2; border: none; }
#navi { position: absolute; left: 360px; top: 165px; width: 550px; background: #f2f2f2; font-size: 1em; font-style: normal; text-transform: lowercase; text-indent: 0; line-height: 1.5em; color: #444; z-index: 2; padding: 10px 10px 20px; border: 2px solid #999; }  
#sidebar { position: absolute; left: 60px; top: 240px; width: 160px; background: #f2f2f2; z-index: 1; font-size: .9em; padding: 20px 60px 20px 20px; border: 2px solid #999; }
#content { position: absolute; left: 270px; top: 300px; width: 580px; background: #fff; z-index: 10; padding: 20px 40px 10px 40px; border: 2px solid #999; }
#skipnavi { position: absolute; left: -1000px; top: -1000px; width: 90px; height: 90px; }


/*link typography*/

a { text-decoration: none; background: none; }
a:active { color: #fff; }

body a:link, body a:visited { color: #005AC0; }
body a:hover, body .youarehere { color: #fff; background-color: #005AC0; }
body#contact a:link, body#contact a:visited { color: #005AC0; }
body#contact a:hover, body#contact .youarehere { color: #fff; background-color: #005AC0; }
body#education a:link, body#education a:visited { color: #4f9aae; }
body#education a:hover, body#education .youarehere { color: #fff; background-color: #4f9aae; }
body#jobs a:link, body#jobs a:visited { color: #57ab27; }
body#jobs a:hover, body#jobs .youarehere { color: #fff; background-color: #57ab27; }
body#people a:link, body#people a:visited { color: #dda12b; }
body#people a:hover, body#people .youarehere { color: #fff; background-color: #dda12b; }
body#research a:link, body#research a:visited { color: #db672a; }
body#research a:hover, body#research .youarehere { color: #fff; background-color: #db672a; }

/* body#education h4, body#education h1 { color: #4f9aae; border-color: #4f9aae;}
body#jobs h4, body#jobs h1 { color: #57ab27; border-color: #57ab27;}
body#people h4, body#people h1 { color: #dda12b; border-color: #dda12b;}
body#research h4, body#research h1 { color: #db672a; border-color: #db672a;}
body h4, body h1 { color: #005AC0; border-color: #005AC0;}
body#contact h4, body#contact h1 { color: #005AC0; border-color: #005AC0;}
body h3 { color: #005AC0; }
body#jobs h3, body#jobs h2 { color: #57ab27; }
body#people h3, body#people h2 { color: #dda12b; }
body#research h3, body#research h2 { color: #db672a; }
body#contact h3, body#contact h2 { color: #005AC0; }
body#education h3, body#education h2 { color: #4f9aae; } */


/* image stuff */

img { border: 0; }


/* paragraph, headings, and list typography */

p { font-size: 0.9em; text-indent: 0; margin: 0; }
h1, h2, h3, h4 { padding: 0; margin: 0; font-size: 1em; font-weight: normal; font-style: normal; color: #333; }
h1 { font-weight: bold; color: #333; padding-bottom: .2em; border-bottom: 2px solid #333; margin: 0 0 .8em; } 
h2 { font-weight: bold; padding: 1.5em 0 .5em; } 
h3 { font-style: italic; padding: 1.5em 0 .5em; }
h4 { margin: 1em 0; border-bottom: 2px solid #333; }
ul { padding: 0; margin: 1em 0; list-style-position: outside; list-style-type: square; list-style-image: url(/media/static/img/block_neuro.png); }
li { font-size: 0.9em; padding: 0 0 .5em; }

/* misc. typo */

em { font-style: italic; }
fieldset { padding: 0; margin: 0; border: none; }
strong { font-weight: bold; }
/* temp disabled 'cos it destroys the captcha
tr { height: 1.6em; } 
*/

/* extra classes */

/* link classes */

body div#navi div span a.contact { color: #005AC0; }
body div#navi div span a.education { color: #4f9aae; }
body div#navi div span a.jobs { color: #57ab27; }
body div#navi div span a.home { color: #005AC0; }
body div#navi div span a.people { color: #dda12b; }
body div#navi div span a.research { color: #db672a; }
a:hover.contact, a:hover.education, a:hover.jobs, a:hover.home, a:hover.people, a:hover.research, .youarehere { color: #fff !important; }

/* misc classes */
.archive_label { font-size: .8em; color: #999; text-transform: capitalize; }
.back { text-indent: 0; margin: 2em 0; }
.bullet { font-weight: bold; color: #f90; }

table.calendar_table caption a { margin: 0 0.3em;}
table.calendar_table caption.calendar_caption { font-size: .9em; text-align: center; }
table.calendar_table tbody td a { font-weight: bold; }
table.calendar_table { text-align: right; border-spacing: 3px; }
table.calendar_table tbody td.calendar_today { font-weight: bold; border-width: 2px; border-style: solid; }
table.calendar_table tbody td.cal_not_in_month { visibility: hidden; }
body td.calendar_today { border-color: #005AC0;}
body#jobs td.calendar_today { border-color: #57ab27; }
body#people td.calendar_today { border-color: #dda12b; }
body#research td.calendar_today { border-color: #db672a; }
body#contact td.calendar_today { border-color: #005AC0; }
body#education td.calendar_today { border-color: #4f9aae; }

div#content table.formset_table { margin-bottom: 20px;}
div#content table.formset_table tbody th { font-weight: normal; }

.class_audience, .class_ects, .class_instructor, .class_location, .class_organization, .class_provided, .class_schedule, .class_title, .class_contact, .class_type { text-indent: 0; padding-bottom: .5em; }
.event_date, .event_location, .event_title { text-indent: 0; padding-bottom: .5em; }
.job_deadline, .job_deadline { text-indent: 0; padding-bottom: .5em; }
.teaser_teaser { text-indent: 0; padding-bottom: .5em; }

div > p:first-child { text-indent: 0; }
.first { text-indent: 0; margin-top: 0; padding-top: 0; }
.form_label { color: #666; }
.footer { text-indent: 0; font-size: .8em; margin-top: 4em; padding-top: 1em; border-top: 2px solid #999;  }
.footer span.list_page_count { font-size: 1em; float: right;}
.headshot { margin: 1em 1em 1em 0; float: left;}
.intro { text-indent: 0; padding: 0 0 1em; }
.jobs_deadline { text-indent: 0; }
.label { font-size: .8em; color: #666; text-transform: uppercase;}
.list { text-indent: -1em; padding-bottom: .7em; }
.profile_options, .list_page_count { font-size: .8em; color: #666; }
.profile_options { display: block; float: right;}
.logo { padding: 2em 0; }
.login { text-indent: 0; }
.login_button, .search_button, .register_button { margin-top: 1em; }
span.news_date { display: block; font-size: .8em; color: #999; }
.affiliation, .keyword, .link { text-indent: 0; }
form.register { padding-top: 1em;}
form fieldset li { list-style: none; padding-bottom: 1em; }
form label { display: block; color: #666; }
form#job_form fieldset input#id_title { width: 500px; }
form#job_form fieldset input#id_deadline { width: 80px; }
div#content form fieldset input { width: 200px; float: none; clear: both; }
div#content form fieldset textarea { float: none; clear: both; width: 575px;}
div#content form fieldset input.submit { width: 100px; }

div.profile_downloads { float: left; min-width: 32em; margin: 0 0 1em 0; }
div.contact_details { float: left; min-width: 32em; margin: 1em 0; }

div.affiliate_list { min-width: 32em; margin: 0 0 1em 0; float: left;}
div.profile_text { float: none; clear: both; margin-bottom: 1em;}
div.profile_text p:first-child { text-indent: 1em;}
.rss { text-indent: 0; }
.skip_navi { }
.subnavi { background: #fff; padding: .1em .3em .3em .3em; }
.talk_contact, .talk_date, .talk_location, .talk_organization, .talk_speaker, .talk_title { text-indent: 0; padding-bottom: .5em; }
.wordmark_link { padding: .1em; }
body div#navi div.mainnavi .youarehere { font-weight: bold; background: #fff; padding: .3em; }

#sidebar p { text-indent: 0; }
#sidebar input[type=text] { width: 13em;}
#sidebar select { width: 13em; margin: 0.8em 0;}

form.profile-short-form { margin-top: 5px;}
form.profile-short-form label { font-size: 12px;}
form.profile-short-form select { width: 200px;}


.teaser {
	float: left;
	width: 225px;
	height: auto;
	min-height: 165px;
	border: 2px solid #999;
	margin: 30px 30px 0 0; 
	padding: 10px;
	}

.teaser_intro {
	float: left;
	width: 225px;
	height: auto;
	min-height: 165px;
	border: 2px solid #999;
	background: #ddd;
	margin: 30px 30px 0 0; 
	padding: 10px;
	}

.teaser_h1 {
	text-indent: 0;
	font-weight: bold;
	padding: 0 0 1em;
	}
	
.teaser_h2 {
	text-indent: 0;
	font-style: italic;
	padding: 0 0 .5em;
	}