/* CSS Document */



    /* Add Hover with color to links */
    a:hover {text-decoration: none; color:#FF0000;}
    /* Custom Scrollbar Colors */
    body{
      scrollbar-arrow-color: #FF0000;
      scrollbar-3dlight-color: #000000;
      scrollbar-highlight-color: #808080;
      scrollbar-face-color: #000000;
      scrollbar-shadow-color: #808080;
      scrollbar-darkshadow-color: #000000;
      scrollbar-track-color: #000000;
	  
	  margin:0;
	  font-family:segoe ui, arial;	  
	  background:url(img/bg.png) black;
    } 
	
	.scrl {scrollbar-arrow-color: #FF0000;
      scrollbar-3dlight-color: #000000;
      scrollbar-highlight-color: #808080;
      scrollbar-face-color: #000000;
      scrollbar-shadow-color: #808080;
      scrollbar-darkshadow-color: #000000;
      scrollbar-track-color: #000000;}

	.ovrfl {overflow:auto}

	.hp-main {
      background:url(img/hp-bg.jpg) no-repeat top black;
      width:999px;
      position:relative;
      left:50%;
      margin:0 0 0 -500px;	
      padding-bottom:20px;
      /*height:3100px*/
	}
	
    .inside-main {
      background:url(img/inside-bg.jpg) no-repeat top black;
      width:999px;
      position:absolute;
      left:50%;
      margin:0 0 0 -500px;	
	  padding:0 0 20px 0;
      float:none;
      min-height:700px;
      
    }
    
    
    .inside-main h1 {
       color:white;
       float:left;
       background:red;
       padding:4px 170px 4px 10px;
       font-family:arial black;
       font-size:16px;
       margin:40px 0 20px 0 }
    
    .inside-main h2 {
       -moz-background-clip:border;
        -moz-background-inline-policy:continuous;
        -moz-background-origin:padding;
        background:#f9c805 none repeat scroll 0 0;
        color:black!important;
        display:block;
        float:left!important;
        
        font-size:14px!important;
        width:30%;
        margin:10px 70% 10px 0!important;
        padding:6px 50px 6px 6px!important;
        }
        
    .inside-main .page-content {margin:0 20px; float:left; }
    
    #history .inside-main .page-content .intro blockquote p {font-style:italic; font-size:14px!important; }
    
    .pic {margin:15px;/* width:16%;*/ }
        #history .pic {margin:15px 0 15px 25px;width:274px; }
    
    .band .txt span {
    float:left;
    width:239px;
     }
      .band { 
    float:left;
   margin:0 0 0 -465px!important;
   padding:0!important;
   position:relative;
   left:50%;
   
    }
    
    #band .intro-heb,
    #band .intro-eng 
    {
    font-family:segoe ui, arial;
    margin:0!important;
    padding:0!important;
    width:49%;
     }
    
    #band .intro-eng p {line-height:25px!important }
    
    
    #history .inside-main .page-content .intro
    {float:left; }
    #history .inside-main .page-content .intro p
    {text-align:justify;
    font-size:16px!important;
    font-family:segue ui, arial;azimuth: }
    
    
    
     
     .band .txt span p { text-align:justify;  }
    
        .inside-main p {
        
        color:white;
        filter: Shadow(Color=#000000, 
                 Direction=135, 
                 Strength=3);
          text-shadow: 1px 1px 1px black, 0 0 1em black, 0 0 0.2em black;
          
          padding:0px 32px;
          margin:12px 0;
        
        font-weight:bold;
        font-size:13px;
    font-family:segoe ui, arial;
    font-size:16px;
    font-weight:bold;
    float:left;
    line-height:22px;
      float:none;
         }
    
    
    
    .heb {font-family:arial!important;direction:rtl; }  
    
	.menu-icons {
	background:black;
	float:right;
	margin-right:27px;
	padding:0 5px
	}
	 .menu-icons img {
	 	margin:11px 3px 5px 3px;
	 }
	 
	 .clr {clear:both}
	 .lft {float:left}
	 .rght {float:right}
	 .hide {display:none}
	
	
	 .menu-eng {float:right; padding-right:27px;background:#282121 ;margin-top:7px}
	 		   .menu-eng a {float:left;}
			   
	.menu-heb {float:left; background:#282121;margin-top:7px;width:600px; text-align:left}
	 		   .menu-heb a {float:right;}
	
    
    .intro-eng, .intro-heb {
          color:white;
          filter: Shadow(Color=#000000, 
                 Direction=135, 
                 Strength=3);
          text-shadow: 1px 1px 2px black, 0 0 1em black, 0 0 0.2em black;
          }

     .intro-heb {
       font-size:18px;
       margin:20px 30px 0 0px;
       font-family:Guttman Haim, arial black, arial;
       float:right;
       direction:rtl!important;
       width:367px;}
    
    .intro-eng {font-size:13px;
    margin:20px 0 0 30px;
    font-family:arial black;
    float:left;
    width:367px;
    line-height:17px;}   
    
          .intro-eng b {font-size:18px; }

.intro-eng div img { width: 17%; margin: 0pt 10px 0pt 0pt;border:2px solid gray;}
.intro-eng div { color:gold }
.intro-eng div b {display: block; margin-bottom: 12px; }
	
    
    .hp-cds {
    margin-top:32px;
    float:left;
    font-size:12px;
    font-weight:bold;
    direction:rtl;
    font-family:arial;
    }
	 .hp-cds b {font-size:22px } 
     .hp-cds div {float:left;
     height:170px;
    width:638px;
    padding:0px;
      } 
    
    
     .hp-cds p {padding:0;margin:14px 250px 10px 0px;  } 
      
    .hp-shoobado {
    
	display:block;
	background:url('img/hp-shoobado-bg.png') no-repeat top left!important; 
	background: none;
	filter: none !important;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/hp-shoobado-bg.png');
	
	
    }
     .hp-shoobado .play {position:absolute;top:457px; left:495px; }
     .hp-southbound-train .play {position:absolute;top:633px; left:495px; }
      
      .play {filter: Shadow(Color=#000000, 
                 Direction=135, 
                 Strength=5);
          text-shadow: 1px 1px 2px black, 0 0 1em black, 0 0 0.2em black;
           }
    
    .hp-southbound-train {
	
	display:block;
	background:url('img/hp-southbound-train-bg.png') no-repeat top left!important; 
	background: none;
	filter: none !important;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/hp-southbound-train-bg.png');	
	
	
      }
    
    
	
	.hp-comingup {
			
			
	display:block;
	background:url('img/hp-comingup-bg.png') no-repeat top left!important; 

	background: none;
	filter: none !important;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/hp-comingup-bg.png');				
			
			width:319px;
			height:344px;
			float:right;
			margin:10px 30px 0 0; 
			
			}
			
			.guitar-bg {
			position:relative;
			z-index:10;
			margin:30px 0px 0 26px;
            background:url(img/hp-guitar.gif) top left;
            font-family:arial black;
			font-style:italic;
			/* color:#269ddf; */
            color:yellow;
			font-size:16px;
			line-height:60px;
			height:314px;
			filter: none !important;
			overflow:auto;}
			
			.guitar-bg b {font-size:22px;}
			.guitar-bg span {font-size:12px;line-height:18px;margin-left:18px;display:block;font-style:normal}
			.guitar-bg .comingup-date {font-size:28px;display:block;margin-left:32px}
	
	.hp-video {width:746px;position:relative;left:50%;margin:0px 0 0 -373px;}
			
	.news,
    .archive {
		color:silver;
		float:left;
		margin:20px;
        }
    
    .archive {float:left;background:#070506;padding:10px 0 }
	
	.news div {
	
			border-bottom:1px solid orange;
			float:left;
			margin:10px 0;
			padding:0 0px 20px;
			width:940px
	}
	
    .archive td {border-bottom:1px solid orange; 
    			
			padding:10px 0;
}
    
    .archive .date {width:20%;vertical-align:top; }
    .archive .item {width:80%;vertical-align:top; }
    .archive h4 {color:white; }
    
    .news b,
    .archive .date b
     {
			background:#333 none repeat scroll 0 0;
			color:white;
			display:block;
			float:left;
			font-size:12px;
			margin:0 0 0 20px;
			padding:6px 50px 6px 6px;	
	}
	.news div div.txt {
			border:medium none;
			float:left;
			margin:0 10px;
			padding:0px;
			text-align:center;
            padding:10px;
            
		}		
	
    .news div div.txt p {display:none}
			
    
	.news h2 {color:#FF0000;
				font-family:segoe ui;
				font-size:22px;
				margin:10px 0;
				padding:0;}

	.news .txt span {
         float:left;
         display:block;
         width:23%;
         font-size:12px;
         margin:10px 15px 0 0;
         text-align:left}

		.news .txt span strong {font-size:14px;}
		.news .txt span img {float:left;margin-right:10px;border:1px red solid}
		
	.footer {font-size:11px;color:#444;clear:both;clear:both;}
	.footer a {color:gray;padding:0 3px;}
	.footer .footer-icons {margin:10px;}
    
  
  .bg40 {
  background:url('img/bg40.png') repeat top left!important; 
	}
   
   #music .bg40 {
    margin-bottom:20px;
    float:left;
    width:957px;
    }
    
   #music .albums div { 
          float:left;
          margin:0px;
          padding:20px 18px;
          text-align:left;
          margin:10px;
           }
           
           #music .albums div a {text-decoration:none; }
           #music .albums div a:hover b {background-color:black;color:red}
           
           #music .albums div a div {
                  display:none;
                  position:absolute;
                  background:url(img/bg40.png);
                  width:259px;
                  height:259px;
                  color:white!important;
                  padding:0px;
                  font-family:arial black;
                  font-size:11px;
                   }
           #music .albums div a:hover div {display:block;cursor:pointer;}
                  #music .albums div a:hover div p {
                         float:left;
                         margin:0;
                         text-align:right;
                         padding:00px;
                         width:259px
                  }
                         #music .albums div a:hover div p small {font-size:11px;text-align:center;display:block;color:#F9C805;background:#222  }
                         #music .albums div a:hover div p b {background:red;color:black;filter: none !important;text-shadow:none;font-size:10px;font-weight:bold;  }
                         #music .albums div a:hover div table {width:100%; }
                         #music .albums div a:hover div td {
                                direction:rtl;
                                font-size:14px;
                                font-weight:bold;
                                padding:5px 10px;
                                color:white;
                                border-bottom:3px #000 solid;
                                 }
                                 
                            #music .albums div a:hover div td:first-child {font-weight:normal; }
                                 
                         #music .albums div a:hover div p br {display:none; }        
           #music .albums div a div.details1 {left:37px;top:234px; }
           #music .albums div a div.details2 {left:353px;top:234px; }
           #music .albums div a div.details3 {left:668px;top:234px; }
  
           #music .albums div b {
           text-align:left;
           color:black;
           
           background:#f9c805 none repeat scroll 0 0;
            padding:4px 10px 4px 10px;
       line-height:28px;
       font-size:14px;
       
           } 
    
    #music .albums img
     {
     display:block;
    }

    .shoobado-songs {
                    background:url('http://www.sobo.co.il/music/shoobado/cover-songs.jpg') center top no-repeat;
                    width:960px;
                    padding:0;
                    height:833px;
                    display:block;
                    float:right;
                    position:relative;
     }
    
    
    .southboundtrain-songs {
                    background:url('http://www.sobo.co.il/music/southbound-train/cover-songs.jpg') center top no-repeat;
                    width:960px;
                    padding:0;
                    height:833px;
                    display:block;
                    float:right;
                    position:relative;
     }
 
 .live-songs {
                    background:url('http://www.sobo.co.il/music/live/cover-front.jpg') center top no-repeat;
                    width:960px;
                    padding:0;
                    height:833px;
                    display:block;
                    float:right;
                    position:relative;
     }
 
 
  .live-songs ol {
              position:relative;
              float:left;
              top:430px;
              left:140px;
              width:70%
   }
 
       .live-songs ol li {display:block;float:left;width:40%;margin-left:15px; }
 
              .live-songs ol li a {
                          display:block;
                          float:left;
                          background:url('img/bg40.png');
                          color:white;
                          width:100%;
                          padding:3px;
                          margin:3px;
                          text-decoration:none;
                          font-weight:bold;
                          font-size:22px;
                          text-transform:capitalize; }
                          
                          .live-songs ol li a:hover {background:red;color:black; }
 
div.Table_01 {
	position:absolute;
	left:0px;
	top:0px;
	width:960px;
	height:833px;
}

div.Table_01 a:hover {
             display:block;
             border:6px #ff3400 solid;
              }

              .right-pane { float:left;margin-bottom:20px; }
              
/*      contact            */
#contact .bg40 {
   position:relative;
   padding:20px;
   float:left;
   margin:10px 0 10px 0; 
   width:920px;
 }

.ss-item  .ss-text { }

.ss-form-entry { }
.ss-q-title   {display:block;float:left;width:25%;padding:0; margin:0;font-weight:bold;color:white }

.ss-submit input {background:#F9C805 ;color:black;border:0; font-weight:bold; cursor:pointer;width:100px!important; float:right; }

.ss-required-asterisk {color:red }

.ss-form-entry input, .ss-form-entry textarea {width:75% }