/*
Theme Name: Verk
Theme URI: http://verk.dk/
Description: Theme for verk.dk
Author: Christian Kirkegaard
Version: 0.2
Tags: gray, slim
*/
/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.7.0
*/
html{color:#000;background:#111;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}

/**
 * 960 grid
 */
.container_12,.container_16{margin-left:auto;margin-right:auto;width:960px}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16{display:inline;float:left;margin-left:10px;margin-right:10px}.push_1,.pull_1,.push_2,.pull_2,.push_3,.pull_3,.push_4,.pull_4,.push_5,.pull_5,.push_6,.pull_6,.push_7,.pull_7,.push_8,.pull_8,.push_9,.pull_9,.push_10,.pull_10,.push_11,.pull_11,.push_12,.pull_12,.push_13,.pull_13,.push_14,.pull_14,.push_15,.pull_15{position:relative}.container_12 .grid_3,.container_16 .grid_4{width:220px}.container_12 .grid_6,.container_16 .grid_8{width:460px}.container_12 .grid_9,.container_16 .grid_12{width:700px}.container_12 .grid_12,.container_16 .grid_16{width:940px}.alpha{margin-left:0}.omega{margin-right:0}.container_12 .grid_1{width:60px}.container_12 .grid_2{width:140px}.container_12 .grid_4{width:300px}.container_12 .grid_5{width:380px}.container_12 .grid_7{width:540px}.container_12 .grid_8{width:620px}.container_12 .grid_10{width:780px}.container_12 .grid_11{width:860px}.container_16 .grid_1{width:40px}.container_16 .grid_2{width:100px}.container_16 .grid_3{width:160px}.container_16 .grid_5{width:280px}.container_16 .grid_6{width:340px}.container_16 .grid_7{width:400px}.container_16 .grid_9{width:520px}.container_16 .grid_10{width:580px}.container_16 .grid_11{width:640px}.container_16 .grid_13{width:760px}.container_16 .grid_14{width:820px}.container_16 .grid_15{width:880px}.container_12 .prefix_3,.container_16 .prefix_4{padding-left:240px}.container_12 .prefix_6,.container_16 .prefix_8{padding-left:480px}.container_12 .prefix_9,.container_16 .prefix_12{padding-left:720px}.container_12 .prefix_1{padding-left:80px}.container_12 .prefix_2{padding-left:160px}.container_12 .prefix_4{padding-left:320px}.container_12 .prefix_5{padding-left:400px}.container_12 .prefix_7{padding-left:560px}.container_12 .prefix_8{padding-left:640px}.container_12 .prefix_10{padding-left:800px}.container_12 .prefix_11{padding-left:880px}.container_16 .prefix_1{padding-left:60px}.container_16 .prefix_2{padding-left:120px}.container_16 .prefix_3{padding-left:180px}.container_16 .prefix_5{padding-left:300px}.container_16 .prefix_6{padding-left:360px}.container_16 .prefix_7{padding-left:420px}.container_16 .prefix_9{padding-left:540px}.container_16 .prefix_10{padding-left:600px}.container_16 .prefix_11{padding-left:660px}.container_16 .prefix_13{padding-left:780px}.container_16 .prefix_14{padding-left:840px}.container_16 .prefix_15{padding-left:900px}.container_12 .suffix_3,.container_16 .suffix_4{padding-right:240px}.container_12 .suffix_6,.container_16 .suffix_8{padding-right:480px}.container_12 .suffix_9,.container_16 .suffix_12{padding-right:720px}.container_12 .suffix_1{padding-right:80px}.container_12 .suffix_2{padding-right:160px}.container_12 .suffix_4{padding-right:320px}.container_12 .suffix_5{padding-right:400px}.container_12 .suffix_7{padding-right:560px}.container_12 .suffix_8{padding-right:640px}.container_12 .suffix_10{padding-right:800px}.container_12 .suffix_11{padding-right:880px}.container_16 .suffix_1{padding-right:60px}.container_16 .suffix_2{padding-right:120px}.container_16 .suffix_3{padding-right:180px}.container_16 .suffix_5{padding-right:300px}.container_16 .suffix_6{padding-right:360px}.container_16 .suffix_7{padding-right:420px}.container_16 .suffix_9{padding-right:540px}.container_16 .suffix_10{padding-right:600px}.container_16 .suffix_11{padding-right:660px}.container_16 .suffix_13{padding-right:780px}.container_16 .suffix_14{padding-right:840px}.container_16 .suffix_15{padding-right:900px}.container_12 .push_3,.container_16 .push_4{left:240px}.container_12 .push_6,.container_16 .push_8{left:480px}.container_12 .push_9,.container_16 .push_12{left:720px}.container_12 .push_1{left:80px}.container_12 .push_2{left:160px}.container_12 .push_4{left:320px}.container_12 .push_5{left:400px}.container_12 .push_7{left:560px}.container_12 .push_8{left:640px}.container_12 .push_10{left:800px}.container_12 .push_11{left:880px}.container_16 .push_1{left:60px}.container_16 .push_2{left:120px}.container_16 .push_3{left:180px}.container_16 .push_5{left:300px}.container_16 .push_6{left:360px}.container_16 .push_7{left:420px}.container_16 .push_9{left:540px}.container_16 .push_10{left:600px}.container_16 .push_11{left:660px}.container_16 .push_13{left:780px}.container_16 .push_14{left:840px}.container_16 .push_15{left:900px}.container_12 .pull_3,.container_16 .pull_4{left:-240px}.container_12 .pull_6,.container_16 .pull_8{left:-480px}.container_12 .pull_9,.container_16 .pull_12{left:-720px}.container_12 .pull_1{left:-80px}.container_12 .pull_2{left:-160px}.container_12 .pull_4{left:-320px}.container_12 .pull_5{left:-400px}.container_12 .pull_7{left:-560px}.container_12 .pull_8{left:-640px}.container_12 .pull_10{left:-800px}.container_12 .pull_11{left:-880px}.container_16 .pull_1{left:-60px}.container_16 .pull_2{left:-120px}.container_16 .pull_3{left:-180px}.container_16 .pull_5{left:-300px}.container_16 .pull_6{left:-360px}.container_16 .pull_7{left:-420px}.container_16 .pull_9{left:-540px}.container_16 .pull_10{left:-600px}.container_16 .pull_11{left:-660px}.container_16 .pull_13{left:-780px}.container_16 .pull_14{left:-840px}.container_16 .pull_15{left:-900px}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}* html .clearfix,*:first-child+html .clearfix{zoom:1}

