﻿/***************** Broadsheet Premium Theme v1.0 by roofdog :: Xen Themes *****************/

body{
margin: 0;
padding: 0;
font: 11.4px Arial, Verdana, sans-serif;
color: #000000;
min-width: 1000px;
background: #E0EEEE;

}

/***************** LINKS ***********/

a {
color: #000000;
text-decoration:dotted;
}

a:hover {
color: #006400;
text-decoration:dotted;
}

/***************** LAYOUT  ***********/

#xcontentwrap {
width: 1000px;
margin: 0 auto;
background: #428BBD;
border: 1px solid #000000;
}

#xheader {
width: 1000px;
margin: 0 auto;
}

#xtopbar {
width: 100%;
height: 5px;
line-height: 5px;
padding: 0px 5px;
border-bottom: 1px solid #00008B;
}

.xlogin {
float: left;
color: #ffffff;
font-size: 12px;
}

#xtophead{
background: url(images/header_logo.png) no-repeat center left;
height: 80px;
width: 1000px;
padding: 0;
}

.xbanner {
float: right;
padding: 5px 10px;
}

#xnavbar {
width: 100%;
position:center;
text-align:center;
border-bottom: 1px solid #00008B;
}

#xtimebar {
width: 100%;
height: 5px;

line-height: 10px;
padding: 0px 15px;
border-bottom: 1px solid #00008B;
color: #000000;
}

.xtime {
float: left;
font-size: 10px;
font-family: Arial, Verdana, sans-serif;
font-weight: normal;
}

.xsearch {
float: right;
padding-top: 1px;
}

.xsearch .tbox {
width: 200px;
color: #0000FF;
margin-left: 4px;
margin-right: 4px;
}

#xcontainer {
width: 1000px;
height: 100%;
margin: 0px;
}

#xcolumn1 {
width: 600px;
margin: 0 0 0 10px;
}

#xcolumn2 {
width: 5px;
margin: 0px 5px;
}

#xcolumn3 {
width: 345px;
margin: 0 8px 0 0;
}

#xcolumn4 {
width: 600px;
margin: 0 0 0 10px;
}

#xbottom {
padding: 0px 10px;
}

#xbotbar {
width: 100%;
height: 34px;
line-height: 34px;
padding: 0px 5px;
border-top: 4px solid #666666;
border-bottom: 1px dotted #BDBDBD;
}

#xfooter {
text-align: center;
padding: 15px 10px;
}

.xspacer {
width: 100%;
height: 10px;
}

/***************** NEWS CLASSES *********/

.news_table {
width: 100%;
margin-bottom: -px;
padding: 0 5px 0 0;
background: #ffffff;
border: 1px solid #7D7D7D;
}
.news_table:hover {
background: #E0E0E0;
}
.ncaption {
color: #00008B;
text-align: left;
padding: 0 10px;
font-family:  Georgia, 'Times New Roman', serif;
font-weight: bold;
font-size: 13px;
margin:0px;
text-transform: uppercase;
}

.news_content {
padding: 5px 10px;
text-align: left;
border-bottom: 0px solid #000000;
}

.news_info {
font-size: .9em;
font-weight: normal; 
padding: 5px 10px;
}

.news_info2 {
font-family: Comic Sans;
font-size: .9em;
text-align: left;
font-weight: bold;
padding: 5px 10px;
}

.news_bottom_left {
float: left;
padding-top: 8px;
}

.news_image {
float:left;
margin-right: 5px;
margin-bottom: 3px;
}

.othernews_table {
width: 100%;
margin-bottom: 10px;
}

.othernews_info {
font-family: Comic Sans;
text-align: left;
font-weight: normal;
font-size: .9em;
padding: 3px 4px;
}

.othernews_title {
font-family: arial;
font-size: 12px;
font-weight: ;
text-transform:; 
padding: 0px 4px;
}

.othernews_content {
padding: 10px 4px;
text-align: center;
border-bottom: 1px  #ff0000;
}

/***************** MENU STYLES ****************/

.menu_table {
width: 100%;
margin-bottom: 10px;
border: 1px solid #ff0000;
}


.menu_caption {
vertical-align: top;
}

.caption {
font-size: 13px;
text-align: center;
padding: 5px;
font-family: Georgia,serif;
font-variant: small-caps;
text-transform: none;
font-weight: bold;
margin-bottom: 0;
}

