/*
+---------------------------------------------------------------+
|	e107 website system
|	-------------------
|	American Football
|	-------------------
|	©2010 mcpeace
|	http://www.manatwork.info
|	mcpeace.manatwork@gmail.com
|
|	Released under the terms and conditions of Commercial License.
|
+---------------------------------------------------------------+
*/
* {
	margin: 0;
	padding: 0;     
}
body {
	margin: 0;
	padding: 0; 
	font-size: 12px;
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	color: #333;
	text-align: center;
	background:#ECECEC url("images/back.png") top left repeat-x;
}

a {
	color: #06c;
	text-decoration: none;
    outline: none;
}

a:hover {
	color: #F65403;
	text-decoration: none;
}
a:focus {
    outline: none;
}
h1 {
	font-size: 30px;
}

h2 {
	font-size: 20px;
	color: #333;
}

h3 {
	font-size: 16px;
}

h1, h2, h3 {
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-weight: bold;
    margin-bottom: 10px;
}

td {
    background: none;
	font-family: tahoma, verdana, arial, helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	color:#333;
	padding: 0px;
	text-align:left;
}

acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

hr {
    color: #333;
    line-height: 1px;
    font-size: 1px;
	}

a img {
	border: none;
	}

.linkspage_button{
	border:0px;
}

.hidden{
	display:none;
}
.clear {
    clear: both;
    line-height: 0;
    font-size: 0;
}
table {
    margin: 0 auto;
}
/* LAYOUT */

#page {
	margin: 0 auto;
	padding: 0;
	width: 1240px;
	text-align: left;
	background: url("images/page.png") top left repeat-y;
}

#pagein {
	margin: 0;
	padding: 0;
	width: 1240px;
	text-align: left;
	background: url("images/header.png") top left no-repeat;
}

#header {
	position:relative;
	padding: 0;
	margin: 0 auto;
	height: 82px;
	width: 1240px; 
}

#header h1{
	position:absolute;
	top:17px;
	left:40px;
	width: 600px;
	padding: 0;
	margin: 0;
	font-size: 32px;
	text-align: left;
}

#header h1 a{
	color:#004177;
}
#header h1 a:hover{
	color:#F65403;
}
#an-header {
	padding: 0;
	margin: 0 auto;
	width: 1196px;
}
#sidebar {
    float: right;
	margin: 0;
	padding: 0 30px 0 0;
	width: 500px;
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
    position: relative;
    z-index: 1;
}
#sidebar-left {
    float: left;
    width: 243px;
    background: #DFEAF0;
    border: 1px solid #ccc;
}
#sidebar-right {
    float: right;
    width: 243px;
    background: #EEE9E1;
    border: 1px solid #ccc;
}
#narrowcolumn {
	float: left;
	padding: 0 0 0 30px;
	margin: 0;
	width: 670px;
    position: relative;
    z-index: 1;
}
#blender {
    height: 247px;
    margin-bottom: 10px;
    margin-left: -8px;
}
#slider {
    position: relative;
    margin-bottom: 10px;
}
#an-header #blender {
    float: left;
    height: 247px;
    margin-bottom: 10px;
    margin-left: 0;
}
#an-header #slider {
    float: right;
    position: relative;
    margin-bottom: 10px;
	width: 500px;
    padding-right: 8px;
}
#content-left {
    width: 216px;
    float: left;
    background: #DFEAF0;
    border: 1px solid #ccc;
}
#content-right {
    width: 216px;
    float: right;
    background: #EEE9E1;
    border: 1px solid #ccc;
}
#content-middle {
    width: 216px;
    margin: 0 auto;
    background: #eee;
    border: 1px solid #ccc;
}
#semiwidecolumn {
    float: left;
	padding: 0 0 0 30px;
	margin: 0;
	width: 925px;
}
#sidebar-right1 {
    float: right;
    width: 245px;
	padding: 0 30px 0 0;
}
#sidebar-left1 #sidebar-left, #sidebar-left1 #sidebar-right {
    float: none;
}
#widecolumn {
	padding: 0;
	margin: 0 auto;
	width: 1180px;
	line-height: 14px;
}
#narrowcolumn .entry, #semiwidecolumn .entry {
	line-height: 14px;
}
#up {
    float: right;
    padding: 10px;
}
#footer {
	padding: 20px 0 0 0;
	margin: 0 auto;
	width: 1240px;
	clear: both;
	background:#ECECEC url("images/footer.png") top center no-repeat;
}
#footerin {
	padding: 0;
	margin: 0 auto;
	width: 1200px;
	clear: both;
	background: url("images/colors.png") top left repeat-x;
}

