﻿/*
------------------------------------------------------------------------
Theme Name:    Video
Theme URI:     http://quommunication.com/
Description:   A new kind of WordPress theme. For comments, questions or problems visit the <a href="http://quommunication.com/forum" title="Quommunication Forum">Quommunication Forum</a>!
Version:       1.3
Author:        Quommunication
Author URI:    http://quommunication.com/
------------------------------------------------------------------------

Support:       support@quommunication.com
Updated:       June 21 2008
Copyright:     (c) 2008 Quommunication

All rights reserved.
*/

body {
	margin: 0px;
	padding: 0px;

	/*background-color: #ffffff;*/
	background: #ffffff url('images/bg.gif') repeat-x;

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999999;
	
	overflow-x:hidden;
}

html {overflow-x: hidden;}

a {
	outline: none;
}

.clear {
	clear: both;
}

/*
------------------------------------------------------------------------
CONTAINER
------------------------------------------------------------------------
*/

.container {
	margin: 0px auto;
	padding: 0px;
	
	/*width: 900px;*/
	
	text-align: left;
}

/*
------------------------------------------------------------------------
COLUMNS
------------------------------------------------------------------------
*/

.column_main {
	margin: 0px;
	padding: 0px 0px 0px 0px;
	
	/*width: 580px;*/
	
	
	float: left;
}

.column_main_page{
	margin: 0px;
	padding: 0px 0px 0px 0px;
	float: left;
	width: 580px;	
}
#txt-contenu{
	padding:20px;
	background:#f7f5f0;
	line-height:15px;
	color:#5b5b5b;
}

.column_right_bottom {
	margin: 0px;
	/*padding: 0px 20px 20px 20px;*/
	
	width: 300px;

	float: right;
}

.column_right {
	margin: 0px;
	/*padding: 0px 20px 20px 20px;*/
	background-image: url(images/bg_liste.gif);
	width: 421px;
	height:386px;

	float: right;
}

#header_debats{
	padding-top:11px;
}

#abonnement{
	padding-top:0px;
}
#abonnementrss {
	float:left;
	width:172px;
	height:46px;
}
#abonnementitunes {
	float:right;
	width:128px;
	height:46px;
}

#boximgside img{
	margin-top:12px;
}

#suivre{
	padding-top:6px;
}
#suivretwitter{
	float:left;
}
#suivrefacebook{
	float:right;
}

#titrepartenariat img{
	padding-top:10px;
}
#partenairestrat{
	margin-bottom:7px;
}
#partenaireblogo{
	float:left;
}
#partenairebrain{
	float:right;
}

#titreilsparlent img{
	padding-top:10px;
}
#listeside{
	background:#f7f5f0;
}
#listeside ul{
	padding:10px 0 10px 0px;
	margin:0px 20px 0px 20px;
}
#listeside li{
	list-style-type: none;
 	background-image: url(images/bullet_list.gif);
 	background-repeat: no-repeat;
 	background-position: 0 1em;
 	padding-left: 10px;
	color:#5b5b5b;
	line-height:20px;
	background-color: #f7f5f0;
}

#listeside li a{
	color:#5b5b5b;
	background-color: #f7f5f0;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
}

#listeside li a:hover{
	color:#ffa921;
	background-color: #f7f5f0;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
}

/*
------------------------------------------------------------------------
TYPOGRAPHY
------------------------------------------------------------------------
*/

h1 {
	/*margin: 0px;
	padding: 30px 0px 30px 0px;
	
	font-size: 24px;
	font-weight: normal;
	color: #ffffff;*/
	background: #ffffff url('images/bg_titlemediacontent.gif');
	width:426px;
	height:33px;
	font-size: 17px;
	font-size: 15px;
	font-weight:bold;
	color:#FFFFFF;
	padding:11px 12px 0 12px;
	margin-top:11px;
	margin-bottom:11px;
}

h2 {
	margin: 0px;
	padding: 0px 0px 26px 0px;
	
	font-size: 20px;
	font-weight: bold;
	color: #444444;
	/*text-shadow: #000000 0px 1px 1px;*/
}

p {
	margin: 0px;
}

/*
------------------------------------------------------------------------
HEADER
------------------------------------------------------------------------
*/

#header {
	margin: 0px auto;
	padding: 0px;
	background: #ffffff url('images/bg_header.gif');
	height: 181px;
	width:900px;
}

