/* CSS Document */
body,
	html {
		margin:0;
		padding:0;
		color:#000;
	}
	body {
	background-image:
  url('http://www.cosmicbooknews.com/spacebg1.jpg');
  background-repeat: no-repeat; 
  background-position: top center;
		background-color:#000;
		min-width:1050px;
	}
	#wrap {
		margin:0 auto;
		width:1050px;
		background-image:
  url('http://www.cosmicbooknews.com/bg/maincontaineryellowbg.png');
  background-repeat: repeat; 
  background-position: top center;}
	p.fonts{font-size: 14px;}
	p.first{
		margin-top:1px;
		margin-bottom:1px;
	}
	#header {
	margin-left: 30px;
	}
	#header h1 {
    	padding:5px;
	    margin:0;
    }
	#nav {
		
		padding:5px;
	}

	#nav ul{
		margin:0;
		padding:0;
		list-style:none;
	}
	#nav li{
		display:inline;
		margin:0;
		padding:0;
	}
	#main {
		float:left;
		width:640px;
	}
	#main h2, #main h3, #main p {
		padding:0 10px;
    }
	#sideb {
		
		float:right;
		width:310px;
		margin-right: 45px;
	}
	#sideb ul {
		margin-bottom:0;
    }
    #sideb h3, #sidebar p {
		padding:0 10px 0 0;
    }
	#footer {
	width: 990px;
		margin-left: 30px;
		clear:both;
	}
	#footer p {
		padding:5px;
		margin:0;
    }
    #aboutext {
