/*
	Standard font family for site
*/

body, table, tr, td, a, p, h1, h2, h3, h4, h5
{
	font-family: arial, helvetica, sans-serif;
}


/*
	Page body style
*/

body
{
	margin: 0;
	padding: 0;
 	color: #222;
 	background-color: #FFF;
/* 	background-image: url("../images/bg_grad.gif");
 	background-repeat: repeat-x;*/
}


/*
	Standard paragraph style
*/

p
{
	font-family: arial, helvetica, sans-serif;
	font-weight: normal;
	font-size: 0.8em;
	color: #222;
	margin: 0 0 5px 0;
	padding: 0 0 0 0;
}


/*
	Headings
*/

h1
{
	font-weight: bold;
	letter-spacing: -0.03em;
	font-size: 2.5em;
 	color: #fff;
 	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

h2
{
	font-weight: bold;
	letter-spacing: -0.03em;
	font-size: 1.2em;
 	color: #888;
 	margin: -5px 0 0 0;
	padding: 0 0 0 0;
}

h3
{
	font-weight: bold;
	font-size: 1.4em;
 	color: #555;
 	margin:0;
/*	width:280px;
	height:22px;*/
	background:#EEE;/*
		display:block;*/
/*	padding:2px 10px 2px 10px;*/
	border-bottom:1px solid #CCC;
}

h4
{
	font-weight: bold;
	letter-spacing: -0.03em;
	font-size: 1.5em;
 	color: #555;
 	margin: 20px 0 10px 0;
	padding: 0 0 0 0;
}

h5
{
	font-weight: bold;
	letter-spacing: -0.03em;
	font-size: 1.0em;
 	color: #888;
 	margin:0;
	padding:0;
}


/*
	Style for standard links
*/

a
{
	color: #cb9502;
 	text-decoration: none;
	font-weight: bold;
}

a:visited
{
 	color: #999999;
 	text-decoration: none;
	font-weight: bold;
}

a:hover
{
 	color: #555555;
 	text-decoration: none;
	font-weight: bold;
}

a:visited:hover
{
 	color: #cb9502;
 	text-decoration: none;
	font-weight: bold;
}


/* logo links */
h1 a
{
	color: #444;
 	text-decoration: none;
}

h1 a:visited
{
 	color: #555;
 	text-decoration: none;
}

h1 a:hover
{
 	color: #555;
 	text-decoration: none;
}

h1 a:visited:hover
{
 	color: #555;
 	text-decoration: none;
}


/* The highlight colour for the logo */

.highlight-colour
{
	color: #ffc424;
}






/* 
	BASIC LAYOUT 
*/


/* Outer Container for page */

#outer-container
{
	margin: 0 auto 0 auto;
 	padding: 0 0 0 0;
	width: 960px;
}


/* Header */

#header
{
	width: 960px;
 	height: 130px;
 	margin: 0 0 0 0;
 	padding: 0 0 0 0;
}


/* Content wrapper */

#content-container
{
	width: 960px;
	margin-top:-10px;
}







/* 
	HEADER STYLES
*/


/* logo */

#logo
{
	width: 960px;
	padding: 0;
	margin: 10px 0 10px 0;
}


/* Top navigation */

#navigation
{
	margin:-20px 0 0 -20px;
 	padding: 0 0 0 0;
 	float: right;
}






/* HOMEPAGE ONLY */

#top-promo
{
	width: 960px;
}

#top-promo-left
{
	width: 660px;
	float: left;
	padding: 0;
	margin: 0;
}

#top-promo-right
{
	width: 300px;
	height: 215px;
	float: left;
	padding: 0;
	margin: 0 0 0 0;
	background-color: #b6005f;
	/* Provides the gradient in the coloured box */
	background-image: url("../images/bg_box.gif");
 	background-repeat: repeat-x;
}

#top-promo-right p
{
	color:#FFF;
	font-size: 1.2em;
	padding: 10px;
}


#text-columns
{
	width: 960px;
	margin: 20px 0 0 0;
}

.promo {
	width:260px;
	height:120px;
	background:#EEE;
	padding:10px 20px;
}

#text-column-1, #text-column-2
{
	font-size: 1.0em;
	width: 300px;
	float: left;
	padding-right:14px;
	margin-right:14px;
	border-right:1px dotted #CCC;
}

#text-column-3
{
	font-size: 1.0em;
	width: 300px;
	float: left;
	padding: 0;
	margin: 0 0 0 0;
}

#text-column-1 p, #text-column-2 p ,#text-column-3 p {
/*	width:280px;*/
	padding:10px 0 10px 0;
/*	background:#EEE;*/
}




