/*********************************************************************************************

Theme Name: Pieter Hertogs
Description: Designed by Pieter Hertogs
Version: 1.0.0
Author: Pieter Hertogs
Author URI: http://www.pieterhertogs.be/

**********************************************************************************************

Designed and Built by Jason Schuller - theSevenFive.com

CSS, XHTML and Design Files are all Copyright 2007-2010 Circa75 Media, LLC

Be inspired, but please don't steal :)

**********************************************************************************************

0.  CSS Reset  -------------------------  All Theme Files
1.  Basic Setup  -----------------------  All Theme Files
2.  Header Styles  ---------------------  header.php
3.  Navigation and Menu Styles  --------  header.php
4.  Main Content Styles  ---------------  index.php, single.php, page.php
5.  Flickr Specific Styles  ------------  home.php
6.  Twitter Specific Styles  -----------  home.php
7.  Delicious Specific Styles  ---------  home.php
8.  Last.FM Specific Styles  -----------  home.php
9.  Feed Specific Styles  --------------  home.php
10. Post Comment Styles  ---------------  comments.php
11. Footer Styles  ---------------------  footer.php
12. WordPress Specific Styles  ---------  home.php, index.php, single.php, page.php

**********************************************************************************************/


/********************************************************************************************* 

0.  CSS Reset  -------------------------  All Theme Files

*********************************************************************************************/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
margin: 0;
padding: 0;
}

table {
border-collapse: collapse;
border-spacing: 0;
}

fieldset, img {border: 0;}

address, caption, cite, code, dfn, em, strong, th, var {
font-style: normal;
font-weight: normal;
}

ol, ul {list-style: none;}
caption, th {text-align: left;}

h1, h2, h3, h4, h5, h6 {
font-size: 100%;
font-weight: normal;
}

q:before, q:after {content: '';}
abbr, acronym {border: 0;}


/*********************************************************************************************

1.  Basic Setup  -----------------------  All Theme Files

*********************************************************************************************/
body {
width: auto;
height: auto;
font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
font-size: 62.5%;
color: #555555;
border: 7px solid #ccc;
line-height: 1.5;
}

#wrapper {
	width: 960px;
	margin: 0 auto;
	}

h1 {
font-size: 36px;
font-weight: bold;
}

h2, h3 {
font-weight: bold;
margin: 0 0 5px 0;
}

strong {font-weight: bold;}

a:link, a:visited {
color: #333;
text-decoration: underline;
}

a:hover {
color: #000066;
}

abbr,acronym {
border-bottom: 1px dotted;
cursor: help;
} 

em {font-style: italic;}
ol,ul {margin: 0;}
ol li {list-style: decimal outside;}
ul li {list-style: none;}

th,td {
border: 1px solid;
padding: 8px;
}

th {
font-weight:bold;
text-align:center;
}

caption {
margin-bottom: 8px;
text-align: center;
}

p,fieldset,table {margin-bottom: 10px;}
a:link, a:visited {text-decoration: none;}

:focus {
outline: 0;
}

.alignleft {
float: left;
}

.alignright {
float: right;
}


/*********************************************************************************************

2.  Header Styles  ---------------------  header.php

*********************************************************************************************/
#header {
width: 960px;
background-color: #FFFFFF;
}

#header a {
background: none;
}

#logo {
width: 400px;
float: left;
}
#logo h1 {
text-indent: -5000px;
background-image:url(images/logo.jpg);
background-repeat: no-repeat;
background-position: left bottom;
height: 65px;
}

/*********************************************************************************************

3.  Navigation and Menu Styles  --------  header.php

*********************************************************************************************/
#menu {
width: 500px;
float: right;
}

#menu ul {
list-style: none;
width: 485px;
float: right;
padding: 30px 0 0 0;
}
#menu li {
}
#menu a {
font-size: 16px;
font-weight: bold;
float: right;
margin: 0 0 0 20px;
}

#menu a:hover {
color: #ED228E;
}

/*********************************************************************************************

4.  Main Content Styles  ---------------  index.php, single.php, page.php

*********************************************************************************************/
#content {
float: left;
}

#content #tagline {
line-height: 130%;
margin: 60px 0 30px 0;
font-weight:600;
padding: 0 0 30px 0;
border-bottom: 1px solid #ccc;
width: 960px;
}

#content #tagline p {
font-variant:normal;
font-size: 3.6em;
line-height: 130%;
font-weight:600;
margin: 20px 0 0 0;
}


#content h2 {
font-size: 2.4em;
}
#content h3 {
background-color: #666;
color: #FFF;
padding: 1px 10px;
float: left;
font-size: 1.4em;
border: 1px solid #FFF;
margin: 0 0 30px 0;
}

#blog {
width: 630px;
float: left;
}
#blog .content-item {
width: 630px;
margin: 0 10px 20px 0;
padding: 0 0 0 0;
font-size: 1.2em;
}
#blog .content-dets {
width: 310px;
display: block;
margin: 0 0 10px 0;
float: none;
}
#blog .wp-post-image {

}

#blog .content-body {
float: none;
font-size: 1.2em;
}

