@charset "UTF-8";
/*
Theme Name: Cape Paterson Style
Theme URI: http://gozer.com.au/
Description: WordPress theme for Cape Paterson
Version: 1.0
Author: Gozer
Author URI: http://gozer.com.au/
*/
@font-face { font-family: 'QuicksandBook'; src: url("fonts/quicksand/Quicksand_Book-webfont.eot"); src: url("fonts/quicksand/Quicksand_Book-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/quicksand/Quicksand_Book-webfont.woff") format("woff"), url("fonts/quicksand/Quicksand_Book-webfont.ttf") format("truetype"), url("fonts/quicksand/Quicksand_Book-webfont.svg#QuicksandBook") format("svg"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'QuicksandBold'; src: url("fonts/quicksand/Quicksand_Bold-webfont.eot"); src: url("fonts/quicksand/Quicksand_Bold-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/quicksand/Quicksand_Bold-webfont.woff") format("woff"), url("fonts/quicksand/Quicksand_Bold-webfont.ttf") format("truetype"), url("fonts/quicksand/Quicksand_Bold-webfont.svg#QuicksandBold") format("svg"); font-weight: normal; font-style: normal; }

body { background: #bfbebc; text-align: center; margin: 0; }

body, input, textarea { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 13px; color: #515B53; }

a img { border: none; }

#page { width: 950px; margin: auto; text-align: left; background: #fff; box-shadow: 0 5px 10px #888888; -o-box-shadow: 0 5px 10px #888888; -webkit-box-shadow: 0 5px 10px #888888; -moz-box-shadow: 0 5px 10px #888888; margin-bottom: 20px; }

#sidepanel { width: 212px; float: left; padding-top: 20px; overflow: hidden; }

#sidepanel h1 { margin: 0 0 0 25px; width: 116px; height: 147px; background: url("images/logo.gif") no-repeat top left; }
#sidepanel h1 a { display: block; width: 100%; height: 100%; overflow: hidden; font-size: 1px; text-indent: -10000px; }
#sidepanel #menu { margin: 0; padding: 0; list-style: none; margin-top: 13px; }
#sidepanel #menu ul { margin: 0; padding: 0; list-style: none; font-family: 'QuicksandBook', arial, helvetica, sans-serif; font-size: 15px; }
#sidepanel #menu li { line-height: 1em; background: #baafa1; }
#sidepanel #menu li:hover { background: #8d7d68; }
#sidepanel #menu li a { color: #fff; display: block; text-decoration: none; padding: 13px 0 12px 40px; }
#sidepanel #menu .menu-item-450, #sidepanel #menu .menu-item-450:hover { background: #cf6b28; }
#sidepanel #menu .menu-index-0 { background: #87796c; }
#sidepanel #menu .menu-item-451, #sidepanel #menu .menu-item-451:hover { background: #488aae; }
#sidepanel #menu .menu-index-1 { background: #928578; }
#sidepanel #menu .menu-item-452, #sidepanel #menu .menu-item-452:hover { background: #9a6c4e; }
#sidepanel #menu .menu-index-2 { background: #9e9184; }
#sidepanel #menu .menu-item-453, #sidepanel #menu .menu-item-453:hover { background: #6e8455; }
#sidepanel #menu .menu-index-3 { background: #a69b8d; }
#sidepanel #menu .menu-item-454, #sidepanel #menu .menu-item-454:hover { background: #965154; }
#sidepanel #menu .menu-index-4 { background: #b2a799; }
#sidepanel #menu #menu-item-485 { background: #fff; }
#sidepanel #menu #menu-item-485 a { color: #928578; }
#sidepanel #menu #menu-item-485 a:hover { color: #2781BE; }

#sidepanel #register { margin-top: 20px; font-family: 'QuicksandBook', arial, helvetica, sans-serif; font-size: 1.2em; }

#sidepanel #register a { display: block; color: #87796B; margin-bottom: 10px; text-decoration: none; padding-left: 40px; }

#sidepanel #register a:hover { color: #2781BE; }

#sidepanel #register a.register { background-color: #cf6b28; color: #fff; padding: 15px 10px 15px 40px; font-size: 14px; text-decoration: none; margin: 0 0px; margin-bottom: 20px; position: relative; }
#sidepanel #register a.register:hover { background-color: #ba6024; }
#sidepanel #register a.register:before { content: "»"; position: absolute; left: 25px; top: 12px; z-index: 10; }

#content { margin-left: 212px; height: 608px; }

#page > #content { height: auto; min-height: 608px; }

#footer { clear: left; margin-top: 10px; margin-top: 10px; padding: 20px 40px 40px; font-size: 11px; }
#footer a { color: #5994c9; text-decoration: none; }
#footer .siteby { float: right; }
#footer .icon { display: block; width: 24px; height: 16px; float: left; overflow: hidden; text-indent: 40px; }
#footer .facebook { background: url("images/facebook.png") 0 0 no-repeat; }
#footer .twitter { background: url("images/twitter.png") 0 0 no-repeat; }
#footer .rss { background: url("images/rss.png") 0 0 no-repeat; border-right: none; }

#banner { height: 120px; overflow: hidden; }

#banner.extended { height: 180px; }

#banner #small { margin-left: 5px; }

#content .heading { margin: 0; background: no-repeat 0 0; width: 670px; }
#content .heading h2 { padding: 12px 9px 5px; color: #fff; margin: 0; height: 23px; font-family: 'QuicksandBook', arial, helvetica, sans-serif; font-weight: normal; font-size: 22px; }

#content .submenu { height: 20px; }
#content .submenu a { color: #515B53; font-size: 11px; line-height: 11px; display: block; float: left; padding: 5px 10px; text-decoration: none; }

#content .entry { padding: 0  0 0 10px; min-height: 420px; }

#content .entry .text { width: 268px; float: left; padding-right: 10px; }

#content .entry .widetext { width: 662px; padding-right: 10px; }

#content .entry .text h3 { font-size: 15px; font-weight: regular; margin-top: 15px; }

#content .entry .text blockquote { margin: 0; padding-left: 15px; }

#content .entry .text em { font-style: italic; }

#content .entry .text strong { font-weight: bold; }

#content .entry .text ol { padding-left: 20px; margin-left: 0px; }

#content .entry .text ul { padding-left: 0px; list-style-type: none; margin-left: 0px; }

#content .entry .text ul li { padding-left: 20px; }

#content .entry .feature { margin-left: 286px; position: relative; }

#content .entry .feature .left { position: absolute; top: 0; left: 0; width: 256px; height: 200px; }

#content .entry .feature .right { position: absolute; top: 0; left: 256px; right: 0px; height: 200px; }

#content .entry .feature .span { position: absolute; top: 210px; left: 0px; right: 0px; height: 200px; }

#content .entry .feature .span-alt { position: absolute; top: 0px; left: 0px; right: 0px; height: 200px; }

.clear { width: 100%; overflow: auto; }

/* home */
.home #sidepanel { background: url("/images/home_background.jpg") no-repeat scroll 180px 5px transparent; }
.home #content { background: url("images/home_background.jpg") no-repeat scroll -30px 5px transparent; position: relative; padding-top: 180px; }
.home #banner { height: 200px; }

.single #banner, .archive #banner { overflow: hidden; }

/* ecovillage */
.top-page-5 #content .heading h2 { background-color: #488aae; }

.top-page-5 #content .submenu { border-bottom: 1px solid #488aae; }

.top-page-5 #content .submenu a { border-left: 1px solid #488aae; }

.top-page-5 #content .submenu a.current_page:hover, .top-page-5 #content .submenu a.current_page { background-color: #488aae; color: #fff; }

.top-page-5 #content .submenu a:hover { background-color: #8cb8d0; color: #fff; }

.top-page-5 #content .entry .feature .left, .top-page-5 #content .entry .feature .right, .top-page-5 #content .entry .feature .span { border-bottom: 1px solid #488aae; }

.top-page-5 #content .entry .text h3 { color: #488aae; }

.top-page-5 #content .entry .text blockquote { border-left: 1px solid #488aae; }

.top-page-5 #content .entry .text em { color: #488aae; }

.top-page-5 #content a { color: #3C4941; }

/* about us */
.top-page-8 #content .heading h2 { background-color: #9a6c4e; }

.top-page-8 #content .submenu { border-bottom: 1px solid #9a6c4e; }

.top-page-8 #content .submenu a { border-left: 1px solid #9a6c4e; }

.top-page-8 #content .submenu a.current_page:hover, .top-page-8 #content .submenu a.current_page { background-color: #9a6c4e; color: #fff; }

.top-page-8 #content .submenu a:hover { background-color: #c4a18a; color: #fff; }

.top-page-8 #content .entry .feature .left, .top-page-8 #content .entry .feature .right, .top-page-8 #content .entry .feature .span { border-bottom: 1px solid #9a6c4e; }

.top-page-8 #content .entry .text h3 { color: #9a6c4e; }

.top-page-8 #content .entry .text blockquote { border-left: 1px solid #9a6c4e; }

.top-page-8 #content .entry .text em { color: #9a6c4e; }

.top-page-8 #content a { color: #3C4941; }

/* sustainability */
.top-page-11 #content .heading h2 { background-color: #6e8455; }

.top-page-11 #content .submenu { border-bottom: 1px solid #6e8455; }

.top-page-11 #content .submenu a { border-left: 1px solid #6e8455; }

.top-page-11 #content .submenu a.current_page:hover, .top-page-11 #content .submenu a.current_page { background-color: #6e8455; color: #fff; }

.top-page-11 #content .submenu a:hover { background-color: #a1b48b; color: #fff; }

.top-page-11 #content .entry .feature .left, .top-page-11 #content .entry .feature .right, .top-page-11 #content .entry .feature .span { border-bottom: 1px solid #6e8455; }

.top-page-11 #content .entry .text h3 { color: #6e8455; }

.top-page-11 #content .entry .text blockquote { border-left: 1px solid #6e8455; }

.top-page-11 #content a { color: #3C4941; }

.top-page-11 #content .entry .text ul li { background: url("/images/bullet_sustain.gif") no-repeat 0 3px; }

/* community */
.top-page-14 #content .heading h2 { background-color: #965154; }

.top-page-14 #content .submenu { border-bottom: 1px solid #965154; }

.top-page-14 #content .submenu a { border-left: 1px solid #965154; }

.top-page-14 #content .submenu a.current_page:hover, .top-page-14 #content .submenu a.current_page { background-color: #965154; color: #fff; }

.top-page-14 #content .submenu a:hover { background-color: #c18c8e; color: #fff; }

.top-page-14 #content .entry .feature .left, .top-page-14 #content .entry .feature .right, .top-page-14 #content .entry .feature .span { border-bottom: 1px solid #965154; }

.top-page-14 #content .entry .feature .span-alt { border-bottom: 1px solid #965154; }

.top-page-14 #content .entry .text h3 { color: #965154; }

.top-page-14 #content .entry .text blockquote { border-left: 1px solid #965154; }

.top-page-14 #content a { color: #3C4941; }

.top-page-14 #content .entry .text ul li { background: url("/images/bullet_community.gif") no-repeat 0 3px; }

/* latest */
.single #content .heading h2, .archive #content .heading h2, .top-page-17 #content .heading h2 { background-color: #cf6b28; }
.single #content .submenu, .archive #content .submenu, .top-page-17 #content .submenu { border-bottom: 1px solid #cf6b28; }
.single #content .submenu a, .archive #content .submenu a, .top-page-17 #content .submenu a { border-left: 1px solid #cf6b28; }
.single #content .submenu a.current_page:hover, .single #content .submenu a.current_page, .archive #content .submenu a.current_page:hover, .archive #content .submenu a.current_page, .top-page-17 #content .submenu a.current_page:hover, .top-page-17 #content .submenu a.current_page { background-color: #cf6b28; color: #fff; }
.single #content .submenu a:hover, .archive #content .submenu a:hover, .top-page-17 #content .submenu a:hover { background-color: #e5a478; color: #fff; }
.single #content .entry .feature .left, .single #content .entry .feature .right, .single #content .entry .feature .span, .archive #content .entry .feature .left, .archive #content .entry .feature .right, .archive #content .entry .feature .span, .top-page-17 #content .entry .feature .left, .top-page-17 #content .entry .feature .right, .top-page-17 #content .entry .feature .span { border-bottom: 1px solid #cf6b28; }
.single #content .entry .text h3, .archive #content .entry .text h3, .top-page-17 #content .entry .text h3 { color: #cf6b28; }
.single #content .entry .text blockquote, .archive #content .entry .text blockquote, .top-page-17 #content .entry .text blockquote { border-left: 1px solid #cf6b28; }
.single #content a, .archive #content a, .top-page-17 #content a { color: #3C4941; }
.single #content .entry .text ul li, .single #content .entry .text ol li, .archive #content .entry .text ul li, .archive #content .entry .text ol li, .top-page-17 #content .entry .text ul li, .top-page-17 #content .entry .text ol li { margin-bottom: .5em; }
.single #content .entry .text ul li, .archive #content .entry .text ul li, .top-page-17 #content .entry .text ul li { background: url("/images/bullet_sustain.gif") no-repeat 0 3px; }
.single #content h3 a, .archive #content h3 a, .top-page-17 #content h3 a { color: #cf6b28; }
.single #content h3 a:hover, .archive #content h3 a:hover, .top-page-17 #content h3 a:hover { color: #3C4941; }

/* Projects */
#projects .break { border-bottom: 1px solid #9A6b4d; margin-left: 25px; }

#projects .entry { padding-bottom: 5px; }

/* Team */
#content #team .entry { min-height: 0; }
#content #team .entry .text { width: 500px; }
#content #team .entry .text > p { margin-top: 0; }
#content #team .entry .widetext { width: 650px; }
#content #team .entry .feature { margin-left: 550px; }
#content #team .entry .feature div { margin-bottom: 10px; }
#content #team .clean { background-color: #fff; }
#content #team hr { margin-bottom: 15px; }

#team .entry .text h3 { color: #9a6c4e; }

#team .entry .members { margin-left: 290px; border-left: 1px solid #9a6c4e; }

#team .entry .members .member { border-right: 1px solid #9a6c4e; padding-left: 10px; padding-right: 5px; width: 361px; padding-top: 5px; padding-bottom: 10px; }

#team .entry .members .break { border-bottom: 1px solid #9a6c4e; height: 0px; margin-left: 10px; }

#team .entry .members .member P { width: 230px; }

#team .entry .members .member A { color: #515B53; }

#team .entry .members .member .images { float: right; padding-left: 4px; padding-bottom: 4px; width: 120px; }

#team .entry .members .member .images .logo { margin-top: 20px; }

/* Location */
.location#content .entry { min-height: 630px; }
.location#content .entry .feature .span-alt { height: 408px; border-bottom: 1px solid #488aae; }
.location#content .entry .feature .span { top: 418px; }

/* Gallery */
#gallery { padding: 10px 20px; }
#gallery a { text-decoration: none; }
#gallery ul { list-style: none; width: 100%; overflow: auto; padding: 0 0 10px; margin: 10px 0 0 0; }
#gallery ul li { float: left; margin-right: 15px; margin-bottom: 15px; box-shadow: 0 1px 5px #888888; -o-box-shadow: 0 1px 5px #888888; -webkit-box-shadow: 0 1px 5px #888888; -moz-box-shadow: 0 1px 5px #888888; }
#gallery ul li:hover { box-shadow: 0 1px 5px #555555; -o-box-shadow: 0 1px 5px #555555; -webkit-box-shadow: 0 1px 5px #555555; -moz-box-shadow: 0 1px 5px #555555; }
#gallery ul li a { display: block; }
#gallery ul li img { display: block; }
#gallery h3 { margin-top: 10px; }

/* Register */
#cape_interestform label { display: block; padding-bottom: 5px; font-weight: bold; }
#cape_interestform fieldset { border: none; padding: 10px 0; }
#cape_interestform select, #cape_interestform .field { width: 240px; border: 1px solid #928578; padding: 4px; margin-bottom: 5px; }
#cape_interestform input.field-city, #cape_interestform input.field-postcode, #cape_interestform input.field-state { width: 120px; }
#cape_interestform .field-error { background: #f5dece; }
#cape_interestform #interests_list ul { padding: 10px 20px; }
#cape_interestform #interests_list ul label { font-weight: normal; }
#cape_interestform #interests_list li { list-style: none; background: none; position: relative; padding: 0 15px 5px; }
#cape_interestform #interests_list li input { margin: 0; position: absolute; left: -7px; top: 4px; z-index: 10; }
#cape_interestform #interests_list .section_1, #cape_interestform #interests_list .section_2 { border-right: 1px dashed #928578; }
#cape_interestform #interests_list div.sections_break { border-top: 1px dashed #928578; margin-bottom: 0; }
#cape_interestform #email_error { color: #c81f1b; padding: 5px; display: none; }
#cape_interestform #email_error a { color: #c81f1b; }

.error { color: #c81f1b; }
.error .intro { font-size: 14px; }

#content .register #update_details { background: #CF6B28; color: #fff; font-family: 'QuicksandBook', arial, helvetica, sans-serif; padding: 10px; font-size: 13px; box-shadow: 0 1px 2px #aaaaaa; -o-box-shadow: 0 1px 2px #aaaaaa; -webkit-box-shadow: 0 1px 2px #aaaaaa; -moz-box-shadow: 0 1px 2px #aaaaaa; float: right; width: 240px; line-height: 1.3em; }
#content .register #update_details a { color: #fff; }

#content .register label { display: block; padding-bottom: 5px; }

#content .register input.error { background-color: #CF6B28; color: #fff; }

#content .register .wide { width: 240px; }

#content .register em { font-weight: normal; }

#content .register .formheading { font-weight: bold; }

#content .register p.error { background-color: #CF6B28; color: #fff; padding: 4px; font-size: 12px; }

#content .register p.error span { display: block; padding: 3px 0; }

#content .register .text#text2 { width: auto; }

#content .register #text2 h4 { margin-top: 0; padding-top: 20px; }

#content .register .text#text2 .wide { width: 550px; }

#content .register #text2 .reasons { float: right; margin-right: 20px; }

#content .register #submit { margin-top: 20px; }

/* Legends */
.legend_content_toggle { margin: 20px 0 0; }

#content .entry #legend_content { display: none; padding-top: 20px; }
#content .entry #legend_content .section { width: 300px; }
#content .entry #legend_content .section1 { float: left; }
#content .entry #legend_content .section2 { margin-left: 325px; }
#content .entry #legend_content h3 { padding-left: 25px; margin-top: 0; }
#content .entry #legend_content .round_1 { background: url("images/round_1.gif") 0 0% no-repeat; }
#content .entry #legend_content .round_2 { background: url("images/round_2.gif") 0 0% no-repeat; }
#content .entry #legend_content .round_3 { background: url("images/round_3.gif") 0 0% no-repeat; }
#content .entry #legend_content .round_4 { background: url("images/round_4.gif") 0 0% no-repeat; }
#content .entry #legend_content .round_5 { background: url("images/round_5.gif") 0 0% no-repeat; }
#content .entry #legend_content .round_6 { background: url("images/round_6.gif") 0 0% no-repeat; }
#content .entry #legend_content .round_7 { background: url("images/round_7.gif") 0 0% no-repeat; }
#content .entry #legend_content .round_8 { background: url("images/round_8.gif") 0 0% no-repeat; }
#content .entry #legend_content .round_9 { background: url("images/round_9.gif") 0 0% no-repeat; }
#content .entry #legend_content .round_10 { background: url("images/round_10.gif") 0 0% no-repeat; }
#content .entry #legend_content .round_11 { background: url("images/round_11.gif") 0 0% no-repeat; }
#content .entry #legend_content .round_12 { background: url("images/round_12.gif") 0 0% no-repeat; }
#content .entry #legend_content .round_13 { background: url("images/round_13.gif") 0 0% no-repeat; }

.clear { margin-bottom: 5px; }

.top-page-5 #content .entry #plan .section h3 { margin-top: 5px; }

.top-page-5 #content .entry #plan .section h3 img { margin: 0 4px; }

.hidden { display: none; }

#content a { color: #3C4941; }

#blog_wrap { padding: 0 15px; }

#content .entry .text { font: 13px "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 300; line-height: 1.45; }

/* Posts */
#content .post { font: 13px "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 300; line-height: 1.45; }

.post { margin: 1em 1em 3em 0; width: 500px; }

.hentry, .no-results { border-bottom: 1px solid #ddd; padding: 0 0 1.625em; position: relative; }

.hentry:last-child, .no-results { border-bottom: none; }

.entry-title { font-family: 'QuicksandBook', arial, helvetica, sans-serif; color: #222; font-size: 26px; font-weight: normal; line-height: 1.5em; margin-bottom: .25em; margin-top: 0; }

.entry-title, .entry-title a { color: #222; text-decoration: none; }

.entry-title a:hover, .entry-title a:focus, .entry-title a:active { color: #c55717; }

.entry-meta { color: #666; font-size: 12px; line-height: 18px; }

.entry-meta a { font-weight: bold; }

.single-author .entry-meta .by-author { display: none; }

.entry-content, .entry-summary { padding: 1.625em 0 0; }

.entry-content h1, .entry-content h2, .comment-content h1, .comment-content h2 { color: #000; font-weight: 300; margin: 0 0 .8125em; }

.entry-content h3, .comment-content h3 { font-size: 10px; letter-spacing: 0.1em; line-height: 2.6em; text-transform: uppercase; }

.entry-content table, .comment-content table { border-bottom: 1px solid #ddd; margin: 0 0 1.625em; width: 100%; }

.entry-content th, .comment-content th { color: #666; font-size: 10px; font-weight: 500; letter-spacing: 0.1em; line-height: 2.6em; text-transform: uppercase; }

.entry-content td, .comment-content td { border-top: 1px solid #ddd; padding: 6px 10px 6px 0; }

.entry-content #s { width: 75%; }

.comment-content ul, .comment-content ol { margin-bottom: 1.625em; }

.comment-content ul ul, .comment-content ol ol, .comment-content ul ol, .comment-content ol ul { margin-bottom: 0; }

dl.gallery-item { margin: 0; }

.page-link { clear: both; display: block; margin: 0 0 1.625em; }

.page-link a { background: #eee; color: #373737; margin: 0; padding: 2px 3px; text-decoration: none; }

.page-link a:hover { background: #888; color: #fff; font-weight: bold; }

.page-link span { margin-right: 6px; }

.entry-meta .edit-link a, .commentlist .edit-link a { background: #eee; -moz-border-radius: 3px; border-radius: 3px; color: #666; float: right; font-size: 12px; line-height: 1.5em; font-weight: 300; text-decoration: none; padding: 0 8px; }

.entry-meta .edit-link a:hover, .commentlist .edit-link a:hover { background: #888; color: #fff; }

.entry-content .edit-link { clear: both; display: block; }

/* Alignment */
.alignleft { display: inline; float: left; margin-right: 1.625em; }

.alignright { display: inline; float: right; margin-left: 1.625em; }

.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; }

/* Images */
.entry-content img, .comment-content img, .widget img { max-width: 97.5%; /* Fluid images for posts, comments, and widgets */ }

img[class*="align"], img[class*="wp-image-"] { height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */ }

img.size-full { max-width: 97.5%; width: auto; /* Prevent stretching of full-size images with height and width attributes in IE8 */ }

.entry-content img.wp-smiley { border: none; margin-bottom: 0; margin-top: 0; padding: 0; }

img.alignleft, img.alignright, img.aligncenter { margin-bottom: 1.625em; }

p img, .wp-caption { margin-top: 0.4em; }

.wp-caption { background: #eee; margin-bottom: 1.625em; max-width: 96%; padding: 9px; }

.wp-caption img { display: block; margin: 0 auto; max-width: 98%; }

.wp-caption .wp-caption-text, .gallery-caption { color: #666; font-family: Georgia, serif; font-size: 12px; }

.wp-caption .wp-caption-text { margin-bottom: 0.6em; padding: 10px 0 5px 40px; position: relative; }

.wp-caption .wp-caption-text:before { color: #666; content: '\2014'; font-size: 14px; font-style: normal; font-weight: bold; margin-right: 5px; position: absolute; left: 10px; top: 7px; }

#content .gallery { margin: 0 auto 1.625em; }

#content .gallery a img { border: none; }

img#wpstats { display: block; margin: 0 auto 1.625em; }

#content .gallery-columns-4 .gallery-item { width: 23%; padding-right: 2%; }

#content .gallery-columns-4 .gallery-item img { width: 100%; height: auto; }

/* Image borders */
img[class*="align"], img[class*="wp-image-"], #content .gallery .gallery-icon img { /* Add fancy borders to all WordPress-added images but not things like badges and icons and the like */ border: 1px solid #ddd; padding: 6px; }

.wp-caption img { border-color: #eee; }

a:focus img[class*="align"], a:hover img[class*="align"], a:active img[class*="align"], a:focus img[class*="wp-image-"], a:hover img[class*="wp-image-"], a:active img[class*="wp-image-"], #content .gallery .gallery-icon a:focus img, #content .gallery .gallery-icon a:hover img, #content .gallery .gallery-icon a:active img { /* Add some useful style to those fancy borders for linked images ... */ background: #eee; border-color: #bbb; }

.wp-caption a:focus img, .wp-caption a:active img, .wp-caption a:hover img { /* ... including captioned images! */ background: #fff; border-color: #ddd; }

hr { background-color: #ccc; border: 0; height: 1px; margin-bottom: 1.625em; }

/* Blog Sidebar */
#secondary { float: right; width: 190px; }

/* =Comments
----------------------------------------------- */
#comments { width: 500px; }

#comments-title { color: #666; font-weight: 500; text-transform: uppercase; }

.nopassword, .nocomments { color: #aaa; font-size: 24px; font-weight: 100; margin: 26px 0; text-align: center; }

.commentlist { list-style: none; margin: 0 auto; width: 68.9%; }

.content .commentlist, .page-template-sidebar-page-php .commentlist { width: 100%; /* reset the width for the one-column and sidebar page layout */ }

.commentlist > li.comment { background: #f6f6f6; border: 1px solid #ddd; -moz-border-radius: 3px; border-radius: 3px; margin: 0 0 1.625em; padding: 1.625em; position: relative; }

.commentlist .pingback { margin: 0 0 1.625em; padding: 0 1.625em; }

.commentlist .children { list-style: none; margin: 0; }

.commentlist .children li.comment { background: #fff; border-left: 1px solid #ddd; -moz-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; margin: 1.625em 0 0; padding: 1.625em; position: relative; }

.commentlist .children li.comment .fn { display: block; }

.comment-meta .fn { font-style: normal; }

.comment-meta { color: #666; font-size: 12px; line-height: 2.2em; }

.commentlist .children li.comment .comment-meta { line-height: 1.625em; margin-left: 50px; }

.commentlist .children li.comment .comment-content { margin: 1.625em 0 0; }

.comment-meta a { font-weight: bold; }

.commentlist .avatar { -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 1px 2px #ccc; -moz-box-shadow: 0 1px 2px #ccc; box-shadow: 0 1px 2px #ccc; left: -102px; padding: 0; position: absolute; top: 0; }

.commentlist > li:before { content: url(images/comment-arrow.png); left: -21px; position: absolute; }

.commentlist > li.pingback:before { content: ''; }

.commentlist .children .avatar { background: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; left: 2.2em; padding: 0; top: 2.2em; }

a.comment-reply-link { background: #eee; -moz-border-radius: 3px; border-radius: 3px; color: #666; display: inline-block; font-size: 12px; padding: 0 8px; text-decoration: none; }

a.comment-reply-link:hover, a.comment-reply-link:focus, a.comment-reply-link:active { background: #888; color: #fff; }

a.comment-reply-link > span { display: inline-block; position: relative; top: -1px; }

/* Post author highlighting */
.commentlist > li.bypostauthor { background: #ddd; border-color: #d3d3d3; }

.commentlist > li.bypostauthor .comment-meta { color: #575757; }

.commentlist > li.bypostauthor:before { content: url(images/comment-arrow-bypostauthor.png); }

/* Post Author threaded comments */
.commentlist .children > li.bypostauthor { background: #ddd; border-color: #d3d3d3; }

/* sidebar-page.php comments */
/* Make sure we have room for our comment avatars */
.page-template-sidebar-page-php .commentlist > li.comment, .page-template-sidebar-page-php.commentlist .pingback { margin-left: 102px; width: auto; }

/* And a full-width comment form */
.page-template-sidebar-page-php #respond { width: auto; }

/* Comment Form */
#respond { background: #ddd; border: 1px solid #d3d3d3; -moz-border-radius: 3px; border-radius: 3px; margin: 0 auto 1.625em; padding: 1.625em; position: relative; width: 68.9%; }

#respond input[type="text"], #respond textarea { background: #fff; border: 4px solid #eee; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: inset 0 1px 3px rgba(204, 204, 204, 0.95); -moz-box-shadow: inset 0 1px 3px rgba(204, 204, 204, 0.95); box-shadow: inset 0 1px 3px rgba(204, 204, 204, 0.95); position: relative; padding: 10px; text-indent: 80px; }

#respond .comment-form-author, #respond .comment-form-email, #respond .comment-form-url, #respond .comment-form-comment { position: relative; }

#respond .comment-form-author label, #respond .comment-form-email label, #respond .comment-form-url label, #respond .comment-form-comment label { background: #eee; -webkit-box-shadow: 1px 2px 2px rgba(204, 204, 204, 0.8); -moz-box-shadow: 1px 2px 2px rgba(204, 204, 204, 0.8); box-shadow: 1px 2px 2px rgba(204, 204, 204, 0.8); color: #555; display: inline-block; font-size: 13px; left: 4px; min-width: 60px; padding: 4px 10px; position: relative; top: 40px; z-index: 1; }

#respond input[type="text"]:focus, #respond textarea:focus { text-indent: 0; z-index: 1; }

#respond textarea { resize: vertical; width: 95%; }

#respond .comment-form-author .required, #respond .comment-form-email .required { color: #bd3500; font-size: 22px; font-weight: bold; left: 75%; position: absolute; top: 45px; z-index: 1; }

#respond .comment-notes, #respond .logged-in-as { font-size: 13px; }

#respond p { margin: 10px 0; }

#respond .form-submit { float: right; margin: -20px 0 10px; }

#respond input#submit { background: #222; border: none; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3); box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3); color: #eee; cursor: pointer; font-size: 15px; margin: 20px 0; padding: 5px 42px 5px 22px; position: relative; left: 30px; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3); }

#respond input#submit:active { background: #1982d1; color: #bfddf3; }

#respond #cancel-comment-reply-link { color: #666; margin-left: 10px; text-decoration: none; }

#respond .logged-in-as a:hover, #respond #cancel-comment-reply-link:hover { text-decoration: underline; }

.commentlist #respond { margin: 1.625em 0 0; width: auto; }

#reply-title { color: #373737; font-size: 24px; font-weight: bold; line-height: 30px; }

#cancel-comment-reply-link { color: #888; display: block; font-size: 10px; font-weight: normal; line-height: 2.2em; letter-spacing: 0.05em; position: absolute; right: 1.625em; text-decoration: none; text-transform: uppercase; top: 1.1em; }

#cancel-comment-reply-link:focus, #cancel-comment-reply-link:active, #cancel-comment-reply-link:hover { color: #ff4b33; }

#respond label { line-height: 2.2em; }

#respond input[type=text] { display: block; height: 24px; width: 75%; }

#respond p { font-size: 12px; }

p.comment-form-comment { margin: 0; }

.form-allowed-tags { display: none; }