/*  
    srs_1.css
    css for Summer Rose Website
    07/14 nm 

  -- ??? Fonts in banner checked for relative sizing, removed "Lucida Grande", 
         Verdana - these just print bigger in IE than the others (??)

*/
 
/* ----------  layout Containers -------------------------  */
/* body is root container - background is site bg - gif animation */
/* body contains left menu and main, main contains hdr, content and ftr */


  

  body { position: relative; 
         background: #444; }

 

 .body {  position: relative;
          top:8px;
          height: 600px;
          width:820px;
          padding: 6px; 
          margin-left: auto;
          margin-right: auto;
          border: 2px solid #ff0;
          background: url(../images/site/bg_pic.gif) no-repeat center center;    /* IE display problem using negative top vals to align left bomb links */
          overflow: hidden;                /* bg-pos takes care of top, overflow takes care of bottom clearance   */
         }



  #main { /* container right 640px - hdr, content, footer */
          position:relative;
          float:left;
         /* border: 1px dashed #8f8; */
         }
 
  #header {position:relative;
          
           width:820px;
           height:88px;
           border: 0;
     /*      border: 1px solid #f0f; */
           margin: 0;
           padding: 0;
          }

  #mnuLft {position:relative;
           float:left;
           top : 0px;
           width:150px;
           height: 474px;
           border: 0;
    /*       border: 1px solid #ff0;  */
           margin: 0;
           padding: 0;
           z-index: 100;
           }           


  #content{position:relative;
           float: left;
           width:654px;
           height: 354px;
           border: 0;
    /*       border: 1px solid #0ff;  */
           margin: 0;
           padding: 0;
           background-color: transparent;
          }

  #footer {position: relative;
           float: left;
           width:654px;
           height:120px;
           border: 0;
   /*        border: 1px solid #00f;  */
           margin: 0;
           padding: 0;
         }


  #bio {position: relative;
           top:0px;
           left: 0px;
           height: 354px; 
           width: 646px;
           border: 3px solid #f00; 
           margin: 0;
           background: url(../images/bio/bgBioPic.jpg); 
           background-repeat: no-repeat; 
          }

  bio_text {position: relative;
           left: 320px; 
           height: 354px; 
           width:326px;
           overflow:auto; 
           font-size : 9px; 
           font-family : Verdana, Lucida, Helvetica, sans-serif; 
           color :#ff0;
           background-color: transparent;
          }


  #videoplayer {
            /*                */
               }

 
  #gallery {position: relative;
           top: 0px;
           left: 0px;
           height: 354px; 
           width:651px;
           overflow:auto; 
           border: 3px solid #044; 
           margin: 0;
           color: #FBEEC6;
 	  text-decoration: none;
	  font-family: Tahoma, Verdana, Lucida, Helvetica, sans-serif;
 	  font-size: 14px;
          font-weight:700;
           background-color: #000;
          /*
           background: url(../images/site/bg_tile_1.jpg); 
           background-repeat: repeat; 
           */
          }

  #fan {position: relative;
           top:0px;
           left: 0px;
           height: 354px; 
           width: 646px;
           border: 3px solid #f00; 
           margin: 0;
          overflow: hidden;  
        /*
           background: url(../images/SROSECDCOVER_bk1.jpg); 
           background-repeat: no-repeat; 
        */  }

      
/* ---- Top buttons -------------------------------------  */

.btn_bmb_t {
	position: relative;
	float: left;
	top:  6px;
	display:block;
	height : 85px;
	width : 425px;
	text-decoration: none;
	padding: 0px;
	background: transparent url(../images/buttons/btn_bmb_events_ani.gif) no-repeat center;
               }
			   
 .btn_bmb_t img {position: relative;
                  top:0px;
                  left: 0px;
                  width: 85px;
                  height:305px;
                  text-decoration: none;
                }

.btn_bmb_evt a {
	display:block;
	background: url(../images/buttons/btn_bmb_events_ani.gif) no-repeat;
}
.btn_bmb_evt a:hover {
	display:block;
	background: url(../images/buttons/btn_bmb_events_ro.gif) no-repeat;
}