float: left;
width: 665px;
margin-left: 5px;
} 
#border {
position: relative; 
left: 0px; 
top:  10px;
WIDTH:658px;  
z-index:3;
border: 1px solid #7f0000;
float: left;
}
#intropic {
position: relative; 
left: 0px; 
top: 0px;
WIDTH:648px;  
z-index:3;
border: 5px solid #0d52a0;
float: left;
}
#date {
position: relative; 
left: 20px; 
top: 10px; 
width: 61px;
height: 65px;
z-index:3;
float: left;
}
#month {
position: relative; 
left: -27px; 
top: 20px; 
font-family: Arial, Veranda, Helvetica, sans-serif;
font-size: 16px;
color: #fff;
z-index:3;
float: left;
}
#day {
position: relative; 
left: -52px; 
top: 40px; 
font-family: Arial, Veranda, Helvetica, sans-serif;
font-size: 16px;
color: #ffff00;
z-index:3;
float: left;
}
#aboutlabel {
position: relative; 
left: 0px; 
top: 10px;
WIDTH:490px; 
HEIGHT:40px; 
border-bottom: 1px dashed #000;
font-family: "Lucida Sans Unicode", "Times New Roman", Arial, Veranda, Helvetica, sans-serif;
font-size: 32px;
color: #ff6600;
padding-bottom: 0px;
z-index:3;
float: left;
}
#author {
position: relative; 
left:115px; 
top: -5px; 
width: 600px;
height: 40px;
font-family: Arial, Veranda, Helvetica, sans-serif;
font-size: 12px;
color: #000;
z-index:3;
float: left;
}
#author a:hover {
color: #0a4992;
text-decoration: underline;
}
#author a{
color: #0a4992;
text-decoration: none;
}
#icon {
position: relative; 
left: 0px; 
top: -50px; 
width: 29px;
height: 29px;
z-index:3;
float: left;
}
#emailicon {
position: relative; 
left: -375px; 
top: -10px; 
width: 24px;
height: 24px;
z-index:3;
float: left;
}
#arthead {
position: relative; 
left: 20px; 
top: 10px; 
width: 500px;
height: 50px;
z-index:3;
float: left;
}
#group {
position: relative; 
left: 0px; 
top:  10px;
width:660px; 
font-family: "Lucida Sans Unicode", "Times New Roman", Arial, Veranda, Helvetica, sans-serif;
font-size: 16px;
background-color: #fff;
margin: 0px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
color: #000;
z-index:3;
float: left;
}
#centerpic {
position: relative; 
left: 175px; 
top: 0px; 
width: 250px;
height: 384px;
padding: 5px;
border: 1px solid #0a4992;
z-index:3;
float: left;
}
#widepic {
position: relative; 
left: 83px; 
top: 0px; 
width: 464px;
height: 356px;
padding: 5px;
border: 1px solid #0a4992;
z-index:3;
float: left;
}
#fit {
position: relative; 
left: 0px; 
top: 0px; 
font-size: 14px;
width: 400px;
height: 30px;
z-index:3;
float: left;
}
#fit a:hover {
color: #028cfb;
text-decoration: underline;
}
#fit a{
color: #0a4992;
text-decoration: underline;
}
#titlesmall {
position: relative; 
left: -215px; 
top:  85px;
font-size:14px;
font-weight: bold;
float: left;
}
#titlebig {
position: relative; 
left: 180px; 
top:  80px;
width: 245px;
font-size:36px;
font-weight: bold;
margin-bottom: 110px;
float: left;
}
#text {
position: relative; 
left: 0px; 
top:  0px;
width: 660px;
height: 2200px;
float: left;
z-index: 3;
}
#text a:hover {
color: #028cfb;
text-decoration: underline;
}
#text a{
color: #0a4992;
text-decoration: underline;
}
img.lgrad {
display:block;
}
.prev1{
position: relative; 
left: 5px; 
top: 0px;
WIDTH:320px; 
HEIGHT:220px; 
padding: 0px;
margin-bottom: 40px;
z-index:2;
float: left;
border-bottom: 1px dotted #b5d8ff;
}
.revtitle{
position: relative; 
left: 0px; 
top: 5px;
WIDTH:100px; 
HEIGHT:40px;
font-family: Veranda, Arial, Helvetica, sans-serif;
font-size: 18px;
color: #0f54a2;
padding: 0px;
margin: 0px;
z-index:2;
float: left;
}
.revimage{
position: relative; 
left: 120px; 
top: 10px;
WIDTH:110px; 
HEIGHT:153px; 
padding: 0px;
margin: 0px;
z-index:2;
float: left;
}
.revdescript{
position: relative; 
left: -100px; 
top: 0px;
WIDTH:180px; 
HEIGHT:100px; 
font-family: Veranda, Arial, Helvetica, sans-serif;
font-size: 16px;
color: #0f54a2;
padding: 0px;
margin: 0px;
z-index:2;
float: left;
}
.revtitle1{
position: relative; 
left: 0px; 
top: 10px;
WIDTH:220px; 
HEIGHT:40px;
font-family: Veranda, Arial, Helvetica, sans-serif;
font-size: 18px;
color: #0f54a2;
padding: 0px;
margin: 0px;
z-index:2;
float: left;
}
.revimage1{
position: relative; 
left: 200px; 
top: 10px;
WIDTH:110px; 
HEIGHT:153px; 
padding: 0px;
margin: 0px;
z-index:2;
float: left;
}
.revdescript1{
position: relative; 
left:-100px; 
top: 30px;
WIDTH:180px; 
HEIGHT:100px; 
font-family: Veranda, Arial, Helvetica, sans-serif;
font-size: 16px;
color: #0f54a2;
padding: 0px;
margin: 0px;
z-index:2;
float: left;
}

#ttitle{
font-size: 16px;
font-weight: bold;
}
div.imjnormal{
margin-left: auto;
margin-right: auto;
width: 236px;
background-color: #bfd9ff;
padding-bottom: 2px;
}
div.imj{
margin-left: 5px;
margin-right: 10px;
margin-bottom: 5px;
float: left;
width: 236px;
background-color: #bfd9ff;
padding-bottom: 2px;
}

