@charset "utf-8";

/* CSS Document */

*{

margin:0;

padding:0;

}



html{

background:url(../images/bg.gif) center;

}



/*Header*/

#header{

width:1024px;

height:178px;

margin:auto;

}

#logo{

width:335px;

height:178px;

background:url(../images/logo-anim.gif) no-repeat;

float:left;

}

#header-r{

width:689px;

height:178px;

background:url(../images/header.jpg) no-repeat;

float:left;

}



/*MENU*/



#menu{
	width:1024px;
	height:80px;
	margin:auto;
}



#home, #about-book, #about-author, #excerpt, #characters, #universe, #menu-left, #download, #blog, #store, #author-visit, #releases, #contact, #menu-blog2, #menu-right{

height:40px; float:left; cursor:pointer;

}

#menu a:hover div, #menu .current{

background-position:0 -40px;}



#home{

width:110px;

background:url(../images/menu-home.jpg) no-repeat;

}

#about-book{

width:154px;

background:url(../images/menu-about-book.jpg) no-repeat;

}

#about-author{

width:180px;

background:url(../images/menu-about-authors.jpg) no-repeat;

}

#excerpt{

width:159px;

background:url(../images/menu-excerpt.jpg) no-repeat;

}

#characters{

width:197px;

background:url(../images/menu-characters.jpg) no-repeat;

}

#universe{

width:224px;

background:url(../images/menu-universe.jpg) no-repeat;

}



#menu-left{
	width:122px;
	background:url(../images/menu-left.jpg) repeat-x;

}

#menu-blog2{
	width:66px;
	
	background:url(../images/menu-blog2.jpg) no-repeat;
	
}

#menu-right{

	width:128px;

	background:url(../images/menu-right.jpg) no-repeat;

}



#download{

width:107px;

background:url(../images/menu-download.jpg) no-repeat;

}

#blog{

width:66px;

background:url(../images/menu-blog.jpg) no-repeat;

}

#store{

width:129px;

background:url(../images/menu-online.jpg) no-repeat;

}

#author-visit{

width:129px;

background:url(../images/menu-author.jpg) no-repeat;

}

#releases{

width:143px;

background:url(../images/menu-press.jpg) no-repeat;

}

#contact{

width:113px;

background:url(../images/menu-contact.jpg) no-repeat;

}

/*CONTENT*/

#content{

width:1024px;

margin:auto;

}

#content .characters{

width:330px;

float:left;

margin-left:10px;

}

#content h1{

font-family:Arial, Helvetica, sans-serif;

font-size:16px;

font-weight:bold;

font-style:italic;

text-align:center;

color:white;

padding:5px 15px;

}

.fs22 {

	font-size: 22px;

}



#content h2{

font-family:Arial, Helvetica, sans-serif;

font-size:14px;

font-weight:bold;

font-style:italic;

color:white;

padding:15px;

}

#content p, #content ul, form{
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	color:#FFF;
	padding:15px;
	text-align: justify;

}

#content ul {

margin-left:20px;

}

a{

color:#25b7d2;}

a:hover{
	color:#de0028;
	text-align: center;
}

#content img{

margin:15px !important;}

#left{

width:324px;

float:left;

}

#right{
	margin-top:15px;
	width:700px;
	float:right;
	text-align: left;

}

#wide-content {

margin-top:15px;

width:870px;

margin:auto;

text-align:center;

}

form {

line-height:22px;

}



/*FOOTER*/

#footer{
	width:1000px;
	margin:auto;
	clear:both;
	text-align: center;
}

#footer ul{

list-style:none;

text-align:center;

}

#footer ul li{

display:inline;



font-family:Arial, Helvetica, sans-serif;

font-size:11px;

color:#225382;

}

#footer p{

text-align:center;

font-family:Arial, Helvetica, sans-serif;

font-size:11px;

color:#225382;

padding:5px;

}

#footer a{

color:#25b7d2;

margin:0 5px;

text-decoration:none;

}

#footer a:hover{

color:#de0028;

}

.red { color: #CC0000}

.b {
	font-weight:bold;
	font-size: 24px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
}

.bg_black {

	background-color: #000000;

}