/*
CSS-fil for Husøy Tredesign
http://www.husoytredesing.no

Laget av 

Eivind Savio 2005
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;
height: 100%;
background: url(/layout/images/background.jpg) #E5CCAD;
}
body {
font-size: 75%;
text-align: center;
}
a {
color: #93352F;
}
a:hover {
color: #666;
}
h2, h3, h4 {
font-family: Verdana, Arial, Tahoma, sans-serif;
font-weight: bold;
}
h3, h4 {
margin: 5px 0 5px 0;
}
h2 {
font-size: 1.2em;
margin-bottom: 5px;
}
h2 a, h3 a, h4 a {
color: #000;
text-decoration: none;
}
h3 {
font-size: 1.1em;
}
h4 {
font-size: 1em;
}

p {
margin: 5px 0 5px 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 #D1B998;
}
input,textarea,select,option {
font-size: 11px;
padding:1px 0 1px 0;
}
input:hover, textarea:hover, select:hover {
background: #F8F4F1;
}
.postButton {
color: #000;
cursor: pointer;
}
.postButton:hover { /*IE only understand :hover on a, so this won't work in IE.*/
border: 1px solid #000;
background: #FCF7BA;
}
.msg {
color: red;
}
.text1 {
font-weight:bold;
}
#mainContainer {
margin: 0 auto;
width: 768px;
background: url(/layout/images/content-background.gif) #fff;
border-left: 2px solid #D1B998;
border-right: 2px solid #D1B998;
min-height: 100% !important;
height: auto !important;
height: 100%;
}
/**************************
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: 220px; 
height: 170px;
}
#logo h1 a {
display: block;
overflow: hidden;
padding: 170px 0 0 0;
background:url(/layout/images/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: 170px;
}
#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: 508px;
float: right;
padding: 20px;
}
#content img {
margin: 0 3px 0 3px;
}
#content li {
margin: 3px 0 3px 30px;
}
#contentWrap1 {
margin-bottom: 10px;
}
.contentWrap2 {
border-collapse: collapse;
width: 100%;
float: left;
}
.contentWrap2 td{
border-collapse: collapse;
}
.tdwrap1 {
width:50%;
padding-right: 10px;
}
.tdwrap2 {
width:50%;
padding-left: 10px;
}
ul.readmore {
padding: 0 !important;
margin: 0;
font-family: Arial, Tahoma, Verdana, sans-serif;
}
ul.readmore li {
display: inline;
margin: 0 !important;
}
ul.readmore li a {
font-weight: bold;
text-decoration: none;
}
ul.readmore li a:hover {
color: #666;
text-decoration: underline;
}
#headerTrack {
float: left;;
}
#headerTrack ul {
list-style-type: none;
}
#headerTrack li {
display: inline;
margin: 0 5px 0 0;
}
/**************************
LEFT
**************************/
#leftBox {
float: left;
padding: 20px 0 20px 0;
width: 220px;
font-family: arial, verdana, sans-serif;
}
#leftBox ul {
list-style-type: none;
}
#leftBox li {
margin: 0 0 2px 20px;
border-bottom: 1px solid #D1B998;
}
#leftBox a {
display: block;
padding: 5px 10px;
width: 180px;
color: #000;
text-decoration: none;
}

#leftBox a:hover {
background-color: #FCF7BA;
color: #030303;
}

#leftBox ul ul li {
margin: 2px 0 2px 0;
border-bottom: none;
}
#leftBox ul ul a {
display: block;
padding: 5px 5px 5px 30px;
width: 165px;
}
/**************************
FOOTER
**************************/
#footer {
margin: 0 auto;
padding: 2px 2px 2px 40px;
width: 768px;
height: 15px;
margin-top: -19px;
font-size: 10px;
}
#footer a {
text-decoration: none;
color: #CCCACA;
}
#footer a:hover {
color: #666;
}