.top_cd {
	position: relative;
	top:  6px;
	display:block;
	height : 80px;
	width : 85px;
	text-decoration: none;
	padding: 0px;
	background: url(../images/buttons/btn_bmb_cd_ani.gif) no-repeat center center;
	right: 2px;
               }
			   
 /* .btn_bmb_Top img {position: relative;
                  top:0px;
                  left: 0px;
                  width: 85px;
                  height:80;
                  text-decoration: none;
                }   */

/*.btn_top_cd a {
	display:block;
	background: url(../images/buttons/btn_bmb_cd_ani.gif) no-repeat;
}
.btn_top_cd a:hover {
	display:block;
	background: url(../images/buttons/btn_bmb_cd_ro.gif) no-repeat;*/
 /* --- left menu bomb buttons -------------- */


  .btn_bmb_R a { position: relative ;
                 top:  0px;
                 left: 22px;
                 display:block;
                 height : 110px;
                 width : 135px;
                 text-decoration: none;
                 padding: 0px 0px 0px 0px; 
                 background-repeat: no-repeat; 
                 background-position: center;
               }
  .btn_bmb_R img {position: relative;
                  top:0px;
                  left: 0px;
                  width: 110px;
                  height:135px;
                  text-decoration: none;
                }


  .btn_bmb_L a { position: relative ;
            top: 0px;
            left: -6px;
            display:block;
            height : 110px;
            width : 135px; 
            text-decoration: none;
            padding: 0px 0px 0px 0px;
            background-repeat: no-repeat; 
            background-position: center;
          }

  .btn_bmb_bio a { display:block; background-image:  url(../images/buttons/btn_bmb_bio_ani.gif); } 
  .btn_bmb_bio a:hover {display:block; background-image: url(../images/buttons/btn_bmb_bio_hi.gif); }

  .btn_bmb_mus a { display:block; background-image: url(../images/buttons/btn_bmb_music_ani.gif); }
  .btn_bmb_mus a:hover {display:block; background-image: url(../images/buttons/btn_bmb_music_hi.gif);}

  .btn_bmb_vid a { display:block; background-image: url(../images/buttons/btn_bmb_video_ani.gif); }
  .btn_bmb_vid a:hover {display:block; background-image: url(../images/buttons/btn_bmb_video_hi.gif); }

  .btn_bmb_gal a { display:block; background-image: url(../images/buttons/btn_bmb_gallery_ani.gif); }
  .btn_bmb_gal a:hover {display:block; background-image: url(../images/buttons/btn_bmb_gallery_hi.gif); }

  .btn_bmb_mrch a { display:block; background-image: url(../images/buttons/btn_bmb_merch_ani.gif); }
  .btn_bmb_mrch a:hover {display:block; background-image: url(../images/buttons/btn_bmb_merch_hi.gif); }

  .btn_bmb_fan a { display:block; background-image: url(../images/buttons/btn_bmb_fans_ani.gif); }
  .btn_bmb_fan a:hover {display:block; background-image: url(../images/buttons/btn_bmb_fans_hi.gif); }

  /*.btn_bmb_evt a { display:block; background-image: url(../images/buttons/btn_bmb_events_ani.gif); }
  .btn_bmb_evt a:hover {display:block; background-image: url(../images/buttons/btn_bmb_events_hi.gif); } */


 /* --- footer menu bomb links ---- */

  .btn_bmb_B, .btn_bmb_B a { 
            display:block;
            height: 80px;
            width : 105px;
            padding: 0px 0px 0px 0px; 
            background-repeat: no-repeat; 
            background-position: center;
            z-index:100;
           /* border: 1px solid #00f;  */
          }

  .btn_bmb_hm a { display:block; background-image: url(../images/buttons/btn_bmb_home_ani.gif); }
  .btn_bmb_hm a:hover {display:block; background-image: url(../images/buttons/btn_bmb_home_hi.gif); }

  /*
  .btn_bmb_cd a { display:block; background-image: url(../images/buttons/btn_bmb_cd_ani.gif); }
  .btn_bmb_cd a:hover {display:block; background-image: url(../images/buttons/btn_bmb_cd_hi.gif); }
  */

   a img {border:0px;}
  .btn_bmb_cd a:hover {display:block; background-image: url(../images/buttons/btn_bmb_cd_hi.gif); }



