/*
Theme Name: VirtualMuseum
Theme URI: http://bukkr.dk
Description: WP skabelon til treaarskrigen.dk m.fl.; en modificeret skabelon af BigFeature
Version: 1.0
Author: Anders Buch-Jepsen
Author URI:  http://anders.buch-jepsen.dk
Original Author: Roger Grimstad
Original Author URI: http://www.vfxdude.com
Template: bigfeature
*/


/* 
CUSTOM STYLESHEET
-----------------

Instructions:

Add your custom styles here instead of style.css so it 
is easier to update the theme. Simply copy an existing 
style from style.css to this file, and modify it to 
your liking.

*/


body {
	background: #F0F0E6 url(images/background.gif) repeat-x left top !important;
	/*font-family: Georgia, 'Times New Roman', Times, serif;*/	
}

#container {
	margin-top: 40px;
	border: 1px #ddd solid;
	background: #F8F8F6 url(images/containerbg20px.jpg) top left repeat-x;
	/*float: left;*/
	min-height: 750px;
	/*font-size: 14px;
	color: #444;*/ /*#333*/
	border-top: 0px solid #DADAD1;
	border-right: 1px solid #DADAD1;
	border-bottom: 1px solid #DADAD1;
	border-left: 1px solid #DADAD1;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;	
}

abbr, acronym, a.tooltip {
	font-variant:small-caps;
	cursor:help;
	font-size:12px;
	text-decoration:none;
	color:#c00;
	border-bottom:1px dotted #333;
}
/* Til YARPP plugin */
div#after-article {border: 1px solid #ddd;margin:20px 0; padding:10px;}

#feature-image-wrapper {
	margin: 0 0 20px 0;
	padding:0;
	text-align:left;
	border: 1px solid #333 /*#CFC9B4*/;
	height:250px;
	/*height: 395px !important;*/
	background:#F5F4F0 url(images/dagbog-opslag.jpg) no-repeat top center;
}

#infobox-dagbog {
	background: url(images/dagbog.png) no-repeat center right;
	z-index:99;
	height:248px;
	width:182px;
	position:relative;
	top:30px;
	left:10px;
}
#feature-text p.featurein,
#teaser p.featurein {
	color:#444;
	font-size:16px;
	line-height:22px;
	/*font-size: 14px;
	line-height: 20px;
	text-transform:uppercase;*/
}
#teaser {margin-bottom:20px;}

#feature-image-wrapper { /*background: #000;*/ position: relative;z-index:5; /*height:200px;margin-bottom:10px;*/ }
#feature-image-wrapper-slet h2 {
	background-color:#2d5b77;
	color:#ddd;
	position: absolute;
	top: 20px;
	left: 0;
	font-size: 18px !important;
	font-wight:bold;
}
#feature-image-wrapper h2 {
	/*background-color:#333;*/
	color:#ddd;
	font-size: 20px;
	line-height:24px;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
	padding: 5px;
	font-wight:bold;
	background-image: url(images/alpha_transparent_bg.png);
	background-repeat: repeat;
}
p.floating-text {
	font-size: 20px;
	width:570px;
	line-height:24px;
	position: absolute;
	/*top: 150px;
	left: 220px;*/
	bottom:25px;
	right:25px;
	z-index: 1;
	font-family: times, "Times New Roman", times-roman, georgia, serif;
	background-image: url(images/alpha_transparent_bg.png);
	background-repeat: repeat;
	font-weight: 400;
	border: none;
	color: #ddd /*#990000*/;
	margin: 0;
	padding: 15px 20px;
}
#feature-image-wrapper h3 a, #feature-image-wrapper h4 a { color: #fff; text-decoration: none;display:block; }
#feature-image-wrapper h3 a:hover, #feature-image-wrapper h4 a:hover { text-decoration:underline; }

/*****************************
****    Top bar styling    ****
******************************/