#footer p {
	width: 1000px;
	margin: 0 auto;
	padding: 20px 0;
	text-align: center;
    font-size: 10px;
}

/* Main NAVIGATION */

#navigation{
	font-size: 11px;
	width: 1196px;
	height: 51px;
	list-style: none;
    margin: 0 auto;
    padding: 0;
}

#navigation li{
	background: none;
 	display: inline;
}


/* CORE CLASSES */

.button{
	font-family: tahoma, verdana, arial, helvetica, sans-serif;
	font-size: 12px;
	text-align:center;
	background: url("images/btn.png") 0 -20px repeat-x;
    padding: 2px 10px;
    border: 1px solid #ccc;
    cursor: pointer;
}
.button:hover{
	background: url("images/btn.png") 0 -60px repeat-x;
	border: 1px solid #777;
}

.tbox.chatbox {
	width: 90%;
	margin: 0 auto;
}

.spacer {
	padding: 2px 0 2px 0;
}


.indent{
	padding:4px;
	border: 1px solid #06c;
    background: #014177;
}

.smalltext {
	font: 1em 'Lucida Grande', Verdana, Arial, Sans-Serif;
}

.mediumtext {
	font: 1.2em 'Lucida Grande', Verdana, Arial, Sans-Serif;
}

.tbox{
	background-color: #F4F7FA;
	border: 1px solid #ccc;
	color: #333;
	font: 12px verdana, tahoma, arial, helvetica, sans-serif;
    padding: 2px;
}
.tbox:focus {
    background: #DFEAF0;
	color: #06c;
	border: 1px solid #777;
}
.helpbox {
	border: 0px;
	background-color: transparent;
	color:#000;
	font: 9px tahoma, verdana, arial, helvetica, sans-serif;
}

.fborder {
	border: 1px solid #ccc;
	background: #f8f8f8;
	
}

.forumheader{
	background:#fff url("images/forum.png") bottom left repeat-x;
	font-family: verdana, tahoma, arial, helvetica, sans-serif;
	font-size: 12px;
	color:#333;
	padding: 4px;
	border: 1px solid #ccc;
}

.forumheader2{
	background: #eee;
	font-family: verdana, tahoma, arial, helvetica, sans-serif;
	font-size: 11px;
	color:#333;
	padding: 4px;
	border: 1px solid #ccc;
}

.forumheader3{
	background: #eee;
	font: 11px verdana, tahoma, arial, helvetica, sans-serif;
	color:#333;
	padding: 4px;
	border: 1px solid #ccc;
}

.forumborder{
	border:  1px solid #ccc;
	background-color: transparent;
}

