body {margin:0;}

#pdfs a:link, #content a:link { color:#333; font-weight:bold}
#pdfs a:visited, #content a:visited { color:#333;font-weight:bold}
#pdfs a:hover, #content a:hover { color:#F00;font-weight:bold}
#pdfs a:active, #content a:active { color:#000;font-weight:bold}

#footer a:link { color:#FFF;}
#footer a:visited { color:#FFF;}
#footer a:hover { color:#FC3;}
#footer a:active { color:#F99;}
#footer a {font-weight:bold;}

.pagenav a:link, a.glow:link{ color:#333; background:#EEE;padding:2px 8px 2px 8px;border:1px #CCC solid;}
.pagenav a:visited, a.glow:visited{ color:#333; background:#EEE;padding:2px 8px 2px 8px;border:1px #CCC solid;}
.pagenav a:hover, a.glow:hover{ color:#F00;background:#FFF;padding:2px 8px 2px 8px;border:1px #333 solid;}
.pagenav a:active, a.glow:active{ color:#000; background:#CCC;padding:2px 8px 2px 8px;border:1px #CCC solid;}
.pagenav a, a.glow {text-decoration:none;}
.pagenav {font-size:10pt;}


div#content {padding: 0 30px 0 25px;font-family:"Lucida Sans Unicode","Trebuchet MS", Verdana, Arial, Helvectica;font-size:10pt;border-top:1px #999 dashed;}
div#content img {margin-top:8px;}
#content p {line-height:140%;}

#header {position:relative;padding:10px;}

h1 span, h2.title span {display:none}

#header h1 {height:83px;margin:0;}
#header h1 {margin:0;width:452px}
#header h1 a {
 display: block;
 width:452px;
 background-image: url(../gfx/whitetitle-side.png);
 background-repeat: no-repeat;
 padding-top: 83px; height: 0 !important;
 height /**/: 83px; overflow: hidden;
}

#header h2 {display:none;}
#content h2.title {height:36px;margin:5px;position:relative;right:10px;}

#header h2, #content h3, #content h2, #content h4 {background-repeat: no-repeat;}

/* #header h1#title{background-image: url("/gfx/whitetitle-side.png");}
 #header h2#subtitle{background-image: url("/gfx/subtitle-white.png");} */
#content h2#latestissue{background-image: url(../gfx/latestissue.png);}
#content h2#latestissuedl{background-image: url(../gfx/latestissuedl.png);}
#content h2#about{background-image: url(../gfx/title_about.png);}
#content h2#advertising{background-image: url(../gfx/title_advertising.png);}
#content h2#rates{background-image: url(../gfx/title_rates.png);}
#content h2#press{background-image: url(../gfx/title_press.png);}
#content h2#contact{background-image: url(../gfx/title_contact.png);}
#content h2#gallery{background-image: url(../gfx/title_gallery.png);}
#content h2#distribution{background-image: url(../gfx/title_distribution.png);}
#content h2#backissues{background-image: url(../gfx/title_backissues.png);}
#content h2#extrafeatures{background-image: url(../gfx/title_extrafeatures.png);}
#content h2#podcasts{background-image: url(../gfx/title_podcasts.png);}

#content h4#artwork{background-image: url(../gfx/title_artwork.png);height:36px;}
#content h4 {font-family:"Lucida Sans Unicode","Trebuchet MS", Verdana, Arial, Helvectica;font-size:16pt; letter-spacing:-1px;margin:14px 0 5px 0;padding:0}

#quotes {float:right;margin-top:15px;}
.quotewho1{color:#C00;font-weight:bold}
.quotewho2{color:#B5C184;font-weight:bold;font-size:8pt;}

div.gallery h4, #item h4 {font-family:"Lucida Sans Unicode","Trebuchet MS", Verdana, Arial, Helvectica;font-size:18pt; letter-spacing:-1px;margin:5px 0 5px 0;padding:0;}
div.gallery h5, #item h5 {font-family:"Lucida Sans Unicode","Trebuchet MS", Verdana, Arial, Helvectica;font-size:16pt; letter-spacing:-1px;margin:5px 0 5px 0;padding:0}

div.gallery h4, div.gallery h5 {margin:0 0 10px 0;font-weight:normal;}

#latest dt {font-size:10pt;}
#latest img.left {position:relative;bottom:0px;}
#latest dl {margin-bottom:6px;}

.articlelist {padding-bottom:10px; border-bottom:1px #CCC dashed}
.articlelist img {position:relative;bottom:5px;}
body#features h3, body#articles h3 {font-size:16pt;margin-bottom:0;padding-bottom:0}
body#features h4, body#articles h4 {font-size:12pt;margin-bottom:0;padding-bottom:0}
body#features h4.featuretitlem {font-size:14pt;margin-bottom:0;padding-bottom:0}
body#features h5, body#articles h5  {font-size:10pt}
body#features p, body#articles p {margin-top:5px;}

#adextra {background:#EEE;border:1px #CCC solid;position:relative;padding: 3px 0 7px 5px;width:175px;float:right;margin: 15px 0 20px 25px; z-index:4;}
#adextra img {border:0}
#adextra a  {outline:none;}
#adextra ul 	{
width: 155px;
height: 210px;
background: url(../gfx/nav.png) no-repeat;
margin: 0;
padding: 0;
position: relative;
background-color:#EEE;}

#adextra ul li {margin: 0 0 5px 0;padding: 0;list-style: none;
position:absolute;}

#adextra ul li, #adextra ul a	{
height: 20px;
display: block;}

#adextra ul li a {
text-indent: -9999px; 
text-decoration: none;
width: 155px;}

#content li {margin-bottom:8px;}

#nav1 {top: 5px;}
#nav2 {top: 25px;}
#nav3 {top: 45px;}
#nav4 {top: 67px;}
#nav5 {top: 87px;}
#nav6 {top: 105px;}
#nav7 {top: 125px;}
#nav8 {top: 145px;}
#nav9 {top: 165px;}
#nav10 {top: 185px;}

#nav1 a:hover {background: transparent url(../gfx/nav.png) -177px -5px no-repeat;}
#nav2 a:hover {background: transparent url(../gfx/nav.png) -177px -25px no-repeat;}

#nav8 a:hover {background: transparent url(../gfx/nav.png) -177px -145px no-repeat;}
#nav9 a:hover {background: transparent url(../gfx/nav.png) -177px -165px no-repeat;}
#nav10 a:hover {background: transparent url(../gfx/nav.png) -177px -185px no-repeat;}


/* UBERLINKS */
body#home a#homenav {background: transparent url(../gfx/nav.gif) -117px 0px no-repeat;}
body#print a#printnav {background: transparent url(../gfx/nav.gif) -117px -22px no-repeat;}
body#promotion a#promotionnav{background: transparent url(../gfx/nav.gif) -117px -44px no-repeat;}
body#fashion a#fashionnav{background: transparent url(../gfx/nav.gif) -117px -66px no-repeat;}
body#web a#webnav{background: transparent url(../gfx/nav.gif) -117px -88px no-repeat;}
body#vector a#vectornav{background: transparent url(../gfx/nav.gif) -117px -110px no-repeat;}
body#pixel a#pixelnav{background: transparent url(../gfx/nav.gif) -117px -132px no-repeat;}
body#contact a#contactnav{background: transparent url(/gfx/nav.gif) -117px -154px no-repeat;}
body#links a#linksnav{background: transparent url(../gfx/nav.gif) -117px -176px no-repeat;}


/* END NAV */



/* -- ROLLOVERS -- */
#latest ul 	{width: 340px;height: 47px;background: url(../gfx/download-roll.png) no-repeat;margin-left: 170px;padding: 0;position: relative;}
#latest ul li {margin: 0;padding: 0;list-style: none;position:absolute;}
#latest ul li, #latest ul a	{height: 47px;display: block;}
#latest ul li a {text-indent: -9999px; text-decoration: none;width: 340px;}
#latest li a:hover {background: transparent url(/gfx/download-roll.png) -0px -47px no-repeat;}

#latestissuedownload ul {width: 390px;height: 52px;background: url(../gfx/latestissue-download-roll.png) no-repeat;padding: 0;position: relative;margin:10px 0 20px 0}
#latestissuedownload ul li {margin: 0;padding: 0;list-style: none;position:absolute;}
#latestissuedownload ul li, #latestissuedownload ul a	{height: 52px;display: block;}
#latestissuedownload ul li a {text-indent: -9999px; text-decoration: none;width: 390px;}
#latestissuedownload li a:hover {background: transparent url(../gfx/latestissue-download-roll.png) -0px -57px no-repeat;}

/* -- issue and download revamp --*/

#download_latest {width:520px}
#download_latest ul {list-style:none;margin-left:165px;}
#download_latest li {font-size:10pt;margin-bottom:4px;}

ul#viewlatest {background-color:#EEE;border:1px #CCC dashed}
ul#viewlatest li {padding: 10px 0 10px 35px;}
p#inThisIssue {margin-left:220px}
.flash {background-image:url(/gfx/comp_flash.png);background-repeat: no-repeat;padding:8px 0 8px 40px;background-position: left center;}
.pdf {
	background-image:url(/gfx/comp_pdf.png);
	background-repeat: no-repeat;
	padding:8px 0 8px 40px;
	background-position: left center;
}

body#issue ul#viewlatest  {list-style:none;margin-left:165px;width:30em}
body#issue li#viewlatest {font-size:12pt;margin-bottom:4px;}



/* -- END ROLLOVERS -- */

#viewlatest {margin-bottom:15px}
#viewlatest ul {list-style:none;}
#viewlatest ul li {padding: 10px 0 10px 35px;}
#viewlatest ul li.flash {
	background-image:url(../gfx/comp_flash.png);
	background-repeat: no-repeat;
	background-position: 0px 4px;
}
#viewlatest ul li.pdf {
background-image:url(../gfx/comp_pdf.png);
	background-repeat: no-repeat;
	background-position: 0px 4px;
}

table#rates {font-family:"Lucida Sans Unicode","Trebuchet MS", Verdana, Arial, Helvectica;font-size:10pt;width:360px;}
table#rates td {text-align:left;}
table#rates th {border-bottom: 1px #666 solid;}
th {text-align:left;}

div.rate img {float:left;margin-right:20px;}
div.rate table{width:350px}
div.rate {border-bottom:1px #CCC solid;padding-bottom:15px;padding-top:15px}

#issuewrap {margin-right:250px;}
#gallerythumbs {width:700px}
#gallerythumbs img {margin:0 10px 10px 0;padding:0}

div.issuepage {width:310px;padding:5px;border:1px #CCC solid;float:left; font-size:8pt;margin: 0 6px 6px 0;}
div.issuepage div p.text {background:transparent;padding:5px;}
div.issuepage p {margin: 5px 0 5px 0;}
div.issuepage img.left {border:1px #CCC solid}

.roll img{border: 1px solid #ccc;}
.roll:hover img{border: 1px solid #333;}
.roll:hover{color: #333;border: 0px ;} /* Dummy definition to overcome IE bug */

div.gallery {width:680px;padding:5px;border:1px #CCC solid;margin: 0 6px 6px 0;}
div.gallery p.text{padding:5px; font-size:8pt;}
div.gallery p {margin: 5px 0 5px 0;}
div.gallery div {margin-left:190px;}

div#item div#itemdetails {background-color:#CCC;border-top:1px #333 dashed;border-bottom:1px #333 dashed;padding:0 20px 0 20px;}
div#item div#itemdetails p {margin:5px 0 5px 0}

div.pagenav {margin:5px 0 5px 0;}

div.episode{border-bottom:1px #CCC dashed;padding-bottom:10px;}
body#podcasts h3 span.normal {font-weight:normal;font-size:8pt;color:#666}
div.episode h3, div.episode p {margin-left:175px}

#subscribe-options h3 {font-size:10pt;font-weight:normal;margin-bottom:5px}
#subscribe-options img {border:0}
#subscribe-options {width:160px;float:right;margin:15px 5px 15px 15px;font-size:8pt;}
#subscribe-options p {line-height:150%}

#footer {margin-top:20px;background:#333;padding:20px 0 50px 20px;font-family:"Lucida Sans Unicode","Trebuchet MS", Verdana, Arial, Helvectica; color:#FFF;font-size:10pt;clear:both;}
#footer img {border:0}

/* -------------------------------- */
.fade img{filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);-moz-opacity: 1;}
.fade:hover img{filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);-moz-opacity: 0.80;}
.fade img {border:0}
/* -------------------------------- */
.left {float:left}
.right {float:right}
.note {font-size:8pt;}
.red {color:#F00;}
.grey {color:#999;}
.big {font-size:12pt;}
.clear{clear:left}
h2.big {font-size:24pt;margin:4px;}
.icon {position:relative;top:2px;}
img.icon {border:0}
img.dash{border-top:1px #999 dashed;border-bottom:1px #999 dashed;border-right:0;border-left:0}
label {font-family:"Lucida Sans Unicode","Trebuchet MS", Verdana, Arial, Helvectica;font-size:10pt;font-weight:bold;}
.box {border: 1px #CCC solid;padding:3px; background:#EEE;margin-bottom:6px;}
.button {color:#FFF;background: #333; border:1px #333 solid;padding:3px;font-weight:bold;}


img.left, img.right{margin:10px;}
.greybg {background-color:#EEE;}
pre {margin-top:5px;margin-bottom:5px;padding:5px;border-bottom:1px #CCC solid;width:490px;}


/* Link icons */
.pdf, .image, .eps, .psd, .zip, .mp3, .flickr, .podcast, .itunes{
list-style:none;
background-repeat: no-repeat;
background-position: left center;
padding-left:20px;
}

.itunes {background-image: url(../gfx/itunes_icon.gif);}
.mp3 {background-image: url(../gfx/download-music-green.gif);}
.podcast{background-image: url(../gfx/rss_podcast.png);}
.rss{background-image: url(../gfx/rss.png);}