/*
Theme Name: Pregraph
Theme URI: http://www.pregraph.se
Description:
Version: 1.0
Author: Pregraph
Author URI: http://www.pregraph.se
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	}


body {line-height: 1;}
blockquote, q {quotes: none;}

blockquote:before, blockquote:after,
q:before, q:after {content: '';}

/* remember to define focus styles! */
:focus {outline: 0;}

/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}

html {
	height : 100.1%; /* force vert scroll bars */
	}

body {
	background: #ffffff;
	color: #444;
	font: 62.5% helvetica, arial, sans-serif; /* reset 1em to 10px */
	}

/* headings */
h1, h2 {
	font-size: 2em;
	letter-spacing: 0.03em;
	font-weight: bold;
	}

h3{
	margin-bottom: 0.3em;
	font-size: 1.2em;
	letter-spacing: 0.03em;
	}

h4 {
	font-size: 1.1em;
	margin-bottom: 0.5em;
	}

h1, h2, h3, h4 {
	font-family: Verdana, Arial, Sans-Serif;
	color: #424242;
	}

h1 a, h2 a, h3 a, h4 a {
	color: #424242;
	}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover {
	background: #2a9cb7; color: #ffffff; text-decoration: none;
	}

p {
	font-family: helvetica, arial, sans-serif;
	font-size: 1.2em;
	letter-spacing: 0.01em;
	line-height: 1.3em;
	margin: 0 0 13px 0;
	}

a{ color: #2a9cb7; text-decoration: none; }
a:hover, a:active, a:focus { background: #2a9cb7; color: #ffffff; text-decoration: none; }

::selection { background: #2a9cb7; color: white;}
::-moz-selection { background: #2a9cb7; color: white; }

/* Begin Structure */
#wrap{
	width:940px;
	margin:0 auto;
	font-size: 1.2em;
	overflow: hidden;
}

#header{
	width: 350px;
	display: block;
	float: left;
	margin: 37px 0 0 0;
	}

#header a{
	width: 350px;
	height: 76px;
	float: left;
	background: url(images/logo.gif) no-repeat;
	text-indent: -9999px;
}

#navbar{
	width: 590px;
	display: block;
	float: right;
	padding: 0;
	margin: 70px 0 0 0;
	}

#navbar ul{float: right;}
#navbar li{float: left; list-style:none; display:inline;}
#navbar ul li a{display:block; margin: 0; padding: 0 0 0 20px; font-size: 1.3em; text-decoration: none; color: #555;}
#navbar ul li a:hover, #navbar ul li a:active, #navbar ul li a:focus{ background: none; }
#navbar .current_page_item a, .current_page_item a{ color: #2a9cb7; }

/* ########################## */
/* Display Block & Float Left */
.content, .contentWide, .contentLeft,
.singleLeft, .single, singleLeftBox,
.presentation, .contentPartner, .partnerWrap, .partnerText, .partnerLogo,
.uppdragWrap, .uppdragText, .uppdragIndexImg, .contentUppdrag, .uppdrag,
.contactLeft, .contactRight,
.sidebar,
.footerContact, .footerAdress, .footerMap, .footerSocial
{ display: block; float: left; }
/* ###########end############ */


/* ############# */
/* Round corners */
.uppdragText span a,
.singleLeftBox, .sidebar,
.single img,
#footer
{ -moz-border-radius: 8px; -webkit-border-radius: 8px; }
/* #######end### */


.content{ width: 940px; margin: 50px 0 0 0; }
.contentWide{ width: 940px; margin: 50px 0 0 0; }
	.contentWide h1 span{ font-weight: normal; }
.contentLeft{ width: 600px; }
.postEntry{ margin: 0 0 25px 0; }
	.postEntry h1 span{ font-weight: normal; }
	.postEntry h2{ margin: 0 0 15px 0; }
	.postEntry h3{ margin: 15px 0 10px 0; }
	.postEntry ul{ margin: 0 0 25px 30px; font-size: 1.2em; letter-spacing: 0.01em; }
	.postEntry ul li{ margin: 0 0 3px 0; }
	
.postContent{ display: block; padding: 10px 0 0 0; }

