/*
Theme Name: Happy Tails Dog Training
Theme URI: http://www.happytailsdogtraining.ca
Description: The theme for www.happytailsdogtraining.ca Designed and created by WebDevCompany. WordPress 3.2 or later is Version to use.
Version: 1.0
Author: WebDevCompany
Author URI: http://www.WebDevCompany.com
*/



/* Reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

table th, table td {word-wrap:break-word; overflow:hidden;}


body {font-family: arial, sans-serif;}

a {color: #103163; font-family: arial, sans-serif; text-decoration: none;}
strong {font-family: arial, sans-serif; font-weight: bold;}
a:hover { text-decoration: underline;}

h1, h2, h3, h4 { color: #315a97; font-family: arial, sans-serif;}

h1 {font-size: 21px; line-height: 25px; font-weight: normal;}
h2 {font-size: 18px; line-height: 24px; padding-top: 5px; margin: 5px 0 10px 0;}
h3 {font: 13px/18px arial, sans-serif; margin: 10px 0 3px 0; font-weight: bold;}
h4 {padding-bottom: 10px; font-size: 11px; line-height: 15px;}
p, input, textarea {font: 13px/18px arial, sans-serif; color: #000; margin: 0px 0 5px 0;}


/* STUFF THAT WES HAS DONE */

#container { position: relative; width: 820px; margin: 0 auto; background: #FFF }
#header { height: 178px; background: #b0d1fe url('images/header-happy-tails-dog-training.jpg') no-repeat;}

