/*   Index
00 - Global
01 - Typography
02 - Structure
03 - Navigation
04 - Objects
05 - Function
06 - Forms
07 - Multiple
08 - Spry
09 - Tables
10 - Categories and social
11 - Paginate
*/


/* 00 - Global */

#wrapper {
	width: 860px;
	margin-right: auto;
	margin-left: auto;
}
#language_select img { cursor: pointer; }
#loading { 
  position: absolute; z-index: 1000; top: 80px; margin-left: 30px; padding: 200px 0; font-size: 40px; background: #000; opacity: 0.9; color: #fff;  width: 800px; text-align: center; 
  -moz-border-radius: 10px; /* FF1+ */
  -webkit-border-radius: 10px; /* Saf3+, Chrome */
  border-radius: 10px; /* Opera 10.5, IE 9 */
  }
#loading small { font-size: 20px; }

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

/* 01 - Typography */

h1, h2, h3, h4, h5, table, form {
	font-family: Helvetica, Arial, Geneva, sans-serif;
}

h1, h3, p, li, table, form, .paginate {
	color: #6c6960;
}

h1 {
	border-bottom: 1px dotted #d5cfbd;
	font-size: 16px;
	word-spacing: 1px;
	letter-spacing: 0.5px;
	padding: 0 0 5px;
}

h2 {
	color: #ad0000;
	font-size: 20px;
	font-weight: normal;
	margin: 10px 0 0;
}

h3 {
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin: 0px 0 10px;
}

h3.arkiv { 
	text-transform: capitalize;
}

h4 {
	color: #ad0000;
	font-size: 16px;
	font-weight: normal;
	margin: 0 0 10px;
}

h5 {
	color: #ad0000;
	border-bottom: 1px dotted #d5cfbd;
	font-size: 16px;
	margin: 0 0 10px;
	padding: 0 0 5px;
}

p, p1, li, .forum_content, .forum_head, .paginate {
	word-spacing: 0.5px;
	font: 13px/18px Arial, Helvetica, sans-serif;
}

p {
	margin: 0 0 10px;
}
p.single { margin:0;}

li {
	margin-bottom: 4px;
}

.highlight_promo p {
	margin-bottom: 0;
}

div.footer_container p {
	font-size: 11px;
}

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

/* 02 - Structure */

#logo {
}

#nav {
}

#main {
	padding: 20px;
	width: 535px;
}

.main_splitter {
	float: left;
	width: 50%;
}


#highlights {
	width: 281px;
	padding: 0 2px;
}
#content {
	background: url(../images/structure/graph/content_bg.png) repeat-y;
	background-color:#FFF;
	padding-bottom: 3px;
	height: 1%;
}

#bottom {
	border-top: 1px solid #d5cfbd;
	height: 4px;
	width: 860px;
}

#footer {
	width: 860px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
	margin-bottom: 20px;
}

.footer_container {
	float: left;
	padding-right: 0px;
	width: 450px;
}

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

/* 03 - Navigation */

.menu {
	margin:0 auto;
	padding:0;
	height:30px;
	display:block;
	background: url(../images/structure/graph/topMenuImages.png) repeat-x;
}

.menu li {
	padding:0;
	margin:0;
	list-style:none;
	display: inline;
	position: relative;
	display:block;
	float: left;
}

.menu li a {
	float:left;
	padding-left:10px;
	display:block;
	text-decoration:none;
	cursor:pointer;
	text-transform: uppercase;
	background: url(../images/structure/graph/topMenuImages.png) no-repeat 0px -30px;
	color: #FFF;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
}

.menu li a span {
	line-height:30px;
	float:left;
	display:block;
	background: url(../images/structure/graph/topMenuImages.png) no-repeat 100% -30px;
	padding: 0 10px 0 0;
}

.menu li a:hover {
	background-position:0px -60px;
}

.menu li a:hover span {
	background-position: 100% -60px;
}

.menu li a.active, .menu li a.active:hover{
	line-height:30px;
	color:#FFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background: url(../images/structure/graph/topMenuImages.png) no-repeat 0px -90px;
}

.menu li a.active span, .menu li a.active:hover span{
	background: url(../images/structure/graph/topMenuImages.png) no-repeat 100% -90px;
}

ul#submenu {
	position: absolute;
	top: 30px;
	left: 0;
	z-index: 100;
	margin: 0;
	padding: 0;
	display: none;
}


#submenu li {
	float: none;
	display: block;
}

#submenu li a {
	float: none;
	display: block;
	height: 30px;
	line-height: 30px;
	width: 150px;
}

ul#cat_filter {
	list-style: none;
	padding: 7px 5px 2px 10px;
	margin-bottom: 20px;
	overflow: hidden;
	background-color: #e2e2e2;
	border-bottom: 1px solid #ccc;
}

ul#cat_filter li {
	float: left;
	margin-right: 20px;
}

ul#cat_filter li.active a{
	color: #6C6960;
	font-weight: bold;
	text-decoration: underline;
}


