/*   
Theme Name: Thuis
Theme URI: http://www.webloft.be/
Description: Template made for my build-my-house-blog
Author: Thomas Willemsen
Author URI: http://www.webloft.be/
Version: 1.0
.
Template made for my build-my-house-blog. Used on http://thuis.twilly.be/.
Copyright 2009 - Webloft - Thomas Willemsen.
.
*/


/***** Global Settings *****/
 
html, body {
border:0;
margin:0;
padding:0;
background: #4e4745;
}
 
body {
font-size:100%;
line-height: 1.25;
font-family: Helvetica, sans-serif;
color: #181414;
}
 
/***** Headings *****/
 
h1, h2, h3, h4, h5, h6 {
margin:0;
padding:0;
font-weight:normal;
}
 
/***** Common Formatting *****/
 
p, ul, ol {
margin:0;
padding:0 0 1.25em 0;
}
 
ul, ol {
padding:0 0 1.25em 2.5em;
}
 
blockquote {
margin:1.25em;
padding:1.25em 1.25em 0 1.25em;
}
 
.small {
font-size:0.85em;
}
 
img {
border:0;
}
 
sup {
position:relative;
bottom:0.3em;
vertical-align:baseline;
}
 
sub {
position:relative;
bottom:-0.2em;
vertical-align:baseline;
}
 
acronym, abbr {
cursor:help;
letter-spacing:1px;
border-bottom:1px dashed;
}
 
/***** Links *****/
 
a,
a:link,
a:visited {
text-decoration:underline;
color: #1172bc;
}
a:hover {
color: #00418b;
}
 
/***** Forms *****/
 
form {
margin:0;
padding:0;
display:inline;
}
 
input, select, textarea {
font:1em Helvetica, sans-serif;
}
 
textarea {
width:100%;
line-height:1.25;
}
 
label {
cursor:pointer;
}
 
/***** Tables *****/
 
table {
border:0;
margin:0 0 1.25em 0;
padding:0;
}
 
table tr td {
padding:2px;
}
 
/***** Wrapper *****/
 
#wrapper {
width:730px;
min-height: 1300px;
margin:0 auto;
margin-top: 20px;
background: #fff8f6;
}
#wrapperbottom {
clear: both;
}
 
/***** Global Classes *****/
 
 
 
 
 
/***** Header *****/
#header {
height: 100px;
background: #181414 url("images/header.jpg");
color: #fff8f6;
margin: 0;
padding: 0 10px 0 10px;
}

#header h1 {
font-size:4em;
font-weight: bold;
margin: 0;
padding: 0;
}
#header h1 a {
text-decoration: none;
color: #fff8f6;
}

#header h1.sub {
font-size: 1.2em;
font-weight: normal;
margin: -12px 0 0 11px;
padding: 0;
}

/***** content *****/
#content {
width: 529px;
float: right;
padding: 10px 0 10px 0;
font-size: 0.8em;
background: #fff8f6;
}

#content .post {
padding: 10px 10px 30px 10px;
}

#content .post h2 {
width: 470px;
text-transform: uppercase;
font-weight: bold;
font-size: 1.5em;
margin: 0;
padding: 0;
}
#content .post h2 a {
text-decoration: none;
color: #181414;
}
#content .post h2.sub {
width: 425px;
text-transform: uppercase;
color: #bc1111;
text-decoration: underline;
font-size: 0.9em;
margin: -3px 0 20px 45px;
}

#content .post .date {
width: 40px;
height: 56px;
background: url("images/calendar.png") no-repeat;
float: right;
margin: -18px -9px 0 0;
padding: 8px 0 0 0;
text-align: center;
text-transform: uppercase;
font-weight: bold;
}
#content .post .date_year {
font-size: 9px;
color: #ffffff;
font-weight: normal;
}
#content .post .date_day {
font-size: 16px;
}
#content .post .date_month {
font-size: 10px;
margin-top: -3px;
}

#content .post .cat {
float: right;
margin-top: -10px;
}

#content .post .text {
line-height: 1.45em;
}
#content .post .text h3 {
font-size: 1.1em;
font-weight: bold;
}
#content .post .text img {
border: solid 1px #4e4745;
}
#content .post .text .clip {
height: 250px;
width: 500px;
overflow: hidden;
border: solid 1px #4e4745;
}
#content .post .text .clip img {
width: 500px;
margin: -10% 0;
border: none;
}
#content .post .text .caption {
width: 500px;
text-align: right;
clear: both;
margin: 2px 0 18px 0;
text-transform: uppercase;
font-weight: bold;
font-size: 0.8em;
}
#content .post .text dl dt {
margin-top: 9px;
line-height: 14px;
font-size: 0.9em;
color: #4e4745;
}
#content .post .text dl dd {
margin-left: 45px;
line-height: 14px;
}
/* ParPic: Picture left floated & Paragraphtext = shorter than picture. */
#content .post .text p.parpic {
clear:both;
padding-top: 3px;
}
#content .post .text p.parpic img {
float: left;
margin-right: 10px;
}