h1.headline {
	/*line-height: 30px;*/
	padding:0;
	margin:0;
	font-weight:bold;
	font-size: 18px;
	font-family: arial, helvetica, sans-serif !important;
	color: #F5F4F0 !important /*#fff*/;
}
h1.headline a {text-decoration:none;color: #F5F4F0 !important}
h1.headline a:hover {text-decoration:underline;}

h2.maintitle {
	text-align:justify;
	font-size: 24px;
	/*font-family: times, Times New Roman, times-roman, georgia, serif;*/
	letter-spacing: -1px;
	color: #444;
	font-variant: small-caps;
	overflow: visible;
	/*color: #786c54;*/
/*	margin-top: 60px; */ /* will use padding instead for cross-browser consistency */
	margin-top: -20px !important;
	padding:0;
	line-height: 1.25em;
	white-space:nowrap;
}

div#topbar-wrap {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:40px;
	z-index:99;
	background:#222222 /*#333*/;
	border-bottom: 2px solid #111111;
}
#topbar {
	margin:0;
	/*display:block;*/
	/*width:100%;*/
	width:960px;
    	margin: 0px auto;
	height:40px;
	font-family: arial, helvetica, sans-serif !important;
	color: #F5F4F0 !important;
	padding:0;
}

#header-slet {
	color: #F5F4F0 !important /*#fff*/;
	/*z-index:999;
	overflow:hidden;
	position:absolute;
	top:0px;
	left:0px;
	height:50px;
	width:100%;
	margin:0;
	padding:0;*/
}


#topbar h2 a {
	text-transform: uppercase;
	/*margin: 0 10px;*/
}
#topbar #topbar-text {
	/*width:500px;*/
	float:left;
	display:inline;
	padding: 10px;
}
#topbar #topbar-links {
	/*width:60%;*/
	float:right;
	text-align:right;
	display:inline;
	padding: 10px;
}
ul#topbar-nav {
	display:inline;
	list-style:none;
	background: url(images/vline.gif) no-repeat center left;
	margin: 0;
	padding: 0;
}
ul#topbar-nav li {
	background: none;
	display: inline;
	margin: 0;
	padding: 0;
}
ul#topbar-nav li a {
	background: url(images/vline.gif) no-repeat center right;
	display:inline-block;
	padding: 0 10px;
	margin:0;
	color: #cccccc;
	/*font: 14px bolder verdana,arial,sans-serif;*/
}
ul#topbar-nav li a:hover {
	/*background: url(images/vline.gif) no-repeat center right;*/
	color: #ffffcc !important;
}

/*********************
****    Footer    ****
**********************/

#widgetwrap {
	background: #222222 /* url(images/footer.png) repeat-x */;
	border-top: 2px solid #111111;
	margin:20px 0 0 0;
	position:relative;
	left:0;
	bottom:-1px;
	}
#footer-slet {
	position:absolute;
	margin:0;
	left:0;
	bottom:-1px;
	display:block;
	width:100%;
	height:20px;
	background:#fff;
	color:#484848;
	/*text-align:right;*/
	font-size:2em;
	z-index:4;
	border-top:1px solid #000;
}

#widget {
	width: 960px;
	height: 170px;
	color: #777777 /*#FFFFCC*/;
	margin: 0px auto 0px;
	padding: 0px;
	text-align:left;
	background:transparent !important;
}

#widget .widget-subtitle {
	color: #ddd /*#999999*/;
	margin: 0 0 15px 0;
	padding:0;
	font-size:10px;
}

#widget p {
	color: #777777 /*#FFFFCC*/;
	font-weight: normal;
	margin: 0px;	
	padding: 5px 0px 10px 0px;
}

#widget a, #widget a:visited {
	color: #777777 /*#CCCCCC*/ !important;
	text-decoration: none;
}

#widget a:hover {
	color: #ddd /*#FFFFCC*/ !important;
	text-decoration: underline;
}
	
#widget ul {
	list-style-type: none;
	background:transparent !important;
	margin: 0px;
	padding-top: 5px;
}
	
#widget ul li {
	/*list-style-type: none;
	margin: 0px 0px 5px 0px;
	padding: 5px;*/
	list-style-type: square;
	list-style-position:inside;
	margin: 0;
	padding: 1px 0px 2px 0px;
}
#widget ul li a {border: 0 none !important;}

#widget h2,
#widget h2 a {
	color: #ddd /*#999999*/;
	font-size: 12px;
	font-family: Arial, Tahoma, Verdana;
	font-weight: bold;
	text-transform: uppercase;
	margin:0 0 -4px 0 !important;
	padding:0 !important;
}
	
#widget small {
	color: #ddd /*#999999*/;
	margin: 0 0 15px 0;
	padding:0;
	font-size:10px;
}

