html, body, h1, h2, h3, h4 {
margin: 0px;
padding: 0px;
}
h1 img {
display: block;
}
img {
border: 0px;
}
a {
color: #99CCFF;
font-weight: bold;
text-decoration: none;
}
a:hover {
color: #33FF33;
text-decoration: underline;
}
.left {
float: left;
}
.right {
float: right;
}
.more {
text-align: right;
}
.clear {
clear: both;
}
body {
background: #0D0D0D;
text-align: center;
font: 12px arial, sans-serif;
color: #FFFFFF;
}
#wrapper {
text-align: left;
margin: auto;
width: 850px;
background: #181818;
}
#body {
position: relative;
margin-left: 1px;
}
#head {
position: absolute;
top: 0px;
left: 401px;
width: 370px;
height: 266px;
background: url(images/header.jpg) no-repeat;
}
#topnav {
position: absolute;
top: 41px;
left: 22px;
}
#topnav a {
font-weight: normal;
color: #989898;
}
#topnav a:hover {
color: white;
}
#left-box {
position: absolute;
top: 271px;
left: 0px;
width: 285px;
height: 465px;
background: #131212 url(images/left_bg.jpg) repeat-x;
}
#left-box .inner {
padding: 20px 0px 0px 8px;
}
#left-box h2 {
margin: 10px 0px 0px 0px;
}
#left-box p.date {
font-size: 1.125em;
}
#left-box p {
margin: 3px 2.5em 1em 1.3em;
line-height: 1.5;
}
#left-box2 {
position: absolute;
top: 271px;
left: 0px;
width: 285px;
height: 595px;
background: #131212 url(images/left_bg.jpg) repeat-x;
}
#left-box2 .inner {
padding: 20px 0px 0px 8px;
}
#left-box2 h2 {
margin: 10px 0px 0px 0px;
}
#left-box2 p.date {
font-size: 1.125em;
}
#left-box2 p {
margin: 3px 2.5em 1em 1.3em;
line-height: 1.5;
}
#left-box3 {
position: absolute;
top: 271px;
left: 0px;
width: 285px;
height: 371px;
background: #131212 url(images/left_bg.jpg) repeat-x;
}
#left-box3 .inner {
padding: 20px 0px 0px 8px;
}
#left-box3 h2 {
margin: 10px 0px 0px 0px;
}
#left-box3 p.date {
font-size: 1em;
}
#left-box3 p {
margin: 3px 2.5em 1em 1.3em;
line-height: 1.5;
}
#left-box4 {
position: absolute;
top: 271px;
left: 0px;
width: 285px;
height: 371px;
background: #131212 url(images/left_bg.jpg) repeat-x;
}
#left-box4 .inner {
padding: 0px 0px 0px 0px;
}
#left-box4 h2 {
margin: 10px 0px 0px 0px;
}
#left-box4 p.date {
font-size: 1em;
}
#left-box4 p {
margin: 3px 2.5em 1em 0px;
line-height: 1.5;
}
#left-box4 .redbox {
float: left;
width: 100%;
_height: 279px;
min-height: 100px;
background: #0d0d0d url(images/red_bg.jpg) repeat-x;
padding-top: 7px;
padding-left: 0px;
color: #CFCFCF;
}
#nav {
position: absolute;
top: 271px;
left: 285px;
width: 561px;
background-image: url(images/lilbak.gif);
}
#nav2 {
position: absolute;
top: 271px;
left: 0px;
width: 100%;
background-image: url(images/lilbak.gif);
}
#nav img {
float: left;
}
#content {
position: absolute;
top: 336px;
left: 285px;
width: 561px;
height: 254px;
background: #1E1E1E top left url(images/left_shadow.jpg) no-repeat;
}
#content-bot {
background: bottom url(images/body_bg.gif) repeat-x;
height: 385px;
margin-left: 0px;
overflow: auto;
}
#content .inner {
padding: 1px 2px;
text-align: center;
}
#content .date {
margin-top: 0.5em;
}
#content p {
margin: 0.9em;
}
#content2 {
position: absolute;
top: 336px;
width: 100%;
height: 262px;
background: #1E1E1E top left url(images/left_shadow.jpg) no-repeat;
}
#content2-bot {
background: bottom url(images/body_bg.gif) repeat-x;
height: 475px;
margin-left: 1px;
overflow: auto;
}
#content2 .inner {
}
#content2 .date {
margin-top: 0.5em;
}
#content2 p {
}
#content3 {
position: absolute;
top: 336px;
left: 285px;
width: 561px;
height: 530px;
background: #1E1E1E top left url(images/left_shadow.jpg) no-repeat;
}
#content3-bot {
background: bottom url(images/body_bg.gif) repeat-x;
height: 530px;
margin-left: 1px;
overflow: auto;
line-height: 1.25;
padding-right: 5px;
padding-left: 5px;
}
#content3 .inner {
}
#content3 .date {
margin-top: 0.5em;
}
#content3 p {
}
#content4 {
position: absolute;
top: 336px;
left: 285px;
width: 561px;
height: 306px;
background: #1E1E1E top left url(images/left_shadow.jpg) no-repeat;
overflow: auto;
}
#content4-bot {
background: bottom url(images/body_bg.gif) repeat-x;
margin-left: 1px;
overflow: auto;
line-height: 1.3;
}
#tray {
margin-top: 470px;
border: 1px solid #181818;
}
#tray .redbox {
float: left;
width: 178px;
_height: 279px;
min-height: 150px;
background: #0d0d0d url(images/red_bg.jpg) repeat-x;
margin-left: 11px;
padding-top: 19px;
padding-left: 12px;
padding-right: 12px;
color: #CFCFCF;
}
#tray .first {
margin-left: 2px;
}
#tray p {
margin-top: 1em;
margin-bottom: 1.4em;
padding-left: 2px;
}
#tray2 {
margin-top: 530px;
border: 1px solid #181818;
}
#tray2 .redbox {
float: left;
width: 178px;
_height: 279px;
min-height: 150px;
background: #0d0d0d url(images/red_bg.jpg) repeat-x;
margin-left: 11px;
padding-top: 19px;
padding-left: 12px;
padding-right: 12px;
color: #CFCFCF;
}
#tray2 .first {
margin-left: 2px;
}
#tray2 p {
margin-top: 1em;
margin-bottom: 1.4em;
padding-left: 2px;
}
#tray3 {
margin-top: 580px;
border: 1px solid #181818;
}
#tray3 .redbox {
float: left;
width: 178px;
_height: 279px;
min-height: 150px;
background: #0d0d0d url(images/red_bg.jpg) repeat-x;
margin-left: 11px;
padding-top: 19px;
padding-left: 12px;
padding-right: 12px;
color: #CFCFCF;
}
#tray3 .first {
margin-left: 2px;
}
#tray3 p {
margin-top: 1em;
margin-bottom: 1.4em;
padding-left: 2px;
}
#tray4 {
margin-top: 371px;
border: 1px solid #181818;
}
#tray4 .redbox {
float: left;
width: 178px;
_height: 279px;
min-height: 150px;
background: #0d0d0d url(images/red_bg.jpg) repeat-x;
margin-left: 11px;
padding-top: 19px;
padding-left: 12px;
padding-right: 12px;
color: #CFCFCF;
}
#tray4 .first {
margin-left: 2px;
}
#tray4 p {
margin-top: 1em;
margin-bottom: 1.4em;
padding-left: 2px;
}
#tray5 {
margin-top: 435px;
border: 1px solid #181818;
}
#tray5 .redbox {
float: left;
width: 178px;
_height: 279px;
min-height: 150px;
background: #0d0d0d url(images/red_bg.jpg) repeat-x;
margin-left: 11px;
padding-top: 19px;
padding-left: 12px;
padding-right: 12px;
color: #CFCFCF;
}
#tray5 .first {
margin-left: 2px;
}
#tray5 p {
margin-top: 1em;
margin-bottom: 1.4em;
padding-left: 2px;
}
.style5 {font-size: 12px}
.style6 {color: #FFFF00}
.style7 {color: #CC0000}
.divider {
background: bottom url(images/footer_bg.gif) repeat-x;
height: 26px;
margin-right: 5px;
position: relative;
}
.divider2 {
background: bottom url(images/footer_bg.gif) repeat-x;
height: 26px;
margin-right: 5px;
position: relative;
}
#details {
margin-top: -1.4em;
margin-bottom: -4em;
float: right;
}
#footer {
background: #101010;
text-align: right;
margin: 0px 0px 0px 2px;
padding: 18px 15px 15px 15px;
}
.style_sub1 {
font-size: 16px;
}
.picbox {
width:100px;
font-family:Verdana, Geneva, sans-serif;
font-size:9px;
font-weight: bold;
line-height: 1;
color: #FC0;
padding: 0px;
}
.picbox2 {
width:170px;
float:left;
font-family:Verdana, Geneva, sans-serif;
font-size:9px;
font-weight: bold;
line-height: 1;
color: #FC0;
}
.picbox3 {
width:110px;
float:left;
font-family:Verdana, Geneva, sans-serif;
font-size:9px;
font-weight: bold;
line-height: 1;
margin: 10px;
color: #FC0;
}
.picbox4 {
width:150px;
float:left;
font-family:Verdana, Geneva, sans-serif;
font-size:9px;
font-weight: bold;
line-height: 1;
margin: 10px;
color: #FC0;
}
#extrapanel {
float:left;
}
.seppanel {
float:left;
border-top: #818181 1px dashed;
}
ul#galleryimages {
list-style-type:none;
margin-left: 20px;
margin-right: 20px;
padding: 5px;
}
ul#galleryimages li {
float: left;
padding: 10px;
height: 140px;
}
ul#galleryimages2 {
list-style-type:none;
margin-left: 5px;
margin-right: 5px;
padding: 5PX;
}
ul#galleryimages2 li {
float: left;
padding: 10px;
height: 280px;
}
ul#galleryimages3 {
list-style-type:none;
margin-left: 10px;
margin-right: 5px;
padding: 5px;
}
ul#galleryimages3 li {
float: left;
padding: 5px;
height: 120px;
}
ul#galleryimages4 {
list-style-type:none;
margin-left: 10px;
margin-right: 5px;
padding: 5px;
}
ul#galleryimages4 li {
float: left;
padding: 10px;
height: 200px;
}
ul#galleryimages5 {
list-style-type:none;
margin-left: 10px;
margin-right: 5px;
padding: 5px;
}
ul#galleryimages5 li {
float: left;
padding: 10px;
height: 210px;
}
.style2 {
color: #FFFF66;
font-weight: bold;
}
.style3 {
font-size: 1.3em;
line-height: 1.25;
}
.style4 {
color: #FF0000;
font-weight: bold;
}