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

html,body {
height: 100%;
font: 100% normal Arial,Helvetica,serif;
color: #2e2e2e;
}
a {
outline: none;
color: #e00202;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}

#wrapper {
height: auto;
width: 700px;
margin: 0 auto;
}

/* Begin header
---------------------------------------------- */
#header {
background: url(images/header.png) no-repeat top left;
height: 180px;
width: 700px;
}
#header h1 a {
background: transparent url(images/logo.png) no-repeat top left;
height: 65px;
width: 368px;
display: block;
text-indent: -9999px;
position: relative;
top: 95px;
}
#header div.stats {
width: 120px;
height: 32px;
text-align: center;
float: right;
font: .88em normal Georgia,serif;
font-weight: bold;
position: relative;
top: 55px;
}
/* End header
---------------------------------------------- */

/* Begin nav
---------------------------------------------- */
#nav {
background: transparent url(images/nav.png) no-repeat top left;
height: 50px;
width: 700px;
margin: -14px 0 0 0;
border-bottom: 1px solid #ccc;
font: 100% normal Georgia,serif;
}
#nav ul {
height: 36px;
width: 700px;
position: relative;
top: 14px;
}
#nav li {
height: 36px;
line-height: 38px;
float: left;
display: inline;
padding: 0 10px;
font-size: .94em;
}
#nav li a {
color: #000;
}
#nav li a:hover {
text-decoration: none;
}
#nav li.active a {
color: #e00202;
}
/* End nav
---------------------------------------------- */

/* Begin content
---------------------------------------------- */
#content {
width: 470px;
float: left;
margin: 20px 0;
font-size: .81em;
}
div.sticky {
background: #fff url(images/sticky.png) repeat-x bottom left;
padding: 15px 0 0 0 !important;
border-bottom: none !important;
border: 1px solid #efefef;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}
div.post {
border-bottom: 1px solid #ccc;
margin: 0 0 30px 0;
padding: 0 0 3px 0;
}
div.post h2 {
font: 100% normal Georgia,serif;
font-size: 1.88em;
margin: 0 0 5px 0;
}
div.entry p {
padding: 0 0 15px 1px;
line-height: 16px;
}
div.entry img {
border: 1px solid #ccc;
}
div.entry input.text {
background: #fff;
height: 15px;
width: 250px;
padding: 3px;
border: 1px solid #ccc;
}
div.entry textarea {
background: #fff;
width: 460px;
padding: 3px;
border: 1px solid #ccc;
}
p.postmetadata {
font-size: .88em;
margin: 15px 0 5px 0;
}
#respond form {
margin: 10px 0 0 0;
font-size: .88em;
}
#respond input.text {
background: #fff;
height: 15px;
width: 200px;
margin: 0 0 8px 0;
padding: 3px;
border: 1px solid #ccc;
}
#respond label {
position: relative;
top: 1px;
margin: 0 0 0 5px;
}
#respond textarea {
background: #fff;
height: 150px;
width: 460px;
margin: 0 0 15px 0;
padding: 3px;
border: 1px solid #ccc;
}
div.comment-author cite {
font-weight: bold;
font-size: 1.13em;
}
div.comment-meta {
font-size: .88em;
}
ol.commentlist {
font-size: .88em;
}
ol.commentlist li {
margin: 10px 0 30px 0;
list-style: none;
}
.commentlist li ul li { 
margin: 0 -5px 0 10px;
}
.commentlist p {
margin: 15px 5px 10px 0;
}
.children {
padding: 0;
}
#commentform p {
margin: 5px 0;
}
.nocomments {
text-align: center;
margin: 0;
padding: 0;
}
.commentmetadata {
margin: 0;
display: block;
}
/* End content
---------------------------------------------- */

/* Begin sidebar
---------------------------------------------- */
#sidebar {
width: 200px;
float: right;
margin: 20px 0 0 0;
font-size: .69em;
}
#sidebar div.textwidget {
line-height: 14px;
}
#sidebar h2.widgettitle {
font: 100% normal Georgia,serif;
font-size: 1.63em;
color: #e00202;
margin: 0 0 2px 0;
}
#sidebar li.widget {
margin: 0 0 20px 0;
}
#sidebar li.widget ul {
margin: 0 0 0 5px;
}
/*#sidebar li.widget ul li {
background: url(images/li.png) no-repeat top left;
}*/
#sidebar li.widget ul li a {
background: url(images/li.png) no-repeat top left;
padding: 0 0 0 16px;
line-height: 18px;
color: #2e2e2e;
display: block;
}
#sidebar li.widget ul li a:hover {
background-position: 0 -16px;
color: #e00202;
}
#sidebar input#s {
background: #fff;
height: 15px;
width: 130px;
padding: 3px;
border: 1px solid #ccc;
}
/* End sidebar
---------------------------------------------- */

/* Begin footer
---------------------------------------------- */
#footer {
height: 30px;
width: 700px;
clear: both;
font-size: .74em;
color: #e00202;
text-align: center;
line-height: 30px;
}
/* End footer
---------------------------------------------- */

/* Begin pagebar
---------------------------------------------- */
.pagebar {
padding: 0.2em 0.5em;
margin-right: 0.1em;
margin-bottom: 1.0em;
border: 1px solid #fff;
background: #fff;
text-decoration: none;
text-align: center;
}

.pagebar a,.pageList .this-page {
border: 1px solid #ccc;
text-decoration: none;
padding: 0.2em 0.5em;
}

.pagebar .break {
padding: 2px 6px 2px 6px;
border: none;
background: #fff;
text-decoration: none;
}

.pagebar .this-page {
border: 1px solid #e00202;
padding: 0.2em 0.5em;
font-weight: bold;
background: #e00202;
color: #fff;
}

.pagebar a:hover {
border-color: #e00202;
}

.pagebar .inactive
{
 border: 1px solid #cccccc;
color: #ccc;
 text-decoration: none;
 padding: 0.2em 0.5em;
}
/* End pagebar
---------------------------------------------- */

strong {
font-weight: bold;
}
h2.not-found {
font-size: 2em;
padding: 0 0 10px 0;
}
img.alignright {
display: inline;
margin: 0 0 2px 7px;
padding: 4px;
}
.alignright {
float: right;
}
.left {
float: left;
}
.right {
float: right;
}
.clear {
height: 1px;
width: 1px;
clear: both;
}
.hidden,.says {
display: none;
}
.avatar {
float: right;
}
.red {
color: #e00202;
}