/* -- title: master styles for screen media 2010-05-19 -- */

body {

font-family: Arial, sans-serif;

color: #000;

font-size: 11px;

background: #E4E4E4 url(image/background.png) no-repeat fixed 50% 0;



}

.content-area h1 {

padding: 10px 0px 8px 0px;

font-size: 17px;

line-height: 1.1;

font-weight: bold;

}

.content-area h2 {

padding: 8px 0px 8px 0px;

font-size: 16px;

line-height: 1.1;

font-weight: bold;

}

.content-area h3 {

padding: 6px 0px 8px 0px;

font-size: 15px;

font-weight: bold;

}

.content-area h4 {

padding: 4px 0px 8px 0px;

font-size: 14px;

font-weight: bold;

}

.content-area h5 {

padding: 2px 0px 8px 0px;

font-size: 13px;

}

.content-area h6 {

padding: 0px 0px 8px 0px;

font-size: 12px;

}

/* -- links -- */

a:link, a:visited {

color: #C4130A;

text-decoration: none;

outline: none;

}

a:hover {

text-decoration: underline;

}

/* -- page structure -- */

#wrap {

position: relative;

width: 990px;

margin: 0 auto;

}

#page {

position: relative;

padding: 5px 5px 20px 5px;

background: #fff;

z-index: 2;

}

#main {

float: left;

width: 675px;

}

#secondary {

float: right;

width: 300px;

}

#footer {



}

#footer-bottom_bg{background: url(image/footer.gif) no-repeat; height:17px; margin:0 auto; width:990px;}

/* -- header -- */

#header {

height: 138px;

background: url(image/header.gif) no-repeat 0 0;

z-index: 3;

-moz-border-radius:10px 10px 0 0;

}

/* -- logo -- */

#logo {

position: absolute;

top: 0;

left: 0;

width: 560px;

height: 99px;

}

#logo div {

width: 560px;

height: 99px;

background: url(image/logo-heavy.png) no-repeat 0 0;

z-index: 4;

}

#logo a {

position: relative;

display: block;

width: 201px;

height: 78px;

z-index: 5;

}

#logo a img {

height: 0;

}

/* -- dashboard -- */

#dash {

position: absolute;

top: 10px;

right: 0px;

height: 40px;

width:350px;

 

}

#dash ul {

position: absolute;

top: 6px;

right: 231px;

width: 101px;

height: 24px;

overflow: hidden;

}

#dash ul li {

float: left;

height: 24px;

}

#dash ul li a {

float: left;

display: block;

height: 24px;

text-indent: -9999px;

background: url(http://www.replaymma.com/wp-content/uploads/2010/06/dash-matrix3.gif) no-repeat 0 0;

}

#dash ul li#d-twitter a {

width: 23px;

background-position: 0 0;

}

#dash ul li#d-twitter a:hover {

background-position: 0 -24px;

}

#dash ul li#d-facebook a {

width: 24px;

background-position: -23px 0;

}

#dash ul li#d-facebook a:hover {

background-position: -23px -24px;

}

#dash ul li#d-feed a {

width: 25px;

background-position: -47px 0;

}

#dash ul li#d-feed a:hover {

background-position: -47px -24px;

}

#dash ul li#d-email a {

width: 29px;

background-position: -72px 0;

}

#dash ul li#d-email a:hover {

background-position: -72px -24px;

}

/* -- main search -- */

.search-form {

position: absolute;

top: 2px;

right: 10px;

width: 185px;

height: 28px;

background: url(image/search-footerbg.gif) no-repeat 0 0;

overflow: hidden;

}

.search-form:hover {

background-position: 0 -28px;

}

.search-form-text {

width: 170px;

margin: 4px 0 0 4px;

font-size: 16px;

font-weight: bold;

border: none;

background: #fff;

}

.search-form-btn {

position: absolute;

top: 6px;

right: 5px;

}

#navigation{font:16px/16px Helvetica, Arial, sans-serif; padding: 0px; position:relative; z-index: 9999;}

#nav{ background: #C4130A url(http://www.replaymma.com/wp-content/themes/replaymma/image/menubg.jpg);}

.nav { z-index:99; margin:0; padding:0; list-style:none; line-height:1; }

