/* 
    Document   : youmeet_splash
    Created on : 2010-sep-17, 15:50:12
    Author     : Joakim Lindén
    Description:  
*/

#splash {
	 position:relative;
	 width:460px;
	 height:263px;
	 overflow:hidden;
	 margin:0 0 10px 0;
	 /* CSS3 */
	 -moz-border-radius:5px;
	 -webkit-border-radius:5px;
}
#splash_wrapper {
	 width:460px;
	 clear:both;
	 position:relative;
	 font-family:"Arial", sans-serif;
	 z-index:10;
}
#splash_wrapper > .article {
	 position:absolute;
	 width:100%;
	 top: 0;
	 left: 0;
	 z-index:8;
}
#splash_wrapper .splash_img {
	 width:460px;
	 height:263px;
	 position:relative;
	 /* CSS3 */
	 -moz-border-radius:5px;
	 -webkit-border-radius:5px;
	 -webkit-box-shadow:0 0 19px rgba(0,0,0,.5) inset;
	 -moz-box-shadow:0 0 19px rgba(0,0,0,.5) inset;
}

#splash_wrapper > .article.active_item {
	 z-index:7;
}
#splash_wrapper > .article > .hgroup {
	position:absolute;
	z-index:6;
	display:block;
	margin:0;
	padding:0;
	bottom:0;
	left:0;
}
#splash_wrapper > .article > .hgroup > .header {
	 /*margin:10px;*/
}
#splash_wrapper h3 {
	 font-size:18px;
	 line-height:21px;
	 color:#4fa6ff;
	 width:432px; /* 460 - padding left & right */
	 background: #000;
	 background: rgba(0,0,0,.7);
	 margin:0;
	 padding:14px 14px 0;
}
#splash_wrapper h3 a{
	 color:#4fa6ff;
	 text-decoration: none;
}
#splash_wrapper h3 a:hover{
	 color:#71c1ff;
	 text-decoration: none;
}

#splash_wrapper h6 {
	 font-size:14px;
	 line-height:18px;
	 font-weight:normal;
	 color:#eee;
	 width:432px;
	 background: #000;
	 background: rgba(0,0,0,.7);
	 padding:3px 14px 14px;
	 /* CSS3 */
	 -webkit-border-radius:0 0 5px 5px;
	 -moz-border-radius:0 0 5px 5px;
}
#splash_wrapper h6 a{
	 color:#eee;
	 text-decoration: none;
	 }
#splash_wrapper h6 a:hover{
	 color:#fff;
	 text-decoration: none;
	 }

#splash_wrapper > .nav {
	 position:absolute;
	 z-index:20;
	 top:0;
	 right:0;
	 margin:16px 19px;
}
#splash_wrapper > .nav > ul{

}
#splash_wrapper > .nav > ul li{
	 padding:4px 4px;
	 width:12px;
	 display:block;
	 float:left;
	 background:url('../static_gfx/icons/splash_selector.png') no-repeat center;
	 cursor:pointer;
}
#splash_wrapper > .nav > ul li.active{background:url('../static_gfx/icons/splash_selector_active.png') no-repeat center;}
.t_shad {
	/* CSS3 */
	text-shadow: 2px 1px 2px rgba(1, 1, 1, 0.2);
}