/***** main top *****/
div.wrapper > div.body > div.inner > div.columns.main > div.sections.top { margin: 0; padding: 0px 10px 0px 10px; border: 1px solid #A0A0A0; background: #272727; height: 34px; line-height: 34px; font-family: "Oswald", Arial, sans-serif; font-weight: normal; color: #FFF; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
div.wrapper > div.body > div.inner > div.columns.main > div.sections.top > h1 { float: left; margin: 0; font-size: 22px; font-weight: normal !important; text-transform: uppercase; }
div.wrapper > div.body > div.inner > div.columns.main > div.sections.top > h2 { float: left; margin: 0; font-size: 22px; font-weight: normal !important; text-transform: uppercase; }
div.wrapper > div.body > div.inner > div.columns.main > div.sections.top > div.right { float: right; }
div.wrapper > div.body > div.inner > div.columns.main > div.sections.top > div.right > form { float: left; margin: 5px 0px 0px 0px; width: 166px; height: 22px; border: 1px solid #D2D2D2; background: #FFF; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
div.wrapper > div.body > div.inner > div.columns.main > div.sections.top > div.right > form > div { float: left; }
div.wrapper > div.body > div.inner > div.columns.main > div.sections.top > div.right > form > div > input[type="text"] { float: left; margin: 0; padding: 0px 5px 0px 5px; border: none; background: none; width: 136px; height: 22px; line-height: 20px; outline: none; }
div.wrapper > div.body > div.inner > div.columns.main > div.sections.top > div.right > form > div > input[type="submit"] { float: right; margin: 3px 4px 0px 0px; padding: 0; border: none; background:url("../../../img/redesign-joblo-2012/icon-search-16x16.png") no-repeat scroll left top transparent; width: 16px; height: 16px; cursor: pointer; outline: none; }
div.wrapper > div.body > div.inner > div.columns.main > div.sections.top > div.right > a.rss { float: left; margin: 5px 0px 0px 10px; width: 24px; height: 24px; background: url(../../../img/redesign-joblo-2012/icon-rss-24x24.png) top left no-repeat; }

/***** main headlines *****/
div.wrapper > div.body > div.inner > div.columns.main > div.sections.news { margin: 10px 0px 0px 0px; }
div.wrapper > div.body > div.inner > div.columns.main > div.sections.news > div.item { margin: 10px 0px 0px 0px; padding: 12px 12px 12px 12px; min-height: 100px; background: #FFF; position: relative; }
div.wrapper > div.body > div.inner > div.columns.main > div.sections.news > div.item > div.top { font-size: 11px; color: #BD0608; }
div.wrapper > div.body > div.inner > div.columns.main > div.sections.news > div.item > div.top > a { color: #BD0608; text-decoration: none; }
div.wrapper > div.body > div.inner > div.columns.main > div.sections.news > div.item > div.top > a:hover { color: #F00; }
div.wrapper > div.body > div.inner > div.columns.main > div.sections.news > div.item > div.top > span { margin: 0px 5px 0px 5px; }
div.wrapper > div.body > div.inner > div.columns.main > div.sections.news > div.item > h2 { margin: 2px 0px 0px 0px; line-height: 30px; font-family: "Oswald", Arial, sans-serif; font-size: 26px; font-weight: normal; color: #0F0F0F; text-transform: uppercase; }
div.wrapper > div.body > div.inner > div.columns.main > div.sections.news > div.item > h2 > a { color: #0F0F0F; text-decoration: none; }
div.wrapper > div.body > div.inner > div.columns.main > div.sections.news > div.item > h2 > a:hover { color: #606060; }
div.wrapper > div.body > div.inner > div.columns.main > div.sections.news > div.item > div.image { float: left; position: relative; margin: 5px 0px 0px 0px; width: 200px; height: 200px; }
div.wrapper > div.body > div.inner > div.columns.main > div.sections.news > div.item > div.image > a { display: block; width: 100%; height: 100%; }
div.wrapper > div.body > div.inner > div.columns.main > div.sections.news > div.item > div.image > a > span.overlay { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: url(../../../img/redesign-joblo-2012/overlay-tile.png) top left repeat; }
div.wrapper > div.body > div.inner > div.columns.main > div.sections.news > div.item > div.image > a > img { display: block; width: 100%; height: 100%; }
div.wrapper > div.body > div.inner > div.columns.main > div.sections.news > div.item > div.image > a:hover > span.overlay { background: none; }
div.wrapper > div.body > div.inner > div.columns.main > div.sections.news > div.item > div.social { margin: 5px 0px 0px 212px; padding: 0px 12px 0px 12px; background:none; height: 32px; line-height: 0px; }
div.wrapper > div.body > div.inner > div.columns.main > div.sections.news > div.item > div.social > div.addthis { float: left; margin: 6px 0px 0px 0px; }
div.wrapper > div.body > div.inner > div.columns.main > div.sections.news > div.item > div.social > div.addthis > .main-facebook { float: left; margin: 0px; }
div.wrapper > div.body > div.inner > div.columns.main > div.sections.news > div.item > div.social > div.addthis > .main-twitter { float: left; margin: 0px; }
div.wrapper > div.body > div.inner > div.columns.main > div.sections.news > div.item > div.social > div.addthis > .main-google { float: left; margin: 0px; }

div.wrapper > div.body > div.inner > div.columns.main > div.sections.news > div.item > div.social > a.comments { float: right; position: relative; padding: 15px 0px 0px 34px; background: url(../../../img/redesign-joblo-2012/icon-comments-29x26.png) 0px 5px no-repeat; font-size: 11px; font-weight: bold; color: #363636; text-decoration: none; text-transform: uppercase; height: 30px; }
div.wrapper > div.body > div.inner > div.columns.main > div.sections.news > div.item > div.social > a.comments > span { position: absolute; top: 6px; left: 1px; width: 26px; height: 16px; line-height: 16px; color: #363636; text-align: center; }
div.wrapper > div.body > div.inner > div.columns.main > div.sections.news > div.item > div.social > a.comments:hover { color: #BD0608; }
div.wrapper > div.body > div.inner > div.columns.main > div.sections.news > div.item > div.social > a.comments:hover > span { color: #BD0608; }
div.wrapper > div.body > div.inner > div.columns.main > div.sections.news > div.item > div.content { position: relative; margin: 8px 0px 0px 212px; line-height: 24px; font-size: 14px; min-height: 124px;font-family: Arial, sans-serif; }
div.wrapper > div.body > div.inner > div.columns.main > div.sections.news > div.item > div.more { margin: 8px 0px 0px 530px; height: 28px; line-height: 28px; font-family: "Oswald", Arial, sans-serif; font-size: 12px; font-weight: normal; text-align: right; }
div.wrapper > div.body > div.inner > div.columns.main > div.sections.news > div.item > div.more > a { float: right; padding: 0px 15px 0px 15px; background: url(../../../img/redesign-joblo-2012/news-more-bg.png) top left repeat-x; color: #EDEDED; text-decoration: none; text-transform: uppercase; }
div.wrapper > div.body > div.inner > div.columns.main > div.sections.news > div.item > div.more > a:hover { background-position: 0px -28px; color: #FFF; }

/***** pagination *****/
div.wrapper > div.body > div.inner > div.columns.main > div.pagination { margin: 10px 0px 0px 0px; padding: 0px 20px 0px 20px; height: 50px; border: 1px solid #A0A0A0; background: #242424; color: #8D8D8D; font-weight: bold; text-transform: uppercase; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
div.wrapper > div.body > div.inner > div.columns.main > div.pagination a { color: #8D8D8D; }
div.wrapper > div.body > div.inner > div.columns.main > div.pagination > a.left { float: left; margin: 18px 0px 0px 0px; height: 14px; line-height: 14px; padding: 0px 0px 0px 12px; background: url(../../../img/redesign-joblo-2012/pagination-arrow-left.png) top left no-repeat; text-decoration: none; overflow: hidden; }
div.wrapper > div.body > div.inner > div.columns.main > div.pagination > a.left:hover { color: #FFF; background-position: left -14px; }
div.wrapper > div.body > div.inner > div.columns.main > div.pagination > a.right { float: right; margin: 18px 0px 0px 0px; height: 14px; line-height: 14px; padding: 0px 12px 0px 0px; background: url(../../../img/redesign-joblo-2012/pagination-arrow-right.png) top right no-repeat; text-decoration: none; overflow: hidden; }
div.wrapper > div.body > div.inner > div.columns.main > div.pagination > a.right:hover { color: #FFF; background-position: right -14px; }


div.wrapper > div.shadows {
    /*top: 138px;*/
}

/***** header advertisement *****/
div.wrapper > div.header > div.inner > div.section.advertisement-top { background: none transparent; }
div.wrapper > div.header > div.inner > div.section.advertisement-top > div.advertisement {margin: 11px auto; width:728px; height:90px;}

/***** header main *****/
div.wrapper > div.header > div.inner > div.section.main { position: relative; height: 108px; background: url(../../../img/redesign-joblo-2012/top/joblo-header-bg.jpg) top left no-repeat;z-index: 999; }
div.wrapper > div.header > div.inner > div.section.main > a.logo { position: absolute; top: -14px; left: 4px; width: 276px; height: 118px; background: url(../../../img/redesign-joblo-2012/top/joblo-logo.png) top left no-repeat; }
div.wrapper > div.header > div.inner > div.section.main > a.blurb-of-the-day {left: 163px; position: absolute; top: 0px;}


div.wrapper > div.header > div.inner > div.section.main > a.blurb-of-the-day img {}
div.wrapper > div.header > div.inner > div.section.main > div.advertisement { position: absolute; top: 16px; right: 16px; width: 728px; height: 90px; background: none; }
div.wrapper > div.header > div.inner > div.section.main > div.advertisement img { vertical-align: top; }

/***** header nav1 *****/
div.wrapper > div.header > div.inner > div.section.main > div.section.nav1 { height: 29px; background: url(../../../img/redesign-joblo-2012/top/joblo-nav-bg.png) top left no-repeat; font-family: "Oswald", Arial, sans-serif; color: #000000; font-weight: normal; overflow: hidden; width:738px; position:absolute; top:20px; left:290px; }
div.wrapper > div.header > div.inner > div.section.main > div.section.nav1 > a { float: left; height: 29px; line-height: 29px; font-size: 15px; font-weight: normal; color: #000000; text-decoration: none; text-align: center; text-transform: uppercase; }
div.wrapper > div.header > div.inner > div.section.main > div.section.nav1 > a:hover { color: #B20609; }
div.wrapper > div.header > div.inner > div.section.main > div.section.nav1 > span { float: left; width: 2px; height: 29px; line-height: 1px; font-size: 1px; background: url(../../../img/redesign-joblo-2012/top/joblo-nav-line.png) top left no-repeat; }
/**/
div.wrapper > div.header > div.inner > div.section.main > div.section.nav1 > a.news { width: 60px; }
div.wrapper > div.header > div.inner > div.section.main > div.section.nav1 > a.reviews { width: 72px; }
div.wrapper > div.header > div.inner > div.section.main > div.section.nav1 > a.trailers { width: 78px; }
div.wrapper > div.header > div.inner > div.section.main > div.section.nav1 > a.database { width: 115px; }
div.wrapper > div.header > div.inner > div.section.main > div.section.nav1 > a.dates { width: 105px; }
div.wrapper > div.header > div.inner > div.section.main > div.section.nav1 > a.interviews { width: 91px; }
div.wrapper > div.header > div.inner > div.section.main > div.section.nav1 > a.posters { width: 76px; }
div.wrapper > div.header > div.inner > div.section.main > div.section.nav1 > a.dvds { width: 120px; }


/***** header nav2 *****/
div.wrapper > div.header > div.inner > div.section.main > div.section.nav2 { height: 20px; padding: 10px 0; color: #FFF; overflow: hidden; font-family: "Oswald", Arial, sans-serif; font-weight: normal; text-align: center; width:738px; position: absolute; top: 50px; left: 290px; }
div.wrapper > div.header > div.inner > div.section.main > div.section.nav2 > a { display: inline-block; vertical-align: top; padding: 0; font-size: 13px; font-weight: normal; color: #ffffff; text-decoration: none; text-transform: uppercase; zoom: 1; display: inline; }
div.wrapper > div.header > div.inner > div.section.main > div.section.nav2 > a:hover { color: #cccccc; }
div.wrapper > div.header > div.inner > div.section.main > div.section.nav2 > span { width: 4px; height: 12px; margin: 0px 4px; line-height: 12px; font-size: 12px; zoom: 1; display: inline; top:2px; position:relative; }

.catTitle{margin-top: 5px;line-height: 16px}
.catTitle a{color: #000;font-size: 14px;font-weight: 500;line-height: 16px;text-transform: capitalize}
.catSidebar{margin-top: 0;float: left;max-width: 283px;padding: 4px 0 0 0px}
.catSidebar a{color: #000;font-size: 12px;font-weight: 600}
.trailers_side{float: left;height: 152px;margin: 3px 0;width: 325px}
.trailers_side.last{margin: 0!important}
.catVids{float: left;height: 175px !important;margin: 0 22px 0 0;width: 200px}
.catVids.last{margin: 0!important}
.thumbtrailers_side .screenshot{    background-color: #000;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    cursor: pointer;
    height: 185px;
    width: 325px;
    float: left;
    color: #fff;
    line-height: 185px;
    text-align: center;
    font-size: 30px;}

/****** fixes social bar bug ******/

.addthis{overflow: hidden;}

