/* @override http://local.gamepromedia.com/lib/css/global.css */

/* Global CSS for GamePro Media */

/* @group Resets */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}
em {
font-style: italic;
}
strong {
font-weight: bold;
}
:focus {
outline: 0;
}
body {
line-height: 1.5;
color: black;
background: white;
}
ol, ul {
list-style: none;
}
table {
border-collapse: separate;
border-spacing: 0;
}
caption, th, td {
text-align: left;
font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
}

/* @end */


/* @group globals/header */
body {
font-family: helvetica,arial,sans-serif;
font-size: 72%;	
color: #333;
}

body.homepage {
background-image: url(/lib/img/gpmedia-ui-frontdoor.gif);
background-repeat: repeat-x;
background-position: 0 75px;
}

body.detail {
background-image: url(/lib/img/gpmedia-ui-global-bg.gif);
background-repeat: repeat-x;
background-position: 0 75px;
}

a {
color: #d51414;
text-decoration: none;	
}
div#wrapper {
width: 980px;
margin: 0 auto;	
}
div#header {
position: relative;	
height: 75px;
}
div#header .logo {
display: block;
width: 350px;
height: 65px;
background-image: url(/lib/img/gpmedia-ui-elements.gif);
background-position: 0 20px;
text-indent: -999em;	
}
div#header .logo a {
display: block;
width: 350px;
height: 65px;
}
div#header .media-kit {
position: absolute;
right: 0;
top: 20px;
display: block;
width: 170px;
height: 26px;
background-image: url(/lib/img/gpmedia-ui-elements.gif);
background-position: 0 -182px;
text-indent: -999em;	
}
div#header .media-kit:hover {
background-position: 0 -208px;
}
div#header .media-kit:active {
background-position: 0 -234px;
}

/* @end */

/* @group navigation */

div#mast-nav {
position: relative;
height: 37px;	
z-index: 999;
}
div#mast-nav ul {
position: relative;
clear: both;	
}
div#mast-nav ul li {
display: block;
float: left;
position: relative;
margin: 0 10px 0 0;	
}
div#mast-nav ul li a {
text-decoration: none;
display: block;
padding: 10px 15px 9px 0;
}
div#mast-nav ul li.more {
margin: 0 15px 0 0;	
}
div#mast-nav ul li.more a {
background-image: url(/lib/img/ui-nav-arrow.gif);
background-repeat: no-repeat;
background-position: right -8px;
}
div#mast-nav ul li:hover a,
div#mast-nav ul li.more:active a {
color: #a90d0d;
}
div#mast-nav ul li.more:hover a,
div#mast-nav ul li.more:active a {
background-position: right 16px;
}
div#mast-nav ul li.more:hover ul a,
div#mast-nav ul li.more:active ul a {
color: #333;
}
div#mast-nav ul li ul {
left: -999em;
position: absolute;
background: url(/lib/img/gpmedia-drop-bg.png) no-repeat center bottom;
width: 160px;
height: 177px;
margin-left: -10px;
padding: 10px 0 20px;
}
div#mast-nav ul li ul.short {
background: url(/lib/img/gpmedia-drop-bg-short.png) no-repeat center bottom;
height: 103px;
}
div#mast-nav ul li ul.custom-pub {
background: url(/lib/img/gpmedia-drop-big-bg.png) no-repeat center bottom;
width: 526px;
height: 133px;
margin-left: -10px;
padding: 0 0 20px;
}
div#mast-nav ul li.more:hover ul,
div#mast-nav ul li.over ul {
left: auto;
}
div#mast-nav ul li ul li {
float: none;
padding: 0 15px;
}
div#mast-nav ul li ul li a {
padding: 5px 10px;
width: 110px;
border-bottom: 1px solid #d4d4d4;
}
div#mast-nav ul li.more ul li a {
background: none;
}
div#mast-nav ul li.more:hover ul a:hover,
div#mast-nav ul li.more:active ul a:hover {
color: #a90d0d;
}
div#mast-nav ul li ul.custom-pub li ul {
background: none;
position: relative;
margin-left: 0;
padding: 0;
top: 10px;
width: inherit;
}
div#mast-nav ul li ul.custom-pub li {
position: absolute;	
top: 10px;
}
div#mast-nav ul li ul.custom-pub li a {
width: inherit;
padding: 0;
border-bottom: none;
}
div#mast-nav ul li ul.custom-pub li ul li a {
width: 85px;
padding: 3px 5px;
border-bottom: 1px solid #d4d4d4;
}
div#mast-nav ul li ul.custom-pub li a.top-link {
position: absolute;
left: 0;
top: 0;
width: 140px;
color: #929292;
font-weight: bold;
border-bottom: none;
}
div#mast-nav ul li ul.custom-pub li.seven-eleven {
left: 20px;	
padding: 0 0 0 85px;
width: 105px;
height: 120px;
border-right: 1px solid #d4d4d4;
}
div#mast-nav ul li ul.custom-pub li.seven-eleven img,
div#mast-nav ul li ul.custom-pub li.show-daily img,
div#mast-nav ul li ul.custom-pub li.brady img {
position: absolute;
left: 0;
top: 20px;
border: 1px solid #ddd;
}
div#mast-nav ul li ul.custom-pub li.brady img {
border: none;
}
div#mast-nav ul li ul.custom-pub li.brady {
left: 425px;
padding: 0 0 0 85px;
border-right: 1px solid #d4d4d4;
}
div#mast-nav ul li ul.custom-pub li.show-daily {
left: 225px;	
padding: 0 0 0 85px;
width: 105px;
height: 120px;
border-right: 1px solid #d4d4d4;
}
div#mast-nav ul li ul.custom-pub li ul li {
position: relative;
padding: 0;
}
div#mast-nav ul li ul.custom-pub li ul li.last a {
border-bottom: none;
}
div#mast-nav ul li.facebook {
position: absolute;
right: 70px;
top: 10px;
float: none;
padding: 0;
width: 65px;
height: 25px;
background-image: url(/lib/img/gpmedia-ui-elements.gif);
background-position: -9px -138px;
text-indent: -999em;	
}
div#mast-nav ul li.twitter {
position: absolute;
right: 0;
top: 10px;
float: none;
padding: 0;
width: 60px;
height: 20px;
background-image: url(/lib/img/gpmedia-ui-elements.gif);
background-position: -81px -138px;
text-indent: -999em;	
}
div#mast-nav ul li.facebook a {
display: block;
width: 65px;
height: 25px;
padding: 0;
}
div#mast-nav ul li.twitter a {
display: block;
width: 60px;
height: 20px;
padding: 0;
}

