/*
Theme Name: VidenDanmark
Theme URI: http://www.videndanmark.dk
Description: Dette WordPress tema er designet til VidenDanmark's weblog.
Version: 2.0
Author: Thomas Clausen - IdeFA Gruppen
Author URI: http://www.idefa.dk/
Tags: blue, grey, fixed width, three columns, widgets

Like WordPress, this work (The CSS, XHTML and design) is released under GNU General Public License, version 2 (GPL).

For more information about the GPL, please visit:
http://www.gnu.org/licenses/old-licenses/gpl-2.0.html
*/

/* Reset default browser styles */
@import url('css/reset.css');

/* GLOBAL */
body { font: 11px/15px Verdana, Arial, Helvetica, sans-serif; color: #333; background: #fff url(images/body-bg.gif) top center; }
h1 { font-size: 16px; line-height: 1.25em; color: #305871; letter-spacing: 1px; margin: 0 0 14px 0; }
h2 { font-size: 13px; line-height: 1.25em; letter-spacing: 1px; margin: 7px 0 0 0; }
h3 { font-size: 13px; line-height: 1.25em; letter-spacing: 1px; margin: 0 0 14px 0; }
h4 { font-size: 12px; line-height: 1.25em; margin: 0 0 7px 0; }
h5 { font-size: 12px; line-height: 1.25em; }
h6 { font-size: 11px; line-height: 1.25em; }
p { margin-bottom: 1.25em; }
a { text-decoration: none; color: #4b5e7f; }
a:hover { text-decoration: none; color: #666; }
sup, sub { font-size: 0.7em; vertical-align: baseline; position: relative; top: -0.4em; }
sub { top: 0.4em; }

/* FORMS
label { line-height: 17px; }
input, textarea, select { width: 95%; font: 13px Arial, Helvetica, Verdana, sans-serif; color: #999999; padding: 2px; margin: 2px 0px; border: 1px #999999 solid; background: #ffffff; }
textarea { overflow: auto; }
input.radio, input[type=radio], input.checkbox, input[type=checkbox] { width: auto; margin: 6px 0px 0px 0px; border: 0px; }
input.button, input[type=submit] { width: auto; font-size: 15px; padding: 1px 2px; margin: 15px 0px 0px 143px; }
#error, #kontakterror, #nyhedererror { margin: 0px 0px 10px 0px; padding: 6px; border: solid 1px #ff0000; color: #8d1c1c; background: #ffdede; display: none; }
.hidden { display: none; }

-----------
label { font-size: 10px; padding: 0px 0px 10px 4px; }
input { font: 11px Arial, Helvetica, sans-serif; color: #666666; width: 50%; padding: 3px; border: 1px solid #cbcbcb; background: #fcfcfc; }
textarea { font: 11px Arial, Helvetica, sans-serif; color: #666666; width: 430px; border: 1px solid #cbcbcb; background: #fcfcfc; overflow: auto; }
input.radio, input.checkbox, input[type=radio], input[type=checkbox] { width: auto; padding: 0px; border: none; background: none; }
input.button, input[type=submit] { width: 100px; }
 */

/* ELEMENTS */
html, body, #wrap { height: 100%; }
body > #wrap { height: auto; min-height: 100%; }
#wrap { width: 986px; margin: 0 auto; border-right: 7px solid #cfcfcf; border-left: 7px solid #cfcfcf; background: #fff url(images/wrap-bg.gif) repeat-y top center; }

#top { height: 28px; padding: 33px 0 0 0; background: #cfcfcf url(images/top-bg.gif) repeat-x; }

ul#topmenu { width: 188px; font-size: 10px; text-align: center; float: left; display: inline; }
ul#topmenu li { line-height: 8px; padding: 0 5px 0 8px; border-left: 2px solid #fff; display: inline; white-space: nowrap; }
ul#topmenu li.first { border-left: none; }
ul#topmenu a { font-weight: bold; text-decoration: none; color: #fff; }
ul#topmenu a:hover { text-decoration: underline; }

/* MENU */
ul#mainmenu { width: 794px; border-top: 4px solid #fff; border-left: 4px solid #fff; -moz-border-radius: 14px 0 0 0; -webkit-border-top-left-radius: 14px; -webkit-border-top-right-radius: 0; -webkit-border-bottom-right-radius: 0; -webkit-border-bottom-left-radius: 0; border-radius: 14px 0 0 0; background: #305871; float: right; display: inline; position: relative; z-index: 10; }
ul#mainmenu li { width: auto; display: inline-block; position: relative; white-space: nowrap; }
ul#mainmenu li.current { padding: 0 0 4px 0; margin: 0 0 -4px 0; border-right: 4px solid #fff; border-left: 4px solid #fff; background: #f0f0f0; }
ul#mainmenu li.first.current { padding: 0 0 4px 0; margin: 0 0 -4px 0; border-right: 4px solid #fff; border-left: none; -moz-border-radius: 10px 0 0 0; -webkit-border-top-left-radius: 10px; border-radius: 10px 0 0 0; background: #f0f0f0; }
ul#mainmenu a { font-weight: bold; line-height: 24px; color: #fff; text-decoration: none; text-transform: uppercase; padding: 0 14px; background: url(images/li-a-bg.gif) no-repeat top left; display: block; }
ul#mainmenu li:hover a, ul#mainmenu li.over a { color: #f2db42; }
ul#mainmenu li.current a { color: #305871; }

/* Fix IE. Hide from IE Mac \*/
ul#mainmenu li a { height: 1%; }
/* End */

#main { border-top: 5px solid #fff; }

#sidebar-left { width: 192px; font-size: 10px; float: left; display: inline; }
#logo { padding: 14px 0 21px 19px; margin: 0 0 20px 0; background: #fff; }
#sidebar-left .widget { margin: 0 12px 28px 12px; }
#post { width: 548px; padding: 5px 30px; float: left; display: inline; position: relative; }
#post .addthis_toolbox { text-align: right; }
#post table.contenttable { width: 100%; background: #cfcfcf; border-collapse: separate; border-spacing: 1px; }
#post table.contenttable tr { }
#post table.contenttable th, #post table.contenttable td { padding: 5px; background: #fff; }
#post th p { margin: 0; }
#post td p { margin: 0; }
#post ul { list-style: disc; padding: 0 0 0 15px; margin: 0 0 15px 0; }
#post ul li { padding: 0 0 0 5px; margin: 0 0 0 5px; }
#post ol { list-style: decimal; padding: 0 0 0 20px; margin: 0 0 15px 0; }
#post ol li { padding: 0; margin: 0 0 0 5px; }
#sidebar-right { width: 157px; font-size: 10px; padding: 5px 12px; margin: 4px 0 0 0; float: right; display: inline; position: relative; }
#sidebar-right .widget { margin: 0 0 28px 0; }

.grey { width: 573px; min-height: 91px; padding: 20px 15px 6px 15px; border-top: 4px solid #fff; background: #f0f0f0; position: relative; top: -10px; left: -29px; }
.yellow { padding: 5px 12px 0 12px; background: #f2db42; }

#credits { color: #666; }
#credits a { text-decoration: none; color: #666; }

.content, .comments { }
.post { margin: 0 0 30px 0; }
.single .post { margin: 0 0 10px 0; }
.post .date, .comments .date { font-size: 10px; padding: 7px 0; }
#post .postmeta { font-size: 10px; padding: 4px; margin: 0 0 10px 0; background: #f0f0f0; }
.post .postavatar { float: right; padding: 10px 0 10px 10px; }
.post .comment_icon, .rss_icon { margin-bottom: -2px; }
.navigation { text-align: center; margin: 0; }
.alignright { float: right; margin: 0; padding: 10px 0; }
.alignleft { float: left; margin: 0; padding: 10px 0; }

#post ol#commentlist li.commenthead { list-style: none; margin: 0; }
#post ol#commentlist li.commenthead h2 { margin: 0;}

/* COMMENTS */
#comments { padding: 6px 0 0 0; border-top: 1px solid #f0f0f0; }
#comments h2 { margin: 0 0 16px 0; }
#comments a { color: #525252; text-decoration: underline; }
#comments a:hover, #comments a:focus { text-decoration: none; }

#post ol.commentlist { list-style: none; padding: 0; margin: 0; }
#post ol.commentlist li { list-style: none; padding: 7px 7px 1px 7px; margin: 0; }
.commentlist li.odd { background: #f0f0f0; }
.commentlist li.even { }
.commentlist li.bypostauthor { background: #c7d7e0; }
.commentlist .commentmeta { font-style: italic; margin: 0 0 7px 0; }
.commentlist .commentmeta a { }
.commentlist .pending { padding: 0 5px; background: #ffff66; }
.commentlist .reply { text-align: right; }
.commentlist .reply a {}
.commentlist .children { margin: 0 0 0 20px; }

#post ol.pingbacklist { list-style: none; padding: 0; margin: 0; }
#post ol.pingbacklist li { list-style: none; padding: 7px 7px 1px 7px; margin: 0; }
.pingbacklist li.odd { background: #f0f0f0; }
.pingbacklist li.even { }
.pingbacklist a { font-style: italic; }

#respond { padding: 17px 0 0 0; margin: 17px 0 0 0; border-top: 1px solid #e2e2e2; }

#cancel-reply {}
#cancel-reply a {}

#commentform h2 {}
#commentform p {}
#commentform .comment-textarea { width: 90%; }
#commentform .allowed-tags { }
#commentform p.submit { text-align: right; }

/* WORDPRESS */
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; }
a img.alignright { float: right; margin: 0 0 1em 1em; }
a img.alignleft { float: left; margin: 0 1em 1em 0; }
a img.aligncenter { display: block; margin-left: auto; margin-right: auto; }

.post { margin: 0px 0px 40px 0px; }
.post hr { display: block; }

.entry ul { padding: 0px; margin: 0px 0px 0px 15px; }
.entry ul li { padding: 0px; margin: 0px 0px 0px 10px; }
.entry ol { padding: 0px; margin: 0px 0px 0px 15px; }
.entry ol li { padding: 0px; margin: 0px 0px 0px 10px; }
.entry form { text-align: center; } /* This is mainly for password protected posts, makes them look better. */

#searchform label { width: 95px; line-height: 14px; padding: 0px 10px 0px 0px; float: left; display: block; }
#searchform input { line-height: 14px; }
#searchform input#submit { line-height: 12px; padding: 0px 2px; }

.alternate { background: #eaf2f5; }
.column-distance { width: 125px; padding: 2px; }
.column-time { width: 60px; text-align: right; padding: 2px 10px 2px 2px; }
.column-name { padding: 2px; }
.column-date { width: 60px; text-align: right; padding: 2px; }

/* CLEARFIX */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }
spacer-gif { display: none; }