/* CSS Document */
/***************Top Margin *******************/
.logo h1 { padding-bottom:35px; 
}

.logo h1 { padding-top:35px;    
}

/*******************BG Image*******************/ 
body { 
 
    background-repeat:repeat; 
    background-position:center top; 
    } 


/****************Button Colors***********************/

.button:hover, a.button:hover, span.more-link:hover, .cancel-reply p a:hover {
           
background:#333333!important;   
color:#fff;
}

.button, a.button, span.more-link, #footer .button, #footer a.button, #footer span.more-link, .cancel-reply p a {
           
background:#bd2f37; 
color:#fff;
}
.summary, .rating.stars, .rating.points, .rating.percent, .scorebar, 
.categories a:hover, .tagcloud a, .single .categories a, .single .sidebar .categories a:hover, 
.tabswrap ul.tabs li a.active, .tabswrap ul.tabs li a:hover, #footer .tabswrap ul.tabs li a:hover, #footer .tabswrap ul.tabs li a.active, .sf-menu li a:hover, .sf-menu li.sfHover a, 
.pagination a.button.share:hover, #commentsubmit #submit, #cancel-comment-reply-link  {
background:#bd2f37; /*  Dette er hover fargen til toppmenyen */
color:#fff !important;
}

blockquote, .tabswrap .tabpost a:hover, .articleinner h2 a:hover, span.date a:hover {
color:#bd2f37 !important;   
}

h3.pagetitle, h1.pagetitle, .pagetitlewrap span.description {
border-color:#bd2f37;   
}

/****************Link Colors***********************/
p a, a {
color:#bd2f37;  
}

a:hover { 
text-decoration: underline;
}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, p a:hover, 
#footer h1 a:hover, #footer h2 a:hover, #footer h3 a:hover, #footer h3 a:hover, #footer h4 a:hover, #footer h5 a:hover, a:hover, #footer a:hover, .blogpost h2 a:hover, .blogpost .smalldetails a:hover {
color:#333333;  
}

/****************Selection Colors***********************/
::-moz-selection {
background:#bd2f37; color:#fff; 
}

::selection {
background:#bd2f37; color:#fff; 
}

::selection {
background:#bd2f37; color:#fff; 
}

.recent-project:hover {
border-color:#333333 !important;    
}
/***************Typographic User Values *********************************/

h1, h2, h1 a, h2 a, .blogpost h2 a, h3, .ag_projects_widget h3, h3 a, .aj_projects_widget h3 a, .ajax-select ul.sf-menu a, .pagination .button, .nivo-caption h3.title {
font-family:"Bitter", arial, sans-serif;}

h5, h5 a, .widget h3, .widget h2, .widget h4, .reviewbox h4, .reviewbox .score span, .ajax-select a#news_select {
font-family:"PT Sans Narrow", arial, sans-serif;}

h4, h4 a, .footer .note h4, .footer h4.subheadline, .newspost h4, .paginationbutton .button  {
font-family:"Bitter", arial, sans-serif;;}

.sf-menu a, .ajax-select ul.sf-menu li li a  {
font-family:"Droid Sans", arial, sans-serif;font-size:1.1em;
font-weight:bold;
/*font-size:12px;
font-weight:normal;
text-transform:uppercase;
letter-spacing:1px;
line-height:24px; */
}

body, input, p, ul, ol, .button, .ui-tabs-vertical .ui-tabs-nav li a span.text,
.footer p, .footer ul, .footer ol, .footer.button, .credits p,
.credits ul, .credits ol, .credits.button, .footer textarea, .footer input, .testimonial p, 
.contactsubmit label, .contactsubmit input[type=text], .contactsubmit textarea, h2 span.date, .articleinner h1,
.articleinner h2, .articleinner h3, .articleinner h4, .articleinner h5, .articleinner h6, .nivo-caption h1,
.nivo-caption h2, .nivo-caption h3, .nivo-caption h4, .nivo-caption h5, .nivo-caption h6, .nivo-caption h1 a,
.nivo-caption h2 a, .nivo-caption h3 a, .nivo-caption h4 a, .nivo-caption h5 a, .nivo-caption h6 a,
#cancel-comment-reply-link {
font-family:"Droid Sans", arial, sans-serif;}