.menu_content {
padding: 0px 10px 10px 10px;
text-align: center;
}

.menu_table1 {
width: 100%;
margin-bottom: 10px;
background: #E0E0E0;
border: 1px solid #ff0000;
}
.menu_table1:hover {
background: #ffffff;
}

.menu_caption1 {
vertical-align: top;
}

.caption1 {
font-size: 13px;
text-align: left;
padding: 5px;
font-family: Comic Sans;
font-variant: small-caps;
text-transform: none;
font-weight: 100;
margin-bottom: 0;
}

.menu_content1 {
padding: 0px 10px 10px 10px;
text-align: left;
}

.menu_table2 {
background: #;
width: 100%;
margin-bottom: 10px;
border: 1px solid #;
}
.menu_table2:hover {
background: #;
}

.menu_caption2 {
vertical-align: top;
}

.caption2 {
font-size: 13px;
text-align: left;
padding: 5px;
font-family: Comic Sans;
font-variant: small-caps;
text-transform: none;
font-weight: bold;
margin-bottom: 0;
}

.menu_content2 {
padding: 0px 10px 10px 10px;
text-align: left;
}

.menu_table3 {
width: 100%;
margin-bottom: 10px;
background: #E0E0E0;
border: 1px solid #000000;
}
.menu_table3:hover {
background: #ffffff;
}
.menu_caption3 {
vertical-align: top;
}

.caption3 {
font-size: 13px;
text-align: left;
padding: 5px;
font-family: Comic Sans;
font-variant: small-caps;
text-transform: none;
font-weight: bold;
margin-bottom: 0;
}

.menu_content3 {
padding: 0px 10px 10px 10px;
text-align: left;
}

.menu_table4 {
width: 100%;
margin-bottom: 10px;
border: 0px dotted #BDBDBD;
}

/*************** CHATBOX AND COMMENT CLASSES *************/

.chat {
padding-bottom: 9px;
}

.chattext {
border-top: 1px #BDBDBD dotted;
padding-top: 5px;
}

#chatbox .tbox, .helpbox{	
margin: 3px 0 5px 0;
border: 1px dotted #BDBDBD;
padding: 3px 3px 3px 3px;
width: 95%;
}

#commentform .tbox, #commentform .helpbox{
width: 350px; 
border: 1px dotted #ff0000; 
}

/***************** CORE CLASSES ***********/

h1 {
font-family: Comic Sans;
font-size: 20px;
text-transform: uppercase; 
padding: 5px;
}

h2 {
font-family: Georgia,serif;
font-size: 16px;
text-transform: uppercase; 
padding: 5px;
}

h3 {
font-family: Georgia,serif;
font-size: 14px;
text-transform: uppercase; 
padding: 5px;
}

h4 {
font-family: Georgia,serif;
font-size: 12px;
text-transform: uppercase; 
padding: 5px;
}

.tbox, .helpbox{
background: #FFFFFF;	
border: 1px solid #BDBDBD;
padding: 3px;
width: auto;
font: 11px "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
margin: 4px 0;
}

.smalltext {
font-size: 10px;
}

.defaulttext {
font-size: 11px;
}

.indent {
background: #E0FFFF;
border: #BDBDBD 1px dashed;
padding: 10px;
margin: 8px;
}

.button {
background: #234B7B;
color: #FFFFFF;
font: 11px "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
font-weight: bold;
text-align: center;
padding: 2px 4px;
margin: 4px 1px;
border: 0px;
}

.button:hover {
background: #C02828;
color: #FFFFFF;
cursor: pointer;
}

.nextprev {
width: 459px;
border: 0px dotted #8B4513;
text-align: left;
color: #000000;
padding: 2px;
margin: 5px 0px;
}

.nextprev2 {
width: 459px;
border: 1px dotted #BDBDBD;
text-align: center;
color: #ff0000;
padding: 2px;
margin: 5px 0px;
}

p {
margin: 5px;
}

code {
border:1px solid #DBDBDB;
padding:10px;
margin:10px
}

blockquote {
border:1px solid #DBDBDB;
background: #FBE79E;
padding: 15px;
margin: 5px 0;
}

a img{
border: 0px;
}

/************** FORUM CLASSES *************/

.fborder {
border: 1px dotted #000000;
margin: 5px 0;
padding: 5px;
}