body {
    color: #555;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    text-shadow: 1px 1px 1px #ffffff;
	background:url('images/header-bg.png') repeat-x #f2f2f2;
}

strong, b {
    font-weight: bold;
}

a {
    color: #111;
    text-decoration: none;
}
a:hover {
    background-image:url('images/underline-gray.gif');
    background-position:bottom;
    background-repeat:repeat-x;
}

h1 {
    font-size: 36px;
    font-family: "Georgia","Times New Roman","Times",sans-serif;
    font-weight: 300;
    text-shadow: 1px 1px 1px #dddddd;
}
h2 {
    font-size: 24px;
    font-family: "Georgia","Times New Roman","Times",sans-serif;
    font-weight: 100;
    text-shadow: 1px 1px 1px #fff;
}
h3 {
    color: #111;
    font-size: 16px;
    font-family:Georgia;
    letter-spacing: 1px;
    font-weight: 100;
    padding-top: 10px;
    padding-bottom: 5px;
}

h4.sub-heading{
	color: #111;
    font-size: 14px;
    font-family:Georgia;
    letter-spacing: 1px;
    font-weight: 100;
    padding-top: 0px;
    padding-bottom: 5px;
}

h5 {
    font-size: 14px;
    font-weight: bold;
}

p {
    font-size: 13px;
    line-height: 1.4em;
    padding: 5px 0px;
}
.home.page #sidebar p,
.page-id-61 #sidebar p, /* @todo dont use id classes as selector. Find a way to use page category. Or find a better widget */
p.excerpt {
    font-size: 15px;
}


.flickr,
.flickr a,
a.flickr {
    /*color: #ff0084 !important;*/
    color: #ce65d2 !important;
}

.twitter,
.twitter a,
a.twitter {
    /*color: #33ccff !important;*/
    color: #94cad1 !important;
}

.facebook,
.facebook a,
a.facebook {
    /*color: #3b5998 !important;*/
    color: #7f8fbd !important;
}


