@charset "utf-8";
/* CSS Document */

body {
	font: 62.5% Arial, Helvetica, sans-serif;
	background: #000000;
	margin: 0; 
	padding: 0;
	text-align: center; 
	color: #000000;
	background:url(images/background.jpg);
}
form{margin:0; padding:0}

p{margin:0; padding:0}
#container {
	width: 955px;
	height: 647px;
	background: #ffffff;
	background-image:url(images/backscreen.jpg);
	margin: 0 auto; 
	text-align: left;
	margin-top:10px; 
}
#containerhome {
	width: 955px;
	height: 647px;
	background: #ffffff;
	background-image:url(images/backscreen.jpg);
	margin: 0 auto; 
	text-align: left; 
}
#flashcontainer {
	background: #000000;
	margin: 0 auto; 
	text-align: left;
	margin-top:10px; 
}
#nav {
	padding: 0;
	height:27px; 
	float:left;
	width: 955px;
}
#nav #title {
background:#000000;
text-align:center;
color:#FFFFFF;
font-size:1.4em;
float:left;
padding:2px;
width:263px;
height:19px;
margin-left:30px;
clear:left;
background:url(images/titleback.gif); 
background-repeat:no-repeat
}
#nav #title a{
text-decoration:none; color:#FFFFFF}
#nav #title a:hover{
text-decoration:underline}
#nav #help {
background:#000000;
background:url(images/helpback.gif);
background-repeat:no-repeat;
width:350px;
height:24px;
text-align:center;
color:#FFFFFF;
font-size:1.4em;
float:right;
margin-right:30px;
clear:right;
}
#nav .helpbutton a {
margin-left:4px;
display:block;
float:left;
width:65px;
height:22px;
background: url("images/help.gif") 0 0 no-repeat;
text-decoration: none;
}
#nav .helpbutton a:hover { 
background-position: 0 -22px;
color: #049;
}
#nav .tutbutton a {
margin-left:4px;
display:block;
float:left;
width:141px;
height:22px;
background: url("images/tutorial.gif") 0 0 no-repeat;
text-decoration: none;
}
#nav .tutbutton a:hover { 
background-position: 0 -24px;
color: #049;
}
#nav .homebutton a {
margin-left:17px;
margin-right:2px;
display:block;
float:left;
width:95px;
height:22px;
background: url("images/homebutton.gif") 0 0 no-repeat;
text-decoration: none;
}
#nav .homebutton a:hover { 
background-position: 0 -22px;
}

#mainContent {
padding:0 27px 0 30px;
margin:0;
float:left;
width: 898px;
height: 578px;
}
#searchbox {
background:#7f8f94;
height:40px;
padding: 11px 0 0 10px;
float:left;
width:887px;
}
#searchbox input{vertical-align: middle; *vertical-align: text-bottom; border-color:#67797f;float:left; margin-right:5px}
#searchbox img{vertical-align: middle; *vertical-align: text-bottom;float:left;margin-right:4px}

.browsebyissue a {
display:block;
float:right;
width:141px;
height:23px;
vertical-align: middle; *vertical-align: text-bottom;
background: url("images/browsebyissue.gif") 0 0 no-repeat;
text-decoration: none;
}
.browsebyissue a:hover { 
background-position: 0 -23px;
color: #049;
}

.comicstrip a {
display:block;
float:right;
width:141px;
height:23px;
vertical-align: middle; *vertical-align: text-bottom;
background: url("images/comicstrip.gif") 0 0 no-repeat;
text-decoration: none;
}
.comicstrip a:hover { 
background-position: 0 -23px;
color: #049;
}
.freepreview a {
display:block;
float:right;
width:141px;
height:23px;
vertical-align: middle; *vertical-align: text-bottom;
background: url("images/freepreview.gif") 0 0 no-repeat;
text-decoration: none;
margin-right:20px;
}
.freepreview a:hover { 
background-position: 0 -23px;
color: #049;
}

#cat {
margin-top:3px;
float:left;
width:899px;
}
#cat #one {width:128px;float:left;text-align:center;}
#cat #one .piclink a{display:block;border:solid 1px #1d1c10;}
#cat #one .piclink a:hover{border:solid 1px #d6202c}
#cat #one .link a{display:block;background:#4C5B61;text-decoration:underline;color:#FFFFFF;text-align:center;padding: 5px 0 5px 0;}
#cat #one .link a:hover{background:#b41520;}

