/*  
Theme Name: K9 Logic
Theme URI: http://www.k9logic.com.au/
Theme Author: Alex Southan
Author URI: http://tiptapdesign.co.uk/
Description: Zoe Thayer, Dog Listener
*/
*
{
	border:0;
	margin:0;
	padding:0
}

body
{
	font:100% Georgia, Helvetica, Serif;
	color:#000;
	background:url(graphics/bg.gif) repeat-x 0 0
}

/********************************************************************
							ELEMENTS
********************************************************************/
a:link,a:visited
{
	color:#267295;
	text-decoration:underline
}

a:hover
{
	color:#fff;
	background-color:#5B544C;
	text-decoration:none
}

h1,h2,h3
{
	font-weight:400
}

h1
{
	font-size:1.4em;
	text-align:center;
	padding:0 0 10px
}

h2
{
	font-size:1.2em;
	margin:5px 0;
	padding:15px 0
}

h2.inline
{
	font-size:.9em;
	float:left;
	display:inline;
	margin:0;
	padding:0 1px
}

h3
{
	font-size:1.1em;
	padding:10px 0
}

p
{
	font-size:.9em;
	line-height:1.4em;
	padding:0 10px 10px
}

p.light
{
	color:#696969
}

blockquote,code
{
	display:block;
	font-size:.8em;
	border-left:5px solid #ddd;
	margin:10px 0 10px 15px;
	padding:5px
}

blockquote blockquote
{
	font-size:inherit
}

code
{
	font-size:1em
}

#content ul,#content ol
{
	font-size:1em;
	line-height:1.4em;
	margin:0 50px 20px
}

#content ul
{
	list-style-image:url(graphics/listpaw.jpg)
}

#content ul li,#content ol li
{
	margin:14px 10px;
	padding:0
}

#content li ul
{
	list-style-image:none;
	list-style-type:circle;
	font-size:.9em;
	margin:0 0 0 20px
}

#content img
{
	border:2px solid #55534D;
	margin:5px 10px;
	padding:1px
}

#content img.no-border
{
	border:none
}

#content a:hover img
{
	background:#fff;
	border-color:#BEDCDE
}

/********************************************************************
							LAYOUT
********************************************************************/
#wrapper
{
	background:#fff url(graphics/bg-shadow.gif) repeat-x 0 0;
	width:760px;
	margin:0 auto;
	padding:20px 5px
}

#content
{
	min-height:400px;
	background:url(graphics/paws.jpg) no-repeat 100% 100%;
	padding:0 5px 15px
}

#content.narrow
{
	float:left;
	width:540px;
	background:none
}

#wrapper:after,#content:after
{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden
}

#banner
{
	background-repeat:no-repeat;
	background-position:50% 0;
	position:relative;
	top:-30px;
	margin-bottom:-15px;
	height:224px;
	background-image:url(graphics/banner-blog.jpg)
}

#leftcol
{
	float:left;
	width:350px;
	margin-top:10px;
	padding-right:10px;
	background:transparent url(graphics/divider.jpg) no-repeat 100% 50%
}

#rightcol
{
	float:right;
	width:375px;
	margin-top:10px
}

#sidebar
{
	float:right;
	width:200px
}

#footer
{
	font-size:0.7em;
	width:100%;
	clear:both;
	height:50px;
	text-align:center;
	position:relative;
	top:20px
}

/********************************************************************
							NAVIGATION
********************************************************************/
#nav
{
	width:806px;
	height:65px;
	background-repeat:no-repeat;
	background-position:18px 75px;
	margin:15px auto 0;
	padding:0 0 10px
}

#nav li
{
	display:inline;
	margin:0;
	padding:0
}

#nav a
{
	background:url(graphics/nav.gif) no-repeat 0 15px;
	display:block;
	height:65px;
	width:101px;
	float:left;
	text-indent:-9999px;
	border:none;
	padding:0
}

#nav li.home a
{
	width:99px
}

#nav li.blog a
{
	background-position:-99px 15px
}

#nav li.about a
{
	background-position:-200px 15px
}

#nav li.consultations a
{
	background-position:-301px 15px
}

#nav li.amichien-bonding a
{
	background-position:-402px 15px
}

#nav li.feedback a
{
	background-position:-503px 15px
}

#nav li.links a
{
	background-position:-604px 15px
}

#nav li.contact a
{
	background-position:-705px 15px
}

#nav li.home a:hover
{
	background-position:0 -50px
}

#nav li.blog a:hover,#blog-page #nav li.blog a
{
	background-position:-99px -50px
}

#nav li.about a:hover,#about-page #nav li.about a
{
	background-position:-200px -50px
}

#nav li.consultations a:hover,#consultations-page #nav li.consultations a
{
	background-position:-301px -50px
}

#nav li.amichien-bonding a:hover,#amichien-bonding-page #nav li.amichien-bonding a
{
	background-position:-402px -50px
}

#nav li.feedback a:hover,#feedback-page #nav li.feedback a
{
	background-position:-503px -50px
}

#nav li.links a:hover,#links-page #nav li.links a
{
	background-position:-604px -50px
}

#nav li.contact a:hover,#contact-page #nav li.contact a
{
	background-position:-705px -50px
}

/********************************************************************
							BANNERS
********************************************************************/
#home-page #banner
{
	background-image:url(graphics/banner-home.jpg)
}

#about-page #banner
{
	background-image:url(graphics/banner-about.jpg)
}

#consultations-page #banner
{
	background-image:url(graphics/banner-consult.jpg)
}

