/*
Theme Name: Julia
Theme URI: http://www.julia-co.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, 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;}

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: white url(images/bg-header.gif) top left repeat-x;
	color: #1c1c1c;
	font: 62.5% helvetica, arial, sans-serif; /* reset 1em to 10px */
	}

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

h2 {
	font-size: 1.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: Geneva, Helvetica;
	color: black;
	}

h1 a, h2 a, h3 a, h4 a {
	color: black;
	}


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

a{ color: black; text-decoration: none; }
a:hover, a:active, a:focus { color: black; text-decoration: none; }
.postEntry a, .kalenderSideContent a, .indexServiceText a{ color: #096cab; border-bottom: 1px dotted #fff; }
	.postEntry a:hover, .kalenderSideContent a:hover, .indexServiceText a:hover{ color: black; border-bottom: 1px solid black; }
.edit a{ font-size: 0.9em; font-style: italic; color: #096cab; border-bottom: 1px dotted #096cab; }

::selection{ background: black; color: white; }
::-moz-selection{ background: black; color: white; }

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

.topWrap{ width: 295px; }

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

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

#navbar{
	width: 220px;
	display: block;
	float: left;
	padding: 0;
	margin: 20px 0 0 0;
	}

#navbar ul{float: left;}
#navbar li{list-style:none; display: inline;}
#navbar ul li a{display:block; margin: 0; font-size: 1.4em; text-decoration: none; color: white; padding: 5px 0 3px 20px; margin: 5px 0; width: 220px;}
#navbar ul li a:hover{ background: #db001b; }
#navbar ul li a:active, #navbar ul li a:focus{ background: #db001b; }
#navbar .current_page_item a, .current_page_item a{ color: white; background: #db001b; padding: 5px 0 3px 20px; }

.topPicIndex, topPicKalender, topPicReferenser, topPicJulia, topPicKontakt{ width: 655px; height: 356px; }
	.topPicIndex{ background: url(images/julia-index.jpg) top left no-repeat; position: relative; }
	.topPicKalender{ background: url(images/julia-kalender.jpg) top left no-repeat; }
	.topPicReferenser{ background: url(images/julia-referenser.jpg) top left no-repeat; }
	.topPicJulia{ background: url(images/julia-rosqvist.jpg) top left no-repeat; }
	.topPicKontakt{ background: url(images/julia-kontakt.jpg) top left no-repeat; }
		.moten a, .kunskap a, .relationer a{ position: absolute; border: none; font-family: Geneva, Helvetica; }
		.moten a:hover, .kunskap a:hover, .relationer a:hover{ color: white; border: none; }
		.moten a{ top: 115px; left: 55px; font-size: 2.3em; }
		.kunskap a{ top: 217px; left: 112px; font-size: 1.3em; }
		.relationer a{ top: 133px; left: 246px; font-size: 1.7em; }

.indexPres{ width: 620px; }
.indexPres h1{
	font-family: Geneva, Helvetica;
	letter-spacing: 0.01em;
	font-style: italic;
	font-weight: normal;
	line-height: 1.7;
	color: white;
	}
	
.indexPres h1 span{
   float: left;
   clear: left;
   background: rgb(0, 0, 0);
   background: rgba(0, 0, 0, 1);
   padding: 0 15px;
   margin: 0 0 5px 0;
   }

.indexService{
	width: 620px;
	background: url(images/divider.jpg) top left no-repeat;
	padding: 50px 0 0 0;
	margin: 30px 0 0 0;
}
	.indexServiceText{ width: 275px; padding: 0 0 0 20px; }
	.indexService h2{ font-size: 1.8em; }
	.indexService ul{ margin: 15px 0 0 25px; }
	.indexService ul li{ font-size: 1.2em; margin: 0 0 7px 0; }
	.indexServiceText p{ margin: 0 0 0 25px; }

.links{
	width: 620px;
	background: url(images/divider.jpg) top left no-repeat;
	padding: 40px 0 0 0;
	margin: 30px 0 0 0;
}
.linksImg{ margin: 0 0 0 10px; }

/* ########################## */
/* Display Block & Float Left */
.topWrap,
.indexPres, .indexServiceText, .indexService, .links,
.topPicIndex, topPicKalender, topPicReferenser, topPicJulia, topPicKontakt,
.content, .contentLeft, .bloggWrap,
.sidebar, .SideContent, .kalenderWrap, .kalenderSideContent, .kalenderEntry
{ display: block; float: left; }
/* ###########end############ */

.content{ width: 940px; margin: 30px 0 0 0; padding: 0 10px; }
.contentLeft{ width: 620px; }
.postEntry{ width: 580px; margin: 0 0 25px 0; padding: 0 40px 0 0; }
	.postEntry h1 span{ font-weight: normal; }
	.postEntry h1{ margin: 0 0 15px 0; }
	.postEntry h2{ margin: 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 7px 0; }
	
.postContent{ display: block; padding: 10px 0 0 0; }

.bloggWrap{ margin: 15px 0 0 0; padding: 0 0 25px 0; background: url(images/divider.jpg) bottom left no-repeat;}

/*
.contactLeft{ width: 620px; }
.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: 300px; margin: 0 0 0 20px; }
	.sidebar h2{
	font-size: 1em;
	font-family: Geneva;
	font-style: normal;
	letter-spacing: 0.01em;
	text-transform: uppercase;
	margin: 0 0 15px 0;
	}
	.sidebar h3{ margin: 0; }
	
	.SideContent{
	width: 255px;
	padding: 15px 0 10px 45px;
	margin: 0 0 20px 0;
	}
	
	.bgone{ background: url(images/bg-sidebar3.gif) repeat-y top left; }
	.bgtwo{ background: url(images/bg-sidebar2.gif) repeat-y top left; }
	
	.SideContent ul{ list-style: none;}
		.SideContent ul li a{
		display: block;
		height: 15px;
		width: 90px;
		padding: 0 0 0 29px;
		margin: 0 0 10px 0;
		font-size: 1.3em;
		background: url(images/bullet.gif) no-repeat top left;
		}
		.SideContent ul li a:hover{
		background-position: 0 -15px;
		}
		ul li.sideActive a{
		background-position: 0 -15px;
		}
		
	.kalenderSideContent{ width: 230px; margin: 0 0 20px 0; }
		.kalenderSideContent p{ margin: 0; }
	p.date{ font-size: 1em; font-style: italic; color: #595959; }
	
	.kalenderWrap{ width: 290px; }
		.leftColumn{ }
	.kalenderEntry{ width: 270px; margin: 0 0 20px 0; padding: 0 20px 0 0; }
	.kalenderEntry p, .kalenderEntry h3{ margin: 0; }

.postEntry input, .postEntry textarea,
	#commentform input#author, 
	#commentform input#email, 
	#commentform input#url,
	#commentform textarea{
			border:1px solid #ccc;
			padding: 5px;
			font-family: helvetica, arial, sans-serif;
			font-size: 1em;
			letter-spacing: 0.01em;
			line-height: 1.5em;
			color: #292929;
			-moz-border-radius: 3px; -webkit-border-radius: 3px;
			}
.postEntry input:focus, .postEntry textarea:focus,
	#commentform input#author:focus, 
		#commentform input#email:focus, 
		#commentform input#url:focus,
		#commentform textarea:focus{
		border: 1px solid #999;
		}
	input.sendbutton, input#submit{ border: none; cursor: pointer; padding: 5px 12px; background: #333; color: #fff; }
		input.sendbutton:hover, input#submit:hover{background: black;}
	input#submit, input#submit:hover{ -moz-border-radius: 3px; -webkit-border-radius: 3px; }
		
.comments{width: 580px; display: block; float: left; margin: 0; page-break-before: always; border-top: 1px solid #e8e8e8; padding: 15px 0 0 0;}
	.comments ol{margin: 20px 0 0 30px; width: 530px;}
	.comments ol li{margin: 0 0 25px 0; padding: 15px 10px 5px 15px;}
	ol.commentlist li.even{background:#efefef;}
	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 #bf1010; background:#f5f5f5;}
	cite.fn{ font-size: 1.2em; font-style: normal; font-weight: bold;}
	.says{ display: none; }
				
#footer {
	float: left;
	background: black url(images/bg-footer.gif) top left repeat-x;
	width: 100%;
	height: 53px;
	font-size: 1em;
	margin: 30px 0 0 0;
	padding: 35px 0 20px 0;
	}
	
	#footer a:hover{ color: #2a9cb7; text-decoration: none; }
	#footer p a{ color: white; border-bottom: 1px dotted white; }
	#footer p a:hover{ color: white; border-bottom: 1px solid white; }
	#footer p, #footer a{ margin: 0; letter-spacing: 0.03em; color: #fff;}
	.footerInfo{ width: 940px; height: 55px; margin:0 auto; padding: 0 10px; background: url(images/footer-logo.gif) bottom right no-repeat; }
	
#footer ::selection{ background: white; color: black; }
#footer ::-moz-selection{ background: white; color: black; }

/* End Structure */

.time{ font-size: 1em; color: #555; }
.left{ float:left; }
.right{ float:right; }
small{ font-size: 0.9em; font-style: italic; color: #666; }

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 }