#cat #two {width:128px;float:left;text-align:center;}
#cat #two .piclink a{display:block;border:solid 1px #1d1c10;}
#cat #two .piclink a:hover{border:solid 1px #f48240}
#cat #two .link a{display:block;background:#4C5B61;text-decoration:underline;color:#FFFFFF;text-align:center;padding: 5px 0 5px 0;}
#cat #two .link a:hover{background:#d57238;}

#cat #three {width:128px;float:left;text-align:center;}
#cat #three .piclink a{display:block;border:solid 1px #1d1c10;}
#cat #three .piclink a:hover{border:solid 1px #30b34d}
#cat #three .link a{display:block;background:#4C5B61;text-decoration:underline;color:#FFFFFF;text-align:center;padding: 5px 0 5px 0;}
#cat #three .link a:hover{background:#27913e;}

#cat #four {width:128px;float:left;text-align:center;}
#cat #four .piclink a{display:block;border:solid 1px #1d1c10;}
#cat #four .piclink a:hover{border:solid 1px #864098}
#cat #four .link a{display:block;background:#4C5B61;text-decoration:underline;color:#FFFFFF;text-align:center;padding: 5px 0 5px 0;}
#cat #four .link a:hover{background:#683276;}

#cat #five {width:128px;float:left;text-align:center;}
#cat #five .piclink a{display:block;border:solid 1px #1d1c10;}
#cat #five .piclink a:hover{border:solid 1px #3161ad}
#cat #five .link a{display:block;background:#4C5B61;text-decoration:underline;color:#FFFFFF;text-align:center;padding: 5px 0 5px 0;}
#cat #five .link a:hover{background:#234883;}

#cat #six {width:128px;float:left;text-align:center;}
#cat #six .piclink a{display:block;border:solid 1px #1d1c10;}
#cat #six .piclink a:hover{border:solid 1px #fccf0d}
#cat #six .link a{display:block;background:#4C5B61;text-decoration:underline;color:#FFFFFF;text-align:center;padding: 5px 0 5px 0;}
#cat #six .link a:hover{background:#A28329;}

#cat #seven {width:129px;float:left;text-align:center;}
#cat #seven .piclink a{display:block;border:solid 1px #1d1c10;}
#cat #seven .piclink a:hover{border:solid 1px #95d8ec}
#cat #seven .link a{display:block;background:#4C5B61;text-decoration:underline;color:#FFFFFF;text-align:center;padding: 5px 0 5px 0;}
#cat #seven .link a:hover{background:#117D8F;}

#mainContent #maintextarea {
height:298px;
width:899px;
float:left;
}
#mainContent #maintextarea2 {
height:476px;
width:899px;
float:left;
}
#maintextarea #fillme{
float:left;
width:640px;
background:#1d1c10;
}
#maintextarea #fillme a{
text-decoration:underline;
color:#FFFFFF;
}
#maintextarea #fillme a:hover{
text-decoration:underline;
color:#FFFFFF;
}
#magazine{
float:left;
width:374px;
height:293px;
padding: 5px 0 0 10px;
background:#000000;
}
#issue{
width:236px;
height:288px;
background:#3f3c32;
padding: 10px 10px 0 10px;
float:left;
overflow:hidden
}
#issue p{color:#FFFFFF; font-size:1.1em; padding-bottom:5px}
#issue .title{
padding:0 0 10px 0;
font-size:1.2em;
color:#FFFFFF;
text-transform:uppercase;
}
#issue .body{
padding:0 0 10px 0;
font-size:1.2em;
color:#cccccc;
}

#register{
float:left;
width:247px;
height:288px;
background:#767269;
text-align:right;
padding: 10px 10px 0 0;
color:#FFFFFF;
font-size:1.2em;
}
#register p {
padding: 0 0 10px 0;

}
#register input{
width:130px;
margin-left:20px;
border-color:#67797f
}
/* Styles for the mag page */

