/* CSS Document */

/*Expo CSS*/
/*Hung Le*/


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

body{
	background-image:url(../_source/image/bg-gradient.jpg);
	background-repeat:repeat-x;
	background-color:#621a00;
	/* cursor: url(../cursor.png), default; */
}

#outer{
	width: 80%;
	width:950px;
	height:100%;
	margin-left: auto;
    margin-right: auto;
	padding-left:24px;
}

#content, .shadow {
  	position: relative;
  	bottom: 4px;
  	right: 5px;
}

#content{
	background-image:url(../_source/image/bg-gradient2.jpg);
	background-repeat:repeat;
	background-color:#ffe29a;
	border:1px solid black;
	width:950px;
}

#banner{
	position:relative;
	left:0px;
	top:3px;
	height:176px;
	width:980px;
}

.fire1{
	position:absolute;
	top:0px;
	left:800px;
	z-index:5;
}

#countdown{
	position:absolute;
	top:140px;
	left:8px;
	width:155px;
	height:180px;
	z-index:1;
}

#sun{
	position:absolute;
	left:0px;
	top:470px;
}


#flame{
	position:absolute;
	bottom:20px;
	right:0px;
}


/*--------------------------------footer-----------------------------------*/

#footer{
	height:50px;
}

#footer_paragraph{
	text-align:center;
}

.footer_items{
	text-decoration:none;
	color:#990000;
}

.footer_items:hover {
	text-decoration:underline;
	color:#ff0000;
}

#counter{
	text-align:center;
}

/*---------------------------------menus-----------------------------------*/

#nav_curve{
	width:144px;
}
		
.nav_top {
	background: url(../_source/image/box-top03.png) no-repeat;
	margin: 0;
	padding: 25px 20px 0 20px;
	
}
		
.nav_bottom {
	background: transparent url(../_source/image/box-bottom03.png) no-repeat bottom left;
	margin: 0;
	padding: 20px 20px 4px 20px;
}

#nav{
	border-left:2px solid #000000;
	border-right:2px solid #000000;
	width:140px;
	height:340px;
}

#nav_box{
	position:absolute;
	left:15px;
	top:215px;
	z-index:1;
	width:145px;
}

.navigation{
	float:left;
	width:100%;
	padding:0;
	margin:0;
	list-style-type:none;
}

.navitem{
	width:140px;
	height:28px;
	padding-top:5px;
	text-align:center;
	display:block;
	font-family:Comic Sans MS ;
	font-size:14px ;
	z-index:1 ;
	text-decoration:none;
	color:white;
	background-image:url(../_source/image/navbar.jpg);
	border-bottom:1px solid black;
}

.navcurrentitem{
	width:140px;	
	height:28px;
	padding-top:5px;
	text-align:center;
	font-family:Comic Sans MS ;
	font-size:14px ;
	z-index:1 ;
	display:block;
	text-decoration:underline;
	color:black;
	border-bottom:1px solid black;
	background-image:url(../_source/image/navbar_hover.jpg);
/*	
	border-top:1px solid #E8AE00;
	border-bottom:6px solid #AE8700;
	border-left:5px solid #755200;
*/
}

.navitem:hover{
	background-image:url(../_source/image/navbar_hover.jpg);
	text-decoration:underline;
/*	
	border-bottom:5px solid #3C0000;
	border-left:4px solid #880000;
*/
}

.navcurrentitem:hover{
/*	background-image:url(../_source/image/navbar_hover.jpg); */
	text-decoration:underline;
}

.navlist{
	display:inline;
}

/*---------------------------------forms------------------------------*/

#downloads_box{
	position:absolute;
	top:540px;
	left:27px;
}

#downloads{
	padding-top:20px;
	padding-bottom:10px;
	padding-left:10px;
	padding-right:10px;
	margin-top:0px;
	margin-bottom:0px;
	border:2px solid #000000;
	background-color:#ffffff;
}

#downloads_curve{
	width:120px;
}

.downloads_bottom {
	background: transparent url(../_source/image/box-bottom04.png) no-repeat bottom left;
	margin: 0;
	padding: 20px 20px 0px 20px;
}

/*---------------------------------body------------------------*/

.title_box{
	position:absolute;
	top:180px;
	left:550px;
}

.title{
	position:absolute;
	color:#FFC855;
	text-decoration:underline;
	font-size:23px;
	height:30px;
	left:30px;
	top:3px;
	width:100px;
	z-index:1;
	text-align:center;
}

