/*
Theme Name: Dr Gordon Reid v2
Theme URI: http://www.pixel-perfect.ca/
Description: Theme for drgordonreid.com
Version: 2.0
Author: Pixel Perfect Productions
Author URI: http://www.pixel-perfect.ca/
Tags: 
*/

/* Reset */
html{color:#000;background:#a8bd6c;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}del,ins{text-decoration:none;}
/* Clearfix */
.clearfix:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;} .clearfix{display:inline-block;} html[xmlns] .clearfix{display:block;} * html .clearfix {height:1%;}

/* Styles */

/* General */
b, strong { font-weight:bold; }
em, i { font-style:italic; }
a:link,
a:visited { color:#93341f; text-decoration:none; }
a:hover,
a:active { color:#4f190e; }

#dr-reid p,
#content p { margin-bottom:10px; line-height:1.3em; }
#content ul { margin:0 10px; }
#content li { margin:5px 0; }

.tagcloud a:link,
.tagcloud a:visited { margin-right:10px; }

input.text { border:1px solid #ccc; padding:2px; }

/* Main */
body { text-align:center; font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:12px; border-top:11px solid #4f190e; background-image:url(img/main-texture.jpg); }
#wrap { text-align:left; width:960px; margin:0 auto; }

#header { height:160px; position:relative; }
#logo { position:absolute; top:-11px; z-index:10; }
#logo a { background:url(img/logo2.png) no-repeat 0 0; width:412px; height:98px; display:block; text-indent:-9999em; outline:none; }
#address { background:url(img/address.png) no-repeat 0 0; width:177px; height:67px; display:block; text-indent:-9999em; position:absolute; right:38px; top:48px; }

#footer { margin-left:63px; padding:5px 0 10px 0; color:#333; font-size:11px; }
#footer ul,
#footer li { display:inline; }
#footer a:link,
#footer a:visited { display:inline; color:#333; }
#footer a:hover,
#footer a:active { text-decoration:underline; }

#page { margin-left:62px; background:#fff url(img/sidebar.gif) repeat-y 100% 0; }

#main { float:left; width:658px; }
/* Main Menu */
#mainmenu li { width:144px; padding:10px; float:left; border-right:1px dashed #ccc; height:93px; background:url(img/menu-grad.gif) repeat-x 0 0; font-weight:bold; color:#333; font-size:16px; }
#mainmenu li ul { margin-top:10px; }
#mainmenu li li { float:none; height:auto; background:none; border:none; padding:0; }
#mainmenu li a { font-weight:bold; font-size:12px; }
#mainmenu li.about { border-top:7px solid #00fff0; }
#mainmenu li.services { border-top:7px solid #eaff00; }
#mainmenu li.articles { border-top:7px solid #ffaa00; }
#mainmenu li.contact { border-right:none; font-weight:bold; padding:0; }
#mainmenu li.contact a { background:#88301d; color:#fff; text-decoration:none; text-align:center; display:block; height:120px; line-height:120px; width:163px;}
#mainmenu li.contact a:hover { background:#4f190e; }
#mainmenu li.contact ul { margin:0; padding:0; }

#mainmenu li span { display:block; text-indent:-9999em; height:18px; }
#mainmenu li.about span { background:url(img/menu-about.gif) no-repeat 0 0; }
#mainmenu li.services span { background:url(img/menu-services.gif) no-repeat 0 0; }
#mainmenu li.articles span { background:url(img/menu-articles.gif) no-repeat 0 0; }

/* Homepage */
div.content-wrap { position:relative; left:-62px; font-size:11px; margin-top:60px; }
#the-latest {}
#the-latest h2.heading { margin:40px 0 10px 11px; padding-bottom:10px; background:url(img/the-latest-2.png) no-repeat 0 0; width:647px; height:53px; text-indent:-9999em; }
#the-latest div.content-wrap { background:url(img/latest-boxes-btm.png) no-repeat 0 100%; padding-bottom:10px; width:718px; }
#the-latest .feature { float:left; position:relative; background:url(img/latest-box-bg.gif) repeat-y 0 0; width:238px; margin-right:2px; }
#the-latest #feature3 { margin-right:0; }

#the-latest .section-title { left:0; width:264px; height:164px; position:absolute; top:-34px; text-indent:-9999em; z-index:1; }
#section-blog { background:url(img/latest-blog-box.png) no-repeat 0 0; }
#section-psychology { background:url(img/latest-psychology-box.gif) no-repeat 0 0; }
#section-mindfulness { background:url(img/latest-mindfulness-box.gif) no-repeat 0 0; }
#the-latest .feature-content { position:relative; z-index:2; padding:0 10px; }
#the-latest .feature h1 { margin-bottom:5px; }
#the-latest .feature h1 a { font-size:12px; font-weight:bold; }
#the-latest .readmore { position:absolute; bottom:-5px; z-index:10; background:#fff; font-size:12px; font-weight:bold; }

#blog-readmore { right:492px; }
#psychology-readmore { right:254px; }
#mindfulness-readmore { right:12px; }

#dr-reid {}
#dr-reid div.content-wrap { background:url(img/home-image-bg.png) no-repeat 0 0; padding:15px 15px 15px 78px; width:625px; margin-top:10px; }
#dr-reid img.image { float:left; margin-bottom:18px; position:relative; left:-20px; margin-left:-33px; }
#dr-reid h2.heading { margin:40px 0 30px 25px; background:url(img/dr-reid-2.png) no-repeat 0 0; width:617px; height:54px; text-indent:-9999em; padding-top:10px; }

/* Sidebar */
#sidebar { float:right; width:239px; margin-left:1px; background:url(img/sidebar-grad.gif) repeat-x 0 0; min-height:120px; position:relative; }
#sidebar h4 { text-align:right; font-size:28px; color:#4f190e; }

#rss-feed { width:63px; height:66px; display:block; background:url(img/rss.png) no-repeat 0 0; text-indent:-9999em; position:absolute; z-index:99; top:-22px; right:35px; }
#searchform { text-align:right; border:1px solid #ccc; margin:30px 10px 5px 10px; width:215px; padding:1px; background:#fff; }
#searchinput { font-size:18px; font-weight:bold; color:#963520; float:left; border:none; background:none; width:180px; height:24px; line-height:24px; }
#searchsubmit { float:right; }
#actions { margin:5px 10px 10px 10px; text-align:right; }
#actions li { display:inline; margin-left:5px; }

/* Categories */
#categories { padding:10px; }
#categories ul { background:#fff; padding:10px; border-top:4px solid #ccc; }
#categories li { border-bottom:1px solid #e7e7e7; padding:5px 0; }
#categories a:link,
#categories a:visited { color:#94341f; text-decoration:none; font-weight:bold; }
#categories a:hover,
#categories a:active { color:#4f190e; }

/* Headings */
#category h3.psychology-articles a:link,
#category h3.psychology-articles a:visited { background:url(img/heading-psychology.jpg) no-repeat 10px 0; width:640px; height:140px; display:block; text-indent:-9999em; text-align:left; outline:none; }
#category h3.mindfulness-articles a:link,
#category h3.mindfulness-articles a:visited { background:url(img/heading-mindfulness.jpg) no-repeat 20px 0; width:640px; height:140px; display:block; text-indent:-9999em; text-align:left; outline:none; }
#category h3.blog a:link,
#category h3.blog a:visited { background:url(img/heading-blog.jpg) no-repeat 0 0; width:640px; height:140px; display:block; text-indent:-9999em; text-align:left; outline:none; }
#content #page-heading h2.vancouver-couples-therapy { background:url(img/heading-couples.jpg) no-repeat 0 0; width:640px; height:140px; text-indent:-9999em; text-align:left; }
#content #page-heading h2.vancouver-therapy { background:url(img/heading-individual.jpg) no-repeat 0 0; width:640px; height:140px; text-indent:-9999em; text-align:left; }
#content #page-heading h2.vancouver-counselling { background:url(img/heading-biography.jpg) no-repeat 3px 0; width:640px; height:140px; text-indent:-9999em; text-align:left; }
#content #page-heading h2.contact-vancouver-psychologist { background:url(img/heading-contact.jpg) no-repeat 3px 0; width:640px; height:120px; text-indent:-9999em; text-align:left; }

/* Contact Form */
#contact-form { margin:10px 0; padding:0; }
#contact-form h4 { background:url(img/contact-sidebar.jpg) no-repeat 2px 0; height:280px; width:234px; text-align:left; text-indent:-9999em;  }
#contact-form .form { padding:0 10px; }
#contact-form .info { font-weight:bold; color:#93341f; }
#contact-form label { display:block; font-size:16px; font-weight:bold; color:#93341f; }
#contact-form .formitem { margin-top:10px; }
#contact-form .text input,
#contact-form select,
#contact-form textarea { width:212px; border:1px solid #ccc; padding:2px; font-size:14px; }
#contact-form .image { text-align:right; }
#catch { display:none; }
#contact-form .errors { border:1px dashed red; padding:5px; color:#a40000; font-weight:bold; background:#fce8e8; }
.thankyou { color:#93341f; font-weight:bold; padding:10px 0; }

/* Content */
#content { padding:10px; }
#content .post { margin:30px 0; padding-bottom:30px; border-bottom:1px solid #ddd; position:relative; }
#content.single .post { border-bottom:none; margin-bottom:10px; }
#content .post .date { position:absolute; text-align:center; width:63px; background:#4f190e; color:#fff; left:-73px; top:0; padding:5px 0; }
#content .post .date .day { font-weight:bold; font-size:24px; }
#content .post .date .month { font-size:20px; margin-top:-2px; }
#content h1 { font-size:24px; margin:10px 0; }
#content h2 { font-size:22px; margin:10px 0; font-weight:bold; }
#content .tags { background:#93341f; padding:2px 5px; color:#fff; }
#content .tags a:link,
#content .tags a:visited { color:#fff; text-decoration:none; }
#content .tags a:hover,
#content .tags a:active { text-decoration:underline; }
#content .post-content { margin-top:20px; }
#content .more-link:link,
#content .more-link:visited { font-weight:bold; display:block; margin:10px 0; }

#content .page h3 { font-size:18px; font-weight:bold; text-align:right; }
#content .page h2,
#category h3 { font-size:62px; color:#bababa; font-family:Georgia, Times; text-align:right; margin-top:30px; font-weight:normal; }
#category h3 a:link,
#category h3 a:visited { color:#bababa; }
#category h3 a:hover,
#category h3 a:active { color:#aaa; }
#category h4 { text-align:right; background:#bababa; color:#fff; font-weight:bold; padding:2px 5px; display:inline; float:right; font-size:16px; }

/* Comments */
#content #comments h2 { color:#bababa; text-align:right; font-family:Georgia, Times; font-size:26px; font-weight:normal; }
#comments-wrap { background:#ededed; border:1px solid #e6e6e6; padding:20px; }
.commentlist li .comment-author { float:left; width:100px; }
.commentlist li .comment-content { float:right; border:1px solid #ccc; background:#fff; padding:10px 20px; width:420px; line-height:1.6em; position:relative; }
.commentlist .edit { text-align:right; padding-bottom:5px; }
.commentlist .author { margin:2px 0; }
.commentlist .date { font-size:10px; color:#bbb; margin-top:2px; }
#respond h3 { font-size:26px; margin-top:30px; margin-bottom:10px; font-family:Georgia, Times; font-weight:normal; color:#4F190E; }
#comment { width:594px; border:1px solid #ccc; }
#comments #submit { float:right; }
.commentlist li .comment-image { position:absolute; left:-41px; top:20px; }

/* Related Posts */
#related-posts { margin-top:30px; }
#related-posts h3 { font-size:20px; color:#4F190E; font-weight:normal; background:url(img/related-articles-header.gif) no-repeat 0 0; width:168px; height:28px; text-indent:-9999em; }
#related-posts ol { border:1px solid #d7d7d7; border-top:3px solid #d7d7d7; }
#related-posts li { border-bottom:1px solid #e7e7e7; margin:0; padding:0; }
#related-posts li.even { background:#f7f7f7; }
#related-posts li a:link,
#related-posts li a:visited { background:url(img/document.gif) no-repeat 0 0; line-height:16px; display:block; font-size:14px; font-weight:bold; padding-top:5px; }
#related-posts .excerpt { color:#444; padding-left:20px; display:block; padding-top:2px; }
.related-date { display:block; float:left; background:#f1f1f1; padding:5px; text-align:center; font-weight:bold; margin-right:5px; color:#555; border-right:1px solid #e9e9e9; }
.related-date span { display:block; }
.related-date .day { font-size:16px; }
.related-date .month {  }
.related-date .year { font-size:10px; font-weight:normal; }
li.odd .related-date { background:#f9f9f9; }

/* Tag Cloud */
#tagcloud { margin:10px; margin-top:20px; padding:10px; border:1px dashed #ccc; background:#f2f2f2; }

/* Admin */
.post-edit-link { background:url(img/icon-edit.png) no-repeat 0 0; padding:0 0 0 20px; margin:0; line-height:16px; display:block; }