/*
Theme Name: Revolution TV
Theme URI: http://www.revolutiontwo.com/
Description: The Revolution TV WordPress Theme.
Version: 1.0
Author: Jason Schuller
Author URI: http://www.jdidit.com/
Tags: WordPress, Video, Revolution, TV

This theme was designed and built by Jason Schuller,
whose portfolio you will find at www.jdidit.com

The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php
*/

/* Lets Begin */
html, body {
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
background: #FFFFFF url(images/bg.gif) top left repeat-x;
color: #333333;
line-height: 1.5em;
margin: 0;
padding: 0;
}

#wrapper {
width: 960px;
margin: 0px auto;
}

caption /* Titre du tableau */
{
   caption-side: bottom;
   margin: auto; /* Centre le titre du tableau */
   font-family: Arial, Times, "Times New Roman", serif;
   font-weight: bold;
   font-size: 1.8em;
   color: #C8C8C8;
   margin-top: 10px; /* Pour éviter que le titre ne soit trop collé au tableau en-dessous */
}

table
{
    margin: auto; /* Centre le tableau */
   border: 4px outset #999999; /* Bordure du tableau avec effet 3D (outset) */
   border-collapse: collapse; /* Colle les bordures entre elles */
   margin-top: 20px; /* Pour éviter que le titre ne soit trop collé au tableau en-dessous */

}
td /* Mettre une bordure sur les td ET les th */
{
   border: 1px solid #CCCCCC;
}

th
{
border: 1px solid #666666;
background: #666666;
color: #FFFFFF;
font-size: 15px;
font-weight: bold;
}
.titre
{
background: #CCCCCC;
color: #333333;
font-size: 13px;
font-weight: bold;
text-align: center;
}

small {
font-family: Arial, Helvetica, Sans-Serif;
font-size: 0.8em;
line-height: 1.2em;
color: #A3A3A3;
margin: 0;
padding: 0;
}

h1 {
font-size: 4em;
text-align: center;
}

h2 {
font-size: 1.6em;
}

.accueil {
font-size: 18px;
margin-top: 35px;
padding: 0;
font-weight: bold;
font-style: italic;
color: #727272;
}

h3 {
font-size: 18px;
margin: 0;
padding: 0;
font-weight: normal;
}

p {
margin: 0 0 10px 0;
}

a:link, a:visited {
color: #000000;
text-decoration: none;
}

a:hover {
color: #A3A3A3;
}

.clear {
clear: both;
}
/* And... Moving On */

/* Begin Header */
#masthead {
float: left;
width: 960px;
height: 130px;
padding: 20px 0 0 0;
}

.logo {
float: left;
width: 815px;

}
.franc {
float: left;
width: 72px;
margin: 0 0 0 0;

}
.engl {
float: left;
width: 140px;
margin: 0 0 0 0;

}

/*
#advert {
float: left;
width: 468px;
margin: 0 0 0 2px;
}
*/
/* End Header */

/* Begin Navigation */
#navigation {
float: left;
width: 960px;
}

#nav {
list-style: none;
padding: 0;
margin: 13px 0 0 0;
}

*+html #nav { /* IE Only */
margin: 10px 0 0 0;
}

#nav li {
float: left;
margin-right: 3px;
font-size: 12px;
border-left: 1px solid #171717;
}

#nav li a {
float: left;
display: block;
height: 22px;
padding: 2px 14px 5px 14px;
color: #000000;
text-decoration: none;
}

#nav li.rss {
float: left;
margin-right: 3px;
padding: 0 20px 0 0;
font-size: 12px;
border-right: 1px solid #171717;
background: url(images/rss.gif) right no-repeat;
}

#nav li:hover a, #nav li.sfhover a {
color: #A3A3A3;
}
/* End Navigation */

/* Begin Search */
#searchwrap {
float: right;
padding: 0 5px 5px 5px;
border: 1px solid #171717;
/* border-left: 1px solid #171717; */
height: 25px;
}

