/*************************
  resetting
*************************/
html, body, h1, h2, h3, h4, h5, h6, div, p, dl, dt, dd, th, td, ul, ol, li, img, form, input, fieldset, pre, blockquote { padding: 0; margin: 0; }
table { border-collapse: collapse; border-spacing: 0px; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
a, img { border: none; text-decoration:none; outline: none; }
ol, ul { list-style: none }
address, caption, cite, th { font-style: normal; font-weight: normal }
caption, th { text-align: left }
em { font-weight: normal; font-style: normal; }
strong { font-style: normal; font-weight: bold; }
abbr { border: none; }
iframe { border: none; overflow: hidden; }
label { display: block; }

/*************************
  hello page
*************************/

h1, h1 a { font-size: 40px; }
h2, h2 a { font-size: 32px; }
h3, h3 a { font-size: 25px; }

a { color: #00f; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline-block;}  /* for IE/Mac */

img, div { behavior: url(/stylesheets/iepngfix.htc) } /* fix png transparency for ie 5.5, 6 */

* { font-family: Helvetica; font-size: 12px; }
body { background-color: #ffffff; }
.hidden { display: none; }

.instructions { width: 60%; }

#errors { margin-top: 10px; margin-bottom: 10px; color: #f00; }

div.auto_complete { width: 350px; background: #fff; }
  div.auto_complete ul { border: 1px solid #888; margin: 0; padding: 0; width: 100%; list-style-type: none; }
    div.auto_complete ul li { margin: 0; padding: 3px; }
      div.auto_complete ul li.selected { background-color: #ffb; }
      div.auto_complete ul strong.highlight { color: #800; margin: 0; padding: 0; }


.nav li a.selected { border-bottom: 1px dotted #333; }

ul.controller_nav { position: relative; }
  ul.controller_nav li { /*float the main list items*/ margin: 0; float: left; display: block; padding-right: 12px; }
    ul.controller_nav li a { font-size: 20px; }
      ul.controller_nav li ul { position: absolute; top: 22px; height: 25px; min-width: 300px;  margin: 0; padding: 0; z-index: 2000; background-color: #fff; }
			ul.controller_nav li ul.hidden { display: none; }	
				ul.controllr_nav li ul a { display: block; border: 0; float: left; /*ie doesn't inherit the float*/ width: auto; }
				ul.controller_nav li a.current { text-decoration: underline; }
				ul.controller_nav li:hover ul a, ul.controller_nav li.over ul li a { /*for ie - the specificity is necessary*/ }
			/* #nav li.current ul { display: block; } */
			ul.controller_nav li:hover ul, ul.controller_nav li.over ul { /*for ie*/ }
			ul.controller_nav li a { display: block; padding: 0; }

div.controller_nav { width: 900px; clear: both; margin-bottom: 30px;  }

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

#header { position: relative; height: 75px; width: 920px; }
  #header img { position: absolute; left: 0; }
  #header ul, #header ul li { display: inline; }
  #header #info_nav, #header #info_nav * { color: #333333; font-size: 10px; }
    #header #notice { color: #F22; position: absolute; right: 0px; top: 5px; }
    #header #info_nav a { color: #0000ff; }
      #header #login_signup, #header #user_status { position: absolute; right: 2px; bottom: 17px; }
        #header #login_signup form { display: inline; }
          #header #login_signup form.hidden { display: none; }
          #header #login_signup form input { }
      #header #home_nav { position: absolute; right: 2px; bottom: 2px; }

#content { position: relative; width: 970px; }
  #content .nav { }
  
#footer, #footer a { color: #333; }

body.home { color: #ffffff; }
body.account input { font-size: 18px; }
body.admin, body.admin a { color: #333; }
body.member, body.member a { color: #333; }

#add_topic input[type="text"] { width: 496px; }
#add_topic textarea { width: 500px; height: 200px; }
#add_topic input[type="submit"] { display: block; }

#home__index .section { clear:both; display:block; position:relative; z-index:1000; width: 970px; }
  #home__index .section .content { height: 340px; border-bottom: 1px solid #ffffff; padding: 10px; position: relative; width: 900px; }
  #home__index .section .tab { position:absolute; right: 0px; top: 0px; width: 50px; height: 150px; overflow: hidden; background:transparent url(../images/home_tabs.png) no-repeat scroll left top; }
    
#header #info_nav #home_nav li a.hello:hover { color: #CC0033; }
#home__index #hello .content { background-color: #CC0033; }
  #home__index #hello img { margin: 0px; width: 450px; height: 338px; float: left; }
#home__index #hello .tab { background-position: 0 0; }
  #home__index #hello .tab:hover { background-position: -51px 0; }
  #home__index #hello .tab:active { background-position: -102px 0; }

#header #info_nav #home_nav li a.songs:hover { color: #9a0027; }
#home__index #songs .content { background-color: #9a0027; position: relative; }
  #home__index #songs img.album { position: absolute; height: 340px; width: 340px; left: 10px; }
  #home__index #songs .info { position: absolute; width: 540px; right: 10px; font-size: 40px; }
  #home__index #songs .info a { font-size: 40px; color: #227edb; }
#home__index #songs .tab { background-position: 0 -152px; }
  #home__index #songs .tab:hover { background-position: -51px -152px; }
  #home__index #songs .tab:active { background-position: -102px -152px; }

#header #info_nav #home_nav li a.news:hover { color: #1b3c7f; }
#home__index #news .content { background-color: #1b3c7f; position: relative; }
  #home__index #news .first { position: absolute; left: 10px; }
  #home__index #news .second { position: absolute; right: 10px; }
  #home__index #news .hentry .entry-title a { color: #fff; }
  #home__index #news .hentry { width: 440px;  }
  .hentry .author img { width: 16px; height: 16px; display: inline; padding-right: 3px; }
  .hentry .entry-content { text-align:justify; text-justify:inter-word; margin-top: 5px; margin-bottom: 5px; }
  .hentry .meta , .hentry .meta  * { font-size: 13px; }
  .hentry .entry-content, .hentry .entry-content * { font-size: 15px; }
#home__index #news .tab { background-position: 0 -303px; }
  #home__index #news .tab:hover { background-position: -51px -303px; }
  #home__index #news .tab:active { background-position: -102px -303px; }

#header #info_nav #home_nav li a.shows:hover { color: #227edb; }
#home__index #shows .content { color: #222; background-color: #227edb; position: relative; }
  #home__index #shows #upcoming_shows { position: absolute; left: 10px; width: 440px; }
  #home__index #shows #upcoming_shows li { margin-bottom: 5px; }
  #home__index #shows #upcoming_shows *, #home__index #shows #upcoming_shows a { font-size: 15px; }
  #home__index #shows #upcoming_shows h2 { font-size: 32px; }
  #home__index #shows #upcoming_shows li.show .date { font-size: 20px; display: block; }
  #home__index #shows #past_shows { position: absolute; right: 10px; width: 440px; }
  #home__index #shows #past_shows a { font-size: 25px; }
#home__index #shows .tab { background-position: 0 -454px; }
  #home__index #shows .tab:hover { background-position: -51px -454px; }
  #home__index #shows .tab:active{ background-position: -102px -454px; }

#header #info_nav #home_nav li a.videos:hover { color: #776083; }
#home__index #videos .content { background-color: #776083; }
  #home__index #videos #you_tube_player { margin-right: 10px; } 
  #home__index #videos #more_videos { position: absolute; right: 0; top: 0; margin: 10px; width: 500px; }
  #home__index #videos #more_videos img { width: 221px; height: 166px; float: right;  margin-bottom: 10px; margin-left: 10px; }  
#home__index #videos .tab { background-position: 0 -605px; }
  #home__index #videos .tab:hover { background-position: -51px -605px; }
  #home__index #videos .tab:active { background-position: -102px -605px; }

#header #info_nav #home_nav li a.photos:hover { color: #825a97; }
#home__index #photos .content { background-color: #825a97; }
  #home__index #photos #photo { position: absolute; right: 10px; top: 10px; }
    #home__index #photos #photo img { width: 517px; height: 338px; }
  #home__index #photos #more_photos { width: 450px; position: absolute: left 0; top: 10px}
    #home__index #photos #more_photos img { float: left; margin-bottom: 5px; margin-right: 5px; width: 90px; height: 60px; }
#home__index #photos .tab { background-position: 0 -756px; }
  #home__index #photos .tab:hover { background-position: -51px -756px; }
  #home__index #photos .tab:active { background-position: -102px -756px; }
  
#header #info_nav #home_nav li a.people:hover { color: #00c55d; }
#home__index #people .content { background-color: #00c55d; }
  #home__index #people #band_members { width: 346px; float: left;  }
    #home__index #people #band_members img { width: 168px; height: 168px; }
  #home__index #people #members { width: 554px; float: left; }
    #home__index #people #members img { width: 111px; height: 111px; }
#home__index #people .tab { background-position: 0 -907px; }
  #home__index #people .tab:hover { background-position: -51px -907px; }
  #home__index #people .tab:active { background-position: -102px -907px; }

#header #info_nav #home_nav li a.talk:hover { color: #007b3a; }
#home__index #talk .content { background-color: #007b3a;}
#home__index #talk .tab { background-position: 0 -1058px; }
  #home__index #talk .tab:hover { background-position: -51px -1058px; }
  #home__index #talk .tab:active { background-position: -102px -1058px; }

#home__hello { }
  #home__hello { background-color: #114; }
  #home__hello #info { font-size: 50px; }
  #home__hello #info a { font-size: 50px; color: #00f; }
  #home__hello #content { margin-top: 20px; width: 900px; }
  #home__hello #tell_friends { margin-top: 20px; }
  #home__hello #tell_your_friends a { font-size: 50px; }
  
#tell_your_friends a { font-size: 20px; }
#tell_your_friends input[type="submit"] { display: block; }
#tell_your_friends textarea { width: 500px; height: 300px; font-size: 20px; }

#home__shows {}
  #home__shows * { color: #333; }
  #home__shows a { color: #00f; }
  #home__shows li { margin-bottom: 10px; }
  
  
#home__show {}
  #home__show * { color: #333; }
  #home__show a { color: #00f; }

#home__topic { color: #333; }
#home__topics { color: #333; }

#home__songs { color: #333; }
#home__songs .info { margin-top: 20px; margin-bottom: 20px; right: 10px; font-size: 45px; width: 900px; }
#home__songs .info a { font-size: 45px; color: #227edb; }

#home__news { color: #333; }

#home__album.rated_rookie { background-color: #000; }
#home__album.rated_rookie { background-color: #000; }

#home__album #login_to_download, #home__album #login_to_download a { font-size: 30px; }
#home__album ol#songs li { display: block; }
#home__album ol#songs li .title { font-size: 60px; }
#home__album #album_download a { font-size: 30px; }

#home__photos { color: #333333; }
  #home__photos a { color: #0000ff; }
  #home__photos #more_photos { margin-top: 10px; }
    #home__photos #more_photos img { padding: 3px; }
      #home__photos #more_photos img.selected { border: 1px solid #999999; padding: 2px; }
      #home__photos #more_photos img:hover { border: 1px solid #bbbbbb; padding: 2px; }
  #home__photos #instructions, #show_instructions { margin-top: 10px; margin-bottom: 20px; }
  #home__photos #show_instructions { display: block; }
  #home__photos #instructions input { display: block; width: 200px; }


#home__videos { color: #333333; }
  #home__videos a { color: #0000ff; }
  #home__videos #content { margin-top: 15px; }
  #home__videos #you_tube_player { width: 850x; height: 700px; display: block; } 
  #home__videos #more_videos { margin: 10px; }
    #home__videos #more_videos img { width: 105px; height: 83px; }
  
  #home__videos #you_tube_video_video_id { margin-top: 10px; }
  #home__videos #instructions, #show_instructions { margin-top: 10px; margin-bottom: 20px; }
    #home__videos #show_instructions { display: block; }
    #home__videos #instructions input { display: block; width: 200px; }

#account__signup #or_login, #account__signup #or_login a { font-size: 30px; }
#account__login #or_signup, #account__login #or_signup a { font-size: 30px; }

#home__member { background: url(/images/backgrounds/combo.jpg) }
  #home__member #header #user_status, #home__member #header #info_nav, #home__member #header #info_nav a, #home__member #header #user_nav, #home__member #header #home_nav { color: #fff; }
  #home__member .person .main { float: left; width: 290px; padding: 5px; margin-top: 20px; margin-right: 10px; margin-bottom: 10px; }
    #home__member .person .main #pic { width: 290px; height: 290px; overflow: hidden; }
    #home__member .person .main #pic img { }
    #home__member .person .main h1 { font-size: 30px; margin-bottom: 10px;  }
    #home__member .person .main h2 { font-size: 20px; }
    #home__member .person .main .projects { font-size: 1.5em; }
    #home__member .person #sonic_living .upcoming_shows li { margin-bottom: 5px; }
    #home__member .external .section { margin-top: 10px; }
  
  #home__member .person #posts { float: left; width: 600px; padding: 10px; }
  #home__member .person #posts .body { padding: 5px 20px 5px 20px; }
  #home__member .person #posts h2 { font-size: 20px; line-height: 40px; margin-top: 10px; }
  #home__member .person #posts .entry-content img { display: block; max-width: 600px; }
  #home__member .person:after { content: ""; display: block; height: 0; clear: both; }

#member__profile_photos #add_photo { margin-top: 15px; }
#member__index #photos li, #member__profile_photos #photos li { display: block; margin-bottom: 10px; }
#member__index #photos li a, #member__profile_photos #photos li a { font-size: 50px; color: #00f; }

#member__tell_friends {}
#member__tell_friends #message { font-size: 40px; }
#member__tell_friends #valid_emails, #member__tell_friends #invalid_emails { margin-top: 15px; font-size: 25px; }
#member__tell_friends #valid_emails ul *, #member__tell_friends #invalid_emails ul * { font-size: 15px; }


#member__add_topic {}

body.admin { color: #333333; }
body.admin a {color: #0000ff; }

#admin__videos #videos { }
	#admin__videos #videos li.video, #admin__photos #photos li.photo { margin-bottom: 10px; padding: 10px; background-color: #fff;}
	#admin__videos #videos li.video:after, #admin__photos #photos li.photo:after { content: ""; display: block; height: 0; clear: both; }
	#admin__videos #videos label, #admin__photos #photos label { color: #777; display: inline; }

.video .player, .video .info, .photo .viewer, .photo .info { float: left; }
  .video .info, .photo .info { margin-left: 10px; width: 330px;  }
  .video .info h2, .photo .info h2 { font-size: 110%; }
  .video .edit_separator, .photo .edit_separator { margin-top: 15px; border-bottom: 1px solid #bbb; }
		
#admin__shows {}
  #admin__shows li.show { margin-bottom: 10px; }
	
#admin__create_venue input { display: block; }
	
#admin__posts #content {}
	#admin__posts #content #create_post { }
	#admin__posts #content .posts { margin-top: 15px; width: 500px; }
	#admin__posts h1 { margin-bottom: 5px; }
	#admin__posts .posts h2 { margin-left: 2px; margin-bottom: 2px; }

#admin__create_post {}
	#admin__create_post form .title input { width: 500px; }
	#admin__create_post form .body textarea { width: 500px; }
	#admin__create_post div.field { margin-bottom: 5px; }
	
#admin__post #view_all_posts { display:block; margin-top: 10px; }

#admin__members li.unauthenticated { font-style:italic; }
#admin__members li .name { font-weight: bold; }
.show.new {
  
}

#admin__bands #content li { float: left; margin-right: 10px; margin-bottom: 5px;  }
  #admin__bands #content li a { font-size: 15px; }

#admin__shows {}
  #admin__shows #create_show { display: block; margin-bottom: 10px; font-size: 25px; }

#admin__create_show {}
	#admin__create_show #price_container, #admin__create_show #minimum_age_container, #admin__edit_show #price_container, #admin__edit_show #minimum_age_container { margin-right: 10px; float: left; margin-bottom: 10px; }
	#admin__create_show #price_container input, #admin__create_show #minimum_age_container input, #admin__edit_show #price_container input, #admin__edit_show #minimum_age_container input { width: 95px; }
	#admin__create_show #show_submit, #admin__edit_show #show_submit { clear: both; display: block; }
	#admin__create_show #show_description, #admin__edit_show #show_description { width: 350px;  height: 125px;}
	#admin__create_show #show_name, #admin__edit_show #show_name { width: 350px;}
	#admin__create_show #show_bands, #admin__edit_show #show_bands { width: 350px;}
	

#admin__album {}
  #admin__album #cover { float: left; }
  #admin__album #details { float: left; padding-left: 10px; }
  #admin__album #details *, #admin__album #details a { font-size: 30px; }
  #admin__album #details h1 a { font-size: 60px; }
  #admin__album #details input { width: 300px; }
  
#admin__songs {}
  #admin__songs input[type="text"] { width: 300px; }
  #admin__songs textarea { width: 500px; height: 100px; }
  #admin__songs #songs li, #admin__songs #songs li a { font-size: 20px; }
	
#admin__profile {}

#admin__hello_photos {}
  #admin__hello_photos #photos img { width: 450px; height: 338px; }

#admin__venues {}
  #admin__venues li { margin-top: 10px; }
  
#talk__topic { color: #333; }
#talk__topic .entry-content { font-size: 20px; }
#talk__topic input[type="submit"] { display: block; }