/*
	Denna stilmall används för att definiera färger, bakgrunder, textformatering etc.
*/

/*
	OBSERVERA! Alla bakgrunder har en viss justering och "repeat" satt som standard. Bakgrundsfärgen för alla element är 		
	transparent som standard. Ändra detta beroende på desing och bakgrundens egenskaper och hur den ska "bete" sig på sidan.
*/

body {
	background: #bbb url('images/bg-body.png') repeat-y top center; /*Bakgrund topp-mitt-justerad repeat i x-led */
	font-size: 62.5%; /* Återställer 1em till 10px */
	font-family: Arial, Helvetica, sans-serif;
	color: #333; /* En mörk nyans av grått som standardfärg för alla texter. "Det är skönare för ögat" ;-) */
	text-align: center;
	}

/** GRUNDSTRUKTURENS FORMATERING Start**/
#page {
	background: none;
	text-align: left;
	}

/* Sidhuvud */
#header {
	background: #fff url('images/bg-header.png') repeat-x center top;
	text-align: left;
	}

div#header div#logo-header {
	background: transparent url('images/bg-logo-header.png') no-repeat right top;
}
	
/* Huvudmeny */
#menu {
	background: transparent url('images/bg-menu.png') repeat-x center top; /*Bakgrund topp-mitt-justerad repeat i x-led */
	font-size: 1.5em;
	color: #333;
/*	text-align: center; */
	clear: both;
}

#menu-wrapper
{
	width: 900px;
	margin: 0 auto;
}

/* Innehållsdelen */
#content {
	background: transparent url('images/bg-content.png') no-repeat top center; /*Bakgrund topp-mitt-justerad repeat i x-led */
	font-size: 1.4em;
	line-height: 1.6em;
	padding-top: 10px;
	}

#content-bottom {
	background: transparent url('images/bg-content.png') no-repeat bottom center;
}
	
/* Sidfot */
#footer {
	background: transparent url('images/bg-footer.png') repeat-x top center; /* Bakgrund topp-mitt-justerad utan repeat */
	border: none;
	font-size: 1.4em;
	color: #999;
	text-align: center;
	}

/** Slut GRUNDSTRUKTURENS FORMATERING**/

/* Brödtexter i innehållsdelen Start */

#content p {
	padding: 8px 30px;
}

/* Slut Brödtexter i innehållsdelen */

/* Inläggs-meta Start */

#content .postmetadata {
	text-align: left;
}

/* Slut Inläggs-meta */

/* Rubriker	Start */
h1,
h2,
h3 {
	font-family: Arial,Helvetica, Sans-Serif;
	font-weight: normal;
	clear: both;
}

h3 { font-weight: bold; }

h1 {
	padding-top: 25px;
	margin: 0;
	font-size: 1.8em;
	}

/* Sidans huvudrubrik */
#content h1 {
	padding-left: 30px;
	padding-bottom: 20px;
	font-size: 1.8em;
	font-weight: bold;
}
	
h2 {
	margin: 0 0 8px 0;
	padding-top: 15px;
	padding-left: 30px;
	font-size: 1.5em;
	}

#sidebar h2 {
	margin: 10px 0 6px 0;
	padding: 0 0 0 10px;
	background: url("images/header-bg.gif") no-repeat scroll left center transparent;
	width: 84%;
	height: 28px;
}

#sidebar h2 span {
	background: url("images/header-bg.gif") no-repeat scroll right top transparent;
	display: block;
	height: 28px;
	padding-top: 4px;
}

#content h2 {
	padding-top: 25px;
}

h3 {
	padding: 0;
	margin: 10px 0 0;
	font-size: 1.3em;
}

#content h3 {
	padding-left: 30px;
}

h3.comments {
	padding: 0;
	margin: 40px auto 20px ;
}

h2.pagetitle {
	font-size: 1.6em;
}

#sidebar h2 {
	font-size: 1.4em;
	font-weight: bold;
	color: #ffffff;
/*	color: #e41833; */
}

#sidebar h3 {
	font-size: 1.4em;
	font-weight: bold;
	color: #e41833;
}

h1,
h1 a,
h1 a:hover,
h1 a:visited {
	text-decoration: none;
	color: #e41833;
}

h2,
h2 a,
h2 a:visited,
h3,
h3 a,
h3 a:visited {
	color: #e41833;
}

h3,
h3 a,
h3 a:visited {
	color: #777;
}

h2,
h2 a,
h2 a:hover,
h2 a:visited,
h3,
h3 a,
h3 a:hover,
h3 a:visited,
#sidebar h2{
	text-decoration: none;
}
/* Slut Rubriker */

/* Länkar Start */

