/*
Theme Name: TMSsearch Desktop version
Theme URI: http://tv5monde.org/
Description: Custom theme for tv5monde.orgs
Version: 1.0
Author: tv5monde
*/

/*--- Table of Contents ---

0 - CSS Reset
1 - Common
2 - Layout
3 - Header
4 - Body
5a -- Left column
5b -- Right column
6 - Footer


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

/*--- 0 CSS Reset ---*/
* { margin:0; padding:0; }
a {outline:none; text-decoration:none;}
a img{ border:none}   
 	   

/*--- 1 Common ---*/
body{
	font-family:Arial, Helvetica, Helvetica Neue, Arial, sans-serif;
	background-color:#0A0A0A;}
p{
	font-family:Arial, Helvetica, Helvetica Neue, Arial, sans-serif;
	font-size:13px}
h1 h2 h3 h4{
	font-family:Arial, Helvetica, sans-serif}
.left{float:left}
.right{float:right}
.center { margin:0 auto}
.clearLeft{clear:left}
.clearRigth{clear:right}
.marginTop1{ margin-top:20px;}
.marginTop2{ margin-top:10px;}
.marginTopBot1{ margin:35px 0 25px 0;}
.marginTopBot2{ margin:10px 0 5px 0;}
.marginTopBot3{ margin:5px 0 0px 0;}
.paddingTopBottom1{ padding:40px 0 40px 0;}
.spacer20{ margin-top:20px}
.spacer3{ margin-top:115px}
div{ position:relative}

/*--- 2 Layout ---*/
#mainWrapper{margin:0 auto}
#subWrapper{width:1050px; margin:0 auto;}

/*--- 3 Header ---*/
#headerWrapper{width:1050px; height:92px; background:url("../images/img_header.gif") no-repeat}
#subheaderWrapper{width:1050px; height:69px; background-color:#009afe} 
#subheaderWrapper h1{font-size:37px; color:#fff; padding:10px 0 0 25px} 
#bannerWrap{
	padding:5px 0 5px 0;
	height:112px;
	width:1050px;
}
/*--- 4 Body ---*/
#bodyWrapper{width:1050px; border:10px solid #eaebf0; padding:0 0 20px 0; margin:7px 0 0 5px}
.tmsSearch { width:1050px; float:left;}
.tmsSearch h1 { text-align:center; font-size:25px; font-weight:bold; color:#fff; padding:10px 0 0 30px; border-bottom:3px solid #f05420;}
.enter { width:1050px; float:left;}
.enter h1 { text-align:center; font-size:20px; font-weight:bold; color:#fff; padding:0 0 0 10px;}
#bridgeWrap{
	width:1040px; height:45px;
	padding:0 0 0 10px;
	margin:10px 0 0 0;
	background:url("../images/img_bridgeCorners.gif") no-repeat top left;
	float:left;
}
#bridgeWrapBody{
	width:1030px; height:45px;
	background:url("../images/img_bridgeBg.gif") repeat-x top;
	float:left;
}
#bridgeWrapBody h1{
	text-align:center; font-size:30px; font-weight:bold; color:#fff; padding:5px 0 0 0;
}
#bridgeRight{
	width:10px; height:45px;
	background:url("../images/img_bridgeCorners.gif") no-repeat bottom right;
	float:left;
}
.searchBox{
	border:2px solid #585858;
	width:450px; height:37px;
	*height:35px;
	padding:5px 10px 0 10px;
	*padding:10px 10px 0 10px;
	background-color:#0a0a0a;
	text-align:center;
	margin:20px 0 0 10px;
	color:#bababa; font-size:25px; font-weight:bold;
}
.textInfo{
	width:1050px;
	padding:25px 0 7px 0;
	float:left;
}
.textInfo a{
	font-size:14px; font-weight:bold; color:#FFFFFF;
	padding: 0 0 0 5px;
}
.textInfo a:hover{
	text-decoration:none;
}
.searchResultWrap{ width:1050px; float:right; padding:10px 0 2px 0;}
.searchResult{ margin:0 auto; width:1050px; position:relative;}
.frameResult{ margin:0 auto; width:1050px; background-color:#FFFFFF}
#widgetWrapper{
	float:left;
	width:158px;
	height:220px;
	background:url(../images/widget_box2.png) no-repeat;
	left:10px;
	top:0px;
	position:relative;
}
#widgetWrapper-a{
	position:absolute;
}
#widgetWrapper h1, .widgetWrapper h1{
	font:bold 14px Arial, Helvetica, sans-serif; color:#fff !important; padding:30px 0 0 0; _padding:30px 0 0 0;
	text-align:center; height:28px; _height:20px;
}
#widgetWrapper p, .widgetWrapper p{
	font:bold 12px Arial, Helvetica, sans-serif;
	padding:0 10px 0 10px; text-align:left;
	margin-bottom:4px;
	color:#0B7716;
}

/*--- 6 Footer ---*/
#footerWrapper{width:1050px; border-top:3px solid #f05420; float:left;}
#footerWrapper p{left:310px; top:60px; color:#FFF; font-weight:bold; position:absolute;}
#footerWrapper h1{color:#FFF; font-size:14px; font-weight:bold; padding:10px 5px 0 0; text-align: right;}