/* Some basic definitions */

body > *, a {color: #e5e5e5}
h1, h2, h3, body, html, image, input, li, ul, fieldset {margin: 0; padding: 0; border: 0}
body {font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif; background: #222 url('graphic/back_line_effect.png') repeat-x center top; text-align: center; margin: 5px 0 0 0}
hr {height: 0px; float: none; clear: both; visibility: hidden;}
#left ul li a, #content ul li a, #left strong#random + p a:hover, #main_center p a:hover {color: black}
ul#efun li a:hover {color: red}
ul#efun li a:focus {color: #fd7102}
legend {display: none}


/* Main construction */

#luny-in-da-cage {width: 955px; margin: 0 auto}

/* e-fun family */

ul#efun {width: 955px; height: 30px; margin: 0 auto; background: url('graphic/efun_family_back.png') repeat-x center top; margin: 12px 0 0 0}
ul#efun li {font-family: Verdana, "Geneva CE", lucida, sans-serif; height: 20px; display: block; padding: 0 0 0 20px; float: left}
ul#efun li a {display: block; height: 20px; padding: 7px 10px 3px 10px}
ul#efun li.mp3s {background: url('graphic/efun_music.png') no-repeat 5px 6px; font-size: .7em}
ul#efun li.videos {background: url('graphic/efun_video.png') no-repeat 5px 6px; font-size: .7em}
ul#efun li.games {background: url('graphic/efun_games.png') no-repeat 5px 6px; font-size: .7em}
ul#efun li:first-child {font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif; background: url('graphic/efun_family.png') no-repeat left top; width: 162px; padding: 3px 16px 7px 0; font-weight: bold}

/* Header */

#luny-in-da-cage #header {width: 955px; height: 161px; background: url('graphic/header_back.png') no-repeat left 38px; position: relative}

h1 {position: relative; padding: 0; margin: 35px 0 0 0; height: 159px; width: 955px}
h1 span {height: 159px; width: 100%; background: url('graphic/header.png') no-repeat center top}
h1 span, ul#menu li a span, ul#menu li span, h2 span, h3 + p > span {display: block; position: absolute; top: 0; z-index: 1; left: 0;}
#header p {color: black; position: absolute; padding: 0; bottom: 10px; left: 17px; z-index: 1; font-size: .85em}

/* Submenu */

ul#submenu {width: 905px; padding: 0 0 0 50px; margin: 0px auto 25px auto; display: block; height: 36px; background: url('graphic/submenu_back.png') repeat-x center top}
ul#submenu li {display: block; float: left; font-size: .75em; padding: 0 8px 0 12px; background: url('graphic/submenu_corner.png') no-repeat left top}
ul#submenu li:first-child {background: none}
ul#submenu li a {padding: 8px 10px 6px 10px; display: block; text-decoration: none}
ul#submenu li a:hover {color: #00ff22}

/* And now content */

#content {font-size: .8em; position: relative; background: url('graphic/main_middle.png') repeat-y center top; width: 955px;}
#content .bottom {width: 955px; height: 21px; background: url('graphic/main_bottom.png') no-repeat center top; position: absolute; bottom: 0; left: 0}

/* Left menu */

#left, #right {width: 197px; float: left; margin: 0 38px 30px 0; color: black; font-size: .95em}
#left strong#categories, #left strong#new, #left strong#statistics, #right strong#best, #right strong#ad, #right strong#links {letter-spacing: 1pt; display: block; color: white; text-align: left; width: 145px; height: 24px; background: url('graphic/menu_left_categories.png') no-repeat center top; padding: 23px 0 0 52px}

#left strong#new {background: url('graphic/menu_left_new.png') no-repeat center top}
#left strong#statistics {background: url('graphic/menu_left_statistics.png') no-repeat center top}

#left strong#categories + ul {font-family: Tahoma, "Lucida Grande CE", lucida, sans-serif; width: 197px; margin: 15px 0 0 0; background: #e9e9e9}
#left strong#categories + ul li {text-align: left; font-size: .9em; width: 197px; display: block}
#left strong#categories + ul li a {text-decoration: none; display: block; padding: 4px 20px 3px 56px; background: url('graphic/menu_left_inside_middle.png') no-repeat 17px top; width: 121px}
#left strong#categories + ul li a:hover {background: url('graphic/menu_left_inside_middle.png') no-repeat 17px bottom}
#left strong#categories + ul li:first-child, #left strong#categories + ul li.cssjeneschopneumisicefirstchildaleuznemalastchild {background: url('graphic/menu_left_inside_top.png') no-repeat right top; height: 12px; width: 197px}
#left strong#categories + ul li.cssjeneschopneumisicefirstchildaleuznemalastchild {background: url('graphic/menu_left_inside_bottom.png') no-repeat right bottom}

/* New games */

#left strong#new + ul {background: #4f4f4f url('graphic/menu_left_inside_new_back.png') repeat-y left top; margin: 15px 0 0 0; padding: 10px 0 3px 0}
#left strong#new + ul li, #left strong#new + ul li a {display: block; text-decoration: none; text-align: left}
#left strong#new + ul li a {background: url('graphic/menu_left_inside_new.png') no-repeat left top; padding: 2px 0 6px 30px; width: 167px; color: white}
#left strong#new + ul li a:hover {color: black; background-position: left -25px}

/* Statistics */

#left strong#statistics + p {white-space: pre; text-align: left; margin: 15px 0 0 20px; color: white}
#left strong#statistics + p b {color: #00ff22}

/* Main content */

#main_center {width: 484px; padding: 0 0 30px 0; float: left; margin: 0 39px 0 0; color: black; background: url('graphic/main_top.png') no-repeat left top;}

#main_center h2 {display: block; position: relative; width: 484px; margin: 0 auto; ; height: 55px; padding: 30px 0 0 0; background: white}
#main_center h2 span {position: absolute; top: 0; left: 0; z-index: 1; height: 85px; width: 484px; background: url('graphic/h2.png') no-repeat center top}

#main_center h3 {font-family: Tahoma, "Lucida Grande CE", lucida, sans-serif; background: url('graphic/h3.png') repeat-x center top; height: 44px; color: white; padding: 30px 0 0 30px; font-size: .9em; text-align: left}

#main_center div {width: 305px; float: left}
#main_center img {border: 6px solid #000; display: block; float: left; margin: 0 12px 0 24px}

#main_center p {font-family: Tahoma, "Lucida Grande CE", lucida, sans-serif; text-align: left; padding: 0 0 45px 0; margin: 0; font-size: .85em; line-height: 18px; position: relative}
#main_center p strong {color: #388042; display: block; padding: 6px 0 3px 44px; margin: 0; background: url('graphic/under_text.png') repeat-y center top }
#main_center p a {color: #388042}
#main_center p small {color: #388042; position: absolute; bottom: 15px; left: 103px; font-style: italic; font-size: 1em}

#main_center ul {font-family: Tahoma, "Lucida Grande CE", lucida, sans-serif; float: right; width: 179px; color: #388042; font-size: .85em; font-weight: bold}
#main_center ul li:first-child {margin: 15px 0 0 0}
#main_center ul li {text-align: left; display: block; margin: 5px 0}
#main_center ul li a {color: black; padding: 2px 0; display: block}


/* Right menu */

#right {color: white; margin: 0 0 30px 0}

#right strong#best {background: url('graphic/menu_right_best.png') no-repeat center top; margin: 0 0 15px 0}

#right strong#best + ul li, #right strong#links + ul li {display: block; text-align: left}
#right strong#best + ul li a {color: #a3cea9; display: block; padding: 3px 0 5px 42px; font-size: .9em; text-decoration: none; background: url('graphic/menu_right_inside.png') no-repeat center bottom}
#right strong#best + ul li a:hover {background-position: left top; color: #ff6600 !important}

#right strong#ad {background: url('graphic/menu_right_ad.png') no-repeat center top; margin: 15px 0; padding: 7px 0 1px 52px}
#right img {margin: 20px 0}
#right strong#links {background: url('graphic/menu_right_links.png') no-repeat center top; margin: 12px 0 15px 0; padding: 8px 0 0 52px}

#right strong#links + ul li a {color: #a3cea9; display: block; padding: 5px 30px; font-weight: bold}
#right strong#links + ul li a:hover {color: white}

/* Footer - phew, its finally over */

#footer {font-size: .7em; height: 197px; background: url('graphic/footer.png') no-repeat center top; padding: 95px 0 0 0}
#footer p {width: 955px; height: auto; margin: 5px auto}
#footer p.ad_links a {padding: 0 10px}