/* Bakgrundsbild, ändra denna om du vill ha en egen bakgrund, ex från subtlepatterns.com */
body {
background: #fcfcfc;
margin: 0px;
background-repeat: no-repeat;
background-position: center center;
background-attachment: fixed;
padding: 0px 0px 14px;
text-align:center;
color:#999999;
}

/* Headerbild, ändra denna om du vill ha en egen header */
#header {
background: url(http://i39.tinypic.com/2vwbmyr.png);
margin: 0px;
padding: 0px 0px 0px 0px;
width: 818px;
height: 300px;
text-align: left;
border-top: 0px none;
position:relative;
}

#header h1 {
position:absolute;
bottom:208px;
left:280px;
text-transform:uppercase;
letter-spacing:-.05em;
}

#header h1 a {
margin:0;
padding:0;
text-decoration:none;
color:rgba(255, 255, 255, 0.9);
*color:#fff;
}

a {color: #4a4747;text-decoration:none;}
a:hover {
color: #f2dada;
text-decoration:none;
}

#wrapper {
text-align: left;
width: 888px;
position:relative;
margin:0px auto;
padding: 50px 10px 10px;
vertical-align: top;
left: -50px;
}




p {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
#side {
background: #fcfcfc;
width: 196px;
padding: 5px 0px 0px 0px;
float: right;
display: inline;
position: absolute;
right: -121px;
top: 354px;}


#content {
overflow: hidden;
width: 818px;
float: left;
background: #fcfcfc;
padding: 0px 0px 10px;
voice-family:"\"}\"";
voice-family:inherit;
text-align: left;
vertical-align: top;
border-top: 0px solid;
border-right: 1px solid #aeadad;
margin: 0px
border-right: 1px solid black;
}

#header a { color: #575655; text-decoration: none; }

h1 {
font-family: arial, verdana, sans-serif;
font-size: 2.2em;
font-weight: bold;
color: #FFF;
margin-top:20px;
margin-bottom:0px;
padding:0px;
}

h2 {
font-family: verdana, arial, sans-serif;
font-size: 10px;
font-weight: bold;
text-transform: uppercase;
color: #FFF;
margin-top:4px;
margin-bottom:0px;
margin-left: 0px;
padding:0px;
text-transform:uppercase;
}

/** Entry headers **/
h3 {
font-family: Georgia;
font-weight: normal;
font-size: 30px;
padding: 2px 2px 3px 5px;
text-align: center;
color: #7c7c7c;
background: #fcfcfc;
margin: 0px 5px 0px;
text-transform: none;
border-bottom: 1px dashed #aeadad;
}

.navheader {
font-family: Georgia;
font-size: 20px;
font-weight: normal;
color: #4a4747;
border-bottom: 1px dashed #aeadad;
margin: 2px 5px 5px;
text-align: left;
}

.nav {
font-family: verdana;
font-size: 10px;
color: #4a4747;
padding:0px 0px 0px;
margin-bottom:0px;
background-color:#fcfcfc;
}

.nav ul {
padding: 0px 0px 6px;
font-weight: normal;
margin: 0px;
text-align: normal;
}

.nav li {
list-style: none;
padding: 0px 0px 2px;
font-weight: normal;
margin: 0px;
text-align: normal;
}

.nav a { color: #4a4747;text-decoration:none;
text-align: normal;}
.nav a:hover { color: #f2dada;text-decoration:none;
text-align: normal;
}

/** Post's body text **/
.entrybody {
font-family: verdana;
font-size: 10px;
font-weight: normal;
color: #8b8b8b;
line-height: 140%;
text-align:justify;
padding:15px;
margin: 10px 0px 0px 0px;
}

/** 'Posted by' txt **/
.entrymeta {
font-family: verdana, arial, sans-serif;
font-size: 10px;
font-weight: normal;
color: #666;
padding: 1px;
text-align: right;
}

