/*
Theme Name: DOBES theme
Theme URI: http://www.mpi.nl/DOBES
Description: DOBES theme, graphic design by DOKEINS Köln, implementation by Vlado Plaga and Paul Trilsbeek, based on Blank Three Columns theme by blankthemes.com
Author: TLA/DOBES
Author URI: http://tla.mpi.nl
Version: 1.0
License: GNU General Public License
License URI: license.txt
*/

/* basic containers */

*{margin:0; padding:0;}

body {
	font-family: arial, tahoma, sans-serif;
	font-size: 14px;
	min-width: 960px;
	}

#container {
	width: 94%;
	margin: 10px auto;
	min-width: 970px;
	max-width: 1200px;
	overflow: hidden;
	}

#content-container {
	margin: 0 200px 0 200px; /* 0, Width of left column, 0, Width of right column */
	padding: 0 30px;
}

#left-sidebar{
	float: left;
	width: 200px; /*Width of left column*/
	}

#right-sidebar{
	float: right;
	width: 200px; /*Width of right column*/
}

#footer {
	clear: both;
	width: 100%;
	}


/* further body */

body, input, textarea {
	color: #111;

}

/* Headings */
h1, h2, h3 {
	color: #000;
	font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif;
	font-weight:normal;
	text-rendering: optimizelegibility;
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.7em;
}

/* Text elements */
p {
	margin-bottom: 12px;
}


ul, ol {
	margin: 0 0 2em 2.5em;
}
ol {
	list-style-type: decimal;
}
ol ol {
	list-style: upper-alpha;
}
ol ol ol {
	list-style: lower-roman;
}
ol ol ol ol {
	list-style: lower-alpha;
}
ul ul, ol ol, ul ol, ol ul {
	margin-bottom: 0;
}
dl {
	margin: 0 1.7em;
}
dt {
	font-weight: bold;
}
dd {
	margin-bottom: 1.7em;
}
strong {
	font-weight: bold;
}
cite, em, i {
	font-style: italic;
}
blockquote {
	font-style: italic;
	margin: 0 30px 1.7em;
}
pre {
	background: #f4f4f4;
	font: 13px "Courier 10 Pitch",Courier,monospace;
	line-height: 1.7;
	margin-bottom: 1.7em;
	padding: 0.85em 1.7em;
}
code {
	font: 12px Monaco,Consolas,"Andale Mono","DejaVu Sans Mono",monospace;
}
abbr, acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}
ins {
	background: #fff9c0;
	text-decoration: none;
}
sup,
sub {
	font-size: 10px;
	height: 0;
	line-height: 1;
	position: relative;
	vertical-align: baseline;
}
sup {
	bottom: 1ex;
}
sub {
	top: .5ex;
}
input[type="text"],
textarea {
	background: #f9f9f9;
	border: 1px solid #ccc;
	padding: 2px;
}
textarea {
	padding-left: 3px;
	width: 98%;
}
input[type=text] {
	padding: 3px;
}

/* Links */
a{color:rgb(0, 159, 238); text-decoration:none;}

a:hover{text-decoration: none; color:#000;}

	
/* header */

#header {
	border-bottom:1px solid #929497;
	padding-bottom:0.8em;
	margin-bottom:0.8em;
	height:7.2em;
	}

#header h1{
	color: #111;
	font-size: 30px;
	}
	
#header h1 a{}
#header h1 a:hover{}


#header h2{
	font:normal 13px "arial", georgia, times;
	margin-bottom:20px;
	}

#logo{
	float:left;
}

#headersearch{
	float:right;
}

/* menu */


#access {
	display: block;
	float: left;
	margin: 0 auto;
	padding:0;
	width: 100%;
}

#access .menu-header ul,
div.menu ul {
	list-style: none;
	margin: 0;
	padding:0;
}
#access .menu-header li,
div.menu li {
	float: left;
	position: relative;
	margin:0;
	padding:0 10px 0 0;
}
#access ul li a {
	display:block;
	text-decoration: none;
}

