/*-- Website: name.com --*/
/*-- Style Sheet: Main --*/
/*-- Author: paul oneal / Media 10 --*/

/* -- Fundamental Components -- */
body {
 margin:0;
 padding:0;
 font-size:85%;
 font-family:Arial, Helvetica, sans-serif;
}

h1 {
 margin:10px 0 0 0;
 padding:0;
 font-size:3.2em;
 font-weight:bolder;
 font-family:"Trebuchet MS", Helvetica, sans-serif;
 text-transform:uppercase;
 color:#000;
 background:#fff;
}
h2 {
 margin:0;
 padding:0 0 20px 0;
 font-size:1.6em;
 font-family:"Trebuchet MS", Helvetica, sans-serif;
 color:#888;
 background:#fff;
}
h3 {
 margin:0;
 padding:0;
 font-size:1.2em;
 font-weight:normal;
 color:#000;
 background:#fff;
}
p {
 margin:0;
 padding:0 0 1em 0;
 line-height:1.4em;
}

ul,ol {
 margin:0;
 padding:0 0 1.1em 3em;
 line-height:1.4em;
}

table,table tr,table tr th,table tr td {
 font-size:1em;
}
table tr th,table tr td {
 padding:2px;
 text-align:left;
}
table {
 margin:0 0 1em 0;
}
table tr th {
 font-weight:normal;
 vertical-align:top;
}

form {
 margin:0;
 padding:0;
}
input,textarea {
 padding:3px;
 border:1px solid #ccc;
 color:#666;
 background:#fff;
}
input.button {
 margin-left:5px;
 padding:2px 3px;
 border:1px solid #000;
 cursor:pointer;
 color:#fff;
 background:#000;
}

a {
 color:#000;
 background:transparent;
}
a:hover {
 color:#333;
 background:transparent;
}

img {
 display:block;
 margin:0;
 border:0;
}

/* -- Clear Float -- */
.clear:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clear {display:inline-block;}
/* Hides from IE-mac \*/
* html .clear {height:1%;}
.clear {display:block;}

/* -- Fundemental CSS -- */
.right {float:right;}
.left {float:left;}
.hide {display:none;}
.centreimage {display:block; margin:0 auto;}
.largefont {font-size:1.2em;}
.smallfont {font-size:0.8em;}
.highlight {padding:5px 8px; text-transform:uppercase; font-weight:bold; font-size:1.1em; color:#fff; background:#f90;}

/* -- Holder -- */
div#holder {
 width:950px;
 margin:0 auto;
}
div#inner {clear:right; padding:0 0 125px 35px; background:url("../images/back-inner.jpg") no-repeat center bottom;}

/* -- Header -- */
div#leader {width:930px; margin:10px auto;}
div#logo{width:300px; float:left;}
div#bannernav{position:relative; z-index:100; width:468px; float:left;}
div#header {margin:10px 0; padding:10px 5px 10px 25px; border:1px solid #000; background:#fff; width:910px;}
div#headerright {float:right; width:120px; margin-right:10px;}
div#ads{margin:0; padding: 0; width:232px; float:left;}
div#ads2{margin:0; padding: 0; float:left; text-align:left; width:232px;}
a#logo-ch4 {display:block; float:right; width:85px; margin:0 10px 20px 0; background:none;}
a#send {display:block; clear:right; width:115px; margin:0 auto; padding-left:30px; text-transform:uppercase; background:url("../images/icon-send.png") no-repeat left top; font-size:10px; text-decoration:none; height:17px;}
a#subs {display:block; clear:right; width:200px; padding-left:25px; padding-top:3px; text-transform:uppercase; background:url("../images/rss_logo.jpg") no-repeat left top; font-size:10px; text-decoration:none; height:20px; float:left;}

a#logo-gdm {display:block; width:190px; margin-bottom:7px; background:none;}
a#logo-ch4:hover, a#logo-gdm:hover {background:none;}
span#tagline {font-size:11px; text-transform:uppercase;}

/* -- Navigation -- */
ul#nav {position:relative; z-index:100; float:right; list-style-type:none; margin:95px 20px 0 0; padding:0;}
ul#nav li {position:relative; float:left;}
ul#nav li a {display:block; margin-right:5px; padding:7px 5px; color:#fff; background:#000; text-decoration:none;}
ul#nav li a:hover {color:#eee; background:#000;}

