/*
Theme Name: The Gamer Blog Skin
Theme URI: http://www.the-gamer.fr/
Description: Theme du site The Gamer Blog
Version: 1.0
Author: Tom
Author URI: http://www.the-gamer.fr/
Tags: black, grey, red, fixed width, two columns, widgets
Text Domain:

Creaton du Theme par Tom || http://www.the-gamer.fr
*/

* {margin:0;padding:0;}
a:link {color:#A21300;text-decoration:none;outline:none;}
a:visited {color:#CC0000;text-decoration:none;outline:none;}
a:hover {color:#CC0000;text-decoration:none;outline:none;}
a:active {color:#000;text-decoration:underline;outline:none;}
a.ext {background: url('img/picto-ext.png') no-repeat right;font-weight: bold;color:#A21300;border-bottom: 1px dotted #A21300;padding-right: 21px;}
a.int {background: url('img/picto-int.png') no-repeat right;font-weight: bold;color:#A21300;border-bottom: 1px dotted #A21300;padding-right: 21px;}

body {background:#FFF url('img/bk.png') repeat-x;color:#000;font:normal 12px Arial, Helvetica, sans-serif;}
.br {height:8px;overflow:hidden;}
.px {overflow:hidden; height:1px;}

.red {color:#A21300;}
.or {color:#FFCC33;}

#full {margin:0 auto;width:920px;}
#main {float:left;margin:0 20px 0 0;width:610px;}
#sidebar {float:left;margin:0;width:290px;}

/* PROMO */
#message {width:100%;padding: 15px 0 10px 0;margin: 0 0 15px 0;background: #A21300;border-bottom: 1px solid #333;display:none;overflow:auto;}
#message a {font: normal 9px Verdana, Geneva, sans-serif;color: #FFF;cursor:pointer;}
#message a:hover {font: bold 9px Verdana, Geneva, sans-serif;}
/* PROMO */


#log {clear:both;font:bold 10px Verdana, Arial, Helvetica, sans-serif;margin:5px 0;padding:0 5px 0 0;text-align:right;}
#log li {display:inline;}
#log li a {color:#000;padding:3px;text-decoration:none;}
#log li a:hover {background-color:#A21300;color:#FFF;padding:3px;text-decoration:none;}

#menu {clear:both;background-color:#000;float:left;height:40px;margin:0;width:920px;}
#menu ul {margin:0;padding:0;list-style:none;}
#menu ul li {display: inline;}
#menu ul li a {color:#FFF;display:block;float:left;font:bold 12px Arial, Helvetica, sans-serif;line-height:40px;margin: 0;padding:0 20px;text-decoration:none;}
#menu ul li a:hover, #menu ul li a.active {background:#A21300;color:#FFF;text-decoration:none;}

#logo {float:left;}
#logo a {outline:none;}
#logo .scrollBg {background-image:url('img/bk-logo.gif');background-color:#A21300;width:290px;height:250px;}
#logo .scrollBg img {display:block;}

#update_message {background-color: #A21300;padding: 15px 15px 5px 15px;
	margin: 10px 0 10px 0;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
#update_message p {font: normal 12px Arial;margin: 0;padding: 0 0 10px 0;color: #fff;}
#update_message small {font: bold 13px Arial;color: #fff;text-transform: uppercase;}

.date {float:right;position:relative;padding:0 7px 0 0;top:17px;z-index:-100;color:#A21300;}
.post {float:left;margin:10px 0 20px 0;width:610px; -moz-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.4);box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.4);}
.post-title {background:#A21300 url('img/bk-title.gif') repeat-x;height:35px;}
.post-title h1 {color:#FFF;font:normal 19px "Arial Black", Arial, Helvetica, sans-serif;letter-spacing:-1px; line-height:28px;margin:0;padding:4px 0 0 10px;text-transform:uppercase; overflow: hidden;}
.post-title h1 a {color:#FFF;text-decoration:none;}
.post-title h1 a:hover {color:#FFF;text-decoration:none;}
.post-content-m {background-color:#FFF;border-top:1px solid #A21300;border-right:1px solid #CCC;border-bottom:1px solid #CCC;border-left:1px solid #CCC;padding:0;font:normal 14px Arial, Helvetica, sans-serif;line-height: 1.4em;width:608px;}
.post-content-s {background-color:#FFF;border:1px solid #CCC;padding:0 0 20px 0;font:normal 14px Arial, Helvetica, sans-serif;line-height: 1.4em;width:608px;}
.post-content-s h3 {color:#999;font:bold 11px Verdana, Arial, Helvetica, sans-serif;padding:0 10px 5px 0;text-align:right;}
.content {margin:12px 12px 0 12px;}
.content h2 {color:#A21300;font:bold norlmal 18px Arial, Helvetica, sans-serif;padding:10px 0 5px 0;}
.content p {margin:0 0 12px 0;}
.content b {color:#A21300;}
.content span {display:block;font:bold 11px Arial, Helvetica, sans-serif;margin:5px 0 3px 0;text-align:right;}
.content img.gal {margin:0 4px 8px 4px;padding:4px;background-color: #EEE;border: 1px solid #A21300;}
.content img.gal:hover {background-color: #A21300;}
.post-img-custom {float:left;clear:both;border-bottom:2px solid #A21300;border-top:2px solid #A21300;float:left;height:75px;width:608px;}
.post-info {font:normal 9px Verdana, Arial, Helvetica, sans-serif;padding:5px 0 4px 0;text-align:center;}
blockquote {margin: 15px 30px 0 10px;padding:10px 10px 1px 20px;border-left: 5px solid #A21300;font:italic 16px Arial, Helvetica, sans-serif;background-color: #EEE;}
.blockaut {margin: 0 30px 20px 0;font-size: 11px;}

#annot h6 {color:#777;font:bold 10px Verdana, Arial, Helvetica, sans-serif;margin:0 0 5px 0;}
p.annot {font:normal 9px Verdana, Arial, Helvetica, sans-serif;}
p.annot a {color:#A21300;font:bold 9px Verdana, Arial, Helvetica, sans-serif;text-decoration:none;}

.aligncenter {text-align: justify; display:block;margin:0 auto;}
.wp-caption {border: 1px solid #AAA;text-align: center;background-color: #EEE;padding-top: 5px;margin: 0 10px 20px 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;}
.wp-caption p {font-size:10px;padding:0 5px;margin:0;}

#note {width:560px;margin:0 auto;padding:15px 0 0 0;font:normal 12px Arial, Helvetica, sans-serif; -moz-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.4);box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.4);}
#note-titre {background-color: #A21300;color:#FFF;margin:0 0 10px 0;padding:5px 0 5px 10px;font:bold 14px Arial, Helvetica, sans-serif;text-transform:uppercase;}
#note-like-title {float:left;width:261px;margin:0 9px 0 10px;border-bottom:1px solid #C33;color: #A21300;font:bold 14px Arial, Helvetica, sans-serif;text-transform:uppercase;}
#note-like, #note-dislike {float:left;width:265px;margin:8px 4px 0 10px;}
#note-dislike-title {float:left;width:261px;margin:0 10px 0 9px;border-bottom:1px solid #C33;color: #A21300;font:bold 14px Arial, Helvetica, sans-serif;text-transform:uppercase;}
#note-verdict {float:left;width:540px;margin:20px 10px 10px 10px;padding:10px 0;border-top:1px solid #CCC;border-bottom:1px solid #CCC;}
#note-final {width:540px;margin:0 10px;font:bold 14px Arial, Helvetica, sans-serif;text-transform:uppercase;}
.note-verdict-1 {float:left;display:block;width:100px;color: #A21300;font:bold 14px Arial, Helvetica, sans-serif;text-transform:uppercase;}
.note-final-1 {float:left;display:block;width:137px;color: #A21300;font:bold 14px Arial, Helvetica, sans-serif;text-transform:uppercase;padding:2px 0;}
.note-final-2 {float:left;border:1px solid #C33;width:400px;margin:0 0 3px 0;}
.note-final-3 {float:left;background-color: #A21300;color:#FFF;text-align:right;padding:2px 5px 2px 0;}


#social {float:left;background:#FFF;border:1px solid #CCC;margin:10px 0 0 0;padding:10px 10px 4px 10px;width:588px; -moz-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.4);box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.4);}

#related {float:left;margin:25px 0 15px 0;width:610px; -moz-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.4);box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.4);}
#related .related-title {background-image:url('img/sidebar-big-title.png');color:#FFF;height:30px;}
#related h5 {margin-left:10px;padding-top:4px;font-size:16px;}
#related .related-corps {float:left;background-color:#FFF;border-right:1px solid #CCC;border-bottom:none;border-left:1px solid #CCC;padding:20px 0 0 5px;width:603px;font-size:10px;}
#related .related-content {float:left;width:185px;margin:0 0 5px 0;padding:0 7px 7px 7px;height:110px;}
#related .related-bottom {float:left;background-image:url('img/single-bottom.png');height:20px;width:610px;}

#related-corps {float:left;background-color:#FFF;border-right:1px solid #CCC;border-bottom:none;border-left:1px solid #CCC;padding:20px 0 0 5px;width:603px;height:240px;overflow:hidden;font-size:10px;}
.shuf {float: right; border: none; background-color: transparent; background: url('img/shuffle-icon.gif') left no-repeat; color: #A21300; padding: 0 10px 0 17px; cursor: pointer;}

#comments {float:left;margin:25px 0 15px 0;width:610px;}

/*----- PANEL -----*/
.panel-1 {position: fixed;top: 150px;left: 0; display: none; background: #000;border:1px solid #111; -moz-border-radius-topright: 15px; -webkit-border-top-right-radius: 15px; -moz-border-radius-bottomright: 15px; -webkit-border-bottom-right-radius: 15px;width: 340px;height: auto;padding: 45px 20px 25px 5px;filter: alpha(opacity=85);opacity: .85; z-index: 10;color: #FFF;}
.panel-1 a, .panel-1 a:visited {margin: 0;padding: 0;color: #9FC54E;text-decoration: none;}
.panel-1 a:hover, .panel-1 a:visited:hover {margin: 0;padding: 0;color: #FFF;text-decoration: none;}

a.trig-1 {position: fixed;text-decoration: none;top: 160px; left: 0;font-size: 16px;letter-spacing:-1px;font-family: verdana, helvetica, arial, sans-serif;color:#fff;padding: 10px 40px 10px 10px;font-weight: 700;background:#222 url('img/picto-plus.png') 85% 55% no-repeat;border:1px solid #444444; -moz-border-radius-topright: 15px; -webkit-border-top-right-radius: 15px; -moz-border-radius-bottomright: 15px; -webkit-border-bottom-right-radius: 15px; -moz-border-radius-bottomleft: 0px; -webkit-border-bottom-left-radius: 0px;display: block; z-index: 11;}
a.trig-1:hover {position:fixed;text-decoration:none;top:160px;left:0;font-size:16px;letter-spacing:-1px;font-family: verdana, helvetica, arial, sans-serif;color:#FFF;padding: 10px 40px 10px 10px;font-weight:700;background:#A21300 url('img/picto-plus.png') 85% 55% no-repeat;border:1px solid #666; -moz-border-radius-topright: 15px; -webkit-border-top-right-radius: 15px; -moz-border-radius-bottomright: 15px; -webkit-border-bottom-right-radius: 15px; -moz-border-radius-bottomleft: 0px; -webkit-border-bottom-left-radius: 0px;display: block; z-index: 11;}
a.active.trig-1 {background:#444 url(img/picto-minus.png) 85% 55% no-repeat;}

.panel-2 {position:fixed;top:210px;left:0;display:none;color:#DDD;background:#000;border:1px solid #111; -moz-border-radius-topright: 15px; -webkit-border-top-right-radius: 15px; -moz-border-radius-bottomright: 15px; -webkit-border-bottom-right-radius: 15px;width: 340px;height:auto;padding: 55px 10px 25px 10px;filter: alpha(opacity=90);opacity: .90; z-index: 8;}
.panel-2 a, .panel-2 a:visited {margin:0;padding:0;text-decoration:none;}
.panel-2 a:hover, .panel-2 a:visited:hover {margin:0;padding:0;text-decoration:underline;}
/*----- PANEL -----*/

/*----- STYLE FORM FEEDBACK -----*/
.wprp_wrapper {clear: both;display: block;margin: 5px 0;padding: 10px;color: #FFF; text-align: right;}
.wprp_form {margin: 5px 0 0;/*display: none;*/}
.wprp_form form {margin: 0;padding: 0;}
.wprp_message {text-align: center;margin:0 0 10px 0;padding: 5px;border:1px solid #d9e4ef;background-color: #A21300;display: none;}
.wprp_clear {clear: both;display: block;}
/*----- STYLE FORM FEEDBACK -----*/

#flux {float:left;margin:0 0 15px 0;width: 290px;}
#flux .flux-title {background-image:url('img/sidebar-title.png');color:#FFF;height:30px;}
#flux h2 {margin-left:10px;padding-top:4px}
#flux .flux-bottom {background-image:url('img/sidebar-bottom.png');height:20px;}

#sondage {float:left;margin:0 0 15px 0;width: 290px;}
#sondage .sondage-title {background-image:url('img/sidebar-title.png');color:#FFF;height:30px;}
#sondage h2 {margin-left:10px;padding-top:4px}
#sondage .sondage-corps {background-color:#FFF;border-top:1px solid #CCC;border-right:1px solid #CCC;border-bottom:none;border-left:1px solid #CCC;padding:15px 15px 0 13px;}
#sondage .sondage-bottom {background-image:url('img/sidebar-bottom.png');height:20px;}
.wp-polls ul li {margin: 2px 0 4px 0;}

#tags {float:left;margin:0 0 25px 0;width: 290px;}
#tags .tags-title {background-image:url('img/sidebar-title-2.png');color:#FFF;height:30px;}
#tags h2 {margin-right:10px;padding-top:4px;;text-align:right;}
#tags .tags-corps {background-color:#FFF;border-top:1px solid #CCC;border-right:1px solid #CCC;border-bottom:none;border-left:1px solid #CCC;padding:15px 10px 0 13px;height:215px;}
#tags .tags-corps a, .tags-bottom a {color:#A21300;font-weight:bold;text-decoration:none;}
#tags .tags-corps a:hover, .tags-bottom a:hover {color:#A21300;text-decoration:underline;}
#tags .tags-bottom {background-image:url('img/sidebar-bottom.png');height:20px;}

#archives {float:left;margin:0 0 15px 0;width: 290px;}
#archives .archives-title {background-image:url('img/sidebar-title-2.png');color:#FFF;height:30px;}
#archives h2 {margin-right:10px;padding-top:4px;;text-align:right;}

#fande {float:left;margin:0 0 15px 0;width: 290px;}
#fande .fande-title {background-image:url('img/sidebar-title.png');color:#FFF;height:30px;}
#fande h2 {margin-left:10px;padding-top:4px}
#fande .fande-corps {background-color:#FFF;border-top:1px solid #CCC;border-right:1px solid #CCC;border-bottom:none;border-left:1px solid #CCC;padding:10px 10px 0 10px;}
#fande .fande-bottom {background-image:url('img/sidebar-bottom.png');height:20px;}

#arrivage {float:left;margin:0 0 25px 0;width: 290px;}
#arrivage .arrivage-title {background-image:url('img/sidebar-title.png');color:#FFF;height:30px;}
#arrivage h2 {margin-left:10px;padding-top:4px;}
#arrivage .arrivage-corps {background-color:#FFF;border-top:1px solid #CCC;border-right:1px solid #CCC;border-bottom:none;border-left:1px solid #CCC;padding:15px 10px 0 13px;}
#arrivage .arrivage-corps a {color:#A21300;font-weight:bold;text-decoration:none;}
#arrivage .arrivage-corps a:hover {color:#A21300;text-decoration:underline;}
#arrivage .arrivage-corps img {padding:5px;}
#arrivage .arrivage-bottom {background-image:url('img/sidebar-bottom.png');height:20px;}

#footer {clear:both;padding:25px 0 0 0;width:100%;}
#footer .sub-footer {font:bold 10px Arial, Helvetica, sans-serif;margin:0 auto 10px auto;text-align:center;width:900px;}
#footer .sub-footer a {color:#000;text-decoration:none;}
#footer .sub-footer a:hover {color:#000;text-decoration:underline;}

#news li {background-color: #000;padding: 5px 15px 5px 0;font:normal 13px Arial, Helvetica, sans-serif;}
#news .hl {background: #A12300 url('img/interm.jpg') right no-repeat;padding: 5px 35px 6px 25px;font:bold 16px Arial, Helvetica, sans-serif;}
#news .dpt {font:normal 10px Arial, Helvetica, sans-serif;}