html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {line-height: 1;}

ol, ul {
	list-style: none;
}

blockquote, q {quotes: none;}

/* remember to define focus styles! 
*/:focus {
	outline: 0;
}
/* remember to highlight inserts somehow! 
*/ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup 
*/table {
	border-collapse: collapse;
	border-spacing: 0;}




body {
margin-top: 20px;
margin-bottom: 50px;
background: #ffffff url();
}


.thumbs {

}



.inforubrik {

text-align: right;
color: #c0c0c0;
margin-bottom: 6px;
font-size: 18px;
letter-spacing: 1px;
font-family: georgia;
}


a {color: #3b5998; text-decoration: none;}
a:hover {color: #000000; text-decoration: none;}

a img {
border: 0px;
border-bottom: 0px;
}

.nav a img {
border: 0px;
border-bottom: 0px;
} 


.bloggsok {
text-align: right;}

#wrapper {
border: 1px solid #314e00;
background: #ffffff;
margin: 0px 0px 50px 0px;
width: 850px;
}

#wrapper2 {
width: 850px;
position: absolute;
clear:none;
margin-bottom: 50px;
left: 20px;
}


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










p {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}

#header {
background: url(http://inspireramera.se/images/2012/header_187268242.jpg) no-repeat;
border: 0px solid #314e00;
margin: 10px 0px 20px 0px;
width: 850px;
height: 265px;
}


#footer {
background: #FFFFFF url(http://inspireramera.se/images/2012/under_186428360.jpg) no-repeat;
width: 850px;
position:relative;
float: right;
margin: 0px 0px 0px 0px;
height: 177px;   
} 





#side2 {
border-right: 0px dotted #dbdbdb;
padding-right: 0px;
float: right;
width: 190px;
margin-right: 10px;
margin-top: 20px;
}

#side {
position: absolute;
width: 260px;
margin-right: 10px;
margin-top: 20px;
left: 890px;
top: -20px;
}

#content {
border-right: 1px dotted #000000;
overflow: hidden;
width: 600px;
position:relative;
padding-right: 10px;
padding-left: 15px;
margin-left: 10px;
margin-top: 15px;
float: left;
}

#header a {

}

h1 {
font-family: trebuchet ms, tahoma, arial;
font-size: 15px;
font-weight: bold;
color: #363636;
text-transform:normal;
}

h2 {
font-family: trebuchet ms, tahoma, arial;
font-size: 16px;
font-weight: bold;
color: #363636;
}

/** Entry headers **/
h3 {
font-family: century gothic, verdana, tahoma, arial;
font-size: 24px;
font-weight: normal;
color: #000000;
margin-top: 20px;
margin-bottom: 4px;
border-bottom: 1px dotted #000000;
text-align: left;
}