#searchbox1 {background:#7F8F94;height:40px;padding: 11px 0 0 10px;float:left;width:887px;}
#searchbox1 input{vertical-align: middle; *vertical-align: text-bottom; border-color:#67797f;float:left; margin-right:5px}
#searchbox1 img{vertical-align: middle; *vertical-align: text-bottom;float:left;margin-right:4px}
#magazinelist1 {float:left;width:615px;height:460px;background:#000000; padding:10px 10px 5px 15px; overflow:hidden; font-size:1.1em; color:#FFFFFF}
#magazinelist1 a{float:left; width:81px; height:137px;text-decoration:none; padding:3px;border:solid 3px #000000; margin-bottom:5px; color:#FFFFFF; text-align:center}
#magazinelist1 a:hover{text-decoration:none;padding:3px; border:solid 3px #b41520}
#categorylogo1{float:left;width:257px;height:218px;background:#767269; text-align:center}
#register1{float:left;width:257px;height:258px;background:#767269;text-align:left;color:#FFFFFF;font-size:1.2em;}

#register1 a{ float:left;padding-left:10px; padding-right:4px;}
#register1 #title{background:#767269;padding: 10px 0 10px 10px;}
#register1 form{padding: 10px 0 0 10px; margin:0}
#register1 input{width:130px;margin-left:20px;border-color:#67797f}

#searchbox2 {background:#7F8F94;height:40px;padding: 11px 0 0 10px;float:left;width:887px;}
#searchbox2 input{vertical-align: middle; *vertical-align: text-bottom; border-color:#67797f;float:left; margin-right:5px}
#searchbox2 img{vertical-align: middle; *vertical-align: text-bottom;float:left;margin-right:4px}
#magazinelist2{float:left;width:615px;height:460px;background:#000000; padding:10px 10px 5px 15px;font-size:1.1em; overflow:hidden}
#magazinelist2 a{float:left;width:81px;height:137px;text-decoration:none; padding:3px;border:solid 3px #000000; margin-bottom:5px;color:#FFFFFF; text-align:center;}
#magazinelist2 a:hover{text-decoration:none;padding:3px; border:solid 3px #d57238}
#categorylogo2{float:left;width:257px;height:218px;background:#767269;background-image:url(images/guides/2.png);background-repeat:no-repeat;background-position:center;}
#register2{float:left;width:257px;height:258px;background:#767269;text-align:right;color:#FFFFFF;font-size:1.2em;}
#register2 p {padding: 0 0 10px 0;}
#register2 #title{background:#767269;padding: 5px 10px 5px 0;}
#register2 form{padding: 10px 10px 0 0;}
#register2 input{width:130px;margin-left:20px;border-color:#67797f}

#searchbox3 {background:#7F8F94;height:40px;padding: 11px 0 0 10px;float:left;width:887px;}
#searchbox3 input{vertical-align: middle; *vertical-align: text-bottom; border-color:#67797f;float:left; margin-right:5px}
#searchbox3 img{vertical-align: middle; *vertical-align: text-bottom;float:left;margin-right:4px}
#magazinelist3 {float:left;width:615px;height:460px;background:#000000; padding:10px 10px 5px 15px;font-size:1.1em; overflow:hidden}
#magazinelist3 a{float:left;width:81px;height:137px;text-decoration:none; padding:3px;border:solid 3px #000000; margin-bottom:5px;color:#FFFFFF; text-align:center;}
#magazinelist3 a:hover{text-decoration:none;padding:3px; border:solid 3px #43b74a}
#categorylogo3 {float:left;width:257px;height:218px;background:#767269;background-image:url(images/guides/3.png);background-repeat:no-repeat;background-position:center;}
#register3 {float:left;width:257px;height:258px;background:#767269;text-align:right;color:#FFFFFF;font-size:1.2em;}
#register3 p {padding: 0 0 10px 0;}
#register3 #title{background:#767269;padding: 5px 10px 5px 0;}
#register3 form{padding: 10px 10px 0 0;}
#register3 input{width:130px;margin-left:20px;border-color:#67797f}

