/*
Theme Name: Ildsjael
Theme URI: http://ildsjael.dk
Version: 1.0
Author: WPDK
Author URI: http://wpdk.dk

*/

@import url('reset.css');

body { background:#fff url(images/banner-bg.png) repeat-x; _background:#fff url(images/banner-bg.jpg) repeat-x; }

#container { z-index:0; position:relative; margin:0 auto; padding:0; width:950px; }
  #header { position:relative; width:950px; height:124px; border-bottom:1px solid #dbdbdb; }
    #header .logo { position:absolute; display:block; top:20px; left:0; width:183px; height:63px; background:url(images/logo.png) no-repeat; text-indent:-9999px; }
    #header .text { position:relative; display:block; float:right; height:27px; margin-top:42px; text-align:right; font:italic 14px/24px Arial, Verdana; color:#ffffff; text-decoration:none; }
    #header #top_referencer { width: 214px; height: 19px; background:url(/wp-content/uploads/2012/01/top_referencer.jpg); position: absolute; right: 0; top: 12px; }

      #nav { position:absolute; display:block; top:90px; }
      #nav, #nav li { padding:0; margin:0; }
      #nav li, #nav a { display:inline-block; float:left; }
      #nav a { color:#000000; background:url(images/nav-bullet.jpg) no-repeat 0 50%; list-style-position:inside; padding:0 19px 0 25px; text-decoration:none; text-transform:uppercase; }
      #nav a.home { background:none; padding:0 18px; }

    #breadcrumbs { height:20px; }
    
    .submit {float:right; width: 100px;}

img.avatar {padding: 10px;}

#searchform {padding-left: 20px; padding-top: 20px;}
      
    #content { position:relative; width:950px; padding:0; margin:0 0 15px; }
    #content .main-content { width:660px; padding:0; margin:0; float:left; }
    .page #content .main-content, .single #content .main-content { float:right; }
    #container .blog .main-content { float:left; }
    
      #about { margin-bottom:27px; }
      #about h2 { margin:0 0 17px; }
      #about p { font:normal 16px/24px Arial, Verdana; }
      #about .button { display:block; width:181px; height:35px; margin:22px 0 0 479px; background:url(images/about-button.png) no-repeat; text-indent:-9999px; }
      
      #tommy {position:relative;}
      #tommy a {position:absolute; display:block; width:339px; height:35px; bottom:50px; right:23px; background:url(/wp-content/uploads/2012/01/foresp_knap2.png);}
/*#tommy a {position:absolute; display:block; width:291px; height:35px; bottom:50px; right:23px; background:url(http://ildsjael.dk/wp-content/themes/ildsjael/images/foresp_knap.png);}*/
      #tommy img {margin-bottom:26px;}

      #book { margin-bottom:29px; width:210px; margin-right:15px; float:left;}
      #book .book { float:left; margin:10px 0 0 0; width:210px; height:245px; }
      #book .info { float:left; width:210px;}
      #home-bottom .triple h2 {  margin:15px 0 0 0; font:bold 16px Arial, Verdana; color:#323232; }
      #home-bottom .triple.last {margin-left: 15px;}
      #home-bottom .bottom { margin-top:18px; }
      #book .info .meta { font-size:11px; }
      #home-bottom .dkk-299 { display:inline-block; float:left; width:160px; font-size:12px; }
      #home-bottom .dkk-299 span { font-size:18px; }
      #home-bottom .more {border:none;}
      #home-bottom .more img {margin: 20px 0 0 47px;}

      #posters {float:left;}
      #posters a {display:block; border:1px solid grey;}
      a#ikaros {margin: 30px auto 0 auto; height:210px; width:149px; background:url(http://ildsjael.dk/wp-content/uploads/2011/09/ikaros_small.jpg);}
      a#pessimisme {margin: 42px 0; height:149px; width:210px; background:url(http://ildsjael.dk/wp-content/uploads/2011/09/pessimisme_small.jpg)}
      
      #home-bottom .left, #home-bottom .right { width:311px; display:inline-block; float:left; }
      #home-bottom .left .author { padding-right:10px; text-align:right; }
      #home-bottom .left blockquote { font-size:14px; line-height:24px; }
      #home-bottom .right { margin-left:38px; }
      #home-bottom .right .recentposts, #home-bottom .right .recentposts li { list-style:none; margin:0; padding:0; }
      #home-bottom .right .recentposts { margin:18px; *margin:18px 0; }
      #home-bottom .right .recentposts li { padding:5px 0; }
      #home-bottom .right .recentposts a { background:url(images/nav-bullet.jpg) no-repeat 0 50%; list-style-position:inside; padding:0 19px 0 20px; font-size:13px; }
      #home-bottom .right h3 { font-weight:bold; font-size:14px; margin:0 0 0 10px; padding:0; }
      #home-bottom .right p { margin:0 0 10px 10px; padding:0; }
      #home-bottom .right .text { width:195px; height:17px; padding:7px 10px; margin:0 0 0 10px; background-color:#c8c8c8; border:none; font-size:14px; color:#323232; }
      #home-bottom .right .submit { border:none; background:none; color:#be7800; font:bold 14px Arial, Verdana, Times New Roman; cursor:pointer; }
      #home-bottom .triple {width:210px; float:left;}

      #content .post { width:660px; }
      #content .post .info { width:600px; display:inline-block; }
      #content .post .info .title { margin-bottom:5px; }
      #content .post .title, #content .post .title a { font-size:20px; color:#323232; text-decoration:none; }
      #content .post .meta, 
      #content .post .meta a { font-weight:normal; color:#9d9ea0; }
      #content .post .comments { float:right; display:block; width:35px; height:20px; margin-top:27px; padding-top:12px; text-align:center; background:url(images/comments-bg.png) no-repeat; }
      #content .post .comments a { text-decoration:none; color:#646464; font-size:13px; }
      #content .post h2 { font-size:18px; margin-top:20px; }
      #content .post ul, #content .post li { list-style:none; margin:0; padding:0; }
      #content .post ul { margin:18px; *margin:18px 0; }
      #content .post ul li { background:url(images/nav-bullet.jpg) no-repeat 0 50%; list-style-position:inside; padding:5px 19px 5px 20px; font-size:13px; }
      
    #sidebar { margin-top:0; float:right; }
    .page #sidebar, .single #sidebar { float:left; }
    #container .blog #sidebar { float:right; }
    
    #sidebar { width:250px; }
    #sidebar .widget { margin-top:7px; margin-bottom:26px; /*background-color:#ebecec;*/ }
    #sidebar .widget #udvalgte_kunder { width:250px; height:311px; background:url(/wp-content/uploads/2012/01/udvalgte_kunder.jpg); margin-top:10px; }
    #sidebar .widget_tommy { margin-top:7px; margin-bottom:26px; background-color:#white; }
    #sidebar .widget .bottom { width:250px; height:17px; background:url(images/widget-bottom.gif) no-repeat; }
    #sidebar .widget ul, #sidebar .widget li { list-style:none; padding:0; margin:0; }
    #sidebar .widget ul { padding:15px 0 0 18px; }
    #sidebar .widget li { margin:8px 0; }
    #sidebar .widget li a { text-decoration:none; color:#323232; background:url(images/nav-bullet.jpg) no-repeat 0 50%; padding:0 19px 0 20px; }
    #sidebar .widget li li a { padding:0 0 0 10px; }
    #sidebar .widget li ul { padding-top:0; }
    #sidebar .author { margin-right:10px; margin-bottom:0; text-align:right; font-size:12px; }
    
    #sidebar .kontakt-widget .info { font-weight:bold; line-height:24px; margin:16px 0 15px; }
    #sidebar .kontakt-widget .label { display:inline-block; width:85px; }
    #sidebar .kontakt-widget .value { display:inline-block; text-align:right; width:140px; }
    #sidebar .kontakt-widget .social-networks { width:158px; margin:20px auto; }

    #sidebar .recentposts, #home-bottom .right .recentposts li { list-style:none; margin:0; padding:0; }
    #sidebar .recentposts li { padding:5px 0; } 
    #sidebar .recentposts a { background:url(images/nav-bullet.jpg) no-repeat 0 50%; list-style-position:inside; padding:0 0 0 10px; font-size:13px; }

    #sidebar .tommy {width: 213px; height: 356px; background-color:white; margin-left:20px;}

    #footer { position:relative; height:96px; background:#595959 url(images/footer-bg.gif) repeat-x; }
    #footer a { text-decoration:none; }
    #footer a:hover { text-decoration:underline; }
    #footer .content { position:relative; width:950px; height:96px; margin:0 auto;  }
    #footer .content , #footer .content  a { font:normal 12px Arial, Verdana, Times New Roman; color:#fff; }
      
    #footer .nav, #footer .nav li { padding:0; margin:0; }
    #footer .nav li, #footer .nav a { display:inline-block; float:left; }
    #footer .nav { float:right; margin-top:15px; }
    #footer .nav a { border-left:1px solid #fff; padding:0 10px; text-decoration:none; text-transform:uppercase; }
    #footer .nav .first  a { border-left:none; }
    #footer .nav a.home { background:none; padding:0 10px; }
    
    #footer .logo { position:absolute; top:15px; display:block; width:123px; height:52px; background:url(images/logo-bottom.png) no-repeat; text-indent:-9999px; }
    #footer .copyright { position:absolute; top:74px; display:block; }

.header { margin:0; padding:0 9px; background-color:#f39801; font:bold 14px/24px Arial, Verdana, Times New Roman; color:#fff; }

    .widget.nobackground .content { background-color:white; }
    .widget .content {background-color: #EBECEC;}

/* Comments */
.comments { margin: 0 0 20px; }
.comments h1 { font:bold 16px Arial, Verdana, Times New Roman; }
  .comment { padding: 10px; color: #333; font-family: Arial, sans-serif; font-size: 12px; line-height: 20px; border: 1px solid #BBB; }
    .comment span { color: #1e63a5; font-size: 11px; font-weight: bold; }
    .comment img { padding: 2px; border: 1px solid #DDD; background: #FFF; float:right }
    .comment .comment { margin: 20px -10px 0 20px; border-right: 0; border-bottom: 0; }

    /***** Navigation *****/
#navigation { display:block; margin-top:20px; margin-bottom:15px; }
#navigation a { font:bold 12px/14px Arial, Verdana, Georgia; }
#navigation .previous a { float:left; }
#navigation .next a { float:right; }

/* Begin Calendar */
#wp-calendar { empty-cells: show; margin: 0 auto; width: 80%; font-size:11px}
#wp-calendar a { text-decoration: underline; }
#wp-calendar caption { padding:15px 0;}
#wp-calendar th { padding: 5px; font-style: normal; font-size:14px; text-align:center; font-weight:bold; }
#wp-calendar #next a { padding-right: 10px; float: right; }
#wp-calendar #prev a { padding-left: 10px; float: left; }
#wp-calendar a { display: block; text-decoration:none; font-weight:bold; }
#wp-calendar caption { font: normal 18px arial, Sans-Serif; text-align: center; width: 80%; }
#wp-calendar td { padding: 5px; text-align: center; border:none; }
#wp-calendar td.pad:hover { /* Doesn't work in IE */ }
#wp-calendar #prev a, #wp-calendar #next a { font-size: 11pt; }
/* End Calendar */
