/*
   style.css
   Closure - Habari theme
   
   Created by Sebastian Pascu <sebi@ic3berg.de> on 2008-09-13.
   Copyright 2008 Ic3berg.de. All rights reserved.
*/


/* ================= */
/* = Some defaults = */
/* ================= */
* {
margin: 0;
padding: 0;
outline: none;
border: 0;
}

body {
background: #979d91 url(images/background.png) top left repeat-x;
min-width: 776px;
font-family: "Segoe UI", Verdana, Helvetica, "Lucida Grande", Arial, sans-serif;
font-size: 0.8em;
font-size: 12px;
color: #333;
}

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

#container {
margin: 0 auto;
width: 776px;
}

#header, #thinbox-body, #thinbox-footer, #page, #footer {
width: 776px;
}

#header {
height: 230px;
width: 741px;
background: #979d91 url(images/header.png) top left no-repeat;
padding: 15px 0 0 35px;
}

#header-photo {
width: 751px;
height: 177px;
margin: 8px 0 0 -22px;
background: #3c444d;
}

#thinbox-body {
background: #979d91 url(images/thinbox-body.png) top left repeat-y;
width: 761px;
padding: 5px 0 0 13px;
}

#thinbox-body #more-info {
display: none;
margin: 6px 0 0 0;
padding: 8px;
width: 736px;
color: #fff;
}
#thinbox-body ul {
margin-left: 15px;
}
#thinbox-body ul#menu, #thinbox-body ul#menu li {
list-style: none;
display: inline;
}

#thinbox-body li {
padding-left: 15px;
color: #979d91;
}

#thinbox-body li:first-child {
padding-left: 0;
}

#thinbox-body li a, #thinbox-body li a:visited {
color: #979d91;
border: 0;
font-weight: bold;
}

#thinbox-body li a:hover, #thinbox-body li a:focus {
color: #3c444d;
font-weight: bold;
}

#thinbox-body .latest-comment {
margin-left: 15px;
color: #979d91;
}

#thinbox-body .latest-comment-content {
padding-left: 15px;
margin: 0 20px 20px 5px;
border-left: 3px solid #979d91;
display: none;
}

#thinbox-footer {
height: 5px;
background: #979d91 url(images/thinbox-footer.png) top left no-repeat;
}

/* actual content */
#page {
min-height: 230px; /* just for fun */
background: #979d91 url(images/body.png) top left repeat-y;
padding-left: 25px;
padding-right: 15px;
padding-top: 15px;
width: 736px;
overflow: auto;
}

#sidebar {
float: right;
}
#darkbox, #lightbox {
width: 241px;
}

/* sidebar - dark colored box */
#darkbox-header {
background: #979d91 url(images/darkbox-header.png) top left no-repeat;
height: 8px;
}
#darkbox-body {
width: 226px;
padding: 0 0 0 15px;
background: #979d91 url(images/darkbox-body.png) top left repeat-y;
}
#darkbox-footer {
background: #979d91 url(images/darkbox-footer.png) top left no-repeat;
height: 12px;
}

/* sidebar - light colored box */
#lightbox-header {
background: #979d91 url(images/lightbox-header.png) top left no-repeat;
height: 10px;
}
#lightbox-body {
width: 226px;
padding: 0 0 0 15px;
background: #979d91 url(images/lightbox-body.png) top left repeat-y;
}
#lightbox-footer {
background: #979d91 url(images/lightbox-footer.png) top left no-repeat;
height: 13px;
}

/* page navigation */
#pagenav {
width: 600px;
text-align: center;
margin: 0 auto;/* just to center this div */
  padding: 5px;
}

#pagenav a, #pagenav a:hover, #pagenav a:focus, #pagenav a:visited {
border: 0;
}
.current-page {
padding: 3px;
font-weight: bold;
}

.prev-page, .next-page {
padding: 3px;
}


/* footer */
#footer {
height: 37px;
background: #979d91 url(images/footer.png) top left repeat-y;
}

#footer-content {
width: 600px;
margin: 0 auto;
text-align: center;
border-top: 1px dotted #979d91;
}

/* ============== */
/* = Typography = */
/* ============== */

/* post body only */
div.post {
padding-bottom: 30px;
}

div.post p + p {
text-indent: 1em;
margin-top: 0.5em;
}
div.post ul {
margin: 0 0 15px 35px;
}

/* spacing and style */
.left-border {
padding: 0 0 0 15px;
border-left: 10px solid #aaa;
}
.bottom-border {
border-bottom: 1px solid;
}
.post-title {
padding: 2px;
}
.pad2 {
padding: 2px;
}
.pad10l {
padding-left: 10px;
}
.margin-l10 {
margin-left: 10px;
}
.archive-entry {
list-style: none;
padding-left: 10px;
}
.archive-month {
list-style: none;
}
.clear {
clear: both;
}
div.post-meta {
color: #3c444d;
font-size: 0.9em;
background: #979d91;
padding: 2px;
margin-bottom: 1em;
margin-right: 10px;
}

/* comments */
div.comments {
margin-top: 5px;
}

#comment-form {
display: none;
}
.comments ol {
margin-left: 17px;
list-style: none;
}
.comments li {
list-style: none;
margin: 5px;
}

.comments input, .comments textarea {
padding: 2px;
margin: 2px;
border: 1px solid #999;
}

.commentsrsslink {
font-weight: normal;
}

.comment-content {
margin: 5px 5px 5px 0;
padding: 5px;
border-left: 3px solid #ccc;
}
li.comment {
padding: 1px;
margin-bottom: 15px;
}
li.by-user {
background: #eee;
}
li.by-post-author {
background: #D6ECF5;
}

/* colors & others */
.white {
color: #fff
}
.dark-gray {
color: #3c444d
}
.cool-blue {
color: #3A63DE;
}
.light-gray {
color: #979d91
}
.inline {
display: inline
}
.no-list-style {
list-style: none;
}
.hidden {
display: none;
}

/*special class for images*/
.image {
margin: 4px;
padding: 2px;
-webkit-box-shadow: 0px 5px 25px rgba(0, 0, 0, 0.0);
}

.image-link {
border: 0;
text-decoration: none;
}

/* font styles */
.sans {
font-family: "Segoe UI", Verdana, Arial, Helvetica, sans-serif;
}
.serif {
font-family: Georgia, Courier, serif;
}

/* external links */
/* only the post body gets automatically classified external links */
a.external-link, a.external-link:visited {
background: url(images/external-link.gif) center right no-repeat;
padding-right: 14px;
}
a.external-link:hover, a.external-link:focus {
background: #ddd url(images/external-link.gif) center right no-repeat;
padding-right: 14px;
text-decoration: none;
border-bottom: 1px solid #3c444d;
color: #3A63DE;
}

/* links */
a,
a:visited {
text-decoration: none;
border-bottom: 1px solid #3c444d;
color: #0565CA;
background: transparent;
padding: 0;
margin-bottom: 1px;
}

a:hover, 
a:focus {
text-decoration: none;
border-bottom: 1px solid #3c444d;
color: #3A63DE;
background: #ddd;
padding: 0;
margin-bottom: 1px;
}

#page h1 a, #page div.post-meta a {
border-bottom: 0;
}

#page h1 a, #page h1 a:visited {
color: #3c444d;
}

/* quick hacks - waiting another occasion to be cleaned up*/
input {
margin: 2px;
}

blockquote {
border-left: 5px solid #9DA7B3;
margin: 1em 0 0 20px;
padding-left: 5px;
}

pre {
font-family: "Consolas", "Courier New", "Courier", mono, serif;
}