/*
Theme Name: Helli Grafisk
Theme URI: http://wordpress.org/
Description: 
Version: 1.0
Author: Anna
Modifisert av: Helli Grafisk
Author URI: 
Tags: empty, clean, development, design

	Based on Kubrick v1.5
	 http://binarybonsai.com/kubrick/
	The Kubrick theme was designed and built by Michael Heilemann,
	whose blog you will find at http://binarybonsai.com/
	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php
*/

/* -- just some ugly styling to make it easier to get started, can safely be removed */
/*.sidebar, #entry-meta-single {border:1px solid red;}
#respond {border:1px solid yellow;}
#footer, #header {border:1px solid blue;}
li.depth-1 {border: 1px solid orange;}
.navigation {border:1px dashed black;}
.post {border:1px solid pink}*/

/* - BASIC STUFF - */
body {
background:#FFF;
background-image: url(../Blank-2-bottom/gfx/hg-bg.png);
background-position:top center;
background-repeat:no-repeat;
font:9pt/11pt Arial;
color:#4D4D4D;
margin:0px;
font-weight:100;
}

strong { font-weight:bold;}

a {color:#B7B100; text-decoration:none;}
a:hover {text-decoration:none;}
a img { border:none;}
.additional-meta {font-size: xx-small}
blockquote {font-style:oblique}


/* -- LISTS -- */
ul {margin:0;padding:0;}
ul li {	margin-left:5px;padding:0;}
li {list-style-type:none;}
.disc {list-style-type:disc}
/* lists inside posts */
.entry-content ul ol {margin-left:0;}
.entry-content ul li {margin-left:10px; list-style:disc; list-style-position:inside}
.entry-content ul li ol {margin-left:10px;}
.entry-content ol li {margin-left:5px; list-style: decimal; list-style-position:inside}
.entry-content ol li li {margin-left:5px;}

/* -- HEADINGS -- */
h1,h2,h3,h4,h5,h6 {margin:0;padding:0;}
h2.entry-title {font-size:180%;}

h2.page-title {
font-size:180%;
font-family: "Georgia", Times New Roman, Times, serif;
font-style: italic;
font-weight:100;
color: #FFFFFF;
background:#333333;
padding:5px;
text-transform:uppercase;
display:inline
}

.ingress {
padding-top:15px;
font-size: 120%;
font-weight:100;
line-height:20px;
}
.ingress_av {
xpadding-top:15px;
font-size: 120%;
font-weight:100;
line-height:20px;
}

h2#comments{margin:20px auto 10px;font-size:140%;}
/* headings inside posts */
.entry-content h3 {font-size:140%;}
.entry-content h4 {font-size:120%;}
.entry-content h5 {font-size:100%;}
.entry-content h6 {font-size:90%;}

/* -- MAIN DIV'S -- */
#wrapper {float:none;clear:both;margin:0 auto;padding:0;width:920px;}
#header {height:138px;}
#clear {clear:both;} 

/* -- FOOTER -- */
#footer {
width:920px;
height:140px;
margin-left: auto;
margin-right: auto;
color: #EDEDED;
}

#footer-wrapper {
margin-left: auto;
margin-right: auto;
margin-top:60px;
background: #333333;
}

#footerTwitter {
float:left;
margin-left:20px;
margin-top:50px;
}

#footerKontakt {
float:right;
width:200px;
margin-right:40px;
margin-top:40px;
}

/* -- FORSIDE -- */
#promo {
height: 360px;
margin-top: 30px;
margin-bottom: 80px;
padding-top:20px;
border-top: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
}


#promo-gallery { 
float:right; 
margin-right:20px;
margin-top:-12px;
}

.gallery-icon {
margin:20px;
}

.promoIMG {
float:left;
}

#promo-info {
margin-left: 30px;
float:left;
width:325px;
line-height:23px;
font-size:13px;  }