#access ul ul {
	display: none;
	position: absolute;
	top: 15px;
	left: 0;
	float: left;
	width: 180px;
	z-index: 99999;
}
#access ul ul li {
	min-width: 180px;
	padding:0 !important;
	margin:0 !important;
}
#access ul ul ul {
	left: 100%;
	top: 0;
}

#access ul ul ul li{
	top: 0;
	padding:0 !important;
	margin:0 !important;
}
#access ul ul.sub-menu li a {
	background: #fff;
	padding:4px;
}

#access ul ul.sub-menu li a:hover {
}

#access ul li:hover > ul {
	display: block;
}
#access ul li.current_page_item > a,
#access ul li.current-menu-ancestor > a,
#access ul li.current-menu-item > a,
#access ul li.current-menu-parent > a {
	color: #000;
	background-color: rgb(0, 159, 238);
}

/* content */

img {
	border: none;
}

.sticky{
}

.post {
	margin-bottom:20px;
	padding:0;
	}
	
.pagetitle{
	font:normal 18px "arial", verdana, times;
	}
	
#content {
	margin-top: 1.5em;
	}
	
#content h2, .entry-meta, .entry-utility{
	font-size:0.9em !important;
	text-transform:uppercase;
	}
	
#content h1.entry-title {
	font-size:1.5em;
	text-transform:uppercase;
	margin-top:13px;
	}
	
#content h2.entry-title {
	font-size:1.8em !important;
	text-transform:uppercase;
	margin-top:13px;
	}
	
#content h2.entry-title-map-page {
	font-size:1.4em !important;
	margin-top:13px !important;
	}
	
#content h3 {
	font-size:1.2em;
	text-transform:uppercase;
	}

.entry-content p{}

.postmetadata{
	clear: both;
	padding:6px 0;
	margin: 20px 0;
	}
	
.navigation {
	overflow: hidden;
}

.nav-previous {
	float: left;
	width: 50%;
}
.nav-next {
	float: right;
	text-align: right;
	width: 50%;
}
#nav-above {
}
#nav-above,
.single #nav-below {
	display: none;
}
.paged #nav-above,
.single #nav-above {
	display: block;
}


/* Alignment */
.alignleft {
	display: inline;
	float: left;
	margin-right: 11px;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 11px;
}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/* Sidebar Widget Styling */

.widget-area {
	overflow: hidden;
}
.widget-area,
.widget-area input {
	line-height: 18px;
}
.widget-area ul ul a {
	text-decoration: none;
}
.widget-area ul ul a:hover {
	text-decoration: none;
}
.widget-area ul {
	list-style: none;
	margin: 0 !important;
}
.widget-area ul ul {
	list-style: none;
}
.widget-area ul ul ul {
	margin: 0;
}
.widget-area ul ul li {
	padding: 0;
}
.widget-title {
}
.widget-title a{
	color: #111 !important;
}
.widget-container {
	margin: 0 0 1.5em 0;
}


	




/* Calendar Widget */
#wp-calendar {
	width: 100%;
}
#wp-calendar caption {
	font: 13px "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif;
	font-weight: bold;
	text-align: left;
	padding: 0 2px 6px;
}
#wp-calendar th {
	color: #888;
	font-size: 11px;
	text-align: center;
}
#wp-calendar tbody td {
	text-align: center;
}
#wp-calendar tfoot td {
	padding-top: .2em;
}
#wp-calendar tfoot #next {
	text-align: right;
}
#wp-calendar tbody a {
	text-decoration: underline;
}
#wp-calendar a:visited {
	color: #0060ff;
}
#wp-calendar a:visited:hover {
	color: #df0000;
}

/* Flickr Widget (WP.com) */
#flickr_badge_wrapper {
	background-color: transparent !important;
	border: none !important;
}

/* Cloud Widgets */
.wp_widget_tag_cloud div,
.widget_tag_cloud div {
	line-height: 1.7em;
	padding: 0.2em 0;
}


/* Comments */


