/*
Theme Name: EcoBlogger3
Theme URL: http://www.ecoblogger.be/
Version: 3.01
Author: Bert Stassen
Copyright: (c) 2009 EcoBlogger.be, a personal blog by Bert Stassen
All rights reserved unless otherwise noted
*/

/*----reset styling - reset.css----*/

html,body,div,span,h1,h2,h3,h4,h5,h6,p,blockquote,a,cite,code,del,dfn,em,font,img,ins,s,strong,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td 
{margin:0;padding:0;border:0;outline:0;vertical-align:baseline;text-decoration:none;}
ol,ul {list-style:none;}
blockquote,q {quotes:none;}
del {text-decoration:line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse:collapse;border-spacing:0;}

/*----fonts----*/
#container {width:900px;margin-left:0;padding-top:5px;margin-left:auto;margin-right:auto;}
body {line-height:1;background:#FFF;color:#333;font-family:"Lucida Grande", helvetica, arial, verdana, sans-serif;font-size:62.5%;}
p {font-size:1.2em;line-height:1.5em;font-weight:normal;}
li {font-weight:normal;}
a, strong {color:#222/*#316B99*/;font-weight:bold;}
a:hover {color:#316B99/*#D38314*/;border-bottom:1px dotted #316B99;}
h3, h4, h5 {font-size:12px;line-height:22px;color:#333;padding:20px 0 10px 0;font-weight:bold;}
.title {font-size:12px;line-height:22px;color:#333;border-bottom:1px dotted #bbb;padding:1px 0 4px 0; margin:0 0 10px 0;font-weight:bold;}

/*----upper-menu----*/
#upper-menu {height:13px;width:100%;clear:both;}
#upper-menu #pages {float:left;}
#upper-menu #meta {float:right;}
#upper-menu a {display:block;font-size:11px;line-height:14px;margin:0 10px 0 0;font-weight:normal;}
#upper-menu li {float:left;}

/*----main-title----*/
#main-title {width:100%;height:140px;overflow:hidden;clear:both;border-bottom:1px solid #333;clear:both;}
#main-title .title {font-size:70px;line-height:245px;font-weight:bold;padding-left:15px;}
#main-title .title a {color: #222;}
#main-title .amp {font-weight:normal;font-style:italic;color:#316B99;font-family:Palatino, Baskerville, Georgia,"Times New Roman", sans-serif;}

/*----menu-box----*/
#menu-box {height:15px;overflow:hidden;width:900px;}
#menu-box:hover, #menu-box.sfhover {	height:auto;border-bottom:1px solid #ccc;}
#menu-box .rss a:hover {border-bottom:1px dotted #000;}
#menu-list1 {float:right;font-size:12px;overflow:hidden;height:22px;}
#menu-list1 ul{}
#menu-list1 li {font-size:1.0em;font-weight:bold;width:135px;float:left;margin:0 15px 0 0;}
#menu-box .rss {padding-left:16px;background:transparent url(images/feed-icon.gif) no-repeat center left;width:119px;}
#menu-list2 {float:left;font-size:1.2em;padding:5px 0 0 150px;}
#menu-list2 ul {float:left;	display:block;width:150px;padding-top:3px;}
#menu-list2 li {color:#777;font-size:9px;float:left;text-align:right;display:block;width:135px;margin-right:15px;}
#menu-list2 li a {font-size:12px;float:left;font-weight:normal;}
#menu-list2 li a img {margin:4px 0 0 2px;height:8px;width:8px;}

/*----subtitle----*/
#subtitle {width:100%;padding:10px 0 40px 15px;}
#subtitle .title {font-size:14px;line-height:18px;font-weight:normal;border-style:none;}
#subtitle h1 {font-size:14px;line-height:18px;font-weight:normal;display:inline;}
#subtitle .amp {font-weight:normal;font-style:italic;color:#777;font-family:Palatino, Baskerville, Georgia,"Times New Roman", sans-serif;}

/*----contentColumn----*/
#contentColumn {margin:0 15px 30px 0;width:585px;float:left;}
#contentColumn #subsubtitle {border-top:1px solid #333;padding:95px 0 5px 0;}
#contentColumn #subsubtitle .title {font-weight:bold;font-size:12px;padding:0 0 0 15px;}
#contentColumn #subsubtitle .empyt {border-bottom:none;}
#contentColumn .first-post {width:100%;display:block;clear:both;}
#contentColumn .post {border-top:1px dotted #bbb;width:100%;display:block;clear:both;padding:14px 0 0 0;}
#contentColumn .postMeta {width:120px;float:left;padding:6px 0 0 0;}
#contentColumn .postDate {}
#contentColumn .postComments {}
#contentColumn .entry {width:435px;float:right;padding:0 0 20px 0;}
#contentColumn .wide {width:100%;padding:0 0 20px 0;}
#contentColumn h2 {font-size:20px;font-weight:normal;padding:6px 0 18px 0;width:300px;}
#contentColumn h2 a {font-weight:normal;}
#contentColumn p {padding:0 0 15px 0;}

	/*----postMeta----*/
	.postMeta {font-size:11px;font-weight:normal;}
	.postDate {font-size:20px;display:block;color:#bbb;/*font-family:Palatino, Baskerville, Georgia,"Times New Roman", sans-serif;*/}
	.day-year {font-size:32px;}
	.month {}
	.postComments {background:url(images/icn-comment.gif) no-repeat 0 2px;color:#000;padding:2px 0 0 13px;display:block;margin:5px 0 0 0;}
	.postComments a {color:#000;font-weight:normal;}

	/*----entry----*/
	#contentColumn .entry ul {padding:0 0 15px 0;}
	#contentColumn .entry li {font-size:1.3em;background-image: url(images/bullet_13x11.gif);background-repeat: no-repeat;background-position: 0 8px;line-height:1.5em;padding:4px 0 4px 15px;}
	#contentColumn .entry li li {font-size:1em;}
	#contentColumn .entry li p {font-size:1em;}

	/*----YARP etc----*/
	.yarp {width:435px;float:right;padding:0 0 20px 0;}
	.yarp p {margin:0 0 -8px 0;}
	.yarp ul {margin:0 0 15px 0;}
	.yarp li {font-size:12px;background-image: url(images/bullet_13x11.gif);background-repeat: no-repeat;background-position:0 5px;line-height:1.5em;padding:2px 0 0 15px;}
	abbr {display:none;}

	/*----related----*/
	.related {font-size:12px;width:435px;float:right;padding:0 0 10px 0;margin:-15px 0 0 0;}
	.related p {font-size:12px;margin:0 0 -8px 0;line-height:1.5em;padding:5px 0 0 0;}
	.related li {font-size:12px;background-image: url(images/bullet_13x11.gif);background-repeat: no-repeat;background-position:0 5px;line-height:1.5em;padding:2px 0 0 15px;font-weight:normal;}
	.related .id {font-style:italic;}

/*----comments----*/

#commentsContainer {width:435px;float:right;padding:0 0 20px 0;}

.commentlist li span.says {display:none;}
.commentlist li.comment p {padding:0 6px;}
.commentlist li.comment .reply {position:absolute;top:8px;right:3px;}
.commentlist li.comment .reply a {font-size:11px;color:#00508e;background:url(images/icn-add.gif) no-repeat left center;padding-left:12px;}
.commentlist li.comment .reply a:hover {text-decoration:underline;}
.commentlist ul,.commentlist ol,.commentlist blockquote {margin:0 30px;line-height:14px;}
.commentlist blockquote {font-style:italic;color:#777;border-left:1px solid #ccc;padding-left:7px;}
.commentlist ul li {margin:0 0 7px;background:url(images/icn-li.gif) no-repeat 0 1px;padding-left:14px;}
.commentlist ol li {list-style:decimal;margin-bottom:7px;}
.commentlist ul.children {margin:20px 0 0;}
.commentlist ul.children li.comment {margin:0 0 0 5px;}
.commentlist li.comment {border-top:1px solid #ccc;background:none!important;margin:0 0 0 -36px;padding:0 0 15px 40px;position:relative;}
.commentlist li.comment.bypostauthor {border-color:#00508e;}
.commentlist li.pingback, .commentlist li.trackback {background: url(images/icn-ping.png) no-repeat -1px 2px;padding:0 0 15px 38px;margin:0 0 0 122px;}
.commentlist li.pingback p, .commentlist li.pingback .reply,
.commentlist li.trackback p, .commentlist li.trackback .reply {display:none;}

#commentsContainer #respond h3 {border-bottom:1px solid #ccc;margin:0 0 20px 0;}
#commentsContainer h3#comments, #commentsContainer #respond h3 {font-size:1.3em;color:#00508e;padding:14px 0 5px;}
#commentsContainer h3#comments {border-top:1px solid #00508e;}
#commentsContainer h3#comments a {color:#00508e;}
#commentsContainer h3#comments a:hover {color:#000;}
#commentsContainer #respond {margin:20px 0 0;position:relative;}
#commentsContainer .comment #respond h3,#commentsContainer .comment #commentFormWrapper {margin-left:0;}
#commentsContainer .comment #commentFormWrapper p {padding:0;}
#commentsContainer .cancel-comment-reply {position:absolute;top:15px;right:4px;}
#commentsContainer .cancel-comment-reply a {font-weight:bold;}
#commentsContainer .navigation {padding-bottom:15px;}
#commentsContainer .navigation .prev a {float:left;}
#commentsContainer .navigation .next a {float:right;}
#commentsContainer .navigation a {display:block;padding:4px 7px;border:1px solid #ccc;color:#00508e;}
#commentsContainer .navigation a:hover {background:#00508e;border-color:#00508e;color:#fff;}

.commentlist li.comment .comment-author,.commentlist li.pingback .comment-author {	position:relative;	padding:7px 0 0 5px;}
.commentlist li.comment .comment-meta,.commentlist li.pingback .comment-meta {padding:0 0 0 5px;font-size:11px;margin:0 0 15px;}

.comment-author img.avatar {position:absolute;top:0;left:-40px;border-left:1px solid #ccc;border-bottom:1px solid #ccc;padding:4px 0 4px 4px;}

.comment.bypostauthor img.avatar {border-color:#903000;}
.comment.bypostauthor img.avatar,.comment.bypostauthor .children .comment.bypostauthor img.avatar {border-color:#903000;}
.comment.bypostauthor .children .comment img.avatar {border-color:#ccc;}

.fn {font-size:1.2em;font-weight:bold;}
.sm-label {font-size:0.9em;}
#commentform p {margin:0 0 1em;}
input#author,input#email,input#url,textarea#comment {font-size:1em;font-family:arial,verdana,sans-serif;color:#333;border:1px solid #bbb;	padding:4px;margin-right:4px;}
textarea#comment {	width:97%;overflow:auto;}

/*----sidebarColumn----*/
#sidebarColumn {margin:0 0 25px 0;width:230px;float:right;}
#sidebarColumn .section {padding:10px 0 25px 0;clear:both;}
/*{font-size:11px;font-weight:bold;padding:0 0 4px 0;}*/
#sidebarColumn p {font-size:12px;padding:8px 0 8px 0;}
.separator {height:10px;clear:both;width:100%;}

	/*----search-form----*/
	#sidebarColumn kbd {font-family: "Monaco", "Courier New", fixed;font-size: 1em;text-transform: uppercase;}
	#sidebarColumn input {width: 199px;margin: 0 0 1em 0;padding: 6px 6px 6px 23px;border: 1px solid #ccc;
	background: transparent url(images/bg-search.gif) no-repeat 7px center;font-size: 1.1em;float:left;}
	#sidebarColumn .search-field {padding: 0;}
	#sidebarColumn .bullet-list {padding:3px 0 3px 0;}
	#sidebarColumn .bullet-list li {padding:4px 0 4px 15px;background-image: url(images/bullet_13x11.gif);background-repeat: no-repeat;background-position: 0 8px;font-size:12px;line-height:1.5em;}

	/*----category----*/
	#menu-box {padding:10px 0 10px 0;clear:both;}
	.category {width:100%;min-height:75px;margin:8px 0 8px 0;clear:both;background-color:#EEE/*#E0DFD1*/;}
	.category img {float:left;width:81px;height:75px;/*border:5px solid #eee;*/margin:0 10px 0 0;}
	.category .category-list {float:left;width:135px;}
	.category .sub-title {font-size:12px;color:#333;padding:5px 0 10px 0;font-weight:bold;}
	.category li {color:#777;font-size:9px;float:left;text-align:right;display:block;width:135px;padding:1px 0 1px 0;}
	.category a {font-size:12px;font-weight:normal;float:left;}
	.category .category-list a img {margin:4px 0 0 2px;height:8px;width:8px;border:none;}

/*----categories----*/
#categories {margin:35px 0 0 0;width:100%;clear:both;}
#cat-list {line-height:1.6em;padding-bottom:35px;margin-left:150px;padding-top:10px;}
#categories .title {width:750px;border-bottom:1px dotted #bbb;height:20px;overflow:hidden;margin:0 0 0 150px;}
#categories .title h4 {font-size:26px;line-height:28px;font-weight:normal;padding-left:15px;}
#categories li {color:#777;font-size:9px;float:left;text-align:right;display:block;width:135px;margin-right:15px;}
#categories li a {font-size:12px;/*font-weight:normal;*/float:left;}
#categories li a img {margin:4px 0 0 2px;height:8px;width:8px;}

/*----footer----*/
#footer {width:100%;height:55px;padding-top:10px;overflow:hidden;}
#footer .title {font-size:50px;line-height:88px;font-weight:bold;padding-left:15px;color:#222;}
#footer .amp {font-weight:normal;font-style:italic;color:#666;font-family:Palatino, Baskerville, Georgia,"Times New Roman", sans-serif;}

/*----footnotes----*/
#footnotes {width:100%;height:40px;border-top: 1px solid #333;padding-top:10px;padding:0 0 50px 0;}
#footnotes p {font-size:11px;line-height:18px;}
#footnotes a {font-weight:bold;color:#222;}
#footnotes .rss {padding-left:16px;background:transparent url(images/feed-icon.gif) no-repeat center left;}
#footnotes .rss a:hover {border-bottom:1px dotted #000;}