#header_home{
	position:relative;
	top:36px;
	left:280px;
	height:67px;
	width:364px;
}

#top_menu{
	position:relative;
	top:-67px;
	left:513px;
	background: #ffffff url('images/bg_header_sponsor.gif');
	width:387px;
	height:34px;
}

#top_menu_txt{
	float:left;
	padding:9px 9px 0 13px;
	color:#5b5b5b;
}
#top_menu_img1{
	float:left;
	padding-right:12px;
}
#top_menu_img2{
	float:left;
}
#top_menu_img3{
	float:left;
	padding-left:12px;
}
#menu_header{
	position:relative;
	height:31px;
	top:38px;
	_top:49px;
	
	padding-left:439px;
}
*+html #menu_header{top:49px;}

#menu_header li{
	margin:0px;
	padding:0px;
	display: block;
	float:left;
}

#bg_top{
	position:absolute;
	height:181px;
	_height:50px;
	width:1039px;
	left:50%;
	margin:0 -536px;
}

#bg_left{
	/*position:relative;
	left:0px;
	top:0px;*/
	background: #ffffff url('images/bg_header_left.gif') no-repeat;
	height:181px;
	width:86px;
	float:left;
}
#bg_right{
	/*position:relative;
	left:986px;
	top:0px;*/
	background: #ffffff url('images/bg_header_right.gif') no-repeat;
	height:181px;
	width:50px;
	float:right;
}

/* Logo */

.logo {
	font-size: 36px;
	font-weight: bold;
	letter-spacing: -2px;
	color: #999999;
	text-decoration: none;
	float: left;
}

/* Page Menu */

.page_menu {
	margin: 10px 0px 0px 0px;

	float: right;
	list-style: none;
}

.page_menu li {
	float: left;
	font-size: 17px;
}

.page_menu li a, .page_menu li a:visited {
	margin: 0px 0px 0px 10px;
	padding: 2px 5px 2px 5px;

	color: #999999;
	text-decoration: none;
}

.page_menu li a:hover {
	color: #ffffff;
}

.page_menu li.current_page_item a {
	color: #ffffff;
	background-color: #666666;

	text-shadow: #333333 0px 1px 1px;

	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
}

/*
------------------------------------------------------------------------
STAGE
------------------------------------------------------------------------
*/

#fd_stage{
	background: #ffffff url('images/bg_stage.gif');
	height:419px;
}

#stage {
	margin: 0px auto;
	padding: 0px;
	height: 394px;
	width:900px;
	/*background-color: #000000;*/

	-webkit-box-shadow: 0px 0px 10px #000000;
}

#stage .column_main {
	/*text-align: center;
	background-color: #000000;*/
}

#mediacontent {
	width: 450px;
}

#sep_header{
	float:left;
	padding-left:14px;
}


#mediacontent a, #mediacontent a:visited {
	/*padding: 2px 5px 2px 5px;*/

	color: #cccccc;
	text-decoration: none;
	
	/*background-color: #222222;*/
}

#mediacontent a:hover {
	color: #ffffff;
}

#postcontent{
	width:580px;
}

#postcontent p{
	/*background:#f7f5f0;
	padding:20px;*/
}
#postcontent a{
	color:#ffa921;
	font-weight:bold;
	text-decoration:none;
}
#postcontent a:hover{
	color:#ffa921;
	font-weight:bold;
	text-decoration:underline;
}

#postcontent h2 a{
	color:#444444;
	font-weight:bold;
	text-decoration:none;
}

#postcontent ul{
	/*padding:10px 0 10px 0px;*/
	/*margin:0px 20px 0px 20px;*/
	padding:10px 0px 10px 0px ;
	margin:0px;
	/*background:#f7f5f0;*/
	
}
#postcontent li{
	list-style-type: none;
 	background-image: url(images/bullet_list.gif);
 	background-repeat: no-repeat;
 	background-position: 0 1em;
 	/*padding-left: 10px;*/
	padding:0 0 0 10px;
	margin:0px 20px 0px 20px;
	color:#5b5b5b;
	line-height:20px;
}

#postcontent li a{
	color:#ffa921;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
}

#postcontent li a:hover{
	color:#ffa921;
	font-size:11px;
	font-weight:bold;
	text-decoration:underline;
}