* + html #searchwrap {
padding: 1px 5px 5px 5px;
}

#searchwrap input{
vertical-align:middle;
background:none;
color:#171717;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}

#searchwrap #s{
border:none;
padding:5px 0 5px 0;
margin: 4px 3px 0 0;
width:250px;
}

* + html #searchwrap #s {
margin: 2px 3px 0 0;
}
/* End Search */

#contentwrap {
width: 664px;
float: left;
}

#contentwrap h3{
marging-top: 15px;
}
/* Formulaire de contact */
.separateur
{
width: 305px;
float: left;
margin: 5px;
padding: 0px 0px 5px 0px;
background: #DEDEDE;
}
.separateur h3
{
margin-top: 0px;
text-align: center;
background: #AAAAAA;
font-weight: bold;
}
.formulaire
{
width: 620px;
float: left;
padding: 0px 0px 5px 0px;
margin: 5px;
background: #DEDEDE;
}
.formulaire h3
{
text-align: center;
background: #AAAAAA;
font-weight: bold;
}
.formulaire form
{

margin-left: 200px;

}

/* Begin Showcase */
#showcase {
width: 640px;
float: left;
background: url(images/showcasebg.gif) top left no-repeat;
padding: 12px 12px 0 12px;
text-align: center;
}

#videotext {
width: 652px;
float: left;
background: #FFFFFF url(images/videotextbg.gif) top left no-repeat;
padding: 24px 6px 0 6px;
}

#blogtext {
width: 652px;
float: left;
background: #FFFFFF url(images/blogtextbg.gif) top left no-repeat;
padding: 16px 6px 0 6px;
}

.videotext, .blogtext {
margin: 10px 0 0 0;
width: 648px;
float: left;
}

.ratings {
margin: 5px 0 5px 0;
width: 648px;
float: left;
}

.itemdets {
margin: 0 0 5px 0;
width: 648px;
float: left;
line-height: 1.1em;
font-size: 10px;
color: #6F6F6F;
}

.blogdets {
margin: 5px 0 5px 0;
width: 648px;
float: left;
line-height: 1.1em;
font-size: 10px;
color: #6F6F6F;
}

.itemdets a:link, .itemdets a:visited, .blogdets a:link, .blogdets a:visited {
color: #6F6F6F;




}

.itemdets a:hover, .blogdets a:hover {




color: #A3A3A3;
}
/* End Showcase */

/* Begin Gallery */
#gallery {
width: 652px;
float: left;
background: #070707 url(images/gallerybg.gif) top left no-repeat;
padding: 29px 4px 0 8px;
}

.navigation {
width: 648px;
float: left;
padding: 8px 0 0 0;
margin: 10px 0 0 0;
border-top: 1px solid #171717;
}

* + html #gallery {
padding: 29px 4px 12px 8px;
}

#gallery h3 {
font-size: 13px;
margin: 0 0 2px 0;
padding: 0;
line-height: 1.1em;
}

.thumbnail {
width:314px;
height:59px;
margin:0 0 12px 0;
padding: 0 12px 0 0;
overflow: hidden;
float: left;
font-size: 11px;
line-height: 1.3em;
}

.thumbnail img {
width: 102px;
height: 56px;
float: left;
border: 1px solid #171717;
margin: 0 8px 0 0;
}

.thumbnail a:hover img{
border: 1px solid #A3A3A3;
}
/* End Gallery */

/* Begin Post Comments */
#postcomments {
width: 648px;
float: left;
background: #AAAAAA url(images/gallerybg.gif) top left no-repeat;
padding: 30px 8px 0 8px;
}

#postcomments h3 {
font-size: 15px;
margin: 0 0 2px 0;
padding: 0;
color: #FFFFFF;
}

#comment {
width:450px;
font:12px arial,helvetica,verdana,sans-serif;
}

h2.commh2 {
font-size: 1.4em !important;
padding: 0 0 5px;
color:#333 !important;
}

