/***************************
V14 - Class Act Layout
***************************/

* {
	/* Reset browsers default margin, padding and font sizes */
	margin: 0px;
	padding: 0px;
}

/* Always show a scrollbar for short pages - stops the jump when the scrollbar appears. non-IE browsers */
html { font-size: 100%; height: 100%; margin-bottom: 1px; background: #272727; }
body { margin: 0px; min-width: 1020px; background: #272727; min-height: 101%; }

/* Site Setup */

.page-header { margin: 0px; padding: 0px; height: 500px; width: 100%; background: #000 url(../images/backgrounds/rotate.php) no-repeat center top; clear: both; }
.page-header-small { margin: 0px; padding: 0px; height: 400px; width: 100%; background: #000 url(../images/backgrounds/rotate.php) no-repeat center top; clear: both; }
.menu { background: url(../images/layout/menu_bg.png) no-repeat; height: 150px; width: 1000px; margin: auto; position: relative; }

.navigation { position: absolute; right: 15px; bottom: 10px; }

.navigation a { height: 65px; width: 125px;  display: block; float: left; }
.navigation .news { background: url(../images/layout/menu_news.png) no-repeat left top; }
.navigation .news:hover { background: url(../images/layout/menu_news.png) no-repeat left bottom; }
.navigation .welcome { background: url(../images/layout/menu_welcome.png) no-repeat left top; }
.navigation .welcome:hover { background: url(../images/layout/menu_welcome.png) no-repeat left bottom; }
.navigation .community { background: url(../images/layout/menu_community.png) no-repeat left top; }
.navigation .community:hover { background: url(../images/layout/menu_community.png) no-repeat left bottom; }
.navigation .raiding { background: url(../images/layout/menu_raiding.png) no-repeat left top; }
.navigation .raiding:hover { background: url(../images/layout/menu_raiding.png) no-repeat left bottom; }
.navigation .extras { background: url(../images/layout/menu_extras.png) no-repeat left top; }
.navigation .extras:hover { background: url(../images/layout/menu_extras.png) no-repeat left bottom; }

.frame { height: 150px; width: 1000px; margin: auto; position: relative; }
.portalshow { background: url(../images/layout/slideshow_bg.png) no-repeat left top; margin: 20px; padding: 25px 20px 20px; height: 255px; width: 390px; right: 0px; position: absolute; }

.page-bg { background: url(../images/layout/page_bg.jpg) repeat-x center top; height: auto; width: 100%; }
.page-content { background: url(../images/layout/page_content_bg.jpg) no-repeat center top; padding: 25px 20px 20px; width: 980px; margin: auto; min-height: 400px; }
.portal-content { background: url(../images/layout/page_content_bg.jpg) no-repeat center top; padding: 5px 20px 20px; width: 980px; margin: auto; min-height: 400px; }

.set-1 { width: 300px; margin-right: 20px; float: left; font: 14px Arial, Helvetica, sans-serif; color: #FFF; padding-right: 10px; padding-left: 10px; }
.set-2 { width: 310px; margin-right: 20px; float: left; }
.set-3 { width: 310px; float: left; }

.portal-panel .title { font: 18px/18px "Arial Black", Gadget, sans-serif; text-transform: uppercase; color: #3896bb; }

.requirements { margin: 10px auto auto; clear: both; width: 90%; font: 14px/20px Arial, Helvetica, sans-serif; color: #111111; }
.req { float: left; height: 20px; width: 50%; text-align: left; list-style: square; display: list-item; }

.shownav { position: absolute; z-index: 1000; right: 25px; bottom: 25px; width: 60px; }
.shownav .b-prev { background: url(../images/slideshow/nav_square.png) no-repeat left top; height: 30px; width: 30px; float: left; }
.shownav .b-prev:hover { background: url(../images/slideshow/nav_square.png) no-repeat left bottom; }
.shownav .b-next { background: url(../images/slideshow/nav_square.png) no-repeat right top; height: 30px; width: 30px; float: left; }
.shownav .b-next:hover { background: url(../images/slideshow/nav_square.png) no-repeat right bottom; }

.clear { clear: both; }

/* Content Panels */
.panel-blue { background: #141414 url(../images/layout/panel_blue_top.jpg) no-repeat center top; width: 980px; margin-top: 20px; }
.panel-blue-bot { background: url(../images/layout/panel_blue_bot.png) no-repeat center bottom; padding: 10px 15px 20px; font: 12px Arial, Helvetica, sans-serif; color: #FFF; }
.panel-blue .title { font: 16px "Arial Black", Gadget, sans-serif; color: #FFF; border-bottom: 1px solid #FFF; margin-bottom: 10px; }
.panel-blue p { margin: 10px; }

.panel-red { background: #141414 url(../images/layout/panel_red_top.jpg) no-repeat center top; width: 980px; margin-top: 20px; }
.panel-red-bot { background: url(../images/layout/panel_red_bot.png) no-repeat center bottom; padding: 10px 15px 20px; font: 12px Arial, Helvetica, sans-serif; color: #FFF; }
.panel-red .title { font: 16px "Arial Black", Gadget, sans-serif; color: #FFF; border-bottom: 1px solid #FFF; margin-bottom: 10px; }

/* Specials */
.event { background: url(../../../styles/v21/css/events.php) no-repeat right top; padding: 0px; position: absolute; z-index: 450; top: 30px; right: 15px; width: 625px; height: 40px; }