/*-------CSS for the PROVERBS WEBSITE--------------*/
/*-------------Marcel Villerius--------------------*/
/*------------------240609-------------------------*/


/* DEFAULT
---------------------------------------------------------------------- */

html, body, #container {height: 100%;}
body > #container {height: auto; min-height: 100%;}
body{background:#fff url(../images/top.gif) repeat-x left top;padding:0;margin:0;font-family:Georgia, Times, Times New Roman, serif;font-size:14px;line-height:1.5;}
h2{color:#0C2577;font-family:"Trebuchet MS",Helvetica,Jamrul,sans-serif;font-size:24px;font-weight:normal;margin:0 0 1em;padding:0;line-height:1.2em;}
h3{color:#369;font-family:arial;font-size:13px;font-weight:bold;margin-bottom:0;padding:0;}
h4{color:#808080;font-style:italic;font-weight:normal;text-align:left;margin:0;}
p{margin-top:0;}
ul{margin:0;padding:1em;}
hr {display:none;height:0;padding:0;margin:0;}
img {border:none;margin:0;padding:0;}
a{text-decoration:none;color:#CF8600;}
a:hover{text-decoration:underline;}
.editlink{float:right;}
#primary .editlink img, #primary-small .editlink img{border:none;}
.clear {clear:both;}
.clearfix:after {content:".";display:block;height:0;clear:both;visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* MAINNAV
---------------------------------------------------------------------- */

#mainnav{float:right;list-style:none;font-size:16px;margin:8px 0;padding:0;}
#mainnav li{background:url(../images/nav_tab.gif) no-repeat right top;float:left;padding:4px 13px 4px 8px;}
#mainnav li a{color:#f4f3e0;cursor:pointer;}
#mainnav li a.active{background:url(../images/nav_arrow.gif) no-repeat center bottom;padding-bottom:9px;}
#mainnav li a:hover{color:#fce059;text-decoration:none;}

/* SUBNAV	
---------------------------------------------------------------------- */

#subnav{float:left;width:235px;list-style:none;margin-top:70px;border-top:1px solid #ECECEC;padding:0;}
#subnav ul{list-style:none;padding:0;border-top:1px solid #ECECEC;}
#subnav li{border-bottom:1px solid #ECECEC;}
#subnav li a{display:block;color:#808080;padding:4px 0;text-decoration:none;padding-left:2px;}
#subnav li a:hover{color:#64090c;background-color:#f8f8f8;}
#subnav li.active a{color:#64090c;background-color:#f8f8f8;}
#subnav ul.subnavitems {border:none;}
#subnav .subnavitems li{padding-left:1em;}
#subnav .subnavitems li a{}
#subnav .subnavitems li a:hover{color:#64090c;background-color:#f8f8f8;}
#subnav .subnavitems li a.active{color:#64090c;background-color:#f8f8f8;}


/* HOME
---------------------------------------------------------------------- */

#home{background:#fff url(../images/top_home.gif) repeat-x left top;}
#home #header{height:380px;position:relative;}
#header{height:110px;position:relative;}
#participants{position:absolute;top:124px;width:260px;}
#participants h2{color:#C6512E;font-size:18px;line-height:1.25em;}
#participants img{margin-bottom:10px;}
#world{left:103px;position:absolute;top:42px;z-index:-1}
#title-small{position:absolute;top:60px;}

#random{background:url(../images/random_proverb.jpg) no-repeat 0 0;height:184px;left:640px;position:absolute;top:280px;width:310px;}
#random h2{color:#eec9c1;font-size:12px;padding:10px 0 0 20px;}
#random p{color:#fff;font-size:20px;margin:25px 10px 0 30px;line-height:1.3em;}

#homebox{left:640px;position:absolute;top:500px;width:310px;}
#homebox h2{font-size:20px;line-height:1.2em;margin:0 0 8px;}
#homebox p{margin:0;}
#homebox a{background:url(../images/search_button.png) no-repeat 0 0;display:block;height:36px;margin:20px 0 0 30px;width:249px;}
#homebox a span{display:none;}

/* CONTENT
---------------------------------------------------------------------- */

#container, #innerfooter{margin:0 auto;width:960px;}
#content{padding-bottom: 249px;}  /* must be same height as the footer */

#primary, #primary-full, #primary-home{float:left;}
#primary{margin:10px 0 0 30px;width:500px;}
#primary-home{margin:5px 0 0;width:530px;}
#primary img, #primary-small img{border:1px solid #E0E0E0;float:left;margin:8px 20px 0 0;padding:4px;}
#primary ul{padding:0 0 1em 1em;list-style:none;}
#primary li{padding-left:1em;background:url(/images/bullet.gif) no-repeat 0 0.65em;}

#primary-full{margin:10px 0 0 30px;width:680px;}
#primary-full ul{list-style:none;margin:31px 0 0;padding:0;border-top:1px dotted #ddd;}
#primary-full ul ul{border:none;padding-left:30px;}
#primary-full ul ul li{border:none;}
#primary-full li{border-bottom:1px dotted #ddd;padding:6px 0;}
#primary-full #editions{float:left;width:320px;margin:20px 20px 0 0;}
#primary-full #editions img{float:left;padding-right:20px;}
#primary-full #editions ul{border:none;margin-top:0;}
#primary-full #editions li{padding:0;border:none;}
#primary-full #editions li.title{color:#64090C;font-size:15px;font-style:italic;line-height:1.1em;}
#primary-full #editions li.year{color:#ccc;font-size:16px;padding-bottom:8px;}

#primary-small{margin:10px 0 0 265px;width:500px;}

#alphabet{color:#ccc;font-size:16px;}
#primary-full .metaphor-left{float:left;margin-right:80px;width:300px;}
#primary-full .metaphor-right{float:left;width:300px;}
#primary-full .metaphor{margin-top:3em;}
#primary-full .metaphor span{color:#ddd;font-size:60px;text-transform:uppercase;line-height:1em;}
#primary-full .metaphor span a{font-size:13px;float:right;text-transform:none;}
#primary-full .metaphor ul{margin:0;}
#primary-full .metaphor ul ul{line-height:1em;margin:0;}
#primary-full .metaphor ul ul li{font-style:italic;}


/* SEARCH
---------------------------------------------------------------------- */

#vertical_slide{background:url(/images/sbutton_plus.gif) no-repeat 0 0.2em;padding-left:1.3em;cursor:pointer;outline:none;}
#divvertical_slide, #querybox{overflow:auto;display:none;margin-top:10px;}
#vertical_slide h3, #querybox h3{}
div.marginbottom{	/* Since the Fx.Slide element resets margins, we set a margin on the above element */	margin-bottom: 10px;}
input#search_text_0, input#search_text_1{background-color:#fff;border:1px solid #ccc;height:17px;padding:3px 0 3px 6px;width:340px;margin:5px 15px;}
#field_0, #field_1{width:200px;}
.content{padding:0 20px 20px;overflow:auto;}
.topics{float:left;width:320px;}
.toggle{padding:2px 0 3px 1px;}
.button{background:url(../images/search_button.png) no-repeat left top;border:none;cursor:pointer;float:right;display:block;margin:20px 0;width:249px;height:36px;}

.fields{width:200px;}
.search_text { background-color:#fff;border:1px solid #ccc;height:17px;padding:3px 0 3px 6px;width:340px;margin:5px 15px;}

#help_button {position:absolute;right:10px;top:10px; width:19px;height:19px;}
#help_button:hover{text-decoration:none;}
#searchbox{background:#ECE5D5 url("../images/search_bottom.gif") no-repeat left bottom ;margin:0;padding:0;zoom:1;}
#search{background:url("../images/search_top.gif") no-repeat 0 0;}

#results{margin-top:75px;}
#results .id{display:none;}
#results p{background-color:#F8F8F8;border-top:1px solid #ECECEC;padding:2px 10px 4px;color:#808080;font-family:"Trebuchet MS",Helvetica,Jamrul,sans-serif;}
#results ul{border:none;}
#results li{border:0;}	
#results a{background:url(/images/proverbs/button_plus.gif) no-repeat 0 0.3em;cursor:pointer;display:block;padding-left:1.3em;}
#results div{padding-left:1.3em;}
#results table{text-align:left;width:100%;}
#results table a{padding:0; background:0;}
#results caption{display:none;}
#results tr{}
#results th{color:#808080;font-style:italic;font-weight:normal;text-align:left;}
#results table col.label {width:150px}
.slidebox {background: url(../images/search_top.gif) no-repeat 0 0;position:relative;color:#000;padding:20px;}
.slidebox p.first-ele {background:transparent url(http://ee.leidenuniv.nl/proverbs/images/search_top.gif) no-repeat top left;margin:0;}
.slidebox p.last-ele {background: transparent url(http://ee.leidenuniv.nl/proverbs/images/search_bottom.gif) no-repeat bottom left;margin:0;}
.slidebox h3{margin:10px 0 0;}
.slidebox input.checkbox{}
.slidebox label{height:1.5em;}



/* FOOTER
---------------------------------------------------------------------- */

#footer {background:#ECE5D5 url(../images/footer_top.gif) repeat-x 0 0;position:relative;margin-top: -249px;height:249px;clear:both;} 
.footer-item{float:left;margin:50px 0;width:320px;font-family:"Trebuchet MS",Helvetica,Jamrul,sans-serif;}
.footer-item ul{list-style:none;padding:0;margin:0;line-height:1.7em;}
.footer-item li.space{margin-top:0.8em;}
.footer-item h2{color:#D65631;font-size:17px;margin:0 0 10px;padding:0;}
.footer-item p{color:#6F6B61;}
.footer-item a{background:url(../images/button_footer.gif) no-repeat 0 0.24em;padding-left:1.3em;}

/* FORM---------------------------------------------------------------------- */

#primary-small fieldset {margin-bottom:1.5em;border:none;padding:0;}
#primary-small fieldset.proverb {margin-bottom:1.5em;border:none;padding:0;}
#primary-small fieldset#selectstudie {margin:0;}
#primary-small fieldset legend {padding:0;color:#369;font-family:arial;font-size:13px;font-weight:bold;}
#primary-small fieldset div {float:left;width:100%;padding:.75em 0;}
#primary-small fieldset div input {float:left;width:300px;}
#primary-small fieldset div input.proverb {height:10em;}
#primary-small fieldset div input.choice{float:none;width:25px;}
#primary-small fieldset div input.short {width:75px;}
#primary-small fieldset div label, #primary-small fieldset div .label {float:left;width:10em}
#primary-small fieldset div .req {color:#f66;margin-left:2px;}
#primary-small fieldset div .boxes {float:left;width:auto;padding:0;border:none;}
#primary-small fieldset div .boxes label {float:none;width:auto;display:block}
#primary-small fieldset div .boxes label input {float:none;width:auto;margin:0}
#primary-small fieldset button{margin-left:383px;}