/* ------------------------------------------------------------

Title: Paramore Fans
Author: Ashley Brown
Other: Inspired by cereal

------------------------------------------------------------ */


/* ------------------------------------------------------------
DEFAULT STYLES
------------------------------------------------------------ */

body {
background: #21201e url(../images/appljcks.jpg) top center repeat-x;
text-align: center;
font-family: Arial, Helvetica, sans-serif;
font-size: x-small;
}

p {
font-size: 1.2em;
color: #4d4d4d;
margin: 0 0 10px 0;
letter-spacing: .04em;
line-height: 18px;
}

a:link,
a:visited,
a:active {
color: #366e9c;
text-decoration: none;
}

a:hover {
color: #fff;
text-decoration: none;
background-color: #366e9c;
}

/* ------------------------------------------------------------
TEXT
------------------------------------------------------------ */

h1 {
text-transform: uppercase;
font-size: 1.8em;
color: #42403a;
margin-top: 24px;
margin-bottom: 1px;
}

h2 {
text-transform: uppercase;
font-size: 1.5em;
color: #42403a;
padding-top: 18px;
margin-bottom: 1px;
}

h3 {
text-transform: uppercase;
font-size: 1.5em;
color: #42403a;
margin-bottom: 1px;
}

/* ------------------------------------------------------------
STRUCTURE
------------------------------------------------------------ */

#cerealbox {
background:url(../images/cheerios.jpg) repeat-y;
width: 880px;
height: auto;
margin: 0 auto;
text-align: left;
position: relative;
background-color:#e7e7e7;
}

.header {
background:url(../images/cpncrnch.jpg);
width: 880px;
height: 113px;
margin-left: auto;
margin-right: auto;
}

#crumbsinbox {
background:url(../images/chx.jpg);
width: 880px;
height: 27px;
margin: 0 auto;
}

.captaincrunch {
width: 535px;
margin: 0 23px 0 28px;
min-height: 1380px;
}

.captaincrunch1 {
width: 240px;
margin: 0 28px 0 20px;
float: right;
}

.miniwheats {
float: left;
width: 225px;
}

.sectionbg {
background:url(../images/section_bg.jpg);
width: 534px;
height: 97px;
margin: 15px 0 20px 0;
}

.sectiontext {
margin: 4px 0 0 0;
}

.sectionthumb {
margin: 15px;
height: 65px;
width: 65px;
float: left;
}

.updates {
background:url(../images/title_updates.jpg);
width: 117px;
height: 24px;
margin: 28px 0 0 28px;
}

.blank {
background:url(../images/title_blank.jpg);
width: 117px;
height: 24px;
margin: 28px 0 0 28px;
}

.ontour {
background:url(../images/title_ontour.jpg);
width: 120px;
height: 24px;
margin: -24px 0 28px 0;
}

.links {
background:url(../images/title_links.jpg);
width: 79px;
height: 24px;
margin: 0 0 28px 0;
}

.featured {
background:url(../images/title_featured.jpg);
width: 130px;
height: 24px;
margin: 0 0 28px 0;
}

.twitter {
background:url(../images/title_twitter.jpg);
width: 121px;
height: 24px;
margin: 0 0 28px;
}

.theband {
background:url(../images/title_theband.jpg);
width: 130px;
height: 24px;
margin: 28px 0 0 28px;
}

.thefans {
background:url(../images/title_thefans.jpg);
width: 131px;
height: 24px;
margin: 28px 0 0 28px;
}

.media {
background:url(../images/title_media.jpg);
width: 84px;
height: 24px;
margin: 28px 0 0 28px;
}

.internet {
background:url(../images/title_internet.jpg);
width: 129px;
height: 24px;
margin: 28px 0 0 28px;
}

.footer {
width: 880px;
height: auto;
margin-top: 8px;
margin-bottom: 20px;
margin-left: auto;
margin-right: auto;
text-align: left;
color: #CCCCCC;
font-size: 11px;
letter-spacing: .4px;
}


/* ------------------------------------------------------------

Menu

------------------------------------------------------------ */

#menu {
background:url("../images/menu.jpg") no-repeat;
width:880px;
height:35px;
margin:0;
padding:0;
}

#menu span {
display: none;
}

#menu li, #menu a {
height:35px;
display:block;
}

#menu li {
float:left;
list-style:none;
display:inline;
}

#menu-01 {width: 87px;}
#menu-02 {width: 120px;}
#menu-03 {width: 120px;}
#menu-04 {width: 100px;}
#menu-05 {width: 116px;}
#menu-06 {width: 159px;}
#menu-07 {width: 178px;}

#menu-01 a:hover {background:url("../images/menu.jpg") 0px -35px no-repeat; }
#menu-02 a:hover {background:url("../images/menu.jpg") -87px -35px no-repeat; }
#menu-03 a:hover {background:url("../images/menu.jpg") -207px -35px no-repeat; }
#menu-04 a:hover {background:url("../images/menu.jpg") -327px -35px no-repeat; }
#menu-05 a:hover {background:url("../images/menu.jpg") -427px -35px no-repeat; }
#menu-06 a:hover {background:url("../images/menu.jpg") -543px -35px no-repeat; }
#menu-07 a:hover {background:url("../images/menu.jpg") -702px -35px no-repeat; }

#homePage ul li#menu-01    		 {background:url("../images/menu.jpg")    0px -70px no-repeat; }
#thebandPage ul li#menu-02  	 {background:url("../images/menu.jpg") -87px -70px no-repeat; }
#thefansPage ul li#menu-03       {background:url("../images/menu.jpg") -207px -70px no-repeat; }
#mediaPage ul li#menu-04		 {background:url("../images/menu.jpg") -327px -70px no-repeat; }
#internetPage ul li#menu-05   	 {background:url("../images/menu.jpg") -427px -70px no-repeat; }
#galleryPage ul li#menu-06       {background:url("../images/menu.jpg") -543px -70px no-repeat; }
#messageboardsPage ul li#menu-07 {background:url("../images/menu.jpg") -702px -70px no-repeat; }


/* ------------------------------------------------------------

Misc

------------------------------------------------------------ */

.line {
background:url(../images/line.jpg);
width: 535px;
height: 2px;
margin: 0 0 12px 0;
}

.linesection {
background:url(../images/line.jpg);
width: 425px;
height: 2px;
margin: 0 0 6px 95px;
}

.linesmall {
background:url(../images/hr_small.jpg);
width: 243px;
height: 2px;
margin: 18px 0 18px 0;
}

.entrydate {
font-size: 1em;
text-transform: uppercase;
color: #42403a;
float: right;
margin-top: -15px;
}

.tourdatestable {
font-size: 1.2em;
color: #4d4d4d;
letter-spacing: .04em;
line-height: 25px;
}

.grayform {
background-color:#e7e7e7;
}