/* 
Theme Name: Fairy Wings
Theme URI: http://wordpress.fairhost24.de
Description: <a href="http://netztaucher.com">die netztaucher</a> schrieben dieses Template für den OnlineShop von fairywings.de.
Version: 1.0
Author: Marco Neuber
Author URI: http://netztaucher.com
*/
/*
Design by Gerhard Koch
*/
*				{margin:0; padding:0;}
html			{height: 100%;margin: 0;padding: 0;}
body			{margin:0;padding:0;color:#fff;background:url('hg') #87100b repeat-x;background-attachment:fixed; font-family:Arial;font-size:0.75em;}
#header			{height:215px; border-bottom:0px solid white;background:url('hg-header.jpg') repeat-x}
#header img 	{border:0;}
#headerlogo	 	{margin:0 auto;width: 1125px; overflow:hidden; height:215px; background:url('header.jpg') no-repeat;}
#wrapper		{background:url('hg_wrapper.jpg') no-repeat top center fixed;}
#page			{margin:0 auto;width:980px;}
#leftcontent	{margin-left:6px;width:219px;float:left;}
#leftnav		{padding-left:28px;}


html>body #leftcontent	{margin-left:12px;}
#rightcontent			{background:#000; padding-left:10px; width:637px; margin:0 0 0 20px; float:left; border:3px solid white;}
html>body #rightcontent {padding-top:0;}
.clearleft				{clear:left;}
#footer					{height:38px;margin:auto;width:705px;}
#footercon				{margin:0 auto;width:724px;text-align:center;}
#content				{padding: 9px;}
.narrowcolumn			{}

.post h2 a				{text-decoration:none;}
#rightcontent a			{color:#f37800;}
#rightcontent p			{margin:8px 0 8px 0; line-height:1.3em; font-size:1.2em; text-align:justify; padding:0 10px 0 0;}
#rightcontent a:hover	{text-decoration:none;}
#rightcontent h2		{font-size:1.5em; margin:10px 0 15px 0; font-weight:lighter;}

#leftcontent			{margin:150px 0 0 0; height:800px; width:230px;}
#leftcontent a			{color:#fff; font-size:1.4em; font-weight:lighter; text-decoration:none;}
#leftcontent ul			{list-style:none; margin-bottom:10px;}
#leftcontent li			{}
#leftcontent ul li		{text-align:right;}
#leftcontent ul ul li	{}
#leftcontent ul ul li a	{display: block;margin-left:0; padding: 6px 0 1px 3px;}


html>body #leftcontent ul ul li a	{}
#leftcontent ul ul li a:hover		{text-decoration:underline;;}
#leftcontent ul ul ul li			{}
#pagenav							{}
#pagenav ul							{}
#pagenav ul li						{}

#searchform #s {
width:150px;
border:1;
}
#searchsubmit {
background-color:#E44A00;
color:#FFFFFF;
border:0;
}
.postmetadata {
background-color:#f9f9f9;
font-size:0.8em;
padding:2px;
border-style:dotted;
border-color:#ccc;
border-width:1px;
}


#comment {
width:90%;
background-color:#FFDAA3;
border: 0;}

#commentform input {
background-color:#FFDAA3;
color:#333;
border: 0;
}

.alt {}
blockquote {
margin : 15px 10px 0 10px;
font-style:italic;
padding:0 5px 0 5px;
color:#888;}

.alignright {
padding : 1px 2px 0 4px;
font-weight : bold;
color : #222;
float : right;
}

.alignleft {
padding : 1px 2px 0 4px;
font-weight : bold;
color : #222;
float : left;
}
.navigation {
padding-bottom:20px;
}
html > body .entry ul {
margin-left : 20px;
padding : 0 0 0 30px;
list-style : disc;
padding-left : 10px;
}

.shoppingcart					{width:210px;}
#leftnav li.page_item.current_page_item a {color:#000;}

ul {margin:20px 0 30px 0;}
ul li {font-size:110%;}

.links  {float:left; margin:0 15px 0 0; width:285px;}
.rechts {float:left; width:300px;}

/* =Hoverbox Code
----------------------------------------------------------------------*/

.hoverbox
{
	cursor: default;
	list-style: none;
}

.hoverbox a
{
	cursor: default;
}

.hoverbox a .preview
{
	display: none;
}

.hoverbox a:hover .preview
{
	display: block;
	position: absolute;
	top: -33px;
	left: -45px;
	z-index: 1;
}

.hoverbox img
{
	background: #fff;
	border-color: #aaa #ccc #ddd #bbb;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	padding: 2px;
	vertical-align: top;
	width: 100px;
	height: 75px;
}

.hoverbox li
{
	background: #eee;
	border-color: #ddd #bbb #aaa #ccc;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	display: inline;
	float: left;
	margin: 3px;
	padding: 5px;
	position: relative;
}

.hoverbox .preview
{
	border-color: #000;
	width: 250px;
	height: 175px;
}