/*
Theme Name: Willowridge Kennel
Theme URI: http://www.willowridge.se/
Description: Custom theme made for Willowridge Kennel.
Version: 1.0
Author: Henrik Hedlund
Author URI: http://www.chaosmedia.se/
Tags: willowridge, kennel, custom

*/



/*****************************************************/
/** S T R U C T U R E                               **/
/*****************************************************/

html, body
{
	margin: 0;
	padding: 0;
}

#background
{
	width: 100%;
	height: 100%;
	
	position: fixed;
	left: 0;
	top: 0;
	z-index: -100;
}

#container
{
	width: 718px;
	margin: 0px auto;
	min-height: 100%;
}

#top
{
	background: transparent url('images/frame-top.png');
	background-position: bottom;
	background-repeat: no-repeat;
	
	height: 70px;
	overflow: hidden;
	position: relative;
}

#frame
{
	background: transparent url('images/frame-bg.png');
	background-repeat: repeat-y;

	min-height: 800px;
	height: auto !important; height: 800px; /* IE6 fix */
	
	margin-bottom: 0;
}

#frame > #header
{
	display: block;
	width: 688px;
	margin: 0px auto;
	padding: 5px 0 0 0;
}

#footer
{
	float:none;
	position: absolute;
	bottom: 0;
}

#filler
{
	background: transparent url('images/frame-bg.png');
	background-repeat: repeat-y;
	width: 718px;
	height: 50%;
	margin: 0;
	position: absolute;
	bottom: 0;
	z-index: -50;
}



/*****************************************************/
/** L O G O   &   M E N U                           **/
/*****************************************************/

#top > #logo
{
	position: absolute;
	top: 43px;
	left: 8px;
}

#top > ul
{
	list-style: none;
	position: absolute;
	top: 29px;
	right: 4px;
	height: 10px;
	margin-top: 16px;
}

#top > ul > li
{
	float: left;
	margin-right: 5px;
}

#top > ul > li > a
{
	display: block;
	background: transparent url('images/menu.png');
	background-repeat: no-repeat;
	background-position: 0 0;
	text-indent: -9999px;
	overflow: hidden;
	height: 11px;
}

#top > ul > li > a.current
{
	background-position: 0 -12px;
}

#top > ul > li > a#menu-news	{ width: 105px; background-position: 0 0; }
#top > ul > li > a#menu-about	{ width: 50px;  background-position: -113px 0; }
#top > ul > li > a#menu-dogs	{ width: 53px;  background-position: -170px 0; }
#top > ul > li > a#menu-puppies	{ width: 47px;  background-position: -247px 0; }
#top > ul > li > a#menu-contact	{ width: 57px;  background-position: -354px 0; }
#top > ul > li > a#menu-courses	{ width: 54px;  background-position: -418px 0; }

#top > ul > li > a#menu-news:hover		{ background-position: 0 -12px; }
#top > ul > li > a#menu-about:hover		{ background-position: -113px -12px; }
#top > ul > li > a#menu-dogs:hover		{ background-position: -170px -12px; }
#top > ul > li > a#menu-puppies:hover	{ background-position: -247px -12px; }
#top > ul > li > a#menu-contact:hover	{ background-position: -354px -12px; }
#top > ul > li > a#menu-courses:hover	{ background-position: -418px -12px; }

#top > ul > li > a#menu-news.current	{ background-position: 0 -12px; }
#top > ul > li > a#menu-about.current	{ background-position: -113px -12px; }
#top > ul > li > a#menu-dogs.current	{ background-position: -170px -12px; }
#top > ul > li > a#menu-puppies.current	{ background-position: -247px -12px; }
#top > ul > li > a#menu-contact.current	{ background-position: -354px -12px; }
#top > ul > li > a#menu-courses.current	{ background-position: -418px -12px; }


/*****************************************************/
/** C O N T E N T                                   **/
/*****************************************************/

#body
{
	font-family: Arial, sans-serif;
	padding: 0 40px 60px 40px;
}

#body h1
{
	font-family: "Helvetica Neue", sans-serif;
	font-weight: 200;
	font-size: 1.6em;
	text-align: center;
	color: #b8b8b8;
}

#body h2
{
	font-family: "Helvetica Neue", sans-serif;
	font-weight: 100;
	font-size: 1.4em;
	clear: both;
	margin-top: 2.0em;
	margin-bottom: 0.0em;
}