/* @end */

/* @group front door art */

div#art {
height: 287px;
display: block;
margin: 0 0 20px;	
}

/* @end */

/* @group content */

div#content {
position: relative;	
overflow: hidden;
margin: 0 0 10px;
font-size: 12px;
}
div.cont-left {
float: left;	
width: 640px;
margin: 0 20px 0 0;
}
div.cont-right {
float: left;
width: 320px;	
}
div.cont-right ul.showcase li {
position: relative;
height: 40px;
overflow: none;
margin-bottom:15px;
line-height:40px;
}
div.cont-right ul.showcase li a {
display: block;
text-decoration: none;	
}
div.cont-right ul.showcase li a img {
position: absolute;
left: 0;
top: 0;	
width: 95px;
height: 45px;
border: 1px solid #ddd;
}
div.cont-right ul.showcase li a span {
margin: 0 0 0 115px;
text-decoration: none;
}
div.cont-right ul.showcase li a:hover span {
text-decoration: underline;
}
span.labs-link {
display: block;
text-align: center;	
}
span.labs-link a {
display: block;
margin: 0 0 10px;
}
span.labs-link a:hover {
text-decoration: underline;	
}
/* @end */

/* @group Article */

body.detail div#content {
margin: 30px 0 0 0;	
}
div#content h2 {
font-size: 1.7em;
font-family: helvetica, arial, sans-serif;
color: #999;
line-height: 1.4em;
margin: 0 0 20px;
border-bottom: 2px solid #ddd;	
}
div#content h2 a {
color: #aaa;
}
div#content h2 a:hover {
text-decoration: underline;
}
div#content h4 {
font-size: 1.3em;
font-family: helvetica, arial, sans-serif;
color: #999;
line-height: 1.4em;
margin: 0 0 10px;
}
div#content h5 {
font-size: 1.3em;
font-family: helvetica, arial, sans-serif;
color: #D51414;
line-height: 1.4em;
margin: 0 0 10px;
}
div#content h6 {
font-size: 1.4em;
font-family: helvetica, arial, sans-serif;
color: #999;
line-height: 1.4em;
margin: 0 0 20px;
border-bottom: 2px solid #ddd;	
}