#content {color: #FFF; position: relative; }
.top {width: 820px; background: #FFF url('images/content-top.png') no-repeat; width: 820px; height: 8px;}
.col {width: 820px; background: #FFF url('images/content-tile.png') repeat-y;width: 820px; min-height: 200px;}
.bottom {width: 820px; background: #FFF url('images/content-bottom.png') no-repeat; width: 820px; height: 8px; }

.left_col { float: left; width: 192px; margin: 0px 0 0 0px; }
.right_col { float: right; width: 600px; margin: 5px 15px 0 0;}
.left_col ul {margin: 0px 0 10px 0px; color: #000;}

.right_col img {border: 1px solid #315a97;}
.right_col ul li {margin: 0px 0 5px 15px; color: #000; list-style-type: disc; font-size: 13px; line-height: 18px; }
.right_col li li {margin: 5px 0 5px 15px; color: #103163; list-style-type: disc; font-weight: bold; font-size: 13px; line-height: 18px;}
.right_col p {padding-bottom: 5px;}
.right_col .contentLeft {float: left;}
.right_col .imageRight {float: right; width: 100px; margin: 0 2px 0 15px;}
.right_col .imageRightWide {float: right; width: 120px; margin: 0 2px 0 15px;}
.right_col .imageRight150 {float: right; width: 150px; margin: 0 2px 0 15px;}
.right_col .imageRight200 {float: right; width: 200px; margin: 0 2px 0 15px; border: 0px;}
.right_col a {color: #1b841b; font-family: arial, sans-serif; text-decoration: none; font-weight: normal;}
.right_col a:hover {text-decoration: underline;}

.subNavBG {background: #daeaff;}
.subNav {margin: 0px 15px 10px 15px; }
.subNav li {margin: 5px 0 10px 0; font-size: 13px; line-height: 18px; font-family: arial, sans-serif; text-decoration: none; font-weight: bold;}
.subNav h2 {margin: 0px 0 9px 0; padding-top: 11px;}
.subNav a {color: #103163; text-decoration: none;}
.subNav a:hover {color: #000; text-decoration: underline;}

#contentFooter {margin: 5px 0 5px 0;}

.memberLogo {margin: 0px 15px 20px 15px; text-align: center; color: #315a97;}

#footer { color: #FFF; width: 820px; margin: 10px 0 0 0;}

.ftop {width: 820px; background: #b0d1fe url('images/footer-top.png') no-repeat; width: 820px; height: 8px;}
.fcol {width: 820px; background: #b0d1fe url('images/footer-tile.png') repeat-y;width: 820px; min-height: 120px;}
.fbottom {width: 820px; background: #b0d1fe url('images/footer-bottom.png') no-repeat; width: 820px; height: 8px;}

.fcol p {color: #6081b0; margin: 4px 11px; font: 11/15px arial, sans-serif;}
.fcol ul {color: #6081b0; font: 11/15px arial, sans-serif;}
.fcol li {margin: 4px 0 5px 15px; font: 11/15px arial, sans-serif;}
.fcol a {color: #ed1c24; text-decoration: none;}
.fcol a:hover {color: #103163;}
.links { float: left; font: 11/15px arial, sans-serif;}
.text { float: right; width: 621px; border-left-width: 1px; border-left-style: solid; border-left-color: #b0d1fe; padding: 0px 5px 0px 0px;}

#feature {background: #ffebbe; margin: 20px auto; text-align: left; padding: 15px 15px 15px 15px;}
#feature h2 {font-size: 21px; color: #aa281a; margin-bottom: 20px; line-height: 30px;}
#feature h3 {font-size: 16px; color: #000;}
#feature p {color: #aa281a;}




hr {border: 0px; height: 1px; border-top: 1px solid #b0d1fe; margin: 5px 0 10px 0;}
.clear { clear: both; }




	
ul.nav { background: #b0d1fe; width: 820px; height: 21px; text-align: left; margin-top: 153px; overflow: hidden; }
ul.nav li { display: inline; text-align: center; margin: 0 7px; font-size: 13px; font-family: arial, sans-serif; text-decoration: none; font-weight: bold;}
ul.nav a { color: #103163;}
ul.nav a:hover { color: #000; text-decoration: underline;}


ul.left { width: 510px; float: left; margin-left: 195px;}
ul.right { float: right; width: 105px; text-align: right; margin-right: 7px; }

table {border-left: 0px; border-top: 0px; }
th { font-size: 12px; color: #000; font-weight: bold;  }
th, td { padding: 3px 0px;  border-right: 0px; border-bottom: 0px; text-align: left; vertical-align: top; color: #000; font-size: 13px; line-height: 18px;}

#intro_text { color: #FFF; }
#intro_text a { color: #FFF; font-weight: normal;}
#intro_text h1 { padding: 0; }

.iewarn { background: #FFF35D; padding: 20px; font-size: 15px; font-weight: normal; border-bottom: 5px solid #AB783E; color: #000; text-align: center; line-height: 20px;}
.iewarn a { color: #000; font-weight: bold;}


/* Comments */
#comments{overflow:hidden;text-align:left;}
h3#comments-title,h3#reply-title{font-style:italic;font-variant:small-caps;font-size:12pt;font-weight:700;color:#888;}
h3#comments-title{margin:10px 0;}
h3#reply-title{margin:18px 0 10px;}
.comment-list{margin:0;list-style:none;}
.comment-body p{margin-bottom:3px;}
.comment-list li{padding:5px 0 0;}
.comment-list li .list{border-top:1px dotted #b3b3b3;padding:10px 1px 5px;line-height:1.7;color:#333;}
.comment-list li .list a{color:#888a85;}
.comment-list li .list .avatar{float:left;background:url(images/gavatar_bg.png) no-repeat;border:1px solid #ccc;margin:4px 8px 0 0;padding:1px;height:32px;width:32px;}
.comment-list .list .comment-meta{float:right;font-size:1em;}
.comment-list .list .comment-meta a{color:#666;}
.comment-list .list .comment-meta a:hover{color:#666;}
.comment-list .list cite{float:left;color:#666;font-style:normal;}
.comment-list .list cite a{color:#666;}
.comment-list li .children{background:url(images/wavecmmbox_l.png) repeat-y;margin:0;margin-left:32px;list-style:none;}
.comment-list li .children li{padding:0 0 0 9px;}
.comment-list li .children li.toprep{background:url(images/wavecmmbox_lt.png) no-repeat left top;}
.comment-list .children .list{margin:0 0 0 5px;}
.comment-list li .children .children{margin-left:38px;}
.comment-list li .cmconts{border-top:1px dotted #b3b3b3;padding:10px 5px 5px;color:#333;}
.comment-list .children .box-bottom{clear:both;background:url(images/wavecmmbox_b.png) repeat-x;height:9px;padding:0;margin:0 0 10px;}
.comment-list .children .box-bottom .left{float:left;display:block;background:url(images/wavecmmbox_bl.png) no-repeat 0 0;width:9px;height:9px;}
.comment-list .children .box-bottom .right{float:right;display:block;background:url(images/wavecmmbox_br.png) no-repeat 0 0;width:80px;height:9px;}
.comment-list li.pingback{border-top:1px dotted #b3b3b3;padding:15px 40px 10px;color:#333;}
.comment-list li.pingback a{color:#5285cc;}
.nopassword,.nocomments{display:none;}
.comment-body blockquote{background:#fafafa;border:1px dotted #ddd;margin:.5em 1em .5em 4em;padding:5px 10px;color:#999;}
.comment-body blockquote p{margin-bottom:5px;}
.comment-list .list blockquote cite{float:none;}
#respond{position:relative;overflow:hidden;padding-bottom:18px;margin:0 10px;text-align:left;}
#respond label{margin-left:5px;color:#888;}
#respond .required{color:#ff4b33;font-weight:bold;vertical-align:text-top;}
#respond .comment-notes{margin-bottom:1em;color:#999;}
#respond .comment-form-author input,#respond .comment-form-email input,#respond .comment-form-url input,#respond .form-submit input{float:left;line-height:1;}
#respond #commentform p{clear:both;line-height:21px;}
#respond #commentform p label{vertical-align:middle;}
#respond #commentform .comment-form-comment textarea{line-height:1.2;}
#respond #commentform .form-submit{margin:8px 0;line-height:24px;}
#respond #commentform .form-submit .cereply{vertical-align:text-top;color:#999}
#respond #commentform .smiley{margin:10px 0 0;height:24px;}
#respond #commentform .smiley a img{transition:all 0.2s ease-out;-webkit-transition:all 0.2s ease-out;-moz-transition:all 0.2s ease-out;}
#respond #commentform .smiley a:hover img{transform:scale(1.3);-moz-transform:scale(1.3);-webkit-transform:scale(1.3);}
#respond .form-allowed-tags{color:#888;font-size:1em;line-height:18px;}
#respond .form-allowed-tags code{font-size:0.9em;}
#respond .comment-form-author input,#respond .comment-form-email input,#respond .comment-form-url input, #respond textarea{display:block;background:#fff url(images/input_bg.png) repeat-x;margin:3px 0;padding:2px 3px;border-radius:5px;}
#respond .comment-form-author input,#respond .comment-form-email input,#respond .comment-form-url input{border:1px solid #889194;margin:0 0 9px;width:260px;transition:all 0.2s ease-out;-webkit-transition:all 0.2s ease-out;-moz-transition:all 0.2s ease-out;}
#respond textarea{border:1px solid #889194;width:98%;}
#respond .comment-form-author input:focus,#respond .comment-form-email input:focus,#respond .comment-form-url input:focus{margin-left:6px;transform:scale(1.03);-moz-transform:scale(1.03);-webkit-transform:scale(1.03);}
#respond .comment-form-author input:focus,#respond .comment-form-email input:focus,#respond .comment-form-url input:focus, #respond textarea:focus{border-color:#f57900;box-shadow:0 0 5px #fd0;}
#respond #submit{overflow:hidden;display:block;background:transparent url(images/submit.png) no-repeat 0 0;border:none;outline:none;margin:5px 0;width:130px;height:24px;color:#d7d7d7;line-height:24px;text-indent:999em;text-shadow:none;vertical-align:middle;}
#respond #submit:hover{background-position:0 -24px;}
#respond #submit:active{background-position:0 -48px;}
.blog-navigation {text-align: center; font-size: 12px;}
.blog-navigation a:nth-child(2) {margin-left: 10px;}