/*
Theme Name: Groomingtails
Description: Default Grooming Tails website
Version: 1.0
Author: Michael Moore
Author URI: http://www.mkmdesign.ca/
Tags: pink, clean, femanin
*/

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


/* Begin Typography & Colors */
body {box-sizing: border-box; margin: 0px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; line-height: 1.4em; text-align: center; color: 333; word-wrap: break-word; background: url(imgs/body_bg.gif) repeat top center;
	-webkit-text-size-adjust: none;
	-moz-text-size-adjust: none;
	text-size-adjust: none;
}
img {border: 0px;}
.clear {clear: both; padding: 0px; margin: 0px; border: 0px; height: 0px; font-size: 0px; line-height: 0px;}
h1 {padding: 0px; margin: 0 0 .5em 0; font-size: 30px; line-height: 1.1em; font-weight: normal; color: #e6436d;}
h2.pagetitle {margin-top: 30px; text-align: center;}
h3 {margin: 0 0 0.5em 0; padding: 0px; font-size: 22px; font-weight: normal;}
h3 small {font-size: 12px; color: #999;}
h3 {padding: 0; margin: 30px 0 0;}
h3.comments {padding: 0; margin: 40px auto 20px ;}
span.flickr {font-weight: bold; color: #0063dc;}
span.flickr em {font-style: normal; color: #ff0084;}
a {color: #0099ff;}
a:hover {color: #025295;}
hr {display: block; clear: both; height: 0px; border: 0px; border-top: 1px solid #ddd; margin: 2em 0;}

/* form elements */
input, textarea, select {font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; line-height: 1.4em;
	-webkit-appearance: none;
}
input:not([type='checkbox']), input:not([type='radio']), textarea {padding: 0.3em 0.8em; border-radius: 2px; border: 1px solid #ddd;
	-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.05);
	-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.05);
	box-shadow: inset 0 1px 2px rgba(0,0,0,0.05);
}
input[type="submit"] {color: #fff; background: #f35eab; border: 0px; border-radius: 2px; text-transform: uppercase; cursor: pointer;}

#sendForm td {text-align: left;}

/* wrapper */
#wrapper {max-width: 990px; margin: 10px auto; box-sizing: border-box; padding: 0; text-align: left; background: url(imgs/wrapper_bg.gif) repeat-y top left;}
#wrapper .w_bottom {height: 7px; line-height: 0px; font-size: 0px; background: url(imgs/wrapper_bottom.gif) no-repeat top left;}

/* header */
#header {height: 123px; box-sizing: border-box; padding: 20px; margin: 0 5px; font-family: 'NewBerolinaMT', 'Times New Roman', Times; background: url(imgs/header.jpg) no-repeat;}
#header a {text-decoration: none;}
#header .logo img {width: 100%; height: auto; max-width: 520px;}
#header h1 {display: none;}
#header h2 {padding-left: 0.5em; color: #fff; font-weight: normal; font-size: 11px; line-height: 1em; font-family: 'Arial'; font-style: italic;}
.mobile-menu {display: none; line-height: 2em; padding: 0 1em; font-weight: bold; color: #fff; background: #ec669d;}

#page {text-align: left;}
#sidebar {float: left; width: 310px; box-sizing: border-box; padding: 30px 15px 10px 15px; margin: 0px; background: url(imgs/rightcol_top.jpg) no-repeat;}
#sidebar h2 {margin: 5px 0 0; padding: 0;}
#content {float: left; max-width: 675px; width: 100%; padding: 20px; box-sizing: border-box;}

/* Navigation */
#nav {height: 40px; position: relative; padding: 0 5px; background: url(imgs/nav_bg.gif) no-repeat top left; font-family: Arial, sans-serif; line-height: 40px !important;}
#nav ul {margin: 0px; padding: 0 10px 0 0; list-style: none;}
#nav ul li {display: block; float: left; line-height: 40px;}
#nav ul li.home {background: url(imgs/home_divider.gif) no-repeat top right;}
#nav ul li.about {background: url(imgs/about_divider.gif) no-repeat top right;}
#nav ul li.services {background: url(imgs/services_divider.gif) no-repeat top right;}
#nav ul li.gallery {background: url(imgs/gallery_divider.gif) no-repeat top right;}
#nav ul li a {display: inline-block; line-height: 40px; padding: 0 22px; color: #fff; font-weight: bold; text-decoration: none;}
#nav ul li a:hover {color: #6f0921;}
#nav ul li.social-icons {float: right;}
#nav ul li.social-icons a {padding: 0 8px;}

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

.thread-alt {background-color: #f8f8f8;}
.thread-even {background-color: white;}
.depth-1 {border: 1px solid #ddd;}

.even, .alt {border-left: 1px solid #ddd;}
small {line-height: 1.5em;}

.entry p a:visited {color: #b85b5a;}
.sticky {background: #f7f7f7; padding: 0 10px 10px;}
.sticky h2 {padding-top: 10px;}
.commentlist li, #commentform input, #commentform textarea {font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;}
.commentlist li ul li {font-size: 1em;}
.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: 'Lucida Grande', Verdana, Arial, Sans-Serif;}
.commentmetadata {font-weight: normal;}
small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {color: #777;}
code {font: 1.1em 'Courier New', Courier, Fixed;}
acronym, abbr, span.caps{font-size: 0.9em; letter-spacing: .07em;}

#wp-calendar #prev a, #wp-calendar #next a {font-size: 9pt;}
#wp-calendar a {text-decoration: none;}
#wp-calendar caption {font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif; text-align: center;}
#wp-calendar th {font-style: normal; text-transform: capitalize;}
/* End Typography & Colors */



/* Begin Structure */

#page {background-color: white; margin: 20px auto; padding: 0; width: 760px; border: 1px solid #959596;}
.post hr {display: block;}
.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;}

/* Footer */
#footer {clear: both; margin: 0 auto; max-width: 980px; font-size: 10px; text-align: left; color: #b1a88e;}
#footer a {color: #b1a88e;}
#footer a:hover {color: #695f41;}
#footer p {padding: 1em 0; margin: 0px;}

/* End Structure */



/* Begin Images */
p img {padding: 0; max-width: 100%;}
img.centered {display: block; margin-left: auto; margin-right: auto;}
img.alignright {padding: 4px; margin: 0 0 2px 7px; display: inline;}
img.alignleft {padding: 4px; margin: 0 7px 2px 0; display: inline;}
.alignright {float: right;}
.alignleft {float: left;}
/* End Images */

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

#sidebar h2 {font-family: 'Lucida Grande', Verdana, Sans-Serif; font-size: 1.2em;}
#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 {}
#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 0 0; padding: 0;}
/* End Entry Lists */



/* Begin Form Elements */
#searchform {margin: 10px auto; padding: 5px 3px; text-align: center;}
#sidebar #searchform #s {width: 108px; padding: 2px;}
#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 {margin: 5px 10px 0 0;}
#commentform textarea {width: 100%; padding: 2px;}
#respond:after {	content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;}
#commentform #submit {margin: 0 0 5px auto; float: right;}
/* End Form Elements */



/* Begin Comments*/
.alt {margin: 0; padding: 10px;}
.commentlist {padding: 0; text-align: justify;}
.commentlist li {margin: 15px 0 10px; padding: 5px 5px 10px 10px; list-style: none}
.commentlist li ul li {margin-right: -5px; margin-left: 10px;}
.commentlist p {margin: 10px 5px 10px 0;}
.children { padding: 0; }

#commentform p {margin: 5px 0;}
.nocomments {text-align: center; margin: 0; padding: 0;}
.commentmetadata {margin: 0; display: block;}
/* End Comments */



/* Begin Sidebar */
#sidebar form {margin: 0;}
/* End Sidebar */



/* Begin Calendar */
#wp-calendar {empty-cells: show; margin: 10px auto 0; width: 155px;}
#wp-calendar #next a {padding-right: 10px; text-align: right;}
#wp-calendar #prev a {padding-left: 10px; text-align: left;}
#wp-calendar a {display: block;}
#wp-calendar caption {text-align: center; width: 100%;}
#wp-calendar td {padding: 3px 0; text-align: center;}
#wp-calendar td.pad:hover { /* Doesn't work in IE */ background-color: #fff; }
/* End Calendar */



/* Begin Various Tags & Classes */
acronym, abbr, span.caps {cursor: help;}
acronym, abbr {border-bottom: 1px dashed #999;}
blockquote {margin: 15px 30px 0 10px; padding-left: 20px; border-left: 5px solid #ddd;}
blockquote cite {margin: 5px 0 0; display: block;}
.center {text-align: center;}
.hidden {display: none;}
.screen-reader-text {position: absolute; left: -1000em;}
hr {display: none;}
a img {border: none;}
.navigation {display: block; text-align: center; margin-top: 10px; margin-bottom: 60px;}
/* End Various Tags & Classes*/



/* Captions */
.aligncenter, div.aligncenter {margin-left: auto; margin-right: auto;}
.wp-caption {border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
.wp-caption img {margin: 0; padding: 0; border: 0 none;}
.wp-caption p.wp-caption-text {font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0;}
/* End captions */


.info {font-family: Arial, sans-serif;}
.info small {color: #666;}

.flickr_badge_image {padding: 0px; margin: 0px;}
.flickr_badge_image a img {float: left; height: 70px; width: 70px; padding: 4px; border: 1px solid #f6c8d5; margin: 0 10px 10px 0; background: #FFF;}
.flickr_gallery {display: block; clear: both; margin: 0 auto; padding: 0 0 10px 0;}
.flickr_gallery ul {margin: 0px; padding: 0px; list-style: none;}
.flickr_gallery ul li {display: block; float: left; margin: 10px; padding: 4px; border: 1px solid #DDD; height: 75px; width: 75px; background: #FFF;}
.flickr_gallery ul li img {padding: 0px; margin: 0px; border: 0px;}

.flickr-meta-links {display: none;}

table.prices {border: 0px; padding: 0px; width: 100%;}
table.prices td {padding: 10px;}
table.prices td h3 {margin: 0px; padding: 0px; line-height: 1.2em; font-size: 18px; font-weight: bold; font-family: Arial;}


/* mobile styles */
@media screen and (max-width: 1024px) {
	#wrapper {min-width: 990px;}
}
@media screen and (max-width: 768px) {
	body {background: none;}
	#wrapper {margin: 0px; min-width: 0px; background: none; border: 0px;}
	.w_bottom {display: none;}
	#nav {margin: 0px; padding: 0px; background: #ec669d;}
	#nav ul li a {padding: 0 1.5em;}
    #nav ul li.social-icons {float: none;}
	#header {height: auto; margin: 0px; background: #333;}
	#content {float: none; width: 100%;}
	#sidebar {float: none; width: 100%; border-top: 1px solid #fdedf1; background: #fffafb;}
	#footer {text-align: center; color: #999; background: #fffafb;}
	#footer a {color: #999;}
}
@media screen and (max-width: 600px){
	body {padding-top: 2em;}
	.mobile-menu {position: fixed; top: 0px; left: 0px; width: 100%; display: block; cursor: pointer;}
	#nav {z-index: 99; position: fixed; left: -100%; top: 2em; height: 100%; width: 100%; opacity: 0; overflow: auto; box-sizing: border-box; padding: 1em; -webkit-overflow-scrolling: auto;
		-webkit-transition: all 200ms ease-in-out;
		-moz-transition: all 200ms ease-in-out;
		-ms-transition: all 200ms ease-in-out;
		transition: all 200ms ease-in-out;
	}
	html.menu-open, html.menu-open body {height: 100%; overflow: hidden;}
	html.menu-open #nav {left: 0px; opacity: 1;}
	#nav ul li {display: block; float: none;}
	#nav ul li a {padding: 0;}
	#content {padding: 1em;}
	table.aligncenter {width: 100%;}
	table.prices, table.services {display: block;}
	table.prices td, table.services td {display: block;}
	div.afg-table {}
	div.afg-row {}
	div.afg-cell {vertical-align: middle; text-align: center; padding: 5px;}
	img.afg-img {width: 100%;}
}