h3 a {color: #000000; text-decoration: none; border-bottom: #000000 0px solid;}
h3 a:hover {color: #000000; text-decoration: none; border-bottom: #000000 0px solid;}



.navheader {
border-bottom: #000000 dotted 1px;
font-family:  century gothic, arial;
font-size: 14px;
text-align: center;
font-weight: bold;
color: #000;
padding:0px;
margin-bottom:0px;
text-transform: uppercase;
}

.nav {
font-family: century gothic, verdana, Arial, Helvetica, Sans-serif;
font-size: 12px;
color: #000000;
margin: 15px 0px 0px 0px;
}

.nav ul {
text-align: justify;
margin: -5px 0px 5px 0px;
padding: 10px;
font-weight: normal;
color: #000000;
font-size: 11px;
}

.nav li {
line-height: 15px;
list-style: none;
padding: 0px;
margin: 0px;
font-weight: normal;
color: #FFFFFF;
border-bottom: 1px dotted #213029;
}


.nav li a { font-weight: normal; color: #333; text-decoration: none;}
.nav li a:hover { font-weight: normal; color: #000000;}

.nav2 {
font-family: verdana, Arial, Helvetica, Sans-serif;
font-size: 12px;
color: #333;
margin: 0px 0px 0px 0px;
}

.nav2 ul {
font-style: normal;
text-align: left;
margin: -5px 0px 5px 0px;
padding: 10px 0px 10px 0px;
font-weight: normal;
color: #333;
}



.nav2 li a { font-weight: normal; color: #333; text-decoration: none;}
.nav2 li a:hover { font-weight: normal; color: #000000;}


.nav3 {
font-family: verdana, Arial, Helvetica, Sans-serif;
font-size: 12px;
padding: 140px 0px 0px 20px;
color: #333;
margin: 0px;
}




.nav3 li a { font-weight: normal; font-style: italic; color: #333; text-decoration: none;}
.nav3 li a:hover { font-weight: normal; color: #000000;}



/** Post's body text **/
.entrybody {
background: #ffffff;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
color: #000000;
line-height: 150%;
padding: 10px 20px 15px 5px;
}

.entrybody a {color: #3b5998; font-weight: bold;}
.entrybody a:hover {color: #000000; text-decoration: none;}

/** 'Posted by' txt **/

.entrymeta {
margin-bottom: 70px;
font-family: verdana, arial, sans-serif;
font-size: 10px;
font-weight: normal;
font.style: italic;
color: #333;
text-align: left;
}

.entrymeta a { color: #3b5998; font-size: 12px;
}
.entrymeta a:hover { color: #000000; font-size: 12px;}

.entrymeta2 {
margin-top: 13px;
font-style: normal;
border-top: 0px dotted #9aa199;
font-family: arial, sans-serif;
text-transform: normal;
font-size: 11px;
letter-spacing: 0px;
font-weight: normal;
color: #aaaaaa;
text-align:right;
}

.entrymeta2 a { color: #aaaaaa; text-decoration: none; border-bottom: 0px;}
.entrymeta2 a:hover { color: #000000; text-decoration: underline; border-bottom: 0px;}

em {

font-style: normal;

font-weight: normal;

color: #000000;

}


.commentheader {
border-bottom: #dbdbdb dotted 0px;
font-family:  verdana;
font-size: 15px;
text-align: left;
font-weight: normal;
color: #FFFFFF;
background-color: #000000;
padding:5px;
margin-bottom:0px;
text-transform: normal;
}

.commenttext {
padding: 10px;
border: #9f7881 solid 0px;
text-align:justify;
font-family: verdana, trebuchet ms, arial, sans-serif;
font-size: 14px;
font-weight: normal;
color: #000000;
line-height: 130%;
}

.commentmeta {
padding: 5px;
background-color: #ffffff;
font-family:  arial, sans-serif;
font-size: 10px;
font-weight: normal;
color: #333;
margin: 0px 0px 20px 0px
}

.commentmeta a {color: #000000; text-decoration: none; border-bottom: 0px;}
.commentmeta a:hover { color: #000000; text-decoration: underline; border-bottom: 0px;}

.commentform {
font-family: verdana, arial, sans-serif;
font-size: 10px;
font-weight: normal;
color: #333333;
margin: 0px 0px 20px 0px
}

.separator {
border-top: 0px solid #CC00FF;
border-bottom: 0px solid #CC00FF;
margin: 5px;
}

.default {
font-family: Arial, Helvetica, Sans-serif;
font-size: 11px;
color: #333;
font-weight: bold;
padding: 0px 0px 10px 0px;
text-transform: normal;
}

.subside {
font-family: "Trebuchet MS" Verdana, Arial, Helvetica, Sans-serif;
font-size: 10px;
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 {
border: 0px solid #CC00FF;
background-color:#FFFFFF;
padding:2px;
margin: 0px 6px 6px 0px;
}

.thumbnail {
border: 2px solid #CC00FF;
background-color:#FFFFFF;
padding:2px;
margin: 0px 6px 6px 0px;
}

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

.fieldName{
font-family: tahoma, arial, sans-serif;
font-size: 11px;
margin: 0px 0px 12px 0px
}

select{
font-family: verdana, arial, sans-serif;
font-size: 11px;
}

/*****************************************************************************
* Calendar					                                                 *
*****************************************************************************/

#calendar {
color: #333333;
font-family: 'Trebuchet MS', Verdana, sans-serif;
padding: 10px;
text-align: center;
margin-bottom: 12px;
}

#calendar table {
padding: 1px;
/*border-collapse: collapse;*/
border: 0px;
}

#calendar table caption {
color: #666666;
font-family : Arial, Helvetica, Sans-serif;
font-size : 0.7em;
border-bottom: 1px solid #999999;
text-align: left;
font-weight: bold;
text-transform: uppercase;
padding: 3px;
letter-spacing: .3em;
}

#calendar table th {
text-align: center;
font-weight: bold;
font-size: xx-small;
}

#calendar table tr td {
border: 1px solid #666666;
text-align: center;
font-size: xx-small;
}

#calendar table tr ul  {
color: #666666;
list-style: dot;
margin: 0px 0px 0px 20px;
padding: 4 0 5 0;
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size : 0.7em;	
}

#calendar table tr td.cssDayMouseOver {
border: 1px dotted red;
cursor: hand;
}

#calendar table tr td.cssDayMouseOut {
border: 1px solid #666666;
}

#calendar table tr td.cssEntryBox {
border: 1px solid gray;
padding: 6px;
text-align: left;
background: #FFFFFF;
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size : 0.8em;
color: #666666;
}

#calendar table tr td ul li {
color: #666666;
}

#calendar table tr td div.cssDayEntryHeader {
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size : 0.8em;
text-align: left;
font-weight: bold;
padding: 4;
}

#calendar table tr td div.cssDayAvailable {
text-decoration: underline;
text-weight: bold;
}

form {
padding: 10px;
margin: 0px 0px 10px;
}

#profile {
font-family: century gothic, Arial, Helvetica, Sans-serif;
font-size: 14px;
font-weight: normal;
color: #000000;
margin: 0px;
margin-left: 14px;
}

#profile a { font-weight: normal; color: #461105; text-decoration: none;}
#profile a:hover { font-weight: normal; color: #e8687f;}

#profile h4{
font-family:  "Times New Roman", Times, serif;
font-size: 14px;
font-weight: bold;
color: #000000;
padding:5px 5px 0px;
margin-bottom:0px;
text-transform: uppercase;
}

#profile p{
}












.tabs{
width: 100%;
overflow: hidden;
border-bottom: 0px solid black; /*bottom horizontal line that runs beneath tabs*/
}

.tabs ul{
margin: 0;
padding: 0;
padding-right: 85px; /*offset of tabs relative to browser left edge*/
font: normal 14px Century Gothic, Verdana, georgia, century gothic, helvetica, courier new;
font color: #865a64;
list-style-type: none;
padding-right:
text-transform: uppercase;
text-align: center;
}

.tabs li{
display: inline;
margin: 0;
}

.tabs li a{
float: right; /*Ändra till right om du vill ha flikarna till höger*/
display: block;
width: 130px;
text-decoration: none;
margin: 0px 3px 0px 0px;
padding: 2px 0px 0px 0px; /*padding inside each tab*/
border-top: 1px solid #9f7881;
border-left: 1px solid #9f7881;
border-right: 1px solid #9f7881; /*right divider between tabs*/
color: #333;
background: #ffffff; /*background of tabs (default state)*/
}

.tabs li a:visited{
color: #333;
}

.tabs li a:hover, .tabs li.selected a{
background: #9f7881; /*background of tabs for hover state, plus tab with "selected" class assigned to its LI */
color: #ffffff;
}












#navbar {
	width: 100%;
padding-left: 40px;
overflow: hidden; 
}

