/*   
Theme Name: Thematic Child CAT
Theme URI: 
Description: Based on 18px thematic
Author: CAT Media aps
Author URI: http://www.cat.dk
Template: thematic
Version: 1.0
Tags: Thematic
.
Thematic is © Ian Stewart http://themeshaper.com/
.
*/

/* Reset browser defaults */
@import url('../thematic/library/styles/reset.css');

/* Apply basic typography styles */
@import url('../thematic/library/styles/typography.css');

/* Apply a basic layout */
@import url('../thematic/library/layouts/2c-r-fixed.css');

/* Apply basic image styles */
@import url('../thematic/library/styles/images.css');

/* Apply default theme styles and colors */
/* It's better to actually copy over default.css into this file (or link to a copy in your child theme) if you're going to do anything outrageous */
@import url('../thematic/library/styles/18px.css');

/* Prepare theme for plugins */
@import url('../thematic/library/styles/plugins.css');

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

body {
background-color: #f3f3f3;
font-weight:400;
font-style: regular;
font-size:15px;
line-height:22px;
color: #333333;
text-transform: none;
background-attachment:fixed;
}

input {
background-color: #f3f3f3;
color: #000;
}

p, ul, ol, dd, pre {
margin-bottom:11px;
}

ul {
list-style-type:disc;
margin:0 0 18px 1.0em;
}

#header {
/*background:url("images/top-image-small.gif") no-repeat top center #fff;*/
}

#branding  {
    padding:0px 0px 0px 0px;
	width:960px;
	display: none;
}

#blog-title {
    font-size:14px;
    font-weight:700;/*bold*/
    line-height:16px;
}

#blog-title a {
display:block;
/*text-indent:-9000px; move element out of view*/
width: 960px;
}

#blog-description  {
/*text-indent:-9000px; move element out of view*/
	font-weight:700;/*bold*/
    font-size:20px;
    color: #666666;
    display: none;
}

#content  {
margin:0;
overflow:visible;
padding: 0; /*luft i siderne til browser kant*/
}

/* -full width styles start-*/
.home #container {
	width:960px;
}

.home #content {
	width:960px;
}
/*-full width styles slut- */

#main {
padding-top:86px;
}

.home #main {
padding-top:0px;
}

#footer {
background:#f3f3f3;
border-top:0px solid #ffffff;
margin:22px 0 0;
padding:7px 0 70px;
}

#footer a:link {
    color:#ec008c;
   	text-decoration: none;
}

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

#footer a:active, a:hover {
    color: #ec008c;
       	text-decoration: underline;
}

#siteinfo {
width:960px;
}

/* =Menu
-------------------------------------------------------------- */
.menu {
width:auto;
}

.skip-link {
    display:none;
}

#access, #category-access {
    height:32px;
    font-size:15px;
	font-weight:400;/*regular*/
	margin:0 0 0 10px;
    overflow:visible;
    z-index:100;
}

.menu-title { /*style for category menu title*/
	margin: 0 10px;
	clear:left;
}

/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			2.5em; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}

/*** THEMATIC SKIN -- edited by kaw ***/
.sf-menu {
	clear:left;
	float:left;
}
.sf-menu a {
	padding:5px 10px;/*kaw*/
	text-decoration:none;
}
.sf-menu .current_page_item a,
.sf-menu .current_page_ancestor a,
.sf-menu .current_page_parent a {
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#B71966;
}
.sf-menu li {
	background:		none;
}
.sf-menu li li {
	background:		none;/*kaw*/
}
.sf-menu li li li {
	background:		none;/*kaw*/
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
    background:     none;/*kaw*/
	outline:		0;
	color:			#fff;/*kaw*/
}
.sf-menu ul {
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	top:32px; /* overriding essential styles */
}
.sf-menu ul ul {
    margin-top:0;
}
.sf-menu ul a {
    background:#fafafa;
	border-bottom:none;
}
.sf-menu ul a:hover {
    color: #FF4B33;
}

/*--------------------Links------------------*/

a:link {
    color:#ed008c;
   	text-decoration: none;
}

a:visited {
    color: #B71966;
    text-decoration: none;
}

a:active, a:hover {
    color: #ed008c;
       	text-decoration: underline;
}