#widget .widget {
	margin: 0px;
	padding: 5px 0 0 0;
	border: none;
}

.widget1 a img, .widget2 a img, .widget3 a img {
	border: none;
	margin: 0 5px 0 0;
	padding: 0;
}

.widget1,
.widget2,
.widget3 {border-right: 1px solid #2A2A2A;}
	
.widget1 {
	width: 220px;
	float: left;
	margin: 0 12px 0 0;
	padding: 10px 8px 5px 10px;
}
	
.widget2 {
	width: 220px;
	float: left;
	margin: 0 12px 0 0;
	padding: 10px 8px 5px 0;
}
	
.widget3 {
	width: 220px;
	float: left;
	margin: 0 12px 0 0;
	padding: 10px 8px 5px 0;
}
	
.widget4 {
	width: 217px;
	float: right;
	margin: 0;
	padding: 10px 10px 5px 0;
}

.widget4 a img {
	border: none;
	margin: 0 10px 0 0;
	padding: 0;
}
div#footer-featurebox {/*border: 1px solid #FFCC00; padding:5px;*/ margin:10px 0 0;}
#footer-featurebox h2 {color:#FFCC00 !important;}
 

/************************
****    Copyright    ****
*************************/

#copyrightwrap {
	background: #111111;
	border-top: 1px solid #000000;
	margin:0 !important;
	padding:0;
	position:relative;
	left:0;
	bottom:-1px;
}
	
#footer {
	width: 960px;
	height: 35px;
	color: #777777;
	margin: 0px auto 0px;
	padding: 0px;
	text-align: center !important;
}
	
#footer p {
	color: #777777;
	font-weight: normal;
	margin: 0px !important;	
	padding: 5px 0px 10px 0px;
}

#footer a, #footer a:visited {
	color: #777777;
	text-decoration: none;
}

#footer a:hover {
	color: #ddd /*#FFFFCC*/;
	text-decoration: underline;
}

/*	Search Form	*/

#searchdiv {
	margin: 0px;
	padding: 0px;
	}
	
#searchform {
	margin: 0px;
	padding: 4px 0px 0px 0px;
	}
	
#searchbox {
	background: #393939 !important;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	width: 160px;
	color: #CCCCCC;
	font-size: 14px;
	font-family: Arial, Tahoma, Verdana;
	padding: 5px;
	margin: 0px 3px 0px 0px;
	border: 1px solid #111111;
	}
#searchbox:focus {border: 1px solid #FFFFCC;}
	
#searchsubmit {
	background: #1A1A1A;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	color: #CCCCCC;
	font-size: 14px;
	font-family: Arial, Tahoma, Verdana;
	padding: 4px;
	margin: 0px;
	border: 1px solid #111111;
	}

.article_head{
	z-index:1;
	position:relative;
}

.article_head .page_margins{
	height:210px;
	/*border-top:#000 10px solid;*/
	padding-bottom:0;
}

.article_head p.pageintro{
	position:absolute;
	font-size:18px;
	line-height:20px;
	text-align:right;
	margin-bottom:16px;
	width:180px; /*	-->  Change in Elastic-Layout*/
	top:0;
}

p.pageintro, p.pageintro+p, div>p:first-child{
	text-indent:0;
}

.article_head h2{
	position:absolute;
	text-transform:uppercase;
	letter-spacing:4px;
	font-size:5em;
	line-height:1em;
	font-weight:normal;
	width:75%;
	left:25%;
	top:40px;
	margin-left:12px;
}

.article_head h3{
	font-size:36px;
	font-style:italic;
	font-weight:normal;
	position:absolute;
	top:1px;
	border:0 none;
	width:75%;
	left:25%;
	margin-left:12px;
}

/*remove Letter-Spacing --> manual kerning*/
h2 span{
letter-spacing:0px;
}

.article{
	margin-bottom:10px;
}

.article .page_margins{
padding-bottom:10px;
padding-top:0;


}


.col{
width:25%;
float:left;
}

.two_col{/* -->  to prevent floating too short coloumns	*/
padding-top:12px;
width:50%;
float:left;
}

.two_col > .col{
width:50%;
float:left;
}


.col12{
width:12.5%;
float:left;
}

.col > *, .w50 > *{
margin-right:16px;
}
.col2 {
/*padding-left:1px;*/
}

