@charset "UTF-8";
/* CSS Document */
/*
dark: ab2d10
light: e6c0b8
*/


/* FOR SHOW SPECIFIC CSS */
body {
background:#000 url(../../images/info/home/back.jpg) fixed 0 125px repeat-y;
}

/**** Index ****/

#wrap {
width:1000px;
}

#content {
padding:0 10px 0 0;
width:950px;
}

#colmain {
float:left;
margin: 0 0 0 15px;
width:470px;
}

#colbanners {
float:right;
margin: 0 0 0 0;
width:450px;
}

#postermenu {
float:left;
}

#nowplaying {
float:left;
height:500px;
margin-bottom:10px;
width:450px;
}


/***** CSS Nowplaying background rollover *****/

#nptop a,
#nptimes a,
#nptix a,
#npabout a,
#npbios a,
#npmedia a,
#npevents a,
#npbottom a
{
background-image:url(../../images/info/home/nowplaying.gif);
background-repeat:no-repeat;
display:block;
float:left;	/*don't know if this is necessary for normal menus, but I had to do it for a split menu for RTBP */
overflow:hidden;
padding:0;
width:450px;
}

/* Used for split menus, like Reasons to be Pretty #nptimes a,

#npabout a,
*/
#nptimes a,
#nptix a,
#npbios a,
#npmedia a
{
width:225px;
}

#nptop a {
height:123px;
background-position:0 0;
}

#nptop a:hover, #nptop a:active {
background-position:-450px 0px;
}

#nptimes a {
height:55px;
background-position:0 -380px;
}

#nptimes a:hover, #nptimes a:active {
background-position:-450px -380px;
}

#nptix a {
height:65px;
background-position:0 -435px;
}

#nptix a:hover, #nptix a:active {
background-position:-450px -435px;
}

#npabout a {
height:380px;
background-position:0 0px;	/*Change x position back to 0 for standard menu */
}

#npabout a:hover, #npabout a:active {
background-position:-450px 0px;	/*Change x position back to -450 for standard menu */
}

#npbios a {
height:55px;
background-position:-225px -380px;	/*Change x position back to 0 for standard menu */
}

#npbios a:hover, #npbios a:active {
background-position:-675px -380px;	/*Change x position back to -450 for standard menu */
}

#npmedia a {
height:65px;
background-position:-225px -435px;	/*Change x position back to 0 for standard menu */
}

#npmedia a:hover, #npmedia a:active {
background-position:-675px -435px;	/*Change x position back to -450 for standard menu */
}

#npbottom a {
height:102px; /*when media added, change to 202*/
background-position:0 -398px; /*when media added, change to 298*/
}

#npbottom a:hover, #npbottom a:active {
background-position:-450px -398px; /*when media added, change to 298*/
}

#npevents a {
height:41px;
background-position:0 -174px;
}

#npevents a:hover, #npevents a:active { /*used for Guys*/
background-position:-450px -174px;	/*Change x position back to -450 for standard menu */
}


/***** Banners Etc. *****/


#banner {
float:left;
margin:0 0 10px 0;
width:450px;
}

#whitebanner {
background-color:#fff;
float:left;
margin:0 0 10px 0;
padding:10px;
width:430px;
}

#splitbanners {
float:left;
width:450px;
}

#splitbanner-l, #splitbanner-r {
background-color:#fff;
margin:0 0 10px 0;
padding: 5px;
width:210px;
}

#splitbanner-l {
float:left;
}

#splitbanner-r {
float:right;
}

#splitbanner-l h3, #splitbanner-r h3 {
	text-align:center;
}

.mainsearchbutton {
background-color:#32439B;
color:#fff;
}

.mainsearchfield {
width:340px;
}