/*
Theme Name: qvister
Theme URI: http://qvister.se/
Description: Custom made theme for qvister.se.
Version: 1.0
Author: Anton Lindqvist
Author URI: http://qvister.se/
Tags: white, fixed width, two columns, widgets
*/

html,body {
background: #efefef url(images/body.png) repeat-x top left;
height: 100%;
color: #5e5e5e;
font: normal 100% Georgia,Times,serif;
}
a {
color: #49cdff;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
em {
font-style: italic;
}
strong {
font-weight: bold;
}

/* Begin wrapper and content
---------------------------------------------- */
#wrapper {
background: transparent url(images/wrapper.png) no-repeat top left;
height: auto;
width: 790px;
margin: 0 auto;
padding: 30px 0 0 0;
}
#content {
width: 756px;
margin: 0 auto;
}
#top {
background: #fff;
height: 163px;
width: 750px;
margin: 0 auto;
padding: 20px 0 0 0;
}
/* End wrapper and content
---------------------------------------------- */

/* Begin header
---------------------------------------------- */
#header {
height: 87px;
width: 200px;
margin: 0 10px 0 0;
float: right;
display: inline;
}
#header h1 a {
background: url(images/logo.png) no-repeat top left;
height: 87px;
width: 200px;
display: block;
text-indent: -9999px;
}
/* End header
---------------------------------------------- */

/* Begin nav
---------------------------------------------- */
#nav {
width: 150px;
float: left;
display: inline;
position: relative;
left: -5px;
font: normal 100% Helvetica,Arial,serif;
}
#nav ul li {
height: 22px;
width: 150px;
margin: 0 0 5px 0;
display: block;
line-height: 22px;
font-weight: bold;
font-size: .75em;
text-transform: lowercase;
}
#nav ul li a {
height: 22px;
width: 130px;
padding: 0 0 0 20px;
display: block;
}
#nav ul li a:hover {
text-decoration: none;
}
#nav ul li.active a {
background: #5e5e5e;
color: #fff;
}
/* End nav
---------------------------------------------- */

/* Begin welcome
---------------------------------------------- */
#welcome {
width: 500px;
margin: 0 0 0 222px;
}
#welcome h2 {
font-size: 1.5em;
letter-spacing: .02em;
}
#welcome div.welcome_content {
margin: 5px 0 20px 0;
font-size: .81em;
}
#welcome div.welcome_content p {
margin: 0 0 15px 0;
line-height: 1.5em;
}
#welcome div.welcome_content ul li {
margin: 0 0 2px 0;
font-size: .94em;
}
/* End welcome
---------------------------------------------- */

/* Begin entries
---------------------------------------------- */
#entries {
background: url(images/entries.png) repeat-y top left;
width: 756px;
padding: 20px auto 0 auto;
}
#entries a:active,#entries a:focus {
background: #49cdff;
color: #fff;
text-decoration: none;
}
#entries div.post div.post_thumb {
height: 123px;
width: 180px;
float: left;
margin: 0 0 0 22px;
}
#entries div.post div.post_meta_single {
width: 180px;
float: left;
margin: 0 0 0 22px;
}
#entries div.post ul {
margin: 0 0 15px;
}
#entries div.post ul li {
background: #fff url(images/arrow.png) no-repeat top left;
padding: 0 0 0 20px;
}
#entries div.post ol li {
margin: 0 0 15px 17px;
list-style-type: decimal;
}
#entries div.post ol li pre {
margin: 10px 0 0 0 !important;
}
#entries div.post div.post_meta_single h4 {
font-size: .81em;
padding: 0 0 2px 0;
letter-spacing: .02em;
}
#entries div.post div.post_meta_single ul li {
font-size: .75em;
margin: 3px 0 3px 0;
}
#entries div.post div.post_thumb img {
background: transparent url(images/post_thumb.png) no-repeat bottom left;
padding: 0 0 22px 0;
}
#entries div.post div.post_entry {
min-height: 123px;
width: 500px;
float: right;
margin: 0 34px 0 0;
}
#entries div.post div.post_entry h2 {
font-size: 1.5em;
margin: -5px 0 0 0;
letter-spacing: .02em;
}
#entries div.post div.post_entry div.post_meta {
font-size: .69em;
margin: 2px 0 0 2px;
}
#entries div.post div.post_entry div.post_content {
margin: 10px 0 0 0;
font-size: .81em;
line-height: 1.5em;
}
#entries div.single div.post_entry div.post_content {
margin: 20px 0 0 0;
}
#entries div.post div.post_entry div.post_content blockquote {
margin: 0 20px;
padding: 0 0 0 15px;
font-style: italic;
border-left: 5px solid #e0dfdf;
}
#entries div.post div.post_entry div.post_content h3 {
margin: 0 0 2px 2px;
font-size: 1.38em;
letter-spacing: .02em;
}
#entries div.post div.post_entry div.post_content p {
margin: 0 0 20px 2px;
}
#entries div.post div.post_entry div.post_content pre {
background: #f8f8ff;
max-height: 200px;
margin: 0 0 15px 0;
padding: 7px 5px;
overflow: auto;
line-height: 1.38em;
font-size: 1.19em;
color: #000;
border: 1px solid #dedede;
}
#entries div.post div.post_entry div.post_content table {
font-family: arial,helvetica,sans-serif;
margin: 0 0 0 2px;
}
#entries div.post div.post_entry div.post_content table thead th {
min-width: 70px;
padding: 2px 0;
font-weight: bold;
border-bottom: 1px solid #ccc;
}
#entries div.post div.post_entry div.post_content table tbody td {
padding: 2px;
vertical-align: top;
border-bottom: 1px solid #e0e0e0;
}
#entries div.post div.post_entry div.post_content table tbody td.monospace {
font-size: .88em;
}
#entries div.navigation {
font-size: .81em;
margin: 0 20px;
}
#entries div.navigation div.navigation_older_entries {
float: left;
}
#entries div.navigation div.navigation_newer_entries {
float: right;
}
#entries div.clear {
height: 40px;
}
#entries div.tiny {
height: 10px;
}
/* End entries
---------------------------------------------- */