/* -------Post/content styling---------- */

.page-title {
padding:9px 0 22px;
}

.page-title span {
color:#ed008c;
font-weight:700;/*bold*/
}

.hentry {
	padding-bottom:0px;
}

.home .hentry {
	float:left;
	margin:0 20px 0 0;
	overflow:hidden;
	width:300px;
}

.entry-title {
	color:#333333;
    font-size:36px;
	font-weight: 300; /*  Light              */
	line-height:40px;
    padding:22px 0 9px 0;
}

.entry-title a:link, a:visited, a:active, entry-title a:hover {
    text-decoration: none;
}

h2 {
	color:#333333;
	font-size:24px;
	font-weight: 300; /*  Light */	
	line-height:28px;
	margin:0;
	padding:11px 0 9px 0;
}
.boxtext {
	color:#fff;

}
h3 {
	font-weight: 700; /*  bold */	
	margin:0;
	padding:11px 0 9px 0;
}

.entry-meta {
display:none;
}

.entry-content {
padding:11px 0 0;
background-attachment:fixed;
}

.entry-utility {
border-bottom:1px solid #b2aea3;
border-top:0px solid #999999;
color:#999999;
font-size:100%;
margin:0 0 22px;
padding:11px 0 11px 0;
clear: both;
}

.home .entry-utility {
border-bottom:0px solid #B2AEA3;
}

body.slug-cases .entry-utility {
border-bottom:0px solid #B2AEA3;
}

.entry-utility a {
color:#ed008c;
}

/* =Comments
-------------------------------------------------------------- */

/* hide allowed code under comment field*/
#form-allowed-tags {
display:none;
}

/* -------Sidebar/widget areas styling---------- */

#primary {
padding: 22px 0 0;
}

.main-aside {
	right:0;
}

.aside h3 {
    font-weight:700 ;/* Bold */
    padding:0 0 4px;
}

.aside h3 a {
    text-decoration:none;
}

.aside ul ul {
list-style:none outside none;
margin:0 0 22px 0px;
}

/*-------------Sticky overlay div med menu, CAT logo osv----------------*/
#stickyoverlay {
background: #f3f3f3;
display: inline; 
position: fixed;
top: 0px;
left: 0px;
right: 0px;
height: 70px;
z-index: 500; 
}

.ie7, .ie6 #stickyoverlay {
background:none repeat scroll 0 0 #000000;
}

#stickycontent {
display: inline;
position: absolute;
right: 5px;
top: 5px;
width:100%;
z-index: 2.14748e+09; 
}

#catlogo {
float:right;
}

#catbyline{
	float:right;
	font-size:20px;
	position:relative;
	top:12px;
}

/*-------------------- menu in sticky overlay------------------*/

#stickyfooter-access {
	color:#FFFFFF;
	font-size:20px;
	font-weight:300;
	line-height:32px;
	margin:0 0 0 15px;
    overflow:hidden;
    z-index:100;
    float:left;
    position:relative;
    top:5px;
	}

.stickyfooter-menu ul {
	margin: 0 -1px; 
	padding: 0; 
	list-style-type: none; 
	list-style-image: none; 
	}
.stickyfooter-menu li {
	display: inline; 
	}
.stickyfooter-menu ul li a {
	text-decoration:none;  
	margin:0;
	padding:0 13px 0 15px;
	color: #E6197C;
	background: none;
	border-left:1px solid #E6197C;
	}
	
.stickyfooter-menu ul a:hover {
    color: #fff;
}

/*-----------YARPP Related Posts custom template CSS------------*/
/*<ol class="related-posts">*/
#yarpp{
float:left;
margin:0 0 0 -20px;
}

#yarpp h2 {
margin: 0 0 9px 20px;
}

.related-posts {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
}

.related-posts li {
float:left;
margin:0 0 0 20px;
overflow:hidden;
padding:0;
width:256px;
}

/*-----------index/Home page styles - Top Story, CAT info block mm ------------*/
.topstory-hentry  {
margin:0 auto;
overflow:hidden;
position:relative;
height:380px;
width:960px;
}

#topstory-picture {
height:380px;
width:940px;
margin:0 0 -282px 10px;
overflow:hidden;
}

