/*
Theme Name: Trylle-Michael
Theme URI: http://www.trylle-michael.dk
Description: Design til Trylle-Michael 
Version: 1.0
Author: Micki Rasander Pedersen, Rasander IT
Author URI: http://www.rasander.dk/
*/


/* MAIN STRUCTURE */

* {
	padding: 0;
	margin: 0;
}	

html,
body {
	margin:0;
	padding:0;
	height:100%; /* 100 % height */
	background-image: url(grafik/bg.jpg);
}
html>body #wrap {min-height:100%;} /* 100 % height */
#wrap {
	min-height: 100%;
	height: 100%;
	width:100%;
	margin:0 auto;
}
html>body #page-wrap {height:100%;} /* 100 % height */
html>body #page {} /* 6em = height of #header and #footer + 1em, 1em = give the content some breathing space */


#page-wrap,
#page {
	width: 100%;
	height: 100%;
}

div#page {
	background-image: url(grafik/mainbggradient2.png);
	background-repeat: repeat-y;
	background-position: center;
}

div.container {
	display: block;
	width: 960px;
	margin:0 auto;
	
}

div#headertop {
	float: left;
	width: 960px;
	height: 155px;
	background-image: url(grafik/headertopbg.png);
}

div#headermenu {
	float: left;
	width: 960px;
	height: 40px;
	background-image: url(grafik/headermenubg.png);
}

div#headerbottom {
	float: left;
	width: 960px;
	height: 36px;
	background-image: url(grafik/headerbottombg.png);
}

div#extender {
	float: left;
	width: 960px;
	background-image: url(grafik/extenderbg.png);
	
}

div#footer {
	float: left;
	width: 960px;
	height: 126px;
	background-image: url(grafik/footerbg.png);
	
}


a img { border: 0;}



/* HEADLINES AND OTHER TEXT STYLING */

body {
	font-family: Arial;
	color: #fdfdfd;
	font-size: 11px;
}

h1 {
	margin-bottom: 10px;
	font-family: Georgia;
	font-size: 25px;
	font-weight: normal;
	letter-spacing: 3px;
}

h2 {
	margin-bottom: 8px;
	font-family: Georgia;
	font-size: 17px;
	font-weight: normal;
	letter-spacing: 1px;
	
}

h3 {
	margin-bottom: 5px;
	font-family: Georgia;
	font-size: 14px;
	font-weight: normal;
	letter-spacing: 1px;

}

p {
	padding-bottom: 12px;
	line-height: 130%;
	letter-spacing: 1px;
	font-size: 11px;
}

a {
	color: #c1c1c1;
}


/* WORDPRESS CSS */

.aligncenter, div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignleft {
	float: left;
	margin-right: 24px;
	margin-bottom: 24px;
}

.alignright {
	float: right;
	margin-right: 24px;
	margin-bottom: 24px;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	/* optional rounded corners for browsers that support it */
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}

img.alignleft {
	margin-top: -4px;
}

/* LANGUAGES */

div#lang {
	height: 47px;
	margin-right: 30px;
	float: right;
	clear: both;
}

ul.qtrans_language_chooser {
	list-style-type: none;
}
ul.qtrans_language_chooser li {
	list-style-type: none;
	float: left;
	padding-top: 14px;
	margin-right: 8px;
	font-family: Georgia;
	font-size: 10px;
	letter-spacing: 1px;
	text-transform: uppercase;
	vertical-align: middle;
	color: #ffffff;
}


div#lang ul li.active {
	background: no-repeat;
	background-image: url(grafik/lang_choosen.png);
	background-position: top center;
}


/* MENU */

div.menu ul {
	margin-left: 32px;
	margin-right: 28px;
	list-style-type: none;	
}

div.menu ul li {
	list-style-type: none;	
	float: left;
	padding-top: 13px;
	padding-left: 6px;
	padding-right: 6px;
	text-transform: uppercase;
}

div.menu ul li a {
	font-family: Arial;
	font-size: 11px;
	color: #ffffff;
	text-decoration: none;
}

div.menu ul li.current_page_item a, div.menu ul li a:hover  {
	color: #8e8e8e;
}


/* PAGES */

div.page {
	display: block;
	margin-left: 6px;
	margin-right: 6px;	
}


/* For front page */

div.frontpage {
	text-align: center;
	padding-bottom: 36px;
}