#article_extrait{
	background:#f7f5f0;
	padding:20px;
	color:#5b5b5b;
}

#article_extrait h1{
	margin:0px;
	padding:0px;
	background:none;
	height:auto;
	color:#444444;
	font-weight:bold;
	font-size:15px;
}
#article_extrait h2{
	margin:0px;
	padding:0px;
	background:none;
	color:#444444;
	font-weight:normal;
	font-size:13px;
}


#stage .column_right ul.episode_menu {
	margin: 0px;
	padding: 3px 0px 0px 0px;

	list-style: none;
	/*display: inline-block;*/
	display:none;
}

#stage .column_right #drop_menu {
	margin: 40px 0px 10px 0px;

	text-align:left;
	font-size:13px;
}

#stage .column_right #drop_menu select, .menuitem {
	margin:0px;

	background-color:#ffffff;
	color:#000000;
}

#show_tags {
	margin-bottom: 10px;
	text-align: center;
	font-size: 12px;	
}


#sociable-conteneur{
	width:270px;
	float:left;
}
#votez-conteneur{
	float:right;
}

.sociable-name{
	float:left; 
	padding-top:23px;
	width:59px;
}
.sociable-list{
	padding-top:20px;
}


.sociable ul{
	margin:0px;
	padding:0px;
}
.sociable li{
	display:block;
	margin-left:5px;
	width:16px;
	padding:0px;
	float:left;
}
.sociable li img{
	border:none;
	display:block;
}
.sociable li a{
	display:block;
}

.votez-name{
	float:right;
	padding-top:18px;
	width:80px;
}
.votez-list{
	float:right;
	padding-top:23px;
}

/* Episode Menu */

.episode_menu li {
	margin-bottom: 8px;

	float: left;
	cursor: pointer;
}

.episode_menu li a, .episode_menu li a:visited {
	margin: 0px 7px 0px 0px;
	padding: 3px 7px 3px 7px;

	color: #666666;
	text-decoration: none;
}

.episode_menu li a:hover {
	color: #ffffff;
}

.episode_menu li.current a {
	color: #ffffff;
	background-color: #666666;

	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	
	/*background-image: url(images/bg_liste.gif);*/
}

/* Episode List */

#stage .column_right #list_container ul.episode_list {
	margin: 0px;
	padding: 0px;
	list-style: none;
	clear: left;
	cursor: pointer;
}

#list_container {
	padding:0px 10px 0px 10px;
	margin:12px 0px 12px 0px;
	overflow:hidden;
	height: 255px;
}

.episode_list li a, .episode_list li a:visited {
	margin: 0px;
	padding: 9px 10px 12px 10px;
	height:30px;
	_padding: 9px 10px 10px 10px;
	_height:30px;

	color: #cccccc;
	font-size:12px;
	text-decoration: none;
	
	display: block;
}

*+html .episode_list li a, .episode_list li a:visited {
	padding: 9px 10px 10px 10px;
	height:30px;
}

.episode_list li a b, .episode_list li a:visited b {
	font-size: 12px;
	font-weight: normal;
	color: #cccccc;
	display: block;
}

.episode_list li a:hover {
	color: #ffffff;
	background-color: #222222;

	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
}

.episode_list li a:hover b {
	color: #ffffff;
}

.episode_list li.current a {
	color: #ffffff;
	/*background-color: #666666;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;*/
	
	background-image: url(images/fd_article.gif);
	_background-image: url(images/fd_article_ie.gif);
}

*+html .episode_list li.current a {background-image: url(images/fd_article_ie.gif);}

.episode_list li.current a b {
	color: #ffffff;
}

.episode-info{
	padding-top:4px;
}
.episode-date{
	float:left;
	font-size:10px;
	color:#90908f;
}
.episode-comments{
	float:right;
	color:#ffa921;
	font-size:10px;
}

.totalfaded {
	opacity: 0;
	filter: alpha(opacity=0);
	
}

#prev, #next {
	text-align: center;
}

/* Episode List Arrows */

a#linkup, a#linkup:visited, a#linkdown, a#linkdown:visited {
	margin: 3px 0px 5px 207px;
	
	width: 20px;
	height: 20px;
	background-image:url(images/buttons.gif);
	display:block;
	cursor: pointer;
}
/*a#linkup, a#linkup:visited, a#linkdown, a#linkdown:visited {
	_background: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/wp-content/themes/buzzometre/images/buttons.png");
}*/