.w50{
width:50%;
margin-right:0;
float:left;
}

.two_col > .w50{
width:25%;
}

.w25{
width:25%;
margin-right:0;
float:left;
}

.img{
float:left;
/*margin:0 0 16px 0;*/
}

.img>img{
width:100%;
float:left;
}



.w50 > *, .w25 > *, .col12 > *,.no_img > * {/*								-->  12,5% coloumns		*/
font-family:Arial, Helvetica, sans-serif;
font-size:10px !important;
line-height:12px !important;
margin-right:16px;
}

.w50{
margin-bottom:16px;

}

.right{
float:right;
}



p.pageintro{
font-size:18px;
line-height:24px;
text-align:left;
margin-bottom:16px;
}

p-slet{
font-size:14px;
line-height:16px;
}

.page_margins:first-child:first-child:first-letter{
font-size:22px;
}

p + p {
	/*text-indent:16px;*/
}

p + div{
margin-top:16px;
}




blockquote {
/*margin:13px 0;*/
border-top:1px solid #000000;
border-bottom:1px solid #000000;
padding:10px 0;
/*padding:8px 16px 12px 16px;*/
}

blockquote-slet p{
font-size:16px;
line-height:16px;
font-style:italic;
text-align:center;
}


.article strong{
	font-variant:small-caps;
	font-weight:normal;
	font-size:12px;
}

.article a{}

.extra{
background:#e0ecf1;
padding:10px 10px 16px 10px;
clear:both;
margin-bottom:16px;
float:right;
}

.extra h3{
text-align:center;
font-variant:small-caps;
font-weight:normal;
line-height:20px;
margin-bottom:8px;
letter-spacing:1px;
border-bottom:1px solid #000000;
border-top:1px solid #000000;
background-color:#FFFFFF;
padding:10px 0 10px 0;
}

.extra p{
	line-height:18px !important;
}

div.extra h3 + p:first-letter {
font-size:34px;
height:34px;
position:relative;
display:block;
float:left;
margin-top:5px;
margin-right:5px;
}



.article_head:after, #header:after, .article:after, .page_margins:after{/*								-->  clear floats		*/
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}








/*more link found on blog & portfolio*/
.more-link-slet {
	text-transform: uppercase;
	color: #FFFFFF;
	background: #2982AC;
	padding: 5px;
	font-size: 10px;
	font-style: normal;
	clear: left;
	text-decoration: none;
	}
.more-link-slet:hover {
	background: #E66E13;
	color: #FFFFFF;
	}
hr-slet {
	border-top: 1px solid #CFC9B4;
	/*height: 1px;*/
	margin: 0;
	padding: 0;
}
hr {
	background: url(images/ornament-line-600px.gif) no-repeat top center;
	height: 9px;
	margin: 0;
	padding: 0;
	border:0 none;
	outline: none;
}


#footer2 {
	clear: both;
	font-size: 10px;
	height: 50px;
	margin-top: 20px;
	padding-top:20px;
	/*color: #C2A96C;*/	
	}

#navmenu-footer,
#navmenu-footer ul  {
	margin: 0px;
	padding: 0px;
	}
#navmenu-footer li {
	float: left;
	padding-right: 10px;
	list-style: none;
	}
/*footer typography*/
#footer2, #footer2 a {
	color: #484848;
	}
#footer2 a:hover {
	color: #222222;
	text-decoration: none;
}
	
/* <p class="doc"><span class="icon">&nbsp;</span>Your message goes here!</p> */
/* Tips, Error, Message, Hightlight ---*/
p.error, p.message, p.tips, p.rss, p.key, p.tag, p.cart, p.note, p.photo, p.doc, p.mobi {
	padding-left: 25px;
	position: relative;
}

p.error span.icon, p.message span.icon, p.tips span.icon, p.rss span.icon, p.key span.icon,
p.tag span.icon, p.cart span.icon, p.note span.icon, p.photo span.icon, p.doc span.icon, p.mobi span.icon {
	background-image: url(images/icons-sprites-silk.png);
	/*background-image: url(images/icons-sprites-tango.png);*/
	background-repeat: no-repeat;
	width: 18px;
	height: 18px;
	display: block;
	position: absolute;
	top: 2px;
	left: 0;
}