.nav a  { position:relative; color:#fff; display:block; z-index:100;   line-height:19px; text-decoration:none; font-weight:bold; border-right: 1px solid #ccc; }

.nav a:hover {

	background-color: #f7f7f7;

	color:#666666;

}

.nav li.current_page_item, .nav li.current_page_parent{ background:#1b83e3; margin:0; }

.nav li.current_page_parent a { color:#fff; border: 1px solid #026cce; border-bottom: none; padding-top:11px }

.nav li.current_page_item a, .nav li.current_page_parent a:hover {

	background-color: #1b83e3; color: #fff;

}

.nav li  { float:left; width: auto; border-right: 1px solid #fff; }

.nav li a.sf-with-ul { padding-right:20px; }



/* 2.2.1 Drop-down menus */

.nav li ul  { background: #FFF; position: absolute; left: -999em; width: 180px; z-index:999; }

.nav li ul li  {background: #C4130A url(http://www.replaymma.com/wp-content/themes/replaymma/image/menubg.jpg); }

.nav li ul li a  { width:160px; color:#fff; font-size: 14px; padding: 5px 10px; border: none !important; font-weight: normal; }

.nav li ul li.current_page_item a { color: #fff; padding: 5px 10px; }

.nav li.current_page_item ul {  }

.nav li.current_page_item ul li { border-color: #aec1d4; border-top: none; }

.nav li.current_page_item ul li a { background-color: #d6e8fa; border-color: #aec1d4; padding-top: 5px; color: #222; }

.nav li.current_page_item ul li a:hover { background-color: #1b83e3; color:#fff}

.nav li.current_page_item ul ul { margin-top: -28px;}

.nav li ul li.current_page_item a:hover { color: #fff; background-color: #333; }

.nav .current_page_parent ul li a { color: #333; }

.nav li ul li a.sf-with-ul { padding:5px 10px; }

.nav li ul li a:hover  { background:#eaeaea;}

.nav li ul ul  { margin: -28px 0 0 180px; }

.nav li ul ul li a  { padding:5px 10px; }

.nav li ul li ul li a  {  }



.nav li:hover,.nav li.hover  { position:static; }

.nav li:hover ul ul, .nav li.sfhover ul ul,

.nav li:hover ul ul ul, .nav li.sfhover ul ul ul,



.nav li:hover ul ul ul ul, .nav li.sfhover ul ul ul ul { left:-999em; }

.nav li:hover ul, .nav li.sfhover ul,

.nav li li:hover ul, .nav li li.sfhover ul,

.nav li li li:hover ul, .nav li li li.sfhover ul,

.nav li li li li:hover ul, .nav li li li li.sfhover ul  { left:auto; }



 



/* -- nav -- */

#nav {

position: absolute;

top: 98px;

padding-left:20px;

width: 970px;

height: 40px;

z-index: 4;

}

#nav li {

float: left;

}

#nav li a.nav-link {

float: left;

display: block;

height: 38px;

text-indent: -9999px;

background: url(image/nav-matrix.gif) no-repeat 0 0;

}

#nav li#t-video a.nav-link {

width: 125px;

background-position: 0 0;

}

#nav li#t-video a.nav-link:hover,

#nav li#t-video:hover a.nav-link {

background-position: 0 -38px;

}

#nav li#t-video.active a.nav-link {

background-position: 0 -76px;

}

#nav li#t-comedy a.nav-link {

width: 123px;

background-position: -125px 0;

}

#nav li#t-comedy a.nav-link:hover,

#nav li#t-comedy:hover a.nav-link {

background-position: -125px -38px;

}

#nav li#t-comedy.active a.nav-link {

background-position: -125px -76px;

}

#nav li#t-mma a.nav-link {

width: 80px;

background-position: -248px 0;

}

#nav li#t-mma a.nav-link:hover,

#nav li#t-mma:hover a.nav-link {

background-position: -248px -38px;

}

#nav li#t-mma.active a.nav-link {

background-position: -248px -76px;

}

#nav li#t-movies a.nav-link {

width: 109px;

background-position: -328px 0;

}

#nav li#t-movies a.nav-link:hover,

#nav li#t-movies:hover a.nav-link {

background-position: -328px -38px;

}

#nav li#t-movies.active a.nav-link {

background-position: -328px -76px;

}

#nav li#t-music a.nav-link {

width: 96px;

background-position: -437px 0;

}

#nav li#t-music a.nav-link:hover,

#nav li#t-music:hover a.nav-link {

background-position: -437px -38px;

}

#nav li#t-music.active a.nav-link {

background-position: -437px -76px;

}

#nav li#t-tv a.nav-link {

width: 48px;

background-position: -533px 0;

}

#nav li#t-tv a.nav-link:hover,

#nav li#t-tv:hover a.nav-link {

background-position: -533px -38px;

}

#nav li#t-tv.active a.nav-link {

background-position: -533px -76px;

}

#nav li#t-games a.nav-link {

width: 103px;

background-position: -581px 0;

}

#nav li#t-games a.nav-link:hover,

#nav li#t-games:hover a.nav-link {

background-position: -581px -38px;

}

#nav li#t-games.active a.nav-link {

background-position: -581px -76px;

}

#nav li#t-action a.nav-link {

width: 108px;

background-position: -684px 0;

}

#nav li#t-action a.nav-link:hover,

#nav li#t-action:hover a.nav-link {

background-position: -684px -38px;

}

#nav li#t-action.active a.nav-link {

background-position: -684px -76px;

}

/* -- nav drop downs -- */

div.dd-menu {

position: absolute;

top: 38px;

left: -9999px;

clear: left;

width: 504px;

padding: 10px 0 0 0;

border: 2px solid #000;

border-top: none;

border-bottom: none;

background: #fff url(image/bg-ddside.gif) no-repeat top right;

z-index: 3;

}

div.dd-menu h5 {

font-size: 11px;

margin: 0 0 5px 10px;

text-transform: uppercase;

}