a,
h2 a:hover,
h3 a:hover {
	color: #e41833;
	text-decoration: none;
	}

a:hover {
	color: #ff6363;
	text-decoration: underline;
	}

#menu a {
	color: #fff;
	text-decoration: none;
}

#menu a:hover {
	color: #ccc;
}
	
/* SLut Länkar */

/* SIDEBAR Start */

#sidebar ul li.widget {
	background: transparent url('images/bg-sidebar.png') no-repeat top left;
	font-size: 1.2em;
}

div#sidebar ul li.widget.bottom {
	background-position: bottom left;
}

#sidebar ul ul.submenu li a {
	font-size: 1.2em;
	color: #666;
	text-decoration: none;
}

#sidebar ul ul.submenu > li a:hover {
	color: #333;
	border-bottom: 1px dotted #333;
	text-deocration: none;
}

/* Slut SIDEBAR */

/** WP default-klasser START */
.widecolumn .entry p {
	font-size: 1.05em;
	}

.narrowcolumn .entry, .widecolumn .entry {
	line-height: 1.4em;
	}

.widecolumn {
	line-height: 1.6em;
	}

.narrowcolumn .postmetadata {
	text-align: center;
	}

.even, .alt {

	border-left: 1px solid #ddd;
}
	
.thread-alt {
	background-color: #f8f8f8;
}
.thread-even {
	background-color: white;
}
.depth-1 {
	border: 1px solid #ddd;
}

.entry p a:visited {
	color: #b85b5a;
	}

.sticky {
	background: #f7f7f7;
	padding: 0 10px 10px;
	}
.sticky h2 {
	padding-top: 10px;
	}
	
#wp-calendar caption, cite {
	text-decoration: none;
}
/** SLUT WP default-klasser */	
	
/* Kommentarer Start */
.commentlist li, #commentform input, #commentform textarea {
	font: 0.9em Arial,Helvetica, Sans-Serif;
	}
.commentlist li ul li {
	font-size: 1em;
}

.commentlist li {
	font-weight: bold;
}

.commentlist li .avatar { 
	float: right;
	border: 1px solid #eee;
	padding: 2px;
	background: #fff;
	}

.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 1.1em;
	}

.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
	}

#commentform p {
	font-family: Arial, Helvetica, Sans-Serif;
	}

.commentmetadata {
	font-weight: normal;
	}
/* Slut Kommentarer */
	
/* WP-kalender default Start */

#wp-calendar #prev a, #wp-calendar #next a {
	font-size: 9pt;
	}

#wp-calendar a {
	text-decoration: none;
	}

#wp-calendar caption {
	font: bold 1.2em Arial,Helvetica, Sans-Serif;
	text-align: center;
	height: 24px;
	padding: 0;
	padding-right: 14px;
	}

#wp-calendar th {
	font-style: normal;
	text-transform: capitalize;
	}

#wp-calendar tbody td  {
	width: 20px;
	height: 20px;
}
	
#wp-calendar tbody td a {
	background: transparent url('images/bg-calendar-link.png') no-repeat center center;
	padding: 4px 0;
	color: #fff;
	text-decoration: none;
}

#wp-calendar tbody td a:hover {
	background-image: url('images/bg-calendar-link-hover.png')
}

#cs_events_container {
	margin: 0;
	padding: 0;
}

/* Slut WP-kalender default */

/* Formatering för ClearSense-taggen i sidfoten/längst ner på sidan */
#clearsense, #clearsense a {
	color: #666;
	text-decoration: none;
}

#clearsense {
	font-size: 0.8em;
}

#clearsense a:hover {
	border-bottom: 1px dotted #666;
	
}
/* SLUT ClearSens-taggen */

/** Blandade taggar och klasser START */
small {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 0.9em;
	line-height: 1.5em;
	padding: 5px 0;
	}
	
small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {
	color: #777;
	}

#content small {
	padding-left: 30px;
}

.red {
	color: #e41833;
}

code {
	font: 1.1em 'Courier New', Courier, Fixed;
	}

acronym, abbr, span.caps
{
	font-size: 0.9em;
	letter-spacing: .07em;
	}
/** SLUT Blandade taggar och klasser */


/****************** KONTAKTFORMULÄR ******************************/

div#content form.wpcf7-form .button {
	background: #ddd;
	margin-top: 8px;
	padding: 0 4px;
	font-weight: bold;
}

div#content form.wpcf7-form .text {
	height: 1.2em;
}

div#content form.wpcf7-form input[type=text], div#content form.wpcf7-form textarea {
	background: #ddd;
	border: none;
	margin-top: 8px;
	padding: 4px 0 2px 4px;
	color: #666;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 1.1em;
}