#searchbox4 {background:#7F8F94;height:40px;padding: 11px 0 0 10px;float:left;width:887px;}
#searchbox4 input{vertical-align: middle; *vertical-align: text-bottom; border-color:#67797f;float:left; margin-right:5px}
#searchbox4 img{vertical-align: middle; *vertical-align: text-bottom;float:left;margin-right:4px}
#magazinelist4 {float:left;width:615px;height:460px;background:#000000; padding:10px 10px 5px 15px;font-size:1.1em; overflow:hidden}
#magazinelist4 a{float:left;width:81px;height:137px;text-decoration:none; padding:3px;border:solid 3px #000000; margin-bottom:5px;color:#FFFFFF; text-align:center; }
#magazinelist4 a:hover{text-decoration:none;padding:3px; border:solid 3px #8d489b}
#categorylogo4 {float:left;width:257px;height:218px;background:#767269;background-image:url(images/guides/4.png);background-repeat:no-repeat;background-position:center;}
#register4 {float:left;width:257px;height:258px;background:#767269;text-align:right;color:#FFFFFF;font-size:1.1em;}
#register4 p {padding: 0 0 10px 0;}
#register4 #title{background:#767269;padding: 5px 10px 5px 0;}
#register4 form{padding: 10px 10px 0 0;}
#register4 input{width:130px;margin-left:20px;border-color:#67797f}

#searchbox5 {background:#7F8F94;height:40px;padding: 11px 0 0 10px;float:left;width:887px;}
#searchbox5 input{vertical-align: middle; *vertical-align: text-bottom; border-color:#67797f;float:left; margin-right:5px}
#searchbox5 img{vertical-align: middle; *vertical-align: text-bottom;float:left;margin-right:4px}
#magazinelist5 {float:left;width:615px;height:460px;background:#000000; padding:10px 10px 5px 15px;font-size:1.1em; overflow:hidden}
#magazinelist5 a{float:left;width:81px;height:137px;text-decoration:none; padding:3px;border:solid 3px #000000; margin-bottom:5px;color:#FFFFFF; text-align:center}
#magazinelist5 a:hover{text-decoration:none;padding:3px; border:solid 3px #3560ad}
#categorylogo5 {float:left;width:257px;height:218px;background:#767269;background-image:url(images/guides/5.png);background-repeat:no-repeat;background-position:center;}
#register5 {float:left;width:257px;height:258px;background:#767269;text-align:right;color:#FFFFFF;font-size:1.2em;}
#register5 p {padding: 0 0 10px 0;}
#register5 #title{background:#767269;padding: 5px 10px 5px 0;}
#register5 form{padding: 10px 10px 0 0;}
#register5 input{width:130px;margin-left:20px;border-color:#67797f}

#searchbox6 {background:#7F8F94;height:40px;padding: 11px 0 0 10px;float:left;width:887px;}
#searchbox6 input{vertical-align: middle; *vertical-align: text-bottom; border-color:#67797f;float:left; margin-right:5px}
#searchbox6 img{vertical-align: middle; *vertical-align: text-bottom;float:left;margin-right:4px}
#magazinelist6 {float:left;width:615px;height:460px;background:#000000; padding:10px 10px 5px 15px;font-size:1.1em; overflow:hidden}
#magazinelist6 a{float:left;width:81px;height:137px;text-decoration:none; padding:3px;border:solid 3px #000000; margin-bottom:5px;color:#FFFFFF; text-align:center}
#magazinelist6 a:hover{text-decoration:none;padding:3px; border:solid 3px #fece08}
#categorylogo6 {float:left;width:257px;height:218px;background:#767269;background-image:url(images/guides/6.png);background-repeat:no-repeat;background-position:center;}
#register6 {float:left;width:257px;height:258px;background:#767269;text-align:right;color:#FFFFFF;font-size:1.2em;}
#register6 p {padding: 0 0 10px 0;}
#register6 #title{background:#767269;padding: 5px 10px 5px 0;}
#register6 form{padding: 10px 10px 0 0;}
#register6 input{width:130px;margin-left:20px;border-color:#67797f}

