/*
Theme Name: DOF OJ Public
Theme URI: http://wordpress.org/
Description: Baseret paa default WordPress theme incl special top / header
Version: 1.6
Author: Michael Heilemann
Author URI: http://binarybonsai.com/

Kubrick v1.5
http://binarybonsai.com/kubrick/

This theme was designed and built by Michael Heilemann, whose blog you will find at http://binarybonsai.com/
The CSS, XHTML and design is released under GPL: http://www.opensource.org/licenses/gpl-license.php
*/
/*****************************************************************************************************************/
body { font-size: 62.5%; /* Resets 1em to 10px */ font-family: Verdana, Arial, Sans-Serif; color: #333; }

body, html { margin:0; padding:0; background:white; color:#000; }
body {  margin:8px 0 0 8px; padding:0;width:970px; }
#page { margin:0; width:970px; }

#header { margin:0px 0px 5px 0px; padding:0;height: 90px; border-bottom:2px solid rgb(0, 0, 128); }
#header .title { padding-left:178px;text-align:left; }
#header h1 {color:#777; font-size: 3em;   text-align:left;margin:0px;padding:0px; }
#header h2 {color:#777;	font-size: 1.3em;	text-align:left;margin:0px;padding:0px;}
#header .imgleft { margin:0 0 0 21px;float:left}
#header .imgright {float:right; }

#sidebar1 { float:left; width:160px; margin:0; padding:0; }
#sidebar2 { float:right; width:160px; margin:0; padding:0; }

#footer { margin:0px 0px 5px 0px; padding:0; clear:both; border-top:2px solid #000080; text-align: center;padding-top:3px;  }
#footer p { font-size: 1em; margin:0px; padding:0px; line-height:1.2em; }
.cleaner { clear:both; height:1px; font-size:1px; border:none; margin:0; padding:0; background:transparent; }

#nav { background:white; padding:5px; }
#nav ul{ margin:0; padding:0; list-style:none; }
#nav li{ display:inline; margin:0; padding:0; }

#content { width: auto; background:white; margin:0 160px 0 160px; padding: 0 10px 0 20px; }

.post  { margin: 0px; padding-top: 10px; text-align: left; }
.post hr { display: block; }

.sidebar {  padding: 0px; margin:0px;}
.sidebar ul { margin:0; padding:0px; list-style: none;}
.sidebar li { margin:0; padding:0px; padding-top:3px;}
.sidebar h3, .sidebar p { padding:0px; }
.sidebar form { margin: 0; }
.sidebar { 	font: 1.3em  Verdana, Arial, Sans-Serif;}
.sidebar .boks { margin:6px 0 6px 0px;padding:3px;border:1px solid rgb(0, 0, 128);font-size:80%}
.sidebar ul ul { margin-left:15px;}
.sidebar ul .skiller {margin-left:0px;margin-top:6px;padding-top:6px;border-top:1px solid #000080;}
.boks h4 { margin:0px;padding:0px;font-size:1em;font-family:Verdana, Arial, Sans-Serif; }

hr { display: none;	}

.navigation { text-align: center; margin: 0; padding:0.2em 0 0.2em 0; font-size: 0.9em; min-height:1.5em; }

.more-link { font-size:90%;}

.current_page_item { font-weight: bold;}
/* End Structure */

/*****************************************************************************************************************/
/* Begin Typography & Colors */
#content h2, #content h3, #content h4, #content p { padding:4px 0px 4px 0px; }
#content .postmetadata { padding-top: 5px; }
#content .smallattachment { text-align: center;margin: 5px 5px 5px 0px; }
#content .attachment { text-align: center; margin: 5px 0px; }
#content a { text-decoration: underline; }

#content { font-size: 1.2em; line-height: 1.6em; }
#content .entry p { font-size: 1em; margin:0 0 0.5em 0; }
#content .entry { line-height: 1.5em; overflow: auto;}
#content .postmetadata { text-align: left; font-size:90%; }

.alt { background-color: #f8f8f8; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; }
small { font-family: Verdana, Arial, Sans-Serif; font-size: 0.9em; line-height: 1.5em; }
h1, h2, h3, h4  { font-family: 'Trebuchet MS', 'Lucida Grande',Verdana, Arial, Sans-Serif; font-weight: bold; }
h1 { font-size: 4em; text-align: center; padding-top: 0px; margin: 0; }
h2 { font-size: 1.6em; margin: 0px; }

#content h3 { font-size: 1.3em; margin: 0px; }
#content h4 { font-size: 1.2em; margin: 0px;padding-bottom:0px; }

h3.comments { padding: 0; margin: 40px auto 20px ; }
.sidebar h2 { font-family: Verdana, Sans-Serif; font-size: 0.9em; margin: 5px 0 0; padding: 0; }

h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited { color: #333; }

h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, .sidebar h2, cite, #content h2 a, #content h3 a {
text-decoration: none;
}

.entry p a:visited { color: #b85b5a;}

.commentlist li, #commentform input, #commentform  textarea { font: 0.9em Verdana, Arial, Sans-Serif; }
.commentlist li { font-weight: bold; }
.commentlist li .avatar { float: right; border: 1px solid #eee; padding: 2px; background: #fff; }
.commentlist cite, .commentlist cite a { font-weight: bold; font-style: normal; font-size: 1.1em; }
.commentlist p { font-weight: normal; line-height: 1.5em; text-transform: none; }
#commentform p { font-family: Verdana, Arial, Sans-Serif; }
.commentmetadata { font-weight: normal; }

small, .nocomments, .postmetadata, blockquote, strike {
color: #888;
}

code {
font: 1.1em 'Courier New', Courier, Fixed;
}

acronym, abbr, span.caps { font-size: 0.9em; letter-spacing: .07em; }

a, h2 a:hover, h3 a:hover {
color: #06c;
text-decoration: none;
}

a:hover {
text-decoration: underline;
}

/* End Typography & Colors */

/* Begin Images */
p img {
padding: 0;
max-width: 100%;
}

/*	Using 'class="alignright"' on an image will (who would've
thought?!) align the image to the right. And using 'class="centered',
will of course center the image. This is much better than using
align="center", being much more futureproof (and valid) */

img.centered {
display: block;margin-left: auto;margin-right: auto;
}

img.alignright {
padding: 4px;
margin: 0 0 2px 7px;
display: inline;
}

img.alignleft {
padding: 4px;
margin: 0 7px 2px 0;
display: inline;
}

.alignright { float: right;margin: 0 0 0 7px;}
.alignleft { float: left; margin: 0 7px 0 0;}
.aligncenter { display: block;margin-left: auto;margin-right: auto;}

/* End Images */

/* Begin Lists */

.entry ul {
padding:0px;
list-style-position:outside;
list-style-type:disc;
padding-left:1.5em;
margin-left:0em;
}

.entry li {
margin: 7px 0 8px 0;
padding: 0px;
}

.entry ul li:before, .sidebar ul ul li:before {
/*content: "\00BB \0020";*/
}

.entry ol {
padding: 0 0 0 35px;
margin: 0;
}

.entry ol li {
margin: 0;
padding: 0;
}

.postmetadata ul, .postmetadata li {
display: inline;
list-style-type: none;
list-style-image: none;
}

ol li {
list-style: decimal outside;
}

/* End Entry Lists */

/* Begin Form Elements */
#searchform {
margin: 10px auto;
padding: 5px 3px;
text-align: center;
}

.sidebar #searchform #s {
width: 108px;
padding: 2px;
}

.sidebar #searchsubmit {
padding: 1px;
}

.entry form { /* This is mainly for password protected posts, makes them look better. */
text-align:left;/* center */
}

select {
width: 130px;
}

#commentform input {
width: 170px;
padding: 2px;
margin: 5px 5px 1px 0;
}

#commentform textarea {
width: 95%;
padding: 2px;
}

#commentform #submit {
margin: 0;
/*float: right;*/
}
/* End Form Elements */