#topstory-title {
padding:0 0 0 22px;
width:960px;
}

#topstory-title .top-story-h1 {
padding:0 0 9px 0px;
}

#topstory-title .entry-title {
font-size:56px;
font-weight:500 ;/*  Medium / Semi-Bold */
line-height:60px;
padding:0 0 9px 0px;
}

#topstory-space {
height:20px;
clear:both;
}

#infoblock {
	
}
.blog_listing {
	
	padding-left: 5px;
	padding-right: 5px;
}

#infoblock .hentry {
margin:0px 10px 0px 10px;
width:300px;
}

#infoblock a {
color:#551A8B;
}

#infoblock-bottom {
	
	height:00px;
	width:960px;
}

#subheader {
	padding:9px 0 22px 0;
}

.home .navigation {
display:none;
}

/*-----------Special styles for Kontakt side------------*/
.pink { 
color:#333;
background-color:#f3f3f3;
text-align:left;
width:300px;
height:270px;
vertical-align:top;
}

.gra {
color:#fff;
background-color: #333;
text-align:left;
width:300px;
height:270px;
vertical-align:top;
}

.height20px {
height:20px;
}

body.slug-kontakt p, body.slug-kontakt h2 {
padding-left:15px;
padding-top:0px;
}
/*-----------Special styles for Grid layout in category-animation.php------------*/
#gridContainer {
padding:11px 0;
width: 960px;
}

.gridpost {
float:left;
overflow:hidden;
margin :0 20px 0 0;
width:300px;
}

#gridContainer2 {
padding:11px 0;
width: 960px;
}

.gridpost2 {
float:left;
overflow:hidden;
margin :0 2px 0 0;
width:238px;
}

.clr {
    clear:both;
}
/*------basic list-menus til fx categories and tags lists - bruges ikke pt------*/
#catsandtags {
	margin:0 auto;
	width:960px;
	overflow:hidden;
	border-top: 1px solid #fff;
}

.catsandtags-menu ul {
	margin: 0 -1px; 
	padding: 0; 
	list-style-type: none; 
	list-style-image: none; 
	}
.catsandtags-menu li {
	display: inline; 
	}
.catsandtags-menu ul li a {
	text-decoration:none;  
	margin:0;
	padding:0 13px 0 15px;
	color: #E6197C;
	background: none;
	border-left:0px solid #E6197C;
	}
	
.catsandtags-menu ul a:hover {
    color: #fff;
}

/*------sharethis facebook-like ikoner mm ------*/
#sharethis_container {
border-bottom:1px solid #B2AEA3;
margin:33px 0 0;
}
#sharethis {
	float:right;
	padding:11px 0;
	text-align:right;
	width:160px;
}
#facebooklike {
	float:left;
	padding:11px 0;
	width:340px;
}
/*-------twitter trackers-----*/
.twittertracker {
float:left;
overflow:hidden;
margin :0 20px 0 0;
width:250px;
}

/*-------GivskudTablestyles-----*/
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 {
    vertical-align: top;
}
.entry-content img{
    margin-bottom:0px;
}

/*-------Ny Cases Styles-----*/
body.slug-udstilling h1 {display:none;}

body.slug-event h1 {display:none;}

body.slug-video h1 {display:none;}

body.slug-motion-graphics h1 {display:none;}

body.slug-udstilling h2 {

	font-size:20px;
	line-height:28px;
	padding: 5px 0 15px 0;}


body.slug-event h2 {

	font-size:20px;
	line-height:28px;
	padding: 5px 0 15px 0;}
	
body.slug-video h2 {

	font-size:20px;
	line-height:28px;
	padding: 5px 0 15px 0;}
	
body.slug-motion-graphics h2 {

	font-size:20px;
	line-height:28px;
	padding: 5px 0 15px 0;}

.link-container {
	width:auto;
	padding-right:20px;
	font-size:20px;
	font-weight: 300; 

        }

.link-container a {
	color:#333;

                text-align: left;
        }

.link-container a:hover {
                background: #333; text-decoration:none; color: #fff
        }

/*-------Forfatterstyles-----*/   
#f1 { position:fixed; bottom:0px; left:60%; width:360px; height:600px; background-color:#000; }