/*  
Theme Name: Office
Theme URI: http://www.concept-i.dk
Description: Theme with 2 columns.
Version: 1.0
Author: Concept Interest
Author URI: http://www.concept-i.dk

This theme was built by Clausen based on a design by Birthe.
*/

html, body { width: 100%; height: 100%; margin: 0px; padding: 0px; }
body { font: 12px/20px 'Trebuchet MS', Arial, Helvetica, sans-serif; color: #333333; background: #edf4f4; }
a { color: #666666; text-decoration: underline; }
a:hover { color: #f79448; text-decoration: underline; }
p { padding: 0px; margin: 0px; }
h1 { font-size: 15px; color: #666666; padding: 0px 0px 0px 24px; margin: 0px; background: url(images/h1-dot.gif) no-repeat 0px 1px; }
h1 a { font-size: 22px; color: #666666; text-decoration: none; }
h1 a:hover { color: #f79448; text-decoration: none; }
h2 { font-size: 13px; color: #000000; font-weight: normal; padding: 0px; margin: 0px 0px 7px 0px; }
h3 { font-size: 13px; color: #000000; }

form { margin: 0px; }
label { font-size: 10px; padding: 0px 0px 10px 4px; }
input { font: 12px Arial, Helvetica, sans-serif; color: #666666; width: 50%; padding: 3px; border: 1px solid #cbcbcb; background: #fcfcfc; }
textarea { font: 12px Arial, Helvetica, sans-serif; color: #666666; width: 430px; border: 1px solid #cbcbcb; background: #fcfcfc; overflow: auto; }

#wrap { width: 873px; padding: 20px 5px 5px 5px; margin: 0px auto; background: #ffffff; }
#top { width: 873px; padding: 5px 0px; margin: 0px; }
#menu { padding: 0px 0px 3px 0px; border-bottom: 2px dotted #f89448; }
#menu ul { list-style: none; margin: 0px; padding: 0px; }
#menu li { padding: 0px; margin: 0px 16px 0px 5px; display: inline; }
#menu ul ul { display: none; }
#menu a { color: #333333; text-decoration: none; text-transform: uppercase; }
#menu a:hover { color: #f79448; }

#post { width: 572px; float:left; }
.content { padding: 0px; margin: 20px 20px 20px 96px; }
.content .date, .content .postmeta { font-size: 10px; padding: 7px 0px 0px 3px; }
.content p { margin-top: 12px; }
.content a.more-link { font-weight: bold; margin: 12px 0px 0px 0px; display: block; }
.content .comment_icon { margin-bottom: -1px; }

/* Tilføjet af Joachim Oschlag */
.content li { list-style-type: none; padding: 0px 0px 0px 13px; margin: 0px; border: 0px; background: url(images/h2-dot.gif) no-repeat 0px 7px; }

.comments { padding: 0px; margin: 0px 20px 12px 96px; border-top: 1px solid #ebebeb; }
.comments .date, .comments .postmeta { font-size: 10px; padding: 7px 0px 0px 3px; }
.comments p { margin-top: 12px; }

.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 { width: 230px; padding: 0px 0px 14px 0px; margin: 14px 0px 0px 0px; background: #f8fafb; float: right; }
#sidebar ul { list-style-type: none; padding: 0px 9px; margin: 0px; }
#sidebar ul li { list-style-type: none; padding: 18px 0px 42px 0px; margin: 0px; border-bottom: 1px solid #e5ecee; }

#sidebar ul li ul { list-style-type: none; margin: 0px; padding: 0px 3px; }
#sidebar ul li ul li { list-style-type: none; padding: 0px 0px 0px 13px; margin: 0px; border: 0px; background: url(images/h2-dot.gif) no-repeat 0px 7px; }
.rss_icon { margin-bottom: -2px; }

#footer { font-size: 12px; color: #6e6e6e; padding: 10px 0px 5px 0px; margin: 25px auto 0px; border-top: 1px solid #ebebeb; clear: both; }
#footer ul { list-style-type: none; margin: 0px 10px; 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; } */

/* Tilføjet af Joachim Oschlag */
.content h2 { font-size: 15px; color: #000000; font-weight: bold; padding: 0px; margin: 7px 0px 7px 0px; }
.content h3 { font-size: 15px; color: #F79448; font-weight: bold; padding: 0px; margin: 7px 0px 7px 0px; }
blockquote { margin:22px 40px; upadding:3px; color:#575757; padding: 0 50px; background: transparent url("images/blockquote.gif") no-repeat 0 0; }


img.alignright {
	padding: 4px;
	margin: 0 0 5px 15px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 15px 5px 0;
	display: inline;
	}




/* Dropdownmenu - tilføjet af Joachim Oschlag */
/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2008 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

.menu {width:873px; height:25px; position:relative; z-index:100;border-right:1px solid #000; font-family:arial, sans-serif;}

/* hack to correct IE5.5 faulty box model */

* html .menu {width:746px; w\idth:745px;}

/* remove all the bullets, borders and padding from the default list styling */

.menu ul {padding:0;margin:0;list-style-type:none;}

.menu ul ul {width:149px;}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */

.menu li {float:left;width:108px;position:relative;}

/* style the links for the top level */

.menu a, .menu a:visited {display:block;font-size:10px;text-decoration:none; color:#000000; width:108px; height:25px; border:1px solid #000; border-width:1px 0 1px 1px; background:#fff; padding-left:0px; line-height:25px; font-weight:bold; text-align:center;}

/* a hack so that IE5.5 faulty box model is corrected */

* html .menu a, * html .menu a:visited {width:149px; w\idth:138px;}

/* style the second level background */

.menu ul ul a.drop, .menu ul ul a.drop:visited {background:#d4d8bd url(http://www.cssplay.co.uk/menus/breadcrumbs/grey-arrow.gif) no-repeat 130px center;}

/* style the second level hover */

.menu ul ul a.drop:hover{background:#c9ba65 url(http://www.cssplay.co.uk/menus/breadcrumbs/blue-arrow.gif) no-repeat 130px center;}

.menu ul ul :hover > a.drop {background:#c9ba65 url(http://www.cssplay.co.uk/menus/breadcrumbs/blue-arrow.gif) no-repeat 130px center;}

/* style the third level background */

.menu ul ul ul a, .menu ul ul ul a:visited {background:#e2dfa8;}

/* style the third level hover */

.menu ul ul ul a:hover {background:#b2ab9b;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:26px;left:0; width:149px;border-top:1px solid #000;}
/* another hack for IE5.5 */
* html .menu ul ul {top:30px;t\op:31px;}

/* position the third level flyout menu */
.menu ul ul ul{left:149px; top:-1px; width:149px;}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-149px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {background:#d4d8bd; color:#000; height:auto; line-height:1em; padding:5px 10px; width:128px;border-width:0 1px 1px 1px;}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:150px;w\idth:128px;}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{color:#000; background:#b7d186;}
.menu :hover > a, .menu ul ul :hover > a {color:#000; background:#b7d186;}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}



/* ================================================================ 
   This CSS is further CSS I have created specifically for Wordpress
   so that the current page is highlighted in two levels.
   If you want it in three levels let me know.

   Author: Isaac Rowntree
   Website: www.zackdesign.biz
=================================================================== */


.menu ul ul .current_page_item a {
  color: red;
  background: white;
  border-left: 1px solid black;
}

.menu .current_page_item a {
  color: red;
  font-weight: bold;
  background: white;
}

.menu ul .current_page_item ul a {
  color: white;
  font-weight: normal;
  background: black;
}

.menu ul .current_page_item ul a:hover {
  background: gray;
}

.menu .current_page_item a:hover {
  background: white;
}