#container {width: 50%; position: absolute; top: 0; right: 50%; left: 0;}

#page {width: 600px; position: absolute; top: 0; right: -300px;}

#menu {background: url(/images/tiles.gif) 100% 100% no-repeat; margin: 0; padding: 0; width: 600px; height: 120px; border-bottom: 3px solid black;}
#menu a {background-color: transparent; color: white; font-size: 0px; text-decoration: none; width: 30px; height: 30px; display: block; margin: 0; padding: 0; float: left}
#menu a:hover {background-color: white;}
#menu div {background-color: white; width: 30px; height: 30px; margin: 0; padding: 0; float: left}
#menu a.menu_flash {background-color: white;}
#menu a.style, #menu a.style:hover {background-color: transparent; color: white; font-size: 0px; text-decoration: none; width: 180px; height: 30px; display: block; margin: 0; padding: 0; float: left}

#menu2 {background: black; width: 600px; line-height: 20px; padding: 2px 0 3px 0; margin-bottom: 1px;}
#menu2 a {color: white; font-size: 15px; text-decoration: none; margin: 0 0 0 3px; padding: 0 5px 0 5px;}
#menu2 a:hover {color: #CCCCCC; text-decoration: none;}

#title {background-color: #F8F8F8; font-size: 15px; font-weight: bold; letter-spacing: 5px; width: 600px; margin-bottom: 1px; padding-top: 3px; border-bottom: 5px solid black;}

#content {background-color: #F0F0F0; border-top: 3px solid black; border-bottom: 3px solid black;}

#info {background-color: black; color: #CCCCCC; font-size: 10px; font-style: italic; text-align: right; padding: 1px 3px 2px 3px; margin: 1px 0 10px 0;}
#info a {color: white; font-size: 10px; text-decoration: none;}
#info a:hover {background-color: #333333; color: white; font-size: 10px; text-decoration: none;}
#info a.index {font-style: normal; font-weight: bold;}

#bar {border-top: 3px solid black;}

* {color: black; font-family: verdana, arial; font-size: 12px; margin: 0px; padding: 0px;}
*.right {text-align: right;}