div.dd-menu div.bottom-more {

clear: both;

height: 27px;

text-align: right;

background: #000 url(image/bg-blackglass.gif) repeat-x 0 0;

}

div.dd-menu div.bottom-more a {

display: block;

}

#menu-video.show {

left: 33px;

width: 655px;

background: #fff;

}

#menu-video ol {

margin: 0 0 10px 0;

padding: 0 10px;

}

#menu-video ol li {

float: left;

width: 146px;

padding: 8px;

border-right: 1px dotted #7f7f7f;

border-bottom: 1px dotted #7f7f7f;

}

#menu-video ol li.top {

padding-top: 0;

}

#menu-video ol li.first {

padding-left: 0;

}

#menu-video ol li.fourth {

padding-right: 0;

border-right: none;

}

#menu-video ol li.bottom {

padding-bottom: 0;

border-bottom: none;

}

#menu-video ol li a {

float: left;

padding: 2px;

background: #000;

}

#menu-video ol li a strong {

display: block;

padding: 2px;

color: #fff;

}

#menu-video ol li a:hover {

text-decoration: none;

background: #1a799c;

}

#menu-comedy.show,

#menu-mma.show {

left: auto;

}

#menu-movies.show {

left: -71px;

}

#menu-music.show {

left: 25px;

}

#menu-tv.show {

left: 73px;

}

#menu-games.show {

left: 176px;

}

#menu-action.show {

left: 284px;

}

div.dd-menu ol.dd-list {

float: left;

width: 310px;

margin: 0 10px;

}

#nav div.dd-menu ol.dd-list li {

float: none;

margin: 0;

padding: 5px 0;

border-bottom: 1px dotted #7f7f7f;

}

#nav div.dd-menu ol.dd-list li.last {

padding-bottom: 10px;

border: none;

}

div.dd-menu ol.dd-list li a:link,

div.dd-menu ol.dd-list li a:visited {

float: none;

font-weight: bold;

color: #000;

}

#nav div.dd-menu ol.dd-list li a:hover {

text-decoration: underline;

color: #1a799c;

}

div.dd-menu ol.dd-list li.alt {

font-size: 13px;

}

div.dd-menu ol.dd-list li.alt img {

float: left;

margin: 0 10px 0 0;

border: 2px solid #000;

}

div.dd-menu ol.dd-list li.alt a:hover img {

border-color: #1a799c;

}

div.dd-menu div.dd-side {

float: right;

width: 165px;

margin: -20px 0 0 0;

}

div.dd-menu div.dd-side ol.dd-list {

width: 145px;

}

/* -- leaderboard ad -- */

#leaderboard {

height: 123px;

text-align: center;

/*overflow: visible;*/

}

#leaderboard a {

display: block;

text-align: center;

/* -----text-indent: -9999px;----- */

width: 100%;

/*height: 100px;*/

}

#ad-728x90 {

margin: 6px 0;

text-align: center;

}

/* -- main styles -- */

/* -- title bar -- */

#title {

position: relative;



padding-left: 49px;

background: url(image/bg-title.gif) ;

}

#title h1 {

padding: 2px 10px 5px 5px;

font-size: 28px;

line-height: 1.1;

}

#title h5 {

padding: 0 10px 10px 5px;

font-size: 11px;

color: #3d3d3d;

}

#title h5 span {

margin: 0 4px;

}

#title h6.label {

position: absolute;

top: 0;

left: 0;

}

#title p.deck {

padding: 0 10px 10px 5px;

color: #3d3d3d;

}

/* -- carousel in title area -- */

ol.car {

background: url(image/bg-titledots.gif) no-repeat 0 0;

}

ol.car li {

width: 146px;

float: left;

margin: 0 10px 0 0;

}

ol.car li.last {

margin-right: 0;

}

ol.car li a {

display: block;

color: #000;

}

ol.car li a:hover {

color: #1a799c;

}

ol.car li a img {

display: block;

margin: 0 0 2px 0;

border: 2px solid #000;

}

ol.car li a:hover img {

border-color: #1a799c;

}

ol.car li a strong {

display: block;

}

/* -- paging -- */

div.paging {

padding: 7px 10px 20px 10px;

font-size: 13px;

font-weight: normal;

text-align: right;

background: url(image/hr-shadow.gif) no-repeat 50% 100%;

}

div.paging h1 {

padding: 0px;

font-size: 13px;

font-weight: bold;

float: left;

}

div.paging h6 {

padding: 0px;

font-size: 13px;

font-weight: normal;

float: left;

}

div.paging-alt {

background: none;

}

div.paging a:link,

div.paging a:visited {

color: #000;

}

div.paging a:hover {

color: #1a799c;

}

div.paging a.page-back {

padding-right: 6px;

margin-right: 2px;

border-right: 1px solid #ccc;

}

div.paging a.page-next {

padding-left: 6px;

margin-left: 2px;

border-left: 1px solid #ccc;

}

div.paging a.infin {

font-family: Helvetica;

font-size: 14px;

font-weight: bold;

}

div.paging .curr {

font-weight: bold;

}

div.paging .textlink {

padding: 0px;

margin: 0px;

font-size: 13px;

line-height: 1.4;

float: left;

}

