body { 
  margin: 0px;
  font-family: Arial; font-size: 14px;
}

img { border: none; }

p { margin-top: 10px; margin-bottom: 10px; }

a:link { text-decoration: none; }
a:visited { text-decoration: none; }
a:active { text-decoration: none; }
a:hover {  text-decoration: none; }

#header { 
  height: 100px;
  background-color: black;
}

#banner {
  margin-right: auto;
  margin-left: auto;
  width: 900px;
  padding-left: 100px;
}

#banner_logo {
  float: left;
  padding-top: 5px;
}

#login {
  height: 30px;
  width: 100px;
  float: right;
  margin-right: 110px;
  margin-top: 10px;
  text-align: right;
}
#login a { color: #FFFFFF; text-decoration: none; }

#links_border { 
  height: 27px;
  border-top: 1px solid #909090;
  border-bottom: 1px solid #909090;
  background-image: url(links_area.png);
}

#links_area {
  margin-right: auto;
  margin-left: auto;
  width: 1000px;
  height: 27px;
}

.toplink {
  float: left;
  width: 99px;
  height: 21px;
  border-right: 1px solid #909090;
  font-family: Verdana; font-size: 12px; color: #404040;
  text-align: center;
  padding-top: 6px;
}

.toplink:link { text-decoration: none; color: #909090 }
.toplink:visited { text-decoration: none; color: #909090 }
.toplink:active { text-decoration: none; color: #909090 }
.toplink:hover {  text-decoration: none; color: #404040 }

#toplink_empty_big {
  float: left;
  width: 238px;
  height: 21px;
  border-right: 1px solid #909090;
  font-family: Verdana; font-size: 12px; color: #404040;
  text-align: center;
  padding-top: 6px;
}

#toplink_empty_small {
  float: left;
  width: 139px;
  height: 21px;
  border-right: 1px solid #909090;
  font-family: Verdana; font-size: 12px; color: #404040;
  text-align: center;
  padding-top: 6px;
}

#topsearch_text {
  float: left;
  width: 45px;
  height: 21px;
  font-family: Verdana; font-size: 12px; color: #909090;
  text-align: right;
  padding-top: 6px;
}

#topsearch_input {
  float: left;
  width: 172px;
  height: 21px;
  font-family: Verdana; font-size: 12px; color: #404040;
  text-align: center;
  padding-top: 3px;
}

#topsearch_button {
  float: left;
  width: 40px;
  height: 21px;
  border-right: 1px solid #909090;
  font-family: Verdana; font-size: 12px; color: #909090;
  text-align: left;
  padding-top: 6px;
}

#shadow { 
  height: 10px;
  background-image: url(shadow.png);
}

#location {
  margin-right: auto;
  margin-left: auto;
  height: 10px;
  width: 900px;
  padding-left: 100px;
  font-family: Verdana; font-size: 10px; color: #808080;
}

.location_link:link { text-decoration: none; color: #909090 }
.location_link:visited { text-decoration: none; color: #909090 }
.location_link:active { text-decoration: none; color: #909090 }
.location_link:hover {  text-decoration: none; color: #404040 }

#container { margin-right: auto; margin-left: auto; width: 1000px; }

#left_advertising { width: 100px; height: 1px; float: left; }

#body { float: left; width: 800px; }

#right_advertising { width: 100px; float: right; }

#footer {
  clear: both;
  margin-right: auto;
  margin-left: auto;
  margin-top: 30px;
  width: 800px;
  border-top: 1px solid #909090;
  padding-top: 5px;
  text-align: center;
  font-family: Verdana; font-size: 10px; color: #909090;
}

.footer:link { text-decoration: none; color: #909090 }
.footer:visited { text-decoration: none; color: #909090 }
.footer:active { text-decoration: none; color: #909090 }
.footer:hover {  text-decoration: none; color: #404040 }

.half_body_left {
  display: inline;
  float: left;
  width: 380px;
  margin-bottom: 10px;
  margin-right: 4px;
  margin-left: 12px;
}

.half_body_right {
  display: inline;
  float: right;
  width: 380px;
  margin-bottom: 10px;
  margin-right: 12px;
  margin-left: 4px;
}

.rounded { }
.r1 { margin: 0 2px; height: 1px; overflow: hidden; background-color: #a5a5a5; }
.r2 { margin: 0 1px; height: 1px; overflow: hidden; background-color: #999999; }
.r3 { margin: 0 2px; height: 1px; overflow: hidden; background-color: #000000; }
.r4 { margin: 0 1px; height: 1px; overflow: hidden; background-color: #000000; }

.advertising_side { border: 1px solid #808080; background-color: #FFEEEE; width: 90px; margin: 5px; height: 150px; }
 

/*------ Index page -----*/
.toplist_header {
  background-image: url(box_header.png);
  height: 18px;
  text-align: center;
  color: #FFFFFF;
  font-family: Impact;
}

.toplist_small1 {
  height: 36px;
  background-color: #e6e5fe;
  border-left: 2px solid #000000;
  border-right: 2px solid #000000;
  border-bottom: 1px dotted #909090;
}

.toplist_small2 {
  height: 36px;
  background-color: #fefee5;
  border-left: 2px solid #000000;
  border-right: 2px solid #000000;
  border-bottom: 1px dotted #909090;
}

.toplist_small3 {
  height: 36px;
  background-color: #e6e5fe;
  border-left: 2px solid #000000;
  border-right: 2px solid #000000;
  border-bottom: 1px solid #000000;
}

.toplist_small4 {
  height: 36px;
  background-color: #fefee5;
  border-left: 2px solid #000000;
  border-right: 2px solid #000000;
  border-bottom: 1px solid #000000;
}

.toplist_small_right {
  width: 50px;
  float: right;
  height: 26px;
  padding-top: 8px;
  padding-left: 10px;
}

.toplist_small_left {
  width: 300px;
  float: left;
  height: 36px;
  padding-top: 1px;
  padding-left: 5px;
}

.toplist_artist {
  height: 18px;
  width: 320px;
  padding-left: 5px;
  padding-top: 1px;  
}

.toplist_location {
  height: 15px;
  width: 320px;
  padding-left: 5px;
  padding-bottom: 2px;
  font-size: 11px;
}

.toplist_user {
  height: 15px;
  width: 320px;
  padding-left: 5px;
  padding-bottom: 2px;
  font-size: 11px;
}

.toplist_big1 {
  height: 53px;
  background-color: #e6e5fe;
  border-left: 2px solid #000000;
  border-right: 2px solid #000000;
  border-bottom: 1px dotted #909090;
}

.toplist_big2 {
  height: 53px;
  background-color: #fefee5;
  border-left: 2px solid #000000;
  border-right: 2px solid #000000;
  border-bottom: 1px dotted #909090;
}

.toplist_big3 {
  height: 53px;
  background-color: #e6e5fe;
  border-left: 2px solid #000000;
  border-right: 2px solid #000000;
  border-bottom: 1px solid #000000;
}

.toplist_big4 {
  height: 53px;
  background-color: #fefee5;
  border-left: 2px solid #000000;
  border-right: 2px solid #000000;
  border-bottom: 1px solid #000000;
}

.toplist_big_right {
  width: 50px;
  float: right;
  height: 40px;
  padding-top: 14px;
  padding-left: 10px;
}

.toplist_big_left {
  width: 300px;
  float: left;
  height: 52px;
  padding-top: 1px;
  padding-left: 5px;
}


/*My home page*/
#menu {
  display: inline;
  float: left;
  width: 155px;
  margin-bottom: 10px;
  margin-right: 4px;
  margin-left: 12px;
  margin-top: 15px;
}
#menu ul.avmenu {
  list-style:none;
  margin:0 0 18px; padding:0;
  width:150px; }
#menu ul.avmenu li {
  display:inline; 
  padding:0; 
  width:150px; }
#menu ul.avmenu li a {
  background:url(menubg.gif) repeat-x bottom left #f4f4f4;
  border-bottom:1px solid #d8d8d8; border-left:4px solid #ccc;
  border-right:1px solid #d8d8d8; border-top:1px solid #d8d8d8;
  width:138px; float:left;
  font-size:1em; font-weight:700; color:#505050; text-decoration:none;
  margin-bottom:5px; padding:5px 1px 5px 5px; }
#menu ul.avmenu li a:hover,#menu ul.avmenu li a.current {
  background:url(menubg2.gif) repeat-x bottom left #eaeaea;
  border-bottom:1px solid #b0b0b0; border-left:4px solid #505050;
  border-right:1px solid #b0b0b0; border-top:1px solid #b0b0b0; 
  color:#505050;}
#menu img { margin-right: 5px; }

#home_content {
  display: inline;
  float: right;
  width: 610px;
  margin-bottom: 10px;
  margin-right: 12px;
  margin-left: 4px;
  margin-top: 15px;
}

.homebox {
  width: 610px;
  margin-bottom: 15px;
}

.homebox_header {
  background-image: url(box_header.png);
  height: 18px;
  text-align: center;
  color: #FFFFFF;
  font-family: Impact;
}

.homebox_line1 {
  height: 40px;
  background-color: #e6e5fe;
  border-left: 2px solid #000000;
  border-right: 2px solid #000000;
  border-bottom: 1px dotted #909090;
}

.homebox_line2 {
  height: 40px;
  background-color: #fefee5;
  border-left: 2px solid #000000;
  border-right: 2px solid #000000;
  border-bottom: 1px dotted #909090;
}

.homebox_line3 {
  height: 40px;
  background-color: #e6e5fe;
  border-left: 2px solid #000000;
  border-right: 2px solid #000000;
}

.homebox_half_left {
  height: 38px;
  width: 300px;
  float: left;
  display: inline;
  border-right: 1px dotted #909090;
  padding-left: 2px;
  padding-top: 2px;
}

.homebox_half_right {
  display: inline;
  height: 38px;
  width: 300px;
  float: right;
  padding-left: 2px;
  padding-top: 2px;
}


/*Others home page*/
#left_side_panel {
  float:left;
  width:201px;
  margin-left: 12px;
}

#presentation {
  display: inline;
  float:left;
  width: 200px;
  margin-top: 15px;
}

#presentation_header {
  background-image: url(box_header.png);
  height: 18px;
  text-align: center;
  color: #FFFFFF;
  font-family: Impact;
}

#presentation_body {
  background-color: #fefee5;
  border-left: 2px solid #000000;
  border-right: 2px solid #000000;
  padding: 3px;
}

#presentation_image { width: 188px; border: 1px solid #909090; }

#presentation_name { margin-top: 5px; margin-bottom: 5px; margin-left: 5px; }

#presentation_text { font-size: 12px; }

#presentation_music { }

#fotos {
  display: inline;
  float: right;
  width: 560px;
  margin-right: 12px;
  margin-left: 4px;
  margin-top: 15px;
  margin-bottom: 5px;
}

#fotos_header {
  background-image: url(box_header.png);
  height: 18px;
  text-align: center;
  color: #FFFFFF;
  font-family: Impact;
}

#foto {
  height: 131px;
  border-left: 2px solid #000000;
  border-right: 2px solid #000000;
}

#reviews {
  display: inline;
  float: right;
  width: 560px;
  margin-bottom: 10px;
  margin-right: 12px;
  margin-left: 4px;
  margin-top: 10px;
}

#review_header {
  background-image: url(box_header.png);
  height: 18px;
  text-align: center;
  color: #FFFFFF;
  font-family: Impact;
}

#review_footer {
  background-image: url(box_bottom.png);
  height: 14px;
  text-align: right;
  color: #FFFFFF;
  padding-right: 10px;
}

.review1 {
  height: 70px;
  background-color: #e6e5fe;
  border-left: 2px solid #000000;
  border-right: 2px solid #000000;
  border-bottom: 1px dotted #909090;
}

.review2 {
  height: 70px;
  background-color: #fefee5;
  border-left: 2px solid #000000;
  border-right: 2px solid #000000;
  border-bottom: 1px dotted #909090;
}

.review3 {
  height: 70px;
  background-color: #e6e5fe;
  border-left: 2px solid #000000;
  border-right: 2px solid #000000;
}

.review_right {
  width: 50px;
  float: right;
  height: 40px;
  padding-top: 24px;
  padding-left: 10px;
}

.review_left {
  width: 490px;
  float: left;
  height: 52px;
  padding-top: 1px;
  padding-left: 5px;
}

.review_concert {
  height: 18px;
  padding-left: 5px;
  padding-top: 1px;  
}

.review_text {
  padding-left: 5px;
  padding-bottom: 2px;
  font-size: 12px;
}

.review_user {
  height: 15px;
  padding-left: 5px;
  padding-bottom: 2px;
  font-size: 11px;
}


#guestbook {
  display: inline;
  float: right;
  width: 560px;
  margin-bottom: 10px;
  margin-right: 12px;
  margin-left: 4px;
  margin-top: 10px;
}

#guestbook_header {
  background-image: url(box_header.png);
  height: 18px;
  text-align: center;
  color: #FFFFFF;
  font-family: Impact;
}

.guestbook1 {
  height: 100px;
  background-color: #e6e5fe;
  border-left: 2px solid #000000;
  border-right: 2px solid #000000;
  border-bottom: 1px dotted #909090;
}

.guestbook2 {
  height: 100px;
  background-color: #fefee5;
  border-left: 2px solid #000000;
  border-right: 2px solid #000000;
  border-bottom: 1px dotted #909090;
}

.guestbook3 {
  height: 100px;
  background-color: #e6e5fe;
  border-left: 2px solid #000000;
  border-right: 2px solid #000000;
}

.guestbook_text {
  margin-left: 80px;
  margin-right: 3px;
}

.guestbook_user {
  float: left;
  height: 90px;
  width: 70px;
  padding: 2px;
}

.guestbook_avatar {
  width: 70px;
  height: 70px;
}

#guestbook_footer {
  background-image: url(box_bottom.png);
  height: 14px;
  text-align: right;
  color: #FFFFFF;
  padding-right: 10px;
}

.calendar {
  display: inline;
  width: 200px;
  float:left;
  margin-top: 10px;
}

.calendar_header {
  background-image: url(box_header.png);
  height: 18px;
  text-align: center;
  color: #FFFFFF;
  font-family: Impact;
}

.calendar_body {
  height: 100px;
  background-color: #e6e5fe;
  border-left: 2px solid #000000;
  border-right: 2px solid #000000;
}

#friends {
  display: inline;
  float:left;
  width: 200px;
  margin-top: 10px;
}

#friends_header {
  background-image: url(box_header.png);
  height: 18px;
  text-align: center;
  color: #FFFFFF;
  font-family: Impact;
}

#friends_body {
  height: 100px;
  background-color: #e6e5fe;
  border-left: 2px solid #000000;
  border-right: 2px solid #000000;
}


/*------ Temporary ------*/
#calendar_location {
  width: 145px;
  float: right;
  margin-right: 20px;
  border: 1px solid #606060;
  background-color: #FFEEEE;
  padding: 3px;
}

#calendar_infotext {
  width: 145px;
  float: right;
  margin-right: 20px;
  margin-top: 10px;
  border: 1px solid #606060;
  padding: 3px;
}

#calendar_img { float: left; margin-bottom: 10px; }

#one_liner { color: #707070; font-family: Tahoma; font-size: 12px; padding-top: 73px; float: left; margin-left: -200px; }

.h1 { font-family: Verdana; font-size: 20px; font-weight: bold; }
.h2 { font-family: Verdana; font-size: 16px; font-weight: bold; }