/*************** HTML tag styles *****************/
html {height:100%; margin-bottom: 1px;}

body{
	background-image:url(images/skin.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	z-index:0;
	font-family:Verdana,Arial,sans-serif;
	font-size:13px;
	line-height:1.166;
	margin:0px;
	padding:0px;
	color:#000000;
	background-color:#ccc;
}

a:link, a:visited, a:active {text-decoration: none; color:#000000;}
a:hover {text-decoration: underline; color:#000000;}

a.high:link, a.high:visited, a.high:active {line-height:2em;}

a.bold:link, a.bold:visited, a.bold:active {font-weight:bold;}

a.block:link, a.block:visited, a.block:active {padding:5px; color:#fff; font-weight:bold;}

h1, h2, h3, h4, h5, h6 {font-weight:bold; text-align:left; margin:0em; padding: 0em;}
h1 {font-size:3em; letter-spacing:-2px;}
h2 {font-size:2.5em;}
h3 {font-size:2em; letter-spacing:-1px;}
h4 {font-size:1.5em;}
h5 {font-size:1.1em;}
h6 {font-weight:normal; font-size:1em; text-align:center;}

.error {font-weight:bold; color:#C00; font-family:Verdana,Arial,sans-serif;}

img {border:0;}

table {font-size:1em;}

hr {border:0; background-color:#c00; color:#c00;}

#boxLink {margin-top:10px; height:30px; display:inline;}
#boxLink a {margin:5px 5px 5px 0; font-size:10px; font-weight:bold; padding:5px; color:#fff;}

/*************** Layout Divs **************/
#master {
	width:67em;
	margin-bottom:0;
	padding-bottom:2em;
	position:relative;
	background-color:transparent;
}

#header {
	width:67em;
	height:12em;
	background-color:transparent;
}

.headerlink {
	float:left;
	width:41em;
	height:10.6em;
	cursor:pointer;
}

* html .headerlink {height:11em;} /* for Internet Explorer */

#navbar {
	float:left;
	width:67em;
	height:1.8em;
	font-size:1em;
	padding:0.3em 0 0;
}

.navbar {
	color:#fff;
	text-align:center;
}

a.nav, a.nav:visited, a.nav:active, a.nav:hover {font-weight:bold; font-size:0.9em; color:#fff; text-decoration:none;}

a.nav:hover {text-decoration:underline;}

a.bold, a.bold:visited, a.bold:active, a.bold:hover {font-weight:bold;}

#accountbar {z-index:6; width:67em; height:auto; padding:0.5em 0 0.5em 0; margin:0em 0 0.4em 0;}
.accountbar {color:#ffffff;}

#mainbody  {
	background-color:#fff;
	width:67em;
	padding:0 0 1em 0;
	text-align:left;
	margin-bottom:0;
}

#mainbody:after {content: "."; display:block; height:0; clear:both; visibility:hidden;}


#footer 		{
	background-color:#fff;
	width:67em;
	padding:0 0 0 0;
	color:#999;
}
#footer a, #footer p {
	margin:0;
	color:#999;
	font-size:0.8em;
}


#no_box 		{border-bottom:0.7em solid #000; text-align:left;}
#no_box img 	{margin:0; padding:0; float:none;}
.banner 		{padding-top:0.4em; text-align:center;}

#topadvert 		{
	text-align:center;
	margin:0 0 0 0;
	width:49em;
}

#topadvert img	{padding:0 0 0 0; border:1px solid #000;}

#mainarea {
	width:49em;
	float:right;
	padding:0 0.8em 1em 0.8em;
}

#leftside {
	margin-left:0.4em;
	position:relative;
	float:left;
	width:15.5em;
}

* html #navbar {top:0em;}							/* for Internet Explorer */
* html #right_account {width:67em;}					/* for Internet Explorer */
* html #mainarea {width:51em;}						/* for Internet Explorer */
* html #topadvert img {margin-top:2em;}				/* for Internet Explorer */

/*************** .indexart styles ***************/
.indexart {padding:0 0.4em 0.4em 0.4em; width:38em; min-height:8.5em; font-size: 13px; text-align:left;}
.indexart img {padding-top:5px;}

