/*
Theme Name: Canopy
Description: Based on Esther by Patrick Chia. Two columns WordPress theme with left sidebar.
Version: 1.0
Author: Tai Palmgren
*/

/*CSS Reset*/
body, div, dl, dt, dd, li, pre,form, fieldset, input, textarea, p, ol, ul, blockquote, th, td, button, h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; }
body, html {min-height: 100%;}
table { border-collapse: collapse; border-spacing: 0; }
acronym, abbr, fieldset, img { border: 0;}
a:active { outline: none; }

html {height: 100%;}
body {font-size: 100.01%; font-family: Verdana, Helvetica, Arial, sans-serif; background: #fff; height: 100%;}

/* Typography */

p, ul, ol, address {font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 12px; line-height: 1.5em; margin-bottom: 12px; color: #444;}
ul, ol {padding-left: 30px;}

h1, h2, h3 {line-height: 1.5em; margin-bottom: 12px;}
h1 {font-size: 20px; font-weight: normal; padding: 5px; color: #444; background: #c8c8c8;}
h2 {font-size: 18px;}
h2.pagetitle {font-size: 16px;}
h3 {font-size: 16px;}
h4 {font-size: 14px;}

small {font-size: 90%;}
address {font-style: normal; font-weight: bold; float: left;}

/* Links */

a {color: #ff004e;}

/* Structure */

#header {float: left; width: 1000px; margin: 0; padding: 71px 10px 20px;}

#logo {float: left;}
#logo a {display: block; width: 280px; height: 59px; background: url(images/canopy_logo_sub.gif) no-repeat 0 0; text-indent: -9999px;}
body#home #logo a {width: 400px; height: 84px; background: url(images/canopy_logo.gif) no-repeat 0 0;}

#page {margin: 0 auto; padding: 0; width: 1000px; min-height: 100%; position: relative; overflow: hidden; *overflow: none;}
* html #page {height: 100%;}

#content {float: left; width: 780px; margin: 0 10px 0 130px; display: inline;}

#sidebar {position: absolute; top: 150px; height: 100%; min-height: 100%; width: 80px; padding: 10px; margin: 0 10px; background: #ff004e; color: #fff; -moz-box-shadow: 3px 3px 5px #555; -webkit-box-shadow: 3px 3px 5px #555;}
#sidebar * {color: #fff;}
#sidebar h2 {display: none; visibility: hidden;}
#sidebar ul {list-style-type: none; padding: 0; margin-top: 30px;}
#sidebar ul li {padding: 5px 0; font-size: 13px;}
#sidebar ul li a {font-weight: bold; text-decoration: none;}
#sidebar ul li a:hover {text-decoration: underline;}

#footer {float: left; width: 1000px; margin: 0 10px; position: relative; z-index: 100; display: inline;}
#footer-side, #footer-main {float: left; padding: 10px;}
#footer-side {width: 80px;}
#footer-side h3 {color: #fff; font-size: 13px;}
#footer-main {width: 870px; padding-left: 20px;}
p.contact {display: block; float: left; margin-left: 30px; font-weight: bold;}
p#copyright {float: left; clear: both; font-size: 10px; margin-top: 10px;}

/* Home Page */
body#home #page { background: url(images/canopy_home_bg2.jpg) no-repeat 520px 20px;}
body#home #header {padding: 30px 10px 40px;}
body#home #content {width: 370px;}
body#home .post {width: 370px;}
body#home .post h2 {display: none;}

#headerimg{width: 400px;margin: 0 10px;width: 100%;}

/*
#frames{float:left;}
#frame{height: -10px;margin-right:1px;}
*/


/* Posts */
.post {width: 660px; margin: 0 0 40px; text-align: justify;}
.meta {font-size: 12px; font-weight: bold;}
.post .entry img {border: 2px solid #CFCFCF; margin: 5px;}

/*
.widecolumn .entry p {font-size: 1.05em;}
.narrowcolumn .entry, .widecolumn .entry {line-height: 1.4em;}
.widecolumn {line-height: 1.6em;}
.narrowcolumn .postmetadata {text-align: left;line-height: 1.5em;}


.alt {
	background-color: #f8f8f8;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}

a.rsslink {background:url(images/feedicon.png) left no-repeat; padding-left: 14px;}

.entry p a:visited {
	color: #b85b5a;
}

.commentlist li, #commentform input, #commentform textarea {
	font: 0.9em georgia, 'Trebuchet MS', Verdana, Arial, Sans-Serif;
}

.commentlist li {
	font-weight: bold;
}

.commentlist li .avatar { 
	float: right;
	border: 1px solid #eee;
	padding: 2px;
	background: #fff;
}

.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 1.1em;
}

.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
}

#commentform p {
	font-family: georgia, 'Trebuchet MS', Verdana, Arial, Sans-Serif;
}

.commentmetadata {
	font-weight: normal;
}

.narrowcolumn {
	float: left;
	padding: 0 0 20px 45px;
	margin: -100px 0 0;
	width: 550px;
}

.widecolumn {
	padding: 10px 0 20px 0;
	margin: 5px 0 0 150px;
	width: 550px;
}
*/




/*
.widecolumn .post {
	margin: 0;
}

.narrowcolumn .postmetadata {
	padding-top: 5px;
}

.widecolumn .postmetadata {
	margin: 30px 0;
}

.widecolumn .smallattachment {
	text-align: center;
	float: left;
	width: 128px;
	margin: 5px 5px 5px 0px;
}

.widecolumn .attachment {
	text-align: center;
	margin: 5px 0px;
}
*/

.postmetadata {
	clear: both;
}

.clear {
	clear: both;
}



/* Images */
p img {
	padding: 0;
	max-width: 100%;
}


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

img.alignright, .post .entry img.alignright {
	padding: 4px;
	margin: 0 0 2px 10px;
	display: inline;
}

img.alignleft, .post .entry img.alignleft {
	padding: 4px;
	margin: 0 10px 2px 0;
	display: inline;
}

.alignright {
	float: right;
}

.alignleft {
	float: left
}

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

.wp-caption {
	text-align: center;
	background-color: #cfcfcf;
	margin: 10px;
	padding-top: 5px;
}

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

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 16px;
	padding: 2px 4px 4px;
	margin: 0;
}

.wp-caption.alignright {margin: 0 0 2px 10px;}
.wp-caption.alignleft {margin: 0 10px 2px 0;}


/* Lists */

/*
.entry ol {
	padding: 0 0 0 35px;
	margin: 0;
}

.entry ol li {
	margin: 0;
	padding: 0;
}

.postmetadata ul, .postmetadata li {
	display: inline;
	list-style-type: none;
	list-style-image: none;
}

#sidebar ul, #sidebar ul ol {
	margin: 0;
	padding: 0;
}

#sidebar ul li {
	list-style-type: none;
	list-style-image: none;
	margin-bottom: 15px;
}

#sidebar ul p, #sidebar ul select {
	margin: 5px 0 8px;
}

#sidebar ul ul, #sidebar ul ol {
	margin: 5px 0 0 10px;
}

#sidebar ul ul ul, #sidebar ul ol {
	margin: 0 0 0 10px;
}

ol li, #sidebar ul ol li {
	list-style: decimal outside;
}

#sidebar ul ul li, #sidebar ul ol li {
	margin: 3px -10px 0;
	padding: 0;
}
*/



/* Form Elements */
#searchform {margin: 10px auto;}

#searchform input {
	border: solid 1px #777;
	background: #fff;
	color: #333;
	padding: 3px;
}

#searchform input:hover {
	border: solid 1px #000;
}

#sidebar #searchsubmit {
	padding: 1px;
}

.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:center;
}

select {
	width: 130px;
}

#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
}

#commentform textarea {
	width: 100%;
	padding: 2px;
}

#commentform #submit {
	margin: 0;
	float: right;
}



/* Comments*/

/*
.alt {
	margin: 0;
	padding: 10px;
}

.commentlist {
	padding: 0;
	text-align: justify;
}

.commentlist li {
	margin: 15px 0 3px;
	padding: 5px 10px 3px;
	list-style: none;
}

.commentlist p {
	margin: 10px 5px 10px 0;
}

#commentform p {
	margin: 5px 0;
}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
}

.commentmetadata {
	margin: 0;
	display: block;
}
*/


.center {
	text-align: center;
}

.hidden {
	display: none;
}

hr {
	display: none;
}

a img {
	border: none;
}

.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 60px;
}