/*
CSS-fil for Karikost
http://www.karikost.no

Laget av 

Eivind Savio 2006
http://www.savio.no
*/
* /*Set's border, padding and margin to 0 for all values*/
{
border: 0;
padding: 0;
margin: 0;
}
html, body {
color:#000;
font-family: "Lucida Sans Unicode", "Trebuchet MS", Arial, Tahoma, Verdana, sans-serif;
background: #FEFEFE;
}
body {
padding-top: 10px;
font-size: 75%;
text-align: center;
}
a {
color: #127128;
}
a:hover {
text-decoration: none;
}
h2 {
color: #127128;
}
h2, h3, h4 {
font-family: Arial, Verdana, Tahoma, sans-serif;
font-weight: bold;
}
h3, h4 {
margin: 5px 0 5px 0;
}
h2 {
font-size: 1.5em;
margin-bottom: 5px;
}
h3 {
font-size: 1.4em;
}
h4 {
font-size: 1.1em;
}
h2 a, h3 a, h4 a {
color: #127128;
text-decoration: none;
}
h2 a:hover, h3 a:hover, h4 a:hover {
color: #000;
}
p {
margin: 5px 0 7px 0;
}
div {
text-align: left;
}
td {
vertical-align: top;
border-collapse: collapse;
}
input {
margin: 2px 0 2px 0;
}
input,textarea,select {
background: #FBFBFB;
border: 1px solid #B4DAC5;
}
input,textarea,select,option {
font-size: 11px;
padding:1px 0 1px 0;
}
input:hover, textarea:hover, select:hover {
background: #fff;
}
.postButton {
color: #000;
cursor: pointer;
background: #EBEBEB;
}
.postButton:hover { /*IE only understand :hover on a, so this won't work in IE.*/
border: 1px solid #127128;
background: #fff;
}
.msg {
color: red;
}
.text1 {
font-weight:bold;
}
#mainContainer {
margin: 0 auto;
width: 768px;
}
/**************************
HEADER
**************************/
#header {
height: 170px;
width: 768px;
}
#logo {
width: 220px; 
height: 170px;
float: left;
background:url(/layout/header/logo.gif) no-repeat;			
}
/*Hey, let's redo a h1-tag to show our logo instead*/
#logo h1 {
overflow: hidden;
width: 199px; 
height: 146px;
}
#logo h1 a {
display: block;
overflow: hidden;
padding: 146px 0 0 0;
background:url(/layout/header/logo.gif) no-repeat;
}
#logo h1 a:hover {
background-position: 0 0;
}
#headerRight {
float: right;
background:url(/layout/header/header.jpg) no-repeat;
width: 548px;
height: 161px;
}
#headerBottom {
height: 25px;
font-family: Verdana, Arial, Tahoma, sans-serif;
padding: 10px 5px 0 30px;
background: #FCF7BA;
border-top: 1px solid #D1B998;
border-bottom: 1px solid #D1B998;
}
/**************************
CONTENT
**************************/
#content {
width: 540px;
float: right;
padding: 3px 5px 5px 0;
}
#content img {
margin: 0 3px 0 3px;
}
#content li {
margin: 3px 0 3px 30px;
}
.contentWrap1 {
margin-bottom: 10px;
}
.wrapLeft {
float: left;
padding: 0 5px 10px 0;
}
.wrapRight {
float: right;
padding: 0 0 10px 5px;
}
.wrapLeft, .wrapRight {
width: 260px;
}
.wrapLeft h3, .wrapRight h3 {
border-top: 1px solid #127128;
padding-top: 5px;
}
ul.readMore {
padding: 0 !important;
margin: 0 !important;
font-family: Arial, Tahoma, Verdana, sans-serif;
}
ul.readMore li{
display: inline;
margin: 0 !important;
}
ul.readMore li a {
font-weight: bold;
}
.imgCls {
margin: 0 0 4px 4px;
float:right;
}
/**************************
LEFT
**************************/
#left {
float: left;
margin-top: -24px;
width: 220px;
font-family: arial, verdana, sans-serif;
position: relative;
}
#left ul {
list-style-type: none;
}

#left a {
display: block;
padding: 8px 10px 7px 16px;
width: 180px;
color: #127128;
text-decoration: none;
border-top: 1px solid #B4DAC5;
background: url(/layout/images/menu-bullet.gif) no-repeat 0 0;
}

#left a:hover, #left .navSel {
padding: 8px 10px 5px 16px;
color: #000;
border-bottom: 2px solid #127128;
background: url(/layout/images/menu-bullet.gif) no-repeat 0 -37px #EBEBEB;
}
/**************************
FOOTER
**************************/
#footer {
clear: both;
margin: 0 auto;
width: 768px;
font-size: 10px;
color: #666;
}
#footer a {
color: #666;
}
#footer a:hover {
color: #666;
text-decoration: none;
}
#footerText {
margin-left: 220px;
width: 548px;
background: url(/layout/images/footer.gif) no-repeat;
padding: 25px 5px 5px 0;
}
/**************************
EXTRA
**************************/
.clear {clear:both;}
#count {
display: none;
position: absolute;
top: -200px;
}
#savio {
float: right;
}