div.imj210{
margin-left: 30px;
margin-right:23px;
margin-bottom:15px;
float: left;
width: 210px;
background-color: #bfd9ff;
padding-bottom: 2px;

}
div.imj135{
float: left;
margin-left: 48px;
margin-right:48px;
margin-bottom:15px;
width: 145px;
background-color: #bfd9ff;
padding-bottom: 2px;

}
div.imj93{
margin-left: 23px;
margin-right:30px;
margin-bottom:15px;
float: left;
width: 103px;
background-color: #bfd9ff;
padding-bottom: 2px;

}
div.imj300{
margin-left: auto;
margin-right:auto;
margin-bottom:15px;
width: 310px;
background-color: #bfd9ff;
padding-bottom: 2px;

}
div.imj250{
margin-left: auto;
margin-right:auto;
margin-bottom:15px;
width: 260px;
background-color: #bfd9ff;
padding-bottom: 2px;

}
div.imj3{
margin-left: 5px;
margin-right: 10px;
float: left;
width: 156px;
background-color: #bfd9ff;
padding-bottom: 2px;

}
div.imjright{
margin-left: 10px;
margin-right: 5px;
float: right;
width: 123px;
background-color: #bfd9ff;
padding-bottom: 2px;

}
div.imjright180{
margin-left: 10px;
margin-right: 5px;
float: right;
width: 190px;
background-color: #bfd9ff;
padding-bottom: 2px;

}
div.imjright270{
margin-left: 10px;
margin-right: 5px;
float: right;
width: 280px;
background-color: #bfd9ff;
padding-bottom: 2px;

}
IMG.displayed {
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding-top: 5px;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 0px;
    
     }
div.thumb {
position: relative; 
left: 0px; 
top: 0px;
width:156px; 
border: 1px solid #084d9b; 
padding-top: 2px;
padding-bottom: 2px;
padding-left: 10px;
padding-right: 10px;
margin: 10px;
float: left;
}
img.brdr {
position: relative; 
left: 0px; 
top: 0px;
border: 1px solid #084d9b; 
padding-top: 2px;
padding-bottom: 2px;
padding-left: 10px;
padding-right: 10px;
margin: 10px;
float: left;
}


p.picdescrip{
margin: 5px;
text-align: center;
font-size: 10px;
color: #000;
     
     }
     h3{
 color: #0a4992;
 
     }
img.floatRight { 
    float: right; 
    margin: 15px;
    padding: 5px;
    border: 1px solid #0a4992;}
    img.floatLeft { 
    float: left; 
    padding: 5px;
    margin: 15px;
    border: 1px solid #0a4992;}
    #link {
		position: relative;
		top: 180px;
		width: 600px;
		left: 40px;
		float: left;
	}
     #qnmonth {
		position: relative;
		top: 300px;
		left: 200px;
		height: 87px;
		width: 100px;
		left: 40px;
		float: left;
	}
    #sidebar {
position: relative;
top: 10px;
left: 10px;
float: left;
width:  310px;
}
IMG.displayed {
    display: block;
    margin-left: auto;
    margin-right: auto }
#sidebar1{
position: relative;
top: 0px;
left: 0px;
height: 30px;
width:  310px;
border: 1px solid #7f0000;
float: left;
}
#move{
position: relative;
top: 5px;
left: 0px;
border: 1px solid #e3eeff;
float: left;
}
#move5{
position: relative;
top: -52px;
left: 0px;
border: 1px solid #e3eeff;
float: left;
}
#move1{
position: relative;
top: -109px;
left: 0px;
border: 1px solid #e3eeff;
float: left;
}
#move2{
position: relative;
top: -166px;
left: 0px;
border: 1px solid #e3eeff;
float: left;
}
#move3{
position: relative;
top: -223px;
left: 0px;
border: 1px solid #e3eeff;
float: left;
}
.cssnav
{
position: relative;
font-family:Georgia,century gothic,Arial,verdana, sans-serif;	
background: url('http://www.cosmicbooknews.com/bg/cssrollbg.jpg');
white-space: nowrap;
display: block;
width: 310px;
height: 75px;
margin: 0;
padding: 0;
}

.cssnav a
{
display: block;
color: #000000;
font-size: 11px;
width: 310px;
height: 75px;
display: block;
float: left;
color: black;
text-decoration: none;
}

.cssnav img
{
width: 310px;
height: 75px;
border: 0
}

* html a:hover
{
visibility:visible
}

.cssnav a:hover img
{
visibility:hidden
}

