/* - - - - - - - - - - - - - - - - - - - - -

Title : Soul Survivor Homepage Stylesheet
Author : Soul Survivor
URL : http://www.soulsurvivor.nl
Description : homepage Screen CSS

Coding by Elmar / http://elmarbeckmann.com
Coding and design by Arjen Scherff / http://aratramba.nl
(c)2007, Soul Survivor

- - - - - - - - - - - - - - - - - - - - - */


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 flash image object 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#flash_images{
position: absolute;
width: 100%;
top: 220px;
z-index: 400;
}

  #flash_images .innercnt{
  width: 960px;
  position: relative;
  margin: 0 auto;
  left: 0;
  top: 0;
  height: 1px;
  z-index: 400;
  }
  
    #flash_images .innercnt img{
    position: relative;
    margin: 10px -32px -50px 0;
    z-index: 400;
	border: none;
    }

#flash_over{
position: absolute;
width: 100%;
top: 220px;
z-index: 450;
}


  #flash_over .innercnt{
  width: 960px;
  position: relative;
  margin: 0 auto;
  left: 0;
  top: 0;
  height: 1px;
  z-index: 450;
  }

	#flash_over_content #movie {
    position: relative;
	top: 116px;
	left: 50px;
	width: 350px;
	height: 200px;
    z-index: 400;
	border: none;		
	}
  
    
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 News area
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#news{
background: #111;
border-bottom: 10px solid #212121;
min-height: 264px;
}

#news .innercnt{
 z-index: 100;
}

  #news h2{
  color: #6A9BB7;
  font-family: "Trebuchet MS", Tahoma, Verdana, Arial;
  font-size: 1.7em; 
  font-weight: normal;
  width: 275px;
  margin-left: 440px;
  padding-top: 1em;
  }
  
    #news h2 a{
    color: #6A9BB7;
    text-decoration: none;
    }
    
    #news h2 a:hover{
    color: #A5CEE6; 
    text-decoration: none;
    display: block;
    width: 100%;
    height: 100%;
    }
  
  #news p{
  font-size: 1.1em;
  line-height: 2em;
  width: 275px;
  margin: 1em 0 1em 440px;
  }
  
    #news p a{
    text-decoration: none;
    color: white;
    display: block;
    width: 100%;
    height: 100%;
    }
    
    #news p a:hover{
    text-decoration: none;
    }
  
  #news ul{
  font-size: 1.1em;
  width: 275px;
  width: 225px;
  font-family: Tahoma, Verdana, Arial;
  font-size: 1.1em;
  position: absolute;
  top: 20px;
  left: 690px;
  }
    
    #news ul li{
    display: block;
    line-height: 2.4em;
    border-bottom: 1px dotted #383838;
    }
    
      #news ul li a{
      color: #A5CEE6; 
      text-decoration: none;
      display: block;
      width: 99%;
      height: 100%;
      padding-left: .3em;
      }
      
      #news ul li a:hover{
      color: #517E99; 
      background: #181818;
      }
      
      #news ul li a:hover:before{
      color: #517E99; 
      background: #181818;
      }
      
	  
	  #news ul li.readmore{
	  list-style: none;
	  margin-top: .5em;
	  }
	  
	  	#news ul li h2{
		float: none;
		color: white;
		margin: 0;
		padding: 0;
		float: right;
		width: 225px;
		}
		  
          #news ul li.readmore{
          float: right;
          border: none;
          }
           
           #news ul li.readmore a{
           color: #fff;
		   width: 100%;
		   padding: 0;
           }
           
    #news a#support{
    position: absolute;
    top: 0;
    left: 847px;
    z-index: 200;
    text-decoration: none;
    border: none;
    }
    
      #news a#support img{
      text-decoration: none;
      border: none;
      }
  
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 Magazine, e-news
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/


#secondary_content{
padding: 0;
background: #1E1E1E;
position: relative;
border-top: 1px solid #1B1B1B;
}

  h2#e_news{
  background: #111 url(../../img/dark_striped_background.gif) repeat top left;
  width: 286px;
  height: 132px;
  font: 1.3em "Trebuchet MS", Tahoma, Verdana, Arial;
  text-transform: uppercase;
  letter-spacing: .05em;
  color: white;
  font-weight: bold;
  text-align: center;
  padding: 0;
  margin: 0 0 0 45px;
  }
  
    h2#e_news a{
    color: white;
    text-decoration: none;
    padding: 1em;
    position: relative;
    top: 80px;
    left: 0;
    }
    
    h2#e_news a:hover{
    text-decoration: underline;
    }
    
  #magazine{
  position: absolute;
  top: 10px;
  right: 0;
  width: 620px;
  }
  
    #magazine a img{
    border: 3px solid #1E1E1E;
    text-decoration: none;
    margin: 0;
    }
    
    #magazine a:hover img{
    border: 3px solid #181818;
    }

  
    #magazine ol{
    color: #CFE0FF;
    position: absolute;
    font-size: 1.9em;
    width: 608px;
    margin: 0;
    top: 68px;
    right: 0;
    }
    
      #magazine ol li{
      display: inline;
      margin: 0;
      }
      
        #magazine ol li a{
        text-decoration: none;
        font-size: 0.6em;
        color: #CFE0FF;
        padding: .3em .3em .2em 0;
        line-height: 1.5em;
        }
        
        #magazine ol li a span{
        font-size: 1.9em;
        margin-right: .2em;
        background: #1E1E1E;
        }
        
        #magazine ol li a:hover{
        color: #517E99;
        text-decoration: none;
        background: #181818;
        }
        
        #magazine ol li:hover span{
        color: #517E99;
        }
        
        #magazine ol li h2,
        #magazine ol li h2 a{
        padding: 0;
        display: inline;
        font-weight: normal;
        text-decoration: none;
        color: white;
        font-size: 1em;
        font-family: "Trebuchet MS", Tahoma, Verdana, Arial;
        }
        
        #magazine ol li h2 a:hover{
        text-decoration: underline;
        background: none;
        color: white;  
        }
        

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 Shop
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#tertiary_content{
padding: 24px 0 0 0;
position: relative;
}