.fborder2 {
border: 1px dotted #000000;
margin: 6px;
padding: 4px;
}

.fcaption {
padding: 4px;
font-weight: bold;
}

.forumheader {
padding: 5px 10px;
background: #D3DCE2;
margin: 5px 0px;
}

.forumheader2, .forumheader3, .forumheader4 {
padding: 7px;
background: #ffffff;
text-align: left;
border-bottom: 1px dotted #000000;
}

.xforumheader {
font-size: 16px;
font-family: Georgia, arial, helvetica;
text-transform: uppercase;
padding: 5px 10px;
background: #BDBDBD;
margin: 5px 0px;
}

.finfobar {
padding: 4px;
border-top: 1px dotted #000000;
border-bottom: 2px solid #21527F;
}

/*************** NAVIGATION ***************/

div.menuBar {
margin-left: 1px;
margin-right: 1px;
}

div.dropSep {
height: 31px;
width: 0px;
}

#nav li.fs-linkSep {
width: 1px;
background-image: none;
}

#nav, #nav ul { 
padding: 0;	
margin: 0;
list-style: none;
line-height: 31px;
cursor: pointer;
}

#nav li { 
float: left;
margin: 0px 0px 0px 0px; 
}

#nav li:hover {
background-color: #000000;
background-position: 0px -31px;
cursor: pointer;
}

#nav li#active a {
color: #e6d9c8;
background-color: #3A5FCD;
background-position: 100% -31px;
background-repeat: no-repeat;
}

#nav li a {
margin-left: 0px;
padding: 0px 13px;
display: block;
text-decoration: none;
font-size: 12px;
font-family:Georgia, 'Times New Roman', serif;
color:#ffffff;
text-transform: uppercase;
font-weight: bold;
background-position: 100% 0;
background-repeat: no-repeat;
}

#nav a:hover, #nav li:hover a{
display: block;
text-decoration: none;
background-position: 100% -31px;
}

#nav li li a {
background-color: #000000;
margin-left: 0px;
display:block;
padding: 0;
font-family: Arial, Verdana, sans-serif;
font-size: 11px;
text-transform: none;
text-decoration:none;
float: none;
padding-left: 10px;
width: 140px;
}

#nav li li a:hover {
color: #ff0000;
}

#nav li li { 
background-position: 100% 50%;
background-repeat: no-repeat; 
}

#nav li ul {
position: absolute;
z-index: 1000;
width: 140px;
left: -999em;
background-image: none;
}

#nav li ul ul {
margin: -31px 0 0 140px;
}

#nav li.fs-linkSep, #nav li.fs-linkSep:hover  {
background-color: #EBEBEB;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul {
left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul {
left: auto;
}

.nav2 {
margin: 0;
padding: 0;
list-style: none;
}

.nav2 a {
float: none;
}


.nav2 span {
float: left;
margin: 0;
padding: 0;
}

.nav2 span a {
float: left;
display: block;
font-size: 12px;
color: #111111;
padding: 0px 10px;
}

div.nav2 span:hover a {
color: #FFCD11;
}

div.nav2 span.active2 a {
color: #FFCD11;
}

/************ TAGCLOUD ***********/

.tagcloud {
font-size: 12px;
font-family: Georgia, 'Times New Roman', serif;
font-weight: 120;
padding: 2px;
}

/**************  FBOX ************/

.fBox {
width: 980px;
margin: 10px 10px 0px 10px;
background-color: #428BBD;
text-align: center;
}

div#promos div.scroller { 
background: url(images/fbox_bg.png) repeat-x;
width: 980px;
height: 90px; 
text-align: left;
overflow: hidden;
}

div#promos div.scroller div.content {
width: 10000px;
}

div#promos div.scroller div.section {
width: 980px; /* --> edit */
height: 90px;
overflow: hidden;
float: left;
}

.innerbox {
margin: 10px 20px;
}

h2.fbox_title {
font-family:  Georgia, 'Times New Roman', serif;
font-weight: 90;
font-size: 20px;
padding: 10px;
margin: 0px
}

p.fbox_text{
font-size: 13px;
}

div.fBoxImage {
float: right;
margin-left: 20px;
}

div.fBoxImage img, div.ecliImage img {
padding: 10px;
}

div.buts {
width: 100%;
}