/* Some basic definitions */

body > *, a {color: #e5e5e5}
h1, h2, h3, body, html, image, input, li, ul {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 {color: black}


/* Main construction */

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

/* 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: 0; height: 186px; width: 375px}
h1 span {height: 186px; width: 100%; background: url('graphic/header_main.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 form {position: absolute; top: 60px; right: 20px; z-index: 1}
#header form > * {float: left}
input.linka {background: url('graphic/search_back.png') no-repeat center top; width: 188px; padding: 5px; height: 14px}

/* Wow, a submenu! */

ul#submenu {font-family: Tahoma, "Lucida Grande CE", lucida, sans-serif; font-size: .8em; margin: 0 auto; padding: 0; display: block; float: none; clear: both}
ul#submenu li {float: left; text-decoration: none; display: block; height: 21px; line-height: 29px; background: #666; margin: 9px 5px 0 0; padding: 0 5px 10px 5px; position: relative}
ul#submenu li.actual {font-size: 12pt; padding: 2px 10px 8px 10px; background: url('graphic/subpanel_active_back.png') repeat-x center top; height: 24px; margin: 6px 5px 0 0; color: black; font-weight: bold; position: relative}

ul#submenu li span:first-child {left: 0; background: url('graphic/subpanel_left.png') no-repeat left top}
ul#submenu li span {right: 0; height: 25px; width: 7px; position: absolute; top: 0; z-index: 1; background: url('graphic/subpanel_right.png') no-repeat right top;}
ul#submenu li.actual span:first-child {left: 0; background: url('graphic/subpanel_active_left.png') no-repeat left top;}
ul#submenu li.actual span {height: 34px; right: 0; background: url('graphic/subpanel_active_right.png') no-repeat right top;}
ul#submenu li a {padding: 5px; text-decoration: none}
ul#submenu li a:hover {font-weight: bold; color: white}

ul#submenu + ul {height: 29px; font-family: Tahoma, "Lucida Grande CE", lucida, sans-serif; clear: both; background: url('graphic/submenu_white_back.png') repeat-x center top; line-height: 27px; color: black; position: relative; padding: 0 50px}
ul#submenu + ul li.left {position: absolute; top: 0; left: 0; z-index: 1; background: url('graphic/submenu_white_left.png') no-repeat left top; width: 7px; height: 29px}
ul#submenu + ul li.right {position: absolute; top: 0; right: 0; z-index: 1; background: url('graphic/submenu_white_right.png') no-repeat right top; width: 7px; height: 29px}
ul#submenu + ul li {float: left; display: block; font-size: .8em; padding: 0 10px}
ul#submenu + ul li a:hover {color: #ca5100}



/* And now content */

#content {font-size: .8em; position: relative; margin: 15px 0; background: url('graphic/content_back.png') repeat-y center top; width: 955px;}
#content .bottom {width: 955px; height: 24px; background: url('graphic/content_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}
#left strong:first-child, #left ul + strong {display: block; color: white; text-align: left; width: 145px; height: 26px; background: url('graphic/projects.png') no-repeat center top; padding: 6px 0 0 52px}

#left ul {width: 197px; margin: 20px 0; background: url('graphic/menu_left_inside_center.png') repeat-y center top;}
#left ul li {text-align: left; font-size: .9em; width: 125px; display: block; padding: 5px 20px 5px 52px}
#left ul li a {text-decoration: none}
#left ul li a:hover {background: white}
#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 52px}
#left ul li.cssjeneschopneumisicefirstchildaleuznemalastchild {background: url('graphic/menu_left_inside_bottom.png') no-repeat right bottom}
#left ul li.games {background: url('graphic/icon_games.png') no-repeat 8px 50%}
#left ul li.video {background: url('graphic/icon_video.png') no-repeat 8px 50%}
#left ul li.music {background: url('graphic/icon_music.png') no-repeat 8px 50%}
#left ul + strong {background: url('graphic/advertise.png') no-repeat center top; margin: 0 0 36px 0}

/* Main content */

#main_center {font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif; width: 424px; padding: 30px; float: left; margin: 0 39px 0 0; color: black; background: url('graphic/main_top.png') no-repeat left top;}

#main_center strong:first-child {display: block; position: relative; width: 299px; margin: 0 auto; ; height: 53px; padding: 0 0 30px 0}
#main_center strong:first-child span {position: absolute; top: 0; left: 0; z-index: 1; height: 53px; width: 299px; background: url('graphic/newest.png') no-repeat center top}

#main_center a.all {text-decoration: none; font-weight: bold; background: #ff6600; padding: 5px 10px; color: white; display: block; float: left; height: 16px; position: relative; margin: 4px 0 30px 0}
a.all > * {right: 0; height: 26px; width: 5px; background: url('graphic/continue_right.png') no-repeat center top; position: absolute; top: 0; z-index: 1}
a.all span:first-child {background: url('graphic/continue_left.png') no-repeat center top; left: 0}

a.all + strong {clear: both; float: none; display: block; text-align: left; font-size: 1.2em; padding: 0 0 0 40px}

#main_center h2 {text-align: left; font-size: 1.2em; padding: 10px 0}
#main_center p {font-family: sans-serif; text-align: justify}

#main_center ul li {font-size: .9em; display: block; background: url('graphic/pointer.png') no-repeat 20px 50%}
#main_center ul li a {display: block; text-align: left; margin: 10px 0 10px 40px; color: #ff6600}
#main_center ul li a:hover {color: black}

/* Right menu */

#right {color: white; margin: 0 0 30px 0}
#right strong:first-child, #right strong {display: block; color: white; text-align: left; width: 145px; height: 26px; background: url('graphic/pointer-first.png') no-repeat center top; padding: 6px 0 0 52px}
#right strong {background: url('graphic/pointer-normal.png') no-repeat center top}

#right img {display: block; margin: 25px auto 15px auto}

#right img + a {color: black; text-decoration: none; font-weight: bold; background: #ffb400; padding: 4px 10px; text-align: center; height: 18px; position: relative; margin: 4px auto; width: 137px; display: block}
#right img + a > * {right: 0; height: 6px; width: 157px; background: url('graphic/yellow_bottom.png') no-repeat center top; position: absolute; z-index: 1; bottom: 0}
#right img  + a span:first-child {background: url('graphic/yellow_top.png') no-repeat center top; top: 0}
#right img + a:hover {color: white}
#right img + a + p {padding: 0; margin: 0}
#right p + strong, #right ul + strong {margin: 10px 0 0 0}

#right strong + ul li {display: block; text-align: left; background: url('graphic/note.png') no-repeat 10px 50%}
#right strong + ul li a {color: white; display: block; margin: 13px 0; padding: 0 20px 0 35px; font-size: .9em; font-style: italic; text-decoration: none}
#right strong + ul li a:hover {color: #ff6600}
#right strong + ul li b {display: block; font-style: normal}


/* Footer - phew, its finally over */

#footer {font-size: .7em; height: 182px; background: red url('graphic/footer.png') no-repeat center top; padding: 100px 0 0 0}
#footer p {width: 955px; height: 202px; margin: 0 auto}