/*
Theme Name: Dankost
Theme URI: 
Description: 
Version: 1.0
Author: Kraftvaerk: Max Almqvist
Author URI: http://www.kraftvaerk.net
Tags: Dankost, Food, Denmark, Kummin Aquavit, Preben

*/

/*
	red: 		cc0033
	green: 		7fb225
	text:		333
	grey text:	999
	line		ccc

*/
body					{
							margin: 0; 
							font-size: 70%;
							line-height: 1.4;
							font-family: 'Lucida Grande', Arial, Sans-Serif;
							color: #333;
							text-align: center;
							background: #fff;
						}

h1, h2, h3, h4, p		{ margin: 0 0 10px 0; padding: 0; font-weight: normal; }
h1						{ font-size: 2.3em; font-weight: normal; }
h2						{ font-size: 16px; font-weight: normal; }
h3,
.h3						{ margin: 10px 0 5px 0; font-size: 14px; font-weight: normal; }
h4						{ font-size: 12px; font-weight: bold; }


h1, h2, h3, h4			{ _font-weight: 600; }

a						{ text-decoration: none; color: #cc0033; }
a:hover					{ text-decoration: underline; }
a:focus					{ outline: none; }

img						{ border: 1px solid #ccc; }

h1 a, h2 a, h3 a, h4 a	{ text-decoration: none; color: #333; }

h1 span,
h2 span,
h3 span,
h4 span					{ color: #cc0033; }

p.intro 				{
							font-size: 1.2em;
							line-height: 1.3;
						}

.left					{ float: left; }
.right					{ float: right; }
.hide					{ display: none; }

div.clr,
div.clear				{ clear: both; height: 0; }
.clr:after,
.clear:after			{ content: "."; clear: both; display: block; visibility: hidden; height: 0; }

hr						{
							margin: 0 0 10px 0;
							padding: 0;
							width: 100%; 
							clear: both; 
							border: 1px solid #fff;
							border-bottom: 1px solid #ccc;
						}
hr.dashed				{ border-bottom: 1px dashed #ccc; }

/*
	general grid
------------------------------------------------------ */
#page					{
							margin: 0 auto;
							width: 940px;
							text-align: left;
						}
#topbar 				{ 
							width: 100%;
							height: 10px;
							background: #cc0033; 
							text-indent: -5000px;
							-moz-border-radius-bottomleft: 5px;
							-moz-border-radius-bottomright: 5px;
							-webkit-border-bottom-left-radius: 5px;
							-webkit-border-bottom-right-radius: 5px;
						}
#header					{ position: relative; }
#content				{ padding: 10px 0 0 0; float: left; clear: left; width: 100%; position: relative; border-top: 1px solid #ccc; }
#content.wide			{ padding: 0px 0 0 0; float: left; clear: left; width: 100%; position: relative; border-top: 1px solid #fff; }

#footer					{ 
							padding: 10px 0 0 0;
							float: left;
							clear: left;
							width: 100%;
							border-top: 1px solid #7fb225;
						}
#footer p span			{ color: #ccc; }
.col1					{ 
							margin: 0 0 20px 0; 
							padding: 30px 20px 20px 20px;
							float: left;
							clear: left;
							border: 1px solid #ccc;
							-moz-border-radius-bottomright: 20px;
							-webkit-border-bottom-right-radius: 20px;
						}

.col1 img				{ margin-right: 20px; border: none; }
.right img				{ margin-top: 10px; border: none; }

/*
	rows and columns
------------------------------------------------------ */

.row 					{ margin: 0px 0px 20px 0px; float: left; clear: left; width: 100%; }
.row:after				{ content: "."; clear: both; display: block; visibility: hidden; height: 0; }

.col					{
							margin: 0px 20px 0px 0px;
							float: left;
							position: relative;
							width: 300px;
						}
.c3						{ margin-right: 0px; }


/*
	common parts
------------------------------------------------------ */

#logo					{
							margin: 0;
							padding: 0;
							text-indent: -5000px;
							width: 206px;
							height: 110px;
							float: left;
							background: url("img/logo.gif") left top no-repeat;
						}


/*
	navigation
------------------------------------------------------ */
#topnav					{ position: absolute; width: 600px; height: 100px; top: 0px; right: 0px; }

.nav					{
							margin: 0 -10px 0 0;
							padding: 15px 0px 0px 0px;

							height: 80px;

							overflow: hidden;
							float: right;
				        }
.nav li					{ margin: 0px 20px 0px 0; padding: 0; float: left; list-style: none; }

.nav li.back			{
								border-top: 10px solid #7fb225;
								_border-top: 16px solid #7fb225;
								width: 9px;
								z-index: 8;
								position: absolute;
								top: 0px;
						}
.nav li a				{
							padding: 50px 0px 0px 0px;
							top: 0px;
							z-index: 10;
							display: block;
							overflow: hidden;
							color: #333;
							font-size: 14px;
							text-decoration: none;
						}   
.nav li a:hover,
.nav li a:active,
.nav li a:visited		{ border: none; }
.nav li ul				{ display: none;  }

ul.bottom_nav			{ margin: 0; padding: 0; float: right; position: relative; top: -34px; }
ul.bottom_nav li		{ margin: 0px 0px 0px 0px; padding: 0; list-style: none; float: left; /* border-top: 1px solid #7fb225; */}
ul.bottom_nav li.back	{ margin: 0px 20px 0px 0px; padding: 0; list-style: none; float: left; /* border-top: 1px solid #cc0033; */}

ul.bottom_nav a			{ margin: 0; padding: 8px 0px 3px 0px; color: #333; display: block; text-decoration: none;  }
ul.bottom_nav a:hover{ color:#CC0033;}

ul.bottom_nav span { display:block; color:#ccc; margin-top:8px; padding:0 5px;}


/*
	language bar
------------------------------------------------------ */
#langbar { position:absolute; right:5px; top:12px; z-index:9999;}
.langlist { margin:0; padding:0;}
.langlist .lang { margin:0; padding:0; list-style:none;}
.langlist .lang a { display:block; width:16px; height:16px;}
.langlist .lang a span { display:none;}

.langlist .da a { background:transparent url('img/dk_16x16.png') no-repeat;}
.langlist .en a { background:transparent url('img/uk_16x16.png') no-repeat;}


/*
	listing posts
------------------------------------------------------ */

ul.posts				{ margin: 0; padding: 0; }
ul.posts li				{ margin: 0px 0px 10px 0px; padding: 0; list-style: none; }
ul.posts li a			{ margin: 0; padding: 0px 0px 0px 0px; color: #333; display: block; text-decoration: none;  }

ul.posts li span		{ color: #999; }

/*
	display posts and pages
------------------------------------------------------ */
.page,
.post 					{
							margin: 0px 0px 20px 0px;
							width: 620px; 
							float: left;
						}
.post span				{ color: #999; }
.post span.author		{ color: #cc0033; }
.right					{
							margin: 0 0 20px 20px; 
							width: 300px;
							float: right;
						}
						
/*
	Downloads page 
------------------------------------------------------ */

.attachments dl {
	width: 620px;
	margin: 0;
	padding: 0;
}

.attachments dt, .attachments dd {
	padding-bottom: 20px;
}

.attachments dt {
	width: 60px;
	float: left;
	clear: left;
}

.attachments dt img {
	border: none;
}

.attachments dd {
	width: 560px;
	float: left;
	margin: 0;
}

.filename {
	color: #999999;
	font-size: 10px;
	margin: 0 0 5px 0;
}

/* 
	Login page 
------------------------------------------------------ */

html {
	background-color: #fff;
}

#backtoblog {
	-moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
  	-webkit-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
    background: none repeat scroll 0 0 #CC0033;
    height: 10px;
}

#backtoblog a {
	display: none;
}

#login {
	text-align: left;
	margin: 0 auto;
}

#login h1 a {
	background: transparent url(img/logo.gif) no-repeat top center;
	display: block;
    height: 110px;
    overflow: hidden;
    margin-bottom: 15px;
    text-indent: -9999px;
    width: 326px;
}

#login #nav a {
	color: #cc0033 !important;
}

#login input.button-primary {
	background: #cc0033;
	border: none;
}