/* DEFAULT
*******************************/
* {margin, padding:0;}

.p5 {padding:5px;}
.p10 {padding:10px;}
.p15 {padding:15px;}

.pl5 {padding-left:5px;}
.pl10 {padding-left:10px;}
.pl15 {padding-left:15px;}


a, a:link, a:visited {
font-weight:bold;
text-decoration:none;
color:#5af6f9;
background:none;
}

a:hover {
color: #fff;
background: #543;
border-bottom:1px solid #a86;
}

.links a, .links {font-size:10px;  font-weight:normal; color: #c33; background:none;}



img {
border:0px;
}

body { color:#ffc;
	font-size:15px;
	line-height:22px;}

/* TEXT SHADOW *******************/

h2 {
        font-size: 24px; /* optional. just to increase the font size. */
        padding:10px;
        padding-top:6px;
        padding-left:0px;
        border:1px dashed #999;
        letter-spacing:2px;
        color: #f00; /* shadow color */
        background-color: transparent;
        white-space: nowrap; /* wrapping breaks the effect */
}

h2:before,
h2:after{
         /* content: text; generated text in template.php */
        display: block;
}

h2:before{
        margin-bottom: -1.05em;
        margin-left: 0.1ex;
        color: #fe0; /* shadow color */
        background-color: transparent;
}

h2:after{
        margin-top: -1.05em;
        margin-left: -0.1ex;
        color: #fff; /* text color */
        background-color: transparent;
}


h3{
	font-size:18px;
	color: #f00;
	padding:5px;
	letter-spacing:2px;
	margin-top:-29px;
	border:1px dashed #999;
	z-index:10;
	}

.h3bg {
	margin-top:20px;
	height:28px;
	width:100%;
	filter:alpha(opacity=25);
	-moz-opacity:0.25;
	opacity:0.25;
	z-index:1;
	background:#fff;
	}



h2, h3 {
		line-height: 1em;
        text-transform:capitalize;
        font-variant: small-caps;
        font-family: Arial black, Arial;
        display: block;
        border-right:none;
   		border-left:none;}

/* H2 { font-size:32px; color: black; text-shadow: 3px 3px 6px white} */

/* IMG SHADOW ******************/
.alpha-shadow {
	clear: both;
	float:left;
	background: url(/img/shadow.gif) no-repeat bottom right;
	margin: 6px 5px 0 12px !important;
	margin: 6px 5px 0 6px;
	}

.alpha-shadow div {
  background: url(/img/shadow2.png) no-repeat left top !important;
  background: url(/img/shadow2.gif) no-repeat left top;
  float: left;
  padding: 0px 6px 6px 0px;
  }

.alpha-shadow img {
  background-color: #fff;
  padding: 4px;
  margin: 0;
  }
.alpha-shadow img { border:1px solid a9a9a9;}
.imgcommentr { font-size:10px; float:right; padding-right:5px; margin-right:10px; color:#fff; line-height:12px; text-align:center;}

/* ABSOLUTE IMAGES
*******************************/

#trans {
	position:absolute;
	padding:0;
	margin-left:33px;
	margin-top:39px;
	z-index:1;
	}



/* DEFAULT CLASSES
*******************************/

.fft {font-family:Tahoma,Arial,Helvetica,sans-serif;}

.f10 {font-size:10px;}
.f11 {font-size:11px;}
.f12 {font-size:12px;}
.f13 {font-size:13px;}
.f14 {font-size:14px;}
.f15 {font-size:15px;}
.f16 {font-size:16px;}
.f17 {font-size:17px;}
.f18 {font-size:18px;}
.f21 {font-size:21px;}
.f24 {font-size:24px;}
.f30 {font-size:30px;}

.fwn {font-weight:normal;}
.fwb {font-weight:bold;}

.lh12 {line-height:12px;}
.lh14 {line-height:14px;}
.lh16 {line-height:16px;}

.tal {text-align:left;}
.tar {text-align:right;}
.tac {text-align:center;}

.b0 {border:0px;}
.b1s000 {border:1px solid #000;}
.b1s333 {border:1px solid #333;}
.b1s666 {border:1px solid #666;}
.b1s999 {border:1px solid #999;}

.p0 {padding:0px;}
.pt0 {padding-top:0px;}
.pr0 {padding-right:0px;}
.pb0 {padding-bottom:0px;}
.pl0 {padding-left:0px;}

.p4 {padding:4px;}
.pt4 {padding-top:4px;}
.pr4 {padding-right:4px;}
.pb4 {padding-bottom:4px;}
.pl4 {padding-left:4px;}

.p5 {padding:5px;}
.pt5 {padding-top:5px;}
.pr5 {padding-right:5px;}
.pb5 {padding-bottom:5px;}
.pl5 {padding-left:5px;}

.p7 {padding:7px;}
.pt7 {padding-top:7px;}
.pr7 {padding-right:7px;}
.pb7 {padding-bottom:7px;}
.pl7 {padding-left:7px;}

.p10 {padding:10px;}
.pt10 {padding-top:10px;}
.pr10 {padding-right:10px;}
.pb10 {padding-bottom:10px;}
.pl10 {padding-left:10px;}

.p15 {padding:15px;}
.pt15 {padding-top:15px;}
.pr15 {padding-right:15px;}
.pb15 {padding-bottom:15px;}
.pl15 {padding-left:15px;}

.p20 {padding:20px;}
.pt20 {padding-top:20px;}
.pr20 {padding-right:20px;}
.pb20 {padding-bottom:20px;}
.pl20 {padding-left:20px;}

.m0 {margin:0px;}
.mt0 {margin-top:0px;}
.mr0 {margin-right:0px;}
.mb0 {margin-bottom:0px;}
.ml0 {margin-left:0px;}

.m5 {margin:5px;}
.mt5 {margin-top:5px;}
.mr5 {margin-right:5px;}
.mb5 {margin-bottom:5px;}
.ml5 {margin-left:5px;}

.m7 {margin:7px;}
.mt7 {margin-top:7px;}
.mr7 {margin-right:7px;}
.mb7 {margin-bottom:7px;}
.ml7 {margin-left:7px;}

.m10 {margin:10px;}
.mt10 {margin-top:10px;}
.mr10 {margin-right:10px;}
.mb10 {margin-bottom:10px;}
.ml10 {margin-left:10px;}

.m15 {margin:15px;}
.mt15 {margin-top:15px;}
.mr15 {margin-right:15px;}
.mb15 {margin-bottom:15px;}
.ml15 {margin-left:15px;}

.m20 {margin:20px;}
.mt20 {margin-top:20px;}
.mr20 {margin-right:20px;}
.mb20 {margin-bottom:20px;}
.ml20 {margin-left:20px;}

.mauto {margin:auto;}
.mtauto {margin-top:auto;}
.mrauto {margin-right:auto;}
.mbauto {margin-bottom:auto;}
.mlauto {margin-left:auto;}

.fl {float:left;}
.fr {float:right;}
.fn {float:none;}

.cl {clear:left;}
.cr {clear:right;}
.cb {clear:both;}

.w50 {width:50px;}
.w60 {width:60px;}
.w70 {width:70px;}
.w90 {width:90px;}
.w100 {width:100px;}
.w140 {width:140px;}
.w288 {width:288px;}
.w300 {width:300px;}
.w306 {width:306px;}
.w315 {width:315px;}
.w320 {width:320px;}
.w328 {width:328px;}
.w340 {width:340px;}
.w345 {width:345px;}
.w353 {width:353px;}
.w432 {width:432px;}
.w572 {width:572px;}
.w746 {width:746px;}

.w50p {width:50%;}
.w100p {width:100%;}

.wsn {white-space:nowrap;}


/* CONTENT
*******************************/

#content_wrap {
color:#fff;
}

.txt1 {
color:#fff;
}

.txt2 {
color:#ccc;
}

.lnk1 {
color:#fc3;
}

.lnk2 {
color:#f90;
}

.lnk3 {
color:#fff;
}

.error {
color:#f93;
}


/* DEFAULT FORMS
*******************************/

form {
display:inline;
}

#content_wrap select,
#content_wrap input,
#content_wrap textarea {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}




/* LOGIN
*******************************/
#login a 	{color:#069fe3;}
#login a:hover {color: #fc7;}


#login {
z-index:3;
position:absolute;
margin-left:480px;
margin-top:12px;
height:70px;
top:inherit;
width:295px;
font-size:11px;
float:right;
text-align:left;
}

#login .messages_txt {
width:46px;
height:5px;
}

#login .updates_txt {
width:38px;
height:5px;
}

#login input {
font-size:11px;
}