#navbar li {
	list-style: none;
	float: left; } /* Ändra till right om du vill ha menyn till höger istället*/

#navbar li a {
	display: block;
width: 150px;
margin: 0px 3px 0px 0px;
	padding: 4px 0px 3px 0px;
border-top: 1px solid #000000;
border-left: 1px solid #000000;
border-right: 1px solid #000000;
border-bottom: 0px solid #000000;
	background-color: #000000; /*Ändra färgen på menyflikarna här*/
	color: #FFFFFF; /*Ändra färgen på texten här*/
	text-decoration: none;
text-align: center;
        font-family: century gothic, verdana; /*Ändra typsnittet här*/
        font-weight: normal;
font-size: 14px; } /*Ändra storleken på texten här*/

#navbar li ul {
	display: none; 
	width: 140px; /* Ändra bredden på undermenyn här */
	background-color: #ffffff;}

#navbar li:hover ul, #navbar li.hover ul {
	display: block;
	position: absolute;
	margin: 0;
	padding: 0;
        z-index: 1; }

#navbar li:hover li, #navbar li.hover li {
	float: none; }

#navbar li:hover li a, #navbar li.hover li a {
	background-color: #000000; /*Ändra färgen på undermenyn*/
	color: #FFFFFF; font-weight: normal; } /*ändra textfärgen på undermenyn här*/

#navbar li li a:hover {
	background-color: #80817e; } /*Ändra färgen när man håller musen över undermenyn*/