/*
	Theme Name: Gem 09
	Description: Design av Johan Fahlgren
	Author: Karin Persson, ROKK.NU

*/

body {
	font: 9pt Arial, Helvetica, sans-serif;
	color: #373737;
	margin: 0;
        padding: 0;
	text-align:left;
	padding: 0;
        background-color:#373737;
	line-height: 160%;
}
img {
    border: none;
}
ul { margin: 0; padding: 0; }

li { margin: 0; padding: 0; }

#header{
	padding: 0;
	width: 900px;
	margin: 0 auto;
} 
#header img{
	margin: 50px 0 50px 0;
} 
#white{
	width: 100%;
        background-color: #ffffff;
	margin: 0 auto; 
        text-align: left;
	clear: both;
}
#content{
	width: 900px;
	padding: 80px 0 20px 0;
	margin: 0 auto; 
        text-align: left;
	clear: both;
}

.fronttopp {
        width: 900px;
        height: 280px;
        background: url(images/gem-topp.jpg) top no-repeat;
        padding: 30px 0 0 0;
        font-size: 10pt;
}

/*                                   om gem bilder       */
/*------------------------------------------------------ */

.omgem-text {
	font: 12pt Arial, Helvetica, sans-serif;
	padding: 10px 15px;  
	color: #373737;
}

.omgem-k { width: 280px; height: 205px; background: url(images/omgem-kunder.jpg) no-repeat; margin-top:10px; }

.omgem-t { width: 280px; height: 205px; background: url(images/omgem-tjanster.jpg) no-repeat; margin-top:10px; }

.omgem-v { width: 280px; height: 205px; background: url(images/omgem-vanner.jpg) no-repeat; margin-top:10px; }


/*                                       meny            */
/*------------------------------------------------------ */

#navigation {
   margin: 0;
   padding: 0;
   width: 100%;
   position: fixed;
   background-color: #f2f2f2;
}
#nav {
   margin: 0 auto;
   padding: 0;
   width: 900px;
}
#menu li {
   list-style: none;
   float: left;
}
#menu li a {
display:block;
text-indent:-99999px;
overflow:hidden;
}

li#logo a {
background:url(images/gem-logo2.png) bottom no-repeat;
width:94px;
height:50px;
}
li#logo a:hover {
background:url(images/gem-logo2.png) top no-repeat;
}

li#start a {
background:url(images/meny-start.png) bottom no-repeat;
width:200px;
height:50px;
}

li#geminfo a {
background:url(images/meny-omgem.png) bottom no-repeat;
width:200px;
height:50px;
}
li#geminfo a:hover {
background:url(images/meny-omgem2.png) top no-repeat;
}

li#kontakt a {
background:url(images/meny-kontakt.png) bottom no-repeat;
width:200px;
height:50px;
}
li#kontakt a:hover {
background:url(images/meny-kontakt2.png) top no-repeat;
}

li#online a {
background:url(images/meny-online.png) bottom no-repeat;
width:201px;
height:50px;
}
li#online a:hover {
background:url(images/meny-online2.png) top no-repeat;
}




/*                              kategorier i footern
-------------------------------------------------------- */

#kategorier{
   background-color:#f2f2f2;
   font-size: 7pt;
   clear: both;
   text-transform: uppercase;
   padding: 2px 0 0 0;
   margin: 0;
}
#kategorier2{
   margin: 0 auto;
   width: 900px;
   padding: 0;
   line-height: 50px;
}
#kategorier3{
   float: left;
   width: 600px;
}
.kategorilista {
   list-style: none;
   margin: 0; padding: 0;
   color: #9f9f9f;
}
.kategorilista li {
   float: left;
   margin-right: 15px;
}
.kategorilista li a {
   display: block;
   text-align: left;
   color: #373737;
   text-decoration: none;
}
.kategorilista li a:hover {
   color: #9f9f9f;
}


/*                                      RSS icon
----------------------------------------------------- */

#rssicon {
   width: 14px;
   height: 50px;
   float: right;
}
#rssicon a {
display:block;
width: 14px;
height: 50px;
text-indent: -9999px;
padding:0;
background: url(images/gem-rssicon.png) top no-repeat;
text-decoration: none;
}
#rssicon a:hover { 
background: url(images/gem-rssicon.png) bottom no-repeat;
}

/*                                      arkiv
----------------------------------------------------- */

.date {
   font-size: 12pt;
   color: #cccccc;
}
.newsflow {
   font-size: 12pt;
   color: #d8d8d8;
}
.arkivdiv {
   padding: 10px 0;
   border-bottom: 1px dotted #c3c3c3;
}


/*                                  footer
-------------------------------------------------- */