#blog .content-body a {
text-decoration: underline;
}
#blog ul li {
margin-bottom: 10px;
}
.content-item {
width: 310px;
float: left;
margin: 0 10px 20px 0;
padding: 0 0 0 0;
}

.last-item {
border-bottom: none;
}
.content-item h2 {
margin: 10px 0 10px 0;
}

.entry {
padding-right: 15px;
}


.entry img {
background: #323232;
padding: 10px;
}

.entry h3 {
margin-top: 15px;
}


.content-dets {
width: 210px;
float: left;
color: #ED228E;
}

.content-dets a, .content-dets-alt a {
font-weight: normal;
}

.content-dets-alt {
width: 210px;
float: left;
}

ul.dets {
list-style: none;
font-size: 10px;
}

.dets li {
margin: 0 0 -5px 0;
}
.content-body {
float: left;
}
.subscribe-link {
background: url(images/rss.png) left no-repeat;
padding: 0 0 0 25px;
}

.comments-link {
padding: 0 0 0 25px;
}

#mediawrapper {
clear: both;
background-image:url(images/body_bg.jpg);
background-repeat:repeat-x
}

#socialmedia {
width: 960px;
margin: 0 auto;
padding: 25px 0;
}
#socialmedia h3 {
background-color: #666;
color: #FFF;
padding: 1px 10px;
float: left;
font-size: 1.4em;
border: 1px solid #FFF;
margin: 0 0 30px 0;

}

/*********************************************************************************************

5.  Flickr Specific Styles  ------------  home.php

*********************************************************************************************/
#flickr-feed img {
background: #ccc;
width: 75px;
height: 75px;
padding: 3px;
margin: 0 11px 11px 0;
}
.flickr-title {
}
.flickr-link {
background: url(images/flickr.png) left no-repeat;
padding: 0 0 0 25px;
}

#preview{
position:absolute;
display:none;
}

#preview img {
background: #323232;
padding: 10px;
}


/*********************************************************************************************

6.  Now reading Specific Styles  ------------  home.php

*********************************************************************************************/

#now-reading {
width: 150px;
}

.now-reading ul li {
	height: 100px;
	text-align:center;
	padding: 3px;
	background-color:#CCCCCC;
	float:left;
	margin: 0 15px 15px 0;
}

.now-reading ul li img {
	height: 100px;
}



/*********************************************************************************************

7.  Twitter Specific Styles  ------------  home.php

*********************************************************************************************/
#twitter-feed {
padding-bottom: 0;
}

#twitter-feed img {
background: #323232;
width: 42px;
height: 42px;
float: left;
padding: 8px;
margin: 0 10px 0 0;
}

.tweet {
border-bottom: 1px solid #EFEFEF;
width: 300px;
float: left;
margin: 0 0 10px 0;
padding: 0 0 10px 0;
}

.twitter-link {
background: url(images/twitter.png) left no-repeat;
padding: 0 0 0 25px;
}

#twitter-last-item {
background: #FFFFFF;
width: 300px;
height: 1px;
float: left;
margin: -11px 0 0 0;
}

.time {
color: #CCCCCC;
font-size: 10px;
width: 300px;
float: left;
margin: -2px 0 0 0;
}

p.text {
padding-right: 15px;
}


/*********************************************************************************************

7.  Delicious Specific Styles  ---------  home.php

*********************************************************************************************/
#delicious-feed {
padding-bottom: 0;
}

.delicious-link {
background: url(images/delicious.png) left no-repeat;
padding: 0 0 0 25px;
}

#delicious li {
border-bottom: 1px solid #EFEFEF;
width: 660px;
float: left;
margin: 0 0 10px 0;
padding: 0 0 0 0;
}

#delicious-last-item {
background: #FFFFFF;
width: 660px;
height: 1px;
float: left;
margin: -11px 0 0 0;
}

#delicious h2 {
margin-top: 4px;
}

#delicious p {
padding-right: 15px;
}


/*********************************************************************************************

8.  Last.FM Specific Styles  -----------  home.php

*********************************************************************************************/

#lastfm-feed {
width: 150px;
}

#lastfm-feed img {
background: #ccc;
width: 75px;
height: 75px;
padding: 3px;
margin: 0 11px 11px 0;
}

.lastfm-link {
background: url(images/lastfm.png) left no-repeat;
padding: 0 0 0 25px;
}


/*********************************************************************************************

9.  Feed Specific Styles  --------------  home.php

*********************************************************************************************/
#posterous {
width: 200px;
float:right;
}

#posterous p {
display:none;
}

#posterous h2 {
font-size: 1.2em;
}
.rss-feed-link {
background: url(images/sevenfive.png) left no-repeat;
padding: 0 0 0 25px;
}

#feed li {
border-bottom: 1px solid #EFEFEF;
width: 200px;
float: left;
margin: 0 0 0 0;
padding: 0 0 0 0;
}

#feed-last-item {
background: #FFFFFF;
width: 200px;
height: 1px;
float: left;
margin: -11px 0 0 0;
}

#rss-feed h2 {
margin-top: 4px;
}


