/* =-=-=-=-=-=-=-=-=-==-=-==-=-==-=-=
blackboxarts.com principle css file
FileName:    bbarts.css
Modified:    20090322

~~~~~~~~~~~~~~~~~~~~~~
Colors

GREEN
C9D1A8	pale green
81A84A	Palish meadow green
009f07  green
663		dark green article body type
D6EF64	lime green header

GRAY
DADADA	very light gray [almost white]
818181	medium gray
949494	medium-dark gray
e5e5e5  pale silvery gray
caccc9	medium-light gray
9c9c9c  charcoalish gray
828282  medium charcoalish gray
4f4f4f  dark charcoal gray
819dba 	darker gray
96958F	pagenav gray
C9C9C9	Light type for black bg

BLUE-GRAY
849bb9  bluish gray
0066ff	grayish blue
4f6899	dark grey-blue
4f7ec6	bright blue grey-blue
507490	dark blue gray
819dba  grayish blue
86AED8	lightish gray-blue

BLUE
000066	dark blue
6681aa  medium blue with a grayish tint
2591C9	almost sky blue
2D5590	medium gray blue
336699	darkish blue
325C90	link blue [dark gray-blue]
00AAFF  electric blue like logo
3b9fdc	light blue  
B7C6FF	fluffy light blue
294C78	Really dark blue
6791C4	blue box border
77A3D1	medium blue [h1]
6371EA	electric blue
A9C1DC	Lightish blue
3C88BF	xblue
3E74A6	darker blue
518CBE	darker h1 blue
4f7ec6	another h1 blue

YELLOW
FBFF94	yellow
E8F562	link yellow
FCF6B6	yellow bg

ORANGE
FF6060	orange-tinted red
FE682D	reddish orange
FF783D	orange, palish
F46B10	alternate pumpkin orange

RED
FF0000	true red
FF1414	bright red
001218	black background
F6626C	lightish red

-=-=-=-=-=-=-=-=-=-=-=-=-==-=-==-=-==-=-= */





/*   FOUNDATION
-=-=-=-=-=-=-=-=-=-=-=-=-=-=--=-=-=-=-=-= */
html, body {
    margin: 0;
    padding: 0;
    font: normal 90%/135% verdana, geneva, arial, "sans serif";
    color: #747474; background: #001218 url(../grfx/2-toneblacksquares.gif);
    background-repeat: repeat;
    min-width: 780px;
    }
table {
	padding: 3px 6px;
	text-align: left;
	}
p, ul, ol {
	margin: 0;  
	padding: 0;
	}
li {
	margin: 0;
	padding: 0;
	list-style-position: outside;
	list-style-type: none;
	}
a {	
	text-decoration: none;
    outline: none;
	margin-bottom: .2em;
	padding: 0;
	border: none;
	font-size: 1em;
	color: #E8F562; background: transparent;
	}
a:visited {
	color: #e5e5e5; background: transparent;
	}
a:hover {
	color: #001218; background: #D6EF64;
	}
img {
	display: block;
    border: none;
	}
img a:hover {
	border: none;
	}



/* HEADINGS
-=-=-=-=-=-=-=-=-=-=-=-=-=-=--=-=-=-=-=-=-=-=*/	
h1 {	
	text-align: center;
    margin: 0 auto 2em;
    padding: .05em 0;
	color: #000; background: #5D93C2; 
	font: 900 1.1em/145% tahoma, sans-serif;
	}
h2 { 
	text-align: center;
	margin: 1.5em 0 .3em; 
    padding: 0;
	color: #A9C1DC; background: transparent; 
	font: 900 1.1em/135% tahoma, sans-serif;
	}
h3 {
	margin: 0 auto .3em; 
    color: #fff; background: transparent;
    font: 900 1em/135% tahoma, sans-serif;
	}
h4 {
    margin: 0;
    padding: .6em 0 0;
    color: #6371EA; background: transparent;
    font: 900 1em/135% tahoma, sans-serif;
  	}
h5 {
	display: inline;
    margin: 0;
    padding: .3em 0 0;
    color: #fff; background: transparent;
    font: 900 1.1em/135% tahoma, sans-serif;
  	}
h6 {
	text-align: center;
	margin: .3em 0 0 0;
	padding: 0;
	color: #fff;
    font: 900 1em/135% tahoma, sans-serif;
	}
	


