/* CSS Document */
body,html {
margin: 0px;
padding: 0px;
}
body {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #FFFFFF;
background: #888888 url(images/page_back.gif) repeat-x top;
}
img {
border: 0px;
}
form {
margin: 0px;
padding: 0px;
}
a {
text-decoration: none;
}
div#wrapper {
width: 959px;
background-image: url(images/wrapper_back.gif);
margin: auto;
}
div#wrapper div#shadow_left {
background: transparent url(images/shadow_left.gif) no-repeat left top;
padding-left: 12px;
width: 947px;
}
div#wrapper div#shadow_left div#shadow_right {
background: transparent url(images/shadow_right.gif) no-repeat right top;
padding-right: 12px;
width: 935px;
}
div#wrapper div#navbar {
height: 42px;
background-image: url(images/navbar_back.gif);
padding-left: 24px;
}
div#wrapper img#header_img {
border-bottom: 1px solid #FFFFFF;
display: block; /* remove gap underneath in IE */
}
div#wrapper div#sidebar {
float: left;
width: 147px;
margin-right: 2px;
}
div#wrapper div#sidebar a {
display: block;
height: 21px;
width: 134px;
line-height: 21px;
background: transparent url(images/sidebar_link.gif) no-repeat left top;
color: #FFFFFF;
font-weight: bold;
padding-left: 13px;
}
div#wrapper div#sidebar a:hover {
background: transparent url(images/sidebar_link_over.gif) no-repeat left top;
color: #7baded;
}
div#wrapper div#sidebar h1 {
color: #f7db16;
font-size: 11px;
margin: 0px;
padding: 0px;
height: 32px;
line-height: 32px;
padding-left: 11px;
padding-bottom: 3px;
background: transparent url(images/sidebar_header.gif) no-repeat left;
margin-bottom: -3px;
}
div#wrapper div#main {
float: left;
width: 786px;
}
div#wrapper div#main div.blue_bar {
height: 32px;
background-image: url(images/blue_bar.gif);
}
div#wrapper div#main div.blue_bar img.left {
float: left;
}
div#wrapper div#main div.blue_bar2 {
height: 32px;
background-image: url(images/blue_bar2.gif);
}
div#wrapper div#main div.blue_bar2 img.left {
float: left;
}
div#wrapper div#main div.blue_bar div#welcome_box {
float: right;
padding-top: 7px;
height: 25px;
line-height: 25px;
text-align: center;
width: 280px;
background-image:url(images/welcome_box_back.gif);
font-weight: bold;
color: #88a8df;
}
div#wrapper div#main div.blue_bar div#welcome_box span.date {
color: #cbdcf9;
}
div#wrapper div#main div#fp_featured_article {
background: #0d0d0d url(images/fp_article_back.gif) repeat-y 464px 0px;
height: 208px;
padding-right: 20px;
}
div#wrapper div#main div#fp_featured_article h1 {
margin: 0px;
padding: 0px;
padding-top: 15px;
font-size: 15px;
}
div#wrapper div#main div#fp_featured_article h1 a {
color: #f7db16;
}
div#wrapper div#main div#fp_featured_article h1 a:hover {
color: #FFFFFF;
}
div#wrapper div#main div#fp_featured_article p {
margin: 0px;
padding: 0px;
padding-bottom: 15px;
}
div#wrapper div#main div#fp_featured_article img {
float: left;
margin-right: 45px;
display: block;
}
div#wrapper div#main div#fp_featured_article a {
font-weight: bold;
color: #FFFFFF;
}
div#wrapper div#main div#fp_whats_new {
height: 227px;
_height: 230px;
padding-top: 12px;
background: #585858 url(images/fp_whats_new_back.gif) repeat-x top;
border-bottom: 1px solid #878787;
padding-left: 2px; /* make up for first one... */
}
div#wrapper div#main div#fp_whats_new div.preview {
float: left;
width: 187px;
height: 217px;
margin: 0px 4px;
_margin: 0px 3px;
}
div#wrapper div#main div#fp_whats_new div.preview img.thumb {
border: 1px solid #888888;
margin-bottom: 3px;
}
div#wrapper div#main div#fp_whats_new div.preview div.desc {
background: #080808 url(images/new_previews_back.gif) repeat-x top;
border: 1px solid #888888;
padding: 7px;
}
div#wrapper div#main div#fp_whats_new div.preview div.desc h1 {
color: #f7db16;
font-size: 11px;
margin: 0px;
padding: 0px;
padding-bottom: 7px;
}
div#wrapper div#main div#fp_whats_new div.preview div.desc h1 a {
color: #f7db16;
}
div#wrapper div#main div#fp_whats_new div.preview div.desc h1 a:hover {
color: #FFFFFF;
}
div#wrapper div#main div#fp_whats_new div.preview div.desc div.links {
padding-top: 15px;
font-weight: bold;
color: #707070;
}
div#wrapper div#main div#fp_whats_new div.preview div.desc div.links a {
color: #707070;
}
div#wrapper div#main div#black_div {
clear: both;
background-color: #000000;
height: 27px;
}
div#wrapper div#main div#main_left {
width: 504px;
padding: 0px 10px;
float: left;
color: #515151;
padding-top: 9px;
}
div#wrapper div#main div#main_left div.fp_article {
padding: 5px;
background: #f1eeee;
margin: 3px 0px;
border: 1px solid #cbcbcb;
height: 94px;
}
div#wrapper div#main div#main_left div.fp_article div.thumb {
width: 154px;
height: 94px;
float: left;
text-align: center;
background-image: url(images/thumb_back.gif);
margin-right: 10px;
line-height: 94px;
vertical-align: middle;
}
div#wrapper div#main div#main_left div.fp_article div.thumb img {
border: 1px solid #FFFFFF;
margin-top: 11px;
}
div#wrapper div#main div#main_left div.fp_article strong,
div#wrapper div#main div#main_left div.fp_article a {
color: #2b67ba;
}
div#wrapper div#main div#main_left div.fp_article span.date {
color: #b6b6b6;
font-size: 10px;
}
div#wrapper div#main div#main_left div#fp_ads {
padding: 5px;
background: #DDDDDD;
margin: 3px 0px;
border: 1px solid #999999;
}
div#main div#main_right {
width: 260px;
float: right;
padding-top: 9px;
}
div#main div#main_right div.black_box {
background: #000000 url(images/black_rounded.gif) no-repeat left bottom;
width: 258px;
color: #707070;
font-size: 10px;
padding-bottom: 6px;
margin-bottom: 5px;
}
div#main div#main_right div.black_box a {
color: #FFFFFF;
font-weight: bold;
font-size: 11px;
}
div#main div#main_right div.black_box a:hover {
color: #f7db16;
}
div#main div#main_right div.black_box div.entry {
height: 50px;
margin: 7px;
}
div#main div#main_right div.black_box div.entry img {
float: left;
border: 1px solid #888888;
margin-right: 10px;
}
div#main div#main_right div.black_box div.topic {
background: transparent url(images/bullet.gif) no-repeat 10px 6px;
padding-left: 20px;
margin-top: 10px;
}
div#wrapper div#footer {
clear: both;
height: 94px;
background-image: url(images/footer_back.gif);
color: #707070;
}
div#wrapper div#footer a {
color: #FFFFFF;
}
div#wrapper div#footer a:hover {
color: #f7db16;
}
div#wrapper div#footer div#footer_left {
float: left;
margin-left: 14px;
margin-top: 40px;
}
div#wrapper div#footer div#footer_right {
font-weight: bold;
float: right;
margin-top: 40px;
margin-right: 43px;
}
bravenet.com