#subnav { width: 858px; height: 30px; background: #F7F6EE; border: 1px solid #D5CFBD; border-top: 0; }
#subnav ul { float: left; margin: 0; padding: 0; list-style-type: none; }
#subnav li { float: left; }
#subnav li a { line-height: 30px; padding: 0 10px; text-transform: uppercase; font-size:11px; display: block; }
#subnav li a.active { background: #E4E4DE; }

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

/* 04 - Objects */

.article {
  clear: both; 
}

div.article p a {
	margin-top: 15px;
}

.after_article {
	color: #AAAAAA;
	font: 11px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	border-bottom: 1px dotted #d5cfbd;
	clear: both;
	padding: 5px 0 10px;
}

.article_info {
	color: #AAAAAA;
	font: 11px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	margin: 5px 0 10px;
}

div.article img {
	border: 1px solid #d5cfbd;
	padding: 5px;
	margin-right: 15px;
}

.highlight_promo {
	padding: 20px;
	color: #ECEBE4;
}

.highlight_promo_img {
	width: 100px;
}

.highlight_promo_img_small {
	width: 60px;
}

.highlight_promo_text {
	width: 125px;
}
	
.custom_hr {
	height: 2px;
	clear: both;
	background: url(../images/structure/graph/custom_hr.png) repeat-x;
}

img, div { 
	behavior: url(iepngfix.htc)
}

.source, .related { background: #eee; padding: 15px 20px; margin: 20px 0; border: 1px solid #F0EBD6;
  -moz-border-radius: 5px; /* FF1+ */
  -webkit-border-radius: 5px; /* Saf3+, Chrome */
  border-radius: 5px; /* Opera 10.5, IE 9 */
  background-image: -moz-linear-gradient(top, #FCFCF6, #F7F6EE); /* FF3.6 */
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #FCFCF6),color-stop(1, #F7F6EE)); /* Saf4+, Chrome */
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#FCFCF6', endColorstr='#F7F6EE'); /* IE6,IE7 */
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FCFCF6', endColorstr='#F7F6EE')"; /* IE8 */
}
.source strong { font: bold 12px/18px Arial, Helvetica, sans-serif; color: #A29E90; text-shadow: #fff 0 1px 0;}
.source ul { margin: 5px 0 0 0; padding: 0;}
.source li { margin: 0; padding: 0 0 0 22px; list-style-type: none; background: url(/images/icons/source.png) no-repeat 0 3px; line-height: 23px; }

.related strong { font: bold 12px/18px Arial, Helvetica, sans-serif; color: #A29E90; text-shadow: #fff 0 1px 0; }
.related ul { margin: 5px 0 0 0; padding: 0;}
.related li { margin: 0; list-style-type: none; line-height: 23px; }
.related li img.icon { margin-bottom: -2px; margin-right: 2px; }

.topics { margin-top: 2px; margin-bottom: 10px;  }
.topics span { float: left; }
.topics ul { float: left; display: inline; list-style-type: none; margin: 0; padding: 0; }
.topics li { color: #AAAAAA; float: left; list-style-type: none; margin: 0; padding: 0 6px 10px 0; font: 11px "Helvetica Neue",Arial,Helvetica,Geneva,sans-serif; }


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

/* 05 - Function */

.space {
	height: 20px;
	clear: both;
}

.extend_spotlight {
	margin-bottom: 15px;
	padding-bottom: 10px;
	border-bottom: 1px solid #CCC;
}

.small_space {
	height: 10px;
}

.clear {
	clear: both;
}

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

/* 06 - Forms */

input {
	margin: 0px;
	height: 24px;
	width: 175px;
	border: 1px solid #d5cfbd;
	padding: 5px 0 0 5px;
}

textarea {
	border: 1px solid #d5cfbd;
	padding: 5px;
}

form {
	font-size: 13px;
	font-weight: bold;
}

input#RadioGroup {
	border: none;
}

input.radiobutton { 
	width: 25px;
}

input:focus {
	border: 1px solid #BFBAAB;
}


#button_search, #send_subscribe, #member, #send, .back_button, .archive_button {
	height: 24px;
	padding: 0;
	display: block;
	margin-top: 10px;
	cursor: pointer;
	border: none;
}

#button_search {
	background-image: url(../images/structure/graph/search_button.png);
	width: 48px;
}

#send_subscribe {
	background-image: url(../images/structure/graph/subscribe_button.png);
	width: 100px;
}

#member {
	background-image: url(../images/structure/graph/member_button.png);
	width: 100px;
}

#send {
	background-image: url(../images/structure/graph/skicka_button.png);
	width: 100px;
}

.back_button { 
	width: 100px; 
	background: transparent url('../images/structure/graph/back_button.png') 0 0 no-repeat;  
	float: right;
}

.archive_button { 
	width: 100px; 
	background: transparent url('../images/structure/graph/archive_button.png') 0 0 no-repeat; 
	float: right;}

#button_search:hover, #send_subscribe:hover, #member:hover, #send:hover, .back_button:hover, .archive_button:hover  {
	background-position: 0 -24px;
}

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

/* 07 - Multiple */

#main, #highlights, .highlight_promo_img, .highlight_promo_img_small, .highlight_promo_text, div.article img{
	float: left;
}