h3.promo {
font-family: "Georgia", Times New Roman, Times, serif;
font-style: italic;
font-size: 350%;
margin-bottom: 18px;
margin-top:130px;
margin-left:30px;
color: #B7B100;
}

h4.promo {
font-size: 150%;
font-weight:100;
margin-left:30px;
}

#intro {
float: left;
width: 500px;
}

h3.intro {
font-family: "Georgia", Times New Roman, Times, serif;
font-style: italic;
font-size: 250%;
margin-bottom: 18px;
color: #000;
}

h4.intro {
font-family: "Georgia", Times New Roman, Times, serif;
font-size: 150%;
margin-bottom: 10px;
color: #000;
}

h5.intro {
font-size: 120%;
font-weight:100;
line-height:20px;
}

#aktuelt {
float: right;
width: 370px;
}

/* -- TWITTER -- */

#tweetblender-3{
clear:both;
}
  
#twitter-1 {
border-top: 1px solid #EDEDED;
margin-top: 20px;
}

li.twitter-item{
margin-left:0px;
}

li.twitter-item{
background: #EDEDED;
display:inline;
padding:6px;
margin-bottom: 8px;
display:block;
}

a.twitter_title_link {
color:#33CCFF;
}

/* -- HEADER -- */
.logo {
float:left;
margin-top:40px;
}

/* -- MENU -- */
#menu {
float:right;
margin-top: 70px;
}

#menu li{
display: inline;
margin-right: 8px;
}

#menu a{
color:#EDEDED;
border-bottom: 2px solid #EDEDED;
}

#menu a:hover{
border-bottom: 2px solid #B7B100;
}

/* -- PROSJEKTER-MENU -- */
#prosjekter-menu {
float:right;
}

#prosjekter-menu ul li{
display:inline;
}

#prosjekter-menu li{
font-weight:100;
color: #333333;
background:#EDEDED;
padding:5px;
}

#prosjekter-menu a {
color: #33CCFF;
}

/* -- POSTS -- */
.posts-wrap {
margin-top: 25px;
}

.post-forside {
}

.post {
padding-top:20px;
padding-left:15px;
padding-right:15px;
background-color:#FFF;
}

.entry-content {
xpadding-bottom:20px;
}

.post-index {margin:10px auto 0px;}
#post-single {margin:0 0 20px;}

/* -- SIDEBARS --*/
.sidebar-wrap {
height: 230px; 
margin-bottom:40px; 
margin-top:40px;
padding-right:15px;
}