.darkgray {
    color: #444;
}
.lightblue{color:#6ec4e3;}

.alignright {
    margin-left: 10px;
    float:right;
}
.alignleft {
    margin-right: 10px;
    float:left;
}


.round {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}


#page {
    padding: 20px 0px;
    padding-bottom: 50px;
    /*background-color: #f7f7f7;*/
    background-image: url('images/footerbg.gif');
    background-repeat: repeat-x;
    background-position:bottom center;

}
#page-wrapper {
    position:relative;
}

#header, #navigation {
    margin-bottom: 10px;
}

#header {
    color: #888;
    margin-bottom: 30px;
height:100px;
}
    #header #logo a {
        text-decoration:none;
        background:none;
    }
    #header .header-text {
        padding-top: 15px;

    }
	#header .header-text h2 {
        color: #fff;
		 text-shadow: 1px 1px 1px #666666;
		float:right;
    }        
#header .header-text a {
            color: #fff;
        }

#navigation {
    font-family: Georgia, "Times New Roman","Times",sans-serif;
    border-top: 1px solid #eaeaea;
    border-bottom: 1px solid #eaeaea;
    font-size: 18px;
    margin-bottom: 30px;
}
    #navigation .column {
        position:relative;
        float:left;
        padding: 25px 10px 10px 20px;
        border-right: 1px solid #eaeaea;
    }
        #navigation .column:hover {
            background-color: #fff;
        }
    #navigation .column.first {
        border-left: none;
        padding-left: 10px;
        margin-left: 0px;
    }
    #navigation .column.last {
        border-right: none;
        padding-right: 0px;
        margin-right: 0px;
    }

    #navigation li.mail {
        padding-left: 28px;
        background-image: url('images/menu-mail.gif');
        background-position:0px 2px;
        background-repeat:no-repeat;
    }
    #navigation li.phone {
        padding-left: 28px;
        background-image: url('images/menu-phone.gif');
        background-position:0px 2px;
        background-repeat:no-repeat;
    }
    #navigation li.client {
        padding-left: 16px;
        background-image: url('images/menu-lock.gif');
        background-position:0px 2px;
        background-repeat:no-repeat;
    }


    #navigation .contact .description {
        position:absolute;
        left: -1px;
        top:57px;
        display:none;
        background-color: #fff;
        border: 1px solid #eaeaea;
        border-top: 0px;
        font-size: 16px;
        padding: 2px 0px;
        width: 100%;
    }

    #navigation small {
        color: #999;
        position:absolute;
        top: 8px;
        left:20px;
        font-size: 12px;
        font-style:italic;
    }
    #navigation .column.first small {
        left: 10px;
    }
        #navigation a {
            color: #777;
        }
            #navigation a:hover,
            #navigation li.current-menu-item a {
                color: #000;
            }
    #navigation img {
        float:left;
        padding-top: 3px;
        padding-right: 5px;
    }
    #navigation li {
        float:left;
        margin-right: 10px;
        padding-right: 10px;
        border-right: 1px solid #eaeaea;
    }
    #navigation li.last {
        margin-right: 5px;
        padding-right: 5px;
        border-right: none;
    }

#selected-cases {}
    #selected-cases .cases {
        margin-top: 10px;
        margin-bottom: 10px;
    }
    #selected-cases .case {
        position:relative;
    }
        #selected-cases .case a {
            display:block;
        }
            #selected-cases .case a:hover {
                background-image: none;
            }
        #selected-cases .case img {
            float:left;
        }
        #selected-cases .case h4 {
            font-size: 14px;
        }
        #selected-cases .case p {
            display:none;
            padding: none;
        }
        #selected-cases .case .content {
            color: #fff;
            text-shadow: 0px 0px 0px #000;
            position:absolute;
            bottom: 0px;
            padding: 5px;
            background-color: #000;
            width: 290px;
        }


/*#selected-cases {}
    #selected-cases .cases {
        padding: 10px 0px;
    }

        #selected-cases .cases .title {
            position:relative;
            height: 150px;
        }
        #selected-cases .cases .title h4 {
            position:absolute;
            display:none;
            bottom: 20px;
            z-index: 2;
            padding: 5px;
            background-color: #fff;
        }
            #selected-cases .cases:hover .title h4 {
                display:block;
            }

        #selected-cases .cases .title img {
            position:absolute;
            z-index: 1;
        }

    #selected-cases img {
        width: 100%;
    }
    #selected-cases p {
        font-size: 13px;
    }*/