/* wrap and principal
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=--=-=-=-=-=- */
#wrap { 
    overflow: hidden;
    width: 780px;
    margin: 2em auto 0;
    background: transparent;
    color: #E8E8E8; background: transparent;
	font: normal 1.1em/135% "verdana", "sans serif";
	font-weight: 450;
	}
	
#topcopy {
	overflow: hidden;
    margin: .0 0 1.7em;
	padding: 0 1.4em .7em;
	}
#topcopy .whitebg {
	border-top: 3px solid #F6626C;
	}
#topcopy img {
	padding: 10px;
	}

#bigcol {
	width: 590px;
	float: left;
    margin: 0;
    padding: 0;
    }
#bigcol p, #onecol p {
	margin-bottom: .9em;
	}
/*#bigcol a:visited {
	border-bottom: 1px dotted #FCF6B6;
	}
#bigcol a:visited {
	color: #B7C6FF; 
	}*/
#bigcol h1 {
	clear: both;
	margin: 0 0 .7em;
	padding: 0 0 .4em;
	color: #000; background: #5D93C2;
	}
#onecol h1 {
	margin: 0 0 .5em;
	}
#onecol h3 {
	text-align: center;
	font-size: 110%;
	margin-top: 0;
	color: #5D93C2;
	}
#onecol h4 {
	text-align: center;
	margin-bottom: 1.5em;
	font-size: 105%;
	color: #fff;
	}
	
	
/* SECOND ELEMENTS
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=--=-=-=-=-=-=- */	
.announce {
	padding-top: 0;
	margin: 1em 0 2em;
	}
.announce h1 {
	margin: 0;
	padding: 0;
	}

#content {
    margin: 0;
	padding: 0 0 .5em 0;
	color: #E8E8E8; background: #001218;
	}
#content a {
	font-weight: 700;
	}	

#news, #specialnews {
	margin: .5em 0;
	padding: 0 1.5em .7em;
	border-top: 2px solid #5D93C2;
	border-bottom: 2px solid #5D93C2;
	color: #001218; background: #A9C1DC;
	}
#specialnews {
	margin-top: 4em;
	}
#news h1, #specialnews h1 {
	text-transform: uppercase;
	margin: .2em 0 .1em;
	color: #fff; background: transparent;
	}
#news h2, #specialnews h2 {
	margin: .5em 0 0;
	padding: 0;
	color: #5D93C2;
	}
#news h2, #specialnews h3 {
	text-align: center;
	margin: .5em 0 0;
	}
#news a, #specialnews a {
	color: #fff;
	}
#news a:hover, #specialnews a:hover {
	color: #001218;
	}
.bite {
	margin: 0;
	padding: 0 0 .5em;
	background: #001218;
	}
.bite ul {
	margin-bottom: 1.5em;
	}
/*.bite h1 {
	margin: 0;
	color: #fff; background: transparent;
	}*/
.bite h2 {
	margin: 2em 0 0;
	padding: .1em 0 0;
	text-transform: uppercase;
	color: #B7C6FF; background: transparent;
	font-size: 1.2em;		
	}
.bite h3 {
	text-align: center;
	margin: 0 auto .2em;
	padding: 0;
	color: #5D93C2; background: transparent;
	font-size: 1.1em;
	}
.bite h4 {
	text-transform: uppercase;
	text-align: center;
	margin: 0 auto .8em;
	padding: 0;
	color: #fff; background: transparent;
	font-weight: 900;
	font-size: 1em;
	}
#list {
	margin-top: 0;
	}
#list ul {
	margin-top: 2em;
	margin-bottom: 2.5em;
	}	
#list ul li {
	margin: 0 0 1em 0;
	}
#list p {
	margin-top: .3em;
	}
#list em {
	font-style: normal;
	font-weight: 900;
	color: #A9C1DC;
	}
#list h2 {
	padding-top: .7em;
	border-top: 1px solid #fff;
	}
#list h3 {
	text-align: left;
	font-size: 1em;
	margin: 0 auto .2em; 
	}
#list h4 {
	padding: 0;
	color: #fff; background: transparent;
    font: 900 1.1em/135% tahoma, sans-serif;
	}
#list h5 {
    color: #A9C1DC; background: transparent;
    font: 900 1em/135% tahoma, sans-serif;
  	}