.tab{
	position:absolute;
}

div.ex2 {
	width:564px;
	color: #000;
	font-size: 14px;
}
		
div.ex2 p.first-ele {
	background: url(../_source/image/box-top01.png) no-repeat;
	margin: 0;
	padding: 20px 20px 0 20px;
	
}
		
div.ex2 p.last-ele {
	background: transparent url(../_source/image/box-bottom01.png) no-repeat bottom left;
	margin: 0;
	padding: 20px 20px 0 20px;
}

#updates-flash{
	margin-left:-25px;
	margin-top:10px;
}

#news-box{
	background-color:#FEFFCE;
	width:500px;
	padding:10px;
	position:relative;
	top:20px;
	left:-10px;
	border-top:5px solid #BBB100;
	border-bottom:1px solid #BBB100;
}

#written_box{
	position:relative;
	top:40px;
	left:167px;
	width:500px;
	z-index:1;
	margin-bottom:100px;
}

#written{
	text-align:justify;
	border:2px solid #E8AE00;
	background-color:#ffffff;
	padding-left:30px;
	padding-bottom:10px;
	padding-right:30px;
	position:relative;
}

#main_text{
	margin-top:10px;
}

/*--------------------------------------cbox----------------------------------------*/

#cbox_box{
	position:absolute;
	right:15px;
	top:600px;
}

#cbox{
	border:2px solid #E8AE00;
}

.cbox_comment{
	padding-top:5px;
	padding-bottom:0px;
	padding-left:10px;
	padding-right:10px;
	margin-top:0px;
	margin-bottom:0px;
	border-top:2px solid #E8AE00;
	border-left:2px solid #E8AE00;
	border-right:2px solid #E8AE00;
	background-color:#FFFFFF;
	color:#FF0000;
	height:50px;
}

/*---------------------------------------MOW-------------------------------------------*/
#mow_box{
	position:absolute;
	width:400px;
	height:400px;
	top:160px;
	left:180px;
	list-style-type:none;
}

#mow{
	display:inline;
}

#mow a{
	color:#000000;
}

.mow_li{
	list-style-type:none;
}

.setsmall{
	height:0px;
	width:0px;
	color:#000000;
}

#pixset{
	position:absolute;
	background-image:url(../_source/image/pixset.png);
	background-repeat:no-repeat;
	height:50px;
	width:100px;
}
#pixset:hover{
	background-image:url(../_source/image/pixset_hover.png);
}

#tvset{
	position:absolute;
	left:80px;
	background-image:url(../_source/image/tvset.png);
	background-repeat:no-repeat;
	height:50px;
	width:100px;	
}
#tvset:hover{
	background-image:url(../_source/image/tvset_hover.png);
}

.mow_update{
	color:#FF0000;
	position:absolute;
	left:150px;
	top:40px;
	font-size:10px;
}

/*---------------------------------------updates----------------------------------------*/

#updates_curve{
	width:196px;
}
		
.updates_top {
	background: url(../_source/image/box-top02.png) no-repeat;
	margin: 0;
	padding: 20px 20px 0 20px;
	
}
		
.updates_bottom {
	background: transparent url(../_source/image/box-bottom02.png) no-repeat bottom left;
	margin: 0;
	padding: 20px 20px 0 20px;
}

#updates_box{
	position:absolute;
	right:20px;
	top:217px;
	z-index:1;
	width:191px;
}

#updates_frame{
	border:2px solid #e8ae00;
	width:192px;
} 

#updates-iframe{
	 width:192px;
	 height:300px;
}

/*--------------------------------------links---------------------------------------*/

.link_spacing{
	padding: 12px;
}

.link_small{
	width:0;
	height:0;
	color:#000000;
}

.atld{
	display:block;
	width:243px; 
	height:50px;
	color:#333333; 
	border:2px solid #000000;
	text-decoration:none;
	background:transparent url(../_source/image/ane_thanh1.png) no-repeat;
}

.atld:hover{
	background:transparent url(../_source/image/ane_thanh2.png) no-repeat;
	text-decoration:none;
	border:2px solid black;
}

.gionam{
	display:block;
	width:243px; 
	height:50px;
	color:#333333; 
	border:2px solid #000000;
	text-decoration:none;
	background:transparent url(../_source/image/gionam1.png) no-repeat;
}