.cssnav span
{
position: absolute;
left: 115px;
top: 5px;
margin: 0px;
padding: 0px;
font-size: 14px;
color: #7f0000;
cursor: pointer;
} 
.more
{
position: absolute;
left: 115px;
top: 20px;
margin: 0px;
padding: 0px;
font-size: 14px;
font-weight: bold;
color: #ffc000;
cursor: pointer;
} 
.descript
{
position: absolute;
left: 115px;
top: 40px;
margin: 0px;
padding: 0px;
font-size: 9px;
font-weight: bold;
color: #c1cfda;
cursor: pointer;
} 
#pic1{
position: relative;
top: -65px;
left: 5px;
width: 100px;
height: 60px;
border: 1px solid #bfd9ff;
float: left;
}
#pic{
position: relative;
top: -122px;
left: 5px;
width: 100px;
height: 60px;
border: 1px solid #bfd9ff;
float: left;
}
#pic2{
position: relative;
top: -179px;
left: 5px;
width: 100px;
height: 60px;
border: 1px solid #bfd9ff;
float: left;
}
#pic3{
position: relative;
top: -235px;
left: 5px;
width: 100px;
height: 60px;
border: 1px solid #bfd9ff;
float: left;
}
#pic4{
position: relative;
top: -293px;
left: 5px;
width: 100px;
height: 60px;
border: 1px solid #bfd9ff;
float: left;
}
#signup{
position: relative;
top: -279px;
left: 0px;
height: 64px;
width:  310px;
border: 1px solid #7f0000;
float: left;
}
#forms{
position: relative;
top: -35px;
left: 40px;
height: 24px;
width:  310px;
float: left;
}
#form{
position: relative;
top: 0px;
left: 0px;
height: 24px;
width:  180px;
float: left;
}
#input{
position: relative;
top: 0px;
left: 0px;
height: 24px;
width:  60px;
z-index: 4;
float: left;
}
#wr {
position: relative; 
left: 0px; 
top: -273px;
WIDTH:290px; 
HEIGHT:30px; 
padding: 10px;
margin: 0px;
border: 1px solid #adc5dd;
background-image:
  url('http://www.cosmicbooknews.com/onebgs.jpg');
  background-repeat: repeat;
z-index:4;
float: left;
}
.wr:hover  img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
-moz-opacity: 0.5;
}

.wr img{
position: relative;
top: 0px;
left: 10px;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1;
}

.wr img{
border: 0px solid #ccc;
}

.wr:hover img{
border: 0px solid navy;
}

.wr:hover{
color: red; /* Dummy definition to overcome IE bug */
}
#adhead{
position: relative;
top: -268px;
left: 0px;
height: 289px;
width:  310px;
border: 1px solid #bfd9ff;
background-color: #005eaa;
float: left;
}
#ad1{
position: relative;
top: 5px;
left: 14px;
height: 124px;
width:  124px;
border: 5px solid #bfd9ff;
background-color: #005eaa;
float: left;
}
#ad2{
position: relative;
top: 5px;
left: 30px;
height: 124px;
width:  124px;
border: 5px solid #bfd9ff;
background-color: #005eaa;
float: left;
}
#ad3{
position: relative;
top: 15px;
left: 14px;
height: 124px;
width:  124px;
border: 5px solid #bfd9ff;
background-color: #005eaa;
float: left;
}
#ad4{
position: relative;
top: 15px;
left: 30px;
height: 124px;
width:  124px;
border: 5px solid #bfd9ff;
background-color: #005eaa;
float: left;
}
#newshead{
position: relative;
top: -265px;
left: 0px;
height: 285px;
width:  330px;
font-family:font-family:Georgia,century gothic,Arial,verdana, sans-serif;
font-size: 14px;	
border: 0px solid #bfd9ff;
float: left;
}
#previewshead{
position: relative;
top: -245px;
left: 0px;
height: 285px;
width:  330px;
font-family:font-family:Georgia,century gothic,Arial,verdana, sans-serif;	
font-size: 14px;	
border: 0px solid #bfd9ff;
float: left;
}
#reviewshead{
position: relative;
top: -225px;
left: 0px;
height: 285px;
width:  330px;
font-family:font-family:Georgia,century gothic,Arial,verdana, sans-serif;
font-size: 14px;		
border: 0px solid #bfd9ff;
float: left;
}
#newshead a:hover {
color: #028cff;
text-decoration: underline;
}
#newshead a{
color: #fff;
text-decoration: underline;
}
#previewshead a:hover {
color: #028cff;
text-decoration: underline;
}
#previewshead a{
color: #fff;
text-decoration: underline;
}
#reviewshead a:hover {
color: #028cff;
text-decoration: underline;
}
#reviewshead a{
color: #fff;
text-decoration: underline;
}
#news1{
position: relative;
top: -5px;
left: 0px;
height: 270px;
width:  310px;
background-color: #005eaa;
float: left;
}
#previews1{
position: relative;
top: -5px;
left: 0px;
height: 270px;
width:  310px;
background-color: #005eaa;
float: left;
}
#reviews1{
position: relative;
top: -5px;
left: 0px;
height: 270px;
width:  310px;
background-color: #005eaa;
float: left;
}
#a1 {
position: relative; 
left: 0px; 
top: 0px;
WIDTH:310px; 
HEIGHT: 40px; 
border: 0px solid #000;
padding: 0px;
margin-top: 0px;
margin-bottom: 0px;
float: left;
}
#newslink2 {
position: relative; 
left: 20px; 
top: 0px;
WIDTH:310px; 
HEIGHT:40px; 
font-size: 1em;
padding: 0px;
margin: 0px;
color: #fff;
float: left;
}
#bullet{
position: relative; 
left: 3px; 
top: -34px;
WIDTH:10px; 
HEIGHT:10px; 
padding: 0px;
margin: 0px;
float: left;
}
#forum{
position: relative;
top: -205px;
left: 0px;
width:  310px;
height: 400px;
font-family:font-family:Georgia,century gothic,Arial,verdana, sans-serif;	
border: 1px solid #bfd9ff;
background-color: #bfd9ff;
background-image:
  url('http://www.cosmicbooknews.com/bg/forumbg.png');
  background-repeat: no-repeat; 