/* ----------- text/display formatting ------------------------------------ */

  .cpyrt { position: relative;
           top: 90px;
           float:right;
            padding-right: 4px;
           font-family:  verdana, sans-serif;
           font-weight: bold;
           font-size: 9px;
           line-height: 150%;
           letter-spacing: -.5px;
           color: #888;
           background-color: transparent;
           vertical-align: bottom;
          /* border: 1px solid #0ff; */
           z-index:10;
         }


/* ---------- homepage displays -------------------------------------------- */



  /* Ruckus Entertainment Presents */
  .toplogo {
	position: relative;
	top: 16px;
	float: left;
	margin-left: 13px;
	height: 70px;
	width: 300px;
	background: url(../images/site/SummerLogo1.gif) no-repeat;
	display: block;
}	
  
  .bannertitle1 {
	position: relative;
	top: 20px;
	float: left;
	margin-left:8px;
	height: 66px;    /* set smaller for IE than mozilla */
	width: 260px;    /* set smaller for IE than mozilla */
              /* Mozilla ignores crazy MS image filters, so it will skip the following  */
                 filter:
    progid:DXImageTransform.Microsoft.AlphaImageLoader( enabled=true, sizingMethod=scale, src='../images/site/SummerLogo1.gif');
	
                }  

  .bannertitle1[class] {
	position: relative;
	top: 20px;
	float: left;
	margin-left:8px;
	height: 70px;
	width: 300px;
	background: url(../images/site/SummerLogo1.gif) no-repeat;
	background-position: 6px 6px;    /* IE display problem using negative top vals to align left bomb links */
	overflow: hidden;                /* bg-pos takes care of top, overflow takes care of bottom clearance   */
	display: block;
}  
                 }


  .bannertitle2 {position: relative;
                 top: 0px;
                 left: 454px;
                 height: 120px;
                 width: 184px;
              /* Mozilla ignores crazy MS image filters, so it will skip the following  */
                 filter:
                 progid:DXImageTransform.Microsoft.AlphaImageLoader( enabled=true, sizingMethod=scale, src='../images/SummerLogo2.png');
                }  
  

  .bannertitle2[class] {position: relative;
                 top: 0px;
                 left: 454px;
                 height: 120px;
                 width: 184px;
                 background: url(../images/SummerLogo2.png); 
                 background-repeat: no-repeat; 
              /*   background-position: 6px 6px;  */  /* IE display problem using negative top vals to align left bomb links */
                 overflow: hidden;                /* bg-pos takes care of top, overflow takes care of bottom clearance   */                }  
                 }

  .separator { /* seperates css declares so browsers can recover from class and filters */ ;}


  .spot1 {position: relative;
          float: right;
          top:12px;
          height: 80px;
          width: 480px;
          }

  

  .spot2 {position: absolute;
                 top: 300px;
                 left:280px;
                }  

  .spot3 {position: relative;
                 top: 300px;
                 left:174px;
                 width:250px;
                 height:160px;
                }  


  /* hack in .pngs - lower right homepage image swap */
  /* toggle background .pngs in javascript depending upon browser type */
    .smrpx1a {position: absolute;
           top : 132px;
           left: 506px;
           width:138px;
           height:300px; 
           display: block; 
              /* Mozilla ignores crazy MS image filters, so it will skip the following  */
                 filter:
                 progid:DXImageTransform.Microsoft.AlphaImageLoader( enabled=true, sizingMethod=scale, src='../images/summer_club_tmp.png');

          }
  
    .smrpx1a[class] {position: absolute;
           top : 132px;
           left:506px;
           width:138px;
           height:300px; 
           display: block; 
           background-image: url(../images/summer_club_tmp.png); 
          }


    .smrpx1b {position: absolute;
           top : 132px;
           left:506px;
           width:138px;
           height:300px; 
           display: none; 
              /* Mozilla ignores crazy MS image filters, so it will skip the following  */
                 filter:
                 progid:DXImageTransform.Microsoft.AlphaImageLoader( enabled=true, sizingMethod=scale, src='../images/summer_kick_1.png');
          }
  
    .smrpx1b[class] {position: absolute;
           top : 132px;
           left: 506px;
           width:138px;
           height:300px;
           display: none; 
           background-image: url(../images/summer_kick_1.png); 
          }



  .smrpx2 {position: absolute;
           top : 156px;
           left:-10px;
          }

 /*  -----------------
  .mp3player {position: absolute;
             top : 252px;
             left: 84px; 
            }
    -------------------  */
 /* music page mp3 lists */

  .mp3list { position: relative;
             left: 12px;
             list-style-type: none;
             text-align: left;
            }

  .mp3cap {  padding-top: 2px; 
              height: 18px;
              cursor: pointer;
              text-decoration: none; 
              font-size : 11px; 
              font-family : Verdana, Lucida, Helvetica, sans-serif; 
              color :#FBEEC6;
           }

 /* video page video lists */

  .vidlist { position: relative;
             top:140px;
             left: 0px;
             list-style-type: none;
             text-align: left;
            }

  .vidcap {   margin-top: 2px;
              cursor: pointer;
              text-decoration: none; 
              font-size : 13px; 
              font-family : Verdana, Lucida, Helvetica, sans-serif; 
              color :#FBEEC6;
           }


  /* vplayer1 for home page layout */ 
  .vplayer1 {position:absolute;		/* videoplayer element is child to  */
             top : 90px;                /* content element - Ok to position */
             left: 130px;               /* absolute within content          */
             height: 270px;
             width: 320px;
             background-color: #2C3C38; 
         /*    border: 1px solid #0ff;   */
            }

  /* vplayer2 for video page layout */ 
  .vplayer2 {position:absolute;		/* videoplayer element is child to  */
             top : 90px;                /* content element - Ok to position */
             left: 138px;               /* absolute within content          */
             height: 270px;
             width: 320px;
             background-color: #2C3C38; 
         /*    border: 1px solid #0ff;   */
            }

  .vplayer_img {position: absolute;
             top : 140px;
             left:200px; 
            }

  .trans_box2 {position: absolute;
               top : 156px;
               left:-10px; 
               width:230px;
               height:316px;
            /* Mozilla ignores crazy MS image filters, so it will skip the following  */
               filter:
                progid:DXImageTransform.Microsoft.AlphaImageLoader( enabled=true, sizingMethod=scale, src='../images/summer_leaning2.png')
              }


             /* IE ignores styles with [attributes], so it will skip the following. */
  .trans_box2[class] {position: absolute;
                      top : 156px;
                      left:-10px;
                      background-image:url(../images/summer_leaning2.png);
                      width:230px;
                      height:316px;
                      }