div#content h2 span {
font-size: .6em;
color: #aaa;
text-transform: uppercase;
}
div#content h2 span.sub {
font-size: .5em;
}
div#content p {
margin: 0 0 20px;	
}
div#content .highlite {
color: #D51414;
}
div#content ul.side-stat,
div#content div.cont-left ul {
padding: 0 0 0 15px;	
margin: 0 0 20px;
}
div#content div.cont-left ul.side-stat {
width: 200px;
float: left;
margin: 0 20px 0 0;	
}
div#content ul.side-stat li,
div#content div.cont-left ul li {
list-style-position: outside;
list-style-image: url(/lib/img/list-item.png);	
margin: 0 0 10px;
}
div#content ul.side-stat li a:hover {
text-decoration: underline;	
}
div#content ul.side-stat li span {
font-size: .8em;
color: #999;
}
div#content div.cont-left ul.logos {
margin: 0;
padding: 0;
overflow: hidden;	
}
div#content div.cont-left ul.logos li {
margin: 0;
list-style-image: none;
float: left;
display: block;
width: 150px;
height: 50px;
background: #fff;
line-height:50px;
}
div#content div.cont-left ul.logos li a {
line-height:50px;
width:100%;
height:50px;
display:block;
position:relative;
}
div#content div.cont-left ul.logos li img {
display: block;
margin: auto;
position: absolute;
top: 0;
bottom: 0;
left:0;
right:0;
}
div#content div.left {
float: left;
width: 200px;
margin: 0 20px 0 0;
}
div#content div.left-med {
float: left;	
}
div#content div.left-med.rates {
float: left;
width: 400px;
margin: 0 20px 0 0;
}
div#content div.left.mag,
div#content div.left-med.mag {
width: 300px;
float: left;	
}
div#content p strong {
color: #D51414;
}

div#content div.submit-info {
clear: both;
padding: 10px;
background: #eee;
border: 1px solid #d4d4d4;	
margin: 0 0 20px;
}
div#content div.submit-info h3 {
text-transform: uppercase;
font-size: 1.2em;
font-weight: bold;
margin: 0 0 5px;
}
div#content div.submit-info strong {
color: #D51414;
}
div#content table {
border: 2px solid #d4d4d4;
margin: 0 0 20px 0;	
}
th, td {
padding: 5px;	
}
div#content table.small {
width: 200px;
}
div#content table.med {
width: 400px;
}
div#content table#mag-audience.small {
width: 300px;
}
div#content table#mag-audience.med {
width: 300px;
}

div#content table.small th,
div#content table.small td,
div#content table.med th,
div#content table.med td {
text-align: left;
border-right: 1px solid #e5e5e5;
}
div#content table.large {
width: 100%;
}
div#content table.large th, 
div#content table.large td,
div#content table#mag-rates.med th, 
div#content table#mag-rates.med td {
width: 10%;
text-align: center;	
border-right: 1px solid #e5e5e5;
}
div#content table tr > th:last-child,
div#content table tr > td:last-child {
border-right: none;
}
div#content table.large th.type, 
div#content table.large td.type,
div#content table#mag-rates.med th.type , 
div#content table#mag-rates.med td.type  {
width: 30%;
text-align: left;	
}
col {
border-right: 1px solid #e5e5e5;	
}
thead th, td.cat {
border-bottom: 1px solid #d4d4d4;
font-weight: bold;
color: #D51414;
background: #eee;		
}
th.blank,
td.blank {
text-indent: -999em;	
}
td.cat {
border-top: 1px solid #d4d4d4;
}
tr.break td {
border-bottom: 1px solid #e5e5e5;
}
td.number {
width: 10%;	
}
/*td span.yes {
text-indent: -999em;
background: url(/lib/img/check.png) no-repeat center center;
display: block;
}*/
/* ONLINE MEDIA NETWORK */
div.cont-right h3 {
font-size: 1.4em;
font-family: helvetica, arial, sans-serif;
color: #999;
line-height: 1.9em;
margin: 0 0 20px;
border-bottom: 2px solid #ddd;	
}
div.cont-right ul.logos li{
float: left;
width: 160px;
height: 40px;
}
div.cont-right .sales-team {
clear: right;	
width: 200px;
float: right;
}
div.cont-right ul.sub-nav {
background: #eee;
width: 200px;
float: right;
margin: 0 0 20px;	
}
div.cont-right ul.sub-nav li a {
display: block;
padding: 2px 20px;
margin: 5px 0;
width: 160px;
}
div.cont-right ul.sub-nav li a:hover {
text-decoration: underline;
}
div.cont-right ul.sub-nav li.active a {
display: block;
padding: 6px 20px 6px 40px;
margin: 5px 0 5px -20px;
background: url(/lib/img/gpmedia-ui-sidenav-active.png) no-repeat left center;
color: #fff;
width: 160px;
}
div.cont-right ul.sub-nav li.active a:hover {
text-decoration: none;
}
div.cont-right img.solo {
margin: 35px 0 20px 0;	
}
h3.ad-type {
clear: both;
font-size: 1.2em;
font-weight: 600;
color: #D51414;
margin: 0 0 20px;	
border-bottom: 2px solid #eee;
line-height: 1.2em;
}
div#content div.cont-left ul.gallery {
float: left;
clear: both;	
margin: 0 0 20px;
}
div#content div.cont-left ul.gallery li {
float: left;
width: 75px;	
margin: 0 20px 0 0;
list-style-image: none;
}
div#content div.cont-left ul.gallery li img {
width: 75px;
}
div#content div.cont-left ul.gallery li a {
display: block;
}
div#content div.cont-left ul.gallery li a span {
display: block;
text-align: center;
font-size: .8em;
}
div#content div.cont-left ul.gallery li a:hover span {
text-decoration: underline;	
}
/* Press Releases */
div#content div.cont-left ul.press {
padding: 0;	
}
div#content div.cont-left ul.press li {
list-style-image: none;	
position: relative;
}
div#content div.cont-left ul.press li a {
color: #333;
border-bottom: 1px solid #d4d4d4;
display: block;
padding: 10px 10px 30px;
width: 620px;
}
div#content div.cont-left ul.press li a:hover {
border-bottom: 1px solid #ccc;
color: #000;
}
div#content div.cont-left ul.press li a span.read-more {
display: none;
position: absolute;
right: 10px;
bottom: 15px;
font-size: .8em;
background: url(/lib/img/ui-hover-more.gif) repeat-x left bottom;
border: 1px solid #d4d4d4;
height: 12px;
padding: 2px 10px;
color: #D51414;
}
div#content div.cont-left ul.press li a:hover span.read-more {
display: block;
}
div#content div.cont-left ul.press li a:hover span.read-more:hover {
border-color: #bfbfbf;
color: #be0d0d;
}
div#content div.cont-left ul.press li:last-child a {
border-bottom: none;
}
div#content div.cont-left ul.press li a h2 {
border-bottom: none;
color: #D51414;
font-size: 1.2em;
font-weight: bold;
margin: 0 0 5px;
text-decoration: underline;
}
div#content div.cont-left ul.press li p {
margin: 0;	
}
div#content div.cont-left ul.press li p.details {
margin: 0 0 10px;	
}
div#content div.cont-left ul.press li p.details span {
color: #999;
font-size: .9em;
}
/* @end press releases */