.gionam:hover{
	background:transparent url(../_source/image/gionam2.png) no-repeat;
	text-decoration:none;
	border:2px solid black;
}

.syt{
	display:block;
	width:243px; 
	height:50px;
	color:#333333; 
	border:2px solid #000000;
	text-decoration:none;
	background:transparent url(../_source/image/syt1.png) no-repeat;
}

.syt:hover{
	background:transparent url(../_source/image/syt2.png) no-repeat;
	text-decoration:none;
	border:2px solid black;
}

/*-------------------------------------adjustments----------------------------------*/

.audition_position{
	text-align:center;
}

.audition_position a{
	color:#000000;
	text-decoration:none;
}

.audition_position a:hover{
	color:#FF0000;
	text-decoration:underline;
}

.audition_flyer{
	width:100px;
	position:absolute;
	left:400px;
}

.directions{
	list-style-type:none;
	margin:10px;
}

.absolute{
	position:absolute;
}

/*--------------------------------------images-------------------------------------*/

.pow1{
	width:486px;
	border-top:7px solid #CCCCCC;
	border-bottom:7px solid #333333;
	border-left:7px solid #999999;
	border-right:7px solid #666666;
}

.pow2{
	width:486px;
	border-top:7px solid #CCCCCC;
	border-bottom:7px solid #333333;
	border-left:7px solid #999999;
	border-right:7px solid #666666;
}

#bren-pix{
	position:absolute;
	top:20px;
	right:30px;
}

/*---------------------------------------MEDIA-----------------------------------*/

#wallpaper-ul{
	list-style-type:none;
}

#wallpaper-ul li{
	padding-bottom:30px;
	padding-left:10px;
	margin-top:30px;
	margin-bottom:20px;
	background-color:#D7D7D7;
	border-bottom:1px solid #999999;
}

#wallpaper-ul li img{
	border-top:5px solid #CC9933;
	border-right:5px solid #996600;
	border-bottom:5px solid #513400;
	border-left:5px solid #996600;
}

#wallpaper-items{
	padding-bottom:5px;
	padding-left:10px;
}

#wallpaper-heart{
	position:absolute;
	top:530px;
	left:350px;
}

#wallpaper-life{
	position:absolute;
	top:830px;
	left:350px;
}

#wallpaper-bpx{
	position:absolute;
	top:1130px;
	left:350px;
}

#wallpaper-cats{
	position:absolute;
	top:1430px;
	left:350px;
}

#wallpaper-eyes{
	position:absolute;
	top:1730px;
	left:350px;
}

#wallpaper-darkh{
	position:absolute;
	top:2030px;
	left:350px;
}

#wallpaper-darkf{
	position:absolute;
	top:2330px;
	left:350px;
}

#wallpaper-items{
	list-style-type:none;
}

#wallpaper-items a{
	color:#333333;
}

/*---------------------------------------CONTACTS-----------------------------------*/

.contacts{
	padding-right:40px;
	padding-bottom:30px;
}

/*--------------------------------------ACCENTS-------------------------------------*/

.title_green{
	color:#006600;
	text-decoration:underline;
	font-size:25px;
	font-weight:bold;
	position:relative;
	left:10px;
}

.title_blue{
	color:#0000FF;
	font-size:18px;
	text-decoration:underline;
	text-align:left;
	position:relative;
	left:-5px;
}

.title-blue{
	color:#0000FF;
	font-size:15px;
	text-align:left;
	font-weight:bold;
}

.title_gold{
	color:#8C4900;
	font-size:20px;
	text-decoration:underline;
	position:relative;
	left:-5px;
}

.title_bold{
	color:#FF0000;
	font-size:14px;
	font-weight:bold;
}

.title_links{
	color:#0000FF;
	font-size:14px;
	font-weight:bold;
}

.title_black{
	font-size:20px;
	font-weight:bold;
}

.title_black_form{
	font-size:16px;
	font-weight:bold;
}

.title_italic{
	font-style:italic;
}

.title_red{
	color:#FF0000;
}

.title_team{
	text-align:center;
}

.urgent_red{
	color:#FF0000;
	font-weight:bold;
}

.hr {
	color:#666666;
	border-bottom:1px solid #999999;
}

.links{
	color:#666666;
	font-size:16px;
	text-decoration:none;
}

.links:hover{
	color:#0000FF;
}

.links img{
	border:2px solid #999999;
}

.links img:hover{
	border:2px solid #0000FF;
}

.indent{
	margin-left:40px;
}