* {
padding: 0;
margin: 0;
}

body {
margin: 0;
background-color: #dbf0ee;
background-image:url(background.jpg);
background-repeat: repeat-x;

color: #000000;
font-family: verdana;
font-size: 7pt;
text-decoration: none;
}

html, body {
height: 100%;
}

img{
display:block;
}

a {
color: #FFFFFF;
}

.wrapClouds{
background-image:url(background_clouds.jpg);
background-repeat: repeat-x;
background-position: top center;
}

.background_cover{
position:absolute;
width:70px;
height:700px;
background-image:url(background_cover.png);
background-repeat: no-repeat;
background-position:center 450px;
margin-left: -50px;
}

.background_cover_right{
position:absolute;
width:74px;
height:800px;
background-image:url(background_cover_right.png);
background-repeat: no-repeat;
background-position:center 471px;
margin-left: 928px;
}

.main{
width:970px;
margin: 0 auto;
}

.header{
width:970px;
height:359px;
clear:both;
}

.contentContainer{
width:100%;
margin: auto;
float:left;
}

.contentLeftTop{
width:70px;
float:left;
background-image:url(content_left_top2.png);
background-repeat: repeat-y; 
margin-top: 376px;
}

.contentLeftTop img{
margin-top: -376px;
}

.contentRightTop{
width:70px;
float:right;
background-image:url(content_right_top2.png);
background-repeat: repeat-y;
margin-top: 370px;
}

.contentRightTop img{
margin-top: -370px;
}

.content{
float:left;
width:830px;
background:#807719;
background-image:url(content_background.png);

padding-top:15px;
}

.contentRightTop{
float:right;
}

.clouds{
clear:both;
float:left;
width:100%;
z-index:10;
margin-top:-150px;
height:397px;
background-image:url(clouds.png);
background-repeat: repeat-x;
background-position:center bottom;
}

.footer_character1{
float:left;
margin-top:50px;
}

.footer_character2{
float:right;
}

.footerbox{
width:222px;
height:180px;
background-image:url(footer_background.png);
background-repeat: no-repeat;
padding:14px;
float:left;
margin-right:10px;
}

.footerbox img{
display:inline;
}

.footerbox h1{
font-size: 11pt;
font-weight: bold;
}

.footerbox p{
padding-top:6px;
width:220px;
}

#footerbox1{
color: #ee386d;
}

#footerbox1 a{
font-weight: bold;
color: #b90c38;
}

#footerbox2{
color: #73b6cd;
}

#footerbox3{
color: #91b01f;
}

#footerbox3 a{
font-weight: bold;
color: #69a507;
}

#twitter_update_list li{
list-style-type: none;
padding-top:6px;
}

#twitter_update_list li a{
color: #0287ad;
}

h2{
color: #ffffff;
font-family: verdana;
font-size: 11pt;
padding:10px 15px 5px 15px;
width: 350px;
float: left;
font-weight: bold;
text-decoration: none;

}

/* Homepage */

.featured{
width:503px;
float:left;
margin-bottom: 17px;
}

.featured p{
color: #ffffff;
padding:10px 10px 5px 15px;
background:#d42155;
text-decoration: none;
}

.featured a{
text-decoration: none;
}

.latestnews{
float:left;
width:242px;
margin-right:17px;
}

.latestnews p{
color: #ffffff;
padding:10px 15px 5px 15px;
background:#f15700;
text-decoration: none;
}

.latestnews a{
text-decoration: none;
}

.gallery{
float:left;
width:242px;
}

.gallery p{
color: #ffffff;
padding:10px 15px 5px 15px;
background:#77bc08;
text-decoration: none;
}

.gallery a{
text-decoration: none;
}

/* Content headers */

.contenttop{
float:left;
width:830px;
margin-bottom: 17px;
}

.contenttop p{
color: #ffffff;
padding:10px 15px 5px 15px;
width: 350px;
float: left;
text-decoration: none;
}

.contenttop_blue{
background:#14a7d2;
}

.contenttop_blue p{
background:#14a7d2;
}

.contenttop_pink{
background:#d42155;
}

.contenttop_pink p{
background:#d42155;
}

.contenttop_orange{
background:#f15700;
}

.contenttop_orange p{
background:#f15700;
}

.contenttop_purple{
background:#c65597;
}

.contenttop_purple p{
background:#c65597;
}

.contenttop_green{
background:#77bc08;
}

.contenttop_green p{
background:#77bc08;
}

/* Content boxes */

.contentbox{
float:left;
width:407px;
margin-right:16px;
}

.contentbox p{
color: #ffffff;
padding:10px 15px 5px 15px;
text-decoration: none;
}

.contentbox img{
margin:auto;
}

.contentbox_blue{
background:#14a7d2;
}

.contentbox_blue p{
background:#14a7d2;
}

.contentbox_purple{
background:#c65597;
}

.contentbox_purple p{
background:#c65597;
}

.latestnewsimage{
float:left;
padding: 10px 0 0 15px;
}

/* Character page */

.characterselect{
float:left;
width:195px;
margin:0 16px 16px 0;
}

.meetmainlogo{
width: 330px;
float: left;
padding:10px 15px 5px 15px;
}

.meetmainlogo img{
margin:auto;
}

.meetmaincharacter{
width: 450px;
float:right;
}

.meetmaincharacter img{
margin:auto;
}

.meetgalleryimages{
width:330px;
padding:10px 0 0 31px;
}

.meetgalleryimages img{
float: left;
padding: 0 0 18px 18px;
}

/* About */



/* Wallpapers */

.wallpaperdetail{
float:left;
width:195px;
margin:0 16px 16px 0;
}

.wallpaperdetail p{
color: #ffffff;
padding:10px 15px 5px 15px;
text-decoration: none;
}

.wallpaperdetailset1 p{
background:#14a7d2;
}

.wallpaperdetailset2 p{
background:#77bc08;
}

.wallpaperdetailset3 p{
background:#f15700;
}

.wallpaperdetailset4 p{
background:#c65597;
}

.wallpaperdetailset5 p{
background:#d32155;
}

/* Gallery */

.galleryImageLeft {
margin-left: 17px;
margin-top: 17px;
margin-bottom: 17px;
border-style: solid;
border-width: 5px;
border-color: #FFFFFF;
float: left;
}

.galleryImageRight {
margin-right: 17px;
margin-top: 17px;
margin-bottom: 17px;
border-style: solid;
border-width: 5px;
border-color: #FFFFFF;
float: right;
}

.gallerytop{
float:left;
width:830px;
margin-bottom: 17px;
}

.gallerytop p{
color: #ffffff;
padding:10px 15px 5px 15px;
float: left;
text-decoration: none;
}

.gallerytop h2 {
width: 250px;
}