#body h3
{
	font-family: "Helvetica Neue", sans-serif;
	font-weight: 100;
	font-size: 1.0em;
	clear: both;
	margin-top: 2.0em;
	margin-bottom: 0.0em;
}

#body > small
{
	text-transform: capitalize;
	font-size: 0.6em;
	color: #b8b8b8;
	display: block;
	border-top: 1px dotted #ddd;
}

#body .entry
{
	font-family: Arial, sans-serif;
	font-size: 0.8em;
	line-height: 1.2em;
	width: 100%;
}

.alignleft
{
	float: left;
	margin: 0 0.8em 0.5em 0;
}

.alignright
{
	float: right;
	margin: 0 0 0.5em 0.8em;
}

a 		 { color: #416e69; text-decoration: underline; }
a:hover  { color: #56a69e; }
a:active { text-decoration: none; }


/*****************************************************/
/** C O N T A C T   F O R M                         **/
/*****************************************************/

#contactform
{
	width: 600px;
	margin: 2em auto;
}

#contactform .your-name > input,
#contactform .your-email > input,
#contactform .your-subject > input
{
	border: 1px dotted #666;
	font-size: 1.0em;
	line-height: 1.6em;
}

#contactform textarea
{
	border: 1px dotted #666;
	font-size: 1.0em;
	line-height: 1.6em;
	width: 600px;
	height: 6.4em;
}

#contactform .your-name > input:focus,
#contactform .your-email > input:focus,
#contactform .your-subject > input:focus,
#contactform textarea:focus
{
	background-color: #f8ffcc;
}

/*span.wpcf7-not-valid-tip-no-ajax
{
	background-color: #f3b9b9;
	color: black;
	display: inline;
}*/

div.wpcf7-response-output
{
	font-family: "Helvetica Neue", sans-serif;
	font-weight: 100;
	font-size: 1.6em;
	line-height: 1.6em;
	text-align: center;
	width: 600px;
	margin: 0 auto;
	padding: 0;
}

div.wpcf7-response-output.wpcf7-validation-errors
{
	border: 1px dotted #666;
	background-color: #f3b9b9;
}

div.wpcf7-response-output.wpcf7-mail-sent-ok
{
	border: 1px dotted #666;
	background-color: #bdf8c6;
}


/*****************************************************/
/** C O M M E N T S                                 **/
/*****************************************************/

.meta
{
	clear: both;
}

.meta > .comment-link
{
	font-family: Arial, sans-serif;
	text-decoration: none;
	font-size: 0.8em;
	line-height: 1.3em;
	padding: 0.4em;
	float: right;

	color: #555f5e;
	background-color: #e7f0ef;
	border: 1px dotted #666;
}

.meta > .comment-link:hover
{
	background-color: #f2fbfa;
	border: 1px solid #999;
}

.meta > .comment-link:active
{
	background-color: #c3cdcc;
	border: 1px solid #666;
}

.meta .comment-list
{
	list-style: none;
	width: 560px;
}

.meta .comment-list li
{
	border: 1px dotted #666;
	padding: 0.5em;
	background-color: #f0f7f6;
	font-size: 0.9em;
	position: relative;
	margin-bottom: 1.0em;
}

.meta .comment-list li p
{
	font-size: 0.9em;
}

.meta .comment-list li .comment-meta
{
	font-family: "Helvetica Neue", Arial, sans-serif;
	font-weight: 100;
	
	position: absolute;
	top: 0.5em;
	right: 0.5em;
	text-transform: capitalize;
	font-size: 0.8em;
	font-style: italic;
}

.meta .comment-list li .comment-author
{
	font-size: 0.8em;
	font-weight: bold;
	color: #666a69;
}

.meta .comment-list li .comment-meta a
{
	text-decoration: none;
	color: #8ea19f;
}

.meta .comment-list li .comment-author a
{
	text-decoration: none;
}

.comment-logged_in
{
	font-family: "Helvetica Neue", sans-serif;
	font-weight: 100;
	font-size: 1.3em;
	line-height: 1.6em;
	text-align: center;
	width: 600px;
	margin: 0 auto;
	padding: 0;
	border: 1px dotted #666;
	background-color: #f8ffcc;
}