#footer{
   color: #f2f2f2;
   padding: 0;
}
#footer2{
   margin: 0 auto;
   width: 900px;
   font-style: italic;
   font: 9pt Georgia, "Times New Roman", Times, serif;
   font-style: italic;
   line-height: 170%;
   padding: 20px 0 80px 0;
}
#footer2 a {
	font-weight: normal;
	color: #9f9f9f;
	text-decoration: none;
}
#footer2 a:hover {
	color: #d7d8d8;
	text-decoration: none;
}
#footerleft { float: left; width: 500px; }

#footerright { float: right; width: 350px; text-align: right; }


/*                                 general links
---------------------------------------------------------- */

a:link, a:active, a:visited {
	font-weight: normal;
	color: #555555;
	text-decoration: none;
}
a:hover {
	color: #9f9f9f;
	text-decoration: none;
	font-weight: normal;
}


/*                                    headings
---------------------------------------------------------- */

h1 {
	font: 18pt Arial, Helvetica, sans-serif;	
        font-weight: bold;
	text-transform: uppercase;
	color: #373737;
}
h1.fronttopp {
        font: 18pt Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	color: #373737;
        margin: 0;
        padding: 0;
}
h2 {
	font: 12pt Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	padding-bottom: 5px;  
	color: #373737;
}
h2.front {
        margin: 0;
        border-bottom: 1px dotted #c3c3c3; 
}
h3 {
	font: 8pt Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	color: #373737;
}
h4 {
	font: 10pt Arial, Helvetica, sans-serif;
	font-weight: bold;
        margin: 8px 0 8px 0;
}
input, textarea, option, select, submit {
	font: 10px Arial, Verdana, Helvetica, sans-serif;
        border: 0;
        background-color: #ececec;
        padding: 6px;
        border-left: 1px solid #999999;
        border-right: 0;
        border-top: 0;
        border-bottom: 1px solid #999999;
}

/*                                      inlagg           */
/*------------------------------------------------------ */

.clearcol {clear:both;}
.col {float:left;display:inline;width:280px;padding:10px;}

.post { 
        border-bottom: 1px dotted #c3c3c3; 
        padding-bottom: 10px; 
        margin-top: 20px;
}
.post2 { 
        margin-top: 20px;
}
h1.post-indextitle{
	font: 11pt Arial, Verdana, Helvetica, sans-serif;
	font-weight: bold;
	color:#333333;
}
.post-indextitle a{
	font-weight: bold;
        text-decoration: none;
}
.post-indextitle a:hover {
	font-weight: bold;
        text-decoration: none;
}
.post-indexinfo{
	color: #bcbcbc;
        text-transform: uppercase;
	font: 6pt Arial, Verdana, Helvetica, sans-serif;
}
.post-indexinfo a {
	color: #999999;
        text-decoration: none;
}
.post-indexinfo a:hover {
	color: #cccccc;
        text-decoration: none;
}
.post img {
    border: 6px solid #ececec;
}
.post-content img {
    border: 6px solid #ececec;
}
.post-content {
    margin-top: 20px;
}
.singlepost { float: left; width: 550px;}
.singlesidebar {float: right; width: 290px; margin-bottom: 20px; }
.singlesidebar img {
    border: 6px solid #ececec;
}
.sidebarfiller { height: 30px;}

.authorgrav { float: left; width: 50px; padding-right: 10px;}

h1.headerpost{
	font: 14pt Arial, Verdana, Helvetica, sans-serif;
	font-weight: bold;
	color:#333333;
        margin: 2px 0 4px 0;
}
h1.pages{
	font: 14pt Arial, Verdana, Helvetica, sans-serif;
	font-weight: bold;
	color:#333333;
}
.post-info{
	color: #999999;
        text-transform: uppercase;
	font: 6pt Arial, Verdana, Helvetica, sans-serif;
        margin: 4px 0;
}
.post-info a {
	color: #999999;
        text-decoration: underline;
}


/*                                kommentarer            */
/*------------------------------------------------------ */


.comment {
     padding: 0;
     margin: 10px 0 0 0;   
}
.commentpadding {
     padding: 10px 0 0 0;
     border-bottom: 1px solid #ececec; 
}
.comment-content {
     float:left;
     padding: 0 0 0 8px; 
     min-height:90px;
     width: 460px;
}
.gravatar {
     float:left; 
     margin-right:5px;
}
.comment-author {
     font: 9pt Arial, Verdana, Helvetica, sans-serif;
     font-weight: bold;
     color:#333333;
     text-transform: uppercase;
     padding: 0 0 3px 0;
}
.comment-info {
     font: 8pt Arial, Verdana, Helvetica, sans-serif;
     font-weight: bold;
     padding: 0;
     color:#bcbcbc;
}
fieldset{
      border: none;
}


/* nyare aldre
------------------------------- */

#prevnext {
      font-weight: normal;
      padding: 4px;
      margin-top: 20px;     
}