/* ----------- buycd - billing/shipping form formatting ------------------------------------ */

  /* ------- not working on Safari Mac --
  .btn_ppal_submit{height:186px;
                   width:124px;
                   background-image:url(../images/site/cd_paypal.jpg);
                   }
   */

  .btn_ppal_submit {
             width:80px;
             height:20px;
             background-color: #47827E;
             text-decoration: none; 
             font-size : 11px; 
             font-family : Verdana, Lucida, Helvetica, sans-serif; 
             color :#FBEEC6;
             }

  .btn_itunes_submit {
             width:80px;
             height:20px;
             background-color: #47827E;
             text-decoration: none; 
             font-size : 11px; 
             font-family : Verdana, Lucida, Helvetica, sans-serif; 
             color :#FBEEC6;
             }



 /* this one's on the music page */
  .btn_itunes{ position:relative;
               top:50px;
               left:300px;
               width: 112px;
               background-color: #47827E;
               text-decoration: none; 
               font-size : 9px; 
               font-family : Verdana, Lucida, Helvetica, sans-serif; 
               color :#99f;
              }  
  

  .div_buycd {position: relative;
              float: left;
              top: 40px;
              left: 20px;
              width: 20%;
              margin:12px;
              text-decoration: none; 
              font-size : 13px; 
              font-family : Verdana, Lucida, Helvetica, sans-serif; 
              color :#FBEEC6;
             }


 /*  ------------ fans - ex-order entry --------------  */

  .frmSpan_2 {display: block;
            position: relative;
            top: 0px;
           /* left: -120px; */
            padding: 2px;
            margin: 0px; 
            text-align: right; 
            font-size : 9px; 
            font-family : Verdana, Lucida, Helvetica, sans-serif; 
            color :#99f;
            }

 
 .input_1 {position:relative;
           left:10px;  
           width: 200px;
           height : 16px;
           padding-top: 2px;
           border-style : groove; 
           border-color : #666688; 
           border-width : 1px; 
           background : #ccf; 
           color : #330; 
           text-decoration : none; 
           font-size : 10px; 
           font-family : Verdana, Lucida, Helvetica, sans-serif; 
     } 
 

 label {height: 18px;
        padding-top: 2px;
        padding-bottom: 2px;
	text-decoration: none;
	text-align: right;
 	font-family: Verdana, Tahoma, Arial, "Lucida Console", sans-serif;
        font-size: 11px;
        font-weight:normal;
        vertical-align: bottom;
        }