/*********************** Default Form ***********************/
form.default {width:48em; border:0px solid #000; margin:0;}
form.default fieldset {width:48em; display:block; border:1px solid #c00; padding:5px; font-family:verdana, sans-serif; margin-bottom:0.5em; line-height:1.5em;}
form.default legend {font-weight:bold; color:#000;}
form.default label {clear:left; display:block; float:left; width:21em; text-align:right; padding-right:0.8em; color:#000; font-weight:bold; margin-bottom:0.5em;}
form.widelabel label {width:22em;}
form.default input {border:1px solid #cccccc; padding-left:0.2em; margin-bottom:0.6em;}
form.default #button, form.horizontal #button, form.comment #button {border:1px solid #000; margin:0 5px 0 0; font-size:10px; padding:2px; cursor:pointer; font-weight:bold;}
form.default select {margin-bottom:0.5em;}

form.narrow {width:40em; border:0px solid #000; margin:0;}
form.narrow fieldset {width:40em; display:block; border:1px solid #000; padding:5px; font-family:verdana, sans-serif; margin-bottom:0.5em; line-height:1.5em;}

form.narrowLabel {margin-top:5px; text-align:left;}
form.narrowLabel label {width:100px;}
form.narrowLabel textarea {width:450px;}
form.narrowLabel input {width:250px;}
form.narrowLabel #button {width:auto;}

form.comment {margin-top:0;}
form.comment fieldset {border:1px solid #c00; margin:0; padding:5px;}
form.comment label {clear:left; display:block; float:left; width:100px; text-align:right; padding-right:0.8em; color:#000; font-weight:bold; margin-bottom:0.5em;}
form.comment textarea {width:450px;}

form.horizontal {margin-top:0;}
form.horizontal fieldset {border:1px solid #c00; margin:0; padding:5px;}

/*********************** Flat Form ***********************/
form.flat {width:auto; border:0px solid #fff; margin:0; padding:0;}
form.flat legend {font-weight:bold; color:#000;}
form.flat label {float:none; width:auto; text-align:left; display:inline; color:#fff;}
form.flat label, form.flat select, form.flat input {margin:0; padding:0;}

/*********************** Download Digital Issue Form Ammendments ***********************/
form.downdigi p {margin-top:0em;}

/*************** Account Management Page **************/
#accmanheader {margin:0 0 0.5em 0; padding:0.3em 0.5em 0 0.5em; width:48em; font-family:Verdana,Arial,sans-serif; height:1.7em; color:#000; font-weight:bold;}
#accmanheader img {float:right;}
.accman {margin:0; padding:0.5em; width:45em; border:0.1em solid #fff; display:none;}
.accman td {padding-right:0.9em;}
#accexpanded {margin:0 0 2em 1em; padding:0.5em; border:1px solid #ff6600;}
.subsinfo {margin:0 0 0.5em 1em; padding:0 0 0.5em 0.5em; font-family:Verdana,Arial,sans-serif; border:0.1em solid #000; background-color:#fff; display:none;}

/************* nav buttons ************/
#menu a, #menu a:visited {font-weight:bold; position:relative; text-decoration:none; text-align:left; background-color:#ff9900; color:#000; display:block; width:10em; border:2px solid #fff; border-color:#ffcc00 #ff9900 #993300 #ffcc00; padding:0.25em; margin:0.5em auto;}
#menu a:hover {top:0px; left:0px; color:#ffffff; background-color:#ff6600; border-color:#993300 #ffcc00 #ffcc00 #ff9900;}



/*************** .left side stuff ***************/

#paypalleft {
	border:1px solid #000;
	text-align:center;
	width:14.3em;
	margin:0.5em 0 0 0;
	padding:0.5em;
	background-color:#c00;
}

*html #paypalleft {
	width:15.5em;
}

form#buyissue {width:15.6em; padding:0.2em; margin:0 0 1em 0; font-size:0.9em;}
form#buyissue a {width:14.2em;}
form#buyissue input {padding-left:0.2em; margin-bottom:-0.4em; margin-top:0.4em;}
form#buyissue h3 {text-align:center;}
form#buyissue h2 {text-align:center;}
form#buyissue select {font-size:0.9em;}

/**************************/
/***** Article Styles *****/
/**************************/

.heading {width:49em; height:1.5em; margin-top:1.3em; height:2em; border:1px solid #000;}
.heading h4 {font-size:1.3em; color:#000; float:left; padding-top:0.2em; padding-left:0.5em;}

.bodytextarea {display:none;}
.bodytextarea p {color:#000000; text-align:left;}
.bodytextarea img {border:1px solid #000000; float:right; margin-top:5px; margin-left:5px;}
.bodytextarea:after {content: "."; display:block; height:0; clear:both; visibility:hidden;}

.article {width:49em; padding:0.4em 0 0 0; margin:0 0 0.7em 0; border-bottom:1px solid #000;}
.article:after {content: "."; display:block; height:0; clear:both; visibility:hidden;}
.article img {padding-left:0.4em; margin:0; float:right;}

.heading_selected {width:49em; height:1.5em; margin-top:1.3em; height:2em; border:1px solid #000;}
.heading_selected h4 {font-size:1.3em; color:#fff; float:left; padding-top:0.2em; padding-left:0.5em;}

#topb			{margin-left:10px; height:12em; border:1px solid #E8751E;}
#listtop		{width:30%; float:left;}
#arttop			{width:35em; height:1.5em;  background-color:#000000; position:absolute; left:22em; top:22em;}
.mart {
	float:right; 
	height:2em; 
	padding:0em 0.4em 0 0.4em;
	margin:0 1.2em 0 1.2em; 
	font-size:1em; 
	font-weight:bold;
	background-color:#000; 
	color:#ffffff;
}
.mart p 		{margin-top:0.3em;}

/* Set the heading selected background colour */
.feat {border:1px solid #990000;} .feat h4 {color:#990000;}
.reg {border:1px solid #0066ff;} .reg h4 {color:#0066FF;}
.mma {border:1px solid #ff6600;} .mma h4 {color:#FF6600;}
.rnr {border:1px solid #ffcc00;} .rnr h4 {color:#FFCC00;}
.kbm {border:1px solid #ffcc00;} .kbm h4 {color:#FFCC00;}

/* Change the header category colours */
.feature {color:#990000; margin-top:0.5em;}
.regular {color:#0066ff;}
.mmarts {color:#FF6600; margin-top:0.5em;}
.randr {color:#FFCC00; margin-top:0.5em;}

/* Change the link colours */
.catfeat {color:#990000;}
.catreg {color:#0066ff;}
.catmmarts {color:#FF6600;}
.catrandr {color:#FFCC00;}

#paypal			{height:110px;}

/*************** Lists **************/
ul#smalltext 	{padding:0 0 0 2px; margin:0 0 0.8em 0; width:13em; list-style-type:none;}
ul#smalltext h1 {font-size:1.1em; line-height:1.2em;}
ul#smalltext a	{font-size:0.9em; font-weight:normal;}
ul#smalltext a:active	{font-size:0.9em; font-weight:normal;}
ul#smalltext a:visited	{font-size:0.9em; font-weight:normal;}
ul#bullets		{font-size:13px; padding:0 0 0 15px; margin:0; width:300px; float:left; text-align:left;}

/*************** Previous-Index-Next ***************/
#pin {float:left; width:33%; vertical-align:top; text-align:left; padding-bottom:5px; font-size: 12px;}

/*********************** archive page ************************/
#archive {float:left; position:relative; width:38em; font-size: 14px;}
#archive_year {float:left; position:relative; width:45em; font-size:1em;}
#archind {float:left; position:relative; width:154px; height:232px; text-align:center; padding: 5px 0 0px 0px; margin-right:5px;}
#archind img {border:1px solid #000; width:152px; height:210px; padding:0; margin:0;}

.archsearch {padding:0 0.5em 0 0.5em; font-size:10px; height:8em;}

.archmain {font-size:13px; text-align:left;}
#toparch {padding: 0px 0px 5px 0px; font-size: 10px;}
#toparch img {float: right; padding: 0px 0px 0px 0px; margin: 0 0 5px 0; vertical-align:top;}

.books {color:#000000; background-color:#FFFFFF; padding: 0px 10px 0px 10px; width:560px; height:320px; font-size: 13px; margin-left:10px; margin-right:10px; text-align:left;}
.bookspp {border-bottom:10px solid #000; color:#000000; background-color:#FFFFFF; padding: 0px 10px 0px 10px; width:560px; height:50px; margin-left:10px; margin-right:10px;}

/*************** Lists **************/
ul#largetext	{list-style-type:none; font-size:13px; padding:0; margin:0; width:45em; float:left; text-align:left;}
ul#bullets		{font-size:13px; padding:0 0 0 15px; margin:0; width:300px; float:left; text-align:left;}

/*************** Link Styles **************/
a.blackbold:link, a.blackbold:visited, a.blackbold:active {color:#000000; font-weight:bold;}
a.yellowbold:link, a.yellowbold:visited, a.yellowbold:active {color:#FFCC00; font-weight:bold;}
a.artbtt:link, a.artbtt:visited, a.artbtt:active {font-size:0.9em; color:#cc0000; text-decoration:none; padding-bottom:0.5em;}

.merch {margin-bottom:10px;}
.merch img {float:right; margin-left:5px; border:1px solid #000;}
.merch:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}

.merchBox {margin-bottom:10px; padding:5px; background-color:#000; color:#fff;}
.merchBox img {border:1px solid #fff;}
.merchBox:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}

/*********************** Clash Styles ***********************/

#paypal			{height:8.8em;}
form#clash {width:32em; border:1px solid #000; background-color:#330099; color:#FFFFFF;}
form#clash fieldset {width:31em; display:block; border:0px solid #fff; padding:0px; font-family:verdana, sans-serif; line-height:1.5em; margin:0.5em;}
form#clash img {display:block; border:0px solid #000;}
form#clash label {clear:left; display:block; float:left; width:10em; text-align:right; padding-right:0.8em; color:#000; margin-bottom:0.5em;}
form#clash select {margin-top:0.3em;}

#clashad {position:absolute; right:10px; top:10px; margin-bottom:10px; z-index:1; width:200px; height:589px; cursor:pointer; background:url(images/clashad.gif);}


/*************** index stuff ***************/
#nextissue h3  {
	text-align:center;
	color:#000;
}

#nextissue a {
	font-size:1em;
}

#tesco {
	width:49em;
	border:0px solid #000000;
	margin-top:1em;
}

#rightad {position:absolute; top:9em; left:52.5em; width:15em; height:12em; border:0px solid #000000;}
* html #rightad {top:11em;}

#november {width:36em; height:32em; border:0px solid #ffcc00; margin-top:1em;}

#geoff {float:left; width:17em; height:32em;}
* html #geoff {top:11em;}
#geoff p {text-align:justify;}

#index {width:31.3em; height:425px; float:right; text-align:center;}

#indexarts {position:absolute; top:18em; left:0.5em;}

/*************** .clashtickets stuff ***************/
form#clashtickets {width:15em; padding:0.2em; margin:0 0 0 0; font-size:0.9em; background-color:#FFFF99; float:left; text-align:center;}
form#clashtickets a {width:14.2em;}
form#clashtickets h3 {text-align:center;}
form#clashtickets p {text-align:left;}
form#clashtickets input {padding-left:0.2em; margin-bottom:-0.4em; margin-top:0.4em;}
form#clashtickets select {font-size:0.9em; width:10em; margin-bottom:0.4em;}

.clash21right:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clash21right {position:relative; float:right; width:34.5em;}

.clash21left {position:relative; float:left; width:13em;}

/*************** .freebie styles ***************/
.promo {border:0.3em solid #069; background-color:#039; padding:0.5em; margin-bottom:0.5em;}
.promo h2, .promo h3 {color:#fff; text-align:center;}

/******* VIDEO PAGE *********/

#videosRight {float:right; width:200px; margin-top:5px;}
#videosLeft {float:left; width:425px; margin-top:5px;}

#videosInfo {background-color:#ebebeb; padding:5px; border:1px solid #000; margin-bottom:5px;}
#videosInfo p, #videosInfo a {margin-top:0; font-size:10px;}

#videosItem {margin-bottom:5px; overflow:auto; width:100%;}
#videosItem img {width:60px; float:left; margin-right:3px; border:1px solid #c00;}

#seriesInfo {border-bottom:1px solid #000; margin-bottom:10px; padding-bottom:5px; overflow:auto; width:100%;}

/*************** NEW Web Article Styles ***************/
.boxArticle {width:100%; overflow:auto; background:url(images/layout/title_bg.gif); background-repeat:repeat-x; margin-bottom:5px; background-position:0 8px; padding-bottom:5px;}
.boxArticle p {margin-top:5px;}
.boxArticle h4 {color:#fff; margin:11px 0 5px 5px; letter-spacing:-1px;}
.boxArticle .mainImage {margin-right:5px; margin-top:5px; border:1px solid #ccc; float:left;}
/*.boxArticle a:link, .boxArticle a:visited, .boxArticle a:active {color:#ff0; font-weight:bold;}*/
.image {float:right; border:0; position:absolute; right:0;}

#comments {float:right; width:100%; margin-top:10px;}
#comments p {margin-top:0;}

.commentsHeading {background-color:#c00; padding:5px 0;}
.commentsHeading h4 {color:#fff; margin:0 0 0 5px;}