#content .page {
margin: 0;
padding: 0 0 18px 0;
font-size: 0.9em;
}
#content .page .next {
margin-left: 9px;
float: left;
}
#content .page .pages {
text-align: center;
}
#content .page .prev {
float: right;
margin-right: 18px;
}

#content .comment {
margin: 0 18px 0 9px;
padding-bottom: 20px;
margin-bottom: 20px;
}
#content.index .comment {
border-bottom: dotted 2px #ebe4e2;
text-align: right;
}
#content .comment .title {
font-size: 1.1em;
text-transform: uppercase;
font-weight: bold;
line-height: 2em;
}
#content .comment ul {
padding: 0;
margin: 0;
list-style: none;
}
#content .comment li {
clear: both;
padding-top:10px;
margin-right: 18px;
border-bottom: dotted 2px #ebe4e2;
}
#content .comment li.alt {
}
#content .comment li div.avatar {
float: left;
margin-right: 9px;
}
#content .comment li div.avatar img {
border: solid 1px #4e4745;
}
#content .comment li .text {
width: 430px;
}

#content .comment #respond {
clear: both;
margin-top: 27px;
}

#content .comment #respond form .caption {
width: 4.5em;
line-height: 2.5em;
float: left;
clear: both;
}
#content .comment #respond form .input {
width: 270px;
line-height: 2.5em;
}
#content .comment #respond form input {
width: 180px;
}
#content .comment #respond form textarea {
width: 500px;
height: 144px;
margin: 9px 0;
}
#content .comment #respond form a {
font-size: 1em;
font-weight: bold;
text-transform: uppercase;
}


/***** sidebar *****/
#sidebar {
width: 200px;
overflow: hidden;
background: #fff8f6;
}

#sidebar #nav {
margin-right: 9px;
margin-bottom: 4px; /* 54 without Google Ads */
font-weight: bold;
color: #756f6f;
}
#sidebar #nav a {
color:#756f6f;
text-decoration: none;
}
#sidebar #nav a:hover {
color:#181414;
}

#sidebar #nav ul {
padding: 0;
margin: 20px 0 0 0;
list-style: none;
}
#sidebar #nav ul li {
text-align: right;
padding: 0 9px 0 0;
line-height: 1.7em;
margin: 0 0 27px 0;
background: #ebe4e2 url("images/nav.png") repeat-y;
}
#sidebar #nav ul li.current_page_item {
background: #bc1111 url("images/nav.png") repeat-y -191px 0px;
}
#sidebar #nav ul li.current_page_item a {
color: #fff8f6;
}
#sidebar #nav ul li ul li.current_page_item {
background: #ebe4e2 url("images/nav.png") repeat-y;
}
#sidebar #nav ul li ul li.current_page_item a, #sidebar #nav ul li.current_page_item ul li a {
color: #756f6f;
}
#sidebar #nav ul li ul li.current_page_item a:hover, #sidebar #nav ul li.current_page_item ul li a:hover {
color: #181414;
}
#sidebar #nav ul li ul {
margin: 0 -9px 0 0;
font-size: 0.9em;
font-weight: normal;
}
#sidebar #nav ul li ul li {
line-height: 1.3em;
padding-top: 6px;
margin: 0;
}
#sidebar #nav ul li ul li ul {
font-size: 1.1em;
padding-bottom: 6px;
}
#sidebar #nav ul li ul li ul li {
line-height: 1em;
padding: 0 9px 0 0;
}
#sidebar #nav ul li ul li ul li a,#sidebar #nav ul li.current_page_item ul li ul li a {
text-decoration:underline;
font-size: 0.7em;
font-weight: normal;
color: #1172bc;
}
#sidebar #nav ul li ul li ul li a:hover,#sidebar #nav ul li.current_page_item ul li ul li a:hover {
color: #00418b;
}


#sidebar #pics {
text-align: right;
margin: 9px;
font-size: 0.8em;
font-weight: bold;
text-transform: uppercase;
min-height: 560px;
}

#sidebar #pics img{
width: 180px;
border: solid 1px #4e4745;
}

#sidebar .googleads {
text-align: right;
margin: 0 0 27px 9px;
}


/***** footer *****/
#footer {
clear: both;
width:730px;
margin:0 auto;
padding: 5px 0 50px 0;
background: #4e4745;
color: #fff8f6;
font-size: 0.7em;
}
#footer a {
color: #fff8f6;
}
#footer #rss {
float: right;
}
#footer .login, #footer .login a {
color: #5e5755;
}