/*
File		:	/tpl/2k7/css/page_home.css
Desc.		:	global style sheet for screen media
Author		:	Olivier Le Brenn, about@webriding.net
C.D.		:	Fri, May 19, 2006 | 11:07:05 AM
U.D.		:	Fri, May 19, 2006 | 11:07:05 AM
COM			:	http://stopdesign.com/examples/ie5mac-bpf/
				http://tantek.com/CSS/Examples/midpass.html
*/

/*-------------------{ imported common links }---------------------*/


@import url("/tpl/darksea/css/global_links.css");
@import url("/tpl/darksea/css/global_typo.css");

/*------------{ imported styles according to browsers }------------*/

@import url("/tpl/darksea/css/global.css");

/* IE5/Mac Only Styles  */
/*\*//*/
  @import "/tpl/darksea/global_iemac.css";
/**/

/* IE5/Win Only Styles */
@media tty {
 i{content:"\";/*" "*/}} @import '/tpl/darksea/css/global_iewin.css'; /*";}
}/* */


/*-----------------------{ page style }----------------------------*/

#header {
	background: transparent url("/tpl/darksea/img/bkg_header_home.jpg") no-repeat center bottom;
	height: 190px;
}

*html #header {
	height: 190px;
}


#header ul#nav {
	display:none;
	visibility:hidden;
	height:0px;
}

#intro {
	text-align:left;
	width: 58%;
	float: left;
	padding: 3em 0 2em 15px;
}

#sidebar {
	width: 29%;
	text-align:center;
	border-left:1px solid #333333;
	padding: 0 0 25px 15px;
	float: right;
}

#action {
	margin: 0 auto;
	padding:0;
	height: 350px;
	background:#000;
}

#content {
	margin-top: -14px;
}

*html #content {
	margin-top: -14px;
}

/* @group menu tabs */

#sidebar ul#nav {
	display: block;
}


#sidebar ul#nav li {
	display: block;
	margin: 0 2px 5px 0;
	width: 159px;
	height: 25px;
	background-image: url(/tpl/darksea/img/bkg_subnavli.png);
	background-repeat: no-repeat;
	background-position: center top;
	text-align: left;
	padding-top: 5px;
	padding-left: 35px;
}

*html #sidebar ul#subnav li {
	float: left;
}

#sidebar ul#nav li span {
	font-size:10px;
	color: #333;
	text-decoration: none;
	text-align: left;
	width: 159px;
	height: 25px;
}

#sidebar ul#nav li span a:hover {
	background-position: center -26px;
	text-shadow: #000 2px 2px 1px;
	color: #e16e21;
}


#sidebar ul.subnav {
	display:none;
}

/* @end */

#headliner {
	border-top:1px solid #333333;
	width: 90%;
	color: #CCC7B3;
	margin:1em 4%;
	text-align:left;
}

/* @group teaser */

/* disabling some regular contents links */
#content #headliner a img, #content #headliner a:link img, #content  #headliner  a:visited img {
	background-color:  none ;
	border-bottom-width:0;
	border-bottom:none;
}
#content a:active img, #content a:hover img  {
	background-color:  none ;
	border-bottom-width:0;
	border-bottom:none;
}

#headliner .tease {
	width: 28%;
	margin: 2em 2%;
	float: left;
}

.tease dd {
	text-align:justify;
	margin-bottom: 1em;
	min-height:35px;
}

.boxthumb {
	margin-bottom:1em;
}


.tease dd.title {
	text-align:left;
	background-image: url(/tpl/darksea/img/dd_tease.png);
	background-repeat: no-repeat;
	background-position: 0 2px;
	min-height:35px;
	font-size:15px;
	padding-left:32px;
}

#headliner .tease dd.more {
	text-align:right;
	margin-left: 25px;
}

#headliner .tease dd.more a {
	display: block;
	width: 100%;
	height: 20px;
	background-image: url(/tpl/darksea/img_fr/dd_more.png);
	background-repeat: no-repeat;
	background-position: right top;
	
}
#headliner .tease dd.more a:hover {
	background-position: right bottom;
	
}
.tease dd.more span {
	display:none;
}


h2 {
	margin-bottom:.5em;
}

.block, .noblock {
	margin-top:2em;
}

.block {
	width:55%;
	float:left;
	border-right:1px dotted #fff;
	padding-right:3%;
}

.noblock {
	padding-left:2%;
	float:right;
	width:35%;
}