/* -----  TEXT  ------------------------------ */
h1 {
font-size:167%;
letter-spacing:-1px;
}
h2 {
font-size:138.5%;
font-weight:bold;
margin-top:0.5em;
}
h3 {
font-size:93%;
font-weight:bold;
}
h4 {
font-size:85%;
font-weight:bold;
}
p {
padding:0.6em 0;
}
strong {
font-weight:bold;
}

a:link {
	color:#00e;
}
a:visited {
	color:#5965EF;
}
a:hover {
	color:#c00;
}
a:active {
	color:#00c;
}

#secttitle {
	margin-bottom:1.5em;
}

/* -----  COVERS  ------------------------------ */
ul.magregion,
ul.magyear {
	list-style:none;
	padding: 0.7em 0;
	border-bottom:1px #efefef solid;
}
ul.magregion {
	margin-bottom: 1.2em;
}
ul.magregion li,
ul.magyear li {
	display:inline;
	padding: 0.3em 0.9em;
	border-right:1px #eee solid;
}

.issuelist {
	position:relative;
}
.issue {
	position:relative;
	margin-top:20px;
	margin-bottom:40px;
	padding: 0 16px 0px 0;
	float:left;
	z-index:1;
	font-size:85%;
	font-weight:bold;
}
.issue,
.issue img {
	width:135px;
	height:175px;
}
.issue img {
	position: absolute;
}
.issue a:hover img {
	top:-10px;
	left:-8px;
	width:150px;
	height:195px;
	z-index:20;
}
.issue .issuedate {
	height:11px;
	position:absolute;
	bottom:-15px;
	z-index:1;	
}

/* IE 6 fix */
* html .issue a:hover {
	position: absolute;
}

.issuevert {
	position:relative;
}
.issuevert .issue,
.issuevert .issue img {
	margin:0;
	padding:0;
	position:relative;
	width:70px;
	height:91px;
}
.issuevert .issue a:hover img {
	top:-6px;
	left:-5px;
	width:80px;
	height:104px;
	z-index:4;
}

/* -----  HEADER  ------------------------------ */
#hd {
	background:#AF231C;
	}

#logo {
	padding: 8px 15px 5px;
	height:75px;
	}
#logo img {
	width:185px;
	height:auto;
	}
h2.bar {
	margin-top:1.2em;
	border-top:1px solid #ddd;
	background:url(../../../img/grey_white_stripe_hd.gif) repeat-x top left;
	padding:0.35em 0.5em 0.5em;
	}


/* -----  SIDE NAV  ------------------------------ */
.related li,
#snav li ul li {
	padding:0.5em 0.6em 0.6em;
	border-bottom:1px solid #eee;
}
.related h3,
#snav ul h3 {
	background-color:#efefef;
	border-bottom:1px solid #ccc;
	padding:0.35em 0.5em;
}

/* -----  LISTS  ------------------------------ */
.recent li,
.related li {
	clear:both;
	height:32px;
	font-size:11px;
	line-height:14px;
	}
.related li {
	height:46px;
	font-size:12px;
	line-height:15px;
	}
.recent .mag,
.related .mag {
	width:30px;
	float:left;
	}
.related .mag {
	width:42px;
	}
.recent .mag img,
.related .mag img {
	vertical-align:top;
	}
.related .mag img {
	width:35px;
	height:45px;
	}
.recent .magname,
.related .magname {
	float:left;
	width:135px;
	height:27px;
	text-overflow:ellipsis;
	overflow:hidden;
	}
.related .magname {
	width:182px;
	height:30px;
	}
.recent li a,
.related li a,
.recent li a:link,
.related li a:link,
.recent li a:visited,
.related li a:visited {
	text-decoration:none;
	color:#000;
	font-weight:bold;
	}
.recent li a:hover,
.related li a:hover {
	text-decoration:underline;
	color:#00c;
	}

/* -----  FOOTER NAV  ------------------------------ */
#fnav {
	padding:0.5em;	
}

/* -----  TOP NAV  ------------------------------ */
#nav {
	clear: both;
	width: 100%;
	}
#nav ul {
	list-style-type: none;
	float: left;
	clear: both;
	width: 100%;
	margin:0;
	padding:0;
	background: #111111;
	display:flex;
	}
#nav li {
	border-right: 1px solid #4c4c4c;
	}
#nav a {
	display: block;
	padding: 0.2em 1.5em;
	font-weight: bold;
	text-decoration: none;
	height: 32px;
	display:flex;
	align-items:center;
	}
#nav a:link,
#nav a:visited {
	color: #fff;
	}
#nav a:hover,
#nav a:active,
#nav a:focus {
	background: #ddd;
    color: #111;
	}


/* -----  PAGER  -------------------- */
.pager {
	text-align:center;
	margin:1em 0 2em;
	}