div#frontpagequotes {
	float: left;
	width: 100%;
	height: 211px;
	background-image: url(grafik/quoteshorizontalbg.png);
	background-repeat: repeat-x;
	
}
div#frontpagequotesinner {
	height: 211px;
	width: 961px;
	background-image: url(grafik/quotesbg4.png);
	background-repeat: no-repeat;
}

ul#quotes {
	padding-top: 50px;
	margin-left: 180px;
	width: 600px;
	list-style-type: none;
}

ul#quotes li {
	display: none;
}

p.quotesauthor {
	text-align: right;
	font-size: 13px;
}

/* For normal pages */

div.pageleft {
	float: left;
	width: 543px;
	padding-top: 5px;
}

div.pageleft div.content {
	margin-top: 30px;
}

div.pageright {
	float: left;
	margin-left: 43px;
	width: 242px;
}

div.pageleft hr {
	display: block;
	clear: both;
	width: 541px;
	height: 1px;
	margin-left: 1px;
	margin-right: 1px;
	margin-top: 10px;
	margin-bottom: 20px;
	background-image: url(grafik/hr.png);
	border: none;
/*	border-bottom: 1px dotted #cccccc;	*/
}


div.pageright hr {
	width: 216px;
	height: 1px;
	margin-left: 1px;
	margin-right: 1px;
	margin-top: 8px;
	margin-bottom: 14px;
	background-image: url(grafik/hr.png);
	border: none;
}

div.pageright p {
	font-size: 10px;
}
div.pageright p.date {
	color: #979797;
	padding-top: 4px;
	padding-bottom: 7px;
}
div.pageright p.readmore {
	padding-bottom: 7px;	
}
div.pageright p.readmore a {
	color: #c1c1c1;
}


div.rightbox {
	width: 242px;
	background-image: url(grafik/rightboxextenderbg.png);
	background-repeat: repeat-y;	
}
div.rightbox div.boxcontent {
	background-image: url(grafik/rightboxtopbg.png);
	background-repeat: no-repeat;	
	min-height: 75px;
	width: 218px;
	padding-top: 16px;
	padding-left: 12px;
	padding-right: 12px;
	padding-bottom: 10px;
}
div.rightbox div.bottom {
	width: 242px;
	height: 5px;
	background-image: url(grafik/rightboxbottombg.png);
}

/* Gallery */

div.piclenselink {
	display: none;
}

div.ngg-gallery-thumbnail {
/*	margin-left: auto;
	margin-right: auto;*/
	margin-left: 16px;
	margin-bottom: 10px;
	text-align: center;
}


/* Kalender */

div.calitem {
	float: left;
	clear: both;
}


div.calitemleft {
	width: 333px;
	float: left;
	clear: left;
}

div.calitembox {
	float: right;
	clear: right;
	margin-left: 20px;
	margin-bottom: 22px;
	width: 190px;
	background-image: url(grafik/calendaritemboxextenderbg.png);
	background-repeat: repeat-y;	
}
div.calitembox div.boxcontent {
	background-image: url(grafik/calendaritemboxtopbg.png);
	background-repeat: no-repeat;	
	width: 170px;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
}
div.calitembox div.bottom {
	width: 190px;
	height: 20px;
	background-image: url(grafik/calendaritemboxbottombg.png);
}



div#tryllekort {
	z-index: 20;
	position: absolute;
	bottom: -405px;
	right: -340px;
	width: 340px;
	height: 405px;
	background-image: url(grafik/korttilt.png);
	display: none;
}



ul#webshop_thumbs, ul#webshop_thumbs li {
	list-style-type: none;
}

ul#webshop_thumbs h3 a {
	text-decoration: none;
	color: #fdfdfd;
}


ul#webshop_thumbs img {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.qtrans_flag span { display:none }
.qtrans_flag { height:15px; width:25px; display:block }
.qtrans_flag_and_text { padding-left:20px }
.qtrans_flag_en { background:url(grafik/gb.png) no-repeat }
.qtrans_flag_da { background:url(grafik/dk.png) no-repeat }

div.MenuTable_div	 	{float: left; white-space: nowrap; padding-left: 7px; padding-right: 7px; width: 130px;}
div.centered 			{text-align: center;}
div.centered table	 	{margin: 0 auto; text-align: left;}
.menulinks				{text-decoration: none; text-align: center; width: 168px}
.textcenter 			{text-align: center;}