body {
	margin:0;
	color:#333;
	text-align:center;
	background-image: url(/gfx/backfade.gif);
	background-repeat: no-repeat;
	background-position: center 108px;
	font-family:"Tahoma", Verdana, Arial, Helvetica, sans-serif;
	font-size:10pt;
}

a img{border: 1px solid #CCC;padding:2px;margin:3px}
a:hover img{border: 1px solid #333;padding:2px;}
a:hover{color: #333;border: 0px ;} /* Dummy definition to overcome IE bug */

a:link { color:#300;}
a:visited { color:#300;}
a:hover { color:#903;}
a:active { color:#603;}

h1, h2, h3, h4, h5, h6 {font-family:Georgia, "Times New Roman", Times, serif;color:#300}
h2 span, h3 span {color:#900}

#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;}

#wrapper {text-align:left;}
#subwrapper {width:935px;margin-left:auto;margin-right:auto;text-align:left;border-left:1px #666 solid;border-right:1px #666 solid;background-color:#FFF}

#col1 {float:left;width:160px;border-right:1px #CCC solid;padding-right:20px;padding-top:20px;margin-right:20px}
body#articles #col1 h5 {font-size:14pt}

#col2 {float:left;width:505px;border-right:1px #CCC solid;padding-right:20px;padding-top:20px;margin-right:5px;margin-bottom:20px}
body#magazine #col1 h2 {font-size:8pt;margin-bottom:4px;}
body#magazine #col2 h3 {font-size:16pt;margin:4px;}
body#magazine #col2 h4 {font-size:16pt;margin:4px;}

body#articles #col2 h2 {font-size:18pt;margin:4px;}
body#articles #col2 h3 {font-size:16pt;margin:12px;color:#333}

ul#compList li {margin-bottom:15px}

#col3 {float:left;padding-top:20px;padding-left:0px;width:160px;}

#col3 h4 {font-size:10pt;margin-bottom:5px;}

/* -- Homepage cols -- */
body#magazine #col1 {float:left;width:180px;border-right:1px #CCC solid;padding-right:20px;margin-right:20px}
body#magazine #col2 {float:left;width:260px;border-right:1px #CCC solid;padding-right:20px;margin-right:20px}
body#magazine #col3 {float:left;width:325px}

body#magazine #col3 {margin-bottom:10px}
body#magazine #col3 h4 {font-size:14pt;margin-bottom:5px;padding-bottom:6px;border-bottom:1px #CCC dashed;}
body#magazine #col3 h5 {font-size:14pt;margin-bottom:8px;margin-top:4px;}


/* Homepage stuff */
#hello {border-top:1px #CCC solid}
#hello p {font-size:8pt;margin:5px}
#team ul {list-style:none;margin-left:0;padding-left:0}
#team ul li {font-size:7pt;margin-bottom:5px}
h3#subtitle {font-size:8pt}
#features h3 {color:#903}
#features h4 {margin-bottom:2px;border-top:1px #CCC dashed;padding-top:8px}
#features p {margin:0 0 5px 0;font-size:10pt}

#recent-posts {border-bottom:1px #CCC dashed}

/*-- Categories nav --
ul#categories {list-style:none;margin-left:0;padding-left:0}
ul#categories li {margin-bottom:5px;padding-bottom:5px;border-bottom:1px #CCC solid}
*/
div.pagenav a:link, a.glow:link{ color:#333; background:#EEE;padding:2px 8px 2px 8px;border:1px #CCC solid;}
div.pagenav a:visited, a.glow:visited{ color:#333; background:#EEE;padding:2px 8px 2px 8px;border:1px #CCC solid;}
div.pagenav a:hover, a.glow:hover{ color:#EEE;background:#333;padding:2px 8px 2px 8px;border:1px #B3997C solid;}
div.pagenav a:active, a.glow:active{ color:#333; background:#CCC;padding:2px 8px 2px 8px;border:1px #CCC solid;}

div.pagenav a, a.glow {text-decoration:none;}
div.pagenav {font-size:10pt;}
div.pagenav strong.pagenow {padding:2px 8px 2px 8px}

#quotes {}
.scroll {}

div#content {padding:0 20px 0 20px;background-color:#FFF}
div#content img {margin-top:8px;}
#content p {line-height:140%;}

#header {
	background-color:#c02550;	
	border-bottom:8px #9d2c4e solid;
	background-image: url(/gfx/header_bg.png);
	background-repeat: repeat-x;
	padding:8px;
}
#header div {width:920px;margin-left:auto;margin-right:auto;}
#header h2 {display:none}

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


/* the 2nd stage front page stuff */



p#inThisIssue {margin-left:220px}

a.flash {
	background-image:url(/gfx/comp_flash.png);
	background-repeat: no-repeat;
padding:8px 0 8px 40px;
}
a.pdf {
background-image:url(/gfx/comp_pdf.png);
	background-repeat: no-repeat;
padding:8px 0 8px 40px;
}

/* Tab nav stuff */
/* --------------------------------------------------- */
#nav {
  float:left;
  width:100%;
 background:#FFF url("/gfx/nav_bg.png") repeat-x bottom;
  font-size:10pt;
font-family:"Lucida Sans Unicode","Trebuchet MS", Verdana, Arial, Helvectica;
  line-height:normal;
  }
#nav ul {
  margin:0;
  padding:10px 10px 0;
  list-style:none;
  }
#nav li {
  float:left;
  background:url("/gfx/nav_norm_left2.gif") no-repeat left top;
  margin:0;
  padding:0 0 0 9px;
  }
#nav a {
  float:left;
  display:block;
  background:url("/gfx/nav_norm_right2.gif") no-repeat right top;
  padding:5px 15px 4px 6px;
  text-decoration:none;
  font-weight:bold;
  color:#333;
  }
/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#nav a {float:none;}
/* End IE5-Mac hack */
#nav a:hover {
color:#903;
}

body#magazine #nav #magnav,
body#magazine-backissues #nav #magnav,
body#articles #nav #articlesnav,
body#competitions #nav #compnav,
body#about #nav #aboutnav,
body#rates #nav #ratesnav,
body#backissues #nav #backissuesnav,
body#distribution #nav #distributionnav,
body#contact #nav #contactnav
{background-image:url("/gfx/nav_norm_left_on.gif");}
  
body#magazine #nav #magnav a,
body#magazine-backissues #nav #magnav a,
body#articles #nav #articlesnav a,
body#competitions #nav #compnav a,
body#directory #nav #directorynav a,
body#about #nav #aboutnav a,
body#rates #nav #ratesnav a,
body#backissues #nav #backissuesnav a,
body#distribution #nav #distributionnav a,
body#contact #nav #contactnav a
{
background-image:url("/gfx/nav_norm_right_on2.gif");
color:#333;
padding-bottom:5px;
}
/* cat nav */
ul#categories {list-style:none;padding-left:0;margin:0 0 25px 0;}
#categories li {font-size:10pt}
#categories li a
{
display: block;
padding: 5px 5px 5px 0.5em;
border-bottom: 1px solid #CCC;
background-color: #EEE;
text-decoration: none;
width: 90%;
outline:none;
}

html>body #categories li a {width: auto;}

#categories li a:hover
{
background-color: #CCC;
color: #333;
}
/* --------------------------------------------------- */

/* -- END ROLLOVERS -- */

ul.viewlatest {background-color:#EEE;border:1px #CCC dashed;list-style:none;margin-left:0;padding-left:0}
ul.viewlatest li {padding: 10px 0 10px 10px;margin-left:0;font-size:11pt;line-height:150%}
ul.viewlatest li img {border:0}

ul.viewlatest {background-color:#EEE;border:1px #CCC dashed;list-style:none;margin-left:0;padding-left:0}

ul#viewlatest li img {border:0}


#quotes {border:1px #CCC solid;padding:5px;background:#EEE;margin: 0 0 10px 0;width:110px;font-size:8pt}
#quotes p.note{color:#8C6E4C;text-align:right;}

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

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

#issuewrap {}

div.issuepage {width:210px;padding:5px;border:1px #CCC solid;float:left; font-size:8pt;margin: 0 20px 20px 0;}
div.issuepage div p.text {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.pagenav {margin:5px 0 5px 0;}

#search-tips {font-size:8pt;}
#searchtips p {margin: 3px 0 3px 0}

#CRcomp {width:520px;background-color:#6C8FC8;padding-bottom: 385px; background-image:url(/comp/villa.jpg); background-position:bottom;color:#FFF; background-repeat:no-repeat;}
#CRcomp a {color:#FFF}
#CRcomp p, #CRcomp h3 {padding:0 10px 0 10px}
#CRcomp p#Q {font-weight:bold;font-size:14pt;border-top:1px #FFF dashed;border-bottom:1px #FFF dashed;padding:15px}

#front_ad {padding-top:10px;border-top:1px #CCC dashed}

#footer {
margin-top:10px;
color:#FFF;font-size:10pt;
background-color:#333;
	border-top:3px #666 solid;
	background-image: url(/gfx/title_fade.gif);
	background-repeat: repeat-x;
	clear:both;
	width: 100%;
	}
#footer img {border:0}
#footerSubWrapper{
padding:20px;
}
/* -------------------------------- */
.call {
	padding-left:20px;
	border-top:1px #CCC dashed;
	border-bottom:1px #CCC dashed;
	font-size:14pt;
	background-image: url(/gfx/cellphone.png);
	background-repeat: no-repeat;
	background-position: left center;
}

.newsfeed {padding-left:20px;list-style:none;
background-repeat: no-repeat;
background-position: left center;
}

/*-- Search */


/* -- icons */
.icon {
list-style:none;
background-repeat: no-repeat;
background-position: left center;
padding:6px 5px 6px 20px;
}

.pdfSmall{background-image: url(/gfx/pdf_icon.gif);}
.rss{background-image: url(/gfx/rss.png);}
.map{background-image: url(/gfx/map.png);}

form#searchform {padding:8px 0 8px 0;margin:8px 0 8px 0;border-top:1px #CCC dashed;border-bottom:1px #CCC dashed}

.articleRSS, .articleRSS a:hover {background-image: url(/gfx/rss.png);}

a.rss {text-decoration:none}

.left {float:left}
.right {float:right}
.note {font-size:7pt;}
.red {color:#F00;}
.purple{color:#96592C}
.light{color:#8C6E4C}
.grey {color:#999;}
.big {font-size:12pt;}
h3.big {font-size:24pt;}
.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: #666; border:1px #333 solid;padding:3px;font-weight:bold;}

.clear{clear:both}

img.left, img.right{margin:10px;}
.greybg {background-color:#EEE;}