/* BOX CSS */
.box { float: left; position: relative; }
.box .content { background-color: #333; display: block; float: left; font-family: Georgia, serif; overflow: hidden; position: relative; }
.boxSpace { display: block; float: left; height: 1px; max-width: 2px; width: 2px; }
.boxSpace10 { display: block; float: left; height: 1px; max-width: 10px; width: 10px; }
.boxSpace12 { display: block; float: left; height: 1px; max-width: 12px; width: 12px; }
.botMarginTwo { margin-bottom: 2px; }

/* SET BOX VALUES FOR TOP & BOTTOM */
.box .top, .box .bot { float: left; height: 4px; }
.box .top .hleft { background-image: url(/include/images/box/top-left.png); }
.box .top .main { background-image: url(/include/images/box/top.png); }
.box .top .hright { background-image: url(/include/images/box/top-right.png); }
.box .bot .hleft { background-image: url(/include/images/box/bot-left.png); }
.box .bot .main { background-image: url(/include/images/box/bot.png); }
.box .bot .hright { background-image: url(/include/images/box/bot-right.png); }
.box .top .main, .box .bot .main { background-repeat: repeat-x; display: block; float: left; height: 4px; }
.box .top .hleft, .box .top .hright, .box .bot .hleft, .box .bot .hright { background-position: 0 0; background-repeat: no-repeat; display: block; float: left; height: 4px; width: 8px; }

/* SET BOX VALUES FOR LEFT & RIGHT */
.box .left, .box .right { float: left; width: 4px; }
.box .left .vtop { background-image: url(/include/images/box/left-top.png); }
.box .left .main { background-image: url(/include/images/box/left.png); }
.box .left .vbot { background-image: url(/include/images/box/left-bot.png); }
.box .right .vtop { background-image: url(/include/images/box/right-top.png); }
.box .right .main { background-image: url(/include/images/box/right.png); }
.box .right .vbot { background-image: url(/include/images/box/right-bot.png); }
.box .left .main, .box .right .main { background-position: 0 0; background-repeat: repeat-y; display: block; float: left; width: 4px; }
.box .left .vtop, .box .left .vbot, .box .right .vtop, .box .right .vbot, { background-position: 0 0; background-repeat: repeat-y; display: block; height: 4px; float: left; width: 4px; }


/* 250x222 + 8px shadow*/
.w250h222 { height: 230px; width: 258px; }
.w250h222 .content { height: 222px; max-height: 202px; max-width: 230px; padding: 10px; width: 250px; }
/* SET WIDTH FOR TOP & BOTTOM */
.w250h222 .top, .w250h222 .bot { width: 258px; }
.w250h222 .top .main, .w250h222 .bot .main { width: 242px; }
/* SET HEIGHT FOR LEFT & RIGHT */
.w250h222 .left .main, .w250h222 .right .main { height: 222px;}
.w250h222 .left, .w250h222 .right { height: 222px; }


/* 380x48 + 8px (4+4) shadow*/
.w380h48 { height: 56px; width: 388px; }
.w380h48 .content { height: 48px; max-height: 28px; max-width: 360px; padding: 10px; width: 380px; }
/* SET WIDTH FOR TOP & BOTTOM */
.w380h48 .top, .w380h48 .bot { width: 388px; }
.w380h48 .top .main, .w380h48 .bot .main { width: 372px; }
/* SET HEIGHT FOR LEFT & RIGHT */
.w380h48 .left, .w380h48 .right { height:48px; }
.w380h48 .left .main, .w380h48 .right .main { height:48px; }
.w380h48 .content .h18 { line-height: 30px; }


/* 210x434 + 8px (4+4) shadow*/
.w210h434 { height: 442px; width: 218px; }
.w210h434 .content { height: 434px; max-height: 434px; max-width: 210px; padding: 0px; width: 210px; }
/* SET WIDTH FOR TOP & BOTTOM */
.w210h434 .top, .w210h434 .bot { width: 218px; }
.w210h434 .top .main, .w210h434 .bot .main { width: 202px; }
/* SET HEIGHT FOR LEFT & RIGHT */
.w210h434 .left, .w210h434 .right { height: 434px; }
.w210h434 .left .main, .w210h434 .right .main { height: 434px; }


/* 440x294 + 8px (4+4) shadow*/
.w440h294 { height: 302px; width: 448px; }
.w440h294 .content { height: 294px; max-height: 274px; max-width: 420px; padding: 10px; width: 440px; }
/* SET WIDTH FOR TOP & BOTTOM */
.w440h294 .top, .w440h294 .bot { width: 448px; }
.w440h294 .top .main, .w440h294 .bot .main { width: 432px; }
/* SET HEIGHT FOR LEFT & RIGHT */
.w440h294 .left, .w440h294 .left .main, .w440h294 .right, .w440h294 .right .main { height: 294px; }


/* w510h222 + 8px shadow*/
.w510h222 { height: 230px; width: 518px; }
.w510h222 .content { height: 222px; max-height: 202px; max-width: 490px; padding: 10px; width: 510px; }
/* SET WIDTH FOR TOP & BOTTOM */
.w510h222 .top, .w510h222 .bot { width: 518px; }
.w510h222 .top .main, .w510h222 .bot .main { width: 502px; }
/* SET HEIGHT FOR LEFT & RIGHT */
.w510h222 .left, .w510h222 .left .main, .w510h222 .right, .w510h222 .right .main { height: 222px; }



/* 215x294 + 8px (4+4) shadow*/
.w215h294 { height: 302px; width: 223px; }
.w215h294 .content { height: 294px; max-height: 274px; max-width: 195px; padding: 10px; width: 215px; }
/* SET WIDTH FOR TOP & BOTTOM */
.w215h294 .top, .w215h294 .bot { width: 223px; }
.w215h294 .top .main, .w215h294 .bot .main { width: 207px; }
/* SET HEIGHT FOR LEFT & RIGHT */
.w215h294 .left, .w215h294 .left .main, .w215h294 .right, .w215h294 .right .main { height: 294px; }


/* 230x294 + 8px (4+4) shadow*/
.w238h294 { height: 302px; width: 246px; }
.w238h294 .content { height: 294px; max-height: 274px; max-width: 218px; padding: 10px; width: 238px; }
/* SET WIDTH FOR TOP & BOTTOM */
.w238h294 .top, .w238h294 .bot { width: 246px; }
.w238h294 .top .main, .w238h294 .bot .main { width: 230px; }
/* SET HEIGHT FOR LEFT & RIGHT */
.w238h294 .left, .w238h294 .left .main, .w238h294 .right, .w238h294 .right .main { height: 294px; }


/* 200x294 + 8px (4+4) shadow*/
.w200h294 { height: 302px; width: 208px; }
.w200h294 .content { height: 294px; max-height: 274px; max-width: 180px; padding: 10px; width: 200px; }
/* SET WIDTH FOR TOP & BOTTOM */
.w200h294 .top, .w200h294 .bot { width: 208px; }
.w200h294 .top .main, .w200h294 .bot .main { width: 192px; }
/* SET HEIGHT FOR LEFT & RIGHT */
.w200h294 .left, .w200h294 .left .main, .w200h294 .right, .w200h294 .right .main { height: 294px; }


/* 448x294 + 8px (4+4) shadow*/
.w448h294 { height: 302px; width: 456px; }
.w448h294 .content { height: 294px; max-height: 274px; max-width: 428px; padding: 10px; width: 448px; }
/* SET WIDTH FOR TOP & BOTTOM */
.w448h294 .top, .w448h294 .bot { width: 456px; }
.w448h294 .top .main, .w448h294 .bot .main { width: 440px; }
/* SET HEIGHT FOR LEFT & RIGHT */
.w448h294 .left, .w448h294 .left .main, .w448h294 .right, .w448h294 .right .main { height: 294px; }


/* 898 + 8px (4+4) shadow*/
.w898 { float: left; margin:0 auto; position: relative; width:906px; }
.w898 .content { background-image:url(../images/box/w898_mid.png); background-repeat:repeat-y; float: left; width: 906px; }
.w898 .content .text { font-family:Georgia, serif; font-size:16px; line-height:22px; margin:0 auto; max-width:858px; overflow: hidden; padding:20px; width:898px; }
/* SET WIDTH FOR TOP & BOTTOM */
.w898 .top { background-image:url(../images/box/w898_top.png); background-repeat:no-repeat; float:left; height:14px; width:906px; }
.w898 .bot { background-image:url(../images/box/w898_bot.png); background-repeat:no-repeat; float:left; height:14px; width:906px; }

/* FEATURE ITEMS */
.feature {
   background-repeat: no-repeat;
   background-position: bottom center;
   cursor: pointer;
   display: block;
   height: 100%;
   position: relative;
   width: 100%;
}

.guys { background-image: url(/include/images/feature/guys.jpg); }
.girls { background-image: url(/include/images/feature/girls.jpg); }
.sale { background-image: url(/include/images/feature/sale.jpg); }
.store { background-image: url(/include/images/feature/store.jpg); }
.limited { background-image: url(/include/images/feature/limited.jpg); }

.feature .purchase {
   bottom: 20px;
   background-image: url(/include/images/buttons/btn_purchase.png);
   background-position: 0 0;
   background-repeat: no-repeat;
   cursor: pointer;
   height: 50px;
   left: 18px;
   overflow: hidden;
   position: absolute;
   text-indent: -9999px;
   width: 173px;
}

.feature:hover .purchase {
   background-position: 0 -50px;
   background-repeat: no-repeat;
}

.feature .newstore {
   bottom: 20px;
   background-image: url(/include/images/buttons/btn_newstore.png);
   background-position: 0 0;
   background-repeat: no-repeat;
   cursor: pointer;
   height: 123px;
   left: 9px;
   overflow: hidden;
   position: absolute;
   text-indent: -9999px;
   width: 192px;
}

.feature:hover .newstore {
   background-position: 0 -123px;
   background-repeat: no-repeat;
}

.feature .title-guys, .feature .title-girls, .feature .title-sale, .feature .title-store, .feature .title-sale2, .feature .title-store2, .feature .title-limited {
   background-repeat: no-repeat;
   height: 81px;
   width: 210px;
}

.feature .title-guys { background-image: url(/include/images/feature/title-guys.png); }
.feature .title-girls { background-image: url(../images/feature/title-girls.png); }
.feature .title-sale { background-image: url(/include/images/feature/title-sale.png); }
.feature .title-store { background-image: url(../images/feature/title-store.png); }
.feature .title-limited { background-image: url(../images/feature/title-limited.png); }


/* COMMUNITY BOXES */
.comTitle a {
   background-repeat: no-repeat;
   background-position: 0 0;
   display: block;
   overflow: hidden;
   text-indent: -9999px;
}

/* TWITTER */
.twitter a {
   background-image: url(../images/logos/twitter.png);
   height: 28px;
   margin-bottom: 10px;
   width: 144px;
}

.twitterMsg {
   font-size: 18px;
   max-height: 192px;
   overflow: hidden;
   word-wrap: break-word;
}

.twitterDate a {
   font-size: 14px;
   font-style: italic;
}

.twitterFollow {
   bottom: 7px;
   position: absolute;
   width: 428px;
}

.twitterNav {
   bottom: 136px;
   position: absolute;
   width: 428px;
}

.twitterNav a {
   font-size: 18px;
}

.twitterNav a.disabled {
   color: #265166;
}

/* CONTESTS */
.contests a {
   background-image: url(../images/logos/kbcontests.png);
   height: 27px;
   margin-bottom: 10px;
   width: 218px;
}

.contest_desc {
   margin-top: 5px;
}

/* FACEBOOK */
.facebook a {
   background-image: url(../images/logos/facebook.png);
   height: 28px;
   width: 135px;
}

/* TUMBLR */
.tumblr a {
   background-image: url(../images/logos/tumblr.png);
   height: 28px;
   width: 122px;
}

/*YOUTUBE*/
.youtube a {
   background-image: url(../images/logos/youtube.png);
   height: 28px;
   width: 71px;
}

/* FLICKR */
.photos a {
   background-image: url(../images/logos/photos.png);
   height: 28px;
   width: 86px;
}

/* SUNDAY NIGHT TOP 5 CONTENT */
.contentTitle {
   background-position: 0 0;
   background-repeat: no-repeat;
   margin-bottom: 5px;
}

.top5_home a {
   background-image: url(../images/logos/top5.png);
   height: 35px;
   width: 206px;
}

.top5 {
   background-image: url(../images/logos/top5.png);
   height: 35px;
   width: 100%;
}

.contentTitle span.date {
   font-size: 18px;
   line-height: 30px;
   margin-left: 225px;
}

.top5_desc {
   font-size: 11px;
   margin-bottom: 5px;
}

.top5list {
   float: left;
   width: 50%;
}

.listTitle {
   color: #aaa;
   float: left;
   margin-top: 5px;
}

.listTitle .name {
   color: #00aaff;
   display: block;
   font-size: 18px;
}

.w440h294 .listTitle .name {
   overflow: hidden;
   max-width: 125px;
   width: 125px;

}

.listTitle .desc {
   font-size: 11px;
   font-style: italic;
   overflow: hidden;
   width: 125px;
   display: block;
   margin:0;
   padding:0;
   clear:right;
}

.listTitle .desc_main {
   font-size: 11px;
   font-style: italic;
   overflow: hidden;
   width: 300px;
   display: block;
   height: 35px;
   margin:0;
   padding:0;
   clear:right;
}

.list {
   clear: both;
   margin: 0;
}

.list ol {
   clear: left;
   color: #aaa;
   font-size: 12px;
   line-height: 18px;
   margin: 0;
   padding: 10px 0 0 25px;
}

.list ol a {
   font-size: 14px;
}

.avatar {
   float: left;
   height: 70px;
   margin-right: 10px;
   position: relative;
   width: 70px;
}

.avatar .shadow {
   background-image: url(../images/global/avatar_shadow.png);
   height: 70px;
   left: 0;
   position: absolute;
   top: 0;
   width: 70px;
   z-index: 3;
}

.avatar .photo {
   height: 70px;
   left: 0;
   position: absolute;
   top: 0;
   width: 70px;
   z-index: 2;
}

/* LATEST NEWS CONTENT */
.latest_news_updates a {
   background-image: url(../images/logos/latest_news_updates.png);
   height: 35px;
   width: 280px;
}

.rss {
   height: 33px;
   right: 10px;
   top: 10px;
   position: absolute;
   width: 33px;
}

.rss a {
   background-image: url(../images/global/rss.png);
   background-position: 0 0;
   background-repeat: no-repeat;
   display: block;
   height: 33px;
   overflow: hidden;
   text-indent: -9999px;
   width: 33px;
}

.news_headlines {
   height: 140px;
   margin-top: 10px;
   overflow: hidden;
}

.news_headlines .headline {
   color: #aaa;
   font-size: 17px;
   margin-bottom: 7px;
   overflow: hidden;
   line-height: 21px;
   height: 21px;
}

.news_headlines .date {
   font-size: 12px;
}

.news_headlines .headline_bot {
   margin-bottom: 0;
}

/*Contest */
.text .btn_enter-contest {
   background-image: url(/include/images/buttons/btn_enter-contest.png);
}

.text .btn_view-contests {
   background-image: url(/include/images/buttons/btn_view-contests.png);
}

.text .btn_enter-contest, .text .btn_view-contests {
   top: 20px;
   background-position: 0 0;
   background-repeat: no-repeat;
   cursor: pointer;
   display: block;
   height: 50px;
   right: 18px;
   overflow: hidden;
   position: absolute;
   text-indent: -9999px;
   width: 173px;
}

.text .btn_enter-contest:hover, .text .btn_view-contests:hover {
   background-position: 0 -50px;
}

/*Contests Form*/
#contest-form ul {
   margin: 0;
   padding: 0;
}