div.paging .textlink a:link,

div.paging .textlink a:visited {

color: #1a799c;

}

/* -- paging-article -- */

div.paging-article {

padding: 7px 10px 20px 10px;

font-size: 13px;

font-weight: normal;

text-align: right;

}

div.paging-article a:link,

div.paging-article a:visited {

color: #000;

}

div.paging-article a:hover {

color: #1a799c;

}

div.paging-article a.page-back {

padding-right: 6px;

margin-right: 2px;

border-right: 1px solid #ccc;

}

div.paging-article a.page-next {

padding-left: 6px;

margin-left: 2px;

border-left: 1px solid #ccc;

}

div.paging-article .curr {

font-weight: bold;

}

/* -- main slat lists -- */

ol.slats li {

position: relative;

padding: 10px 13px 31px 13px;

background: url(image/hr-shadow.gif) no-repeat 50% 100%;

}

ol.slats li h2 a strong {

font-size: 24px;

line-height: 1.1;

color: #C4130A;

}

ol.slats li h2 a:hover strong {

color: #1a799c;

}

ol.slats li h2 a img {

float: left;

margin: 0 10px 0 0;

border: 2px solid #000;

}

ol.slats li h2 a:hover img {

border-color: #1a799c;

}

ol.slats li h2 a img.video-play {

position: absolute;

float: none;

top: 100px;

left: 187px;

margin: 0;

border: none;

}

ol.slats li h3 {

font-size: 11px;

margin: 5px 0 5px 0;

color: #3d3d3d;

}

ol.slats li h3 span {

margin: 0 4px;

}

ol.slats li p {

line-height: 1.3;

}

ol.slats li p.alt {

margin-left: 226px;

}

ol.slats li p a.more {

font-weight: bold;

}

/* -- detail entry -- */

div.entry {

margin: 10px 10px 20px 10px;

font-size: 12px;

line-height: 1.4;

}

div.entry div.content-area {

min-height: 400px;

}

div.entry div.marquee {

margin: 0 0 20px 0;

}

div.entry p {

margin: 0 0 15px 0;

}

/* -- related articles -- */

div.related {

width: 629px;

margin: 10px 0px 20px 0px;

padding: 8px 12px;

border: 1px solid #b7b7b7;

}

div.related h3 {

margin: 0 0 8px 0;

font-size: 14px;

text-align: center;

}

/* -- comments -- */

#comments {

margin: 10px;

}

#comments-head {

margin: 0 0 10px 0;

padding: 0 0 20px 0;

background: url(image/hr-shadow.gif) no-repeat 50% 100%;

}

#comments p.logged {

color: #696969;

}

#comments-add textarea {

width: 629px;

height: 60px;

padding: 10px;

font-family: Arial, sans-serif;

font-size: 12px;

color: #3d3d3d;

border: 1px solid #ccc;

border-top-color: #aaa;

border-left-color: #aaa;

}

#comments-btn {

margin: 10px 0;

}

#comments-list {

margin: 20px 0 0 0;

padding: 30px 0 0 0;

background: url(image/hr-shadow.gif) no-repeat 50% 0;

}

#comments-list h3.date {

margin: 0 0 15px 0;

font-size: 14px;

}

#comments-list ol li div.comments-author {

float: left;

width: 100px;

}

#comments-list ol li div.comments-author img {

display: block;

margin: 0 0 5px 0;

}

#comments-list ol li div.comments-author h4 {

margin: 3px 0 0 0;

font-weight: normal;

font-size: 8px;

color: #666;

}

#comments-list ol li {

margin: 0 0 20px 0;

padding: 0;

}

#comments-list ol li div.comments-text {

float: right;

width: 530px;

padding: 0 0 0 18px;

background: #fff url(image/bg-commentarrow.gif) no-repeat 0 0;

}

#comments-list ol li.alt div.comments-text {

background-color: #f7f7f7;

}

#comments-list ol li div.comments-text div.comments-text-inner {

padding: 20px 20px 5px 20px;

color: #666;

border: 1px solid #ccc;

border-left: none;

}

#comments-list ol li div.comments-text div.comments-text-inner p {

margin: 0 0 15px 0;

}

#comments-list ol li p.reply {

clear: right;

padding: 15px;

text-align: right;

border-bottom: 1px dotted #7f7f7f;

}

/* -- for threaded replies -- */

#comments-list ol li ul.children {

margin-top: 20px;

}

#comments-list ol li ul.children li {

margin-left: 138px;

padding-bottom: 20px;

border-bottom: 1px dotted #7f7f7f;

}

#comments-list ol li ul.children li.last-child {

margin-bottom: 0;

}

#comments-list ol li ul.children li div.comments-text {

width: 386px;

}

/* -- video detail -- */

div.entry-video {

margin: 20px 0;

text-align: center;

}

/* -- video carousel gallery -- */

div.video-gallery {

position: relative;

width: 512px;

height: 101px;

margin: 0 auto 20px auto;

background: url(image/bg-vidcaro.png) no-repeat 0 0;

overflow: hidden;

}

div.video-gallery h5 {

font-style: normal;

font-size: 13px;

text-align: center;

margin: 4px 0 4px 0;

}

