/* 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: 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;}
ul#submenu + ul a, #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}
fieldset {border: 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: 194px; 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: 15px 30px 32px 30px; bottom: 0px; left: 0; z-index: 1; font-size: .85em}

/* 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 {font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif; width: 197px; float: left; margin: 0 38px 30px 0; color: black; font-size: .95em}
#left strong#songs, #left strong#random, #left strong#advertisement, #right strong#best {letter-spacing: 1pt; display: block; color: white; text-align: left; width: 145px; height: 24px; background: url('graphic/menu_left_songs.png') no-repeat center top; padding: 23px 0 0 52px}

#left strong#random {background: url('graphic/menu_left_random.png') no-repeat center top}
#left strong#advertisement {background: url('graphic/menu_left_advertise.png') no-repeat center top; margin: 0 0 35px 0}

#left ul {width: 197px; margin: 20px 0; background: white url('graphic/menu_left_inside_middle.png') repeat-y right top;}
#left ul li {text-align: left; font-size: .9em; width: 197px; display: block}
#left ul li a {text-decoration: none; display: block; padding: 5px 20px 5px 56px; background: url('graphic/point.png') no-repeat 34px 50%; width: 121px}
#left ul li a:hover {background: white url('graphic/point_hover.png') no-repeat 34px 50%}
#left ul li:first-child, #left ul li.cssjeneschopneumisicefirstchildaleuznemalastchild {background: url('graphic/menu_left_inside_top.png') no-repeat right top; height: 7px; padding: 0 20px 0 56px; width: 121px}
#left ul li.cssjeneschopneumisicefirstchildaleuznemalastchild {background: url('graphic/menu_left_inside_bottom.png') no-repeat right bottom}

/* Random song */

#left strong#random + p {position: relative; letter-spacing: 1pt; background: url('graphic/random.png') no-repeat center bottom; width: 187px; margin: 0 -5px 15px -5px; padding: 15px 10px 40px 10px}
#left strong#random + p b {display: block; font-family: Verdana, "Geneva CE", lucida, sans-serif; font-style: italic; font-size: 1.1em; padding: 0 5px 5px 5px}
#left strong#random + p a {color: white; position: absolute; bottom: 10px; left: 0; width: 197px; padding: 0 0 0 10px; display: block; text-decoration: none}

/* Main content */

#main_center {font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif; 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 form {width: 458px; height: 26px; padding: 37px 0 0 26px; display: block; background: url('graphic/search.png') no-repeat center top;}
#main_center input {background: none; color: #837766; font-weight: bold;padding: 4px 0; float: left; width: 120px; margin: 0 8px; text-align: center}
#main_center input.search {margin: 0 0 0 20px; color: #837766; text-transform: uppercase}

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

#main_center p {text-align: left; padding: 0 0 50px 0; margin: 0; background: white url('graphic/content_gradient.png') no-repeat center bottom}
#main_center p strong {color: #ff6600; display: block; padding: 13px 0 13px 44px; margin: 0; background: url('graphic/under_text.png') repeat-y center top }
#main_center p strong b {color: black}
#main_center p small {font-size: 8pt; display: block; padding: 4px 0 15px 44px}
#main_center p a {float: left; display: block; font-size: 9pt; font-weight: bold; text-decoration: none}
#main_center p a.play {width: 53px; height: 20px; padding: 3px 0 0 37px; margin: 0 9px 0 44px; background: url('graphic/play.png') no-repeat center top}
#main_center p a.download {width: 61px; height: 20px; padding: 3px 0 0 35px; margin: 0 25px 0 0; background: url('graphic/download.png') no-repeat center top}
#main_center p a.report {padding: 3px 0 0 0; color: black; text-decoration: underline}
#main_center a.next {color: #837766; margin: 30px 0 0 0; background: url('graphic/next.png') no-repeat right 50%; padding: 0 20px 0 44px; float: left}

/* 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 10px 0}

#right strong + ul li {display: block; text-align: left; margin: 10px 0; border-bottom: thin solid #222}
#right strong + ul li span {font-size: 400%; font-style: italic; font-weight: bold; float: left; padding: 0 6px 0 0}
#right strong + ul li a {color: #837766; display: block; padding: 0 20px 0 20px; font-size: .9em; font-style: italic; text-decoration: none}
#right strong + ul li a:hover {color: #ff6600 !important}
#right strong + ul li b {color: white; display: block; font-style: normal}


/* 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}