/* =================================================================== */
/* Breathing In Fumes: base styles                                     */
/* Created by Annie, Webmaster                                         */
/* =================================================================== */


HTML { 
	height: 100%; width: 100%; display: block; margin:0px; padding:0px;
	/* firefox vertical toolbar trick */
 	overflow:-moz-scrollbars-vertical; 
}

BODY { 
	height: 100%; width: 100%;
	margin: 0px; padding:0px;
	display: block; 
}

/* hat and sock */
#hat { 
	position: absolute; z-index:50000; top:0px; left:0px;
	margin:0px; padding:0px; padding-top:2px; padding-bottom:2px; height: 16px; width:100%; overflow:hidden;
	background-color: #111111;	
	text-align: right;
	font-family: Arial, Helvetica, sans-serif; font-size:1px;
}
#hat #hat_logo { margin-right: 4px; }
#sock { 
	position: absolute; z-index:50001; overflow:hidden;
	margin: auto 0px 0px 0px;
	height: 14px; width:100%; 
	padding: 2px; padding-left: 0px; padding-right:0px;
	background-color: #111111;
	text-align: left;
}

#sock, #sock A, #sock A:visited { 
	font-size: 9px; text-transform: uppercase; color: #AAAAAA; 
	font-family: Arial, Helvetica, sans-serif; 
}
#sock A { padding-right: 20px; }
#sock A:hover { text-decoration: none; color: #EEEEEE; }



/* *html #hat, *html #sock { width: 694px; }  */

/* by default, do not show the home link */
#home_link { display: none; }

/* preloader */
.preload { width:1px; height:1px; visibility:hidden; position:absolute; bottom:0px; left:0px; }

/* themes */