#comments {
	word-wrap: break-word;
}
#comments h3 {
	font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif;
	font-size: 13px;
	font-weight: bold;
	letter-spacing: 0.025em;
	margin: 0 0 8px 0;
	padding: 2px;
}
#comments ol {
	list-style: none;
	margin-left: 0;
}
#comments ul {
	list-style: none;
	margin-left: 0.425em;
}
#comments li {
	position: relative;
}
#comments li.pingback {
	background: #eee;
	margin: 0 0 1.7em;
	padding: 0.85em;
}
#comments li.pingback + li.pingback {
	margin-top: -1.65em;
}
#comments li.pingback p {
	font: 12px "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif;
	margin: 0;
}
#comments ul li {
	border-bottom: none;
	margin: 14px 0 0 0.85em;
}
#comments .comment-author {
	margin: 0 0 0.85em 66px;
}
#comments .comment-author cite {
	font-size: 13px;
	font-style: normal;
	font-weight: bold;
}
#comments .comment-meta,
#comments .comment-meta a {
	color: #888;
	font: 12px "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif;
}
#comments .comment-meta a:hover {
	color: #df0000;
}
#comments .gravreply {
	padding:0;
	position: absolute;
	top: 14px;
	left: 0;
	width:50px;
	height:175px;
}
.comment-reply-link{
	position:absolute;
	top:45px;
	width:42px;
	height:20px;
	text-align:center;
	font-size:11px;
	color:#6D6D6D;
	line-height:22px;
	}
#comments .avatar {
	position: absolute;
	top: 0;
	left: 0;
}
#comments .comment-body {
	margin-left: 66px;
}
#respond input[type=text] {
	float: left;
	margin: 0 10px 0 0;
}
#respond .comment-form-comment {
	margin: 0;
}
#respond .comment-form-comment label {
	display: none;
}
#respond .form-allowed-tags {
	color: #888;
	font-size: 12px;
}
#respond .form-allowed-tags code {
	font-size: 11px;
}

.comment{
	border-bottom:1px solid #e3e3e3;
	padding:14px 0;
	}

/* Post author highlighting */
.commentlist > li.bypostauthor {
	background: #ddd;
	border-color: #d3d3d3;
}

/* Images */
.entry-content img,
.comment-content img,
.widget img {
	max-width: 97.5%; /* Fluid images for posts, comments, and widgets */
}
img[class*="align"],
img[class*="wp-image-"] {
	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}
img.size-full {
	max-width: 97.5%;
	width: auto; /* Prevent stretching of full-size images with height and width attributes in IE8 */
}
.entry-content img.wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}
img.alignleft,
img.alignright,
img.aligncenter {
	margin-bottom: 1.625em;
}

img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
.alignright {float:right; }
.alignleft {float:left; }
.aligncenter {display: block; margin-left: auto; margin-right: auto}

p img,
.wp-caption {
	margin-top: 0.4em;
}
.wp-caption {
	background: #eee;
	margin-bottom: 1.625em;
	max-width: 96%;
	padding: 9px;
}
.wp-caption img {
	display: block;
	margin: 0 auto;
	max-width: 98%;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	color: #666;
	font-family: Georgia, serif;
	font-size: 12px;
}
.wp-caption .wp-caption-text {
	margin-bottom: 0.6em;
	padding: 10px 0 5px 40px;
	position: relative;
}
.wp-caption .wp-caption-text:before {
	color: #666;
	content: '\2014';
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	margin-right: 5px;
	position: absolute;
	left: 10px;
	top: 7px;
}
#content .gallery {
	margin: 0 auto 1.625em;
}
#content .gallery a img {
	border: none;
}
img#wpstats {
	display: block;
	margin: 0 auto 1.625em;
}
#content .gallery-columns-4 .gallery-item {
	width: 23%;
	padding-right: 2%;
}
#content .gallery-columns-4 .gallery-item img {
	width: 100%;
	height: auto;
}


