/* CSS Document */
/*
 +---------------------------------------------------------------------------------------
 | File     : mainstyle.css
 | Author   : Mazhar Ahmed
 | Purpose  : This is the main style file of the web site named "www.mightymaze.com"
 |            this holds the classes for loading message and all the body text
 | Comments : Yea, I just pleased with this one
 +---------------------------------------------------------------------------------------
 */

/* This is the main style of the text content of the site */
.style_english {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-style:normal;
	font-weight:100;
	font-stretch:normal;
	text-align:left;
	text-shadow:#000000;
	letter-spacing:normal;
	padding:10px;
	color:#000000
}

/* This is the main container of the site */
#page_body{
	position:relative;
	text-align:center;
	margin: auto auto;
	width:1024px;
	height:auto
}

/* This is the style of the heading content of the site */
.style_english_heading {
	font-size:20px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-style:normal;
	font-weight:100;
	font-stretch:normal;
	text-align:left;
	text-shadow:#000000;
	letter-spacing:normal;
	padding:10px;
	color:#000000
}

/*
This is the bangla style which is just added if needed in case

.style_bangla {
	font-size:16px;
	font-family:Siyam Rupali, Rupali, Bangla, Vrinda, SolaimanLipi,
	Ekushey Azad,Ekushey Durga,Ekushey Godhuli,Ekushey Mohua,Ekushey Puja,
	Ekushey Punarbhaba,Ekushey Saraswatii,Ekushey Sharifa,Ekushey Sumit;
	font-style:normal;
	font-weight:100;
	font-stretch:normal;
	text-align:left;
	letter-spacing:normal;
	padding:10px;
	color:#000000;
	text-shadow:#000000
}

*/

/* This is the header of the site */
#header{
	left:auto;
	z-index:1;
	position:absolute;
	left:-10px;
	background:url(images/header.gif);
	width:791px;
	height:232px
}

/* Making the Snowy adventure */
#snowy{
	background:url(images/snowy.gif);
	height:44px;
	width:500px;
	z-index:6;
	left:120px;
	top:205px;
	position:absolute
}

/* This holds the main menu */
#menu{
	position:absolute;
	top:240px;
	left:10px;
	z-index:5
}

/* Loading area / Main page loading body */
#loading_area{
	position:absolute;
	top:290px;
	left:25px
}

/* This is for showing Bangladesh time */
#clock{
	background:url(images/clock.gif);
	position:absolute;
	left:740px;
	width:267px;
	height:231px;
	z-index:2
}

/* This is the Little Big Planet */
#little_big_planet{
	background:url(images/little_big_planet.gif);
	width:127px;
	height:85px;
	position:absolute;
	left:800px;
	top:220px;
	z-index:6
}

/* This is the Instant Messenger */
#im{
	background:url(images/im.gif);
	width:228px;
	height:381px;
	position:absolute;
	left:785px;
	top:278px
}

/* Table cell */
td{
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-style:normal;
	font-weight:100;
	font-stretch:normal;
	text-shadow:#000000;
	letter-spacing:normal;
	color:#000000
}

/* This is the style of the loading & failed message */
.load{
	margin:auto auto;
	padding: 200px 0px;
	width:700px;
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-style:normal;
	font-weight:100;
	font-stretch:normal;
	text-shadow:#000000;
	letter-spacing:normal;
	color:#000000
}

/* This is the main dock style of aligning */
#dock {
  position:fixed;
  bottom:0;
  left:0;
  width:100%;
  height:26px;
  background:transparent url(images/dock-bg.gif) repeat-x 0 0;
  z-index: 100000	
}       

/* This is the style of the dock icon */
.dock_icon {
  float:left;
  width:102px;
  height:21px;
  margin-top:3px;
  background: url(images/button-bg.gif);
  text-align:center;
  font-size: 14px;
  color: #000;
  line-height: 22px;    
  margin-right:10px;
  margin-left:10px
}       

/* This is the style for the theme element */
#theme {       
  float:right; 
  margin-top:3px;
  margin-right:15px;
  font-family:Verdana, Geneva, sans-serif;
  font-size:14px
}