@import url(../thematic/library/styles/reset.css);
@import url(../thematic/library/styles/typography.css);
@import url(../thematic/library/layouts/2c-r-fixed.css);
@import url(../thematic/library/styles/images.css);
@import url(../thematic/library/styles/default.css);
@import url(../thematic/library/styles/plugins.css);
/*
Theme Name: fetch-a-bone Website
Theme URI:
Description: A custom theme for fetch-a-bone holistic pet store and bakery. Pitt Meadows, BC, Canada
Author: AJ Hurford
Author URI: http://www.ajhurford.com
Template: thematic
Version: 1.0
Tags: Thematic
.
Thematic is © Ian Stewart http://themeshaper.com/
.

Reset browser defaults
Apply basic typography styles
Apply a basic layout
Apply basic image styles
Apply default theme styles and colors
It's better to actually copy over default.css into this file (or link to a copy in your child theme) if you're going to do anything outrageous
Prepare theme for plugins*/
@font-face
{
	font-family: BDCartoonShoutRegular;
	src: url('type/BD_Cartoon_Shout_webfont.eot');
}
@font-face
{
	font-family: BDCartoonShoutRegular;
	src: url(//:) format('no404'), url('type/BD_Cartoon_Shout_webfont.woff') format('woff'), url('type/BD_Cartoon_Shout_webfont.ttf') format('truetype'), url('type/BD_Cartoon_Shout_webfont.svg#webfont') format('svg');
}
BODY.slug-lilos-picks H1, H2, H3, H4, H5, H6
{
	font-weight: normal;
	clear: none;
}
BODY
{
	background: #331600;
	font: 15px sans-serif;
}
INPUT, TEXTAREA
{
	font: 15px Times, Serif;
}
BODY.slug-home #container
{
	width: 620px;
}
BODY.slug-home #primary
{
	display: block;
}
BODY.slug-home #secondary
{
	display: block;
}
BODY.slug-home #content
{
	width: 620px;
}
.intro
{
	margin: 0 0 23px;
	font: 17px/1.2 Times, Serif;
	letter-spacing: 1px;
	padding: 10px 10px 2px;
	color: #5C2801;
	/*[disabled]background:#F1F0EF;*/
}
#content
{
	margin: 0 0 0 35px;
	overflow: hidden;
	width: 888px;
}
#primary
{
	display: none;
}
#secondary
{
	display: none;
}
#branding
{
	padding: 20px 0 44px;
}
#blog-title A
{
	display: block;
	text-indent: -9000px;
	/*[disabled]width:356px;*/
	/*[disabled]height:81px;*/
	/*[disabled]padding:0px 0px 63px;*/
	position: relative;
}
#blog-description
{
	background: url(images/banner.jpg) no-repeat top center;
	display: block;
	text-indent: -9000px;
	width: 960px;
	height: 238px;
	position: relative;
	top: 44px;
	margin-left: -10px;
	margin: -70px 0 0 -10px;
}
A:link
{
	color: #713100;
}
A:hover
{
	color: #713100;
}
A:visited
{
	color: #985B2D;
}
A:active
{
	color: #975A2C;
}
.aside A:active, .aside A:hover
{
	color: #703000;
}
.aside .current_page_item A
{
	color: #985B2D;
}
.entry-title A:active, .entry-title A:hover
{
	color: #975A2C;
}
.entry-meta A:active, .entry-meta A:hover
{
	color: #975A2C;
}
.entry-utility A:active, .entry-utility A:hover
{
	color: #975A2C;
}
#main
{
	clear: both;
	padding: 66px 0 22px;
	background: #F5F5F5;
	color: #331600;
	margin: 20px auto 0;
}
TABLE
{
	border-color: #CCCCCC;
	border-style: none;
	border-width: 1px 1px 0;
	font-size: 13px;
	line-height: 18px;
	margin: 0 0 22px;
	text-align: left;
}
TR
{
	border-bottom: 1px none #CCCCCC;
}
#access
{
	border-bottom: 1px none #CCCCCC;
	background: #BC6B1B;
	font: 13px sans-serif;
	height: 30px;
	width: 960px;
	margin: auto;
	overflow: visible;
	z-index: 100;
}
.menu
{
	margin: 0 auto;
	width: 940px;
}
.sf-menu LI
{
	background: #BC6B1B none repeat scroll 0 0;
}
.sf-menu LI LI
{
	padding: 0;
	background: #BB6A1A;
}
.sf-menu UL UL A
{
	background-color: #703000;
	position: relative;
	/*[disabled]left:-22px;*/
	outline: none;
	width: auto;
}
.sf-menu UL UL A:hover
{
	background-color: #BB6A1A;
	position: relative;
	/*[disabled]left:-22px;*/
	outline: none;
	width: auto;
}
.sf-menu UL A
{
	background: #BB6A1A;
}
.sf-menu
{
	border-right: 1px none #CCCCCC;
	float: left;
	font: 13px BDCartoonShoutRegular, serif;
	text-transform: uppercase;
}
.sf-menu A
{
	border-bottom: 1px none #CCCCCC;
	border-left: 1px none #CCCCCC;
	border-top: 1px none #CCCCCC;
	padding: 8px 13px;
	text-decoration: none;
	color: #FFFFFF;
}
.sf-menu UL A:hover
{
	border-bottom: 1px none #CCCCCC;
	border-left: 1px none #CCCCCC;
	border-top: 1px none #CCCCCC;
	padding: 8px 13px;
	text-decoration: none;
	color: #FFFFFF;
}
.sf-menu A:visited
{
	border-bottom: 1px none #CCCCCC;
	border-left: 1px none #CCCCCC;
	border-top: 1px none #CCCCCC;
	text-decoration: none;
	border-right-style: none;
	color: #FFF;
}
.sf-menu LI:hover, .sf-menu LI.sfHover, .sf-menu A:focus, .sf-menu A:hover, .sf-menu A:active
{
	background: #773908 none repeat scroll 0 0;
	/*[disabled]border-bottom-color:#CCCCCC;*/
	outline: 0 none #000000;
}
.sf-menu A, .sf-menu A:visited
{
	color: #FFFFFF;
}
.main-aside
{
	float: right;
	position: relative;
	right: 10px;
	width: 270px;
}
#primary
{
	border: 1px none #CCCCCC;
	margin-bottom: 22px;
	padding: 18px 0 0;
}
.aside H3
{
	font: 13px/22px BDCartoonShoutRegular, serif;
	color: #6E2E00;
	border-bottom: 1px solid #DDD8D4;
	margin: 0 0 15px;
}
.entry-title
{
	font: 31px/26px times, serif;
	letter-spacing: 2px;
	padding: 0 0 7px;
	color: #331600;
}
.entry-content H3
{
	font: 21px/26px times, serif;
	letter-spacing: 2px;
	margin: -15px 0 5px;
	color: #331600;
}
.aside UL
{
	color: #713100;
	list-style: none outside none;
}
#footer
{
	border-top: 1px none #CCCCCC;
	margin-top: 0px;
}
#subsidiary .aside
{
	float: left;
	margin: 0 20px 0 0;
	width: auto;
}
#first
{
	width: 520px;
}
#second
{
	width: 120px;
}
#third
{
	width: 320px;
	padding: 0 0 0 288px;
}
#text-4
{
	color: #ADADAD;
	font: 16px BDCartoonShoutRegular, serif;
}
#text-5
{
	color: #ADADAD;
	font: 15px times, serif;
	margin: 15px 0 0;
}
#text-6
{
	color: #676767;
	font: italic 12px times, serif;
	margin: 37px 32px 0 0;
}