/* Exec Page */
div#content div.cont-left ul.exec-list {
position: relative;
border-bottom: 1px dotted #ddd;	
font-size: 11px;
display: block;
padding: 0;
min-height: 160px;
}

div#content div.cont-left ul.exec-list li {
list-style: none;
display: block;
margin: 0;
padding: 0;
}

div#content div.cont-left ul.exec-list.single,
div#content div.cont-left ul.exec-list.all {
padding: 0;
font-family: georgia, serif;
border-bottom: none;
}
div#content div.cont-left ul.exec-list.all {
border-bottom: 1px dotted #ddd;	
}
div#content div.cont-left ul.exec-list.single img {
max-width: 630px;
display: block;
margin: 0 0 10px;	
}
div#content div.cont-left ul.exec-list li.avatar {
width: 140px;
position: absolute;
left: 0;
top: 0;
border-right: 1px dotted #ddd;
padding: 0 10px 0 0;

}

div#content div.cont-left ul.exec-list li.avatar img {
width: 140px;
}

div#content div.cont-left ul.exec-list li.name,
div#content div.cont-left ul.exec-list li.title,
div#content div.cont-left ul.exec-list li.desc{
width: 475px;
margin: 0 0 0 160px;
}


div#content div.cont-left ul.exec-list li.name,
div#content div.cont-left ul.exec-list li.title {
font-family: "skolar-1","skolar-2",Georgia,"Times New Roman","Times Roman",serif;


}

div#content div.cont-left ul.exec-list li.name{
color: #D51414;
font-weight: 200;
font-size: 18px;
}



div#content div.cont-left ul.exec-list li.title{
color: #DA3333;
font-size: 16px;
}


div#content div.cont-left p.blurb {
font-family: georgia, serif;	
}
/* end exec-list */

/* @group footer */

div#footer {
border-top: 1px solid #ddd;
padding: 10px 0 0 0;
margin: 0 0 20px;
}
div#footer a:hover {
text-decoration: underline;
}
div#footer ul {
position: relative;	
}
div#footer li {
display: inline;
margin: 0 20px 0 0;	
}
div#footer li.right {
position: absolute;
right: 0;
top: 0;
margin: 0;
}
/* @end */