.entrymeta a { color: #726b7b; text-decoration:none;}
.entrymeta a:hover { color: #999999;text-decoration:none; 
}


.commentheader {
font-family: georgia;
letter-spacing: 0.5px;
border-right: 1px solid #e0e1d6;
border-left: 1px solid #e0e1d6;
border-top: 1px solid #e0e1d6;
border-bottom: 1px solid #d6d7cc;
font-size: 14px;
text-align: left;
text-transform: normal;
background: #fbf8f1; 
font-style: normal;
margin-left:5px;
margin-right:5px;
padding-left:7px;
padding-top: 3px;
padding-bottom: 3px;
color: #797572;

}

.commenttext {
letter-spacing: .0em;
border-right: 1px solid #e0e1d6;
border-left: 1px solid #e0e1d6;
font-family: tahoma;
font-size: 12px;
text-align: left;
background: #fff;
font-weight: normal;
margin-left:5px;
margin-right:5px;
padding-top:12px;
padding-bottom:10px;
padding-left: 17px;
padding-right: 17px;
color: #666666;
line-height: 150%;
}
.commentmeta {
letter-spacing: 0.5px;
border-right: 1px solid #e0e1d6;
border-left: 1px solid #e0e1d6;
border-bottom: 1px solid #e0e1d6;
border-top: 1px dotted #e0e1d6;
font-family: tahoma;
font-size: 10px;
line-height: 150%;
text-align: left;
margin-left:5px;
margin-right:5px;
margin-bottom:10px;
padding-top:2px;
padding-right:15px;
padding-left:17px;
padding-bottom:3px;
font-style: normal;
font-weight: normal;
color: #7e7e77;
background: #fff;
}

.commentmeta a { color: #231d39; text-decoration:none;}
.commentmeta a:hover { color: #d21d2e;text-decoration:none; 
}

.response, .response-by {
font-family: verdana,arial,sans-serif; 
font-size: 10px;
border-left: 1px solid #DCDDD5;
border-right: 1px solid #DCDDD5;
margin: 0 30px;
width: 551px;
display: block;
padding: 10px;
}

.response-by { padding-top: 0px; border-bottom: 1px solid #DCDDD5; }

.commentform {
font-family: verdana, arial, sans-serif;
font-size: 11px;
font-weight: normal;
color: #333;
margin: 0px 0px 5px 0px;
padding:2px 30px;
}




.separator {
display:none;
}
.default {
display:none;
}

.subside {
font-family: "Trebuchet MS" Verdana, Arial, Helvetica, Sans-serif;
font-size: .7em;
font-weight: normal;
padding: 0px 0px 0px 0px;
}


.xmlButton {
border:1px solid;
border-color:#FC9 #630 #330 #F96;
padding:0 3px;
font:bold 10px Verdana, Arial, Helvetica, Sans-serif;
color:#FFF;
background:#F60;
text-decoration:none;
margin:0;
}

.image {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}

.thumbnail {
border: 2px solid #889977;
margin: 0px 6px 6px 0px;
}

.video{
padding: 0px 0px 30px 30px;
}

.fieldName{
font-family: Verdana, Arial, Helvetica, Sans-serif;
font-size: 11px;
margin: 0px 0px 12px 0px
}

select{
font-family: Verdana, Arial, Helvetica, Sans-serif;
font-size: 11px;
}

form {
margin: 0px 0px 6px;
padding-left: 10px;
}
em {
margin: 0px;
padding: 0px;
border: 0px none;
text-align: left;
letter-spacing: 0.1em;
}

#profile {
text-align:center;
font-family: verdana, arial, sans-serif;
font-size: 12px;
font-weight: normal;
margin-bottom: 10px;
}

#profile h4{
font-family: arial, verdana, sans-serif;
font-size: 15px;
font-weight: bold;
color: #000000;
margin-bottom: 3px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 6px 0px;
}

#profile p{
}

#profile p a{

}

/*Clearfix - ändra ej*/
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}


#box-slidedown {
text-align: center;
font-size: 11px;
position:fixed;
left:5px;
top:-190px;
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
z-index:999;
}

#box-slidedown:hover {
top:10px;
}

#header-slidedown {
border-bottom:1px #b5b5b5 solid;
text-align: center;
font-size: 11px;
position:fixed;
left:10px;
top:-58px;
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
background-color:#eee;
z-index:999;
}

#header-slidedown:hover {
top:0px;
}

#title-slidedown {
font-size:10px;
text-transform:normal;
font-family:calibri;
letter-spacing:1px;
border-width:1px;
border-color:#b5b5b5;
text-align: center;
height:8px;
padding: 5px 0 8px 0;
background:#eee;
width: 70px;
}

#text-slidedown {
font-family:calibri;
font-size:10px;
text-transform:normal;
letter-spacing:1px;
border-right-style:dashed;
border-left-style:dashed;
border-width:1px;
border-color:#b5b5b5;
padding: 2px 0 5px 0;
background: #fff;
width:160px;
height:100px;
z-index: 9999;
}




#slidedown {
text-align: left;
font-size: 9px;
position: fixed;
font-family: verdana;
left: 0px;
width: 100%;
top:-155px;
-webkit-transition: all .6s ease-in-out;
-moz-transition: all .6s ease-in-out;
-o-transition: all .6s ease-in-out;z-index:999;
}


#image {
padding: 0px 0px 0px 0px;
background: url();
width: 100%;
z-index: ;
}


#slidedown:hover {
top:0px;
text-align: left;
}

#slidedown a { color: #a0a0a0; text-decoration: none;}
#slidedown a:hover{color: #e1e1e1; text-decoration:none;
}

#slidedowntab {
font-family:century gothic;
width: 100%;
text-align: left;
height: 200px;
margin-left: 50px;
background: url(http://i41.tinypic.com/2rhrcwl.png) no-repeat;
}

#menu {
	background: #f5f5f5;
	width: 100%;
	color: #999;
border-bottom: 4px solid #fff;
margin-top: -24px;
	-webkit-box-shadow: 0px 5px 3px -3px rgba(90, 90, 90, 0.3);
	box-shadow: 0px 5px 3px -3px rgba(90, 90, 90, 0.3);
}


.ie7 #menu {
	position: static;
}

#menu-inner {
	width: 1200px;
	margin: 0 auto;
	padding: 0px 0;
 	position: relative;	
}

#menu-items>div {
	float: left;
	width: 150px;
	margin-right: 70px;
 
}

#menu-inner a:hover {
	color: #a0a0a0;
text-align: left;

}

#menu-inner ul {
	list-style: none;
text-align: left;

}

#menu-inner li {
font-family: calibri, sans-serif;
 text-transform: normal;
	margin-bottom: 0px;
	font-weight: 400;
	font-size: 11px;

}

#menu-inner h4.navheader {
	color: #8b8b8b;
text-align: left;
border-bottom: 0px dashed #eee;
font-family: times new roman, sans-serif;
	font-size: 16px;
	margin-bottom: 5px;
 margin-left: 40px;
font-weight: 300;

}


#menu-items {
	padding: 20px 0;
	margin-left: 30px;

}

#menu-inner #menu-button {
	position: absolute;
	right: 0;
	bottom: 0px;
	background: none;
	margin-right: 0;	
	padding: 0px 0px;
	width: 490px;
	border-radius: 0 0 3px 3px;
	cursor: pointer;
	text-align: left;
	-webkit-box-shadow: 0px 5px 10px -3px rgba(80, 80, 80, 0.1);
	box-shadow: 0px 5px 10px -3px rgba(80, 80, 80, 0.1);
	font-weight: 400;
}

#profile p a:hover{

}