/*
Theme Name: Theme Myralf
Theme URI: http://www.myralf.se
Description: Theme for myralf.se
Version: 1.0
Author: Westin Produktion
Author URI: http://westinproduktion.se
Tags: kbt theme
*/


/********************************************
*  RESET
*********************************************/

*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td 	
							{ margin:0; padding:0 }
div							{ overflow:hidden; }
table 						{ border-collapse:collapse; border-spacing:0 }
fieldset, img 				{ border:0 }
address, caption, cite, code, dfn, em, strong, th, var 
							{ font-style:normal; font-weight:normal }
ol, ul, li 					{ list-style:none }
caption, th 				{ text-align:left }
q:before, q:after 			{ content:''}

/* Reset sensible defaults */
strong 						{ font-weight:bold }
em 							{ font-style:italic }
a img 						{ border:none } /* Gets rid of IE's blue borders */


/*@import "css/typography.css";*/


/********************************************
*  COMMON TAGS
*********************************************/							
/* Generated by WordPress */
.aligncenter 				{ display:block; margin:0 auto }
.alignleft 					{ float:left }
.alignright 				{ float:right }
.wp-caption 				{ border:1px solid #666; text-align:center; background:#ccc; padding:10px; margin:10px }

.clear 						{ clear:both; height:0px; }


/********************************************
*  960 Grid
*********************************************/
.container_12,.container_16{margin-left:auto;margin-right:auto;width:960px}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16{display:inline;float:left;margin-left:10px;margin-right:10px}.push_1,.pull_1,.push_2,.pull_2,.push_3,.pull_3,.push_4,.pull_4,.push_5,.pull_5,.push_6,.pull_6,.push_7,.pull_7,.push_8,.pull_8,.push_9,.pull_9,.push_10,.pull_10,.push_11,.pull_11,.push_12,.pull_12,.push_13,.pull_13,.push_14,.pull_14,.push_15,.pull_15{position:relative}.container_12 .grid_3,.container_16 .grid_4{width:220px}.container_12 .grid_6,.container_16 .grid_8{width:460px}.container_12 .grid_9,.container_16 .grid_12{width:700px}.container_12 .grid_12,.container_16 .grid_16{width:940px}.alpha{margin-left:0}.omega{margin-right:0}.container_12 .grid_1{width:60px}.container_12 .grid_2{width:140px}.container_12 .grid_4{width:300px}.container_12 .grid_5{width:380px}.container_12 .grid_7{width:540px}.container_12 .grid_8{width:620px}.container_12 .grid_10{width:780px}.container_12 .grid_11{width:860px}.container_16 .grid_1{width:40px}.container_16 .grid_2{width:100px}.container_16 .grid_3{width:160px}.container_16 .grid_5{width:280px}.container_16 .grid_6{width:340px}.container_16 .grid_7{width:400px}.container_16 .grid_9{width:520px}.container_16 .grid_10{width:580px}.container_16 .grid_11{width:640px}.container_16 .grid_13{width:760px}.container_16 .grid_14{width:820px}.container_16 .grid_15{width:880px}.container_12 .prefix_3,.container_16 .prefix_4{padding-left:240px}.container_12 .prefix_6,.container_16 .prefix_8{padding-left:480px}.container_12 .prefix_9,.container_16 .prefix_12{padding-left:720px}.container_12 .prefix_1{padding-left:80px}.container_12 .prefix_2{padding-left:160px}.container_12 .prefix_4{padding-left:320px}.container_12 .prefix_5{padding-left:400px}.container_12 .prefix_7{padding-left:560px}.container_12 .prefix_8{padding-left:640px}.container_12 .prefix_10{padding-left:800px}.container_12 .prefix_11{padding-left:880px}.container_16 .prefix_1{padding-left:60px}.container_16 .prefix_2{padding-left:120px}.container_16 .prefix_3{padding-left:180px}.container_16 .prefix_5{padding-left:300px}.container_16 .prefix_6{padding-left:360px}.container_16 .prefix_7{padding-left:420px}.container_16 .prefix_9{padding-left:540px}.container_16 .prefix_10{padding-left:600px}.container_16 .prefix_11{padding-left:660px}.container_16 .prefix_13{padding-left:780px}.container_16 .prefix_14{padding-left:840px}.container_16 .prefix_15{padding-left:900px}.container_12 .suffix_3,.container_16 .suffix_4{padding-right:240px}.container_12 .suffix_6,.container_16 .suffix_8{padding-right:480px}.container_12 .suffix_9,.container_16 .suffix_12{padding-right:720px}.container_12 .suffix_1{padding-right:80px}.container_12 .suffix_2{padding-right:160px}.container_12 .suffix_4{padding-right:320px}.container_12 .suffix_5{padding-right:400px}.container_12 .suffix_7{padding-right:560px}.container_12 .suffix_8{padding-right:640px}.container_12 .suffix_10{padding-right:800px}.container_12 .suffix_11{padding-right:880px}.container_16 .suffix_1{padding-right:60px}.container_16 .suffix_2{padding-right:120px}.container_16 .suffix_3{padding-right:180px}.container_16 .suffix_5{padding-right:300px}.container_16 .suffix_6{padding-right:360px}.container_16 .suffix_7{padding-right:420px}.container_16 .suffix_9{padding-right:540px}.container_16 .suffix_10{padding-right:600px}.container_16 .suffix_11{padding-right:660px}.container_16 .suffix_13{padding-right:780px}.container_16 .suffix_14{padding-right:840px}.container_16 .suffix_15{padding-right:900px}.container_12 .push_3,.container_16 .push_4{left:240px}.container_12 .push_6,.container_16 .push_8{left:480px}.container_12 .push_9,.container_16 .push_12{left:720px}.container_12 .push_1{left:80px}.container_12 .push_2{left:160px}.container_12 .push_4{left:320px}.container_12 .push_5{left:400px}.container_12 .push_7{left:560px}.container_12 .push_8{left:640px}.container_12 .push_10{left:800px}.container_12 .push_11{left:880px}.container_16 .push_1{left:60px}.container_16 .push_2{left:120px}.container_16 .push_3{left:180px}.container_16 .push_5{left:300px}.container_16 .push_6{left:360px}.container_16 .push_7{left:420px}.container_16 .push_9{left:540px}.container_16 .push_10{left:600px}.container_16 .push_11{left:660px}.container_16 .push_13{left:780px}.container_16 .push_14{left:840px}.container_16 .push_15{left:900px}.container_12 .pull_3,.container_16 .pull_4{left:-240px}.container_12 .pull_6,.container_16 .pull_8{left:-480px}.container_12 .pull_9,.container_16 .pull_12{left:-720px}.container_12 .pull_1{left:-80px}.container_12 .pull_2{left:-160px}.container_12 .pull_4{left:-320px}.container_12 .pull_5{left:-400px}.container_12 .pull_7{left:-560px}.container_12 .pull_8{left:-640px}.container_12 .pull_10{left:-800px}.container_12 .pull_11{left:-880px}.container_16 .pull_1{left:-60px}.container_16 .pull_2{left:-120px}.container_16 .pull_3{left:-180px}.container_16 .pull_5{left:-300px}.container_16 .pull_6{left:-360px}.container_16 .pull_7{left:-420px}.container_16 .pull_9{left:-540px}.container_16 .pull_10{left:-600px}.container_16 .pull_11{left:-660px}.container_16 .pull_13{left:-780px}.container_16 .pull_14{left:-840px}.container_16 .pull_15{left:-900px}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}* html .clearfix,*:first-child+html .clearfix{zoom:1}