a, .highlight_promo_text p a, div.article p a {
	color: #ad0000;
	text-decoration: none;
}

a:hover, .highlight_promo_text p a:hover, div.article p a:hover {
	text-decoration: underline;
}

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

/* 08 - Spry */

#spryregion1 table {
	padding: 10px;
	border: 1px solid #d5cfbd;
}

#spryregion1 td {
	cursor: pointer;
	padding: 10px;
	font-size: 11px
}

#spryregion1 th  {
	font-weight: bold;
	font-size: 12px;
	height: 25px;
	cursor: pointer;
}

#spryregion1 tr.odd {
	background-color: #f9f7ef;
}

#spryregion1 tr.hover {
	background-color: #e7e5e0;
	color: #ad0000;
}

/*09 - Tables */

table.php_table { 
	width: 100%;
}

table.php_table tr td { 
	vertical-align: top;
	font: 13px/18px Arial,Helvetica,sans-serif;
  word-spacing:0.5px;
  border-bottom: 1px solid #eee;
  padding: 10px 0;
}

table.php_table tr td.first { 
	padding-right: 30px; 
	width: 200px;
}

table.php_table tr td h2  { 
	font-size: 16px; 
	font-weight: normal;
}

table.php_table tr td p { 
	margin: 0;
}

table.php_table tr td .clear { 
	border-bottom:1px solid #CCCCCC; 
	margin-bottom:15px; 
	padding-bottom:10px;
}


table#shop_table th { 
	cursor: pointer; 
	font-size: 12px; 
	font-weight: bold; 
	height: 25px; 
	text-align: left;
}

table#shop_table tr.odd { 
	background-color: #F9F7EF;
}

table#shop_table td { 
	font-size: 11px; 
	padding: 10px; 
	font-weight: normal; 
	text-align: left;
}

table#search_table th { 
	font-size: 12px;
	font-weight: bold;
	padding-left: 5px; 
	height: 25px; 
	text-align: left; 
	border-bottom: 1px solid #999;
}

table#search_table tr.odd { 
	background-color: #F9F7EF;
}

table#search_table td { 
	font-size: 11px; 
	padding: 10px 0 10px 5px;
	font-weight: normal; 
	text-align: left;
}



table#search_table tr.header:hover { 
	background-color: white; 
}

#archive { width: 100%;}
#archive tr.odd td { background: #F9F7EF; }
#archive tr td { font-size: 12px; padding: 7px 5px; }
#archive tr td.date { width: 85px; }

table.info { margin: 10px 0 40px 0; border-top: 1px solid #eee;}
table.info td:first-child { font-weight: bold; font-size: 11px; text-transform: uppercase; width: 40%; }
table.info td { vertical-align: top; font: 13px/18px Arial,Helvetica,sans-serif; word-spacing:0.5px; padding: 10px 0; border-bottom: 1px solid #eee;}

table.shop tr:nth-child(2n) { background:#F9F7EF; }
table.shop th { vertical-align: top; font: bold 13px/18px Arial,Helvetica,sans-serif; word-spacing:0.5px; padding: 10px 5px; border-bottom: 1px solid #eee;}
table.shop td { vertical-align: top; font: 11px/18px Arial,Helvetica,sans-serif; word-spacing:0.5px; padding: 10px 5px; border-bottom: 1px solid #eee;}


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

/* 10 - UL, Categories and social */

ul#nav_categories { 
	float: left; 
	padding: 0;
}

ul#nav_categories li { 
	display: inline; 
	float: left;
}

ul#nav_categories li a { 
	padding: 0 15px;
}

ul#social { 
	float: left; 
	padding: 0; 
	margin-left: 0; 
	margin-top: 10px;
}

ul#social li { 
	display: inline; 
	float: left;  
	padding: 0 5px;
}

ul#social li img { 
	padding: 0; 
	margin: 0; 
	border: none;
}
	
.nav_categories a, #nav_categories a { 
	font-weight: normal;
}

.nav_categories a.current, #nav_categories a.current { 
	background-color: #ad0000; 
	color: white;
}

.nav_categories a:hover, #nav_categories a:hover { 
	background-color: #ad0000; 
	color: white; 
	text-decoration: none;
}

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

/* 11 - Paginate  */

.paginate, #paginate {
	margin-top: 15px; 
	margin-left: auto; 
	margin-right: auto; 
	position: relative; 
	text-align: center;
}

.paginate a, #paginate a { 
	padding: 1px 5px; 
	font-weight: normal; 
	text-decoration: none; 
	border-style: none;
}

.paginate a:hover, #paginate a:hover { 
	background-color: #ad0000;
	color: white;
	border-style: none;
}

.paginate a:first-child, #paginate a:first-child { 
	border: none; 
}

.paginate a:last-child, #paginate a:last-child { 
	border: none;
}

.paginate .pages strong, #paginate .pages strong { 
	padding: 1px 5px;
	border-style: none;
}

#paginate .pages { 
	font-weight: bold;
}

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

p img.icon { border: none; padding: 0; margin: 0 10px 0 0; vertical-align: middle;}

.error   { clear: both; color: #ad0000; display: block;}