/* Image borders */
img[class*="align"],
img[class*="wp-image-"],
#content .gallery .gallery-icon img {/* Add fancy borders to all WordPress-added images but not things like badges and icons and the like */
	border: 1px solid #ddd;
	padding: 6px;
}
.wp-caption img {
	border-color: #eee;
}
a:focus img[class*="align"],
a:hover img[class*="align"],
a:active img[class*="align"],
a:focus img[class*="wp-image-"],
a:hover img[class*="wp-image-"],
a:active img[class*="wp-image-"],
#content .gallery .gallery-icon a:focus img,
#content .gallery .gallery-icon a:hover img,
#content .gallery .gallery-icon a:active img {/* Add some useful style to those fancy borders for linked images ... */
	background: #eee;
	border-color: #bbb;
}
.wp-caption a:focus img,
.wp-caption a:active img,
.wp-caption a:hover img {/* ... including captioned images! */
	background: #fff;
	border-color: #ddd;
}

.wp-post-image{padding:2px; margin:8px 0; border:1px solid #dedede;}


#content .aside {
	border-left: 1px solid #ccc;
	font-size: 13px;
	margin: 0;
	padding: 0 0 0 0.85em;
}


/* search */
	
#headersearch #searchform {
	text-align: right;
	padding:5px 0 0 0;
	right: 7.6%;
}
#headersearch #searchform div {
	margin: 0;
}
#headersearch #searchform input#s {
	float: right;
	font-size: 12px;
	height: 22px;
	padding: 4px;
	width: 26%; 
	-webkit-transition-duration: 400ms; 
	-webkit-transition-property: width, background; 
	-webkit-transition-timing-function: ease; 
	-moz-transition-duration: 400ms; 
	-moz-transition-property: width, background; 
	-moz-transition-timing-function: ease; 
	color:#666;
}
#headersearch #searchform input#s:focus {
	background-color: #f9f9f9;
	width: 114%; 
}
#headersearch #searchsubmit {
	display: none;
}	
	

/* footer */

#footer #site-info{
	float:left;
}

#footer #site-generator, #footer #footer-right-side{
	float:right;
}

/* right sidebar menu */

li.menu-item {
	margin-bottom:5px;
	padding: 2px 5px;
}

li.menu-item a {
        font-size: 0.9em;
        color: #000;
        background-color: rgb(0, 159, 238);
	display: block;
	padding: 0px 3px;
}

li.menu-item a:hover {
	color: #FFF;
}	

li.current-menu-item, li.current-menu-item a {
	color: #FFF;
}

/* right sidebar sub menu */

ul.sub-menu li.menu-item a {
        font-size: 0.8em;
	color: #000;
	margin-top: 5px;
	margin-left: 15px;
}

ul.sub-menu li.current-menu-item a {
        color: #FFF;
}

div#header-right {
	float:right;
	margin-bottom: -15px;
}

div#tagline {
	clear: left;
	margin-left: 230px;
	padding-top: 5px;
	font-family: 'Ubuntu Condensed', sans-serif;
	text-transform: uppercase;
	font-size: 1.1em;
	}

ul.qtranxs_language_chooser li, ul.qtranxs_language_chooser li a {
	font-size: 0.9em;
	text-align:right;
	line-height: 1.2em;
}

ul.qtranxs_language_chooser li a:hover, ul.qtranxs_language_chooser li.active a {
	color: #000;
}

div.breadcrumbs{
	font-size: 0.7em;
	color: #5A5B5E;
	}
	
div.breadcrumbs a {
	color: #5A5B5E;
}

/* right sidebar login div */

div.login { text-align: right;
			font-size: 0.9em;
			}
			
div.login h6 { 	font-size: 0.9em;
				font-weight: normal;
				}

/* img overlay adapted from http://stackoverflow.com/questions/403478/css-how-to-overlay-images */

a.gallerypic img.alink {
  visibility:hidden;
  position:absolute;
  left:50px;
  top:13px;
  width:100px;
  height:100px;
 /* filter:alpha(opacity=50);
  -moz-opacity:0.5;
  -khtml-opacity: 0.5;
  opacity: 0.5; */
  border: none;
}

a.gallerypic:hover img.alink{
  visibility:visible;
}

