/*  
Theme Name: Office
Theme URI: http://www.dd-i.dk
Description: Theme with 3 columns.
Version: 1.0
Author: Thomas Clausen
Author URI: http://www.thomasclausen.dk

This theme was designed and built by Clausen at <a href="http://www.dd-i.dk">DUET design & ide</a> based on the design of <a href="http://www.midspar.dk">Middelfart Sparrekasse</a>.
*/

html, body { width: 100%; height: 100%; margin: 0px; padding: 0px; }
body { background: #FFFFFF url(images/bg.gif) repeat-x; font: 12px Arial, Helvetica, Verdana, sans-serif; color: #000000; }
a { color: #a62c3c; }
a:hover { text-decoration: none; }
h1 { font: 30px Georgia, 'Times New Roman', Times, serif; color: #000000; margin: 0px; }
h2 { font: 22px Georgia, 'Times New Roman', Times, serif; color: #a62c3c; border-bottom: 1px solid #ebebeb; margin: 0px; padding-bottom: 9px; }
h2 a { text-decoration: none; color: #a62c3c; }
h2 a:hover { text-decoration: underline; }
h3 { font: 16px Georgia, 'Times New Roman', Times, serif; color: #a62c3c; padding-top: 9px; }
ul { padding: 0px 0px 0px 15px; margin: 0px 0px 15px 0px; }
ul li { padding: 0px 0px 0px 5px; margin: 0px 0px 0px 5px; }
ol { padding: 0px 0px 0px 20px; margin: 0px 0px 15px 0px; }
ol li { padding: 0px; margin: 0px 0px 0px 5px; }
form { margin: 0px; }
img.wp-smiley { border: 0px; }
img { border: 0px; }
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; }

#wrap { margin: 2px auto; padding: 0px; width: 920px; }
#navtop { height: 20px; width: 249px; margin: 0px 0px -23px; padding: 3px 0px 0px 671px; text-align: center; background: url(images/navbg.gif) top right no-repeat; position: relative; }
#navtop a { font-size: 11px; font-weight: bold; color: #FFFFFF; text-decoration: none; }
#navtop a:hover { text-decoration: underline; }
#top { height: 141px; margin: 10px 0px; padding: 35px 0px 0px 0px; }
#blogtitle a { text-decoration: none; color: #000000; }
#blogdesc { font-size: 12px; margin: 10px 0px 0px 400px; }
#menu { height: 42px; width: 920px; margin: 0px auto 25px; }
#search { float: right; padding: 10px 0px; }
#search input { width: 167px; height: 14px; padding: 4px 9px; font: 11px Arial, Helvetica, sans-serif; border: 0px; background: url(images/search_field.gif); }
#search .button { width: 30px; height: 22px; padding: 0px; border: 0px; background: url(images/search_button.gif); }
#menu ul { width: auto; list-style: none; margin: 0px; padding: 0px; }
#menu li { margin: 0px 25px 0px 0px; padding: 0px; display: inline; }
#menu a { font-size: 14px; font-weight: bold; color: #000000; line-height: 44px; padding: 12px 0px; text-decoration: none; }
#menu a:hover { text-decoration: underline; }
#menu li.current_page_item a { background: url(images/current_page.gif) no-repeat bottom center; }
#post, .content, .comments { width: 440px; float:left; }
.fb_share_box { margin: 5px 0 10px 10px; float: right; display: inline; }
.content { margin: 0px 0px 34px; }
.comments { margin: 0px; border-top: 1px solid #ebebeb; }
.content .date, .content .postmeta, .comments .date, .comments .postmeta { font-size: 10px; padding: 7px 0px 0px 3px; }
.content .postavatar { float: right; padding: 10px 0px 10px 10px; }
.comments .postmeta { padding: 7px 0px 7px 3px; }
.content p, .comments p { font: 12px/18px Arial, Helvetica, Verdana, sans-serif; margin-top: 12px; }
.content a.more-link { padding-left: 21px; margin-top: 12px; background: url(images/arrow.gif) no-repeat 2px 3px; display: block; }
.content .comment_icon, .rss_icon { margin-bottom: -2px; }
.navigation { text-align: center; }
.alignright { float: right; margin: 0px; padding: 10px 0px; }
.alignleft { float: left; margin: 0px; padding: 10px 0px; }
ol.commentlist { list-style: none; padding: 0px; margin: 0px; }
ol.commentlist li { list-style: none; margin: 0px; padding: 13px 13px 1px; }
ol.commentlist li.commenthead { list-style: none; margin: 0px; }
ol.commentlist li.commenthead h2 { margin: 0px;}
#sidebar { padding: 0px; width: 480px; float: right; }
.right_fake { width: 240px; float: right; }
.right, .left { width: 215px; min-height: 307px; height: auto !important; height: 307px; padding: 0px 0px 0px 25px; background: url(images/sidebar_bg.gif) no-repeat top right; float: right; }
.left { float: left; }
.right ul, .left ul { list-style-type: none; margin: 20px; padding: 0px; }
.right ul li, .left ul li { list-style-type: none; margin: 0px 0px 20px 0px; padding: 0px; }
.right_fake h2, .right ul li h2, .left ul li h2 { font: 16px Georgia, "Times New Roman", Times, serif; color: #000000; border: 0px; }
.right ul li ul, .left ul li ul { list-style-type: square; margin: 0px; padding: 0px 3px; }
.right ul li ul li, .left ul li ul li { list-style-type: none; background: url(images/bullet.gif) no-repeat 0px 5px; padding: 0px 0px 2px 14px; border: 0px; margin: 0px;  }
.rss { width: 215px; padding: 3px 0px 0px 0px; margin: 0px 0px 0px 25px; background: url(images/bg_red_top.gif) no-repeat center top; }
.rss .rss2 { width: 175px; color: #FFFFFF; padding: 17px 20px 20px; margin: 0px 0px 25px; background: #ab283a url(images/bg_red_bottom.gif) no-repeat center bottom; }
.rss .rss2 h2 { font: 16px Arial, Helvetica, sans-serif; font-weight: bold; color: #FFFFFF; border: 0px; }
.rss .rss2 a { font-weight: bold; color: #FFFFFF; text-decoration: none }
.rss .rss2 a:hover { text-decoration: underline; }
.newsletter { width: 215px; padding: 3px 0px 0px 0px; margin: 0px 0px 0px 25px; background: url(images/bg_green_top.gif) no-repeat center top; }
.newsletter .newsletter2 { width: 175px; padding: 17px 20px 20px; margin: 0px 0px 25px; background: #cddccd url(images/bg_green_bottom.gif) no-repeat center bottom; }
.newsletter .newsletter2 label { font-size: 10px; padding: 0px 0px 10px 4px; }
.newsletter .newsletter2 input { width: 159px; height: 12px; line-height: 18px; padding: 5px 8px; border: none; background: url(images/bg_input.gif) no-repeat; }
.newsletter .newsletter2 .button { width: 70px; height: 22px; text-transform: uppercase; padding: 4px; color:#FFFFFF; text-align: center; background: url(images/bg_button.gif) no-repeat; }
#footer { width: 920px; font-size: 11px; color: #6e6e6e; padding: 10px 0px; margin: 25px auto 0px; border-top: 1px solid #ebebeb; clear: both; }
#footer ul { list-style-type: none; margin: 0px; padding: 0px; }
#footer ul li { border-left: 1px solid #9f9f9f; display: inline; list-style: none; padding: 0px 7px 0px 11px; }
#footer ul li.about { border: none; float: right; padding: 0px; }
#footer ul li.first { border: none; padding: 0px 8px 0px 0px; }
#footer a { color: #6e6e6e; text-decoration: none; }

.permalink { width: 150px; float: right; text-align: right;}
.category { width: 350px; float: left; height: 20px; overflow: hidden;}
blockquote { margin: 15px 30px 0 10px; padding-left: 20px; border-left: 5px solid #ddd; }
blockquote cite { margin: 5px 0 0; display: block; }

/* D13Slideshow */
#d13slideshow { width: 372px; height: 176px; margin: -35px 16px 0px 0px; float: left; display: inline; }
#d13nav { margin: 0px; padding: 0px; }
#navleft { width: 15px; height: 106px; position: absolute; z-index: 200; }
#navright { width: 15px; height: 302px; margin-left: 357px; position: absolute; z-index: 201; }
#navleft a,
#navright a { width: 15px; height: 302px; background: #000000; background-position: center center; background-repeat: no-repeat; display: block; filter: alpha(opacity=30); -moz-opacity: .3; opacity: .3; }
#navleft a { background: url(../../plugins/d13slideshow/left.gif); }
#navright a { background: url(../../plugins/d13slideshow/right.gif);  }
#navleft a:hover { filter: alpha(opacity=60); -moz-opacity: .6; opacity: .6; }
#navright a:hover { filter: alpha(opacity=60); -moz-opacity: .6; opacity: .6; }
#navleft a span,
#navright a span { display: none; }
div.d13slide { padding: 0px; margin: 0px; }
div.d13slide img { padding: 0px; margin: 0px; }
div.d13fader { height: 70px; font-family: Arial, Helvetica, sans-serif; color: #ffffff; padding: 0px; margin: -73px 0px 0px 0px; background: #000000; filter: alpha(opacity=80); -moz-opacity: .8; opacity: .8; z-index: 1; }
div.d13fader h3 { font-size: 12px; font-weight: bold; padding: 4px; margin: 0px; }
div.d13fader h3 a { color: #ffffff; }
div.d13fader h3 a:hover { color:#ffffff; }
div.d13fader p { font-size: 10px; font-weight: normal; padding: 2px 4px 4px 4px; margin: 0px; }
div.d13fader p a { color: #ffffff; }
div.d13fader p a:hover { color: #ffffff; }