p.error 		span.icon { background-position: left -54px; }
p.message	span.icon { background-position: left -72px; }
p.tips 		span.icon {	background-position: left -90px; }
p.key 		span.icon { background-position: left -108px; }
p.tag 		span.icon { background-position: left -126px;; }
p.cart 		span.icon { background-position: right -54px; }
p.doc 		span.icon { background-position: right -72px; }
p.note 		span.icon { background-position: right -90px; }
p.photo 		span.icon { background-position: right -108px; }
p.mobi 		span.icon { background-position: right -126px; }

p.error { color: #CC0000; }
p.message {	color: #2C79B3; }
p.tips {	color: #E58C00; }

/* Special list style ---*/
ul.checklist2 li, ul.star li, ul.arrow li,
ul.address li, ul.phone li, ul.email li {
	background: none;
	margin-left: 8px;
	padding: 0 0 0 22px;
	position: relative;
	overflow: hidden;
}

ul.checklist2 span.icon, ul.star span.icon, ul.arrow span.icon,
ul.address span.icon, ul.phone span.icon, ul.email span.icon {
	background-image: url(images/icons-sprites-silk.png);
	/*background-image: url(images/icons-sprites-tango.png);*/
	background-repeat: no-repeat;
	width: 18px;
	height: 18px;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}

ul.arrow 		span.icon { background-position: left top; }
ul.star 			span.icon { background-position: left -18px; }
ul.checklist2	span.icon {	background-position: left -36px; }
ul.address 		span.icon { background-position: right top; }
ul.email 		span.icon { background-position: right -18px; }
ul.phone 		span.icon { background-position: right -36px; }

ul.bookmark-links li {
	background: url(images/arrow.png) no-repeat 0px 10px !important;
	border-bottom: 1px dotted #e6e6e6;
	padding: 5px 0 5px 10px !important;
}


/* Dropcap ---*/
.dropcap {
	color:#444;
	display: block;
	float: left;
	font: 60px/40px Georgia, Times, serif;
	padding: 7px 8px 10px 0;
}

/* <div class="legend"><h3 class="legend-title">Your title</h3><p>Lorem ipsum... */
/* Legend ---*/
.legend-title {
	background: #FFFFFF;
	display: block;
	float: left;
	font-weight: bold;
	left: 7px;
	margin: 0 !important;
	padding: 0 5px !important;
	position: absolute;
	top: -12px;
	font-family: Arial, Helvetica, sans-serif !important;
}

.legend {
	border: 3px solid #CCCCCC;
	margin: 20px 0;
	padding: 10px 10px 0 10px;
	position: relative;
}

/*  Use <blockquote><span class="open">Y</span>our quote goes her<span class="close">e!</span></blockquote> */
/* Blockquote ---*/
.blockquote2 {
	font-family: Georgia, Times, serif;
	font-size: 115%;
}

.blockquote2 span.open  { background: url(images/so-q.gif) no-repeat left top; padding: 0 0 0 20px; }

.blockquote2 span.close { background: url(images/sc-q.gif) no-repeat bottom right; padding: 0 20px 0 0; }

/* Use module suffix: _badge badge-hot */
/* Badge Module ---*/
.badge {
	height: 46px;
	position: relative;
	right:0;
	top: 0;
	float-right;
	width: 45px;
	background-image: url(images/icon-badge.png);
	background-repeat: no-repeat;
}

.badge-hot .badge { background-position: 0 0; }
.badge-new 	.badge { background-position: 0 -46px; }
.badge-pick .badge { background-position: 0 -92px; }
.badge-top 	.badge { background-position: 0 -138px; }

/* Tooltip style from: http://www.cssplay.co.uk/menu/tooltips */
a.tooltip {/*color:#c00; se ovenfor*/}
a.tooltip b {display:none;}
a.tooltip:hover {border:0; position:relative; z-index:500; text-decoration:none;}
a.tooltip:hover b {display:block; position:absolute; top:20px; left:-25px; padding:5px; font-weight:normal; color:#000; border:1px solid #888; background:#ffc; width:150px;font-variant:normal;text-indent:0;}
a.tooltip:hover b em {position:absolute; left:20px; top:-6px; width:11px; height:6px; background:#fff url(images/tooltip.gif) 0 0; display:block; font-size:10px;font-variant:normal;}