/*   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;
}

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

/* 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;
}

.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 15px 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;
}


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

/* 04 - Objects */

.article {
}

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)
}

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

/* 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;
}

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 { 
	border: 1px solid #D5CFBD; 
	padding: 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 { 
	cursor: pointer; 
	font-size: 11px; 
	padding: 10px; 
	font-weight: normal; 
	text-align: left;
}

table#shop_table tr:hover { 
	background-color: #e7e5e0;
	color: #ad0000;
}

table#search_table { }

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:hover { 
	background-color: #e7e5e0; 
	cursor: pointer;
}

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

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

/* 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;}