#login select {
font-size:11px;
}

/* LOGO TEXT
******************************* with old logo was 106px and 127px */
#joy {
	position:absolute;
	margin-top: 112px;
	margin-left: 125px;
	letter-spacing:1px;
	font: 16px Trebuchet MS, Verdana, serif;
	font-weight:normal;
	font-style:italic;
	z-index:2;}
	
#bt { 
	letter-spacing:2px;
	text-transform:uppercase;
	font-weight:normal;
	font-style:normal;
	color:#c33;
	}
	
#gbclink {vertical-align:bottom;}
#gbclink a {
	background: none; 
	border: none; 
	float: right; 
	margin: 5px 25px 10px 0;
}

#gbclink span {
	font-size:10px;
	margin:0px -13px 0px 0px;
	float:left;
}
* html #gbclink span {margin-right:-16px;}

/* MAIN BOX LAYOUT
******************/

#mainbox {width:572px; float:right;}
#mainbox p {padding-left:10px;}


#shadedbox {border:2px solid #765; margin-top:15px; background: #421 url("../img/topdownfade.gif") top repeat-x;}
#headrow {background: #320 url("../img/topdownfade.gif") -50px repeat-x; }
#headrow td {border:none;border-bottom:1px solid #765;}

#bigshadedbox {border:2px solid #765; margin-top:15px; background: #210 url("../img/topdownbigfade.jpg") top repeat-x; margin-right:20px;}