.alert {
padding: 8px 35px 8px 14px;
margin-bottom: 18px;
color: #c09853;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
background-color: #fcf8e3;
border: 1px solid #fbeed5;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.alert-heading {
color: inherit;
}
.alert .close {
position: relative;
top: -2px;
right: -21px;
line-height: 18px;
}

.alert-success {
color: #468847;
background-color: #dff0d8;
border-color: #d6e9c6;
}

.alert-danger,
.alert-error {
color: #b94a48;
background-color: #f2dede;
border-color: #eed3d7;
}
.alert-info {
color: #3a87ad;
background-color: #d9edf7;
border-color: #bce8f1;
}

#oppdatert{
    float:left;
    margin-top:5px;
    margin-bottom:5px;
    border-color:#d7d7d7;
    border-left:solid;
    border-width:1px;
    padding-left:5px;
}

#dynmenu ul li {
    list-style-type:square;
    margin-left:15px;
    margin-bottom:0;
    font-size:13px;
    padding-top:2px;
}




#cssmenu {
  width: 100%;
  padding:0px;
  margin-bottom:-10px;
  }
  
  #cssmenu ul{
  margin:0px;
  padding:0px;
  list-style:none;
  width: 100%;
  }
  
  #cssmenu li a {
    height: 32px;
    height: 24px;
    text-decoration: none;
    font-weight:normal;
    color: #bd2f37;
    display: block;
    padding: 10px 0 0 0px;
    width: 100%;
    
    }
    
  #cssmenu li a:hover {   
     height: 32px;
    height: 24px;
    text-decoration: none;
    font-weight:normal;
    color: #000;
    display: block;
    padding: 10px 0 0 0px;
    width: 100%;
    }
    
  #cssmenu li a:active {
    color: #fff;
    padding: 10px 0 0 00px;
    } 


#tools_size span.hide {
    display: none;
}

#tools_size span.box {
    border: 2px solid #000;
    background-color: #fff;
    display: none;
    position: absolute;
    font-size: 3em;
    line-height: 1.6em;
    letter-spacing: 2pt;
    left: 0px;
    width: 95%;
    margin-left: 1%;
    z-index: 10000;
    margin-top: 14pt;
}
#tools_size:hover span.box {
    display: block;
}
#tools_size span.text {
    display: block;
    padding: 20pt;
}






/*  --------------------------------------------------
    Reveal Modals
    -------------------------------------------------- */
        
    .reveal-modal-bg { 
        position: fixed; 
        height: 100%;
        width: 100%;
        background: #000;
        background: rgba(0,0,0,.8);
        z-index: 100;
        display: none;
        top: 0;
        left: 0; 
        }
    
    .reveal-modal {
        visibility: hidden;
        top: 100px; 
        left: 50%;
        margin-left: -300px;
        width: 520px;
        background: #eee url(https://nettarkivet.nb.no/search/nb/20070603210204oe_/http://hifm.arkivert.uit.no/neted/front/css/2012/ResponsiveDesign/modal-gloss.png) no-repeat -200px -80px;
        position: absolute;
        z-index: 101;
        padding: 30px 40px 34px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        -moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
        -webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
        -box-shadow: 0 0 10px rgba(0,0,0,.4);
        }
        
    .reveal-modal.small         { width: 200px; margin-left: -140px;}
    .reveal-modal.medium        { width: 400px; margin-left: -240px;}
    .reveal-modal.large         { width: 600px; margin-left: -340px;}
    .reveal-modal.xlarge        { width: 800px; margin-left: -440px;}
    
    .reveal-modal .close-reveal-modal {
        font-size: 22px;
        line-height: .5;
        position: absolute;
        top: 8px;
        right: 11px;
        color: #aaa;
        text-shadow: 0 -1px 1px rbga(0,0,0,.6);
        font-weight: bold;
        cursor: pointer;
        } 
    /*
        
    NOTES
    
    Close button entity is ×
    
    Example markup
    
    <div id="myModal" class="reveal-modal">
        <h2>Awesome. I have it.</h2>
        <p class="lead">Your couch.  I it's mine.</p>
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In ultrices aliquet placerat. Duis pulvinar orci et nisi euismod vitae tempus lorem consectetur. Duis at magna quis turpis mattis venenatis eget id diam. </p>
        <a class="close-reveal-modal">&#215;</a>
    </div>
    
    */