/*
Theme Name: CMSC NC Colors
Theme URI: http://www.sempai.net
Description: A Colorful CSMSC Theme
Version: 2.0
Author: Ariolander
Author URI: http://www.nekomode.com/
Tags: WordPress, CMS, Colors

This theme was designed by Ariolander and is 
based off a colorful Joomla theme.

*/

/* Lets Begin */


body {
	margin: 0px;
	background-color: #CCC;
	background-image:url(images/bg_tile.jpg);
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
    color: #000;
}

tr, td {
    font-size: 12px;
}

h1, h2, h3, h4, h5, h6 {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	margin-top:0px;
}

h1 {
    font-size: 2.1em;
    font-weight: bold;
}

h2 {
    font-size: 1.9em;
    font-weight: bold;
}

h3 {
    font-size: 1.7em;
    font-weight: bold;
	margin-bottom: 0.4em;
}

h4 {
    font-size: 1.4em;
    font-weight: bold;
    margin-bottom: 0.2em;
}

h4 {
	color:#666
}

h5 {
    font-size: 1.2em;
    font-weight: bold;
    margin-bottom: 0.5em;
}

h6 {
    font-size: 1.0em;
    font-weight: bold;
    margin-bottom: 0.5em;
}

a {
    text-decoration: none;
}

a:hover, a:active {
    text-decoration: underline;
    color: #df1e47;
}

a, a:visited {
    color: #214494;
}

.hidden {
	display:none;
}


.post-headline {
	margin: 0.4em;
	}
/* SHARED LAYOUT STYLES ------------------------------------------------------------------------- */

#centeringDiv {
	width:100%;
	margin-bottom:10px;
	text-align:center;
}

#mainBody {
	width:997px;
	height:auto;
	margin-left:auto;
	margin-right:auto;	
	text-align:left;
	/*border: 1px solid #fff;*/
}

#leftColumn {
	width:222px;
	float:left;
	position:relative;
	z-index:10;
	overflow: hidden;
}

#rightColumn {
	width:755px;
	float:left;
	position:relative;
	z-index:10;
	top: -40px;
}

#contentArea {
	width:500px;
	float:left;
	position:relative;
}

#rightBar {
	width:239px;
	float:left;
	display:inline;
	margin-left:16px;
}

#rightBar img {
	border:none;
}

#rightBox1 {
	width:239px;
	margin-bottom:4px;
}

#rightBox2 {
	width:239px;
	margin-bottom:4px;
}

#rightBox3 {
	width:225px;
	margin-bottom:4px;
}

#topSpacer {
	height:10px;
	position:relative;
	z-index: 1;
}

.clearBoth {
	clear:both; 
    height:1px;
    overflow:hidden;
}

#mainPage{
	margin-top:15px;
}

#logo {
	width:222px;
	display:block;
	margin-top: 5px;
	visibility:visible;
}

#local-header {
	float: right;
	margin-right: 25px;
	margin-top: 15px;
	display:block;
}

#local-header img {
	margin-right:10px;
	}

/* NAVIGATION STYLES ---------------------------------------------------------------------------- */

#nav {
	text-align:right;
	width:222px;
}

.nav img {
    margin-bottom: 1px; 
    border: 0px;
}

.navSub {
	margin: 0px 1px 1px 0px;
	text-align: left;
}

.navSubActive {
	margin: 0px 1px 1px 0px;
	text-align: left;
}

.navSubActive a, .navSubActive a:visited, .navSubActive a:hover{
	text-decoration: none;
	color: #ffb400;
	font-size: 10px;
	display: block;
	background-color: #000000;
	margin-left: 40px;
	font-weight: bold;
	padding: 2px 2px 2px 11px;
}

.navSub a, .navSub a:visited, .navSub a:hover{
	text-decoration: none;
	color: #FFFFFF;
	font-size: 10px;
	display: block;
	background-color: #5e5093;
	margin-left: 10px;
	font-weight: bold;
	padding: 4px 2px 2px 11px;
    width: 197px;
    height: 16px;
}