#shadedbox, #bigshadedbox {border-color: #632 #421 #310 #421;}

SUP {line-height:0; padding,margin:0; font-size:10px;}

h1,h4,h5, h6{line-height:1em;padding,margin:0; color: #c33;}
h1{font-size:18px;}


h4{font-size:12px; margin-left:15px; border-bottom:1px dotted #f99; text-transform:lowercase;}
h5 {font-size:16px; line-height:22px; margin-bottom:0; margin-top:0; text-align:center;}
h6{font-size:11px; margin-bottom:0;}
#mainbox ul, #mainbox li{border:0; margin: 0; padding:0;
padding-left:10px;
}


#mainbox ul{list-style:disc;}
#mainbox ul ul{list-style:circle;}
#mainbox li{list-style-position:inside;}


/* Date, Note, Mouse over text
****************************/
.date {
	text-align:right;
	position:relative;
	/*border:1px solid #321;
	background:#200;*/
	border-right:none;
	line-height:14px;
	padding-top:170px;
	padding-right:30px;
	font-size:10px;
	color: #a86;
	font-style:italic;
	}
div.note {
	text-align:right;
	vertical-align:bottom;
	font-style:italic;
	color: #ca3;
	margin-top:-12px;
	margin-right:5px;
	font-size:10px;

	}
a.mot {font-weight:normal; color:#06a; text-decoration:none;}
a.mot:hover {color:#c8d; background: none; text-decoration:none; border:none;}

.error{color:#07c; font-size:10px;}

.info input {width:150px; float:left;  text-align:left;}
.cbox input {width:150px; float:left;  text-align:left;}


/* BLOCKQUOTE
****************************/
#quote blockquote {
background: #ffe url(../img/ldquo.gif) 5px 10px no-repeat;
border : 2px solid;
border-color: #632 #421 #210 #421;
color:#000;
margin: 5px;
padding: 5px;
text-align: justify;}
#quote p {padding: 0px 28px 0px 28px;}
p.rdquote {
background: url(../img/rdquo.gif) no-repeat;
background-position:bottom right;
padding:0px 28px 0px 28px;}

img.pic {float:left; margin:0 5px 5px 15px;}



/* MAIN RIGHT ALIGN SECTION
****************************/
#mainbox p {padding-right:15px;}
#quote blockquote {margin-left:20px; margin-right:30px;}


/* SMALL ITALIC INTRO OUTRO TEXT
****************************/
.intro, .note {
	font-style:italic;
	font-size:small;}
	
	
embed.vid {
	margin: 0 60px 0 80px;
	width:400px;
	height:326px;
	border:1px solid #333;
}