.slideshow {
    background-color: #fff;
    padding: 10px;
    position:relative;
}
    .slideshow .controlles {
        position:absolute;
        display:none;
        width: 600px;
        top: 180px;
        left: 10px;
        z-index: 5;
    }
        .slideshow .controlles a {
            height: 46px;
            width: 42px;
            display: block;
        }
            .slideshow .controlles a.prev {
                float:left;
                background-image: url('images/navigation-backward.png');
            }
            .slideshow .controlles a.next {
                float:right;
                background-image: url('images/navigation-forward.png');
            }
    .slideshow p {
        padding-bottom: 0px;
        margin-left: 6px;
    }
    .slideshow .images {
        z-index: 1;
        overflow:hidden;
        height: 400px;
    }

.readmore {
    background-color: #f7f7f7;
    font-weight: bold;
    display:block;
    padding: 8px 8px;

    text-align:center;

    -webkit-border-bottom-left-radius: 4px;
    -moz-border-bottom-left-radius: 4px;
    border-bottom-left-radius: 4px;

    -webkit-border-bottom-right-radius: 4px;
    -moz-border-bottom-right-radius: 4px;
    border-bottom-right-radius: 4px;

    -moz-box-shadow: 0px 4px 3px #e5e5e5;
    -webkit-box-shadow: 0px 4px 3px #e5e5e5;
    box-shadow: 0px 4px 3px #e5e5e5;
}
    .readmore .btn {
        color: #555;
        background-color: #fff;
        padding: 2px 6px;

        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        -moz-box-shadow: 0px 2px 3px #e5e5e5;
        -webkit-box-shadow: 0px 2px 3px #e5e5e5;
        box-shadow: 0px 2px 3px #e5e5e5;
    }
    .readmore:hover {
        background-image: none;
    }
    .readmore:hover .btn {
        color: #000;
    }

#content {}
    #content ul {}
        #content ul li {
            margin-left: 20px;
            list-style-type:disc;
        }
            #content ul li a {}

#sidebar {}
    #sidebar h3 {}
    #sidebar ul {}
        #sidebar ul li {
            margin-left: 10px;
            margin-bottom: 6px;
            list-style-type:none;
        }
    #sidebar .widget.people {}

#persons {
    background-color: #fff;
    border: 10px solid #fff;
    overflow:hidden;
}
    #persons .wrapper {
        height: 130px;
        position:relative;
    }
    #persons a {
        text-decoration:none;
        background-image: none;
        display:block;
        position:absolute;
        left: 0px;
        bottom:-30px;
    }
        #persons a:hover {
            text-decoration:none;
            background-image: none;
        }
        #persons a#martin-elneff {
            left: 10px;
            z-index: 5;
        }
        #persons a#rasmus-frey {
            left: 85px;
            z-index: 4;
        }
        #persons a#marianne-bertelsen {
            left: 220px;
            z-index: 3;
        }
        #persons a#anders-fredsoe {
            left: 290px;
            z-index: 2;
        }
        #persons a#christian-kirkegaard {
            left: 460px;
            z-index: 1;
        }

#people {}
    #people .person {
        display:block;
        margin-bottom: 20px;
        padding-bottom: 20px;
        border-bottom: 1px solid #e5e5e5;
    }
    #people .person .profile-image {
        border: 4px solid #fff;
    }
    #people .person .contacts {
        margin-top: 32px;
    }
        #people .person .contacts ul {}
            #people .person .contacts ul li {
                list-style-type:none;
                margin-left: 0px;
                border-bottom: 1px dotted #ccc;
                padding: 4px 0px;
                padding-left: 25px;
                background-repeat:no-repeat;
                background-position:3px 2px;
            }
                #people .person .contacts ul li a {
                    color: #555 !important;
                }

            #people .person .contacts ul li.phone {
                background-image: url('images/social-icons/phone_16.png');
            }
            #people .person .contacts ul li.email {
                background-image: url('images/social-icons/email_16.png');
            }
            #people .person .contacts ul li.blog {
                background-image: url('images/social-icons/rss_16.png');
            }
            #people .person .contacts ul li.twitter {
                background-image: url('images/social-icons/twitter_16.png');
            }
            #people .person .contacts ul li.github {
                background-image: url('images/social-icons/github_16.png');
            }
            #people .person .contacts ul li.facebook {
                background-image: url('images/social-icons/facebook_16.png');
            }
            #people .person .contacts ul li.linkedin {
                background-image: url('images/social-icons/linkedin_16.png');
            }
            #people .person .contacts ul li.digg {
                background-image: url('images/social-icons/digg_16.png');
            }
            #people .person .contacts ul li.drupal {
                background-image: url('images/social-icons/drupal_16.png');
            }
            #people .person .contacts ul li.delicious {
                background-image: url('images/social-icons/delicious_16.png');
            }
            #people .person .contacts ul li.flickr {
                background-image: url('images/social-icons/flickr_16.png');
            }
            #people .person .contacts ul li.lastfm {
                background-image: url('images/social-icons/lastfm_16.png');
            }
            #people .person .contacts ul li.skype {
                background-image: url('images/social-icons/skype_16.png');
            }