a#linkup, a#linkup:visited {
	background-position: -20px;
}

a#linkdown, a#linkdown:visited {
	background-position: 0px;
}

a#linkup.inactive, a#linkup.inactive:visited, a#linkdown.inactive, a#linkdown.inactive:visited {
	margin: 3px 0px 5px 207px;
	
	width: 20px;
	height: 20px;
	background-image:url(images/buttons.gif);
	display:block;
	cursor:default;
}
/*a#linkup.inactive, a#linkup.inactive:visited, a#linkdown.inactive, a#linkdown.inactive:visited {
	_background: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/wp-content/themes/buzzometre/images/buttons.png");
}*/

a#linkup.inactive, a#linkup.inactive:visited {
	background-position: -60px;
}

a#linkdown.inactive, a#linkdown.inactive:visited {
	background-position: -40px;
}


/* Stage Footer */

.stage_footer {
	margin: 0px;
	padding: 0px;

	color: #666666;

	/*background-color: #222222;*/
	background-image: url('images/stage_footer_back.png');
	background-repeat: repeat-x;
	background-position: bottom;
}

#stage .stage_footer .column_main {
	padding: 20px 0px 20px 20px;
	text-align: left;
	background-image: url('images/stage_footer_back.png');
	background-position: bottom;
}

.stage_footer .column_right {
	padding: 20px 20px 20px 20px;
}

.stage_footer p a, .stage_footer p a:visited {
	color: #cccccc;
	font-weight: bold;
	text-decoration: none;
}

.stage_footer p a:hover {
	color: #ffffff;
}

/*
------------------------------------------------------------------------
CONTENT
------------------------------------------------------------------------
*/

/* Column Main */

#content{
	margin: 0px auto;
	width:900px;
}

#marge_top{
	height:18px;
}

#digg_span {
	float:left;
	margin:3px 10px 5px 0px;
}

#content .column_main p {
	margin: 0px;
	
	color:#5b5b5b;
	font-size: 11px;
	/*line-height: 30px;
	background: url('images/liner.gif');*/
}

#content .column_main a, #content .column_main a:visited {
	/*padding: 2px 5px 2px 5px;*/

	/*color: #cccccc;*/
	/*text-decoration: none;*/
	
	/*background-color: #222222;*/
}

#content .column_main a:hover {
	/*color: #ffffff;*/
}

#content .column_main p label input {
	margin: 1px 0px 0px 0px;
	padding: 5px 2px 5px 2px;
	
	width: 240px;
	
	font-family: Arial;
	font-size: 13px;
	color: #444444;

	border-top: 1px solid #999999;
	border-right: 1px solid #bbbbbb;
	border-bottom: 1px solid #bbbbbb;
	border-left: 1px solid #999999;
}

/* Column Right */

#content .column_right p {
	margin: 0px 0px 10px 0px;

	font-size: 13px;
	/*line-height: 19px;*/
}

#content .column_right a, #content .column_right a:visited {
	/*padding: 2px 5px 2px 5px;*/

	/*color: #cccccc;*/
	text-decoration: none;
	
	/*background-color: #222222;*/
}

#content .column_right a:hover {
	/*color: #ffffff;*/
}

/* Comments */

#header-comment{
	padding-top:14px;
}

#commenting h2{
	padding-top:20px;
	display:none;
}

#content .column_main #commenting p {
	/*margin: 0px 0px 10px 0px;*/

	background: none;

	font-size: 13px;
	line-height: 19px;
}

#content .column_main #commenting a, #content .column_main #commenting a:visited {
	padding: 0px;
	background: none;
}

.comment_author {
	margin: 0px 0px 10px 0px;
	padding: 0px 20px 0px 0px;

	float: left;
	clear: both;
	background-image:url(images/avatar.jpg);
	background-repeat:no-repeat;
	
	display:none;
}

.comment_author img {
	width: 75px;
	height: 75px;
	background-image:url(images/avatar.jpg);
	background-repeat:no-repeat;
	display:block;
}

.comment {
	margin: 0px 0px 10px 0px;
	padding:15px;
	
	width: 550px;
	min-height: 80px;
	height: auto !important;
	height: 80px;
	
	background:#f7f5f0;
	
	font-size: 13px;
	line-height: 19px;

	float: left;
}

