/*
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,
small, strike, strong, sub, sup, tt, var,
b, u, i, center, img,
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; font-style: italic; }

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: #f4f8f9;
	color: #171717;
	font: 62.5% helvetica, arial, sans-serif; /* reset 1em to 10px */
	}

/* headings */
h1{
	font-size: 2em;
	letter-spacing: 0.03em;
	font-weight: bold;
	color: #546569;
	}
	
h2{
	font-size: 1.6em;
	letter-spacing: 0.03em;
	font-weight: bold;
	color: #778e94;
	}

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

h4 {
	font-size: 1.1em;
	margin-bottom: 0.5em;
	color: #778e94;
	}

h1, h2, h3, h4{ font-family: Georgia, "Times New Roman", Times, serif; }
h1 a, h2 a, h3 a, h4 a {
	color: #546569; text-decoration: none;
	}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover {
	color: #546569; text-decoration: underline;
	}

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

a{ color: #3199b1; text-decoration: none; }
a:hover, a:active{ color: #3199b1; text-decoration: underline; }

::selection { background: #546569; color: white;}
::-moz-selection { background: #546569; color: white; }

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

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

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

#navbar{
	width: 996px;
	height: 74px;
	display: block;
	float: left;
	background: url(images/bg-menu.jpg) top left no-repeat;
	padding: 0;
	margin: 0;
	}

#navbar ul{float: left; margin: 15px 0 0 28px; font-family: Georgia, "Times New Roman", Times, serif;}
#navbar li{float: left; list-style:none; display:inline;}
#navbar ul li a{display:block; float: left; margin: 0; padding: 15px 12px 10px 12px; font-size: 1.5em; text-decoration: none; color: #214953;}
	#navbar ul li span{ display: block; float: left; margin: 0; padding: 15px 10px 10px 10px; font-size: 1.4em; color: #e5e5e5;}
#navbar ul li a:hover, #navbar ul li a:active, #navbar ul li a:focus{  }
#navbar .current_page_item a, .current_page_item a{ color: #214953; background: #e5e5e5; }

/* ########################## */
/* Display Block & Float Left */
.content, .postsWrap, .postEntry, .indexImg,
.indexLinks, .indexNews, .wp-pagenavi,
.sidebar, .sidebarTwo, .sidebarArchive, .sidebarWidg
{ display: block; float: left; }
/* ###########end############ */


.content{ width: 940px; min-height: 400px; margin: 0 18px 0 18px; padding: 30px 10px 30px 10px; background: #fff; }
	.postsWrap{ width: 720px; }
	.postsWrapM{ margin: 0 0 0 220px; }
.postEntry{ width: 700px; margin: 0 0 25px 20px; }
	.postEntry h2{ margin: 30px 0 15px 0; }
	.postEntry h3{ margin: 15px 0 7px 0; }
	.postEntry ul{ display: block; margin: 20px 0 25px 30px; font-size: 1.2em; letter-spacing: 0.01em; }
	.postEntry ul li{ margin: 0 0 3px 0; }
	
.postContent{ display: block; width: 660px; padding: 10px 40px 0 0; }
	.postContent img{ padding: 5px; border: 1px solid #b0cbd2;}

.wp-pagenavi{ width: 700px; margin: 0 0 0 18px; font-size: 1.2em; }

.indexImg{ width: 940px; margin: 0 0 30px 0;}
	.indexLinks{
	width: 440px;
	padding: 10px 40px 10px 40px;
	border-right: 10px solid #f5f8f9;
	min-height: 200px;
	font-size: 3.2em;
	color: #546569;
	font-family: Georgia, "Times New Roman", Times, serif;
	letter-spacing: 0.03em;
	line-height: 1.2em;
	}
	.indexLinks h2{ font-size: 0.8em; color: #878787; }
	.indexLinks a{ color: #546569; }
	.indexNews{ width: 330px; padding: 10px 30px 0 50px; }
		.indexNews h3{ font-size: 1.2em; color: #878787; margin: 0 0 10px 0; }
		.indexNews h2{ color: #0b0b0b }

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

.sidebarWidg{ margin: 0 0 30px 0; }
	.sidebarWidg ul li a{ font-size: 0.9em; }
.sidebar{ width: 220px; margin: 0; font-family: Georgia, "Times New Roman", Times, serif; }
	.sidebar ul{ margin: 0; font-size: 1.2em; letter-spacing: 0.01em; list-style: none; }
	.sidebar li a{
	display:block;
	float: left;
	width: 190px;
	margin: 0;
	padding: 15px 0 15px 15px;
	background: #f1f1f1;
	color: #0b0b0b;
	font-size: 1.1em;
	letter-spacing: 0.02em;
	}
	.sidebar li a:hover{ color: #546569; text-decoration: none; }
	.sidebar .current_page_item a, .current_page_item a{
	margin: 0;
	padding: 15px 0 15px 15px;
	background: #b0cbd2;
	font-weight: bold;
	}
	
.sidebarTwo{ width: 220px; margin: 0; font-family: Georgia, "Times New Roman", Times, serif; }
	.sidebarTwo ul{ margin: 0; font-size: 1.2em; letter-spacing: 0.01em; list-style: none; }
	.sidebarTwo li a{
	display:block;
	float: left;
	width: 190px;
	margin: 0;
	padding: 5px 0;
	color: #0b0b0b;
	font-size: 1.1em;
	letter-spacing: 0.02em;
	}
	.sidebarTwo li a:hover{ color: #546569; text-decoration: none; }
	
.sidebarArchive{ width: 220px; margin: 0; font-family: Georgia, "Times New Roman", Times, serif; }
	.sidebarArchive ul{ margin: 0; font-size: 1.2em; letter-spacing: 0.01em; list-style: none; }

.comments{width: 700px; display: block; float: left; margin: 0 0 0 20px; page-break-before: always;}
	.comments ol{margin: 20px 0 0 30px; width: 530px;}
	.comments ol li{margin: 0 0 25px 0; padding: 15px 10px 15px 15px;}
	ol.commentlist li.even{background:#f4f8f9;}
	ol.commentlist li.odd{background:#fff;}
	.comment-author h4{font-size: 1.4em; margin: 0;}
	.avatar{padding: 0 7px 0 0; float: right;}
	.commentText{padding: 10px 0 0 0;}
	ol.commentlist li.byuser{border: 1px dashed #00a99d; background:#f5f5f5;}
	cite.fn{ font-size: 1.2em; font-style: normal; font-weight: bold;}
	.says{ display: none; }
	
	#commentform input#author, 
	#commentform input#email, 
	#commentform input#url,
	#commentform textarea{
		margin: 0 0 15px 0;
		padding: 5px;
		border: 1px solid #cdcdcd;
		letter-spacing: 0.02em;
		line-height: 1.2em;
		font-family: helvetica, arial, sans-serif;
		font-size: 1em;
		}
		
		#commentform input#author:focus, 
		#commentform input#email:focus, 
		#commentform input#url:focus,
		#commentform textarea:focus{
		border: 1px solid #546569;
		}
	input#submit{
		padding: 5px 10px;
		border: 1px solid #cdcdcd;
		cursor: pointer;
		font-family: Georgia, serif;
		font-size: 1.1em;
		font-weight: bold;
		letter-spacing: 0.02em;
		color: #555;
		background: #fff;
		}
		input#submit:hover{color: #546569; border: 1px solid #546569;}
	
#footer {
	float: left;
	width: 960px;
	padding: 20px 0 0 0;
	margin: 0 18px 30px;	
	font-size: 0.9em;
	border-top: 3px solid #e5e5e5;
	}
	
	#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: #868686;}

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


/* End Structure */

.time{font-size: 1em; color: #588591;}
.left{float:left;}
.right{float:right;}
small{ font-size: 0.9em; font-style: italic; }
.divider{ border-bottom: 1px solid #e5e5e5; }

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}