.singleLeft{ width: 280px; margin: 0 0 0 60px; }
.singleLeftBox{ width: 230px; margin: 20px 0; padding: 20px 25px; background: #f4f4f4; }
	.singleLeftBox p{ margin: 0; font-size: 1.3em; }
	.singleLeftBox p span{ font-weight: bold; }
	.singleLeftBox ul{ margin: 5px 0 20px 15px; }
	.singleLeftBox ul li{list-style: none; background: url(images/list.gif) no-repeat top left; padding: 2px 0 0 30px; margin: 0 0 7px 0; height: 18px;}
	
.single{ width: 600px; margin: 20px 0 0 0; }
	.single img{ border: 10px solid #f4f4f4; }

.presentation{ width: 420px; margin: 0 50px 0 0; }
	.presentation h3{ margin: 5px 0 30px 0; }

.uppdragWrap{ width: 470px; }
.uppdragText{ width: 220px; }
	.uppdragText h2{ font-size: 1em; font-weight: bold; }
	.uppdragText span a{
					display: block;
					width: 120px;
					background: #2a9cb7;
					padding: 4px 15px;
					color: #fff;
					margin: 81px 0 0 0;
					text-align: center;
					}
						
	.uppdragText span a:hover{ background: #198ba6; text-decoration: none; }
	
.uppdragText h2, .uppdragIndexImg h3{ font-size: 1.3em; }
.uppdragIndexImg{ width: 470px; }
	.uppdragIndexImg h3{ font-weight: normal; margin: 7px 0 0 0; }
	.uppdragIndexImg h3 a{ color: #2a9cb7; }
	.uppdragIndexImg h3 a:hover{ background: #2a9cb7; color: #ffffff; }
	
/* Index END */

.contentUppdrag{ width: 940px; margin: 15px 0 0 0; }
.contentUppdrag h2{ font-size: 1.3em; margin: 5px 0 0 0; }
.uppdrag{ width: 280px; height: 230px; margin: 0 33px 30px 0; }
	.uppdrag a img{ background: none; }

.partnerWrap{ width: 600px; margin: 20px 0; }
	.partnerWrap ul{ margin: 0 0 25px 30px; font-size: 1.2em; letter-spacing: 0.01em; }
		.partnerWrap ul li{ margin: 0 0 3px 0; }
	.partnerWrap h3{ margin-bottom: 10px }
	.partnerText{ width: 380px; margin: 0 20px 0 0; }
	.partnerLogo{ width: 200px; height: 72px; }
		.partnerLogo img:hover{
		-moz-box-shadow: 0 0 5px #b5b5b5; /* for Firefox 3.5+ */
		-webkit-box-shadow: 0 0 5px #b5b5b5; /* for Safari and Chrome */
		filter: progid:DXImageTransform.Microsoft.Shadow(color='#b5b5b5', Strength=5);
		}

.contactLeft{ width: 440px; margin: 0 60px 0 0 ; }
.contactRight{ width: 440px; margin: 40px 0 0 0 }
.contactLeft input, .contactLeft textarea{ 
			border:1px solid #ccc;
			padding: 6px;
			font-family: helvetica, arial, sans-serif;
			font-size: 1em;
			letter-spacing: 0.01em;
			line-height: 1.5em;
			color: #444;
			-moz-border-radius: 8px; -webkit-border-radius: 8px;
			}
	input:focus, textarea:focus{ border:1px solid #2a9cb7; }
	input.sendbutton{ border: none; cursor: pointer; padding: 5px 12px; background: #2a9cb7; color: #fff; }
		input.sendbutton:hover{ background: #198ba6; }

.sidebar{ width: 230px; background: #f4f4f4; padding: 20px; margin: 0 0 0 70px; }
	.sidebar ul{ margin: 0 0 0 20px; font-size: 1.2em; letter-spacing: 0.01em; }
	.sidebar ul li{ margin: 0 0 4px 0; }
	.samarbeta{ margin: 20px 0 0 0; padding: 20px 0 0 0; border-top: 1px dashed #999; }
	
#footer {
	float: left;
	width: 900px;
	padding: 15px 20px 50px 20px;
	margin: 40px 0 30px 0;	
	font-size: 0.9em;
	background: #2a9cb7 url(images/footer-logos.jpg) bottom left no-repeat;
	background-position: 600px 15px;
	}
	
	#footer a:hover{ background: #ffffff; color: #2a9cb7; text-decoration: none; }
	#footer h3{font-size: 1.2em; color: #fff;}
	#footer p, #footer a{margin: 0; letter-spacing: 0.02em; color: #fff;}
	
.footerContact{ width: 185px; }
.footerAdress{ width: 185px }
.footerMap{ width: 360px; }
.footerSocial{ width: 170px; }

#footer ::selection { background: #ffffff; color: #2a9cb7;}
#footer ::-moz-selection { background: #ffffff; color: #2a9cb7; }

.copy{
	float: left;
	width: 940px;
	margin: 7px 0 25px 0;	
	font-size: 0.8em;
	text-align: center;
	color: #555;
}

/* End Structure */

.divider{border-bottom: 1px solid #067f46; margin-bottom: 30px; padding-bottom: 30px;}
.time{font-size: 0.9em;}
.left{float:left;}
.right{float:right;}
small{ font-size: 0.9em; font-style: italic; }
.space{}

img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}