/*
	Antics Land Master CSS File
	@date : April 27, 2008
	@author : Adil Baig
*/

/* General css rules */
html,body 			{ font: 12px Verdana, Arial, Helvetica, sans-serif; color:#FFF; height:100%; !height:99%; background:#E9BB63 url(../images/strip.jpg) top left repeat-x; }
* 					{ margin:0; padding: 0; }
a 					{ text-decoration:none;  }
a:hover 			{ text-decoration:underline; }
p					{ margin-top:1em; line-height:1.7em;}


/* ROUNDED BOX - General rules*/
.top_corners ,		
.bottom_corners			{ font-size:1%; clear:both;}
.top_corners .left ,
.bottom_corners .left	{ float:left; }
.top_corners .right ,
.bottom_corners	.right	{ float:right; }


/* hCARD Microformat Rules */
.addr 				{ display:block; margin:1em 0; }
.addr span 			{ display:block; }
.addr .organization { font-weight:bold; }


/* CONTAINER - this holds everything in the page */
#container 			{ position:relative; width:960px; min-height:99%; height:auto; margin:0 auto; overflow:hidden; background:url(../images/header.jpg) no-repeat; }
* html #container 	{ height:100%; overflow:visible; } /*Holly Hack for IE6 only*/


/* SUB MENU on top*/
#top-sub-menu { text-align:right; margin:1em 0 -2.25em 0; padding-right:3em; }
#top-sub-menu a{ display:-moz-inline-box; display:inline-block; color:#000; margin-right:1em;}


/* HEADER - Main header rules*/
#header .menu 		{ width:90%; margin:210px 5% 0 auto; text-align:right; }
#header .menu a 	{ margin:0 0.2em; }


/* BODY - general rules*/
#body			{ width:79%; margin:0 5% 0 auto; }


/* BODY - home page */
#body #banner		{ margin:0 0 1em -13px; }

#body #leftcol		{ position:relative; width:50%; float:left;} 
#body #leftcol .green_balloon { position:absolute; top:-1em; left:-4.6em; }
* html .green_balloon { display:none; }
#body #rightcol 	{ width:48%; float:right; }

#body .redbox							{ background-color:#CC511A; }
#body .redbox h1						{ color:#FFF08E; font-size:1.6em; margin-bottom:0.9em; }
#body .redbox p							{ line-height:1.3em; }
#body .redbox .content 					{ padding:1.8em; }
#body .redbox .top_corners *,
#body .redbox .bottom_corners *			{ background:url(../images/redbox-corners.gif); height:10px; width:9px; }
#body .redbox .top_corners .right 		{ background-position:9px 0;}
#body .redbox .bottom_corners			{ height:10px; }
#body .redbox .bottom_corners .left		{ background-position:0px 10px; }
#body .redbox .bottom_corners .right	{ background-position:9px 10px; }

#body .orangebox						{ background-color:#DE7732; margin-bottom:1em;}
#body .orangebox h2						{ color:#FFF08E; font-size:1.3em; margin-bottom:0.9em; }
#body .orangebox p						{ line-height:1.3em; }
#body .orangebox img					{ border:1px solid #999999; padding:0.1em; } 
#body .orangebox img.arrow				{ border:none; padding:none; float:right; } 
#body .orangebox .content 				{ padding:1.8em; }
#body .orangebox .top_corners *,
#body .orangebox .bottom_corners *		{ background:url(../images/orangebox-corners.gif); height:10px; width:9px; }
#body .orangebox .top_corners .right 	{ background-position:9px 0;}
#body .orangebox .bottom_corners		{ height:10px; }
#body .orangebox .bottom_corners .left	{ background-position:0px 10px;}
#body .orangebox .bottom_corners .right	{ background-position:9px 10px;}


/* BODY - sub pages with sub-menus */
#body .menu 			{ float:left; width:22%; position:relative; }
#body .menu span 		{ display:-moz-inline-box; display:inline-block; width:100%;  }
#body .menu ul 			{ background-color:#763F1B; list-style:none; }
#body .menu li 			{ margin:0.1em; list-style:none; }
#body .menu li.top ,	
#body .menu li.bottom	{ margin:0; padding:0; }
#body .menu li.top 		{ height:21px; background:url(../images/sub-menu-top-bg.jpg) repeat-x; }
#body .menu li.bottom 	{ height:10px; background:url(../images/sub-menu-bottom-corner.gif) no-repeat; }
* html #body .menu li.bottom { margin-bottom:-5px; } /*IE6 hack only*/
#body .menu a 			{ display:block; color:#FDFAF0; font-weight:bold; font-size:1.1em; padding:0.5em 1.3em; background:url(../images/sub-menu-arrow.gif) right center no-repeat; text-transform:capitalize;} 
* html #body .menu a 	{ display:inline-block; width:80%; } /*IE6 hack only*/
#body .menu a:hover , 
#body .menu a.selected	{ color:#CC511A; text-decoration:none; background:#FFF url(../images/sub-menu-arrow-alt.gif) right center no-repeat;}

#body .menu img.balloon	{ position:absolute; top:24em; left:2em; }

#body .content_holder						{ float:left; width:78%; !width:77%; background-color:#FFF5D2; color:#763F1B; }
#body .content_holder .content 				{ padding:1em;  min-height:40em; }
* html #body .content_holder .content 		{ height:40em; } /*IE6 hack only*/
#body .content_holder .content a 			{ color:#3399CC; }
#body .content_holder .content h1 			{ color:#CC511A; font-size:2em;}
#body .content_holder .content h2 			{ font-size:1.5em; margin:1.5em 0 1.5em 0; background-color:#FFE282; padding:0.3em; color:#FF8000; }
#body .content_holder .content h2 a			{ color:#FF8000; }
#body .content_holder .content h3 			{ font-size:1.2em;}
#body .content_holder .content dt 			{ font-weight:bold; margin-top:1em;}
#body .content_holder .content dd 			{ padding-left:0.6em; }
#body .content_holder .content ol li 		{ list-style:outside decimal; margin:1.6em 1.6em 0 1.6em; padding:0 0.5em;}
#body .content_holder .content ul li 		{ list-style:inside disc; margin-top:1.6em; }
#body .content_holder .content li h3		{ display:-moz-inline-box; background-color:#FFFFCC; padding:0.2em;  }
#body .content_holder .content li p 		{ line-height:1.7em; }
#body .content_holder .content li li		{ margin-left:1.5em; }

#body .content_holder .top_corners 			{ font-size:1%; }
#body .content_holder .top_corners *,		
#body .content_holder .bottom_corners *		{ height:10px; width:10px; background:url(../images/content-corners.gif); }
#body .content_holder .top_corners .right 	{ background-position:10px 0;}
#body .content_holder .bottom_corners		{ height:10px; }
#body .content_holder .bottom_corners .left	{ background-position:0px 10px; }
#body .content_holder .bottom_corners .right{ background-position:10px 10px;}

* html #body .content_holder .bottom_corners{ font-size:1%; background-color:#FFF; float:left; } /* The bottom bar does not align properly to the left, or the height doesnt work oand other problems*/

#body .plain								{ float:right; }
#body .plain .top_corners .left				{ background:none; }


/* GAMES page */
.games h2 			{ background-color:#D2D0FD; padding:0.2em; margin:1em 0 0.5em 0; clear:both; }
.games img 			{ border:1px solid #D2D0FD; padding:0.2em; margin:0 1em 2em 0; float:right; clear:right; }
.games a:hover img 	{ border:1px solid #0099CC; }


/* FOOTER - of all pages*/
#footer 		{ width:100%; clear:both; text-align:center; color:#DE7732; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.8em; }
#footer a 		{ color:#DE7732; text-decoration:underline; }
#footer .menu 	{ background:url(../images/footer-clouds.jpg) center no-repeat; padding-top:5em; }