#list h6 {
	text-align: left;
    font: 900 1em/135% tahoma, sans-serif;
	}


/* MINOR ELEMENTS
-=-=-=-=-=-=-=-=-=-=-=-=-=-=--=-=-=-=-=-=-=-=*/	
.credits {
	margin: -2em 0 .5em;
	}	
.credits p {
	text-align: right;
	margin: 0;
	}
.whitebg {
	color: #4f4f4f; background: #fff;
	}
.blackbg {
	color: #E8E8E8; background: #001218;
	}
.twentyfive {
	padding-left: 30%;
	}
.yellowbg {
	border-top: 4px solid #D6EF64;
	border-bottom: 4px solid #D6EF64;
	color: #4f4f4f; background: #FCF6B6;
	}
.hdr {
	margin: .3em 0 0 0;
	color: #5D93C2; background: transparent;
    font: 900 1em/135% tahoma, sans-serif;
	}
ul.sidebar {
	float: left;
	width: 20%;
	padding: 1.1em 1.3em .3em;
	margin: 3em 2.5em 1em 0;
	font-size: 85%;
	line-height: 135%
	}

ul.sidebar p {
	margin: 0;
	}


/* SIDE NAVIGATION
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=--=-=-=-=-=- */
#rightcol { 
	width: 175px;		
	float: right;
	margin: 0 ;	
	padding: 0;
	background: #001218;
	}
/*#rightcol img {
	text-align: right;
	margin: 0;
	padding: 0;
	border: none;
	}*/
ul#pagenav {
	width: 100%;
	float: right;
	text-align: left;
	margin: 0;
	border: none;
	font-size: .85em;
	font-weight: 900;
	}
#specialarea {
	width: 275px;
	float: right;
	}
#specialarea ul#pagenav {
	width: 115px;
	float: right;
	}
#specialbody {
	width: 480px;
	float: left;
	}
#specialbody h1 {
	margin-bottom: 0;
	}
ul#pagenav li {
	list-style-type: none;	
	margin: 0 0 .4em;
	padding: 0;
	}
ul#pagenav li.short {
	margin-left: 3em;
	}
ul#pagenav a {
	display: block; 
	text-transform: uppercase;
	padding: .27em 0 .27em 1em;
	color: #001218; background: #D6EF64;
	}
ul#pagenav li.short a {
	text-align: left;
	color: #D6EF64; background: transparent;
	}
ul#pagenav li.short a:hover { 
	color: #001218; background: #D6EF64;
	}

ul#pagenav a:visited {
	color: #96958F;
	border: none;
	}
ul#pagenav a:hover {
	color: #D6EF64; background: transparent;
	}
ul.foto li {
	float: right;
	margin-bottom: .5em;
	}

.reginfo h3 {
	margin: 0 auto .5em;
	}
.reginfo ul {
	margin-bottom: .9em;
	}
.righttext {
	width: 50%;
	float: right;
	}

/* BOTTOM NAV and FOOTER
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=--=-=-=-=-=-= */
#footer { 
	text-align: center; 
	margin: 8em auto 0;
	padding: 2em 0 0;
	color: #fff; background: transparent;
	}
#footer p {
	font-weight: 900;
	}
#footer a {
	font-weight: normal;
	}
#footer .thewei {
	margin: 3em auto;
	padding: .2em 0;
	color: #fff;
	font-weight: 600;
	}
#btmnav {
	text-align: center;
	margin: 1.1em 0 0;
	padding: 0;
	font-weight: normal;
	color: #fff; background: transparent;
	}
#btminfo {
	margin-top: 2em;
	}



/* EFFECTS
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=--=-=-=-=-=-= */

ul.blocks li {
	margin-bottom: .7em;
	}
.clearall {
    clear: both;
	}
.fotocredit {
	margin: 0;
	padding: 0;
	}
.pullquote {
    margin: 2em 6em 1em;
    font-style: italic; 
	}
.spacedps {
	padding-bottom: 2em;
	}
.spacedps p, spaced p {
	margin-bottom: .6em;
	}	
.spaced li {
	margin-bottom: 1em;
	}	
.clearall {
	clear: both;
	}
.center {	
	text-align: center;
	margin: 0 auto;
	}
.floatlt {
	float: left;
	}
.middle {
	vertical-align: middle;
	}
.smaller {
	font-size: 85%;
	}