/*  
Theme Name: Hagatekstic
Theme URI: http://www.hagatekst.no
Description: Fleksibilitet står sentralt.  
Version: 1.0
Author: Hagatekst
Author URI: http://www.hagatekst.no

*/



body {
	color: #000;
	font-size: 14px;
	font-family: Verdana, Helvetica, Arial, Sans-Serif;
	margin: 0px 0px 0px 0px;
	direction: ltr;
	}

	
/* Begin Images */
p img a {
	padding: 0;
	max-width: 100%;
	border: none;
	}

p img {
	padding: 0;
	max-width: 100%;
	border: none;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	border: none;
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	border: none;
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	border: none;
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.wp-caption {
background: #fff;
border:1px solid #ccc;
margin:10px;
text-align:center;
padding:5px 0 0;
}
.wp-caption-text {
margin:0;
font-size: smaller;
}
.wp-caption a, .post .wp-caption a:hover {
border-bottom:0;
}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */

#container { 
	width: 896px; 
	background: #fff url(images/bg.jpg);
	text-align: left; 
	margin: 20px auto;
	margin-top: 0px; 
	border: 2px solid #1b196d;
	}
	

	
#headerpic {
	height: 348px;
	width: 900px;
	margin: 20px auto; 
	margin-bottom: 3px;
}

#headerpic h1 {
	margin: 0;
	padding: 0;
	width: 900px;
	height: 348px;
	}
#headerpic h1 a {
	padding: 0;
	margin: 0;
	width: 900px;
	height: 348px;
	display: block;
	background-image: url(images/tekstic.jpg);
	}
#headerpic h1 a span { display: none; }

	
#bar {
	font-family: verdana, "Microsoft Sans Serif", Times, serif;
	font-size: 14pt;
	background-color: #1b196d;
	width:900px; 
	height:23px;
	border-bottom: 1px solid #fff;
}


#bar ul {
	margin: 0px;
	padding: 5px;
	list-style: none;
	text-align: center;
}

#bar li {
	display: inline;
}

#bar a {
	padding: 5px 15px;
	text-decoration: none;
	color: #FFFFFF;
}

#bar a:hover {
	background-color: #fff;
	color:#455A79;
}


#content { 
	width: 680px; 
	margin-bottom: 20px;
	margin-left: 179px;
	margin-right: 0px;
	position:relative;
	padding: 0px 18px 15px 18px;
	text-align: justify;
	}
	
#content b{
	color: #777;
	line-height: 14pt;
	}


#content p{
	position:relative;
	margin: 0px;
	line-height: 18px;
	padding: 0px 0px 10px 0px;
	margin-top: 5px;
	}
	
#content h1 {
	color: #1b196d;
	font-size: 22px;
	font-family: Helvetica Bold, Arial Bold, Verdana, Sans-Serif;
	font-weight: normal;
	padding: 10px 10px 10px 10px;
	line-height: 150%;
	margin: 0px;
	}
	
#content h1 a  {
	color: #1b196d
	text-decoration: underline;
	}

#content h1 a:hover {
	color: #000000;
	text-decoration: none;
	}

#content h2 {
	font-family: helvetica, arial, sans-serif;
	font-size: 18px; 
	color: #455A79; 
	margin: 0px;
	line-height: 120%;
	padding-top: 10px;
	padding-bottom: 4px;
	border-bottom: 1px dotted #455A79;
	}
#content h2 a  {
	color: #455A79;
	text-decoration: none;
	}

#content h2 a:hover {
	color: #000000;
	text-decoration: none;
	}


#content h3 {
	font-size: 14px; 
	color: #455A79; 
	margin: 0px;
	line-height: 120%;
	font-variant: small-caps;
	padding-top: 10px;
	padding-bottom: 4px;
	margin-bottom: 7px;
	border-bottom: 1px dotted #455A79;
	}
	
#content h3 a  {
	color: #455A79;
	text-decoration: none;
	}

#content h3 a:hover {
	color: #000000;
	text-decoration: none;
	}

#content ol {
	list-style-type: decimal;
	line-height: 18px;
	margin: 0px;
	padding: 0px 0px 10px 30px;
	}
#content ul {
	list-style: none;
	margin: 0px;
	padding: 0px 0px 10px 0px;
	}
	
#content li {
	margin: 0px;
	padding: 0px;
	}
	
#content ul li {
	list-style: square inside;
	margin: 0px 0px 0px 10px;
	padding: 5px 0px 0px 0px;
	}
	
#content ul li a {
	color: #797979;
	text-decoration: none;
	}

#content ul li a:hover {
	color: #000000;
	text-decoration: underline;
	}
	
#arch {
	color: #000;
	}
	
#arch ul {
	list-style: none;
	margin: 0px;
	padding: 0px 0px 10px 0px;
	}
	
#arch li {
	margin: 0px;
	padding: 0px;
	}
	
#arch ul li {
	list-style: square inside;
	margin: 0px 0px 0px 10px;
	padding: 5px 0px 0px 0px;
	}
	