/*********************************************************************************************

10. Post Comment Styles  ---------------  comments.php

*********************************************************************************************/
#reply_form {
width: 604px;
margin: 0 0 0 0;
padding: 8px;
float: left;
}

.comment-author {
font-weight: normal;
}

.comment-meta {
font-size: 10px;
font-weight: normal;
margin: 0 0 10px 0;
}

img.avatar {
float: right;
margin: 2px 0 15px 15px;
padding: 8px;
background: #323232;
}

ul.commentlist {
margin: -22px 0 0 0;
padding: 0;
}

ul.commentlist a:link, ul.commentlist a:visited {
color: #4A4A4A;
}

ul.commentlist a:hover {
color: #4A4A4A;
text-decoration: underline;
}

ul.commentlist cite {
font: 15px 'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;
font-weight: bold;
}

ul.commentlist li.alt {
padding: 20px 0 20px 0;
border-bottom: 1px solid #E3E4E7;
}

ul.commentlist li {
padding: 20px 0 20px 0;
border-bottom: 1px solid #E3E4E7;
}

ul.commentlist li div.reply {
cursor: pointer;
background: url(images/reply.jpg) top left no-repeat;
border: none;
width: 39px;
height: 20px;
padding: 0 0 0 7px;
}

* + html ul.commentlist li div.reply {
line-height: 1.3em;
}

ul.commentlist li div.reply a {
background: #323232;
color: #FFFFFF;
font-weight: normal;
text-decoration: none;
font-size: 10px;
float: left;
padding: 2px 8px 2px 8px;
margin: 0 0 0 -8px;
}

ul.commentlist li ul.children { 
list-style: none; 
margin: 0;
padding: 0;
text-indent: 0; 
}

ul.commentlist li ul.children li {
padding: 20px 0 0px 20px;
border-bottom: none;
}

ul.commentlist li ul.children li.alt {
padding: 20px 0 0px 20px;
border-bottom: none;
}

ul.commentlist li ul.children li.depth-2 { margin:0; }
ul.commentlist li ul.children li.depth-3 { margin:0; }
ul.commentlist li ul.children li.depth-4 { margin:0; }
ul.commentlist li ul.children li.depth-5 { margin:0; }

#comments-last-item {
float: left;
margin: -1px 0 0 0;
background: #FFFFFF;
width: 660px;
height:1px;
}

input#submit {
background: url(images/submit.png) top left no-repeat;
border: none;
cursor: pointer;
color: #FFFFFF;
width: 82px;
height: 34px;
margin: 0 0 5px 0;
}

#comment {
background: url(images/fields.jpg) top left repeat-x;
border: 1px solid #CACACA;
font-family: 'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;
font-size: 12px;
line-height: 20px;
color: #666666;
width: 648px;
height: 215px;
padding: 5px;
}

#author, #email, #url {
background: url(images/fields.jpg) top left repeat-x;
border: 1px solid #CACACA;
font-family: 'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;
font-size: 12px;
color: #666666;
width: 200px;
height: 20px;
padding: 5px;
}

.fieldset {
list-style: none;
margin: 0;
padding: 0;
}

.fieldset li {
margin: 0 0 10px 0;
padding: 0;
}

.says {display:none;}


/*********************************************************************************************

11. Footer Styles  ---------------------  footer.php

*********************************************************************************************/
#footer {
width: 960px;
padding: 0 0 20px 0;
margin: 0 auto;
}


/*********************************************************************************************

12. WordPress Specific Styles  ---------  home.php, index.php, single.php, page.php

*********************************************************************************************/
.wp-caption img {
margin-bottom: 5px;
padding:5px;
background-color:#FFFFFF;
}

.wp-caption-text {
color:#FFFFFF;
text-align:center;
padding-top: 5px;
padding-bottom: 5px;
width: auto;
font-weight: bold;
text-transform: uppercase;
}

code {
font: 1.1em 'Courier New', Courier, Fixed;
}

img.centered {
display: block;
margin-left: auto;
margin-right: auto;
}

img.alignright {
margin: 5px 0 15px 20px;
display: inline;
}

img.alignleft {
margin: 5px 20px 15px 0;
display: inline;
}

.alignright {
float: right;
margin-left: 15px;
}

.alignleft {
float: left;
margin-right: 15px;
}

acronym, abbr, span.caps {
cursor: help;
}

acronym, abbr {
border-bottom: 1px dashed #999;
}

blockquote {
margin: 15px 30px 0 10px;
padding-left: 20px;
border-left: 5px solid #EFEFEF
}

blockquote cite {
margin: 5px 0 0;
display: block;
}

.center {
text-align: center;
}

.hidden {
display: none;
}

hr {
display: none;
}

a img {
border: none;
}

.aligncenter,
div.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}

.wp-caption {
text-align: center;
background-color: #FFF;
padding: 10px 5px 0 5px;
margin-bottom: 5px;
}

.wp-caption img {
margin: 0;
padding: 0;
border: 0 none;
}

.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
padding: 4px 4px 5px;
margin: 0;
background: none;
color: #333;
}


/* CLEARFIX */

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}