/* ------------------------------
HTML Redefine Tags
------------------------------ */
body{background-color:#333333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF; 
	margin:0px; 
	padding:0;
}

input, form, textarea
h1, h2, h3, h4, h5, h6{margin:0; padding:0;}

a.blacklink { font-family:Verdana, Arial, Helvetica, sans-serif; color: #000000;}

a.purplelink { font-family:Verdana, Arial, Helvetica, sans-serif; color: #9306FF;}

a.bluelink { font-family:Verdana, Arial, Helvetica, sans-serif; color: #1BCCFF;}

a.orangelink { font-family:Verdana, Arial, Helvetica, sans-serif; color: #FFA423;}

a.yellowlink { font-family:Verdana, Arial, Helvetica, sans-serif; color: #fcff01;}

h1 { font-family:Verdana, Arial, Helvetica, sans-serif; color: #FCFF01;
font-size:36px}

h2 { font-family:Verdana, Arial, Helvetica, sans-serif; color: #FFA423;
font-size:30px}

h3 { font-family:Verdana, Arial, Helvetica, sans-serif; color: #FCFF01;
font-size:20px}

h4 { font-family:Verdana, Arial, Helvetica, sans-serif; color: #FCFF01;
font-size:15px}

h5 { font-family:Verdana, Arial, Helvetica, sans-serif; color: #000000;
font-size:30px}




/* ------------------------------
PAGE STRUCTURE
------------------------------ */

/* #container has an absolute width (990 pixel) */

#container{width:991px; margin:0 auto;
	border:1px solid orange;
}

#topbar{background:#3a6dc0;
	background:url(http://www.kidyworld.com/pics/topgradient.jpg) left repeat-x;
	height:420px;
	width: auto;
	clear:both; 
	
}

#menu{
	width:990px;
	
	height:220px;
	width:990px;
	padding:0px 0;
}


#navbar{width:auto; display:block; height:50px;}

#navbar a{heigth:50px; line-height:40px; padding:0 25px; display:inline;}


#main{background:url(http://www.kidyworld.com/pics/bodygradient2.jpg) left repeat-y;	clear:both;
	width:990px;
	 /*float:left;*/
	display:block; 
	padding:0px 0;
}


#main2{
	clear:both;
	width:990px;
	float:left;
	display:block; 
	padding:0px 0;
}





#main008 {
 	width: 989px; /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	height: ;

	background:url(http://www.kidyworld.com/bg4.png) top repeat-x;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 0px solid #;
	text-align: left; /* this overrides the text-align: center on the body element. */
} 


#ad{
width:800px;
height:105px;
}



#sidebar1 {
	float: right; /* since this element is floated, a width must be given */
	width: 315px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background: #; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 0px 0px 0px 0px;
	margin: 12px 10px 0px 0px;
}
#mainContent {
	width: 570px;
	background: #;
	margin: 8px 330px 0 30px; /* the right margin on this div element creates the column down the right side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 0 0px 0 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	border-right:0px solid white;
}












#feedlink{
margin-top:5px; 
margin-right:10px; 
float:right;
}


#column_left{
width:230px; 
margin-right:20px; 
margin-left:10px; 
float:left;
}


#column_center{width:530px; 
margin-right:20px; 
float:left;
}


#column_right_adsense{width:170px; 
float:left;
}


div.spacer{clear:both; height:10px; display:block;}


#footer{background:url(images/footerGradient2.jpg) left repeat-x;

	height:350px;
	width:auto; 
	display:block; 
	padding:0px 0; 
	font-size:11px; 
	border-top:3px solid orange;
}

#adsense{background:url(images/app01.gif);

	height:290px;
	width:350px; 
	padding:0px 0; 
	
}

#carousel1{
width:600px;
height:350px;
}


/* ------------------------------
CUSTOM CLASSES
------------------------------ */

/* Add here your custom classes ... */

.align-right { float:right; margin: 0 0 0px 0px; }
.align-left {
	float:left;
	margin: 0;
} 
.frame { padding: 0px; border: 0px solid #aaa; }

img.floatLeft { 
    float: left; 
    margin: 0px; 
}
img.floatRight { 
    float: right; 
    margin: 0px; 
}

.mg_syndicate_item{
	margin: 3px 20px 10px 0px;
	float:left;
}