#searchbox7 {background:#7F8F94;height:40px;padding: 11px 0 0 10px;float:left;width:887px;}
#searchbox7 input{vertical-align: middle; *vertical-align: text-bottom; border-color:#67797f;float:left; margin-right:5px}
#searchbox7 img{vertical-align: middle; *vertical-align: text-bottom;float:left;margin-right:4px}
#magazinelist7 {float:left;width:615px;height:460px;background:#000000; padding:10px 10px 5px 15px;font-size:1.1em; overflow:hidden}
#magazinelist7 a{float:left;width:81px;height:137px;text-decoration:none; padding:3px;border:solid 3px #000000; margin-bottom:5px;color:#FFFFFF; text-align:center}
#magazinelist7 a:hover{text-decoration:none;padding:3px; border:solid 3px #81BECF}
#categorylogo7 {float:left;width:257px;height:218px;background:#767269;background-image:url(images/guides/7.png);background-repeat:no-repeat;background-position:center;}
#register7 {float:left;width:257px;height:258px;background:#767269;text-align:right;color:#FFFFFF;font-size:1.2em;}
#register7 p {padding: 0 0 10px 0;}
#register7 #title{background:#767269;padding: 5px 10px 5px 0;}
#register7 form{padding: 10px 10px 0 0;}
#register7 input{width:130px;margin-left:20px;border-color:#67797f}

#login {
background:#4c5b61;
height:37px;
padding: 14px 0 0 10px;
width:887px;
float:left;
color:#FFFFFF;
font-size:1.1em;
}
#login a{text-decoration:none; color:#FFFFFF;}
#login a{text-decoration:underline}
#login input{vertical-align: middle; *vertical-align: text-bottom; background:#aaa7a1; border-color:#67797f;float:left; margin-right:5px; width:130px; font-size:1em}
#login img{vertical-align: middle; *vertical-align: text-bottom;float:left;margin-right:2px}

#loginpage {
float:left; margin-top:20px; margin-left:9px;
color:#FFFFFF;
font-size:1.1em; width:370px
}
#loginpage form{margin:20px 0 0 0 ; padding:0}
#loginpage .title {float:left; width:100px; padding:4px 0 7px 0}
#loginpage .subbox {float:left; width:210px; padding:0 0 7px 0}
#loginpage .login {float:left; width:282px; text-align:right}
#loginpage a{text-decoration:underline;color:#FFFFFF;}
#loginpage input{background:#aaa7a1; border-color:#67797f;width:180px}

#errorblock {color:#FF0000; font-size:1.1em; padding-top:5px}
#success {color: #009900; font-size:1.1em; padding-top:5px}
#forgottenloggin {
margin-top:10px;
color:#FFFFFF;
border-top: 1px #CCCCCC dotted;
padding-top:10px
}
#forgottenloggin form{margin:20px 0 0 0 ; padding:0}
#forgottenloggin .title {float:left; width:100px; padding:4px 0 7px 0}
#forgottenloggin .subbox {float:left; width:210px; padding:0 0 7px 0}
#forgottenloggin .login {float:left; width:282px; text-align:right}
#forgottenloggin a{text-decoration:underline;color:#FFFFFF;}
#forgottenloggin input{background:#aaa7a1; border-color:#67797f;width:180px}
#forgottenloggin p{ font-size:1.1em; padding-bottom:10px}

#advancedsearch{float:left;width:257px;height:206px;background:#767269; text-align:left}
#advancedsearch #title{background:#767269;padding: 10px 0 10px 10px;}
#advancedsearch form{padding: 10px 0 0 10px; margin:0; font-size:1.2em; color:#FFFFFF}
#advancedsearch .formtext{float:left; padding-top:6px}
#advancedsearch input{width:130px;border-color:#67797f; float:right; margin-bottom:10px; margin-right:5px}
#advancedsearch select{width:135px;border-color:#67797f; float:right; margin-bottom:10px; margin-right:5px}
#advancedsearch p{float:left;padding-bottom:10px}
#advancedsearch2{float:left;width:257px;height:270px;background:#767269;text-align:left;color:#FFFFFF;font-size:1.2em;}
#advancedsearch2 a{float:left;padding-left:10px; padding-right:4px;}
#advancedsearch2 #title{background:#767269;padding: 10px 0 10px 10px;}

#magazinesearch {float:left;width:615px;height:448px;background:#000000; padding:18px 10px 10px 15px; overflow:hidden; font-size:1.1em; color:#FFFFFF}
#magazinesearch a{float:left;text-decoration:none; padding:3px;border:solid 3px #000000; margin-bottom:5px; color:#FFFFFF; text-align:center; text-transform:uppercase}
#magazinesearch a:hover{text-decoration:none;padding:3px; border:solid 3px #b41520}


#footer {
	width: 955px;
	margin: 0 auto; 
	text-align: right; 
	color:#FFFFFF;
	padding-top:5px;
}