/*
Theme Name: gavinsmith.ca
Theme URI: http://gavinsmith.ca/
Description: Custom theme for gavinsmith.ca
Version: 1.2.4
Author: Gavin Smith
Author URI: http://gavinsmith.ca
*/

@import url(reset.css);

/* Generated by Font Squirrel (http://www.fontsquirrel.com) on April 1, 2010 11:00:21 AM America/New_York */
@font-face {
	font-family: 'CartoGothicStdBook';
	src: url('fonts/CartoGothicStd-Book.eot');
	src: local('CartoGothic Std'), local('CartoGothicStd-Book'), url('fonts/CartoGothicStd-Book.woff') format('woff'), url('fonts/CartoGothicStd-Book.ttf') format('truetype'), url('fonts/CartoGothicStd-Book.svg#CartoGothicStd-Book') format('svg');
}
@font-face {
	font-family: 'CartoGothicStdItalic';
	src: url('fonts/CartoGothicStd-Italic.eot');
	src: local('CartoGothic Std'), local('CartoGothicStd-Italic'), url('fonts/CartoGothicStd-Italic.woff') format('woff'), url('fonts/CartoGothicStd-Italic.ttf') format('truetype'), url('fonts/CartoGothicStd-Italic.svg#CartoGothicStd-Italic') format('svg');
}
@font-face {
	font-family: 'CartoGothicStdBold';
	src: url('fonts/CartoGothicStd-Bold.eot');
	src: local('CartoGothic Std'), local('CartoGothicStd-Bold'), url('fonts/CartoGothicStd-Bold.woff') format('woff'), url('fonts/CartoGothicStd-Bold.ttf') format('truetype'), url('fonts/CartoGothicStd-Bold.svg#CartoGothicStd-Bold') format('svg');
}
@font-face {
	font-family: 'CartoGothicStdBoldItalic';
	src: url('fonts/CartoGothicStd-BoldItalic.eot');
	src: local('CartoGothic Std'), local('CartoGothicStd-BoldItalic'), url('fonts/CartoGothicStd-BoldItalic.woff') format('woff'), url('fonts/CartoGothicStd-BoldItalic.ttf') format('truetype'), url('fonts/CartoGothicStd-BoldItalic.svg#CartoGothicStd-BoldItalic') format('svg');
}