float: left;
}
#forum a:hover {
color: #005eaa;
text-decoration: underline;
}
#forum a{
color: #fff;
text-decoration: underline;
}
#title1{
position: relative;
top: -120px;
left: 115px;
font-size: 14px;
color: #fff;
float: left;
}
#title2{
position: relative;
top: -125px;
left: 115px;
font-size: 16px;
color: #fff;
font-weight: bold;
float: left;
}
#title3{
position: relative;
top: -125px;
left: 115px;
font-size: 10px;
color: #fff;
font-weight: bold;
float: left;
}
    #header2 {
WIDTH:990px; 
HEIGHT:100px; 
background-image:
  url('http://www.cosmicbooknews.com/header2bg.jpg');
  background-repeat: repeat;
}
#contact {
position: relative; 
left: -700px; 
top: 440px;
WIDTH:100px; 
HEIGHT:40px; 
font-family: Arial, Veranda, Helvetica, sans-serif;
font-size: 16px;
color: #000;
z-index:3;
float: left;
}
#contact a:hover {
color: #0a4992;
text-decoration: underline;
}
#contact a{
color: #0a4992;
text-decoration: none;
}

.endtabs{
width: 100%;
overflow: hidden;
border-bottom: 0px solid black; /*bottom horizontal line that runs beneath tabs*/
}

.endtabs ul{
margin: 0;
padding: 0;
padding-left: 10px; /*offset of tabs relative to browser left edge*/
font: bold 12px Verdana;
list-style-type: none;
}

.endtabs li{
display: inline;
margin: 0;
}

.endtabs li a{
float: left;
display: block;
text-decoration: none;
margin: 0;
padding: 7px 8px; /*padding inside each tab*/
border-right: 1px dotted white; /*right divider between tabs*/
color: white;
 /*background of tabs (default state)*/
}

.endtabs li a:visited{
color: white;
}

.endtabs li a:hover, .mattblacktabs li.selected a{
color: yellow; /*background of tabs for hover state, plus tab with "selected" class assigned to its LI */
}
#copy {
position: relative; 
left: 80px; 
top: 20px;
WIDTH:200px; 
HEIGHT:30px; 
padding: 0px;
margin: 0px;
float: left;
}
#cbdbanner {
position: relative; 
left: 145px; 
top: -23px;
WIDTH:620px; 
HEIGHT:90px; 
padding: 0px;
margin: 0px;
float: left;
}