a:hover {color: #CCCCCC;}

body {background: #D3D3D9 url(/images/bg.gif) 50% 0 repeat-y;}

img {border: none;}

p {margin: 2px 3px 5px 3px;}

h3 {font-size: 15px; font-weight: bold; letter-spacing: 3px; text-decoration: none; width: 600px; padding-top: 3px; border-bottom: 3px solid black;}
h3 span.date {font-size: 10px; font-weight: normal; letter-spacing: 1px;}
h4  {font-size: 14px; font-weight: bold; letter-spacing: 1px; margin: 5px 3px 2px 2px;}

button {background: #333333; color: #F0F0F0;  margin: 2px 3px 2px 3px; padding: 1px; border: none;}

input, select {background: #F8F8F8; width: 300px; margin: 2px 3px 2px 3px; padding: 1px; border: 1px solid #333333;}
option {font-style: normal;}

input.day,
input.dayempty {width: 23px;}
input.month,
input.monthempty {width: 23px;}
input.year,
input.yearempty {width: 40px;}

textarea {background: #F8F8F8; width: 300px; height: 150px; margin: 2px 3px 2px 3px; padding: 1px; border: 1px solid #333333;}

table {margin: 2px 3px 5px 3px; padding: 0; border-spacing: 0; border-collapse: collapse;}
td,
th {vertical-align: top; text-align: left;}

.checkbox {background: transparent; width: auto; border: none;}

.empty,
.dayempty,
.monthempty,
.yearempty {color: #999999; font-style: italic;}
input[type="password"].empty {background-image: url(/images/bg_password.gif); background-position: top-left; background-repeat: no-repeat;}

.error {color: red; font-style: italic; margin-bottom: 0;}

.error_hidden {color: red; font-style: italic; display: none; margin-bottom: 0;}

p.info {color: #CCCCCC; font-size: 10px; font-style: italic; text-align: right;}
div.info {color: #CCCCCC; font-size: 10px; font-style: italic; float: right;}
p.info a, div.info a {color: #CCCCCC; font-size: 10px; font-style: italic;} 
p.info a:hover, div.info a:hover {color: #CCCCCC;}

div.right {float: right;}
div.photo {position: relative; text-align: center; width: 600px; margin-bottom: 1px;}
div.photo div.photo-menu {display: block; position: absolute; top: 0; left: 0; margin: 0; padding: 0; width: 100%; height: 100%;}
div.photo div.photo-menu a {display: block; position: absolute; z-index: 2; margin: 0; padding: 0; text-decoration: none; filter:alpha(opacity=0); -moz-opacity:0.0; -khtml-opacity: 0.0; opacity: 0.0;} 
div.photo div.photo-menu a:hover {filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.7;} 
div.photo a.photo-info {top: 0; left: 75px; width: 450px; height: 100%; text-align: left;}
div.photo a.photo-info p {display: block; position: absolute; bottom: 10px; left: 10px; width: 405px; padding: 20px 10px 20px 10px; background: #F0F0F0; font-size: 14px;}
div.photo a.photo-next {top: 0; right: 0; width: 75px; height: 100%; background: #F0F0F0;}
div.photo a.photo-next img {position: absolute; top: 50%; right: 10px;}
div.photo a.photo-prev {top: 0; left: 0; width: 75px; height: 100%; background: #F0F0F0;}
div.photo a.photo-prev img {position: absolute; top: 50%; left: 10px;}

a.extern {background-image: url(/images/extern_black.gif); background-position: 100% 0; background-repeat: no-repeat; padding-right: 10px;}
a.extern:hover {background-image: url(/images/extern_CCCCCC.gif);}

.submenu {background: #DDDDDD; width: 600px; line-height: 20px; padding: 2px 0 3px 0; margin-bottom: 1px;}
.submenu a,
.submenu a * {color: white; font-size: 15px; text-decoration: none; white-space: nowrap;}
.submenu a {color: white; font-size: 15px; text-decoration: none; margin: 0 3px 0 3px; padding: 0 5px 0 5px;}
.submenu a:hover,
.submenu a:hover * {color: black; text-decoration: none;}
.submenu a.right,
.submenu a.extern_right {display: inline-block; float: right;}
.submenu a.extern,
.submenu a.extern_right {background-image: url(/images/extern_white.gif); background-position: 100% 3px; background-repeat: no-repeat; padding-right: 10px;}
.submenu a.extern:hover,
.submenu a.extern_right:hover {background-image: url(/images/extern_black.gif);}

.subsubmenu {width: 600px; padding-top: 3px;}
.subsubmenu, .subsubmenu * {font-size: 15px; font-weight: bold; letter-spacing: 3px; text-decoration: none;}

.archive {line-height: 20px;}
.archive a,
.archive a * {font-size: 15px; text-decoration: none; white-space: nowrap;}
.archive a {margin: 0 0 0 3px; padding: 0 5px 0 5px;}

.succes {color: green; font-style: italic;}

table.last_fm {margin: 0; padding: 0; width: 594px; border-spacing: 0; border-collapse: collapse;}
table.last_fm * {font-size: 8pt; font-family: arial, verdana;}
table.last_fm td {margin: 0; border: none;}
table.last_fm tr.odd_row td.position, table.last_fm tr.odd_row td.artist {background: white;}
table.last_fm td.position {padding: 4px 0 0 0; text-align: right; color: #696969; width: 25px;}
table.last_fm td.artist {padding: 4px 0 0 10px;}
table.last_fm td.playcount {width: 200px; padding: 0 0 2px 0;}
table.last_fm td.playcount div {background: #71B7E6 url(/images/last_fm_playcount.jpg) right 0 no-repeat; height: 20px; vertical-align: middle;}
table.last_fm td.playcount div div {background: none; color: white; padding: 4px 0 0 5px;}

table.rym {margin: 0; padding: 0; width: 594px; border-spacing: 0; border-collapse: collapse;}
table.rym * {font-family: arial, verdana;}
table.rym td {margin: 0; border: none;}
table.rym tr.odd_row {background: white;}
table.rym td.position {width: 30px; padding: 4px 5px 0 0; text-align: right; color: #696969; font-size: 15pt;}
table.rym td.entry {padding: 4px 0 0 10px; font-size: 12pt;}
table.rym td.image {width: 150px; text-align: center;}
table.rym span.album {margin-top: 5px; font-style: italic; font-size: 15pt;}