#footer {
    background:url('images/footer-bg.png') repeat-x;
	color: #eee;
    padding: 40px 0px;
    text-shadow: 1px 1px 1px #333;
}
    #footer a {
        color: #3bc3e5;
    }


#social {
    overflow:hidden;
    position:relative;
}
    #social .loader {
        display:none;
        position:absolute;
        left: 50%;
        top: 30%;
    }
    #social .wrapper {
        display:none;
    }

    #social .date {
        font-size: 11px;
        color: #999;
        font-weight: bold;
        margin-bottom: 3px;
    }
    #social .title {
        font-size: 12px;
        color: #555;
        font-weight: bold;
        margin-top: 3px;
    }
    #social .image {
        height: 130px;
        width: 200px;
        overflow:hidden;
        border
    }



#closure{
	background-color:#F7F7F7;
	background-image:url("images/footerbg_reversed.gif");
	background-position:center top;
	background-repeat:repeat-x;
	padding:30px 0 30px;
	text-align:center;
	font-size:1.1em;
}

#closure ul {
    list-style: none outside;
    margin: 0;
    padding: 0; }
    #closure ul li {
      display: -moz-inline-stack;
      display: inline-block;
      zoom: 1;
      *display: inline;
      height: 70px;
      vertical-align: top; }
      #closure ul li.drupal {
        background: url(images/logos/drupal.png) 5px center no-repeat; }
      #closure ul li.wp {
        background: url(images/logos/wp.png) 0 center no-repeat; }
        #closure ul li.wp a {
          width: 83px;
          padding: 30px 0 0 50px; }
      #closure ul li.mc {
        background: url(images/logos/mc.png) 0 center no-repeat; }
        #closure ul li.mc a {
          width: 93px;
          padding: 23px 0 0 50px; }
      #closure ul li.zf {
        background: url(images/logos/zf.png) 0 center no-repeat; }
        #closure ul li.zf a {
          padding: 23px 0 0 90px; }
      #closure ul li.php {
        margin-left:10px;
        background: url(images/logos/php.png) center 2ex no-repeat;
        overflow: hidden; }
        #closure ul li.php a {
          padding: 100px 0 0 0;
          width: 113px; }
      #closure ul li a {
        text-decoration: none;
        color: #919086;
        display: block;
        width: 63px;
        height: 40px;
        padding: 30px 0 0 55px; }
      #closure ul li a:hover{text-decoration:none;background-image:none;}


/*.tags {
    clear:both;
}
    .tags ul {
        overflow:hidden;
    }
        .tags ul li {
            float:left;
            list-style: none;
            margin-left: 0px;
            margin-right: 10px;
        }
            .tags ul li a {
                color: #555;
                background-color: #fff;
                display:block;
                font-size: 11px;
                font-weight:bold;
                text-decoration: none;
                text-transform:capitalize;
                margin: 3px;
                padding: 2px 6px;

                -moz-box-shadow: 0px 1px 3px #ccc;
                 -webkit-box-shadow: 0px 1px 3px #ccc;
                 box-shadow: 0px 1px 3px #ccc;

                -webkit-border-radius: 3px;
                -moz-border-radius: 3px;
                border-radius: 3px;
            }
            .tags ul li a:hover {
                background-image: none;
                background-color: #fefefe;

               -moz-box-shadow: 0px 1px 3px #999;
                -webkit-box-shadow: 0px 1px 3px #999;
                box-shadow: 0px 1px 3px #999;
            }*/