div.video-gallery a.btn-prev {

position: absolute;

top: 4px;

left: 4px;

}

div.video-gallery a.btn-next {

position: absolute;

top: 4px;

right: 4px;

}

div.video-gallery ol {

position: absolute;

top: 23px;

left: 31px;

}

div.video-gallery ol li {

float: left;

width: 84px;

margin: 0 0 0 5px;

}

div.video-gallery ol li a strong {

text-decoration: underline;

}

div.video-gallery ol li a strong {

display: none;

position: absolute;

top: 51px;

left: 5px;

width: 225px;

line-height: 1.1;

font-weight: normal;

}

div.video-gallery ol li.vg-2 a strong {

left: 93px;

}

div.video-gallery ol li.vg-3 a strong {

left: 183px;

}

div.video-gallery ol li.vg-4 a strong {

width: 175px;

left: 272px;

}

div.video-gallery ol li.vg-5 a strong {

width: 175px;

left: auto;

right: 0;

text-align: right;

}

div.video-gallery ol li img {

border: 2px solid #000;

}

div.video-gallery ol li a:hover img {

border-color: #1a799c;

}

div.video-gallery ol li.active a img {

border-color: #fff;

}

div.video-gallery ol li:hover a strong,

div.video-gallery ol li.over a strong {

display: block;

}

/* -- skinned video page -- */

#video-skinned {

clear: both;

margin: 5px 0 10px 0;

padding: 10px 0 0 0;

background: #000 url(image/blank.gif) no-repeat 0 0;

}

#video-skinned div.entry-video {

margin: 0 0 30px 0;

}

/* -- video description under video -- */

#video-text {

width: 640px;

margin: 10px auto 20px auto;

}

#video-text p {

font-size: 12px;

line-height: 1.5;

color: #666;

}

/* -- heavygram -- */

#heavygram {

position: relative;

width: 675px;

height: 589px;

}

#heavygram div.widget {

position: absolute;

top: 132px;

right: 20px;

width: 300px;

}

#heavygram div.widget h2 {

padding: 0 10px 0 10px;

}

/* -- heavygram form -- */

form.heavygram {

padding: 10px 10px 0 10px;

}

form.heavygram input.heavygram-email {

float: left;

width: 164px;

height: 12px;

margin: 0;

padding: 8px;

font-family: Arial, sans-serif;

color: #666;

border: none;

background: url(image/bg-hginput.gif) no-repeat 0 0;

overflow: hidden;

}

form.heavygram input.heavygram-email:hover,

form.heavygram input.heavygram-email:focus {

background-position: 0 -28px;

}

a.share-url-btn {

display: block;

float: left;

width: 55px;

height: 28px;

text-indent: -9999px;

background: url(image/btn-copy.gif) no-repeat 0 -28px;

overflow: hidden;

}

a.share-url-btn:hover {

background-position: 0 0;

}

form.heavygram p {

clear: left;

margin: 10px 20px 10px 0;

font-size: 10px;

}

/* -- rss feeds -- */

div.rss-1 {

float: left;

width: 130px;

margin: 10px 20px 0 10px;

}

div.rss-2 {

float: left;

width: 130px;

margin: 10px 10px 0 0;

}

div.rss-wide {

margin: 5px 10px 10px 10px;

}

div.widget div.rss-1 ol.w-list,

div.widget div.rss-2 ol.w-list {

width: 130px;

margin: 5px 0 10px 0;

}

div.widget div.rss-wide ol.w-list {

margin: 0;

}

/* -- secondary styles -- */

/* -- sidebar widget box -- */

div.widget {

position: relative;

margin: 0 0 5px 0;

background: url(image/widget-middle.gif) repeat-y 0 0;

}

div.widget-wrap {

background: url(image/widget-bottom.gif) no-repeat 0 100%;

}

div.widget-inner {

position: relative;

padding: 10px;

background: url(image/widget-top.gif) no-repeat 0 0;

}

/* -- widget list -- */

div.widget ol.w-list {

margin-right: 32px;

}

div.widget-full ol.w-list {

margin-right: 0;

}

div.widget ol.w-list li {

padding: 5px 0;

border-bottom: 1px dotted #7f7f7f;

}

div.widget ol.w-list li.last {

padding-bottom: 0;

border: none;

}

div.widget ol.w-media li img {

float: left;

margin: 0 10px 0 0;

border: 2px solid #000;

}

div.widget ol.w-media li a:hover img {

border-color: #1a799c;

}

div.widget ol.w-list li a {

float: none;

font-weight: bold;

color: #000;

}

div.widget ol.w-list li a:hover {

text-decoration: underline;

color: #1a799c;

}

div.widget ol.large {

margin-right: 0;

}

div.widget ol.large li {

padding-top: 0;

}

div.widget ol.large li img {

margin: 0;

}

/* -- widget next btn -- */

div.widget a.btn-next {

position: absolute;

top: 50%;

right: 0;

margin: -42px 0 0 0;

}

/* -- share bar -- */

div.widget-share div.widget-inner {

padding: 15px 0 10px 0;

}