#amichien-bonding-page #banner
{
	background-image:url(graphics/banner-amichien.jpg)
}

#feedback-page #banner
{
	background-image:url(graphics/banner-feedback.jpg)
}

#links-page #banner
{
	background-image:url(graphics/banner-links.jpg)
}

#contact-page #banner
{
	background-image:url(graphics/banner-contact.jpg)
}

#error-page #banner
{
	background-image:url(graphics/banner-error.jpg)
}

/********************************************************************
							FORMATTING
********************************************************************/
#bookmarks ul li,#sidebar ul li
{
	margin:5px 10px
}

#sidebar ul
{
	font-size:.9em;
	margin:5px
}

#sidebar li
{
	list-style:none;
	clear:both;
	padding:3px 0
}

#sidebar h3
{
	font-weight:700;
	padding:8px 0 4px
}

#leftcol ul
{
	margin:0 0 0 25px
}

#leftcol ul li
{
	margin:7px 0 14px
}

#rightcol p
{
	font-size:0.95em
}

#footer a
{
	color:#000
}

#footer a:hover
{
	color:#000;
	background-color:#cfcac9
}

#search-form input.text
{
	float:left;
	width:130px;
	border-right:none
}

#search-form input.submit
{
	float:right;
	width:30px;
	border:2px solid #cecece;
	margin:0;
	padding:3px
}

.search-arrow
{
	background:url(graphics/search-arrow.gif) no-repeat 100% 0
}

.attachment
{
	text-align:center
}

#content .alignleft
{
	float:left;
	margin-left:0
}

#content .alignright
{
	float:right;
	margin-right:0
}

#content .large
{
	font-size:1em
}

/********************************************************************
							CALENDAR
********************************************************************/
#sidebar ul li#calendar h3
{
	display:none
}

#wp-calendar
{
	empty-cells:show;
	width:160px;
	margin:10px auto 0
}

#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;
	text-decoration:none
}

#wp-calendar caption
{
	text-align:center;
	width:100%
}

#wp-calendar td
{
	text-align:center;
	padding:3px 0
}

#wp-calendar td.pad:hover
{
	background-color:#000
}

/********************************************************************
							POSTS
********************************************************************/
h2.post-title
{
	font-size:1.4em;
	padding:0 0 5px
}

.post-title a:link,.post-title a:visited
{
	color:#000;
	font-weight:400;
	text-decoration:underline
}

.post-title a:hover
{
	color:#fff;
	text-decoration:none
}

.meta
{
	font-family:'Trebuchet MS', Verdana, Arial, sans-serif
}

.post-meta
{
	padding:20px 0 30px
}

.post-data, .nav-link
{
	font-size:.8em;
	border:1px solid #BAD9DC;
	border-right:none;
	border-left:none;
	margin:0 10px;
	padding:10px 0
}

.post-data small
{
	font-size:.85em
}

.clock
{
	padding-left:20px;
	background:url(graphics/time.gif) no-repeat 0 50%
}

.comment-data
{
	font-size:.7em
}

.await-mod,.post-data, .nav-link
{
	display:block;
	clear:both;
	text-align:center
}

.nav-link
{
	border: none;
	padding: 10px 0 0
}

.await-mod
{
	font-size:.8em;
	background:#DEEDF2;
	margin:10px 20px 0
}

.more-link
{
	float:right;
	padding-left:22px;
	background:url(graphics/read-more.gif) no-repeat 0 50%
}

.comments-link
{
	padding-left:22px;
	background:url(graphics/comments.gif) no-repeat 0 50%
}

.comments-link-closed
{
	padding-left:22px;
	background:url(graphics/comments-closed.gif) no-repeat 0 50%
}

.comment-text
{
	padding:10px 0 0
}

.edit
{
	float:right;
	font-size:0.8em;
	background:url(graphics/edit.gif) no-repeat 100% 50%;
	padding:10px 20px 10px 0
}

/********************************************************************
							COMMENTS
********************************************************************/
ol#comments
{
	width:500px;
	margin:10px 0 30px 20px
}

ol#comments img.avatar
{
	vertical-align:middle
}

ol#comments li
{
	background:#F4F4F3;
	clear:both;
	border-bottom:15px solid #fff;
	margin:5px 0;
	padding:5px
}

ol#comments li.alt
{
	background:#fff
}

ol#comments li.author
{
	background:#deedf2
}

/********************************************************************
							FORMS
********************************************************************/
#contact-form
{
	padding:0 20px
}

#comment-form
{
	width:470px;
	padding:0 0 0 30px
}

input.text,textarea
{
	font:.9em Arial, sans-serif;
	width:100%;
	border:2px solid #cecece;
	margin:0 0 10px;
	padding:4px
}

label
{
	display:block;
	padding:0 0 4px
}

.focus
{
	border-color:#9e9e9e
}

.message,.error
{
	font:1em Arial, sans-serif
}

.message
{
	line-height:1.3em;
	color:#fff;
	margin:0 5px 10px 20px;
	padding:8px
}

.error
{
	font-size:.7em;
	display:block;
	float:right;
	color:#2f2c2a;
	background:#DEEDF2;
	text-align:center;
	width:35%;
	padding:3px 0
}

.success
{
	background:#7BC4C6
}

.failed
{
	background:#8F857B
}

input.submit
{
	background:#BCDADD;
	border:1px dashed #423C36;
	color:#2f2c2a;
	cursor:pointer;
	margin:10px 0;
	padding:5px 10px
}

input.submit:hover
{
	background:#CFE9EA
}

input.submit:active
{
	padding:6px 9px 4px 11px
}