/* ----------- gallery - image display and formatting ------------------------------------ */

 .imgspot1 {padding: 12px;
            width: 500px;
            height: 320px;
           }

 .imgCol_33 { position: relative;
              float: left;  
              width: 32%;
              height:auto;
            /*  background-color:#646A7B; */
            }


 .imgThmb1{ display: block; 
            position: relative;
            float: left;  
            width: 200px;
            height:200px;
      /*      border: 1px solid #556; 
              background-color:#646A7B; */
           }

 .pimg {  padding: 4px 0px 4px 0px;
          text-align: center;
       }

 .imgCap {color:  #334;
          padding-left: 6px;
          padding-right: 6px;
	  text-decoration: none;
	  font-family: Tahoma, Verdana, Lucida, Helvetica, sans-serif;
 	  font-size: 13px;
          font-weight:700;
	}



  fan form ---------------------------------------- 

 .frmSpan_2 {display:block;
            position: relative;
            top: 0px;
            left : 0px;
            clear:left;
            height:14px;
            padding-top: 0px;
            margin-top: 0px; 
            font-size : 9px; 
            font-family : Arial ,Verdana, Lucida, Helvetica, sans-serif; 
            color :#111;
            }

  .frmSpan_2 textarea {position: relative;
                      left:0px; 
                      width: 300px;
                      height:80px;
                      border: solid #222 1px;
                      background : #fff; 
                      text-align: left; 
                      color :#334;
                      text-decoration : none; 
                      font-size : 9px; 
                      font-weight: 700;
                      font-family : Verdana, Lucida, Helvetica, sans-serif; 
                      }

  label { display:inline;
          position:relative;
          float:left; 
          height: 14px;
          width: 140px;
          padding-top: 2px;
          padding-bottom: 2px;
          padding-right: 10px;
          color :#FBEEC6;
	  text-decoration: none;
          text-align: right;
          font-family:  Arial ,Verdana, Tahoma, "Lucida Console", sans-serif;
   	  font-weight: 900;
          font-size: 12px;
          vertical-align: bottom;
     /*   border:1px solid #f00; */
        }

  .input_1 { position:relative;
             display:inline;
             float:left;
             width: 200px;
             margin-top: 4px;
             height : 14px;
             border: 1px solid #222;
             background : #fff; 
             color : #111; 
             font-size : 10px; 
             font-family : Verdana, Lucida, Helvetica, sans-serif; 
           } 

  .sub_1 { position:relative;
            float:left;  
            width: 80px;
            height: 22px;
            margin-top: 4px;
             background : #646A7B; 
          color :#FBEEC6;
            font-size: 13px;  
            font-family : Verdana, Lucida, Helvetica, sans-serif; 
           } 


/* ---------- VideoPage Menu -------------- */

 .vdNavL1 { top: 15px;
            width: auto;
            Height: auto;
            padding: 6px 6px 2px 6px;
	    text-decoration: none;
            z-index: 1000;
	   }

 .vdNav {text-decoration: none;
             color: #666;
             font-size: 10px; 
             font-weight:bold;
             font-family:  "Arial Bold",Verdana, Lucida, Helvetica, sans-serif;
             }

 a.vdNav:active, a.topNav:link, a.topNav:visited {
         text-decoration: none;
         color: #999;
         font-size: 10px; 
         font-weight:bold;
         font-family:  Arial,Verdana, Lucida, Helvetica, sans-serif;
         }

 a.vdNav:hover {text-decoration:none;
	 color: #999;
                font-size: 10px; 
                font-weight:bold;
                font-family:  Verdana, Lucida, Helvetica, sans-serif;
                }