/* 
	stylesheet/global
	last modified by skinhead 
	2011-01-11
*/






/* ######### global generic styles ######### */

/* page background */
body { background: #ccc url(images/graffiti01.jpg) no-repeat fixed top center !important; background-size: 100%; }

/* font family, color & font sizes */
body, td, div, p { font-size: 12px; font-family: helvetica, Calibri, Arial, sans-serif; color: #000; margin-top: 0px;}
.l { font-size: 13px; } /* large */
.xl { font-size: 14px; } /* extra large */
.ss { font-size: 11px; } /* super small */
.sss { font-size: 9px; } /* super super small */
.white { color: #fff; }
.white a, .white a:visited { color: #fff; text-decoration: none; }
.white a:hover { text-decoration: underline; }
#title, #title_orange, #title_white, #title_ccc, #title_666 { font-size: 22px; margin-bottom: 2px; font-weight: 600; }
#title_orange { color: #f6B532; }
#title_white { color: #fff; }
#title_ccc { color: #ccc; }
#title_666 { color: #666; }
#smalltitle, #subtitle, .subtitle { font-size: 16px; font-weight: 600; }

/* a tag */
a:link, a:visited { color: #00aedb; text-decoration: none; }
a:hover { color: #666; }

/* img tag */
a img { border: 0px; } /* default no border */
img.submit { margin: 10px 0 5px 0; }
/* margin & indent */
div, h1, h2, h3, h4, h5, a { margin-top: 0; }

/* inputs */
input, textarea, select { /* corner radius for non-ie browsers */
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	font-size: 11px; 
	padding-left: 5px; }
input:hover, textarea:hover { /* styles for hover, non-IE */
	border-color: #999;
	outline: none; }
input:focus, textarea:focus { /* styles for focus non-IE */
	border-color: #999;
	color: #cc0000;
	outline: none;
	-webkit-box-shadow: 0 0 5px #999;
	-moz-box-shadow: 0 0 5px #999; }

/* search box */
input.q { 
		background: #fff url(images/bg_searchMain_165x18.gif) 0 0 no-repeat; /* IE */
		font-size: 11px; 
		width: 145px; /* default width */
		height: 12px; 
		padding: 3px 0 3px 20px; 
		border: 0;
		color: #666; 
		-moz-box-shadow: inset 0 1px 1px 0 #000;
		-webkit-box-shadow: inset 0 1px 1px 0 #000;
		-moz-border-radius: 10px; /* non-IE */
		-webkit-border-radius: 10px; /* non-IE */
}		
input.q:focus { color: #cc0000; }



/*########## global header ##########*/
/* 1st tier avigation */
#globalNav { width: 980px; height: 95px; margin-top: 5px; background: #fff; }
#top_nav { width: 980px; height: 61px; border: 0px; }
#top_nav td.topCP { text-align: right; font-weight: 600; vertical-align: bottom; color: #000; line-height: 14px;  }
#top_nav td.topCP a:link,  #top_nav td.topCP a:visited { color: #660066; }
#top_nav td.topCP a:hover { color: #333; }
#top_nav td a.nav { display: block; width: 54px; height: 22px; background: #fff url(images/bg_globalNav.gif) 0 0 no-repeat; }
#top_nav td a#home { background-position: 0 0; }
#top_nav td a#wiki { background-position: -54px 0; }
#top_nav td a#activity { background-position: -108px 0; }
#top_nav td a#forum { background-position: -162px 0; }
#top_nav td a#shop { background-position: -216px 0; }
#top_nav td a#home.this-page { background-position: 0 -22px; }
#top_nav td a#wiki.this-page { background-position: -54px -22px; }
#top_nav td a#activity.this-page { background-position: -108px -22px; }
#top_nav td a#forum.this-page { background-position: -162px -22px; }
#top_nav td a#shop.this-page { background-position: -216px -22px; }
#top_nav td a#home:hover  { background-position: 0 -22px; }
#top_nav td a#wiki:hover { background-position: -54px -22px; }
#top_nav td a#activity:hover { background-position: -108px -22px; }
#top_nav td a#forum:hover { background-position: -162px -22px; }
#top_nav td a#shop:hover { background-position: -216px -22px; }
#top_nav td a.this-page { background-position: -216px 0; }

/* jukebox */
#globalJukebox { margin: 0 0 -15px 0; text-align: right; height: 15px; position: relative; z-index: 5; }

/* controlpanel */
#gCP { position: absolute; display: none; z-index: 15; background: #000; opacity: 0.85; filter:alpha(opacity=85); color: #fff; padding: 0 5px 0 5px; text-align: left; width: 150px; margin: 0 0 0 15px; *margin: 15px 0 0 -80px; }
#gCP div.menuItem { border-bottom: 1px solid #ccc; padding: 5px 0 5px 0; color: #fff; font-size: 12px; }
#gCP div.menuItem a:link, #gCP div.menuItem a:visited { color: #fff; }
#gCP div.menuItem a:hover { color: #00ccff;  }
#gCPcreditSum { width: 400px; }
#gCPcreditSum div { color: #000; }

/* linktrees */
#subNav { color: #666699; width: 980px; height: 34px; background: url(images/bg_subnav.png) top left repeat-x; }
#subNav td { height: 30px; padding-top: 4px; }
#subNav td.linktree { width: 785px; font-size: 11px; color: #333; text-align: left; }
#subNav td.linktree a { color: #333; } 
#subNav td.linktree a:hover { color: #333; font-weight: 600; } 
#subNav td.search { width: 165px; text-align: right; }
#subNavf { color: #666699; width: 100%; height: 30px; margin-top: 4px; }
#subNavf td.linktree { font-size: 11px; padding-left: 15px;}
#subNavf div.linktree a:link { color: #000; }
#subNavf td.search { width: 180px; padding-right: 15px; }







/*########## styles for body section ##########*/

/* global wrappers */
#container { width: 980px; text-align: left; } /* the main container */
.bg-white { background: #fff; }
.bg-black { background: #000; }
.bgFront1 { background: #fff; height: 400px; } /* ### requires reformatting or removal */
.bgFront2 { background: #000; height: 400px; } /* ### requires reformatting or removal */
.banner { margin-bottom: 15px; } /* ### requires reformatting or removal */

/* global search box */
#search input.q { float: left; }


/* global pagination style */
div#pagination a, div#pagination .break, div#pagination .this-page { display: block; float: left; padding: 3px 5px; background: #333; margin-right: 10px; color: #fff; }
div#pagination a:hover, div#pagination a:link { color: #fff; }
div#pagination .this-page, div#pagination a:hover  { background: #cc0000; }

/* ----- index page styles ----- */
/* ----- section block styles ----- */
.block-a { border-bottom: 1px solid #D7D7D7; padding-top: 10px; padding-bottom: 10px; padding-left: 10px; }
.block-a img { float: left; margin-right: 10px; } 

/* ----- section links ---- */
.sectiontitle a, .sectiontitle a:visited { color: #666666; text-decoration: none; }
.sectiontitle a:hover { color: #666699; }

/* ----- tooltip styles ---- */  
.tip { font-size: 12px; font-family: Arial,Helvetica,sans-serif; border: 1px solid #666; width: 270px; padding: 1px; position: absolute; z-index: 100; visibility: hidden; color:#333; top: 20px; left: 90px; background-color: #ffffcc; }


/* ----- Terms ----- */
#terms ul, #privacy ul { padding: 5px 0 5px 17px;  list-style-type: decimal; margin: 0; }		
#terms li, #privacy li { padding: 5px 0 5px 5px;  list-style-type: decimal; margin: 0; }	
#terms td.sidebar, #privacy td.sidebar {  background-color: #FFFFFF; color: #000000; font-size: 12px; padding: 0; }	
#terms td.sidebar a, #terms td.sidebar a:visited, #privacy td.sidebar a, #privacy td.sidebar a:visited  { width: 150px; font-size: 12px; font-weight: 300; }	
#terms td.sidebar a:hover, #privacy td.sidebar a:hover { text-decoration: none; color: #000000; }


ul.decimal { list-style-type: decimal; }

div#loginMain { width: 980px; padding:30px 15px 15px 15px; }
div#loginBox { width: 950px; height: 336px; background: url(images/bg_login.gif) top left no-repeat; vertical-align: top; color: #fff; }
div#loginBox div { color: #fff; }

/* ----- Sitemap -----*/
#map { background: url(images/map.jpg) top left no-repeat; }
.clicktoadd { color: #ccc; size: 11px; }
     
     
/* ------ Homepage Content Summary ------*/
div#contentContainer { display: none; }
div.contentSummary { display: block; width: 150px; float: left; border: 1px solid #333; padding: 5px; margin-right: 5px; font-size: 33px; }

/* ------ Edit in Place ------*/
.eip_mouseover { background: #ffffd3; width: 500px; }
.eip_saving { background-color: #903; color: #fff; padding: 3px; }
.eip_empty { color: #afafaf; }
/*
.eip_savebutton { background-color: #36f; color: #fff; }
.eip_cancelbutton { background-color: #000; color: #fff; }
*/

/* ------ blog ------ */
a#application { background: url(../images/main/blog_application.gif) 0 0 no-repeat; display: block; width: 199px; height: 28px; }
a#application:hover { background-position: 0 -29px; }

/* ----- footer ----- */
div#footer { clear: both; margin: 5px 0 15px 0;  width: 980px; }
div#footer a:link, div#footer a:visited { color: #fff; }
div#footer a:hover { text-decoration: underline; }
div#gFooterLinks, div#gFooterCopyright { background-color: #000; padding:2px; margin-bottom: 1px; font-size: 12px; }
div#gFooterLinks { width: 400px; }
div#gFooterCopyright { width: 160px; }
div#footer div#gFooterLinks, div#footer div#gFooterCopyright { color: #fff; }