/* ----------------------------------------------------------------------
Basic Style Sheet @ Värdskap Orsa

author: David Andersson
email: david@smider.se
website: www.smider.se
---------------------------------------------------------------------- */

/* ####################### Attributselektorer ######################## */

body {
	background: #abd6b2;
	font: normal 62.5% Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
}

fieldset { 
	border: 1px solid #ccc; 
}

h1, h2, h3, h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}

h1 { 
	background: #fffcf0;
	color: #508259;
	font: normal 2.7em "Franklin Gothic Medium", Arial, Helvetica, sans-serif;
}

h2 { font-size: 1.6em; }
h3 { font-size: 1.4em; }
h4 { font-size: 1.2em; }

hr { 
	border-color: #ccc;
	border-style: solid;
	border-width: 1px 0 0; 
	height: 1px; 
}

input {
	font: normal 1em Verdana, Arial, Helvetica, sans-serif;
}

label {
	font: bold 1em Verdana, Arial, Helvetica, sans-serif;
}

legend {
	color: #000;
	font: bold 1.2em "Franklin Gothic Medium", Arial, Helvetica, sans-serif;
}

p  {
	font: normal 1.1em Arial, Helvetica, sans-serif;
}

textarea {
	font: normal 1em Verdana, Arial, Helvetica, sans-serif;
}
 
/* ################### Positionering av element ###################### */

#container {
	width: 812px;
	margin: 0 auto;
}

#header {
	background: url(../../images/site/d01/contentBgTop.gif) no-repeat 0 100%;
	float: left;
	clear: both;
	margin: 0 0 0;
	padding: 0 0 6px;
	width: 100%;
}

/* Sidhuvud
---------------------------------------------------------------------- */
#logo {
	background: url(../../images/site/d01/logo2.png) no-repeat 0 0;
	float: left;
	height: 192px;
	margin: 8px 0 0 -25px;
	position: absolute;
	width: 277px;
	z-index: 1;
}

/* Huvudmeny */
#menu {
	display: inline;
	float: right;
	margin: 178px 5px 0 0;
	padding: 0 6px;
	position: relative;
	width: auto;
	z-index: 2;
}

#menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#menu ul li {
	background: url(../../images/site/d01/topMenuLeft.png) no-repeat 0 0;
	display: block;
	float: left;
	margin: 0 1px;
	padding: 0 0 0 9px;
}

#menu ul li a {
	background: url(../../images/site/d01/topMenuRight.png) no-repeat 100% 0;
	color: #999;
	display: inline;
	float: left;
	font: bold 1.1em Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
	padding: 4px 10px 3px 1px;
	text-decoration: none;
}

#menu ul li:hover {
	color: #666;
}

#menu ul li a:hover {
	color: #333;
}

#menu ul li.currentTopMenu a {
	color: #000;
}

/* --------- */

#pathInformation {
	clear: left;
	float: left;
	margin: 0 0 0 10px;
	width: 75%;	
}

#pathInformation a {}
#pathInformation a:hover {}
#pathInformation span {}

#search {
	display: inline;
	float: right;
	height: 0;
	margin: 10px 10px 0 650px;
	position: absolute;
	width: 146px;
}

#search form {
	margin: 0;
	padding: 0;
}

#search input {
	float: right;
	padding: 2px 0;
	vertical-align: middle;
}

#search #searchInput {
	float: left;
	margin: 0;
	width: 105px;
}

/* ------------------------------------------------------------------- */
#content {
	background: url(../../images/site/d01/contentBgMiddle2.gif) repeat-y 0 0;
	float: left;
	margin: 0;
	padding: 5px 16px;
	width: 780px;
}

#leftColumn {
	float: left;
	margin: 0 15px 0 0;
	overflow: hidden;
	padding: 0;
	width: 150px;
}

#main {
	display: inline;
	float: left;
	width: 450px;
}

#rightColumn {
	float: right;
	margin: 0;
	width: 150px;
}

/* Sidfot
---------------------------------------------------------------------- */
#pageFooter {
	clear: both;
	margin: 0 0 20px;	
}

#pageFooter p, #pageFooter a {
	margin: 0;
	padding: 0;
}