/* Begin Comments*/
.alt {
margin: 0;
padding: 10px;
}

.commentlist {
padding: 0;
text-align: left;
}

.commentlist li {
margin: 15px 0 3px;
padding: 5px 10px 3px;
list-style: none;
}

.commentlist p {
margin: 10px 5px 10px 0;
}

#commentform p {
margin: 5px 0;
}

.nocomments {
text-align: center;
margin: 0;
padding: 0;
}

.commentmetadata {
margin: 0;
display: block;
}
/* End Comments */

/* Captions */

.wp-caption {
border: 1px solid #ddd;	text-align: center;	background-color: #f3f3f3;
padding: 4px 0 4px 0;
font-size: 0.9em; line-height: 1.2em; }

.wp-caption img {
margin: 0;	padding: 0;	border: 0 none;
}
/*
.wp-caption p.wp-caption-text {
font-size: 0.9em; line-height: 1.2em; padding: 0 4px 5px; margin: 0;
}
*/
/* End captions */


/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
cursor: help;
}

acronym, abbr {
border-bottom: 1px dashed #999;
}

blockquote {
margin: 15px 30px 0 10px;
padding-left: 20px;
border-left: 5px solid #ddd;
}

blockquote cite {
margin: 5px 0 0;
display: block;
}

.center {
text-align: center;
}

