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


/********************************************
*  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; ; padding:20px 20px 0px 20px; }
#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; padding:0 10px 10px; }

/*TEST*/
#panels						{ display:none; }


.panel						{ border:1px solid #E4E5E7; float:left; margin:10px; height:140px; width:298px; }
.panel h4					{ background:#E4E5E7; color:#333333; margin:0px; padding:3px 0 3px 5px; width:100%; }

#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; }

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

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

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

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


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