#sponsorLinks {
	background: url(../../images/site/d01/contentBgMiddle2.gif) repeat-y;
	clear: both;
	padding: 0 0 0 15px;
}

#sponsorLinks a {
	margin-right: 10px;
}

#footerLinks {
	background: url(../../images/site/d01/contentBgBottom2.gif) no-repeat 0 0;
	padding: 10px 15px 5px;
	width: 782px;
}

#footerLinks a {
	float: left;
}

#pageFooter #loginLink {
	float: right;
	margin: 0 0 3px;
}

/* ############################ Blandat ############################## */

.article h1 {
	margin-top: 0;
	margin-bottom: 0;
}

.article h2 {
	font-size: 1.1em;
}

/* artikelstruktur */
.article {}

#articleIntro {
	font: bold 1.2em Arial, Helvetica, sans-serif;
}

#articleIntro p {
	font: bold 1em Arial, Helvetica, sans-serif;
}

#articleContent {
	font-size: 1.2em;
}

#articleContent p {
	font-size: 1em;
}
/* --------------- */

/* artikellistning */
.articleIntro {
	font: normal 1.1em Arial, Helvetica, sans-serif;
}

.articleIntro p {
	font: normal 1em Arial, Helvetica, sans-serif;
}
/* --------------- */

.rowOdd, .rowOdd a { 
	background: #ccc;
	color: #000;
}

.rowEven, .rowEven a { 
	background: #fff;
	color: #000;
}

#stateList {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 400px;
}

#stateList li {
	margin: 5px 0;
}

#stateList li a {
	font: bold 1.2em Arial, Helvetica, sans-serif;
}

#stateList {
	display: none;
}

#page_2 #articleHeaderImage {
	margin-bottom: 0;
}

#articleRelated {
	border: none;
}

#flags {
	position: absolute;
	margin-left: 500px;
	margin-top: 10px
}

#flags a {
	float: left;
	height: 20px;
	margin: 0 10px 0 0;
}

#flags #english {
	background: url(../../images/site/british_flag.png) no-repeat;
	width: 40px;
}

#flags #german {
	background: url(../../images/site/german_flag.png) no-repeat;
	width: 33px;
}

#flags #swedish {
	background: url(../../images/site/swedish_flag.png) no-repeat;
	width: 32px;
}

/* medlemslista */
#memberList {
	list-style: none;
	margin: 0;
	padding: 0;
}

#memberList2 {
	clear: both;
	list-style: none;
	margin: 0;
	padding: 0;
}

#memberList li {
	float: left;
	height: 140px;
	width: 150px;
	margin: 0 0 0;
}

#memberList li a {
	
}

#memberList li a span {
	display: block;
	width: 140px;
}
/* ------------ */

#contactForm {}

#contactForm legend {
	background: #fffcf0;
	color: #508259;
	font: normal 2.7em/1em "Franklin Gothic Medium", Arial, Helvetica, sans-serif;
}

#contactForm form.std_form {
	margin: 0;
	padding: 0;
}

#contactForm form.std_form p {
	margin: 0 0 15px;
	padding: 0;
}

/* Länkar - generella inställningar
---------------------------------------------------------------------- */
a {
	color: #508259;
	font: bold 1em Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

a:link, a:visited {
	text-decoration: none;
}

a:hover, a:active {
	text-decoration: underline;
}

/* Moduler
---------------------------------------------------------------------- */
.module {
	background: url(../../images/site/d01/moduleBg.gif) repeat-y;
	float: left;
	margin: 0 0 10px;
	padding: 0 0;
	
	overflow: hidden;
}

.module h3 {
	padding: 0 0 0 8px;
}

.module .moduleHeader {
	background: url(../../images/site/d01/moduleHeaderBg.gif) no-repeat 0 0;
}

.module .moduleHeader h2 {
	color: #000;
	font: bold 1.4em "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 3px 8px 0;
}

.module ul, #globalCalender {
	list-style: none;
	margin: 10px 0 0 0;
	padding: 0 2px 0 8px;
}

.module ul li {}
.module ul li a {}

.module .moduleFooter {
	background: url(../../images/site/d01/moduleFooterBg.gif) no-repeat 0 100%;
	height: 10px;
	margin: 0;
	width: 150px;
}

