﻿/* Main CSS for Kids */

/* Default */
* { margin: 0; padding: 0; }
html { height: 100%; }
body { height: 100%; margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333; background: url(/images/bg_main.jpg) no-repeat top center; }
img { border: 0; margin: 0; padding: 0; }
object {outline:none;}
form { padding: 0; margin: 0; }
table { border: 0; }
a { color: #d93208; font-weight: bold; text-decoration: none; } 
a:hover { text-decoration: underline; }
p { padding: 0 0 10px 0; }

/* Layout */
#wrap { width: 100%; position: relative; }
#container { width: 895px; margin: auto; }
#content { width: 890px; padding: 0 0 0 5px; margin: 0; }

#header { width: 960px; margin: auto; }
#header .lang { float: right; width: 165px; height: 33px; background: url(/images/bg_lang.gif) repeat-x top left #000; text-align: center; line-height: 33px; color: #999; font-weight: bold; }
#header .lang a { color: #999; text-decoration: none; }
#header .lang a:hover, #header .lang .current { color: #f15506; }

#flashheader { width: 895px; height: 216px; float: right; margin: 0 26px 0 0; }

#age { width: 34px; }
#age ul { margin: 0; padding: 0 0 0 4px; }
#age li { list-style-type: none; float: left; }

#top_bar { width: 1000px; height: 34px; margin: auto; }

#search { background: #fdeb84; margin: 0 0 0 3px; padding: 10px; }

#advanced_search { margin: 0 0 0 10px; }
#advanced_search a { color: #333; margin: 0 0 10px 0; text-decoration: none; }
#advanced_search a:hover { color: #d93208; }
#advanced_search .current { color: #d93208; text-decoration: underline; }

#breadcrumb { height: 28px; background: #fdeb84; margin: 0 0 0 3px; padding: 10px; }
#breadcrumb ul { margin: 0; padding: 0; }
#breadcrumb li { display: inline; float: left; padding: 0 2px 0 2px; } 

#column_1 { float: left; width: 190px; }
#column_1 h2 { margin: 0; padding: 0; font-size: 18px; }
#column_1 .parents { padding: 8px; }
#column_1 #bookmarks { margin: 0 0 10px 5px; color: #333333; font-size: 11px; }
#column_1 #bookmarks ul { margin: 6px 0 0 0; padding: 0; }
#column_1 #bookmarks li { display: inline; list-style-type: none; padding: 0; }

#column_2 { float: right; width: 695px; }
#column_2 h2 { margin: 0; padding: 0; font-size: 18px; }
#column_2 h3 { margin: 0; padding: 0; font-size: 12px; }

#column_3 { float: left; width: 170px; background: url(/images/bg_games.gif) top left repeat-y; padding: 0 15px 0 0; } * html #column_3 { /* ie6 only */ padding: 0; }
#column_3 h3 { margin: 0; padding: 0; font-size: 12px; }

#footer { width: 100%; height: 40px; background: #000; position: absolute; bottom: 0; }
#footer .bottom { width: 960px; margin: auto; padding-top: 4px; }
#footer .copyright { float: right; margin: 0 10px 0 0; width: 140px; height: 33px; text-align: right; line-height: 30px; color: #a8a8a8; font-weight: bold; }

/* Navigation */
#navigation { width: 170px; margin: 0 0 12px 0; padding: 0; text-transform: uppercase; font-weight: bold; font-size: 12px; border-top: 2px solid #a2bec2; }
#navigation a { color: #999289; text-decoration: none; }
#navigation a:hover { color: #b91d26; }

.main_nav { float: left; margin: 0 0 0 15px; height: 33px; }
.main_nav ul { margin: 8px 0 0 0; padding: 0; color: #999999; font-weight: bold; }
.main_nav li { display: inline; list-style-type: none; }
.main_nav a { color: #999999; text-decoration: none; }
.main_nav a:hover, .main_nav .current { color: #ededed; }

/* Content */
#pagination { height: 20px; padding: 6px 10px 6px 10px; background: #e2e3d3; font-weight: bold; }
#pagination a { color: #333; }
#pagination .current { color: #d93208; }
#pagination .pag_left { float: left; }
#pagination .pag_right { float: right; }

#pagination_games { height: 20px; padding: 6px 16px 6px 16px; margin: 5px 0 0 0; background: url(/images/bg_pag.gif) top right no-repeat #14c2dc; font-weight: bold; color: #fff; }
#pagination_games a { color: #fff; }
#pagination_games .current { color: #fff; }
#pagination_games .pag_left { float: left; }
#pagination_games .pag_right { float: right; }

#rating { float: right; line-height: 22px; }
#rating ul { margin: 0; padding: 0; }
#rating li { display: inline; float: left; padding: 1px 0 1px 0; }

.body_content { padding: 0 20px 0 20px; }

#body_scroll { width: 690px; height: 380px; overflow: auto; /* ie fix */ position: relative; margin: 0.3em auto; }

#calendar { border: 10px solid #aeaea6; }

.more_1 { float: right; font-weight: bold; } /* blue */
.more_1 a { color: #17cae4; }
.more_2 { float: right; font-weight: bold; } /* orange */
.more_2 a { color: #d93208; } 
.more_3 { float: right; font-weight: bold; } /* green */
.more_3 a { color: #89b202; }  
.more_4 { font-weight: bold; } /* orange */
.more_4 a { color: #d93208; } 

.image_bdr_1 { border: 1px solid #f9c806; } /* yellow */
.image_bdr_2 { border: 1px solid #fff; } /* white */
.image_bdr_3 { border: 3px solid #f9c806; float: left; margin: 0 10px 10px 0; } /* yellow */
.image_bdr_4 { border: 2px solid #f9c806; float: left; margin: 0 10px 10px 0; } /* yellow */
.image_bdr_5 { border: 2px solid #d93208; float: left; margin: 0 10px 10px 0; } /* orange */
.image_bdr_6 { border: 1px solid #fff; float: left; margin: 0 10px 10px 0; } /* white */
.image_bdr_7 { border: 3px solid #f9c806; } /* yellow */

.body_left { padding: 0 0 0 3px; }

.div_line { padding: 3px 0 10px 0; } * html .div_line { /* ie6 only */ padding: 10px 0 10px 0; }

.footer_image { padding: 0 0 5px 10px; }

/* Table */
.tbl_content { border: 0; margin: 0 0 0 3px; padding: 0; }
.tbl_content td { vertical-align: top; }

.tbl_downloads_wallpapers { background: #e2e3d3; }
.tbl_downloads_wallpapers a { font-weight: 100; color: #333; text-decoration: none; }
.tbl_downloads_wallpapers a:hover { color: #d93208; text-decoration: underline; }

.tbl_downloads_icons { background: #e2e3d3; }

.tbl_downloads_recipes { background: #e2e3d3; }
.tbl_downloads_recipes a { color: #333; text-decoration: underline; }
.tbl_downloads_recipes a:hover { color: #d93208; }

.tbl_releases { border: 0; margin: 8px; padding: 0; }
.tbl_releases a { color: #d93208; }

.game_1 { border: 2px solid #e8a27f; margin: 0; padding: 0; }
.game_1 .game_1_bg { background: url(/images/game_1_bg.jpg) top left no-repeat; }
.game_2 { border: 2px solid #1d88ae; margin: 0; padding: 0; }
.game_2 .game_2_bg { background: url(/images/game_2_bg.jpg) top left no-repeat; }

/* Body */
.clear { clear: both; }
.break { clear: both; height: 5px; }
.split { clear: both; height: 10px; }

.left { float: left; }
.right { float: right; }

/* Form */
.frm_input_box { width: 170px; height: 16px; border: 1px solid #c0c0c0; background: url(/images/bg_input_box.gif) top left repeat-x; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333; padding: 2px 5px 0 5px; }
.frm_input_box_med { width: 150px; height: 16px; border: 1px solid #c0c0c0; background: url(/images/bg_input_box.gif) top left repeat-x; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333; padding: 2px 5px 0 5px; }
.frm_drop_box { width: 160px; border: 1px solid #c6c6c6; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333; }
.nostyle{text-decoration:none;color:inherit;}

.calendar {width:100%;}
.calendarDesc {width:100%;padding-top:5px;padding-bottom:5px;text-align:center;}
#tooltip{ position:absolute; border:1px solid #ffffff; background:#f0f0f0; padding:10px; color:#000000; display:none; width:150px; }	
.calendarA {text-decoration:none;font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #333; font-weight:normal;}
