/*
Theme Name: TeleLibreV2
Theme URI: 
Description: v2 du Theme WordPress pour La Tele Libre.
Version: 2.0
Author: Mayel
*/

body { margin:0px; padding:0px; }
body,td,input,textarea { 
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}
img { border:0; vertical-align:text-bottom; }
a { color:#FF0000; text-decoration:none; }
a:hover { text-decoration:underline; }
.left { float: left; }
.right { float: right; }
.center {text-align:center; }
.title, .title a { color:#000; font-size:14px; font-weight:bold; text-transform:uppercase; }
#embed {display:block; width:515px; height:290px; padding-bottom:5px; }
#embed_medium {display:block; width:320px; height:180px; padding-bottom:5px; }

.button { font-size:13px; font-weight:bold; text-transform:uppercase; text-align:center; }
.button img { vertical-align:middle; }
#body {
 width: 990px;
 margin: 0px auto;
 position:relative;
}
#header { padding-top:20px; }
#header .boxBody { height:60px; }
#logo { width:460px; position:absolute; left:14px; top:8px; }
#header2 { width:350px; position:absolute; right:10px; top:10px; }
#remote { float: left; width:240px; min-height:50px; }
#page { float: left; width:530px; margin:0 5px 0 5px; overflow:hidden; }
#sidebar { float: right; width:200px; }
#sidebar .title { font-size:13px; }
#footer { margin: 0; }
.clear, #footer { clear:both; float:none; }
.widget { margin-bottom:10px; }
.widget_img { text-align:center; margin-bottom:5px; padding:0px !important; }
.remote_info { 
	position:relative; 
	float: left;
	width:107px; 
	height:60px; 
	padding:10px 0 0 5px; 
	margin-bottom: 5px;
	overflow:hidden; 
	font-size:10px; 
}
.remote_stars { position:absolute; bottom:0px; left:5px; color:#fff; }
.remote_door { position:absolute; bottom:0px; right:0px; }
.remote_more { clear:both; font-size:10px; color:#fff; }
#vid_cats { position:absolute; background:#fff; z-index:999; }
#vid_cats .box { margin-bottom:0px; }
.post { clear:both; padding-top:2px; }

.box {
border:none;
margin-bottom:5px;
height:auto;
} 
.boxOpen {
background-position: top left;
background-repeat: no-repeat;
} 
body > * .boxOpen {
background-image: url(img/corner_tl.png);
}
.boxOpen div {
background-position: top right;
background-repeat: no-repeat;
padding:5px 8px 5px 8px;
margin:0;
} 
body > * .boxOpen > div {
background-image: url(img/corner_tr.png);
} 
.boxBody {
margin-top:-5px;
padding:0 8px 0 8px;
}
.boxClose {
clear:both;
background-position: bottom left;
background-repeat: no-repeat;
} 
body > * .boxClose {
background-image: url(img/corner_bl.png);
}
.boxClose div {
clear:both;
background-position: bottom right;
background-repeat: no-repeat;
padding:5px 8px 5px 8px;
margin-top:-10px;
} 
body > * .boxClose > div {
background-image: url(img/corner_br.png);
}


.black_red, .black_red a {
  background-color: #000;
  color: #FF0000;
 } 

 .black_white, .black_white a {
  background-color: #000;
  color: #fff;
 } 
 .grey_red {
  background-color: #6B6B6B;
  color: #FF0000;
 } 
 .grey_black {
  background-color: #E5E5E5;
  color: #000;
 } 
.red_white, .red_white a {
  background-color: #FF0000;
  color: #FFF;
} 
.red_black, .red_black a {
  background-color: #FF0000;
  color: #000;
} 
.box_infos, .box_infos a {
  background-color: #DDD0BE;
  color: #000;
 } 
.black, .black a { color:#000; }
.grey, .grey a { color:#6B6B6B; }

#header .button {
 color: #FFFFFF;
 width: 100px; height:15px;
 overflow:hidden;
 text-align:center;
 padding-top:5px;
 margin-bottom:4px;
font-weight:bold;
}
#header .button_event {
 color: #FFFFFF;
 overflow:hidden;
 padding-top:3px;
 text-align:right;
 width:337px; 
 height:16px;
 margin-top:6px; 
float:right;
}
#header .button_event #event {
 color: #000000;
 width: 234px;
 overflow:hidden;
 text-align:center;
 float:left;
}
#header .button_event #event_b {
 color: #FFFFFF;
 width: 100px;
 overflow:hidden;
 text-align:center;
 float:right;
}
#event a { color: #000000; text-decoration:none; background-color:transparent; }
.button a, #event_b a { color:#FFF; text-decoration:none; font-weight:bold; background-color:transparent; }

#search_box {
float:right;
color: #000000;
overflow:hidden;
text-align:center;
width:250px; height:22px;
padding-top:2px;
}
#search_box form {
 margin: 0px;
 padding: 0px; 
}
#search_box input {
 width: 200px;
height:13px;
 padding: 2px;
border:none;
}


.recentcommentscontainer ul, .recentcommentscontainer li, .recentcommentscontainer h4 { 
margin: 0px; padding:0px;
margin-top: 3px;
 }

#commentform #author, #commentform #email, #commentform #url, #commentform textarea {
 background: #fff;
 border: 1px solid #333;
 padding: .2em;
}

#commentform textarea {
 width: 70%;
}

#commentlist li ul {
 border-left: 1px solid #ddd;
 font-size: 110%;
 list-style-type: none;
}


#wp-calendar {
 border: 1px solid #ddd;
 empty-cells: show;
 font-size: 14px;
 margin: 0;
 width: 90%;
}

#wp-calendar #next a {
 padding-right: 10px;
 text-align: right;
}

#wp-calendar #prev a {
 padding-left: 10px;
 text-align: left;
}

#wp-calendar a {
 display: block;
 text-decoration: none;
}

#wp-calendar a:hover {
 background: #e0e6e0;
 color: #333;
}

#wp-calendar caption {
 color: #999;
 font-size: 16px;
 text-align: left;
}

#wp-calendar td {
 color: #ccc;
 font: normal 12px 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
 letter-spacing: normal;
 padding: 2px 0;
 text-align: center;
}

#wp-calendar td.pad:hover {
 background: #fff;
}

#wp-calendar td:hover, #wp-calendar #today {
 background: #eee;
 color: #bbb;
}

#wp-calendar th {
 font-style: normal;
 text-transform: capitalize;
}

span.tip {
	position: relative;
	display: inline-block;
	vertical-align:bottom;
}
span.tip a span {
	display: none;
}
span.tip a:hover {
	font-size: 100%;
}
span.tip a:hover span {
	display: block;
	font-weight:normal;
	text-decoration:none;
	position: absolute;
	background: red;
	color: #fff;
	top: 12px;
	left: -10px;
	width: 155px;
	padding: 5px;
	z-index: 100;
}