/*
Theme Name: Bohusleden
Theme URI: http://dfkt.se/
Description: Temafil för Bohusleden
Version: 1.0
Author: Martin Ottosson & Stefan Ward
Author URI: http://dfkt.se/
Tags: green, vandringsled, vandringsetapp, light

	Bohusleden 1.0
	Temafil för Bohusleden.se

*/

/* Import stylesheets and hide from IE/Mac \*/
@import "grid.css";
/* End import/hide */

body 		{ font-family: Arial, Helvetica, sans-serif; background: #CCC; color: #333; }
a			{ color: #336633; }
a:hover		{ color: #66334D; }
ul, li		{ padding: 0px; margin: 0px; list-style: none; }
h1			{ font-size: 16px; margin: 0px 0px 5px 0px; color: #333; }
h2			{ font-size: 14px; line-height: 14px; color: #FFF; background: url(images/bg_header.gif) no-repeat #336633; display: block; margin: 0px 0px 10px 0px; padding: 6px 8px 5px 8px; border-bottom: 1px solid #003300; text-transform: uppercase; }
h3			{ font-size: 16px; line-height: 14px; margin: 0px 0px 5px 0px; color: #333; font-weight: normal; }
h4			{ font-size: 14px; line-height: 14px; margin: 0px 0px 8px 0px; color: #FFF; }
h5			{ font-size: 11px; line-height: 12px; margin: 5px 0px 2px 0px; color: #333; text-transform: uppercase; }

img, img a, a img	{ border: none; }
.container	{ background: #FFF; }
.right		{ text-align: right; }
.pad24 		{ padding: 20px 12px 0px 12px; background: #FFF; width: 948px; border-bottom: 24px solid #FFF; }

div#header 	{ margin-top: 0px; display: block; }

.alignright { float: right; display: inline; }

.alignleft { float: left; display: inline; }

.sidepic	{ margin-bottom: 15px; }

.page_item, .language_item	{ margin: 0px; padding: 0px; }

form		{ padding: 0px; margin: 2px 0px 0px 0px; }
.searchinput { height: 16px; width: 190px; border: 1px solid #666; background: #EEE; padding: 2px; margin: 0px; }
.searchbutton { background: url(images/button_bg.gif) repeat-x bottom; border: 1px solid #999; font-size: 11px; text-transform: uppercase; height: 22px; padding: 3px 7px; }
.button { background: url(images/button_bg.gif) repeat-x bottom; border: 1px solid #999; font-size: 12px; padding: 4px 10px; text-decoration: none; margin-right: 10px; }

/* FIRSTTOP */
.firsttop { display: block; background: #333; padding: 7px 12px; width: 948px; color: #FFF; font-size: 12px; }
.firsttop ul { float: right; }
.firsttop ul li { display: inline; float: left; margin-left: 10px; }
.firsttop ul li a { color: #cee0f2; }
.firsttop ul li a:hover { color: #33CC33; text-decoration: none; }

/* MENU */
.menu { display: block; background: #336633; padding: 0px 12px; width: 948px; color: #FFF; height: 30px;
		border-top: 4px solid #336633; font-size: 13px; line-height: 14px; }
.menu ul li { float: left; display: inline; margin-right: 5px; }
.menu ul li a { display: block; float: left; padding: 5px 6px 11px 6px; color: #FFF; text-decoration: none; }
.menu ul li a:hover { color: #000; background: #DDD; }


.submenu { display: block; background: #DDD; padding: 8px 12px 8px 12px; width: 948px; color: #FFF; border-bottom: 1px solid #AAA; }
.submenu ul li { float: left; display: inline; margin-right: 5px; }
.submenu ul li a { display: block; float: left; padding: 3px 6px 4px 6px; color: #333; font-size: 12px; line-height: 13px; text-decoration: none; }
.submenu ul li a:hover { color: #FFF; background: #666; }

.menu .current_page_item, .menu .current_page_parent { background: #DDD; color: #666; }
.menu .current_page_item a, .menu .current_page_parent a { color: #666; }

.submenu .current_page_item { background: #BBB; }
.submenu .current_page_item a { color: #666; }

.menu .language ul li { padding: 5px 6px 11px 0px; }
.menu .language ul li a { padding: 0px; }
/* CONTENT */
.entry		{ font-size: 13px; line-height: 17px; }
.entry p 	{ margin: 0px 0px 15px 0px; }
.bumper h2	{ margin: 12px 0px 0px 0px; }
.firstwide	{ background: #dceaf1; }
.first		{ padding: 5px; font-size: 13px; line-height: 17px; }

/* FOOTER */
div#footer { display: block; background: #336633; padding: 12px; width: 948px; color: #FFF; font-size: 10px; line-height: 16px; }
div#footer a { color: #FFF; text-transform: uppercase; font-size: 11px; }
div#footer a:hover { color: #99FF99; }
div#footer ul { margin-bottom: 12px; clear: both; display: block; float: left;}
div#footer li { float: left; display: inline; margin-right: 10px; }

/* ETAPPLISTA */
.etapp		{ font-size: 11px; line-height: 14px; }
.etapp li	{ border-bottom: 1px solid #DDD; }
.etapp li a	{ display: block; text-decoration: none; padding: 4px 1px; color: #666; }
.etapp li a:hover { background: #336633; color: #FFF; }

.firstetapp		{ font-size: 11px; line-height: 14px; width: 208px; display: inline; float: left; margin-right: 12px; padding: 0px 5px 10px 5px; }
.firstetapp li	{ border-bottom: 1px solid #FFF; }
.firstetapp li a	{ display: block; text-decoration: none; padding: 4px 1px; color: #444; }
.firstetapp li a:hover { text-decoration: underline; color: #336633; }

/* ETAPPFORMATTERING */
.etappentry ol	{ margin: 0px 0px 10px 0px; padding: 8px 0px 0px 20px; font-size: 12px; line-height: 16px; font-style: italic; }
.etappentry ol li { list-style-type: decimal; margin: 0px 0px 10px 0px; }

/* ETAPPINFO */
.info			{ background: #cee0f2; padding: 12px; width: 442px; border: 1px dashed #afcdec; margin-bottom: 12px; }
.info h3		{ border-bottom: 1px solid #afcdec; padding-bottom: 5px; }
.difficulty		{ font-size: 13px; color: #FFF; padding: 4px; text-transform: uppercase; margin-top: 2px; float: left; }
.dif1			{ background: #336633; }
.dif2			{ background: #FF6600; }
.lastinfo		{ font-size: 11px; line-height: 15px; width: 116px; }

/* EDIT */
.editme			{ background: #FF0000; padding: 12px; width: 444px; margin-bottom: 12px; }
.editme a		{ color: #FFF; display: block; text-decoration: none; }
.editme a:hover	{ color: #000; text-decoration: none; }

/* SEARCH RESULTS */
.searchresult	{ font-size: 12px; line-height: 16px; border-bottom: 1px solid #CCC; }
.searchresult p	{ margin: 0px 0px 10px 0px; }
.searchresult a	{ text-decoration: none; color: #333; padding: 5px; display: block; }
.searchresult a:hover { background: #f1f1f1; color: #000; }
.searchresult h1 { margin-top: 3px; }
.searchresult a h1 { color: #33CC33; }

/* SYMBOLFÖRKLARING */
.symbols		{ background: #FFF; color: #666; padding: 10px 12px 20px 12px; width: 948px; font-size: 12px; line-height: 16px; border-top: 2px solid #336633; }
.symbols img	{ margin-top: 2px; }