/* SUBPAGES ONLY */


#content-left
{
	width: 660px;
	float: left;
	padding: 0;
/*	margin-right:20px;*/
}

#content-right
{
	width: 300px;
	height: 100%;
	float: left;
	padding: 0;
	margin: 0;
}

#content-right p.big
{
	font-size: 1.2em;
	padding: 10px 10px 0 10px;
	color:#FFF;
}

#content-right p
{
	font-size: 1.0em;
	padding: 10px 10px 0 10px;
	color:#FFF;
}

#content-right p.med
{
	font-size: 0.9em;
	padding: 10px 10px 0 10px;
	color:#FFF;
}

#content-right p.quote
{
	width:280px;
	height:205px;
	display:block;
	font-size: 1.2em;
	padding: 10px 10px 0 10px;
	margin-bottom:30px;
	color:#FFF;
	background-color: #FDC223;
	background-image: url("../images/bg_box.gif");  						
	background-repeat: repeat-x;
	display:block;
}


#content-left p.big
{
	font-size: 1em;
	padding: 0;
}

#content-left p
{
	font-size: 0.8em;
	padding: 0;
	margin:10px 30px 0 0;
}

#content-left p.narrow
{
	width: 300px;
}

#content-left p.quote {
	font-family:"Times New Roman, Georgia, serif";
	font-size:1.0em;
	color:#666;
	width:230px;
	float:left;
	margin-top:15px;
	padding:10px;
	background:#EEE;
}

#content-left p.quote span {
	font-size:85%;
	display:block;
}

#content-left .leftcol {
	float:left;
	width:265px;
}

#content-left .rightcol {
	float:right;
	width:380px;
}

#content-left .rightcol p {
	margin-bottom:20px;
}

.header {
	text-transform:uppercase;
	font-size:77%;
	letter-spacing:0.4em;
	margin-bottom:3px;
	display:block;
}

.title {
	font-size:116%;
	font-weight:bold;
	display:block;
	color:#444;
}

.author {
	font-size:85%;
	color:#555555;
	display:block;
}

.desc {
	font-size:85%;
	color:#555555;
	letter-spacing:0.3em;
	display:block;
}

.details {
	font-size:85%;
	color:#555555;
	font-style:italic;
	display:block;
}

.issueList {
	margin:14px 0 0 2px;
}

.issueList p a {
	margin-left:30px;
	font-size:1.0em;
}

.issueList .link {
	margin:0;
	font-size:1.0em;
}

.issueList h5 span {
	padding-left:10px;	
}

.issueList span {
	padding-left:25px;
}

/*   LOGIN | REGISTER PAGE   */
.login {
	float:left;
	width:85%;
	background:#EEE;
	padding:20px 30px 30px 30px;
}

.loginLeft {
	float:left;
	width:50%;
}

.loginRight {
	float:right;
	width:40%;
	padding-left:40px;
	border-left:1px dotted #CCC;
}

.login li {
	margin:0 0 6px 20px;
	font-size: 0.8em;
	color: #222;
}

/*
	Footer styling
*/

#footer
{
 	height: 29px;
 	margin: 50px 0 0 0;
 	padding: 10px 0 0 0;
 	border-top: 1px solid #888;
}

#footer p
{
	font-size: 0.6em;
	color: #555;
}




/* Clearing element */

.clear
{
  position: relative; 
  clear: both; 
  height: 0; 
  line-height: 0; 
  font-size: 0;
}

/*
	Standard images
*/

img
{
	border: none;
}

.issueImg {
	margin-right:20px;
}


/*   Divider   */

.divider {
	width:95%;
	margin:10px 0 0 0;
	border-top:1px dotted #CCC;
}

/*    Form Styles   */
.orderBox {
	width:14px;
	height:12px;
	font-size:77%;
	margin-bottom:2px;
}


/*   Ad Classes   */
.ad300 {
	width:300px;
	height:250px;
/*	position:relative;
	top:50px;
	left:-10px;*/
	margin:0;
	padding:0;
}