/* Style Definitions for Dewilish */
/* standard elements */
#topofpage { /* -enter as the first line after the tag */
margin: 0; /* -use Tilbake til toppen as the link */
}
* {
margin: 0;
padding: 0;
}
a { color: #36C;
TEXT-DECORATION: none;
}
a:hover {
color: #0000FF;
TEXT-DECORATION: none;
}
a:active {
color: #990000;
TEXT-DECORATION: none;
}
body {
background: #000000;
background-image: url(./img/body-back.jpg);
background-repeat: repeat-x;
color: #ff0000;
margin: 0px;
}
TD.mainback {
background: Transparent;
background-image: url('img/main-back.jpg');
color: #000000;
}
TR.mainback {
background: Transparent;
background-image: url('img/main-back.jpg');
color: #000000;
}
TD.headerOuterLeft {
background: Transparent;
background-image: url('img/header-outer-left.png');
background-repeat: no-repeat;
font-family: Verdana, Arial, sans-serif;
font-size: 9px;
color: #FFFFFF;
font-weight : bold;
}
TD.headerOuterRight {
background: Transparent;
background-image: url('img/header-outer-right.png');
background-repeat: no-repeat;
font-family: Verdana, Arial, sans-serif;
font-size: 9px;
color: #FFFFFF;
font-weight : bold;
}
TD.headerUpperBack {
background: Transparent;
background-image: url('img/header-upper-back.jpg');
background-repeat: repeat-x;
font-family: Verdana, Arial, sans-serif;
font-size: 11px;
color: #000000;
font-weight : bold;
}
TR.header {
background: Transparent;
background-image: url('img/header-back.png');
background-repeat: repeat-x;
font-family: Verdana, Arial, sans-serif;
font-size: 9px;
color: #FFFFFF;
font-weight : bold;
}
TABLE.headerBack {
background: #FFFFFF;
font-family: Verdana, Arial, sans-serif;
font-size: 9px;
color: #FFFFFF;
font-weight : bold;
}
p,blockquote,ul {margin-bottom: 1.2em;
color: #6C7151;
}
h1 {font: 3.6em serif;
color: #ff0000;}
h2 {font: bold 1em Verdana,serif;
margin: 3px 0 1px;
}
h5 {
color: #555;
font: normal 1.4em serif;
padding-left: 22px;
}
ul {margin-left: 1.8em;}
blockquote {
background: url(img/quote.gif) no-repeat;
color: #555;
font: normal 1.4em serif;
padding-left: 22px;
}
blockquote p {padding: 6px;}
/* misc */
#box img {
width:224px;
border: 0;
}
#right{
float:right;
margin-right:auto;
}
#left{
float:left;
margin-left:auto;
}
#center {
display:block;
margin:auto;
}
.clearer {clear: both;}
.left {float: left;}
.right {float: right;}
img.left {margin: 0 18px 6px 0;}
.divider {
background: url(../img/divider.gif) no-repeat;
height: 20px;
margin: 24px 0;
}
/* structure */
.container {
background: url(img/bgcontainer.jpg) repeat-y center top;
margin: 0 auto;
width: 736px;
}
.gfx {
background: url(img/gfx.jpg) no-repeat;
float: left;
height: 140px;
margin-top: 12px;
width: 52px;
}
.top {
background: url(img/bgcontent.gif) no-repeat 0 -0%;
float: left;
text-align: center;
width: 632px;
}
.header {
background: #56644A url(img/header.jpg) no-repeat;
color: #FFC;
font-size: 1.4em;
height: 232px;
padding-right: 270px;
}
.header h1 {
font: normal 3.2em serif,sans-serif;
padding: 62px 0 34px 0;
}
.pattern {
background: #334127 url(img/pattern.gif) repeat-x;
clear: both;
height: 12px;
}
/* navigation */
.navigation {margin: 0 24px;}
.navigation a {
color: #6C7151;
font: normal 1.9em serif;
line-height: 50px;
margin: 0 16px;
text-decoration: none;
}
.navigation a:hover,.navigation #selected {
color: #2C3111;
}
/* content */
.content {
background: url(img/bgcontent.gif) no-repeat;
clear: both;
font-size: 1.2em;
margin: 0 52px;
padding: 0 38px 12px;
}
.content .spacer {
height: 42px;
}
/* content item */
.item {clear: both;}
.item img {border: 0;} /* used to be ".item img {border: 1px dashed #8A6;}" */
.item .title {
color: #445044;
font: normal 2em serif;
}
.item .title:first-letter {
display: block;
float: left;
font-size: 2.4em;
}
.item .metadata {
color: #666;
font-size: 0.9em;
float: left;
padding: 0 0 6px 4px;
}
.item .body {
clear: both;
}
/* For links on dark background */
a.lightlink:link, a.lightlink:visited {
font-family: Arial, Helvetica, sans-serif;
color: #FFFFFF;
text-decoration: none;
}
a.lightlink:hover, a.lightlink:active {
color: #FFCC33;
text-decoration: none;
}
/* For white-only links on dark background */
a.lightlink2:link, a.lightlink2:visited {
font-family: Arial, Helvetica, sans-serif;
color: #FFFFFF;
text-decoration: none;
}
a.lightlink2:hover, a.lightlink2:active {
color: #FFFFFF;
text-decoration: none;
}
/* For white background */
a.lightlink3:link, a.lightlink3:visited {
font-family: Arial, Helvetica, sans-serif;
color: #000000;
text-decoration: none;
}
a.lightlink3:hover, a.lightlink3:active {
color: #FFCC33;
text-decoration: none;
}
/* exclusive */
.exclusive-button {
background: url('img/exclusive-button.png') no-repeat center; /* used to be "... no-repeat center;" */
}
/* tableback */
.tableback {
background: url('img/tableback.gif') no-repeat;
color: #FFFFFF;
}
/* footer */
.footer {
background: url('img/divider.png') center no-repeat;
color: #666;
font-size: 1.1em;
line-height: 41px;
margin: 0 auto;
text-align: center;
width: 632px;
}
.footer a {
color: #666;
text-decoration: none;
}
.footer a:hover {
color: #333;
text-decoration: underline;
}
/* ...by Ørjan Karlseng Albriktsen */