#shop{
background: #363636 url(../../img/lighter_striped_background.gif) repeat top left;
width: 627px;
height: 120px;
margin: 0 0 0 46px;
padding: .5em .5em 0 .5em;
}

#shop div{
margin: 0;
padding: 0;
position: absolute;
top: 0;
right: 310px;
}

  #shop h2{
  color: #D2FFC5;
  font: 1.7em "Trebuchet MS", Tahoma, Verdana, Arial;
  margin: 0 .5em .5em 0;
  /*margin: 0 .5em .5em 445px;*/
  padding: .5em 0 0 0;
  }
  
    #shop h2 a{
    text-decoration: none;
    color: #D2FFC5;
    }
    
    #shop h2 a:hover{
    text-decoration: underline;
    }
  
  #shop h3{
  font-size: 1.1em;
  line-height: 1.7em;
  font-weight: normal;
  margin: .8em .5em .5em 0; 
  }
  
    #shop h3 a{
    text-decoration: none;
    color: white;
    display: block;
    }
    
    #shop h3 a:hover{
    color: #D2FFC5;
    }

  #shop img{
  border: none;
  margin: 0;
  }

    #shop a img{
    border: 5px solid #2C2C2C;
    text-decoration: none;
	vertical-align: top;
    }
    
    #shop a:hover img{
    border: 5px solid #212121;
    border-bottom: 5px solid #252525;
    border-right: 5px solid #252525;
    text-decoration: none;
    }
  
  
  
  
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 Forum
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
  
#forum{
background: #363636 url(../../img/lighter_striped_background.gif) repeat top left;
width: 627px;
padding: 0;
margin: 24px 0 0 46px;
position: relative;
}

  #forum h2{
  margin: 0;
  color: #C5D8FF;
  font: 1.7em "Trebuchet MS", Tahoma, Verdana, Arial;
  background: #363636 url(../../img/darker_striped_background.gif) repeat top left;
  width: 100%;
  height: 1.9em;
  line-height: 1.9em;
  }
  
    #forum h2 a{
    padding: .5em;
    text-decoration: none;
    color: #C5D8FF;
    }
    
    #forum h2 a:hover{
    text-decoration: underline;
    }
    
  #forum ul{
  margin: 0;
  padding: 0;
  list-style-type: none;
  font-size: 1.1em;
  line-height: 2.5em;
  }
    
    #forum ul li{
    width: 100%;
    display: block;
    border-bottom: 1px solid #1B1B1B;
    text-indent: 1em;
    position: relative;
    height: 2.5em;
    overflow: hidden;
    }
    
      #forum ul li a{
      text-decoration: none;
      color: #fff;
      display: block;
      width: 98%;
      height: 100%;
      padding: 0;
      cursor: pointer;
      }
      
      #forum ul li a:hover{
      color: #6DC8FF;
      background: url(../../img/normal_striped_background.gif);
      }
      
	  
      #forum ul li a span.date{
      position: absolute;
      top: 0;
	  /*left: 435px;*/
      left: 450px;
      /*width: 200px;*/
      color: white;
      margin: 0;
      /*width: 230px;*/
      padding: 0;
      background: #363636 url(../../img/lighter_striped_background.gif) repeat top left;
      }
      
      #forum ul li a:hover span.date{
      background: url(../../img/normal_striped_background.gif);
      }
      
      #forum ul li a em{
      position: absolute;
      top: 0;
      left: 600px;
      margin: 0;
      padding: 0 1em 0 0;
      font-weight: bold;
      color: #797979;
      font-style: normal;
      background: #363636 url(../../img/lighter_striped_background.gif) repeat top left;
      }

      #forum ul li a:hover em{
      color: #6DC8FF;
      background: url(../../img/normal_striped_background.gif);
      }
      
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 Advertisement
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
  
#advertisement{
position: absolute;
left: 676px;
top: 0;
}

  #advertisement a,
  #advertisement a img{
  text-decoration: none;
  border: none;
  }
  
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Footer
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#footer{
border-top: 2px solid #212121;
}

#footer ul{
padding: .2em 0;
}

#footer ul li a{
color: #ECECEC;
}