.comment_form {
	margin: 0px;
	padding:15px 0px 15px 15px;
	
	width: 565px;
	min-height: 80px;
	height: auto !important;
	height: 80px;
	
	font-size: 13px;
	line-height: 19px;

	float: left;
}

/* Comment Meta */

.comment .meta {
	color: #666666;
}
/*.meta span {
	filter : alpha(opacity=0);
    -moz-opacity : 0;
    opacity : 0;
	 }*/
	

/* Live Comment Preview */

#comment_preview {
	overflow:hidden;
	display:none;
}

/* Leave A Comment */

.leave_comment {
	margin: 0px;
	padding: 0px 0px 0px 0px;
	
	background: #ffffff url('images/fd_contact.gif') no-repeat;
	height:386px;
	
	/*border-top: 1px solid #444444;
	border-bottom: 1px solid #444444;*/
}

.leave_comment fieldset {
	padding: 0px 14px 10px 0px;
	width:264px;
	
	border: none;
	
	float:left;
}

.fieldset-height{height:40px;}

/* seesmic */
#flashcontent{margin-left:2px;}
#see_buttons_div{margin-left:2px}

/* /seesmic */

.leave_comment .meta {
	padding: 0px 0px 0px 0px;
	font-size: 11px;
	color: #999999;
	/*position:relative;
	top:0px;
	_top:-25px;*/
	/*width:172px;
	height:25px;*/
	/*margin:0px 0px 0px 180px;*/
}

.leave_comment .error {
	padding: 2px 5px 2px 5px;
	
	background-color: #993333;
	color: #ffffff;
	cursor:default;
	zoom: 1;

	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
}

.leave_comment fieldset label {
	padding:5px 20px 0px 0px;

	width:90px;

	font-size:11px;
	font-weight:bold;
	text-align:right;
}

.field {
	float:left;
	height:25px;
	width:264px;
	background: url(images/fd_formulaire.gif) no-repeat;
	/*background:#00FF00;*/
	float:left;
	position:relative;
}
.field input{
	height:15px;
	width:264px;
	position:absolute;
	border:none;
	background:none;
}

.leave_comment .input {
	margin: 0px;
	padding: 5px 5px 5px 5px;
	
	width: 254px;
	
	font-family: Arial;
	font-size: 11px;
	color: #ffffff;
	
	border:none;

	/*border-top: 1px solid #999999;
	border-right: 1px solid #bbbbbb;
	border-bottom: 1px solid #bbbbbb;
	border-left: 1px solid #999999;*/
}

/*.leave_comment .textarea {
	margin: 0px;
	padding: 5px 2px 5px 2px;
	
	width: 419px;
	
	font-family: Arial;
	font-size: 13px;
	color: #444444;
	
	border-top: 1px solid #999999;
	border-right: 1px solid #bbbbbb;
	border-bottom: 1px solid #bbbbbb;
	border-left: 1px solid #999999;
}*/

/*.button {
	margin: 10px 0px 0px 110px;
}*/

#content-page{
	padding:20px;
	background:#f7f5f0;
	width:540px;
}

#footer_article{margin-bottom:10px;}

/*
------------------------------------------------------------------------
SIDEBAR
------------------------------------------------------------------------
*/

.widget {
	line-height: 15px;
}

.widget ul {
	margin: 0px;
	padding: 0px;

	list-style: none;
}

.widget ul li {
	padding: 2px 0px 2px 0px;

	font-size: 17px;
	line-height: 21px;
}

/*
------------------------------------------------------------------------
FOOTER
------------------------------------------------------------------------
*/

#footer /*.column_main*/ {
	/*padding: 7px 10px 0px 10px;*/
	width:880px;
	height:30px;
	background: #ffffff url('images/bg_footer.gif');
	/*margin-bottom:15px;
	margin-top:15px;*/
	margin: 15px auto 0 auto;
	width:900px;
}

#footer_left {
	float:left;
}
#footer_right {
	float:right;
	padding-top:1px;
}

#footer p {
	color: #999999;
	line-height: 16px;
}

#footer a, #footer a:visited {
	color: #999999;
	text-decoration: none;
	font-size:10px;
}

#footer a:hover {
	color: #ffffff;
	text-decoration: none;
}

#load-sociable { display:none; }