.pager a {
	background:#efefef;
	padding:0.25em 0.5em;
	text-decoration:none;
	border:1px solid #dfdfdf;
	}
.pager a:hover {
	padding:0.25em 0.5em;
	text-decoration:none;
	background:#bbb;
	color:#fff;
	border:1px solid #dfdfdf;
	}

/* -----  TOC  -------------------- */
#recommendeditems h2,
#toc {
	border:1px solid #ddd;
	padding:8px;
	margin-top:1.5em;
	}
#toc h1 {
	border-top:1px solid #bfd6ff;
	background:url(../../../img/blue_white_stripe_hd.gif) repeat-x top left;
	padding:0.35em 0.5em 0.5em;
	}
#toc p {
	margin-top:0;
	padding-top:0;
	}
#toc li {
	font-size:138.5%;
	font-weight:bold;
	margin:0.3em 0;
	}
	

/* -----  BUTTONS  -------------------- */
a.btn_download, a.btn_buy, a.btn_view, a.btn_remove, a:visited.btn_download, a:visited.btn_buy, a:visited.btn_view, a:visited.btn_remove, a:hover.btn_download, a:hover.btn_buy, a:hover.btn_remove { padding:0.1em 0.5em; font-weight:bold; color:#fff; text-decoration:none; border-style:solid; border-width:1px; margin: 6px;}
a.btn_download, a.btn_download:visited, a.btn_download:hover  { background-color:#0c0; border-top-color:#bfffbf;border-left-color:#bfffbf; border-bottom-color:#008000;border-right-color:#008000; }
a.btn_buy, a.btn_buy:visited, a.btn_buy:hover, a.btn_view, a.btn_view:visited, a.btn_view:hover { background-color:#f90; border-top-color:#FFC266;border-left-color:#FFC266; border-bottom-color:#995C00;border-right-color:#995C00; }

a.btn_remove, a.btn_remove:visited, a.btn_remove:hover { background-color:#d9d0c3; color:#000; border-top-color:#E6E1DA;border-left-color:#E6E1DA; border-bottom-color:#807a73;border-right-color:#807a73; }

/* -----  ROUND CORNERS  -------------------- */
div.roundcorners {margin-top:1em;}
div.roundcorners .hd,
div.roundcorners .ft {margin-right:9px;}
div.roundcorners .hd .c,
div.roundcorners .ft .c {
	font-size:1px; /* ensure minimum height */
	height:9px;
	margin-right:-9px;
	}
div.roundcorners div.hd {
	background: transparent url(../../../img/corners/tl.png) no-repeat top left;
	}
div.roundcorners .hd .c {
	background: transparent url(../../../img/corners/tr.png) no-repeat top right;
	}
div.roundcorners .ft {
	background: transparent url(../../../img/corners/bl.png) no-repeat bottom left;
	}
div.roundcorners .ft .c {
	background: transparent url(../../../img/corners/br.png) no-repeat bottom right;
	}
div.roundcorners .bd {
	background:transparent url(../../../img/corners/ml.png) repeat-y 0px 0px;
	}
div.roundcorners .bd .c {
	background:transparent url(../../../img/corners/mr.png) repeat-y right 0px;
	padding:0 10px;
	}
div.roundcorners .bd .c {
	}

/* ---------- error and confirm boxes ---------- */
div.error,div.confirm {
	margin:1em 0;
	padding:0.5em 1em;
	position:relative;	
}
div.error {
	border:2px solid #c30;
	background-color:#FFE4CF;
}
div.confirm {
	border:2px solid #0c0;
	background-color:#D2FFCF;
}

/* ---------- TABLES ---------- */
table {
	margin:0 0 1.5em;
	border-collapse:separate;
	border-spacing:0;
	border-bottom:1px solid #f2f2f2;
	width:100%;
}
th {font-weight:bold}
th,
td {
	padding:0.35em 0.6em;
	vertical-align:top;
	text-align:left;
	border-top:1px solid #f2f2f2;
}


table.sc_basic {
	border-bottom:1px solid #666;
	border-left:1px solid #666;
}
table.sc_basic td {
	border-top:1px solid #666;
	border-right:1px solid #666;
}
table.sc_basic { background-color:#444; }
table.sc_basic th { background-color:#444; color:#fff; }
table.sc_basic td { background-color:#fff; color:#000; }

/* ---------- FORMS ---------- */
div.question { padding:0.7em 0.6em; border-top:1px solid #f2f2f2; }
div.question p { font-weight:bold; }
div.question div { margin:0.7em 0; }

div.feedback {
	margin:1em 0;
	background:#FAFEA0;
	border: 2px solid #FEFF6F;
	padding:0.6em;
}

/* ---------- CLEAR FLOATS ---------- */
.clear {
	clear:both;
	height:1px;
	font-size:1px;
	line-height:1px;
}

.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */