/* Standard elements */
* { margin: 0; padding: 0; }
a { text-decoration: none; color: #BBB; }
img { border: none; }

/* Layout & design */
body {
  width: 812px; background: #111;
  color: #BBB; font: 12px "Lucida Sans Unicode",sans-serif;
  margin-right: auto; margin-left: auto;
  border: 4px solid #444; border-top: none; }
#header { border-bottom: 4px solid #444; height: 240px; }
#header #left { float: left; margin-top: 95px; margin-left: -20px; }
#header #right { float: right; margin-top: 95px; margin-right: -20px; }
#menu { height: 75px; background: #444; }
#menu a {
  width: 116px; height: 40px; float: left; 
  background-image: url(graphics/menupost_inactive.gif); text-align: center; padding-top: 30px; 
  font-family: Arial; font-weight: bold; font-size: 14px; color: #BBBBBB; text-decoration: none; }
#menu a:hover { width: 116px; height: 40px; float: left; background: url(graphics/menupost_hover.gif) no-repeat right top; padding-top: 35px; color: #EEEEEE; }
#menu a.active { width: 116px; height: 40px; float: left; background-image: url(graphics/menupost_hover.gif); padding-top: 35px; color: #EEEEEE; }
.main { background: #303030; border-bottom: 1px solid #2A2A2A; border-left: 1px solid #2A2A2A; border-top: 1px solid #333; }
.main .left { width: 531px; float: left; }
.main .right { width: 280px; float: right; }
.content {
  border-left: 1px solid #444;
  border-top: 1px solid #444;
  padding: 12px; }
.side_content {
  background: #2A2A2A;
  border: 1px solid #1E1E1E;
  border-top-color: #444;	
  padding: 12px; }
#toplists { }
#toplists .left { width: 243px; float: left; border: 1px solid #444; margin-right: 3px; margin-bottom: 7px; margin-top: 7px; }
#toplists .right { width: 243px; float: right; border: 1px solid #444; margin-left: 3px; margin-bottom: 7px; margin-top: 7px; }
.clearer { clear: both; }
.share_form_box_left { float: left; width: 220px; }
.share_form_box_right { float: right; width: 225px; }
.share_form_box_middle { float: left; width: 20px; padding-top: 40px; padding-left: 5px; padding-right: 10px; font-weight: bold; }

/* Text and content design */
.content h1 { font-family: Arial; font-weight: bold; color: #BBBBBB; font-size: 16px; margin-bottom: 4px; }
.content h2 { font-family: Arial; font-weight: bold; color: #BBBBBB; font-size: 14px; margin-bottom: 2px; margin-top: 4px; }
.content h3 { font-family: Arial; font-weight: bold; color: #BBBBBB; font-size: 12px; margin-bottom: 2px; margin-top: 4px; }
.content a.favorite { display: block; font-family: Arial; color: #BBBBBB; font-size: 10px; margin-bottom: 10px; text-decoration: none; }
.content a.favorite:hover { text-decoration: underline; }
.content p { margin: 5px; margin-top: 10px; margin-bottom: 10px; }
.content img.moving { padding: 3px; border: 1px solid #444; }
.content a:hover { text-decoration: underline; }
.content form { border: 1px solid #444; padding: 5px; margin: 5px; }
.content form label { display: inline; margin-left: 5px; }
.content form.share { border: none; padding: 0px; margin: 0px; }
.content input.share { width: 140px; }
.content input.share_submit { width: 40px; }
.content select.share { width: 200px; }
.content label.share { display: block; }
.content fieldset.share { border: 1px solid #444; padding: 5px; margin: 5px; }
.content input { margin: 5px; }
.content select { margin: 5px; width: 300px; }
.content .concert { display: block; padding: 3px; border: 1px solid #444; border-bottom: none; }
.content .artist { display: block; padding: 3px; border: 1px solid #444; border-bottom: none; }
.content .photographer { display: block; padding: 3px; border: 1px solid #444; border-bottom: none; }
.content a.user_list { display: block; padding: 3px; width: 250px;}
.content .comment { border:1px solid #444; margin-left: 5px; margin-right: 5px; padding:2px;}
.content .comment_user { margin-bottom: 2px; font-size: 10px; }
.content .comment_user a { color: #d24f12; }
.content .comment_text { border-left: 1px solid #444;}
.content td.monitor { padding-left: 5px; padding-right: 5px; }
.content td.monitor_small { font-size: 9px; padding-left: 5px; padding-right: 5px; color: #d24f12; }
.side_content h1 { font-family: Arial; font-weight: bold; color: #BBBBBB; font-size: 14px; margin-bottom: 10px; }
.side_content h2 { font-family: Arial; font-weight: bold; color: #BBBBBB; font-size: 12px; margin-bottom: 2px; margin-top: 10px; }
.side_content a:hover { text-decoration: underline; }
.side_content fieldset { border: 1px solid #444; padding: 5px; }
.side_content fieldset label { display: block; margin: 5px; }
.side_content .inline { display: inline; margin: 0px; margin-left: 10px; }
.side_content select#sort_artist { margin-bottom: 5px; }
.side_content select#sort_concert { margin-bottom: 5px; }
.side_content fieldset select { margin-left: 5px; width: 200px; }
#toplists ul { margin: 0px; padding: 0px; }
#toplists li { margin: 0px; padding: 3px; border-bottom: 1px solid #444; text-decoration:none; list-style: none; }
#toplists h1 { margin: 0px; padding: 5px; font-family: Arial; font-weight: bold; color: #BBBBBB; font-size: 12px; border-bottom: 1px solid #444; }
#toplists a { font-size: 11px; }
#toplists a:hover { text-decoration: underline; }
#toplists a.all { float: right; }
.artist_album { display: block; width: 100px; padding: 2px; border: 1px solid #666; float: left; margin: 2px; }
.artist_album img { width: 100px; }