/*
Theme Name: sbTheme
Description: Theme for www.stigebrandt.se
Version: 1.0
Author: Pontus Nilsson
Author URI: http://www.wallmanderco.se
*/



html,body {
	margin:0;
	padding:0;
	height:100%;
	background:#8aba14 url("images/bg_body.gif") repeat-x;
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
	color:#333;
	}

UL, LI, P, H1, H2, H3, H4, H5 {	padding:0; list-style-type:none; }

/* headings */
H1 {
	color:#303030;
	font-size:24px;
	margin-bottom:8px;
	}
	H1 A { color:#303030; text-decoration:none; }
	H1 A:hover { text-decoration:underline; }

H2 { 
	color:#707173;
	font-size:14px;	
	}
H3 { color:#c5c7c8; font-size:21px; margin-bottom:14px; }
H4 { color:#303030; font-size:21px; margin-bottom:8px; }
	H4 A { color:#303030; text-decoration:none; }
	H4 A:hover { text-decoration:underline; }

H5 { height:22px; font-size:14px; color:#707173; line-height:20px; background:url("images/dot_border.gif") bottom repeat-x; }
H5.no_border { background:none; }

/* link */
A { color:#8aba14; text-decoration:none; }
A:HOVER { color:#000; text-decoration:underline; }

/*** 
    MAIN
		    ***/

DIV#top { height:62px; width:950px; margin:0px auto; }

DIV#container {
	position:relative;
	margin:0 auto; 
	width:100%;
	
	height:auto !important;
	height:100%; 
	
	min-height:100%; 
	
	}
	
DIV#main {
	padding:0 0 492px 0;
	background:#ffffff;
	width:950px;
	margin:0px auto;
	}
	DIV#main .content { padding:20px 0px; width:896px; margin:0px auto; }

DIV.banner { width:896px; height:490px; display:block; clear:both; margin-bottom:18px; }

DIV#home_boxes {height:208px; margin-bottom:18px;}
DIV#home_boxes IMG { float:left; border:0; }
DIV#home_boxes SPAN { display:block; float:left; width:13px; }

DIV#header {
	margin-bottom:26px;
	}	

	DIV#header #menu {
		width:444px;
		float:right;
		margin-top:12px;		
		}
	DIV#header #menu A {
		color:#000;
		text-decoration:none;
		font-size:12px;
		display:block;
		float:left;
		line-height:24px;
		}
	DIV#header #menu A:HOVER { color:#8aba14; }
		DIV#header #menu SPAN.spacer {
			width:2px;
			display:block;
			float:left;
			height:24px;;
			background:url("images/mnu_spacer.gif") no-repeat;
			margin:0px 7px;
			}
			
	
	/* footer */	
	DIV#footer {
		position:absolute;
		width:100%;
		bottom:0;
		background:url("images/bg_footer.gif") repeat-x;
		height:462px;	
 	  color:#9d9e9f;
		}
		DIV#footer DIV.content { width:896px; margin:0px auto; padding-top:48px; }
		DIV#footer DIV.footer-column-1 { float:left; width:228px; }
		DIV#footer DIV.footer-column-2 { float:left; width:356px; }
		DIV#footer DIV.footer-column-3 { float:right; width:260px; }

	/* top menu */
	DIV.top_menu {
		background:url("images/bg_top_menu.gif") no-repeat;
		width:135px;
		height:22px;
		padding-left:36px;
		overflow:hidden;
		float:right;
		margin-top:40px;
		font-size:11px;
		}
	DIV.top_menu A { color:#fff; text-decoration:none; display:block; float:left; line-height:22px; }
	DIV.top_menu A.rss { background:url("images/icon_rss_sm.gif") no-repeat; padding-left:20px; }
	DIV.top_menu SPAN.spacer {
		width:2px;
		height:22px;
		display:block;
		float:left;
		margin:0px 8px;
		background:url("images/mnu_top_spacer.gif") no-repeat; 
		}
		DIV.top_menu A:HOVER { color:#FFFF99; }
		
	/* breadcrumb */
	DIV.breadcrumb, DIV.title_bar { background:#000; line-height:30px; padding:0px 12px; color:#8aba14; margin-bottom:10px; }
	DIV.breadcrumb A { color:#FFFFFF; text-decoration:none; padding:0px 3px; }
	
	/* title bar */
	DIV.title_bar { color:#fff; margin-bottom:18px; }

#content-left { width:580px; float:left; }
#content-right { width:268px; float:right; color:#707173; }
	
	DIV.product { background:url("images/dot_border.gif") bottom repeat-x; padding:0px 0px 25px 0px; margin-bottom:15px; font-size:14px; color:#434343 }
	DIV.product IMG { margin-bottom:12px; }
	
	/** lists **/
	UL.list { margin-bottom:4px; }
	UL.list LI { background:url("images/dot_border.gif") bottom repeat-x; height:22px;}
	UL.list LI, UL.list LI A { color:#707173; text-decoration:none; font-size:14px; font-weight:bold; line-height:20px; }
	UL.list LI A:HOVER { color:#8aba14; }
	
	UL.footer_list LI { width:178px; color:#9d9e9f; line-height:20px; }
	UL.footer_list LI A { border-bottom:1px solid #9d9e9f; color:#9d9e9f; text-decoration:none; display:block; }
	UL.footer_list LI A:hover  { color:#fff; text-decoration:none;border-bottom-color:#fff; }
	
	UL.list_opt LI { display:block; float:left; color:#9d9e9f; width:342px; padding-bottom:8px; }
	UL.list_opt LI.sm { width:14px; }
	UL.list_opt { overflow:auto; }
	
	UL.list_com { margin-bottom:10px; }
	UL.list_com LI, UL.list_com li A { color:#707173; font-size:13px; line-height:24px; }
	
	UL.h28 LI { line-height:28px !important; margin-top:8px; height:28px; }
	UL.h28 A IMG { float:left; display:block; border:0; padding-right:8px; }
	
	UL.list_com li A:HOVER { color:#8aba14; text-decoration:none; }
	
DIV.networks {
	border-top:2px solid #a0a1a2;
	border-bottom:2px solid #7d7d7f;
	}
DIV.networks IMG {margin:14px 6px; border:0; }

	/* blog entry */
	DIV.blog_entry { overflow:auto; padding-bottom:18px; background:url("images/dot_border.gif") bottom repeat-x; margin-bottom:16px; }
	DIV.blog_entry IMG { float:left; border:0; display:block; margin-right:22px }
	DIV.blog_entry .entry_content { color:#434343; font-size:14px; line-height:20px; margin:0 !important; padding:0 !important; }
	DIV.blog_entry H1, DIV.blog_entry H2 { margin:0; line-height:normal !important; }
	DIV.blog_entry H2 { margin-bottom:10px; }
	
	
.txt-12 { font-size:12px; }
.txt-14 { font-size:14px; }
.txt-16 { font-size:16px; }
.txt-18 { font-size:18px; }
.txt-20 { font-size:20px; }
.txt-24 { font-size:24px; }

.etiketter A { color:#707173; padding-right:6px; line-height:26px; }
.etiketter { margin-bottom:10px; }

INPUT.sok { margin:8px 0 10px 0; border:2px solid #bbbdbe; border-bottom:4px solid #bbbdbe; background:#e9e9ea; color:#707173; padding:4px; width:192px; }