a img {
border: none;
}

.ngg-albumoverview { margin-top: 10px; width: 100%; clear:both; display:block !important; }
.ngg-album { height: 100%; padding: 5px; margin-bottom: 5px; border: 1px solid #fff; }
/* IE6 will ignore this , again I hate IE6 */
/* See also http://www.sitepoint.com/article/browser-specific-css-hacks */
html>body .ngg-album { overflow:hidden; padding: 5px; margin-bottom: 5px; border: 1px solid #cccccc; }
.ngg-album { overflow: hidden; padding: 5px; margin-bottom: 5px; border: 1px solid #cccccc; }
.ngg-albumtitle { text-align: left; font-weight: bold; margin:0px; padding:0px; font-size: 1.4em; margin-bottom: 10px; }
.ngg-thumbnail { float: left; margin-right: 12px; }
.ngg-thumbnail img { background-color:#FFFFFF; border:1px solid #A9A9A9; margin:4px 0px 4px 5px; padding:4px; position:relative; }
.ngg-thumbnail img:hover { background-color: #A9A9A9; }
.ngg-description { text-align: left; }
/* ----------- Album Styles Compact -------------*/
.ngg-album-compact { float:left; height:180px; padding-right:6px !important; margin:0px !important; text-align:left; width:120px;	}
.ngg-album-compactbox { background:transparent url(albumset.gif) no-repeat scroll 0%; height:86px; margin:0pt 0pt 6px !important; padding:12px 0pt 0pt 7px !important; width:120px; }
.ngg-album-compactbox .Thumb { border:1px solid #000000; margin:0px !important; padding:0px !important; width:91px; height:68px; }
.ngg-album-compact h4 { font-size:15px; font-weight:bold; margin-bottom:0px; margin-top:0px; width:110px; }
.ngg-album-compact p { font-size:11px; margin-top:2px; }
/* ----------- Gallery style -------------*/
/*.ngg-galleryoverview { overflow: hidden; margin-top: 10px; width: 100%; clear:both; display:block !important; }*/
.ngg-galleryoverview { overflow: hidden; margin-top: 10px; width: 100%; }
.ngg-galleryoverview .desc { margin:0px 10px 10px 0px; padding:5px; }
.ngg-gallery-thumbnail-box { float: left; }
.ngg-gallery-thumbnail { float: left; margin-right: 5px; text-align: center; }
.ngg-gallery-thumbnail img { background-color:#FFFFFF; border:1px solid #A9A9A9; display:block; margin:4px 0px 4px 5px; padding:4px; position:relative; }
.ngg-gallery-thumbnail img:hover { background-color: #A9A9A9; }
.ngg-gallery-thumbnail span { font-size:90%; padding-left:5px; display:block; }
.ngg-clear { clear: both; }
/* ----------- Gallery navigation -------------*/
.ngg-navigation { font-size:0.9em !important; clear:both !important; display:block !important; padding-top:15px; text-align:center; }
.ngg-navigation span { font-weight:bold; margin:0pt 6px; }
.ngg-navigation a.page-numbers,.ngg-navigation a.next,
.ngg-navigation a.prev,.ngg-navigation span.page-numbers,
.ngg-navigation span.next,.ngg-navigation span.prev { border:1px solid #DDDDDD; margin-right:3px; padding:3px 7px; }
.ngg-navigation a.page-numbers:hover,.ngg-navigation a.next:hover,
.ngg-navigation a.prev:hover,.ngg-navigation span.page-numbers:hover,
.ngg-navigation span.next:hover,.ngg-navigation span.prev:hover { background-color: #0066CC; color: #FFFFFF !important; text-decoration: none !important; }
/* ----------- Image browser style -------------*/
.ngg-imagebrowser { }
.ngg-imagebrowser h3 { text-align:center; }
.ngg-imagebrowser img { border:1px solid #A9A9A9; margin-top: 10px; margin-bottom: 10px; width: 100%; display:block !important; padding:5px; }
.ngg-imagebrowser-nav { padding:5px; margin-left:10px;	}
.ngg-imagebrowser-nav .back { float:left; border:1px solid #DDDDDD; margin-right:3px; padding:3px 7px; }
.ngg-imagebrowser-nav .next { float:right; border:1px solid #DDDDDD; margin-right:3px; padding:3px 7px; }
.ngg-imagebrowser-nav .counter { text-align:center; font-size:0.9em !important; }
.exif-data { margin-left: auto !important; margin-right: auto !important;	}
/* ----------- Slideshow -------------*/
.slideshow { margin-left: auto; margin-right: auto; text-align:center; outline: none;	}
.slideshowlink { }
/* ----------- Single picture -------------*/
.ngg-singlepic { display:block; padding:4px; }
.ngg-left { float: left; margin-right:10px; }
.ngg-right { float: right; margin-left:10px; }
.ngg-center { margin-left: auto !important; margin-right: auto !important; }
/* ----------- Sidebar widget -------------*/
.ngg-widget,
.ngg-widget-slideshow { overflow: hidden; margin:0pt; padding:5px 0px 0px 0pt; }
.ngg-widget img { border:2px solid #A9A9A9; margin:0pt 2px 2px 0px; padding:1px; }
/* ----------- Related images -------------*/
.ngg-related-gallery { background:#F9F9F9; border:1px solid #E0E0E0; overflow:hidden; margin-bottom:1em; margin-top:1em; padding:5px; }
.ngg-related-gallery img { border: 1px solid #DDDDDD; float: left; margin: 0pt 3px; padding: 2px; height: 50px; width:  50px; }
.ngg-related-gallery img:hover { border: 1px solid #000000; }

a:link    { color: #000080 }
a:visited { color: #000080 }
a:hover   { color: #147; }
a:active  { color: #000080 }

.google-visualization-table-th { display:none}
.google-visualization-table-td { padding-bottom: 10px }
.pre { background-color: #eeeeee}
#table_div { }
.turtitel { font-size: 12pt; font-weight: bold }
.opdater, .google-visualization-table-table .opdater {
padding:0px;margin-left:8px;font-size:7pt;font-weight: normal;color:#000000;
line-height:7pt;vertical-align:top; background-color:#FFFF00;font-family:Verdana,Arial,Sans-Serif;
}
#artsliste td { padding-bottom:4px;vertical-align: top;}

.tooltip {  background-color:#ffffff;border:1px #000000 solid;display: inline; }
.info { font-size:12px;line-height:18px;}
.info a { text-decoration: underline }
.boks .info { font-size:11px; }

.event td { padding:4px;margin:0px;vertical-align:top;}
.event .labels { width: 67px}
.event .desc {width:537px;}
.eventactive { font-weight:bold }