/*
Theme Name:CLK
Theme URI:http://favola.dk/
Author:Favola
Version:2.0
*/

@font-face{font-family:'KontrapunktBold';src:url('font/Kontrapunkt-Bold-webfont.eot');src:local('☺'),url('font/Kontrapunkt-Bold-webfont.woff') format('woff'),url('font/Kontrapunkt-Bold-webfont.ttf') format('truetype'),url('font/Kontrapunkt-Bold-webfont.svg#webfont9z0e5gjs') format('svg');font-weight:normal;font-style:normal}
@font-face{font-family:'KontrapunktLight';src:url('font/Kontrapunkt-Light-webfont.eot');src:local('☺'),url('font/Kontrapunkt-Light-webfont.woff') format('woff'),url('font/Kontrapunkt-Light-webfont.ttf') format('truetype'),url('font/Kontrapunkt-Light-webfont.svg#webfontno3bIgB6') format('svg');font-weight:normal;font-style:normal}


/* =Reset default browser CSS. Based on work by Eric Meyer:http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{background:transparent;border:0;margin:0;padding:0;vertical-align:baseline}
body{line-height:1}
h1,h2,h3,h4,h5,h6{clear:both;font-weight:normal}
ol,ul{list-style:none}
blockquote{quotes:none}
blockquote:before,blockquote:after{content:'';content:none}
del{text-decoration:line-through}
/* tables still need 'cellspacing="0"' in the markup */
table{border-collapse:collapse;border-spacing:0}
a img{border:none}

/* =Layout
-------------------------------------------------------------- */

/*
LAYOUT:Two columns
DESCRIPTION:Two-column fixed layout with one sidebar right of content
*/

#container{float:left;margin:0 -330px 0 0;width:100%}
#content{margin:0 360px 0 30px}
#primary{float:right;overflow:hidden;width:300px;margin-right:15px}
#footer{clear:both;width:100%}

/*
LAYOUT:One column,no sidebar
DESCRIPTION:One centered column with no sidebar
*/

.one-column #content{margin:0 auto;width:640px}

/*
LAYOUT:Full width,no sidebar
DESCRIPTION:Full width content with no sidebar; used for attachment pages
*/

.single-attachment #content{margin:0 auto;width:900px}


/* =Fonts
-------------------------------------------------------------- */
body,input,textarea,.page-title span,#access .menu,#access div.menu ul,.form-allowed-tags,#site-info,#site-title,#wp-calendar,.entry-content label,.entry-content tr th,.entry-content thead th,.entry-meta,.entry-title,.entry-utility,.page-title,.widget-title,.wp-caption-text,input[type=submit]{font-family:KontrapunktLight,Georgia,"Bitstream Charter",serif}
#site-title span,.widget-container h2{font-family:KontrapunktBold}


/* =Structure
-------------------------------------------------------------- */

/* The main theme structure */
#header,#main,#colophon{margin:0 auto;width:990px}

/* Structure the footer area */
#site-info{font-size:14px;text-align:center}


/* =Global Elements
-------------------------------------------------------------- */