ul#nav ul {width:150px; visibility:hidden; position:absolute; height:0; top:31px; left:0; width:149px; list-style-type:none; font-size:0.9em; margin:0; padding:0;}
ul#nav ul li a {padding:5px; color:#ddd; background:#111;}
ul#nav table {position:absolute; top:0; left:0; border-collapse:collapse;}
ul#nav li:hover ul, ul#nav a:hover ul{visibility:visible; }

/* -- Content -- */
div#container {
 float:left;
 width:930px;
 margin:0 0 10px 0;
 
}
div#content {
 position:relative;
 padding:5px;
 color:#666;
 border:dashed 1px #000;
 width:936px;
}
div#rightcol {
 float:right;
 width:300px;
 margin:0 0 20px 20px;
 text-align:center;
}
div#renewal {
 float:right;
 width:930px;
 margin:0;
 text-align:left;
 padding-top:8px;
}

div#vitrapic {
 float:left;
 width:310px;
 margin:0;
 text-align:left;
 padding-top:8px;
}


div#rightcol a {text-decoration:none;}
div#rightcol img { margin:0 auto;}


div#rightcol a strong {color:#f90;}
img#kevin {
 position:absolute;
 bottom:0;
 left:450px;
}
span#exclusive {font-size:1.6em;}
div#claire {float:right; width:250px; margin:0 0 20px 20px; padding:3px; text-align:center; color:#000; background:#eee;}
div#claire img {margin:0 0 5px 0;}
ul.features {
 width:45%;
 float:left;
 margin:0 30px 0 0;
 padding:0;
 color:#f90;
 list-style-type:none;
 text-align:justify;
}
ul.features strong {
 color:#666;
 text-transform:lowercase;
}
ul.features li {
 padding-left:50px;
 background:url("../images/arrow.png") no-repeat 20px top;
}
div#search {padding:15px; font-size:11px;}
div#search form {padding-bottom:10px;}
div#search div.result {border:1px solid #ddd; padding:10px; margin-bottom:10px; background:#eee;}
img#competitionimage {float:right; margin:0 0 15px 15px;}
table.entryform {float:left; margin-right:15px;}
table.entryform tr th {width:100px;}
table.entryform input.textinput {width:96%;}
table.entryform tr#terms td {padding-top:10px;}
table.entryform tr#question th {padding-top:5px;}
table.entryform tr#question td {padding-bottom:10px; line-height:1.6em;}
table.entryform tr#buttonholder td {padding-top:10px; text-align:right;}

/* -- back issue covers -- */
div#cover_pic {width:200px; float:left; margin:0px 10px 20px 10px; text-align:center;}
div#backissuesmenu a{
	background:url("../images/rss_logo.jpg") no-repeat scroll left top transparent;
	clear:right;
	display:block;
	font-size:10px;
	height:20px;
	padding-left:25px;
	padding-top:3px;
	text-decoration:none;
	text-transform:uppercase;
	float:left;
	width:200px;
}


/* -- privacy -- */
table.privacy {float:left; margin-right:15px; font-size:9px;}
table.privacy tr th {width:100px;}
table.privacy input.textinput {width:96%;}
table.privacy tr#terms td {padding-top:10px;}
table.privacy tr#question th {padding-top:5px;}
table.privacy tr#question td {padding-bottom:10px; line-height:1.6em;}
table.privacy tr#buttonholder td {padding-top:10px; text-align:right;}



/* -- Adverts -- */
div#skyscraper {float:left; width:160px; margin-bottom:10px;}
div#skyscraper img {margin-bottom:10px;}
div#skyscraper img#sub {margin-bottom:0;}

/* -- Footer -- */
div#footer {
 clear:left;
 margin:0 0 10px 0;
 padding:10px 25px;
 font-size:0.8em;
 border:1px solid #e3e3e3;
 border-width:1px;
 color:#666;
 background:#f3f3f3;
}
div#footer a {
 color:#666;
 background:#000;
 padding:2px;
 color:#FFF;
 text-decoration:none;
 margin-top:8px;
 border:1px solid #666;
 
}
div#foottext{width:580px;}
div#footer form#signup {float:right;}
div#footer form#signup input#email {width:200px;}
div#footer div#footerlinks {padding-top:20px;}