/***************************************************
CSS Style to WolfMoon
By: Cecilia Engdahl http://www.adrenaline-graphics.se
All rights reserved/*
Theme Name: WolfMoon
Author: Cecilia Engdahl
Version: 1.0
Tags: Personal
**************************************************/

/***************************************************
		IE FIX
***************************************************/
img { 
 behavior: url(iepngfix.htc);
border:none; 
}

/***************************************************
		Basic
***************************************************/

body

{

		background:transparent url(images/bg.jpg) repeat;
		margin:0;
		font-family: Arial, verdana, sans-serif;
		font-size:12px;
}
}

p
{
	font-family: Arial, verdana, sans-serif;
	font-size:12px;
	color:#000000;
}

h1
{
	font-family: 'Tangerine', arial, serif; 
	font-size:18px;
	color:#538e93;
	font-weight:bold;
}
h2
{
	font-family: 'Tangerine', arial, serif; 
	font-size:14px;
	color:#538e93;
	font-weight:bold;
}
a:link,
a:visited,
a:active
{
	font-family: Arial, verdana, sans-serif;
	color:#538e93;
	border:none;
}
a:hover
{
	font-family: Arial, verdana, sans-serif;
	color:#afacac;
	border:none;

}

ul,li
{
	list-style: none;

}
/***************************************************
		Page Skeleton
***************************************************/
#wrapper {
	width: 950px;
	padding:0px;
	margin: 0 auto;
	border:1px solid #538e93;
	-webkit-box-shadow: #fff 0px 5px 3px;
	-moz-box-shadow: #fff 0px 2px 3px;
	box-shadow: #fff 0px 2px 3px;
	-webkit-border-radius: 0 0 10px 10px;
	-moz-border-radius: 0 0 10px 10px;
	border-radius: 0 0 10px 10px;
	behavior: url(PIE.htc);
	margin-bottom:30px;
}
#header
{
		width: 950px;
		height:240px;
		margin: 0 auto;
}
	.headerimg
	{
		width: 950px;
		height:240px;
		margin:0 auto;
		background: transparent url(images/header.jpg) no-repeat;
		position:relative;
	}
#container
{
	margin:0 auto;
	width: 930px;
	height:100%;
	background:#ffffff;
	padding:10px;

}
.left
{
	float:left;
	width:250px;
	height:100%;
	position:relative;
	padding-left:25px;
	padding-top:25px;
	padding-bottom:25px;
	
}
.right
{
	float:right;
	width:580px;
	height:100%;
	position:relative;
	padding-right:25px;
	padding-top:25px;
	padding-bottom:25px;
}

.container p,
.storycontent p
{
	font-family: Arial, verdana, sans-serif;
	font-size:12px;
	line-height:18px;
	color:#000000;


}
.stitle,
.page h1
{
	width:580px;
	margin-bottom:5px;

}

.storytitle h1,
.page h1,
.storytitle  a:link,
.storytitle  a:visited,
.storytitle  a:active
{

	font-family: 'Tangerine', arial, serif; 
	font-size:50px;
	color:#538e93;
	text-decoration:none;
	font-weight:bold;

}
.storycontent
{

}
.share
{
	width:200px;
}

.post
{
	padding-bottom:20px;
}
.meta
{
	border-top: 1px solid #ffd46d;
	border-bottom: 1px solid #ffd46d;
	height:20px;
	font-weight:bold;
	padding-top:3px;
	font-size:12px;
	color:#ffd46d;

}

/***************************************************
		Sidebar
***************************************************/