.navSub a:hover, .navSubActive a:hover{
	color: #ffb400;
}

/* PLAYNC topHeader STYLES ------------------------------------------------------------------------- */

#topHeader {
	width:100%;
	height:24px;
	background-color:#000000;
}

#topHeaderInner {
	width:977px;
	height:24px;	
	text-align:center;
	margin-left:auto;
	margin-right:auto;	
}

#topHeaderLogo {
	width:78px;
	float:left;
	display:inline;
	margin-left:10px;	
}

#topHeaderFlags {
	width:250px;
	height: 24px;
	float:left;
	display:inline;
	margin-left:120px;
	background: url(/universal/images/flags.gif);
	background-repeat: no-repeat;
	padding-left: 5px;
}
#topHeaderFlags a{
	display: block;
	float: left;
	width: 22px;
	height: 18px;
	margin: 2px 8px 0px 0px;
	text-indent: -10000px;
	overflow: hidden;
}

/* GAME PAGE STYLES ------------------------------------------------------------------------- */

#wideBoxMain {
	width:750px;
	height:auto;
    background:url(/universal/images/panel_750_bg.jpg) #f2f2f2 bottom no-repeat;
	color:#000000;
	position:relative;
	margin:0px;
}

#mainBoxInner {
	width:748px;
	margin:0px;
	padding-top:1px;
	padding-bottom:1px;
}

#contentBox, #contentBoxWide {
	margin-left:184px;
	width:566px;
	height:auto;
	margin: none;
}

#contentBoxWide{
	padding:0px 20px 10px;
	margin-left:0px;
	width:710px;
	margin-bottom:0px;
}

div#contentBoxWide p:first-child{
	margin-top:0px;
}

div#contentBoxWide p:last-child{
	margin-bottom:0px;
}

#contentBody {
	position:relative;
	margin:0px;
	width:318px;
	float:left;
	display:inline;
	z-index:50;
}

#contentImage {
	width:238px;
	margin-left:10px;
	float:left;
	display:inline;
}

.error {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	color:red;
}
#error_block {
        background-color: #dedede;
        border: solid black 1px;
}

/* OPSDEV ADDED STYLES ------------------------------------------------------------ */

.spacer {
    height: 16px;
}
#footer {
	background-image:url(images/footer_rounded.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	display:block;
	height: 50px;
	width:750px;
	text-align:center;
	vertical-align:middle;
	}

#footer_text, #footer_links {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
}

#footer_links, #footer_links a {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    color: #ccaa00;
}



#nav ul {
list-style-type: none;
margin: 0;
padding: 0;
width: 222px; /* width of menu */
text-align: left;
}

#nav ul li a{
font: bold 13px "Lucida Grande", "Trebuchet MS", Verdana;
display: block;
color: white;
width: auto;
height: 20px;
padding: 5px 0; /* Vertical (top/bottom) padding for each menu link */
text-indent: 16px;
text-decoration: none;
background-image:url(images/menubg_blue.png);
}

#nav ul li a:visited, #nav ul li a:active{
color: white;
}

#nav ul li a:hover{

color: white;
}

#nav ul li ul li {
list-style-type: none;
margin: 0;
padding: 0;
width: 222px; /* width of menu */
text-align: left;
}

#nav ul li ul li a{
font: bold 12px "Lucida Grande", "Trebuchet MS", Verdana;
display: block;
color: white;
width: auto;
height: 12px;
padding: 3px 0 8px 0; /* Vertical (top/bottom) padding for each menu link */
text-indent: 15px;
text-decoration: none;
margin-left: 15px;
background-color: #478BBE;
background-image: none;
}

#nav ul li ul li a:visited, #nav ul li ul li a:active{
color: white;
}

#nav ul li ul li li a:hover{
color: white;
}

#navBreadcrumb {
	padding: 10px 10px;
}

.pdf {
     background-color: #F2F2F2;
     background-image: url(images/pdficon_small.gif);
     background-position: top right;
	 background-repeat:no-repeat;
     background-attachment: scroll;
     padding-right: 20px;
	 min-height:20px;
	 vertical-align:bottom;
}