ul.share-bar {

width: 100%;

height: 28px;

padding: 2px 0;

background: url(image/bg-share-grey.gif) repeat-x 0 3px;

}

ul.share-bar li {

float: left;

height: 24px;

}

div.entry ul.share-bar li.s-email {

margin-left: 0;

}

div.entry ul.share-bar li.s-title {

margin: 0 5px 0 200px;

font-size: 10px;

line-height: 32px;

}

ul.share-bar li.s-email {

margin-left: 67px;

}

ul.share-bar li a {

float: left;

display: block;

height: 30px;

text-indent: -9999px;

background: url(image/share-matrix.png) no-repeat 0 0;

}

ul.share-bar li.s-email a {

width: 31px;

background-position: 0 0;

}

ul.share-bar li.s-email a:hover {

background-position: 0 -30px;

}

ul.share-bar li.s-facebook a {

width: 35px;

background-position: -31px 0;

}

ul.share-bar li.s-facebook a:hover {

background-position: -31px -30px;

}

ul.share-bar li.s-myspace a {

width: 36px;

background-position: -66px 0;

}

ul.share-bar li.s-myspace a:hover {

background-position: -66px -30px;

}

ul.share-bar li.s-twitter a {

width: 35px;

background-position: -101px 0;

}

ul.share-bar li.s-twitter a:hover {

background-position: -101px -30px;

}

ul.share-bar li.s-digg a {

width: 32px;

background-position: -136px 0;

}

ul.share-bar li.s-digg a:hover {

background-position: -136px -30px;

}

/* -- heavygram follow bar -- */

ul.hg-bar {

background-position: 0 1px;

}

ul.hg-bar li.hg-title {

margin: 0 10px 0 61px;

}

ul.hg-bar li a {

background-image: url(image/heavygram-matrix.png);

}

ul.share-bar li.hg-twitter a {

width: 32px;

background-position: 0 0;

}

ul.share-bar li.hg-twitter a:hover {

background-position: 0 -30px;

}

ul.share-bar li.hg-facebook a {

width: 43px;

background-position: -32px 0;

}

ul.share-bar li.hg-facebook a:hover {

background-position: -32px -30px;

}



ul.share-bar li.hg-rss a {

width: 34px;

background-position: -75px 0;

}

ul.share-bar li.hg-rss a:hover {

background-position: -75px -30px;

}

/* -- rss follow bar -- */

ul.rss-bar {

background-position: 0 1px;

}

ul.rss-bar li.rss-title {

margin: 0 10px 0 61px;

}

ul.rss-bar li a {

background-image: url(image/rssfollow-matrix.png);

}

ul.rss-bar li.rss-twitter a {

width: 32px;

background-position: 0 0;

}

ul.rss-bar li.rss-twitter a:hover {

background-position: 0 -30px;

}

ul.rss-bar li.rss-facebook a {

width: 43px;

background-position: -32px 0;

}

ul.rss-bar li.rss-facebook a:hover {

background-position: -32px -30px;

}

ul.rss-bar li.rss-email a {

width: 34px;

background-position: -75px 0;

}

ul.rss-bar li.rss-email a:hover {

background-position: -75px -30px;

}

/* -- vertical share bar -- */

ul.share-vert {

position: absolute;

top: 0;

right: 0;

width: 32px;

height: 100%;

background: url(image/bg-sharevert.gif) repeat-y 0 0;

}

ul.share-vert li {

width: 32px;

}

ul.share-vert li a {

display: block;

width: 32px;

text-indent: -9999px;

background: url(image/share-vert-matrix.png) no-repeat 0 0;

}

ul.share-vert li.sv-twitter {

margin-top: 29px;

}

ul.share-vert li.sv-twitter a {

height: 32px;

background-position: 0 0;

}

ul.share-vert li.sv-twitter a:hover {

background-position: -32px 0;

}

ul.share-vert li.sv-facebook a {

height: 39px;

background-position: 0 -32px;

}

ul.share-vert li.sv-facebook a:hover {

background-position: -32px -32px;

}

ul.share-vert li.sv-rss a {

height: 38px;

background-position: 0 -71px;

}

ul.share-vert li.sv-rss a:hover {

background-position: -32px -71px;

}

ul.share-vert li.sv-email a {

height: 24px;

background-position: 0 -109px;

}

ul.share-vert li.sv-email a:hover {

background-position: -32px -109px;

}

/* -- copy url form -- */

form.share-url {

padding: 10px 10px 0 10px;

}

form.share-url label {

display: block;

margin: 0 0 4px 0;

}

form.share-url input {

float: left;

width: 266px;

height: 12px;

margin: 0;

padding: 8px;

font-family: Arial, sans-serif;

color: #666;

border: none;

background: url(image/bg-shareinput.gif) no-repeat 0 0;

overflow: hidden;

}

form.share-url input:hover,

form.share-url input:focus {

background-position: 0 -28px;

}

a.share-url-btn {

display: block;

float: left;

width: 55px;

height: 28px;

text-indent: -9999px;

background: url(image/btn-copy.gif) no-repeat 0 -28px;

overflow: hidden;

}