/********************************************
*  LAYOUT
*********************************************/

body 						{ text-align: center; }
#wrapper 					{ margin: 0 auto; text-align: left; position:relative; /*width: 980px;*/ }
#header						{ height:90px; }
#nav						{ height:20px; margin:0 0 -4px 0; }
#main						{ float:left; width: 620px; }
#sidebar 					{ float:right; width: 300px; }
#footer						{ clear:both; }


/********************************************
*  FONT
*********************************************/

body						{ font-size:11px; font-family:Garamond, serif; }
body						{ font-family:Verdana,Arial,Helvetica,sans-serif; line-height:180%; }

h1					 		{ margin:0 0 10px; }
h2, h3, h4, h5, h6 			{ color:#88B0B0; color:#666666; margin:15px 0 10px; }

/********************************************
*  BODY
*********************************************/

body						{ background:#88B0B0 url("images/bg.jpg") no-repeat center top; }

/********************************************
*  HEADER
*********************************************/

#header						{ position:relative; }
#header h3					{ position:relative; top:-1000px; }
#bg_link div				{ border:none; height:40px; width:510px; position:absolute; top:20px; }

/********************************************
*  NAV
*********************************************/

#nav ul						{ float:right; margin:0; }
#nav ul li					{ float:left; }
#nav ul li a				{ display:block; text-decoration:none; }
#nav ul li a span 			{ display:block; margin: 0px; padding:0px; }
#nav ul li a span span		{ margin:0 20px; }

#nav ul li a				{ background:transparent url(images/nav-black-right.png) no-repeat top right; color:#FFF; }
#nav ul li a span			{ background:transparent url(images/nav-black-left.png) no-repeat top left; }
#nav ul li a span span		{ background:#000; }

#nav ul li a:hover, #nav ul li a.selected, #nav ul li.current_page_item a
							{ background:transparent url(images/nav-white-right.png) no-repeat top right; color:#000; }
#nav ul li a:hover span, #nav ul li a.selected span, #nav ul li.current_page_item a span
							{ background:transparent url(images/nav-white-left.png) no-repeat top left; }
#nav ul li a:hover span span, #nav ul li a.selected span span, #nav ul li.current_page_item a span span
							{ background:#FFF; }
                            
                            
                            
                            


/********************************************
*  PAGEWRAPPER
*********************************************/

#pagewrapper_top			{ background:transparent url(images/pagewrapper_top.png) no-repeat scroll 0 0; height:7px; }
#pagewrapper				{ background:transparent url(images/pagewrapper_mid.png) repeat-y scroll 0 0; ; }
#pagewrapper_bottom			{ background:transparent url(images/pagewrapper_bottom.png) no-repeat scroll 0 0; height:7px; }

/********************************************
*  MAIN
*********************************************/

h1							{ font-size:200%; }
.post						{ padding: 0 10px 0 0; }
.post p						{ margin:0 0 5px; }
#main img.alignleft			{ border:1px solid gray; margin:0 10px 10px 0; }
#main img.alignright		{ border:1px solid gray; margin:0 0 10px 10px; }



/** SLIDER **/
#slider 					{ border: 1px solid #E4E5E7; width: 618px; position: relative; }
.scroll 					{ height: 400px; overflow: auto; clear: left; position: relative; }
.scrollbox .slide			{ padding: 10px; height: 380px; width: 600px; }
							
.nextbutton, .prevbutton	{ bottom:10px; cursor: pointer; font-size:11px; font-weight:normal; margin:2px; position:absolute; z-index:1000; }
.prevbutton					{ right:60px; }
.nextbutton					{ right:10px; }
.nextbutton:hover, .prevbutton:hover
							{ font-weight:bold; }

ul.scrollnav 				{ clear:both; list-style: none; margin:10px 0 0 0; overflow:hidden; padding:0; }
ul.scrollnav li 			{ display: block; float:left; margin-right: 10px; }
ul.scrollnav li	a			{ color:#000000; display:block; float:left; text-decoration:none; }
ul.scrollnav li a:hover 	{ font-weight:bold; }
ul.scrollnav li a.selected  { font-weight:bold; }
ul.scrollnav li a:focus 	{ outline: none; }

/********************************************
*  COMMENTS
*********************************************/

#respond					{ }
#respond p					{ margin:0 0 5px 0; }
#respond input				{ padding:2px; width:300px; }
#respond textarea			{ margin:0 0 5px 0; padding:3px; width:600px; }
#respond input#submit		{ width:auto; }

/********************************************
*  SIDEBAR
*********************************************/

/** SEARCH **/
#searchform					{ }
.screen-reader-text			{ display:none; }
#s							{ padding:2px; width:220px; }
#searchsubmit				{ float:right; padding:1px 4px; }


/*TEST*/
#pagewrapper				{ min-height:450px; padding:20px; }

.item						{ border:1px solid #E4E5E7; margin:0 0 20px; }
.item h4, .item h2			{ background:#E4E5E7; font-size:100%; font-weight:bold; margin:0px; padding:3px 0 3px 5px; width:100%; }


.item a						{ color:#000000; text-decoration:none; }
.item a:hover				{ color:#333333; text-decoration:underline; }



#service ul, #contact ul	{ padding:10px; }
#service li, #contact li	{ margin:0; padding:3px 0;  }


/********************************************
*  FOOTER
*********************************************/

#panels						{ background:#FFFFFF; }

.panel						{ height:140px; }
.panel h4					{ color:#333333; padding:3px 0; }

#footer						{ }
#footer	p#disclamer			{ color:#333333; font-size:90%; line-height:150%; text-transform:uppercase; }




/********************************************
*  TREEVIEW
*********************************************/


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

.treeview ul {
	background-color: white;
	margin-top: 4px;
}

.treeview .hitarea {
	background: url(images/treeview/treeview-default.gif) -64px -25px no-repeat;
	height: 16px;
	width: 16px;
	margin-left: -16px;
	float: left;
	cursor: pointer;
}
/* fix for IE6 */
* html .hitarea {
	display: inline;
	float:none;
}

.treeview li { 
	margin: 0;
	padding: 3px 0pt 3px 16px;
}

.treeview a.selected {
	background-color: #eee;
}

#treecontrol { margin: 1em 0; display: none; }

.treeview .hover { color: red; cursor: pointer; }

.treeview li { background: url(images/treeview/treeview-default-line.gif) 0 0 no-repeat; }
.treeview li.collapsable, .treeview li.expandable { background-position: 0 -176px; }

.treeview .expandable-hitarea { background-position: -80px -3px; }

.treeview li.last { background-position: 0 -1766px }
.treeview li.lastCollapsable, .treeview li.lastExpandable { background-image: url(images/treeview/treeview-default.gif); }  
.treeview li.lastCollapsable { background-position: 0 -111px }
.treeview li.lastExpandable { background-position: -32px -67px }

.treeview div.lastCollapsable-hitarea, .treeview div.lastExpandable-hitarea { background-position: 0; }

/* Red */
.treeview-red li { background-image: url(images/treeview/treeview-red-line.gif); }
.treeview-red .hitarea, .treeview-red li.lastCollapsable, .treeview-red li.lastExpandable { background-image: url(images/treeview/treeview-red.gif); } 

/* Black */
.treeview-black li { background-image: url(images/treeview/treeview-black-line.gif); }
.treeview-black .hitarea, .treeview-black li.lastCollapsable, .treeview-black li.lastExpandable { background-image: url(images/treeview/treeview-black.gif); }  

/* Gray */
.treeview-gray li { background-image: url(images/treeview/treeview-gray-line.gif); }
.treeview-gray .hitarea, .treeview-gray li.lastCollapsable, .treeview-gray li.lastExpandable { background-image: url(images/treeview/treeview-gray.gif); } 

/* Famfamfam */
.treeview-famfamfam li { background-image: url(images/treeview/treeview-famfamfam-line.gif); }
.treeview-famfamfam .hitarea, .treeview-famfamfam li.lastCollapsable, .treeview-famfamfam li.lastExpandable { background-image: url(images/treeview/treeview-famfamfam.gif); } 


/* My Theme Overwrite */
.treeview li 							{ background-image: url(images/treeview/treeview-famfamfam-line.gif); }
.treeview .hitarea, .treeview li.lastCollapsable, .treeview li.lastExpandable 
										{ background-image: url(images/treeview/treeview-famfamfam.gif); } 



.filetree li { padding: 3px 0 2px 16px; }
.filetree span.folder, .filetree span.file { padding: 1px 0 1px 16px; display: block; }
.filetree span.folder { background: url(images/treeview/folder.gif) 0 0 no-repeat; }
.filetree li.expandable span.folder { background: url(images/treeview/folder-closed.gif) 0 0 no-repeat; }
.filetree span.file { background: url(images/treeview/file.gif) 0 0 no-repeat; }