/* Main global 'theme' and typographic styles */
body{background:#f3f3f3;color:#292929}
#wrapper{background:#fff url(images/bg.jpg) no-repeat 50% 0}
body,input,textarea{color:#292929;font-size:14px;line-height:18px}
hr{background-color:#e7e7e7;border:0;clear:both;height:1px;margin-bottom:18px}

/* Text elements */
p{padding-bottom:13px}
ul{list-style:square;margin:0 0 18px 1.5em}
ol{list-style:decimal;margin:0 0 18px 1.5em}
ol ol{list-style:upper-alpha}
ol ol ol{list-style:lower-roman}
ol ol ol ol{list-style:lower-alpha}
ul ul,ol ol,ul ol,ol ul{margin-bottom:0}
dl{margin:0 0 24px 0}
dt{font-weight:bold}
dd{margin-bottom:18px}
strong{font-weight:bold}
cite,em,i{font-style:italic}
big{font-size:131.25%}
ins{background:#ffc;text-decoration:none}
blockquote{font-style:italic;padding:0 3em}
blockquote cite,blockquote em,blockquote i{font-style:normal}
pre{background:#f7f7f7;color:#222;line-height:18px;margin-bottom:18px;padding:1.5em}
abbr,acronym{border-bottom:1px dotted #666;cursor:help}
sup,sub{height:0;line-height:1;position:relative;vertical-align:baseline}
sup{bottom:1ex}
sub{top:.5ex}
input[type="text"],textarea{background:#f9f9f9;border:1px solid #ccc;box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1);-moz-box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1);-webkit-box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1);padding:2px}
a{color:#0066cc}
a:active,a:hover{color:#999}

/* Text meant only for screen readers */
.screen-reader-text{position:absolute;left:-9000px}


/* =Header
-------------------------------------------------------------- */

#header{min-height:1px;overflow:hidden;padding:0 0 22px;background:url(images/shadow_big.png) no-repeat 50% 100%}
#logo{float:left;width:320px;height:82px;overflow:hidden;padding:4px 0 0 15px}
#site-title{min-height:1px;overflow:hidden}
#site-title a{display:block;min-height:1px;overflow:hidden;color:#292929;text-decoration:none}
#site-title img{float:left}
#site-title span{display:block;padding:24px 0 0;white-space:nowrap;font-size:20px;line-height:26px}
#header-photo{clear:both;border:1px solid #e7e7e7;height:176px;margin:0 15px;background-color:#fff;background-repeat:no-repeat;background-position:50% 50%;padding:90px 570px 0 80px;font-size:40px;line-height:normal}
.home #header-photo{background-image:url(images/forside.jpg)}
.page-id-2 #header-photo{background-image:url(images/arbejdet.jpg)}
.page-id-8 #header-photo{background-image:url(images/partnere.jpg)}
.page-id-9 #header-photo{background-image:url(images/kontakt.jpg)}



/* =Menu
-------------------------------------------------------------- */

#access{float:right;height:86px;padding:0 30px 0 0}
#access .menu-header ul{list-style:none;margin:0}
#access .menu-header li{float:left;margin:0 0 0 45px}
#access a{color:#292929;display:block;font-size:20px;line-height:81px;text-decoration:none;white-space:nowrap}
#access li:hover a,#access li.current-menu-item a{border-bottom:5px solid #e7e7e7}
#access li.menu-item-35:hover a,#access li.current-menu-item.menu-item-35 a{border-bottom-color:#d8dd4a}
#access li.menu-item-33:hover a,#access li.current-menu-item.menu-item-33 a{border-bottom-color:#3ab6cc}
#access li.menu-item-32:hover a,#access li.current-menu-item.menu-item-32 a{border-bottom-color:#d13887}



/* =Content
-------------------------------------------------------------- */

#main{clear:both;overflow:hidden;padding:10px 0 0 0}
#content{margin-bottom:36px}
#content,#content input,#content textarea{color:#333;font-size:14px;line-height:24px}
#content p,#content ul,#content ol,#content dd,#content pre,#content hr{padding-bottom:13px}
#content ul ul,#content ol ol,#content ul ol,#content ol ul{margin-bottom:0}
#content pre,#content kbd,#content tt,#content var{font-size:15px;line-height:21px}
#content code{font-size:13px}
#content dt,#content th{color:#000}
#content h1,#content h2,#content h3,#content h4,#content h5,#content h6{color:#000;line-height:1.5em;margin:0 0 20px 0}
#content table{border:1px solid #e7e7e7;margin:0 -1px 24px 0;text-align:left;width:100%}
#content tr th,#content thead th{color:#888;font-size:12px;font-weight:bold;line-height:18px;padding:9px 24px}
#content tr td{border-top:1px solid #e7e7e7;padding:6px 24px}
#content tr.odd td{background:#f2f7fc}
.hentry{margin:0 0 48px 0}
.home .sticky{background:#f2f7fc;border-top:4px solid #000;margin-left:-20px;margin-right:-20px;padding:18px 20px}
.single .hentry{margin:0 0 36px 0}
.page-title{color:#000;font-size:14px;font-weight:bold;margin:0 0 36px 0}
.page-title span{color:#333;font-size:14px;font-style:italic;font-weight:normal}
.page-title a:link,.page-title a:visited{color:#888;text-decoration:none}
.page-title a:active,.page-title a:hover{color:#ff4b33}
#content .entry-title{font-size:40px;line-height:1.1em;margin-bottom:0}
.entry-title a:link,.entry-title a:visited{color:#000;text-decoration:none}
.entry-title a:active,.entry-title a:hover{color:#ff4b33}
.entry-meta{color:#888;font-size:12px}
.entry-meta abbr,.entry-utility abbr{border:none}
.entry-meta abbr:hover,.entry-utility abbr:hover{border-bottom:1px dotted #666}
.entry-content,.entry-summary{clear:both;padding:12px 0 0 0}
#content .entry-summary p:last-child{margin-bottom:12px}
.entry-content fieldset{border:1px solid #e7e7e7;margin:0 0 24px 0;padding:24px}
.entry-content fieldset legend{background:#fff;color:#000;font-weight:bold;padding:0 24px}
.entry-content input{margin:0 0 24px 0}
.entry-content input.file,.entry-content input.button{margin-right:24px}
.entry-content label{color:#888;font-size:12px}
.entry-content select{margin:0 0 24px 0}
.entry-content sup,.entry-content sub{font-size:10px}
.entry-content blockquote.left{float:left;margin-left:0;margin-right:24px;text-align:right;width:33%}
.entry-content blockquote.right{float:right;margin-left:24px;margin-right:0;text-align:left;width:33%}
.page-link{color:#000;font-weight:bold;margin:0 0 22px 0;word-spacing:0.5em}
.page-link a:link,.page-link a:visited{background:#f1f1f1;color:#333;font-weight:normal;padding:0.5em 0.75em;text-decoration:none}
.home .sticky .page-link a{background:#d9e8f7}
.page-link a:active,.page-link a:hover{color:#ff4b33}
body.page .edit-link{clear:both;display:block}
#entry-author-info{background:#f2f7fc;border-top:4px solid #000;clear:both;font-size:14px;line-height:20px;margin:24px 0;overflow:hidden;padding:18px 20px}
#entry-author-info #author-avatar{background:#fff;border:1px solid #e7e7e7;float:left;height:60px;margin:0 -104px 0 0;padding:11px}
#entry-author-info #author-description{float:left;margin:0 0 0 104px}
#entry-author-info h2{color:#000;font-size:100%;font-weight:bold;margin-bottom:0}
.entry-utility{clear:both;color:#888;font-size:12px;line-height:18px}
.entry-meta a,.entry-utility a{color:#888}
.entry-meta a:hover,.entry-utility a:hover{color:#ff4b33}
#content .video-player{padding:0}
#content .partner{text-align:center}


/* =Asides
-------------------------------------------------------------- */

.home #content .category-asides p{font-size:14px;line-height:20px;margin-bottom:10px;margin-top:0}
.home .hentry.category-asides{padding:0}
.home #content .category-asides .entry-content{padding-top:0}


/* =Gallery listing
-------------------------------------------------------------- */

.category-gallery .size-thumbnail img{border:10px solid #f1f1f1;margin-bottom:0}
.category-gallery .gallery-thumb{float:left;margin-right:20px;margin-top:-4px}
.home #content .category-gallery .entry-utility{padding-top:4px}


/* =Attachment pages
-------------------------------------------------------------- */

.attachment .entry-content .entry-caption{font-size:140%;margin-top:24px}
.attachment .entry-content .nav-previous a:before{content:'\2190\00a0'}
.attachment .entry-content .nav-next a:after{content:'\00a0\2192'}


/* =Images
-------------------------------------------------------------- */

#content img{margin:0;height:auto;max-width:640px;width:auto}
#content .attachment img{max-width:900px}
#content .alignleft,#content img.alignleft{display:inline;float:left;margin-right:24px;margin-top:4px}
#content .alignright,#content img.alignright{display:inline;float:right;margin-left:24px;margin-top:4px}
#content .aligncenter,#content img.aligncenter{clear:both;display:block;margin-left:auto;margin-right:auto}
#content img.alignleft,#content img.alignright,#content img.aligncenter{margin-bottom:12px}
#content .wp-caption{background:#f1f1f1;line-height:18px;margin-bottom:20px;padding:4px;text-align:center}
#content .wp-caption img{margin:5px 5px 0}
#content .wp-caption p.wp-caption-text{color:#888;font-size:12px;margin:5px}
#content .wp-smiley{margin:0}
#content .gallery{margin:0 auto 18px}
#content .gallery .gallery-item{float:left;margin-top:0;text-align:center;width:33%}
#content .gallery img{border:2px solid #cfcfcf}
#content .gallery .gallery-caption{color:#888;font-size:12px;margin:0 0 12px}
#content .gallery dl{margin:0}
#content .gallery img{border:10px solid #f1f1f1}
#content .gallery br+br{display:none}
#content .attachment img{display:block;margin:0 auto} /* single attachment images should be centered */


/* =Widget Areas
-------------------------------------------------------------- */

.widget-area ul{list-style:none;margin-left:0}
.widget-area ul ul{list-style:square;margin-left:1.3em}
.widget_search #s{width:60%} /* This keeps the search inputs in line */
.widget_search label{display:none}
.xoxo{background:#fff url(images/shadow_small.png) no-repeat 50% 100%;padding:0 0 10px}
.widget-container{border:1px solid #e7e7e7;padding:4px}
.widget-container h2{font-size:20px;font-weight:normal;line-height:22px;padding:3px 5px 15px}
.widget-container p{padding:0 5px 13px}
.textwidget{background:#f3f3f3;padding:10px 10px 0}
.widget-title{color:#222;font-weight:bold}
.widget-area a:link,.widget-area a:visited{text-decoration:none}
.widget-area a:active,.widget-area a:hover{text-decoration:underline}
.widget-area .entry-meta{font-size:11px}
#wp_tag_cloud div{line-height:1.6em}
#wp-calendar{width:100%}
#wp-calendar caption{color:#222;font-size:14px;font-weight:bold;padding-bottom:4px;text-align:left}
#wp-calendar thead{font-size:11px}
#wp-calendar tbody{color:#aaa}
#wp-calendar tbody td{background:#f5f5f5;border:1px solid #fff;padding:3px 0 2px;text-align:center}
#wp-calendar tbody .pad{background:none}
#wp-calendar tfoot #next{text-align:right}
.widget_rss a.rsswidget{color:#000}
.widget_rss a.rsswidget:hover{color:#ff4b33}
.widget_rss .widget-title img{width:11px;height:11px}

/* =Footer
-------------------------------------------------------------- */

#footer{background:#f3f3f3;border-top:1px solid #dfdfdf;padding-bottom:20px}
#colophon{position:relative}
#site-info address{padding:20px 0 50px;margin:0;font-style:normal}
#site-info a{color:#000;text-decoration:none}
#favola{position:absolute;top:18px;left:15px;font-size:12px}
#favola a{background:url(images/favola.png) no-repeat 15px 2px;margin:0;padding:0 0 0 45px;color:#bbb}
img#wpstats{display:block;margin:0 auto 10px}


/* =Mobile Safari ( iPad,iPhone and iPod Touch )
-------------------------------------------------------------- */

#access,.entry-meta,.entry-utility,.navigation,.widget-area{-webkit-text-size-adjust:120%}
#site-description{-webkit-text-size-adjust:none}

#contact label{display:block;float:left;width:100px}
#contact button{float:right}

.radiospot{background:#fff;padding:4px;border:1px solid #e7e7e7;margin:0 0 20px}
.radiospot div{background:#ff0;height:100px;padding:0 10px;overflow:hidden}
.radiospot div h1{text-align:right;margin:0 0 -15px!important}
.radiospot div p{padding:0 0 6px!important}
.radiospot div strong{font-size:14px}
.radiospot div strong span{font-size:50px;padding-right:10px}

/* =Print Style
-------------------------------------------------------------- */

@media print{body{background:none!important}
	#wrapper{clear:both!important;display:block!important;float:none!important;position:relative!important}
	#header{border-bottom:2pt solid #000;padding-bottom:18pt}
	#colophon{border-top:2pt solid #000}
	#site-title,#site-description{float:none;line-height:1.4em;margin:0;padding:0}
	#site-title{font-size:13pt}
	.entry-content{font-size:14pt;line-height:1.6em}
	.entry-title{font-size:21pt}
	#access,#respond,.comment-edit-link,.edit-link,.navigation,.page-link,.widget-area{display:none!important}
	#container,#header,#footer{margin:0;width:100%}
	#content,.one-column #content{margin:24pt 0 0;width:100%}
	.wp-caption p{font-size:11pt}
	#colophon{width:auto}
	img#wpstats{display:none}
	#entry-author-info{border:1px solid #e7e7e7}
	#main{display:inline}
	.home .sticky{border:none}
}