div.alink {
  border: none;
  margin-top:15px;
  margin-bottom:0;
  position: relative; /* important so that img.alink can have absolute position */
}

h4.appetizers_header {
	text-transform:uppercase;
	text-decoration:none;
	font-weight: normal;
	font-size:0.9em;
}

a.gallerypic div.appetizer-info {
	visibility:hidden;
	background-color: rgb(0, 159, 238);
	position: absolute;
	top: 109px;
	width: 200px;
	text-align: center;
	}
	
a.gallerypic:hover div.appetizer-info {
  visibility:visible;
}

#map_canvas { height:60%;min-height:300px;width:99%;margin:auto;border-width:1px;border-style:solid;border-color:#929497;background-color:darkblue;margin-bottom:1em;margin-top:1em; }

/* lblock etc only for the icons on the front page */
div.rblock {float:right;}
div.lblock {float:left;}
div.lblock, div.rblock {width:33%;min-width:5em;text-align:center;border: none;text-transform:uppercase; color: rgb(0, 159, 238);font-size:0.95em;}
img.limg { width:75%; }
div.lblock img, div.rblock img { border-width:0px; }
div.rblock a, div.lblock a {text-decoration:none;color:rgb(0, 159, 238);}
div.rblock a:hover, div.lblock a:hover {color:#000; } 
div.lblock object, div.rblock object { max-width:13em;width:75%;border: none;}

/* for the maps on front and documentation pages */
.labels {
  color: white;
  background: rgb(0,0,0);
  background: rgba(0,0,0,0.7);
  font-size: 1.2em;
  font-weight: 600;
  text-align: center;
  border: none;
  border-radius:3px;
  padding: 3px 7px;
  white-space: nowrap;
  z-index:9999;
  visibility:hidden;
}

/* Documentation Projects overview: */
div.lang_list a, #main_navi a, #regions a { text-decoration:none; }

#main_navi { max-width:60em;margin:auto; }
#main_navi img { margin-bottom: 13px; margin-top:30px; }
#main_navi, #regions { text-align:center; }

div#front-icons {
	overflow:auto;
	border-bottom:1px solid #929497;
	padding-bottom:10px;
	margin-bottom:10px;
	}

input#imdi_search_query {
	width:192px;
	height:1.1em;
	border-color: rgb(0, 159, 238);
	background-color: #FFF;
	margin-top: 5px;
	}

input#imdi-query-value {
	width:192px;
	height:1.1em;
	border-color: rgb(0, 159, 238);
	background-color: #FFF;
	margin-top: 5px;
	}
	
div.quicksearch input#submit {
	background-color: rgb(0, 159, 238);
	border:none;
	padding: 2px 5px;
	margin-top: 5px;
	margin-bottom: 5px;
	letter-spacing:0px;
	}
	
div.quicksearch input#query-api {
	background-color: rgb(0, 159, 238);
	border:none;
	padding: 2px 5px;
	margin-top: 5px;
	margin-bottom: 5px;
	letter-spacing:0px;
	}
	
#show_only_accessible_text {
	font-size: 0.8em;
	}

img.access_level_img {
	height: 14px;
	width: 14px;
	vertical-align: top;
	margin-top: 2px;
	margin-right: 4px;
	}
	
div.hidden-resources {
	display: none;
	margin-top: -1em;
	}
	
/* project statistics */

#archive_stats { float:left;margin-bottom:1em;padding-right:0;margin-right:0;border-bottom:1px solid gray;width: 36%; }
#archive_stats ul { margin: 0; }
#archive_stats ul li { font-size: 0.8em;font-style:italic;list-style-type: none; }
#archive_stats h3 { font-size:100%; }

p.stats_lastupdate { font-size:0.8em;color:gray;margin-bottom:0.5em;margin-top:0.5em; }

/* project pages */

div.project_page {overflow:hidden;}
#content-container div.project_page h2.entry-title {padding: 0; margin-top:-5px; border-bottom: 1px solid #BBBDBF;}
img.IndexImages {width:60%;float:right;margin-left:15px;margin-top:0px}
div.p_index { clear:left;margin-top:1em; }
div.project_page div.entry-content { margin-top: 1em; }

