/* HOMEPAGE-SPECIFIC STYLES ********************/

#leftcontent {
width:490px;
overflow:hidden;
float:left;
}

#rightcontent {
float:right;
width:490px;
overflow:hidden;
}

#mainfeature {
width:485px;
background-color:#e7511e;
cursor:pointer;
margin:0px 0px 5px 0px;
}

#mainfeature .image {
padding:5px;
color:#FFFFFF;
}

#mainfeature .content {
padding:5px 10px 10px 15px;
color:#FFFFFF;
}

#onlyonline {
float:left;
width:240px;
background-color:#ededed;
margin:0px 5px 5px 0px;
}

#onlyonlinelist {
padding:5px;
}

#onlyonlinelist .item {
clear:both;
background-image:url(/images/expander.gif);
background-position:right bottom;
background-repeat:no-repeat;
padding:5px;
margin-bottom:5px;
cursor:pointer;
}

#onlyonlinelist .item .bullet {
width:15px;
height:50px;
position:absolute;
background-image:url(/images/onlyonlinebullet.gif);
background-repeat:no-repeat;
background-position:top right;
}

#onlyonlinelist .item .itemdetail {
padding-left:5px;
padding-right:10px;
}

#onlyonlinelist .item .itemdetail .title {
color:#000000;
font-weight:bold;
}

#onlyonlinelist .item .itemdetail .content {
color:#5c5c5c;
}

.spacer {
height:20px;
clear:both;
font-size:1px;
}

#obpost {
float:right;
width:240px;
background-color:#000000;
margin:0px 5px 5px 0px;
}

#obpostcontent {
padding:5px 0px 0px 5px;
color:#FFFFFF;
}

#obpostcontent .intro {
background-color:#2e2e2e;
margin:0px 5px 5px 0px;
padding:10px;
}

.obpostitem {
background-color:#2e2e2e;
margin-bottom:5px;
background-image:url(/images/expander.gif);
background-repeat:no-repeat;
background-position:bottom right;
cursor:pointer;
float:left;
width:112px;
overflow:hidden;
}

.obpostitem img {
width:112px;
height:69px;
}

.obpostitem .detail {
padding:5px 5px 15px 5px;
}

.obpostitem .detail .title {
font-weight:bold;
}

.obpostitem .detail .author {
font-style:italic;
font-size:90%;
}

#obpost .submit {
text-align:right;
background-color:#000000;
height:13px;
font-size:1px;
}

#headsup {
width:240px;
background-color:#2d887f;
margin:0px 5px 5px 0px;
float:left;
background-image:url(/images/expander.gif);
background-repeat:no-repeat;
background-position:bottom right;
cursor:pointer;
}

#headsup img {
width:240px;
}

#headsup .content {
color:#FFFFFF;
padding:15px;
}

#latestnews {
width:240px;
background-color:#fcfcfc;
margin:0px 4px 5px 0px;
float:right;
}

.newsitem {
padding:15px 15px 0px 15px;
border-bottom:1px dotted #000000;
background-image:url(/images/expander.gif);
background-repeat:no-repeat;
background-position:bottom right;
cursor:pointer;
}

.newsitem .newsimage {
width:108px;
float:left;
}

.newsitem .newsintro {
width:100px;
float:left;
}

.newsitem .date {
color:#e7511c;
}

.newsitem .headline {
font-weight:bold;
}

.newsitem .link {
color:#e7511c;
font-weight:bold;
}

.newsitem .intro {
padding-bottom:15px;
}

#clangers {
width:240px;
background-color:#d9d9d9;
margin:0px 5px 5px 0px;
float:left;
}

#clangers .item {
padding:15px 15px 0px 15px;
border-bottom:1px dotted #B7B7B7;
background-color:#ededed;
background-image:url(/images/expander.gif);
background-repeat:no-repeat;
background-position:bottom right;
cursor:pointer;
}

#clangers .item .heading {
font-weight:bold;
}

#clangers .item .description {
padding-bottom:15px;
}

#videos {
width:240px;
background-color:#2d887f;
margin:0px 5px 5px 0px;
float:left;
}

#videolist {
padding:15px;
cursor:pointer;
}

#videolist .intro {
color:#FFFFFF;
background-color:#236c63;
margin-bottom:5px;
padding:5px;
}

#videolist .item {
width:205px;
height:45px;
background-color:#236c63;
margin-bottom:5px;
}

#videolist .item .thumbnail {
float:left;
padding-right:10px;
}

#videolist .item .thumbnail img {
width:65px;
height:45px;
}

#videolist .item .title {
color:#FFFFFF;
font-weight:bold;
padding-top:2px;
}

#videolist .item .description {
color:#FFFFFF;
}