ol.commentlist {
margin: 10px 0 20px;
padding: 0;
list-style: none;
font-size: 12px;
line-height: 20px;
}

ol.commentlist p {
margin-bottom:10px;
line-height: 20px;
}

ol.commentlist cite {
font-style: normal;
font-weight: bold;
}

ol.commentlist li {
padding: 10px 0 5px 0 !important;
margin: 10px 0 10px 0;
border-bottom: 1px solid #171717;
}

ol.commentlist li.alt {
padding: 10px 0 5px 0!important;
}

input#submit {
font-size: 14px;
color:#A7A7A7;
font-family: Arial, Helvetica, sans-serif;
padding:7px 10px;
margin:5px 0 0 0;
text-align:center;
background:#080808;
border:1px solid #171717;
cursor:pointer;
}

#comment,#author,#email,#url {
background:#080808;
border:1px solid #171717;
padding:2px;
color:#A7A7A7;
}
/* End Post Comments */

/* Begin Sidebar */
#sidebar {
width: 296px;
float: left;
}

#categories {
display: none;
}

.block {
text-align: right;
background: url(images/blockbg.gif) top right no-repeat;
padding: 10 0 14px 0;
argin-top: 10px;
}

#sidebar h3 {
color: #171717;
/*margin: 0px;*/
padding: 5px;
margin: 15px 0px 15px 0px;
}

#sidebar ul {
list-style: none;
margin: 0px;
padding: 0px;
}

#sidebar li {
margin: 1px;
padding: 5px 0 4px 0;
}

#sidebar a:link, #sidebar a:visited {
background: #FFFFFF;
padding: 6px;
border: 1px solid #0D0D0D;
color: #A3A3A3;
}

#sidebar a:hover {
background: #A3A3A3;
padding: 6px;
border: 1px solid #0D0D0D;
color: #0D0D0D;
}

#sideblog h4 {
color: #FFFFFF;
font-weight: normal;
padding: 0;
margin: 0;
font-size: 13px;
line-height: 1.2em;
}

#sideblog a:link, #sideblog a:visited {
padding: 0;
border: 0;
background: none;
color: #FFFFFF;
}

#sideblog a:hover {
padding: 0;
border: 0;
background: none;
color: #A3A3A3;
}

.sideblog {
line-height: 1.2em;
border-bottom: 1px solid #171717;
padding: 6px 0 10px 0;
width: 290px;
float: right;
}

#sideblog h3 {
color: #FFFFFF;
margin: 0px;
padding: 5px;
margin: 0 0 5px 0;
}
/* End Sidebar */

/* Begin Footer */
#footer {
float: left;
width: 664px;
padding: 18px 0 20px 0;
color: #171717;
background: url(images/footer.png) top left no-repeat;
line-height: 1.2em;
}

#footer p {
margin: 0;
padding: 0;
}

#footer a:link, #footer a:visited {
color: #A3A3A3;
}
/* End Footer */

/* Begin Defaults */
acronym, abbr, span.caps
{
font-size: 0.9em;
letter-spacing: .07em;
}

p img {
padding: 0;
max-width: 100%;
}

a img {
border: none;
}

img.centered {
display: block;
margin-left: auto;
margin-right: auto;
}

img.alignright {
padding: 4px;
margin: 0 0 2px 7px;
display: inline;
}

img.alignleft {
padding: 4px;
margin: 0 7px 2px 0;
display: inline;
}

.alignright {
float: right;
}

.alignleft {
float: left
}

.center {
text-align: center;
}

.aligncenter,
div.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}

.hidden {
display: none;
}

blockquote {
margin: 15px 30px 0 10px;
padding-left: 20px;
border-left: 5px solid #ddd;
}

.wp-caption {
border: 1px solid #ddd;
text-align: center;
background-color: #f3f3f3;
padding-top: 4px;
margin: 10px;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}


.wp-caption img {
margin: 0;
padding: 0;
border: 0 none;
}

.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
padding: 0 4px 5px;
margin: 0;
}
/* End Defaults */