#arch ul li a {
	color: #797979;
	text-decoration: none;
	}

#arch ul li a:hover {
	color: #000;
	text-decoration: underline;
	}
	
blockquote{
	margin: 0px;
	margin-left: 15px;
	margin-bottom: 12px;
	padding: 7px;
	width: 560px;
	font-style: italic;
	color: #000000;
	}
	

.postspace {
	width: 440px;
	height: 32px;
	margin: 0px;
	padding: 0px;
	}
.postspace2 {
	width: 440px;
	height: 0px;
	margin: 0px;
	padding: 0px;
	}
.postspace3 {
	background: #fff;
	width: 440px;
	height: 15px;
	margin: 0px;
	padding: 0px;
	}

#left { 
	color: #000000;
	width: 179px;
	float: left; 
	margin-top: 0px;
	margin-bottom: 20px;
	 
	}
#left p{
	margin: 0px;
	padding: 10px;
	line-height: 16px;
	}
	
#left h2 {
	color: #fff;
	background: #1b196d;
	font-family: verdana, "Microsoft Sans Serif", Times, serif;
	font-size: 12pt;
	list-style: none;
	padding: 6px;
	margin: 0px;
	border-bottom: 1px solid #fff;
	}





#footer {
	font-family: verdana, "Microsoft Sans Serif", Times, serif;
	overflow: hidden;
	font-size: 9pt;
	background-color: #1b196d;
	width:900px; 
	line-height: 17px;
	padding-top: 2px;
	padding-bottom: 2px;
	text-align: center;
	clear: both;
	color: #FFFFFF;
}

#footer ul {
	margin: 0px;
	padding: 5px;
	list-style: none;
	text-align: center;
}

#footer li {
	display: inline;
}

#footer a {
	padding: 0px;
	text-decoration: none;
	color: #FFFFFF;
}

#footer a:hover {
	background-color: #fff;
	color:#455A79;
}


#wp-calendar {
	margin-left: 22px;
	margin-bottom: 10px;
	}

#searchform {
	margin-left: 9px;
	margin-bottom: 0px;
	}
	
#searchform input {
	font-family:"Lucida Grande","Lucida Sans Unicode",Tahoma, Helvetica, Verdana, sans-serif;
	font-size: 11pt;
	text-align: right;
	color: #67717E;
	border: 1px solid #ddd;
	width: 150px;
	margin-top: 10px;
	margin-bottom: 0px;
	}
	
/* comments */
	
.entry {
	margin-bottom: 12px;
	}	

#s,#submit {	
	background-color:#ffffff;
	border:1px solid #cccccc;
	color:#505050;
	font-size:0.9em;
	margin:0 0 16px;
	padding:4px;
	width:130px;
	}
	
#author {
	border:1px solid #cccccc;
	font-family:Verdana,Tahoma,Arial,Sans-Serif;
	font-size:1em;
	margin:0;
	padding:4px;
}

	
#email {
	border:1px solid #cccccc;
	font-family:Verdana,Tahoma,Arial,Sans-Serif;
	font-size:1em;
	margin:0;
	padding:4px;
}

#url {
	border:1px solid #cccccc;
	font-family:Verdana,Tahoma,Arial,Sans-Serif;
	font-size:1em;
	margin:0;
	padding:4px;
}

#comment  {
	width: 350px;
	border:1px solid #cccccc;
	font-family:Verdana,Tahoma,Arial,Sans-Serif;
	font-size:1em;
	margin:0;
	padding:4px;
}


/* Fly me, baby */

.cssfly {font-family: Verdana, Helvetica, Arial, Sans-Serif; width:170px; height:150px; position:relative; margin:0; font-size:14px; z-index:1; }
.cssfly ul li a, .cssfly ul li a:visited {display:block; text-decoration:none; color:#000; width:170px; height:25px; text-align:left; background:#b0dfe5; line-height:24px; padding-left:10px; font-size:14px;}
.cssfly ul {padding:0; margin:0;list-style-type: none; }
.cssfly ul li {float:left; margin-right:1px; position:relative;}
.cssfly ul li ul {display: none;}
.cssfly ul li:hover a {color:#000; background:#fff;}
.cssfly ul li:hover ul {display:block; position:absolute; top:0; left:176px; width:170px; z-index:100;}
.cssfly ul li:hover ul li a.hide {background:#fff; color:#000;}
.cssfly ul li:hover ul li:hover a.hide {width:170px;}
.cssfly ul li:hover ul li ul {display: none;}
.cssfly ul li:hover ul li a {display:block; background:#b0dfe5; width:150px;}
.cssfly ul li:hover ul li a:hover {background:#9cc5cb; color:#000;}
.cssfly ul li:hover ul li:hover ul {display:block; position:absolute; left:150px; z-index: 200; top:0; color:#000;}
.cssfly ul li:hover ul li:hover ul li a {display:block; width:170px; background:#b0dfe5; color:#000;}
.cssfly ul li:hover ul li:hover ul li a:hover {background:#9cc5cb; color:#000;}