#contest-form ul li {
   height: 39px;
   list-style-type: none;
   margin: 0;
   padding: 0;
}

#contest-form li label {
   background-color: #eee;
   color: #808080;
   display: block;
   float: left;
   font-size: 14px;
   line-height: 29px;
   padding-left:10px;
   width: 50px;
}

#contest-form li label.example {
   background-color: #eee;
   clear: right;
   color: #808080;
   display: block;
   float: left;
   font-size: 14px;
   line-height: 29px;
   padding: 0 10px;
   width: auto;
}

#contest-form li span.left {
   background-color: #eee;
   background-position: 0 0;
   background-image: url(/include/images/form/input_left.png);
   background-repeat: no-repeat;
   border: 0;
   float: left;
   display: block;
   height: 29px;
   width: 7px;
}

#contest-form li span.right {
   background-color: transparent;
   background-position: 0 0;
   background-image: url(/include/images/form/input_right.png);
   background-repeat: no-repeat;
   border: 0;
   float: left;
   display: block;
   height: 29px;
   width: 7px;
}

#contest-form li input {
   background-image: url(/include/images/form/input_bg.png);
   background-repeat: repeat-x;
   border: 0;
   color: #fff;
   height: 19px;
   float: left;
   margin: 0;
   max-height: 29px;
   max-width: 248px;
   padding: 5px 0;
   width: 248px;
}

#contest-form li.submit input {
   background-color: #f7f7f7;
   background-image: url(/include/images/form/btn_submit.png);
   background-position: 0 0;
   background-repeat: no-repeat;
   border: 0;
   cursor: pointer;
   display: block;
   float: left;
   height: 29px;
   overflow: hidden;
   text-indent:-9999px;
   width: 62px;
}

#contest-form li.submit input:hover {
   background-position: 0 -29px;
}