table.projects { 	border-spacing: 0 !important;
  					border-collapse: collapse !important; }
table.projects td, table.projects th { 
	border: 1px solid black !important;
	padding:0.4em !important;
	}
	
div.other_lang 	{ 	font-style:italic;
					margin-bottom: 1em;
				}
	
/* interlinear glossing tables on project pages */
table.interlinear { border-spacing: 0 !important;
  					border-collapse: collapse !important;
					}
					
table.interlinear p.gl { color: red; }
table.interlinear td { vertical-align: top; }
p.ft { font-style:italic }

/* horizontal menu project pages */

#horizontal_menu { background-color:white;color:black; }

ul.h_menu { margin: 0;
			padding: 0;
			list-style-type: none;
	    	list-style-image: none;
	    	padding-top:0;
	    	font-size:0.9em;
	    	margin-top:0;}
ul.h_menu li { display: inline;padding:0 2px 2px 2px;border:none;background-color: #BBBDBF; }
ul.h_menu:first-letter{
	text-transform: capitalize
}
ul.h_menu li.current_page_item { background-color: rgb(0, 159, 238); }
ul.h_menu li a { color: black; }
ul.h_menu li a:hover { color: rgb(0, 159, 238); }
ul.h_menu li.current_page_item a:hover { color: black; }

/* jump to archive button and vw-logo in right sidebar */
div#link-to-archive {
	text-transform: uppercase;
	text-align: center;
}

div#vw-logo {
	margin-top: 50px;
	}
	
div#copyright {
	margin-top: 20px;
	font-size: 0.8em;
	text-align:right;
	} 
		

/* language list underneath the front page map */

#regions { margin-bottom:0.6em; }

ul.lang_list, div.lang_list { float:left;}
div.lang_list { margin:1em;margin-left:0;margin-top:0;font-size:small;padding:0.5em; }

div.lang_list h3 { font-size:small;margin-top:0.3em;margin-bottom:0.3em; }
div.lang_list ul { margin-left:1.5em;margin-top:0.1em;margin-bottom:0.1em;padding-left:0; }

/* appetizers media page */

.m_top { margin-top: -9px; }

.m_top h2 { font-size:0.9em !important;
			text-transform:uppercase;
			margin-bottom: 1.2em; }
			
.m_description { margin-top: 1em; }

.m_image img { width: 100%; max-height:500px }			

div.m_text { margin-top:1em;min-width:15em;max-height:20em;padding-top:1em;overflow:auto;}
div.m_text { background-color: #ddeafa; }

/* statistics page */

#dobes_statistics { margin:auto;margin-bottom:2em;border-spacing:0px;border-collapse: collapse; }
th, td { padding-top:0.1em;padding-bottom:0.1em;padding-left:0.2em;padding-right:0.2em; }
th { text-align:left; }
tr.odd { background-color:#ddeafa; }
tr.total th, tr.total td { border-top:2px black solid; }
tr.fields_bottom th { padding-top:0.3em; }
tr.fields_top th  { padding-bottom:0.3em; }

/* IMDI search results */

div.search-results h2 { font-size:0.9em !important;
			text-transform:uppercase;
			font-weight:bold;
			}
			
div.results-found { margin: 1em 0; }

p.not-accessible { font-style: italic; }

div.show-more-fewer { 	margin-top: -2em;
						margin-bottom: 2em; }
						
/* MS Translator attribution */

p#MS_translator_attribution { font-size: 12px; }
				
/* MediaElement.js styling overrules */

.mejs-controls .mejs-time-rail .mejs-time-loaded {
	background: rgb(0, 159, 238) !important;
	}
	
.mejs-controls {
	background: #606060 !important;
	}

/* table borders on certain pages */
#post-3124 table, #post-3131 table {	border-collapse: collapse;
			border: 1px solid gray; }
#post-3124 td, #post-3131 td { border: 1px solid gray; }

/* media player */
.mejs-container {
	clear: none!important;
}