/* Undermeny
---------------------------------------------------------------------- */
#module_7 .moduleHeader {
	height: 8px;
}

.subMenu {
	margin: 0;
	padding: 0 0 0 8px;
	overflow: hidden;
	width: 150px;
}

.subMenu ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.subMenu ul li {
	margin: 0;
}

.subMenu ul li a {
	background: #d5e9d1;
	color: #508259;
	font: bold 1.1em Arial, Helvetica, sans-serif;
	text-decoration: none;
}

.subMenu ul li a:hover, .subMenu ul li.currentSubMenu a {
	background: #d5e9d1;
	color: #f30;
}

.subMenu ul ul {
	margin: 0 0 0 5px;
}

.subMenu ul ul li {
	margin: 0 0 0 5px;
}

.subMenu ul ul li a {
	margin: 0 0 0 5px;
	padding: 3px 0 3px 5px;
}

.subMenu ul ul li a:hover, .subMenu ul ul li a.currentSubMenu {}

/* Senaste Nytt
---------------------------------------------------------------------- */
#globalCalender {}

#globalCalender .fullCalenderLink {
	margin: 0;
}

#globalCalender .fullCalenderLink a {
	font: bold 1.1em Arial, Helvetica, sans-serif;
}

/* Senaste Nytt
---------------------------------------------------------------------- */
#reportBox {}

#reportBox h3 {
	font: bold 1.2em "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin: 5px 0 0;
}

#reportBox ul {
	margin: 0;
}

#reportBox ul li {
	margin: 0 0 3px;
}
#reportBox ul li a {
	font: bold 1.1em Arial, Helvetica, sans-serif;
}

/* Puffar
---------------------------------------------------------------------- */
#linkBoxes {
	clear: both;
}

#linkBoxes ul li {
	margin: 0 0 20px;
	padding: 0;
}

#linkBoxes ul li#linkBox_1 {
	margin: 0 0 25px;
}

/* --- <temporarily killed by olle> ---
#linkBoxes ul li#linkBox_6 {
	background: url(../../images/site/sponsorer.gif) no-repeat 0 0;
	padding: 27px 0 0;
}
*/
#linkBoxes ul li#linkBox_7 {
	background: url(../../images/site/samarbetspartners.gif) no-repeat 0 0;
	padding: 27px 0 0; 
}

/* Personlig Meny
---------------------------------------------------------------------- */
#personalMenuContainer {
	
}
#personalMenuContainer span {
	background: url(../../images/site/d01/moduleHeaderBg.gif) no-repeat;
	display: block;
	padding: 2px 8px 0;
	width: 150px;
}

#personalMenuContainer span a {
	background: transparent;
	color: #000;
	font: bold 1.4em "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin: 0;
}

#personalMenuContainer span a:hover {}
#personalMenuContainer ul {}
#personalMenuContainer ul li {}
#personalMenuContainer ul li a {}

/* Kommentarsruta popup
---------------------------------------------------------------------- */
.commentPagePopup {
	background: none;
	border: none;
	margin-top: 10px;
	width: auto;
}

.commentPagePopup h1 {
	font-size: 2em;
	margin: 0 0 5px;
}

.commentPagePopup .comment {
	background: #eee;
	border-style: dashed;
}

.commentPagePopup fieldset form input {
	font: normal 1em Verdana, Arial, Helvetica, sans-serif;
}

.commentPagePopup fieldset form label {
	font-weight: bold;

}

.commentPagePopup fieldset form textarea {
	font: normal 1em Verdana, Arial, Helvetica, sans-serif;
}

/* ###################### Administrationsidorna ###################### */

/* Artikeleditor
--------------------------------------------------------------------- */
#colRelated h3 a {
	background: #508259;
	color: #fffcf0;
	display: block;
	margin: 0 0 5px;
	padding: 2px 5px;
	text-decoration: none;
}

#colRelated h3 a:hover {
	background: #abd6b2;
	color: #508259;
}

/* Inställningar
--------------------------------------------------------------------- */
#settingsForm select, #settingsForm input.i, #settingsForm textarea {
	width: 240px;
}