html, body { height: 100%; }
body { color: #333; background: #f3eee6; font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; font-size: 62.5%; }

h1,h2,h3,h4,h5,h6{ font-family: 'LiberationSansRegular', Helvetica, Arial, sans-serif; }

#wrapper{ min-height: 100%; height: auto !important; height: 100%; margin: 0 0 -110px; width: 960px; }

#header h1{ margin-top: 1.8em; }

.home #header{ margin-bottom: 3em; }
#header #blog-nav li{ float: left; line-height: 45px; margin-right: 2em; }
#header #blog-nav li a{ color: #5d4f46; font-size: 1.3em; text-decoration: none; }
#header #blog-nav li a:hover{ color: #597a55; }

.col-left{ float: left; text-align: right; width: 210px; }
.col-left h2{ color: #5d4f46; }
.col-right{ float: right; width: 720px; }

#description{ font-size: 2.02em; margin-top: 0.65em; }



h2{ font-size: 2.4em; line-height: 1em; margin-bottom: 0.2em; }
h3{ color: #597a55; font-size: 2em; line-height: 1em; }
h3 a{ color: #597a55; text-decoration: none; }
h3 a:hover{ text-decoration: underline; }
h5{ color: #5d4f46; font-size: 1.5em; margin-top: 1em; }

#content .index-section{ margin-bottom: 4em; position: relative; }
.home #content .index-section p{ margin-top: 0.5em; }

.home #content #twitter ul{ list-style-type: none; margin: 0; padding: 0; }
.home #content #twitter li{ background: #ede6da; border: 1px solid #f5f5f5; border-radius: 0.6em; -moz-border-radius: 0.6em; margin-bottom: 0.7em; padding: 0.75em; }
.home #content #twitter li.aktt_more_updates{ background: none; border: none; }

.post{ font-size: 1.35em; line-height: 1.3em; }
.post p, #content .post ul, #content .post ol, #content .post blockquote{ padding-top: 1em; }
.page .post p, .page #content .post ul, .page #content .post ol, .page #content .post blockquote{ padding: 0 0 0.5em; }
.post a{ color: #597a55; }
.post ul, .post ol, .post blockquote{ padding-left: 3em; margin-top: 0.5em; }
.post ul{ list-style-type: disc; }
.post ol{ list-style-type: decimal; }
.post .more-link{ display: block; font-weight: bold; margin-top: 1em; text-decoration: none; }
.post .more-link:hover{ color: #5d4f46; }
.posted-date{ color: #898989; display: block; font-size: 1.3em; }
.edit-link{ color: #898989; display: block; font-size: 1.3em; margin-top: 0.5em; }
.edit-link a{ color: #898989; }

.post img{ border: 6px solid #e7decf; margin-top: 1em; }
.post img.alignright{ float: right; margin-left: 1em; }
.post img.alignleft{ float: left; margin-right: 1em; }
.post .aligncenter{ margin: 0 auto; }
.post .wp-caption{ color: #777; font-size: 0.8em;  margin-bottom: 1em; text-align: left; }

#content .view-more{ background: #597a55; border: 1px solid #fff; color: #f3eee6; font-size: 1.35em; line-height: 1em; padding: 0.45em 0.65em; text-decoration: none; }
#content .view-more:hover{ background: #5d4f46; }
#content .col-left .view-more{ display: inline-block; margin-top: 0.8em; }

.portfolio-items{  }
.portfolio-items img{ left: 0; position: absolute; top: 0; }
.portfolio-items a:hover img{  }

.portfolio-items .preview-image{ background: #fff; border: 4px solid #fff; float: right; height: 180px; margin-left: 2em; position: relative; overflow: hidden; width: 377px; }
.portfolio-items .preview-image ul{ position: absolute; top: 8px; left: 8px; text-align: center; }
.portfolio-items .preview-image li{ background: url(img/selection.png) 0 0 no-repeat; cursor: pointer; float: left; height: 18px; width: 18px; margin-right: 4px; }
.portfolio-items .preview-image li:active{ position: relative; top: 1px; }
.portfolio-items .preview-image li.current{ background-position: 0 -18px; }
.portfolio-items .description{ margin-bottom: 2em; overflow: visible; }
.portfolio-items .description p{ font-size: 1.35em; }
#loadmore{ background: #597a55; border: 1px solid #fff; color: #fff; cursor: pointer; display: block; font-size: 1.4em; padding: 0.5em 0.7em; text-decoration: none; }
#loadmore.inactive{ cursor: default; }
#return_end{ display: none; }

p.tags{ font-size: 0.9em !important; margin-top: 1em !important; }
p.tags span{  }
p.tags a{ display: inline-block; color: #999; padding: 0.8em; }
p.tags a:hover{ background: #888; color: #fff; text-decoration: none; }

.site-link a{ color: #597a55; font-size: 1.2em; font-weight: bold; position: relative; top: 1em; }

#content .no-posts{ background: #e6ded0; border: 1px solid #ccc1ae; border-width: 0 1px 1px 0; color: #8a7d75; font-size: 1.3em; font-weight: bold; line-height: 1em; padding: 1.5em; }

#comments .comment{ padding-top: 11px; margin-bottom: 2em; }
#comments .comment{ background: url(img/twitter-arrow.png) no-repeat 14px 0; }
#comments .comment-body{ background: #fff; border: 1px solid #ddd; border-width: 0 1px 1px 0; padding: 1em; position: relative; }
#comments .comment.bypostauthor{ background: url(img/comment-arrow-2.png) no-repeat 14px 0; }
#comments .bypostauthor .comment-body{ background: #e8e1d7; border: 1px solid #d8cbba; border-width: 0 1px 1px 0; padding: 1em; }
#comments .comment-author cite{ color: #5d4f46; font-size: 1.8em; }
#comments .comment-author cite a{ color: #5d4f46; }
#comments .comment-meta{ position: absolute; right: 1em; top: 1em; }
#comments .comment-meta a{ color: #aa988d; text-decoration: none; }
#comments .comment-meta a:hover{ text-decoration: underline; }
#comments .comment p{ font-size: 1.4em; }
#respond .form-left{ float: left; width: 350px; }
#respond .form-right{ float: right; font-size: 1.4em; width: 350px; }
#respond .form-left p{ width: 350px; }
#respond .form-right input{ border: 1px solid #ddd; color: #444; font-size: 0.9em; padding: 0.2em; width: 130px; }
#respond .form-right p{ margin-bottom: 0.5em; }
#respond .form-left textarea{ border: 1px solid #ddd; border-width: 1px 2px 2px 1px; color: #444; display: block; font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; font-size: 1.2em; height: 100px; padding: 0.5em; width: 330px; }
#respond #submit{ background: #597a55; border: 0; color: #fff; width: 136px; }
#respond .required{ color: #9a0000; font-weight: bold; }
#respond .logged-in{ background: #f1ddbe; display: block; font-size: 0.9em; padding: 0.2em; text-align: center;	 width: 130px; }

#content .hello-mail a{ color: #597a55; font-family: "Helvetica Narrow","Helvetica",sans-serif; font-size: 2.4em; line-height: 1em; }
#content .hello-mail a:hover{ text-decoration: none; }
#content .hello-mail.small a{ font-family: inherit; font-size: 1em; }
#content .hello-mail.small a:hover{ text-decoration: underline; }
#content #contact p{ font-size: 1.35em; }

#content #events p{ font-size: 1.35em; }

.push{ height: 110px; }
#footer{ background: url(img/footer-border.png) repeat-x 0 0 #4c3e36; height: 110px; }
#footer .inner{ color: #f3eee6; padding-top: 3em; width: 960px; }
#footer .col-left h4{ color: #9a8b81; font-family: "Helvetica Narrow","Helvetica",sans-serif; font-size: 2.4em; line-height: 1em; }
#footer .findme{ font-size: 1.4em; line-height: 1em; }
#footer .info{ margin-top: 1.5em; }
#footer .info .execution{ color: #9a8b81; }
#footer a{ color: #dfd6c8; }
#footer a:hover{ text-decoration: none; }

.clear{ clear: both; display: block; }
strong{ font-weight: bold; }
em{ font-style: italic; }