/* Begin comments
---------------------------------------------- */
ul#comments,
#disqus_thread {
width: 500px;
margin: 0 0 0 222px !important;
}
ul#comments li {
margin: 0 0 10px 0;
}
ul#comments li.unapproved {
opacity: 0.8;
}
ul#comments li.bypostauthor div.vcard {
background: #ffffcc;
}
ul#comments li div.vcard {
background: #e0dfdf;
height: 46px;
width: 500px;
font: normal 100% Helvetica,Arial,serif;
}
ul#comments li div.vcard div.info {
font-size: .81em;
line-height: 46px;
}
ul#comments li div.vcard div.info a {
color: #5e5e5e;
}
ul#comments li div.vcard div.info a:active,ul#comments li div.vcard div.info a:focus {
background: none;
}
ul#comments li div.vcard img {
margin: 5px 0 0 5px;
float: left;
}
ul#comments li div.vcard div.info div.fn span {
margin: 0 0 0 10px;
float: left;
}
ul#comments li div.vcard div.commentmetadata {
float: right;
margin: 0 5px 0 0;
font-size: .81em;
}
ul#comments li div.comment-content {
margin: 5px;
font-size: .81em;
line-height: 1.5em;
}
ul#comments li div.comment-content p {
margin: 0 0 20px 0;
}
form.comment_form {
width: 500px;
margin: 0 0 0 222px;
padding: 0 0 30px 0;
}
form.comment_form label {
height: 24px;
width: 150px;
float: left;
line-height: 24px;
display: inline-block;
cursor: pointer;
font-size: .81em;
}
form.comment_form input.text,form.comment_form textarea {
background: #fff;
width: 232px;
margin: 0 0 15px 0;
padding: 3px;
float: left;
border: 1px solid #e0dfdf;
cursor: pointer;
}
form.comment_form input.text:active,form.comment_form input.text:focus,form.comment_form textarea:active,form.comment_form textarea:focus {
background: #ffffcc;
}
form.comment_form input.text {
height: 16px;
}
form.comment_form textarea {
width: 342px;
}
form.comment_form p.submit {
clear: both;
}
form.comment_form p.submit input.submit {
margin: 0 0 0 148px;
}
/* End comments
---------------------------------------------- */

/* Begin footer
---------------------------------------------- */
#footer {
background: transparent url(images/footer.png) no-repeat bottom left;
height: 29px;
width: 790px;
margin: 0 0 25px 0;
}
#footer div.footer_content {
background: url(images/entries.png) repeat-y top left;
height: 20px;
width: 756px;
margin: 0 auto;
text-align: center;
font-size: .69em;
}
/* End footer
---------------------------------------------- */

/* Begin generic
---------------------------------------------- */
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {
display: inline-block;
}
* html .clearfix {
height: 1%;
}
.clearfix {
display: block;
}
.clear {
height: 1px;
width: 1px;
clear: both;
}
.indicator {
height: 18px;
width: 500px;
margin: 0 0 20px 0;
font-size: .75em;
color: #5e5e5e;
border-bottom: 1px solid #e0dfdf;
text-transform: lowercase;
}
.indicator_share {
margin: 20px 0 8px 0;
}
.indicator_right {
margin: 0 0 20px 222px;
}
.indicator a {
color: #5e5e5e;
}
.indicator a:active,.indicator a:focus {
color: #5e5e5e !important;
background: none !important;
}
.monospace {
font-family: monaco;
}
a.dsq-brlink {
display: none;
}
/* End generic
---------------------------------------------- */