.sidebar-wrap a { color:#B7B100;}
.sidebar {margin:0px; padding:0px;}
.sidebar img {width:100%;}
.BOKS1 {height: 220px; border-top: 5px solid #EDEDED; border-bottom: 1px solid #EDEDED;}
.BOKS2 {height: 220px; border-top: 5px solid #EDEDED; border-bottom: 1px solid #EDEDED;}
.BOKS3 {height: 220px; border-top: 5px solid #EDEDED; border-bottom: 1px solid #EDEDED;}
.BOKS4 {height: 220px; border-top: 5px solid #EDEDED; border-bottom: 1px solid #EDEDED;}

/* -- SPALTER --*/
.spalter-2, .spalter-3, .spalter-4, .DobbelSpalte {
float:left;
}

.spalterMargin {
margin-right: 30px;
}

.spalterMarginNone {
margin-right: -30px;
}


.DobbelSpalte {
width: 65%;
}

.spalter-2 {
width: 50%;
}

.spalter-3 {
width: 31%;
}

.spalter-4  {
width: 23%;
}

/* -- WIDGETS --*/
.widgettitle {
font-family: "Georgia", Times New Roman, Times, serif;
font-weight:100;
font-size: 115%;
margin-bottom: 5px;
color:#4D4D4D;
}

/* -- NYHETSARKIV --*/
.cat-post-item {
margin-bottom: 15px;
padding: 5px;
border-bottom: 1px dotted #ccc;
}

.cat-post-item a{
}

.PostTitle a{
font-family: "Georgia", Times New Roman, Times, serif;
font-weight:bold;
color:#4D4D4D;
}

.entry-title{
float: left;
font-family: "Georgia", Times New Roman, Times, serif;
font-weight:bold;
color:#4D4D4D;
}


.PostDato {
padding-left:5px;
padding-right:5px;
margin-bottom: 10px;
margin-left: 20px;
float:right;
padding:5px;
Background: #EDEDED;
color:#33CCFF;
}

/* -- 404-PAGE --*/
.error404 {margin:0;width:100%;}
.error404 h1,.error404 h2 {margin: 10px auto;}

/* -- COMMENTS -- */
div.comments-wrap {margin:15px auto; padding:0;}
li.comment,li.trackback, li.pingback {margin: 10px auto;}
ul.children {margin-left:10px;}
ul.commentlist, ul.pinglist {margin:10px 0;}
div.reply {}
textarea#comment {overflow:auto}

/* -- IMG ALIGNMENTS --*/
img.alignright {float:right;clear:none;margin:0 0 1em 1em}
img.alignleft {float:left;clear:none;margin:0 1em 1em 0}
img.aligncenter {display: block; margin:1em auto; text-align:center}
img.alignnone {xmargin:0 0.5em 0 0;}

/* -- IMG --*/
img.img_border {
background: #fff;
-moz-box-shadow: 0px 0px 5px #ccc;
-webkit-box-shadow: 0px 0px 5px #ccc;
box-shadow: 0px 0px 5px #ccc;
padding: 9px;
}

img.page-img {
margin-top:-20px;}

.icon {
padding-left:20px;
padding-right:20px;
}

/* -- IMG ALIGNMENTS --*/
img.alignright {float:right;clear:none;margin:0 0 1em 1em}
img.alignleft {float:left;clear:none;margin:0 1em 1em 0}
img.aligncenter {display: block; margin:1em auto; text-align:center}
img.alignnone {xmargin:0 0.5em 0 0;}


/* -- ALIGNMENTS --*/
.alignright {float:right;clear:none;}
.alignleft {float:left;clear:none;}
.aligncenter {display: block; margin:1em auto; text-align:center}
.alignnone {}


/* -- TABLES --*/
.undersiderTable td{
padding-right:30px;
width: 33%;
}

.undersiderTable h3 {
font-family: "Georgia", Times New Roman, Times, serif;
}

/* -- BILDEBANK -- */
#outerdiv {
margin-top:30px;
width:880px; 
height:900px; 
overflow:hidden; 
position:relative;
border: 1px solid #EDEDED; 
}

#inneriframe { 
position:absolute; 
top:-65px; 
left:-270px; 
width:1280px; 
height:1200px;
}

/* -- NAVIGATION --*/
div.navigation {width:100%;height:auto;float:left;clear:both;padding: 10px 0px;}
.navigation-index {}
.nav-next {float:right;clear:none;width:48%; text-align:right;}
.nav-prev {float:left;clear:none;width:48%; text-align:left;}

/* -- REFERANSER --*/

.PostTitle {
font-family: "Georgia", Times New Roman, Times, serif;
font-weight:bold;
color:#4D4D4D;
margin-bottom:-14px;
margin-top:10px;}

.referanse{
border-bottom: 1px dotted #ccc;}


/* -- DIVERSE --*/
.clear { clear:both; }

.border-top {padding:0px; margin-bottom:-4px;}

.Toppen {
font-size: 90%;
float:right;
color: #33CCFF;
padding: 5px;
background-color: #EDEDED;
margin-bottom: 5px;
}

hr {
clear:both;
color: #EDEDED;
background-color: #EDEDED;
height: 5px;
border: 0px;
}

p.wp-caption-text{
margin-top:-1px;
margin-left:1px;}
