/****************************************************  
/****************************************************  

	Theme Name: Regit											*
	Theme URI: http://regit.se										*
	Description: 												*
	Version: 0.5													*
	Author: Regit												*
	Author URI: http://regit.se										*

	Designer: Johan Pettersson www.webbrelaterat.se				*
	
/**************************************************** 
*****************************************************/

@import "style/css/reset.css";

/*************************
	STYLES AND MISC 
**************************/

* { margin: 0;}
html, body { height: 100%;}
body{color:#0e1414; font-size: 62.5%; font-family: Helvetica, Arial, sans-serif; background: #f9f5e9; }
a img { border:none } /* Gets rid of IE's blue borders */
a { text-decoration:none;color: #44550b; font-weight: bold; }
a:hover{ color: #1c140d; font-weight: bold;}
.no-border { border:none; }
.clear { clear:both;} /* Clears the float */
.alignleft { float:left; }
.alignright 	{ float:right; }
.small { font-size: 11px; }
.red {color: #bd120a;}
.green {color:#cb3117;}
.grey {color:#bbbbbb;;}

/*************************
	TYPO and HEADINGS
**************************/

@font-face 				{font-family: Aller; src: url('Aller-Roman.otf');}
@font-face 				{font-family: Aller;font-weight: bold;src: url('Aller-Bold.otf');}

h1, h2, h3, h4, h5, h6	{color:#0d171a;margin: 12px 0 12px 0;padding-bottom:5px;font-family: Aller, Helvetica, Arial, sans-serif;font-style: normal;
						text-transform: normal;}
						
h1						{font-size: 3.2em; }
h2						{font-size: 2.8em; letter-spacing: -1px; line-height: 1.2em;}
h3						{font-size: 2.0em; letter-spacing: normal;line-height: 1.4em;}
h4						{font-size: 1.6em; letter-spacing: normal;line-height: 1.4em;}
h5						{font-size: 1.4em; font-style: normal; letter-spacing: 0.2px;line-height: 1.5em;}

p 						{ margin: 15px 0px 15px 0px;text-align: justify; font-family: Helvetica, Arial, sans-serif;font-size: 1.1em; font-style: normal;
						 font-weight: normal;text-transform: normal;letter-spacing: normal;line-height: 1.6em; }
li						{ list-style: disc inside; }
li ul						{ list-style: disc inside; }
blockquote 				{ margin:0px; padding:10px; border-top:1px solid #d9dade; border-bottom:1px solid #d9dade; background:#f0f0f0; }

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

#bg 						{background: url(style/images/body-bg.png) left top repeat-x; padding:0px; margin: 0px auto -240px; min-height:100%; height:auto !important; height:100%;}
#subpage-bg 				{background: url(style/images/subpage-bg.png) left top repeat-x; padding:0px; margin: 0px auto -240px; min-height:100%; height:auto !important; height:100%; }
#page					{ width:960px; padding:0px; margin: 0px auto;}
#header					{ overflow:hidden; height:85px;}
#header-in 				{ margin:0 auto; width:960px; padding:0px; overflow:hidden; }	
#push 					{ height: 240px; /* .push must be the same height as .footer */}
#content 				{ float:left; width:960px; padding:0;margin-bottom:50px;}
#subpage-wrap 			{ float:left; width:920px; padding:20px 20px 40px 20px;margin:20px 0px 40px 0; background:#fff; border:1px solid #f2e9e1; }
#sidebar 				{ float:right; width:300px; height:100%; padding:0px; margin:0px; overflow:hidden;}
#footer 					{ height:240px; background:#1c140d; }
#footer-in 				{ width:960px; margin:0 auto; padding-top:30px; background:url(style/images/footer-logo.gif) bottom right no-repeat;}	

/******************
	NAVIGATION
*******************/

#nava 					{ margin:0px; padding:0; height:50px;text-shadow: 1px 1px 1px #363636;}
#nava ul					{ margin:0px; padding:0; height:50px;}
#nava ul li 				{ float: left; display: inline; }
#nava ul li a 				{ color: #fff; text-decoration:none; margin-left:2px; margin-top:12px; padding:6px 15px; font: 11px Helvetica, sans-serif; 
						text-transform:uppercase; display: block; -moz-border-radius: 16px; -webkit-border-radius: 16px; }
#nava ul li a:hover 		{ color: #fff; background: #44550b;}
#nava ul li .current		{ background:#44550b; }

.extra-nava 				{ float:right; margin-top:7px; padding:0; width:auto;}
.extra-nava ul			{ float: left; margin:0px; padding:0; }
.extra-nava ul li 			{ float: left; display: inline; }
.extra-nava ul li a 		{ float: left; color: #fff; text-decoration:none; margin-right:5px; padding: 5px 10px 5px 10px;background: #44550b; -moz-border-radius: 16px; -webkit-border-radius: 16px; }
.extra-nava ul li a:hover 	{ color: #fff; background: #60751c;}

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

.logo 					{text-indent: -9999px; float: left; margin-top:10px; } 
.logo a 					{display:block; width: 206px; height: 67px; background: url(style/images/logo.gif) no-repeat; }	

/******************
	HIGHLIGHT 
*******************/

#highlight 				{width:960px; color:#fff; padding-top:30px; height:365px;margin:0;overflow:hidden;background: url(style/images/webmascot.png) right no-repeat;}
#highlight p 			{color:#1c140d; font-size:17px;}
#highlight h2			{ margin:0; border:none; font-size:30px;text-shadow: 1px 1px 1px #fff;line-height: 1.3em;}

#highlight-text 			{float:left; width:600px; height:auto;}

#search 					{ padding:20px 35px; float:left; margin-top:35px;width:650px; height:150px; background: url(style/images/search-bg.png) 0 0 no-repeat;}
#search p				{ margin:0; padding:0; font-size:16px; color:#fff !important; text-shadow: 1px 1px 1px #363636;}

#searchform				{ margin-top:20px; padding:0; }
#search .s 				{ font-family: Helvetica, Arial, sans-serif; background:#fff; padding:12px; font-size:20px;
						 border: none; font-weight:bold; width:450px; float: left; margin-right:5px; margin-top:5px; color:#43540a;}
#searchform .sgo 		{ background:url(style/images/search-button.png) 0 0 no-repeat; color: #fff; border:none; display: block; 
						 height: 60px;width:110px; float:left; cursor:pointer; outline:none; text-indent: -9999px; }
#searchform .sgo:hover 	{  background:url(style/images/search-button-hover.png) 0 0 no-repeat;  }

/******************
	CONTENT 
*******************/

.push-wrap				{margin-bottom:20px;padding:0; float:left; width:960px;}
.push-in 				{ margin-top:50px; }

.push-in  ul				{ margin:0px; padding:0px; width:auto;}
.push-in  ul li				{ padding:8px 0px 8px 20px; list-style-type: none; background: url(style/images/push-bullet.png) left no-repeat; }

.pushbox-left, 
.pushbox-center,
.pushbox-right			{ position:relative; padding:20px;width:260px; height:300px; background:#fff; border:1px solid #f2e9e1;}

.push-heading			{ position:absolute; top:10px;left:-20px;display:block;width:260px;
						 height:49px;background: url(style/images/push-heading.png) no-repeat; color:#f9f5e9; }
.push-heading h3			{ float:left; margin:0; color:#fff; padding:10px 0 0 35px; text-shadow: 1px 1px 1px #000;}

.pushbox-left 			{ float:left;}
.pushbox-center 			{ margin-left:25px; float:left;}
.pushbox-right 			{ float:right;}

.readmore 				{padding:5px 10px; background: #44550b;color:#fff;-moz-border-radius: 12px; -webkit-border-radius: 12px;}
.readmore:hover			{background: #cbe86b; color:#44550b; }

/******************
	PAGES
*******************/

#leftside 				{width:580px; position:relative; padding-right:20px; float:left;border-right:1px solid #f2e9e1;}

/******************
	SIDEBAR 
*******************/
	
#sidebar h3 				{ padding-left:25px; background: url(style/images/sidebar-heading.png) left top no-repeat;}
#sidebar ul 				{ margin:0; padding:0px; }
#sidebar ul li 				{ margin:0; list-style-type:none; }
#sidebar ul li a 			{ font-size:11px; display: block; margin: 0px; padding:10px; border-bottom: 1px solid #f2e9e1; }
#sidebar ul li a:hover 		{ text-decoration:none; color:#1c140d; border-bottom: 1px solid #f2e9e1; background: #f9f5e9;}

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


#footer                     { height:240px; background:#1c140d; padding-top:30px;}
#footer-in                 { width:960px; margin:0 auto; padding:0px; background:url(style/images/footer-logo.gif) bottom right no-repeat;}    

#footer p 				{ color:#f2e9e1; font-size:10px;font-weight: bold; margin:0px;}
#footer a				{ color:#f2e9e1;line-height: 1.8em;}
#footer a:hover			{ border-bottom:1px solid #cbe86b;color:#cbe86b;}
#footer ul li				{height:20px;list-style-type: none;}
#footer  h3				{ color:#cbe86b; margin:0px 0px 10px 0px !important; padding:0 !important; }
#footer .menu, .links, .copyright { border-left: 1px dotted #56412f; float:left; margin-top:0px; padding:10px 20px; width:220px; }

.copyright				{ border-left: none; }

/******************
	FORM 
*******************/


#form					{ margin:0px; padding-top:20px; height: 100%; }
#form label 				{text-align:left; margin-bottom:10px; width:70%; font-weight:bold;}

.textarea 				{ width:60%; font-weight: bold; color:#0d171a; float:right; padding:5px;margin: 0 90px 5px 0; border:1px solid #d9dade;font-family: Helvetica, Arial, sans-serif; }
.Cbutton 				{ border:none; padding:0px; float:left; font-weight:bold;font-size:16px;font-family: Helvetica, Arial, sans-serif;
						  padding: 10px 15px; margin-top:10px; margin-left:130px; clear:both; cursor:pointer; background: #44550b;color:#fff;-moz-border-radius: 12px; -webkit-border-radius: 12px;}
.Cbutton:hover 			{ background: #cbe86b; color:#44550b;}

/******************
	CLEARFIX 
*******************/

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}