a.share-url-btn:hover {

background-position: 0 0;

}

/* -- follow us large block -- */

div.w-follow {

position: relative;

margin: 1px 0;

border: 2px solid #000;

}

div.w-follow ul.share-bar {

position: absolute;

bottom: 0;

left: 0;

background: url(image/bg-followus70.png) repeat-x 0 0;

}

/* -- ads -- */

div.ad-300 {

margin: 0 0 5px 0;

}

/* -- footer -- */

#footer {

background: #000;

position:relative;

}

/* -- search -- */

#footer-search {

position: relative;

height: 36px;

margin: 0 0 10px 0;

border-bottom: 1px solid #1a1a1a;

background: url(image/bg-footersearch.gif) repeat-x 0 0;

}

#search-form-bottom {

top: 4px;

left: 387px;

}

/* -- footer nav -- */

#footer-nav {

padding: 0 16px;

background: url(image/bg-footerdots.gif) repeat-y 0 0;

}

#footer-nav-video {

float: left;

width: 343px;

margin: 0 51px 0 0;

}

#footer-nav-headlines {

float: left;

width: 186px;

margin: 0 32px 0 0;

}

#footer-nav-follow {

float: left;

width: 143px;

margin: 0 32px 0 0;

}

#footer-nav-heavy {

float: left;

width: 162px;

}

ul.footer-nav {

margin: 10px 0 0 0;

}

ul.footer-nav li {



float:left;



margin:0 0 10px;



width:160px;



}

ul.footer-nav li a img {

margin: 0 10px 0 0;

vertical-align: middle;

}

ul.footer-nav li.more {

text-align: right;

}

ul#footer-nav-1 {

float: left;



width:423px;

}

ul#footer-nav-2 {

float: left;

width: 136px;

}

ul#footer-nav-4 {

float: left;

width: 112px;

}

ul#footer-nav-5 {

float: left;

}

ul#footer-nav-6 {

margin-top: 14px;

}

ul#footer-nav-6 li {

margin-bottom: 10px;

}

ul#footer-nav-6 li a {

display: block;

height: 17px;

padding: 4px 0 0 28px;

background-repeat: no-repeat;

background-position: 0 0;

overflow: hidden;

}

ul#footer-nav-6 li a:hover {

background-position: 0 -21px;

}

ul#footer-nav-6 li#footer-fb a {

background-image: url(image/icon-footer-fb.gif);

}

ul#footer-nav-6 li#footer-twitter a {

background-image: url(image/icon-footer-twitter.gif);

}

ul#footer-nav-6 li#footer-email a {

background-image: url(image/icon-footer-email.gif);

}

ul#footer-nav-6 li#footer-rss a {

background-image: url(image/icon-footer-rss.gif);

}

/* -- copyright -- */

#footer-bottom {

margin: 10px 0 0px 0;

padding: 10px 15px;

color: #808080;

border-top: 1px solid #1a1a1a;

}

#footer-bottom p#footer-copyright {

float: right;

}

/* -- follow us styles -- */

#follow-us {

background: #000 url(image/follow_us_bg.jpg) no-repeat fixed 50% 0;

}

#follow-us #page,

#follow-us #heavygram {

background: none;

}

#follow-us #heavygram div.widget.rss {

top: 112px;

}

/* -- franchise styles -- */

#franchise {

position: relative;

padding: 0;

background: #fff url(image/bg-franchise.jpg) repeat-y 0 0;

z-index: 2;

}

#franchise #main {

float: right;

width: 760px;

}

#franchise #franchise-menu {

float: left;

width: 230px;

}

#franchise h1 {

margin-bottom: 10px;

}

#franchise #main h2 {

text-transform: uppercase;

font-weight: bold;

font-size: 19px;

line-height: 19px;

padding: 0px 65px 0px 0px;

}

#franchise div.row {

padding: 25px 65px;

}

#franchise div.row.clips {

padding-bottom: 0;

}

/* -- customizeable styles -- */

#franchise {

background-color: #fff;

}

#franchise a:link, #franchise a:visited {

color: #1a799c;

}

#franchise ol.car li a {

color: #000;

}

#franchise #main h2 {

background: #989898;

}

/* -- franchise buttons -- */

#franchise ul.franchise-buttons li {

margin: 10px 8px 0 8px;

}

#franchise ul.franchise-buttons li.featured {

background: url(image/bg-featured.html) no-repeat center bottom;

padding-bottom: 15px;

margin-bottom: 14px;

}

#franchise ul.franchise-buttons li a {

display: block;

border: 2px solid #000;

}

#franchise ul.franchise-buttons li a:hover {

border-color: #1a799c;

}

/* -- video preview -- */

#franchise div.video-preview {

float: left;

width: 360px;

position: relative;

}

#franchise div.video-preview .btn-play {

position: absolute;

top: 74px;

left: 160px;

}

#franchise div.video-preview span.watch-link {

display: block;

padding: 5px 0;

background: #000;

display: block;

color: #fff;

font-size: 19px;

line-height: 19px;

text-transform: uppercase;

text-align: center;

font-weight: bold;

}

#franchise div.video-preview a:hover {