.fcaption {
	height:35px;
	padding: 2px 0 2px 8px;
	font: 11px verdana, tahoma, arial, helvetica, sans-serif;
	color:#333;
	font-weight:bold;
}
.nforumdisclaimer {
    display: none;
}
/* Search */
#searchbar {
    position: absolute;
    top: 30px;
    right: 30px;
    width: 300px;
    height: 18px;
    font-size: 11px;
}
#searchfield {
    position: relative;
    top: 0;
    left: 0;
    width: 265px;
    height: 18px;
    border: none;
    background: transparent;
    margin: 0;
    padding: 0;
    line-height: 18px;
    font-size: 11px;
    display: inline-block;    
}
#searchfield:focus {
	color: #06c;    
}
#searchsubmit {
    border: none;
    margin: 0;
    position: relative;
    width: 30px;
    height: 18px;
    line-height: 18px;
    cursor: pointer;
    background: transparent;
    text-align: center;
    color: #fff;
    font-size: 11px;
    display: inline-block; 
}
#searchsubmit:hover {
    color: #000;
}
/* players slider */
#slider .menu .text img {
    width: 160px;
    height: 205px;
    float: left;
    margin-right: 10px;
}
#slider .menu .text p {
    text-indent: 15px;
}
/* navigation */
.mnav{
	position: relative;
	list-style: none;
	line-height: 0px;
	margin-bottom: 20px;
	margin-top: 5px;
	display: block;
}
.mnav h3 {
    padding-bottom: 10px;
    margin-bottom: 5px;
    border-bottom: 1px dotted #222;
}
.mnav li{
	background: none;
    position: relative;
}
.mnav a {
	display: block;
	padding: 1px 10px 1px 15px;
	background: url("images/bullet2.png") 0 52% no-repeat;
	line-height: 20px;
	margin: 0;
    font-size: 12px;
    position: relative;	
}
.mnav a:hover {
 	display: block;
	background: url("images/bullet2.png") 0 52% no-repeat;
    position: relative;	
}
.mnav .d_sublink a {
	display: block;
	padding: 1px 10px 1px 15px;
	background: url("images/bullet2.png") 0 52% no-repeat;
	margin-left: 10px;
    position: relative;
}
.mnav .d_sublink a:hover {
 	display: block;
	background: url("images/bullet2.png") 0 52% no-repeat;
    position: relative;
}
.d_sublink {
    font-size: 0;
}
.list {
    padding-left: 20px;
}
/* next/prev */
.nextprev {
    padding:10px;
}
.npbutton {
	background: url("images/btn.png") 0 -15px repeat-x;
    text-decoration: none;
    padding: 0;
    text-align:center;
    font-size: 13px;
	border: 1px solid #ccc;
}
.npbutton:hover{
	background:#fff;
	border: 1px solid #777;
}
.nextprev .tbox, .forumheader .tbox {
	padding: 0;
}
.nextprev_link{
	background:#D1EAFB;
    text-decoration: none;
    padding: 3px 7px;
    text-align:center;
    font-size: 13px;
	border: 1px solid #014177;
}
.nextprev_link:hover{
	background:#fff;
	border: 1px solid #F65301;
}
.nextprev_current{
	background: #fff;
    text-decoration: none;
    padding: 3px 7px;
    text-align:center;
    font-size: 13px;
	border: 1px solid #014177;
    color: #000;
    font-weight: bold;
}
/* login menu  */
#pad {
    position: relative;
    width: 480px;
    font-size: 12px;
    height: 115px;
}

#uname {
    position: absolute;
    top: 0;
    left: 0;
    width: 170px;
}
#uname .tbox, #pass .tbox {
    width: 170px;
}
#pass {
    position: absolute;
    top: 0;
    left: 180px;
    width: 170px;
}
#log .button, #sign a{
	font-family: tahoma, verdana, arial, helvetica, sans-serif;
	font-size: 12px;
	text-align:center;
	background: url("images/btn.png") 0 -20px repeat-x;
    padding: 2px 0;
    margin: 0;
    border: 1px solid #ccc;
    cursor: pointer;
    width: 118px;
}
#log .button {
    position: absolute;
    top: 13px;
    left: 360px;
	color: #06c;
}