#sidebar
{
	width:200px;


}
.rightBox h2
{
	width:180px;
	border-bottom:0px;
	-webkit-border-radius: 10px 10px 0 0;
	-moz-border-radius: 10px 10px 0 0;
	border-radius:10px 10px 0 0;
	background: #71878d;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#839ca4), to(#71878d));
	background: -moz-linear-gradient(#839ca4, #71878d);
	background: linear-gradient(#839ca4, #71878d);
	-pie-background: linear-gradient(#839ca4, #71878d);
	behavior: url(http://www.wolfmoon.se/PIE.htc);
	font-weight:bold;
	font-size:18px;
	padding-left:20px;
	padding-top:5px;
	margin-bottom:0px;
	#margin-top:-20px;
}
.rightBox
{
	width:200px;
	background: #71878d;
	border: 1px solid #ffd46d;
	padding-left:0px;
	margin-bottom:0px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	behavior: url(http://www.wolfmoon.se/PIE.htc);
	margin-bottom:40px;


}
ul.rightbox
{
	margin-left:-20px;
}
/***************************************************
		Footer
***************************************************/
#footer
{
	width:930px;
	height:100px;
	margin:0 auto;
	background: #fff;
	padding:10px;
	position:relative;
		-webkit-border-radius: 0 0 10px 10px;
	-moz-border-radius: 0 0 10px 10px;
	border-radius: 0 0 10px 10px;
	behavior: url(PIE.htc);

}
/* homeboxes */

#homeBoxes {
	overflow:hidden;
	margin:0px;
	padding:0px;
}

#homeBoxes .homeBox {
	float:left;
	margin-left:20px;
	margin-right :20px;
	width:220px;
	height:150px;
	border: 1px solid #afacac;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius:10px;
	background: #818180;
	behavior: url(http://www.wolfmoon.se/PIE.htc);
	padding-left:20px;
	padding-right:20px;
	padding-top:0px;
	#padding-top:10px;
	font-size:12px;
	margin-top:0px;
	list-style: none;
	
	


}
#homeBoxes .homeBox h2 
{
	font-family: 'Tangerine', arial, serif; 
	font-size:16px;
	color:#ffffff;
	font-weight:bold;
	text-transform:uppercase;
	

}
#homeBoxes .homeBox img {

	background:#fff;
	padding:1px;
}

#homeBoxes .homeBox img:hover {
	border-color:#F9F9F9;
}


#homeBoxes .last{
	margin-right:0;
}


.more-link {
	padding:20px 0 0 0;
	float:right;
}


p.footer 
{
	font-size:12px;
	margin:0 auto;
	padding-left:20px;
	color:#538e93;
	text-align:center;
	margin-top:30px;
}
p.footer a
{
	font-size:10px;
	color:#538e93;
}
/* =Menu
-------------------------------------------------------------- */
#access {
	padding:0px;
	position:relative;
	margin-top:-27px;
	
	
}
#mainMenu
{
	margin: 0;
    padding: 0;
    overflow: hidden;
    margin-bottom: -1px;
    height: 2.25em;

}

#access .menu-header,
div.menu {
 margin: 0;
    padding: 0;
    overflow: hidden;
    margin-bottom: -1px;
    height: 2.25em;
}
#access .menu-header ul,
div.menu ul {

}
#access .menu-header li,
div.menu li {
	float:left;
	position: relative;
	 float: left;
    list-style: none;
    margin: 0;
    padding: .25em .25em 0;
    height: 2em;
    overflow: hidden;
    position: relative;
    z-index: 1;
    border-bottom: 1px solid #FFF;
	
	
	;
}
#access a {
	display:block;
	font-family: Georgia;
	font-size:15px;
	text-decoration:none;
	color:#fff;
	line-height:38px;
	 float: left;
    height: 2em;
    line-height: 2em;
    -webkit-border-radius: 8px 8px 0 0;
    -moz-border-radius: 8px 8px 0 0;
    border-radius: 8px 8px 0 0;
    background:#538e93;
    border:1px solid #538e93;
    border-bottom: 0;
    padding: 0 10px;
    text-decoration: none;
    behavior: url(http://www.wolfmoon.se/PIE.htc);
}
#access ul ul {
	display:none;
	position:absolute;
	top:38px;
	left:0;
	float:left;
	box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	width: 180px;
	background:#538e93;


}
#access ul ul li {
	min-width: 180px;	
}
#access ul ul ul {
	left:100%;
	top:0;
}
#access ul ul a {
	height:auto;
	line-height:1em;
	padding:10px;
	width: 160px;
}
#access li:hover > a,
#access ul ul :hover > a {
}
#access ul li:hover > ul {
	display:block;
}
#access ul li.current_page_item > a,
#access ul li.current-menu-ancestor > a,
#access ul li.current-menu-item > a,
#access ul li.current-menu-parent > a {
	    background: #FFF;
    -webkit-box-shadow: #CCC 0 0 .25em;
    -moz-box-shadow: #CCC 0 0 .25em;
    box-shadow: #CCC 0 0 .25em;
	color:#538e93;
}

* html #access ul li.current_page_item a,
* html #access ul li.current-menu-ancestor a,
* html #access ul li.current-menu-item a,
* html #access ul li.current-menu-parent a,
* html #access ul li a:hover {
	    background: -webkit-gradient(linear, 0 0, 0 70%, from(#EEF), to(#FFF));
    background: -moz-linear-gradient(#EEF, #FFF 70%);
    background: linear-gradient(#EEF, #FFF 70%);
    -pie-background: linear-gradient(#EEF, #FFF 70%);
	color:#538e93;
}