/*
Theme Name: Lizzy Peters
Theme URI: http://www.apollomedia.nl
Description: Theme for Lizzy Peters blog created by ApolloMedia
Version: 0.0.0.0.1
Author: Diederick Huijbers 
Author URI: http://www.roxlu.com
Tags: clean, slick, nice, good, 

	

*/
/* --------------------------- clear -----------------------------------------*/
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, hr {
	margin: 0;
	padding: 0;
	text-decoration: none;
}

ol, ul {
	list-style: none;
}

* {
	margin: 0px;
	padding: 0px;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}

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

body,html {
	height: 100%;
	min-height: 100%;
}

body {
	margin: 0px;
	padding: 0px;
	color: black;
	background-color: white;
	font-family:Times, Georgia, serif;
	font-size: 15px;
	line-height:1.3em;
}

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

h1 {
	font-size: 20px;
}

h2 {
	font-size: 20px;
}

h3 {
	font-size: 15px;
}

span.break {
	display:block;
	height:0px;
	width:200px;
}


.clear {
	clear:both;
}

#navbar h2 a,
#page h2 a {
	text-decoration:none;
}

a img {
	border: none;
}

p {
	line-height:1.3em;
}

#page_content #paging a,
#page_content .meta a {
	text-decoration:none;
}
#page_content #paging a:hover,
#page_content .meta a:hover,
.latest_posts a:hover,
#archive a:hover,
#sub_categories a:hover {
	text-decoration:underline;
}

/* --------------------------- navbar ----------------------------------------*/
#navbar {
	width:300px;
	float:left;
}

#navbar .selected a{
	/*text-decoration:underline;*/
	
}
#navbar h2 {
	margin-top:10px;
	font-size:18px;
	font-weight:bold;
}

div#navbar div#sub_menu h2.submenu a{
	font-weight:normal;
	font-size:17px;	
}

#main_menu h2 {
	margin-top:0;
}

#navbar .sub_categories {
	width:150px;
	float:left;
	border-right:1px solid #BBBBBB;
	margin-top:10px;
}

#navbar .sub_categories h2 {
	margin-top:0px;
}

#navbar #archive {
	margin-top:0px;
	width:130px;
	float:left;
	padding-left:10px;
}

#navbar ul {
	color:#333;
}

#twitter,
#sub_menu,
#main_menu ul,
#cats_and_archives,
.latest_posts {
	border-bottom:2px solid #222;
	padding-bottom:10px;
}

#main_menu {
	border-top:4px solid #222;
}

#sub_menu ul,
#main_menu ul {
	height:20px;
	padding-top:11px;
}

#sub_menu li,
#main_menu li {
	float:left;
	margin-right:6px;
}

#sub_menu h2,
#main_menu h2 {
	display:inline;
}

#main_menu li {
	margin-right:4px;
}
#sub_menu h2.submenu.dash {
	margin-left:6px;
}

#rss {
	border-top:2px solid #222;
	border-bottom:2px solid #222;
	margin-bottom:20px;
	padding-bottom:5px;
}

#rss_wrapper h2 img {
	float:right;
	margin-right:8px;
}

#gallery_image img{
	width:100%;
	padding-top:5px;
	padding-bottom:10px;
}

#gallery_image h2 {
	font-size:18px;
}
/* --------------------------- gallery ---------------------------------------*/
ul#gallery {
	border-top:4px solid #222222;
	padding-top:10px;
}

ul#gallery li {
	margin-bottom:10px;
}

/* --------------------------- twitter ---------------------------------------*/
#twitter h2 {
	float:left;
	left:0px;
	margin-right:5px;
	margin-top:12px;
	
}
#twitter {
	position:relative;
	padding-top:10px;
	height:20px;
	cursor:pointer;
}
#music_issues span,
#twitter span {
	font-size:18px;
	font-style:italic;
	color:#aaa;
}

#twitter span {
	position:relative;
	top:12px;
	left:0;
}

#twitter_wrapper img {
	float:right;
	margin-top:12px;
}

#twitter_wrapper {
	width:294px;
	position:absolute;
	left:0;
	top:0;
}

.navbar_safari #music_issues #issue, 
.navbar_chrome #music_issues #issue {
	position:relative;
	top:-2px;
}

.navbar_chrome #twitter #tweet, 
.navbar_safari #twitter #tweet {
	position:relative;
	top:10px;
}

/*---------------------------- header ----------------------------------------*/
#header {
	position:relative;
	top:-10px;
	left:0;
	height:120px;
	margin-bottom:40px;
}
#header_img {
	position:relative;
	width:319px;
	height:120px;
	border-right:1px solid black;
}
#header_img img {
	position:absolute;
	top:60px;
	left:-3px;
}

#lizzy {
	position:absolute;
	left:340px;
	top:84px;
}

/* --------------------------- site ------------------------------------------*/
#site {
	position:absolute;
	width:960px;
	left:50%;
	top:10px;
	margin-left:-480px;
}

/* --------------------------- posts -----------------------------------------*/
a.read_more {
	text-decoration:underline;
}


/* --------------------------- page ------------------------------------------*/
#page_content {
	margin-left:319px;
	width:600px;
	border-left:1px solid #BBB;
}

#page {
	margin-left:22px;
}

div.post,
li.post {
	border-top:4px solid #3B3B3B;
	padding-top:10px;
	margin-bottom:10px;
	position:relative;
}

div.post p.meta,
li.post p.meta {
	margin-top:15px;
	color:#666;
}