#log .button:hover {
	color: #F65403;
	border: 1px solid #777;
}
#sign a {
    position: absolute;
    top: 62px;
    left: 360px;
}
#sign a:hover {
	border: 1px solid #777;
}
#rem {
    position: absolute;
    width: 118px;
    top: 42px;
    left: 145px;
    text-align: left;
    margin-left: 215px;
}
#imgcode {
    position: absolute;
    top: 35px;
    left: 180px;
}
#imgcode .tbox {
    width: 75px;
}
#fpw a {
    position: absolute;
    top: 85px;
    left: 0;
    width: 200px;
    text-align: left;  
    margin: 0; 
	background: url("images/bullet2.png") left no-repeat;
    padding-left: 15px; 
    display: block; 
}
#resend a {
    position: absolute;
    top: 100px;
    left: 0;
    width: 200px;
    text-align: left;  
    margin: 0;  
	background: url("images/bullet2.png") left no-repeat;
    padding-left: 15px;
    display: block;   
}
#adminarea{
    width: 90px;
    position: relative;
    text-align: center;
    display: inline-block;
    float: left;
    margin: 0 0 0 10px;
}
#adminarea img {
    margin: 0 auto;
}
#adminarea p {
    width: 90px;
    margin: 0 auto;
}
#usern{
    width: 80px;
    position: relative;
    text-align: center;
    display: inline-block;
    float: left;
    margin: 0 5px;
}
#usern img {
    margin: 0 auto;
}
#usern p {
    position: relative;    
    margin: 0 auto;
}
#profile{
    width: 80px;
    position: relative;
    text-align: center;
    display: inline-block;
    float: left;
    margin: 0 5px;
}
#profile img {
    margin: 0 auto;
}
#profile p {
    position: relative;
    margin: 0 auto;
}
#logout{
    width: 80px;
    position: relative;
    text-align: center;
    display: inline-block;
    float: left;
    margin: 0 5px;
}
#logout img {
    margin: 0 auto;
}
#logout p {
    position: relative;
    margin: 0 auto;
}
/* chat styles  */
.chatname {
    font-size: 12px;
    border-bottom: 1px solid #014177;
}
.chatdate {
    font-size: 9px;
}
.chattext {
    font-size: 12px;
}
/* comments styles  */
.comm {
	background-color: #f6f6f6;
	border: 1px solid #ccc;
    padding: 5px;   
}
/* menu styles  */
.menu {
    margin-bottom: 10px;
}
.menu h3 {
    padding: 0 10px;
}
.menu .text {
    padding: 0 10px;
}
#narrowcolumn .menu {
    background: #eee; 
    border: 1px solid #ccc; 
    padding: 10px; 
}
#semiwidecolumn .menu {
    background: #eee; 
    border: 1px solid #ccc;
    padding:10px 0;
}
#widecolumn .menu {
    background: #eee; 
    border: 1px solid #ccc;
    padding:10px 0;
    margin-bottom: 0;
}
#narrowcolumn #content-left .menu, #narrowcolumn #content-right .menu, #narrowcolumn #content-middle .menu {
    background: none; 
    border: none; 
    padding: 0; 
}
#sidebar-left .menu h3 {
    padding: 3px 10px 4px 10px;
    background: #014177;
    color: #fff;
}
#sidebar-right .menu h3 {
    padding: 3px 10px 4px 10px;
    background: #F65301;
    color: #fff;
}
#slider .menu {
    margin-bottom: 0;
}
#slider .menu h3 {
    padding: 5px 0 0 0;
}
#slider .menu .text {
    padding: 0;
}
div.scrollButtons {
	background: url("images/area.png") top left no-repeat;
}
#content-left .menu h3 {
    padding: 3px 10px 4px 10px;
    background: #014177;
    color: #fff;
}
#content-right .menu h3 {
    padding: 3px 10px 4px 10px;
    background: #F65301;
    color: #fff;
}
#content-middle .menu h3 {
    padding: 3px 10px 4px 10px;
    background: #bbb;
}
#frm_menu_10 .menu {
    width: 250px;
    margin: 0 auto;
}
#tabbed-area .menu h3 {
    padding: 3px 10px 4px 10px;
    background: #014177;
    color: #fff;
}
#tab1 .smalltext {
    font-size: 11px;
}
/* credit  */
#source span {
    display: none;
}
#source {
    display: inline;
    float: left;
    margin: 20px 0 10px 10px;
}
/* news */
.article {
    position: relative;
    margin-bottom: 10px;
    background: #eee; 
    border: 1px solid #ccc; 
    padding: 10px; 
}
.menu .article {
    position: relative;
    margin-bottom: 10px;
    background: none; 
    border: none; 
    padding: 0; 
}
.article h2 {
    padding-bottom: 5px;
    border-bottom: 1px dotted #333;
    margin-bottom: 10px;
}
.article .top-info {
    text-align: center;
    margin: 0 auto 20px auto;
}
.article p {
    text-indent: 20px;
}
.article .entry, .article1 .entry {
    font-size: 12px;
    border-bottom: 1px dotted #333;
    padding-bottom: 10px;
    margin-bottom: 10px;
}
.article1 {
    margin-bottom: 10px;
}
.newsimage, .newsthumbnail {
    float: left;
    padding: 5px 15px 5px 0;
    display: inline;
    position: relative;
}
.left-info {
    display: inline;
    float: left;
    width: 49%;
    text-align: left;
    position: relative;
}
.right-info {
    display: inline;
    float: right;
    width: 49%;
    text-align: right;
    padding-top: 4px;
    position: relative;
}
.caption { 
    line-height: 25px;
    font-size: 14px;
    font-weight: bold;
	background: url("images/btn.png") 0 -15px repeat-x;
	padding-left:15px;
}
.extend a{
	background: url("images/btn.png") 0 -15px repeat-x; 
    padding: 4px 10px;
    cursor: pointer;
    border: 1px solid #ccc;
}
.extend a:hover {
	background: url("images/btn.png") 0 -65px repeat-x;
    border: 1px solid #777; 
}
.news-columns {
    overflow: hidden;
}
.news-left {
    float: left;
    width: 330px;
}
.news-right {
    float: right;
    width: 330px;
}
.news-left .article{
    background: #DFEAF0;
}
.news-right .article{
    background: #EEE9E1;
}