text-decoration: none;

}

#franchise div.video-description {

margin-left: 380px;

line-height: 1.4;

}

/* -- franchise carousel -- */

#franchise ol.car {

background: none;

}

#franchise ol.car li {

margin: 0 14px 25px 0;

}

#franchise ol.car li.last {

margin: 0 0 25px 0;

}

#franchise ol.car a {

text-transform: uppercase;

}

#franchise ol.car a:hover {

color: #1a799c;

}

/* -- franchise media styles -- */

#franchise div.clips,

#franchise div.media {

padding-bottom: 0;

}

#franchise div.media ol.car img {

float: left;

margin-right: 5px;

}

#franchise div.media .buy-link {

display: block;

font-size: 9px;

text-decoration: underline;

margin-top: 10px;

}

/* -- misc. -- */

hr, .hide {

display: none;

}

a img {

border: none;

}

/* -- prev/next buttons -- */

a.btn-next {

display: block;

width: 27px;

height: 93px;

text-indent: -9999px;

background: url(image/btn-carrowr.gif) no-repeat 0 0;

overflow: auto;

}

a.btn-next:hover {

background-position: 0 -93px;

}

a.btn-prev {

display: block;

width: 27px;

height: 93px;

text-indent: -9999px;

background: url(../image/btn-carrowl.gif) no-repeat 0 0;

overflow: auto;

}

a.btn-prev:hover {

background-position: 0 -93px;

}

/* -- self-clear floats -- */

.group:after {

content: ".";

display: block;

height: 0;

clear: both;

visibility: hidden;

}

/* -- coda-slider styles -- */

/* these 2 lines specify style applied while slider is loading */

.csw { width: 100%; overflow: scroll }

.csw .loading { margin: 0 0 0 0; text-align: center }

.stripViewer { /* the viewing window */

position: relative;

overflow: hidden;

margin: auto;

width: 300px; /* also specified in .stripViewer .panelContainer .panel below */

clear: both;

}

.stripViewer .panelContainer { /* big long container used to house your end-to-end divs; width calculated and specified by the JS */

position: relative;

left: 0; top: 0;

width: 100%;

}

.stripViewer .panelContainer .panel { /* each panel is arranged end-to-end */

float: left;

height: 100%;

position: relative;

width: 300px; /* also specified in .stripViewer above */

background: url(../image/widget-middle.gif) repeat-y 0 0;

}

/* -- text link -- */

div.textlink {

margin: 10px 10px 20px 10px;

font-size: 12px;

line-height: 1.4;

}



.post-ratings {margin-left:226px;}

.content-area li{margin-bottom:5px; list-style:square}

ol.commentlist { list-style:none; margin:0; padding:0; }
ol.commentlist li { border:1px solid #d5d5d5; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; margin:0 0 10px; padding:5px 7px 5px 4px; position:relative; }
ol.commentlist li.pingback comment-author { padding:0 170px 0 0; }
ol.commentlist li div.vcard { font-weight:bold; font-size: 14px; line-height: 16px; font-family: helvetica,arial,sans-serif; }
ol.commentlist li div.vcard cite.fn { font-style:normal; font-size: 11px; }
ol.commentlist li div.vcard cite.fn a.url { color:#cc0000; text-decoration:none; }
ol.commentlist li div.vcard cite.fn a.url:hover { color:#000; }
ol.commentlist li div.vcard img.avatar { background: #fff; border:1px solid #aaa; padding: 5px;  }
ol.commentlist li div.comment-meta { font-weight:bold; font-size: 10px; line-height: 16px; font-family: helvetica,arial,sans-serif; float:right; position:relative; margin-top:-18px; }
ol.commentlist li div.comment-meta a { color:#205B87; text-decoration:none; }
ol.commentlist li p { font-weight:normal; font-size: 12px; line-height: 16px; font-family: helvetica,arial,sans-serif; margin:5px 0 12px; }
ol.commentlist li ul { font-weight:normal; font-size: 12px; line-height: 16px; font-family: helvetica,arial,sans-serif; list-style:square; margin:0 0 12px; padding:0; }
ol.commentlist li div.reply { background:#999; border:1px solid #666; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; color:#fff; font:bold 9px/1 helvetica,arial,sans-serif; padding:6px 5px 4px;  text-align:center; width:36px; }
ol.commentlist li div.reply:hover { background:#cc0000; border:1px solid #cc0000; }
ol.commentlist li div.reply a { color:#fff; text-decoration:none; text-transform:uppercase; }
ol.commentlist li ul.children { list-style:none; margin:12px 0 0; text-indent:0; }
ol.commentlist li ul.children li.depth-2 { margin:0 10px 3px; }
ol.commentlist li ul.children li.depth-3 { margin:0 10px 3px;}
ol.commentlist li ul.children li.depth-4 { margin:0 10px 3px; }
ol.commentlist li ul.children li.depth-5 { margin:0 10px 3px; }
ol.commentlist ul.children li.odd { background:#fff; }
ol.commentlist ul.children li.even { background:#f6f6f6; }
ol.commentlist li.pingback div.vcard { padding:0 170px 0 0; }