
/*** White outlined Dark Grey Box ***/
.boxLeft {
background:#404545;
width: 204px;
margin-bottom: 10px;
}

.whiteLine {
background-image: url(/images/corner_whiteGrey.gif);
}

.whiteLineT {
background-repeat: repeat-x;
}
.whiteLineB {
background-repeat: repeat-x;
background-position:bottom;
}
.whiteLineL {
background-repeat: repeat-y;
}
.whiteLineR {
background-repeat: repeat-y;
background-position:right;
}

.wgCorner{
background-repeat: no-repeat;
width:100%;
}
.wgCornerTL {
background-image: url(/images/corner_TL_whiteGrey.gif);
}
.wgCornerTR {
background-image: url(/images/corner_TR_whiteGrey.gif);
background-position: top right;
}
.wgCornerBL {
background-image: url(/images/corner_BL_whiteGrey.gif);
background-position: bottom left;
}
.wgCornerBR {
background-image: url(/images/corner_BR_whiteGrey.gif);
background-position: bottom right;
}

/*** Content of  White outlined Dark Grey Box ***/
h2 {
text-transform: uppercase;
font-size: 14px;
}
.contentL{
clear:both;
margin:0px 10px;
}

#meetYourMaker .titleGRAPHIC{
float: left;
margin: 12px 0px 10px 11px;
}
#meetYourMaker a{
text-decoration: none;
}
/** #meetYourMaker img, #rants img, **/
#news img{
float: left;
margin: 0px 5px 5px 0px;
}


span{
color: white;
font-size: 11px;
}
span a{
color: white;
}

#news {
text-align: left;
margin: 7px;
}
#news p{
margin: 0px;
}
#news h2{
color: white;
text-transform: uppercase;
font-size: 16px;
margin: 0px 0px 10px 0px;
}
#news h3{
color: white;
text-transform: uppercase;
font-size: 14px;
margin: 0px;
}

/*** AD / CONTENT ***/
#leftContentHOME{
width: 182px;
overflow: hidden;
margin: 15px 0px 10px 8px;
}


/*** More + Arrow Left ***/
.arrowDIV{
float:right;
margin:0px 0px 5px 0px;
}
.arrowDIV a {
float: left;
color: white;
text-transform: uppercase;
font-size: 14px;
text-decoration: none;
}

#meetYourMaker .arrow, #news .arrow{
float: left;
margin: 2px 5px 0px 5px;
}


/*** White outlined Black Box ***/
.boxCenter {
background:#28292A;
width: 477px;
margin-bottom: 10px;
}

.bgCorner{
background-repeat: no-repeat;
width:100%;
}
.bgCornerTL {
background-image: url(/images/corner_TL_black.gif);
}
.bgCornerTR {
background-image: url(/images/corner_TR_black.gif);
background-position: top right;
}
.bgCornerBL {
background-image: url(/images/corner_BL_black.gif);
background-position: bottom left;
}
.bgCornerBR {
background-image: url(/images/corner_BR_black.gif);
background-position: bottom right;
}


/*** Right Column, white outlined Grey Box ***/
.theater_bg {
background-image: url(/images/index_right_1px.gif);
width:259px;
}
.theater_top {
background-image: url(/images/index_right_T.jpg);
background-repeat: no-repeat;
background-position:top;
}
.theater_bottom {
background-image: url(/images/index_right_B.gif);
background-repeat: no-repeat; 
background-position:bottom;
}


.contentR{
font-size: 12px;
margin:7px 20px 0px 20px;
color: white;
font-size: 11px;
}

.contentR a{
color: white;
}
.theater_title{
margin:6px 20px 0px 20px;
}
.theater_bg h4{
margin:0px;
width: 160px;
color: white;
font-size: 11px;
float:left;
text-align: left;
text-transform: uppercase;
overflow: hidden;
}

.theater_bg h5{
margin:0px;
width: 55px;
color: #F1DE8C;
font-size: 11px;
float:right;
text-align: right;
}

.theater_bg .arrowDIV{
float:right;
margin:0px 0px 5px 0px;
}
.theater_bg .arrowDIV a {
float: left;
color: white;
text-transform: uppercase;
font-size: 14px;
text-decoration: none;
}
.theater_bg .arrow {
float: left;
margin: 2px 20px 0px 5px;
}