#theme_menu { 
	position:absolute; float: left; top:2px; left:2px; width: 400px; height: 16px;
	overflow: hidden; text-align:left; vertical-align: middle; 
}
#theme_menu input.theme_option { 
	height: 10px; width: 10px; padding: 0px; margin: 1px; font-size:1px; line-height:8px;
	border: solid 1px black; 
	cursor: pointer;  
}
.theme_option_default 	{ background-color: #88FF33; color: #88FF33; }
.theme_option_violator 	{ background-color: #CC0000; color: #CC0000; }
.theme_option_mftm 		{ background-color: #eebc81; color: #eebc81; }
.theme_option_sofad		{ background-color: #751883; color: #751883; }
.theme_option_black		{ background-color: #000000; color: #000000; border-color: #333333!important; }
.theme_option_hourglass { background-color: #FFCC33; color: #FFCC33; }
.theme_option_pta       { background-color: #777777; color: #777777; }
.theme_option_ultra     { background-color: #642645; color: #742645; }
.theme_option_exciter   { background-color: #2c8b44; color: #2c8b44; }
.theme_option_ss        { background-color: #e3321b; color: #e3321b; }
.theme_option_universe  { background-color: #f76133; color: #f76133; }
.theme_option_reward    { background-color: #2e659b; color: #2e659b; }

/* animated icon */
.media_obj .media_animated { border: none; }

/* member sections */
table.member_menu { width: 100%; background-color: #f3f3f3; margin-top: 10px; margin-bottom: 10px; }
table.member_menu td { border: solid 1px #f3f3f3; text-align: center; font-weight: bold; }

.media_caption { font-size: 11px; }
.media_caption_name { font-weight: bold; }
.media_caption_details { }

INPUT.heading { font-weight: bold; font-size: 14px; padding: 2px; background-color: #f3f3f3; border-color: #ffffff; }
INPUT.heading:hover { border-color: #cccccc; background-color: #f3f3cc; }


/* images used as links/buttons */
.image_link { filter: alpha(opacity=80); opacity:0.8; -moz-opacity:0.8; -khtml-opacity:0.8; }
.image_link:hover { filter: alpha(opacity=100); opacity:1; -moz-opacity:1; -khtml-opacity:1; }


/* ------------------------------------ other ------------------------------- */

H1 { font-size: 16px; letter-spacing: 2px; }
H2 { font-size: 14px; }
H3 { font-size: 13px; }
H4 { font-size: 12px; }
H5 { font-size: 11px; }
H6 { font-size: 10px; }

/* cursor defaults */
BODY            { cursor: default; }
a, .fakeAnchor  { cursor: pointer; }
TEXTAREA        { cursor: text; }
SELECT          { cursor: pointer; }
LABEL           { cursor: pointer; }

/* links */
a, a:link, a:visited { text-decoration: none;  }
a:hover              { text-decoration: underline; }
a img                { border: none; text-decoration: none !important; }
a:hover img, a img:hover, img:hover, a:hover IMG { text-decoration: none !important; }
a.nounderline, a.nounderline:hover { text-decoration: none !important; }

/* table basics */
TABLE        { border-collapse: collapse; }
TR           { vertical-align: top; }
TH, .heading { font-weight: bold; text-align: center; padding: 2px; }

/* form and form field basics */
FORM { padding: 0px; margin: 0px; }

INPUT, TEXTAREA, SELECT, .fakeButton { 
	border-style: solid; border-width: 1px; 
	border-left-color: #777; border-top-color: #777; border-right-color: #CCC; border-bottom-color: #CCC; 
    background-color: #f6f6f6;
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; line-height: 12px;
}
INPUT, TEXTAREA, SELECT, .fakeButton, .fakeButton A, .fakeButton A:link, .fakeButton A:hover, .fakeButton A:visited  { 
	color: #006699; text-transform: none; 
}
INPUT.radio, INPUT.checkbox { border: none; background: none; }
INPUT.submit, INPUT.button, .fakeButton { 
	border-left-color: #CCC; border-top-color: #CCC; border-right-color: #777; border-bottom-color: #777; 
	cursor:pointer; 
	padding: 2px 4px 2px 4px; 
}

LABEL:hover { color: #009933; }

/* other stuff */
HR { height: 1px; border: none; border-top: solid 1px #666666; border-collapse: collapse; }

IFRAME.invisible { 
	border: none; width: 100%; height: auto; padding:0px; margin:0px;
}


/* --------------------------------- very generic classes -------------------------------- */

.spacer { clear: both; font-size: 4px; height: 4px; overflow: hidden; }

.center { text-align: center; }
.left   { text-align: left; }
.right  { text-align: right; }

.bolder        { font-weight: bold; font-size: 12px; }
.bold          { font-weight: bold; }
.italic        { font-style: italic; }
.indent        { margin-left: 10px; }
.underline     { text-decoration: underline; }
.strikethrough { text-decoration: line-through; }

.large   { font-size: 12px; }
.small   { font-size: 10px; }
.smaller { font-size: 9px; }
.wee     { font-size: 8px; }

.green { color: #90C809; }

.error { font-weight: bold; color: red; }
.star  { color: #FF0000; font-weight: bold; font-size: 14px; line-height: 10px; }

.border        { border: solid 1px #666666; }
.border_bottom { border-bottom: solid 1px #666666; }
.border_top    { border-top: solid 1px #666666; }
.border_right  { border-right: solid 1px #666666; }
.border_left   { border-left: solid 1px #666666; }

.float_right { float:right; }
.float_left { float:left; }


/* =================================== TAGBOARD ============================== */

#tagboard_form { margin: 0px auto; }
#tagboard_form, #tagboard_form form, #tagboard_form iframe { width: 150px; }
#tagboard_form table { width: 150px; }


/* =================================== FORUM (SMF) ============================== */

.quote { font-size: 11px; padding: 2px; }


/* ==================================== IMAGES =============================== */

img.thumbnail {
  /* background: url('/_graphics/shadowAlpha.png') no-repeat bottom right !important;
  background: url('/_graphics/shadow.gif') no-repeat bottom right;
  margin: -4px 4px 4px -4px; padding: 0px 4px 4px 0px; */
  text-shadow: black 0px 0px 5px;
}

/* ==================================== PRINTING =============================== */

.no_print { display: inherit; }
.print_only { display: none; }

#print_header { display: none; }
#print_footer { display: none; }


/* ==================================== MUSIC =============================== */

.playerHide, .playerShow {
   background-color: #999; padding:0; margin:0px auto; 
   position: absolute; top: 0px; right: 0px;
   border:1px solid #DDD; overflow: hidden;
}

.playerHide {
   width: 20px; height: 20px; background-color: transparent; border-width: 0px;
}
.playerHide #widgetContent { visibility: hidden; }

.playerShow { 
   width:298px; height: 200px;
}
.playerShow #widgetContent { visibility: show; }

#playerBtn { 
   border: outset 1px #333333; background-color: #333333; width: 14px; 
   text-align: center;
}
#playerBtn, #playerBtn A, #playerBtn A:visited { 
   text-decoration: none; color: #FFFFFF; font-weight: bold;
}
#playerBtn A:hover { color: #CC9900; }

.playerShow #playerBtn { 
   position: absolute; z-index: 1000; top: 180px; right: 0px; 
}