#page_content a {
	text-decoration:underline;
}

div.post h2,
li.post h2 {
	font-size:22px;
	font-weight:bold;
	margin-bottom:10px;
}
div.post img.attachment-post-thumbnail,
li.post img.attachment-post-thumbnail {
	display:block;
}

div.post p,
div.post img.attachment-post-thumbnail, 
li.post img.attachment-post-thumbnail,
li.post p {
	margin-bottom:15px;
}

.post .numeric_date {
	position:absolute;
	top:13px;
	right:2px;
	font-size:21px;
	
}

div.content .meta {
	color:#666;
}

ul.posts li.linked {
	cursor:pointer;
}


/*------------------------- comments list ------------------------------------*/
.comment_heading {
	padding-bottom:8px;
	border-bottom:1px dashed black;
}

ul.comments li {
	border-bottom:1px dashed black;
}

ul.comments div.comment_content {
	padding-bottom:15px;
	padding-top:15px;
}

.comment_post_heading h2 {
	font-size:16px;
	display:block;
	margin-bottom:15px;
}

ul.comments li .meta a,
ul.comments li .meta {
	color:#666;
}

ul.comments li .meta a {
	text-decoration:underline;
}
/*------------------------- comment form -------------------------------------*/
.comment_form_wrapper {
	margin-top:10px;
}

#comments {
	padding-top:10px;
	border-top:4px solid #3b3b3b;
}

.form_row {
	margin-bottom:8px;	
	position:relative;
}

.form_row label {
	margin-left:4px;
	color:#666;
}

#searchform input,
.form_row input,
.form_row textarea {
	border:1px solid #BBB;
	padding:4px;
	margin-right:5px;
}

.form_row input,
.form_row textarea,
#searchform input,
input#submit {
	font-family:Times, serif;
	font-size:13px;
	color:#3b3b3b;
}

textarea#comment {
	width:560px;
	height:80px;
}

#searchform input,
input#submit {
	background-color:white;
	padding-top:5px;
	height:25px;
}

#comment_form .validation-advice {
	text-decoration:underline;
	position:absolute;
	top:4px;
	right:0px;
	font-size:13px;
}
#comment_form #advice-required-email {
}
#comment_form #advice-required-author {
}

#comment_form .error {
	display:inline;
	margin-left:10px;
}

/* --------------------------- footer ----------------------------------------*/
#footer {
	margin-left:20px;
	margin-top:10px;
	font-size:12px;
	text-align:left;
}
#footer a {
	color:#3b3b3b;
}
#footer .footer_wrapper {
	padding:10px;
	border-top:4px solid #3b3b3b;
	color:#3b3b3b;
	padding-left:0px;
}

/*----------------------- archive page ---------------------------------------*/
#archive_cats {
	border-top:4px solid #3b3b3b;
	padding-top:10px;
}

#archive_cats #archive {
	float:left;
	width:200px;
}
#archive_cats #sub_categories {
	margin-left:200px;
}

/*----------------------- search form ----------------------------------------*/
#searchform {
	margin-bottom:10px;
}
#searchform .screen-reader-text {
	display:none;
}

#searchform #searchsubmit {
	position:relative;
	padding:5px;
	text-transform:uppercase;
	padding-bottom:5px !important;
	margin-top:-1px;
	height:27px !important;
	margin-right:0px;
}

#searchform #s {
	width:213px;
	height:15px;
	padding-top:6px;
	font-style:italic;
	color:#666;
}
.posts.search_result .wp-post-image {
	position:absolute;
	right:0;
	top:0;
}

.posts.search_result li.post h2 {
	margin-top:8px;
	margin-bottom:3px;
}
.posts.search_result li.post {
	border-top:0;
	border-bottom:1px dashed #3b3b3b;
	padding-bottom:20px;
	padding-top:2px;
}
.posts.search_result .meta{
	margin:0;
}

h2.search_heading {
	border-top:4px solid #3b3b3b;
	padding-top:10px;
	height:25px;
}
ul.posts.search_result {
	border-top:1px dashed #3b3b3b;
	padding-top:10px;
}

/*------------------------- music issues navbar ------------------------------*/
#music_issues_wrapper {
	border-bottom:2px solid #222;
	height:23px;
	padding-top:13px;
	padding-bottom:6px;
}
#music_issues_wrapper a {
	position:relative;
	left:-6px;
}
#music_issues_wrapper h2 {
	float:left;	
	margin-top:0px;
	width:65px;
}
/*------------------------- paging -------------------------------------------*/
#paging {
	border-top:2px solid #222;
	border-bottom:1px solid #222;
	padding-top:10px;
	padding-bottom:8px;
	position:relative;
}
#page_content #paging .current {
	text-decoration:underline;
}

#paging .next {
	position:absolute;
	right:3px;
	top:10px;
}

/*------------- kleur -------------*/
/* border color navigation */
#music_issues_wrapper,
#twitter,
#sub_menu,
#main_menu ul,
#cats_and_archives,
.latest_posts,
#rss,
#main_menu { 
	border-color:#222;
}
/* borders content */
#paging,
div.post,
li.post {
	border-color:#222;
}

#page .content.post h2,
.page-numbers.current,
span.numeric_date,
#page p a,
#page p.meta, 
#navbar h2,
#navbar h2 a,
#page h2 a,
p,a,
#page p {
	color:#222;
}


#navbar #rss_wrapper,
#navbar .latest_posts ul a,
#navbar .sub_categories ul a,
#navbar #archive ul a{
	color:#777;
}