/*
Theme Name: ecoist
Theme URI: http://ecoist.ca
Description: think, dream, create
Version: 2.1
Author: Michael Price
Author URI: http://ecoist.ca
*/

@import url('reset.css');
@import url('wordpress.css');

body {font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Arial, sans-serif; font-size:62.5%; text-align:center; color:#524b40; background:#f5f4f0 url(images/bg-body.png) repeat top left; margin:0 0 20px;}

a {color:#bc9d45; text-decoration:none; outline:none;}
a:hover {color:#b24926; text-decoration:none;}

a img {border:none;}

h1, h2, h3, h4, h5, h6 { padding:10px 0; line-height:1.0em;}

h1 {font-size:24px;}
h2 {font-size:20px;}
h3 {font-size:16px;}
h4 {font-size:14px;}
h5 {font-size:12px;}
h6 {font-size:12px;}

p {margin:0 0 15px; line-height:2.0em;}

ul, ol, dl {margin:0 0 15px 0; line-height:2.0em;}
li, dd {margin-bottom:5px;}

blockquote {padding:15px 20px 5px 20px; margin:15px 0; color:#756b5b; background:#dfddd8; border-left:10px solid #524b40; font-family:Palatino,Georgia,"Times New Roman",sans-serif; font-style:italic; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px;}

pre, code, tt, kbd {font-family:Palatino,Georgia,"Times New Roman",sans-serif; font-style:italic; font-weight:normal; text-transform:lowercase; color:#756b5b;}

hr {display:none; padding:20px 0;}

table {border-collapse:collapse; border-spacing:0; border:1px solid #dfddd8; margin-bottom:20px; }
caption {font-weight:bold; padding-bottom:10px;}
th {border-bottom:1px solid #dfddd8; padding:10px; text-align:left; }
td {border:1px solid #dfddd8; border-width:0 1px 1px 0; padding:10px; vertical-align:top; }

input, textarea, select {padding:5px; font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Arial, sans-serif; font-size:1.0em;}
input.button {margin:5px 0;}


/* structure */
div#wrapper {width:960px; margin:0 auto; text-align:left; font-size:1.3em; border:0px solid #dfddd8; border-top:none;}
div#wrapper-inner {padding:60px 20px 30px 20px;}

.entry-title, div.entry-content, div.navigation, div.entry-comment-meta {width:520px; float:right;}

div#content {width:655px; float:left; margin-bottom:40px;}

div#content input.text {width:50%;}
div#content textarea {width:95%; height:200px; overflow:visible;}

div#entry-comment, div#entry-comment ol li, div#respond, div#footer {clear:both;}


/* header */
div#header {color:#464648; height:160px; position:relative;}
div#header h1 a {height:80px; color:#464648;}

div#header-inner {width:880px; padding:0 20px; position:absolute; bottom:0;}


/* menu */
div.menu ul {width:880px; list-style:none; margin:20px 0 0 ; padding:0; overflow:hidden;}
div.menu ul li {float:left; margin-bottom:0;}
div.menu ul li a {float:left; padding:0.7em 1.4em; color:#a8a398; font-size:1.0em; font-weight:bold; text-transform:uppercase;}
div.menu ul li a:hover {color:#464648; text-decoration:none;}

div.menu ul li.current_page_item a,
div.menu ul li.current_page_item a:hover,
div.menu ul li.current_page_ancestor a,
div.menu ul li.current_page_ancestor a:hover {border-bottom:1px solid #dfddd8; color:#464648;}

div.menu ul li a small {display:block; line-height:0; margin-top:17px;}

div.menu ul li.nav_menu {background:url(images/icon_home.png) no-repeat 0 51%; font-weight:bold; font-size:1.0em; text-transform:uppercase; padding:0.7em 0 0.7em 1.8em; margin-right:1.4em; border-bottom:1px solid #dfddd8;}


/* entry */
div.page-header {font-weight:bold; border-bottom:1px solid #dfddd8; padding:0; margin:0 0 20px 0;}

.entry-title {padding-top:1px; margin-bottom:5px; font-size:1.1em; text-transform:uppercase;}

div.entry-meta {width:115px; float:left; font-weight:bold; font-size:1.0em; text-transform:uppercase;}
div.entry-meta div {margin-bottom:10px; padding-right:10px; font-size:0.9em;}
div.entry-meta h3 {text-transform:uppercase; font-size:1.0em; padding:0 0 5px;}
div.entry-meta ul {list-style:none; padding-left:0; margin-left:0;}

div.hentry {padding:0 0 20px; display:inline-block;}
div.sticky {margin-bottom:20px; border-bottom:1px solid #dfddd8;}
div.error404 {padding-top:0px; border-top:0px solid #dfddd8;}

div.entry-content ul li {list-style:circle;}

div.entry-content p.intro {border-bottom:1px solid #dfddd8; padding-bottom:15px; font-style:italic;}
div.entry-content p.intro a:hover {border-bottom:1px dotted #dfddd8;}

div#content .entry-title a {color:#bc9d45; text-decoration:none;}
div#content .entry-title a:hover {color:#464648;}

h2.page-title {font-size:1.4em;}


/* page */
body.page #content {padding-top:60px; border-top:1px solid #dfddd8; }
body.page #content .error404 {padding-top:0; border-top:none;}


/* sidebar */
div#sidebar {width:195px; float:right; margin-bottom:40px;}
div#sidebar .widgettitle, div#sidebar h2 {border-bottom:1px solid #dfddd8; margin-bottom:10px;}

div#sidebar ul, div#sidebar ul ol {list-style:none; margin:0; padding-left:0;}
div#sidebar ul ul ul, div#sidebar ul ol {padding:5px 0 0 15px;}
div#sidebar ul li {margin-bottom:30px;}
div#sidebar ul ul li, div#sidebar ul ol li, div#sidebar ul li p {margin-bottom:5px; font-size:0.9em; line-height:1.7em;}

div#sidebar #searchform label {display:none;}


/* navigation */
div.navigation {padding:0 0 20px 0;}
div.navigation div.alignleft {text-align:left; margin:0; width:40%;}
div.navigation div.alignright {text-align:right; margin:0; width:40%;}
div.navigation div.alignleft, div.navigation div.alignright {width:255px;}


/* comments */
div#entry-comment ol.commentlist {margin:0; padding-left:0;}
div#entry-comment ol.commentlist ul.children {margin:0; padding-left:40px;}

div#entry-comment li.comment,
div#entry-comment li.pingback {list-style:none; border-top:1px solid #dfddd8; margin-bottom:0; padding:10px 0;}

div.comment-author {width:115px; float:left; margin-bottom:20px;}
div.comment-author cite {font-style:italic; display:block;}

div#respond p,
div.comment-entry,
div.comment-meta {margin-left:135px;}

div.comment-entry {padding:10px 0 0;}

div.entry-comment-meta,
div.comment-meta {}

span.cancel-comment-reply {display:inline-block; margin:10px;}

.avatar {border:1px solid #dfddd8; padding:5px; background:#fff; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px;}


/* search */
#search-terms {font-family:Palatino,Georgia,"Times New Roman",sans-serif; font-style:italic; font-weight:normal; color:#756b5b;}
#searchform input.text {width:175px;}


/* footer */
div#footer {clear:both; padding:15px 20px; font-size:0.9em; border-top:1px solid #dfddd8;}
div#footer p {margin-bottom:0;}

div#footer ul {list-style:none; margin:0; padding:0;}
div#footer ul li {list-style:none; line-height:1.2em;}


/* jquery toggle slide */
.fader {opacity:0; display:none;}


/* font */
.ver {text-transform:uppercase; color:#3c3c3c;}
.ver2 {text-transform:lowercase;}

.low {font-family:Palatino,Georgia,"Times New Roman",sans-serif; font-style:italic; font-weight:normal; text-transform:lowercase; color:#756b5b;}
.medium {font-family:Palatino,Georgia,"Times New Roman",sans-serif; font-style:italic; font-weight:normal; text-transform:none; color:#756b5b;}
.mediumdark {font-family:Palatino,Georgia,"Times New Roman",sans-serif; font-style:italic; font-weight:normal; text-transform:none; color:#372b2;}


/* alignment CSS classes see: wordpress.css */
.aligncenter {}
.alignleft {}
.alignright {}


/* misc */
div.page-header,
div#sidebar h2,
h3#comments,
div#respond h3 {border-top:1px solid #dfddd8; padding:15px 0 15px 0; font-size:1.0em; text-transform:uppercase;}
div.entry-content h4 {padding:15px 0 15px 0; font-size:1.0em; text-transform:uppercase;}

/* divider */
.divider {border-top:1px solid #dfddd8; padding-bottom:15px;}


/* icons */
h2.featured, h2.document, h2.who, h2.mail, h2.photos {height:16px; border-top:1px solid #dfddd8; border-bottom:1px solid #dfddd8; padding:15px 0 15px 25px; margin:0 0 20px 0; font-weight:bold; font-size:1.0em; text-transform:uppercase;}
h2.featured {background:url(images/icon_document.png) no-repeat 0 49%;}
h2.document {background:url(images/icon_document.png) no-repeat 0 49%;}
h2.who {background:url(images/icon_who.png) no-repeat 0 49%;}
h2.mail {background:url(images/icon_mail.png) no-repeat 0 48%;}
h2.photos {background:url(images/icon_photos.png) no-repeat 0 48%;}

#sidebar h2.photos, #sidebar h2.book, #sidebar h2.system, #sidebar h2.search {height:16px; border-top:1px solid #dfddd8; border-bottom:1px solid #dfddd8; padding:15px 0 15px 25px; margin:0 0 10px 0; font-weight:bold; font-size:1.0em; text-transform:uppercase;}
#sidebar h2.photos {background:url(images/icon_photos.png) no-repeat 0 50%;}
#sidebar h2.book {background:url(images/icon_book.png) no-repeat 0 50%;}
#sidebar h2.system {background:url(images/icon_system.png) no-repeat 0 50%;}
#sidebar h2.search {background:url(images/icon_search.png) no-repeat 0 50%;}


/* boxes */
.box {border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px;}
.box2 {border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px;}
.box3 {border-radius:7px; -webkit-border-radius:7px; -moz-border-radius:7px; -ms-border-radius:7px;}


/* ProPlayer */
.pro-player-container {background:#fff; padding:7px; margin:5px 0 15px 0; border:1px solid #dfddd8; float:left;}


/* flickr */
#flickr_badge_wrapper {margin-left:-1.2em; padding:1.0em 0 0 0; overflow:hidden;}

.flickr_badge_image {margin:0 0 1.2em 1.2em; float:left; padding:5px 5px 18px 5px; background:#fff; border:1px solid #dfddd8; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px;}
.flickr_badge_image:hover {background:#dfddd8;}
.flickr_badge_image img {width:64px; height:64px;}
.flickr_badge_image a {display:block;}


/* hacks */
div#wrapper-inner:after,
div.hentry:after,
blockquote:after,
div.comment-entry:after,
div#respond:after,
div#footer:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}

* html div#wrapper-inner,
* html div.hentry,
* html blockquote,
* html div.comment-entry,
* html div#respond,
* html div#footer {height:1%;}