/*
Theme Name: F8-Remixed
Theme URI: http://graphpaperpress.com
Description: A child theme for Modularity 2.5 and above
Author: Thad Allender
Author URI: http://thadallender.com
Template: modularity
Version: 2.5
License:  GPL
*/

@import url("../modularity/style.css");

body {color:#000;background: #fff}
.container-inner { width:950px; margin:0 auto;padding:0}
.container { min-height:350px; margin:10px auto;}

h1,h2,h3,h4,h5,h6 {
	font-family: "Century Gothic", "Trebuchet MS";
	font-weight: bold;
}

h1,h2,h3,h4,h5,h6,h1 a,h2 a,h3 a,h4 a,h5 a,h6 a,p,li a {color:#000}
a {color:#c02828;text-decoration:none; display: inline;}
a:hover, a:focus {color:#ffffff; background:#c02828;}
p {
	font-family: Arial, Helvetica, Sans-serif;
	font-size:1em;
	text-indent:15px;
	line-height:160%;
	text-align:justify;
}

/* Masthead */
#masthead {border-top:5px solid #000;float:none;margin:0;padding:0;height: 50px}
#masthead #logo {float:left;}
#masthead #logo h1.sitename { margin:16px 0 0; padding:0; font-weight: bold; letter-spacing: -1px;font-size:3.4em; text-transform: uppercase; float: left;line-height:0}
#masthead h1.sitename a {background: none; padding: 0; color: #000; text-decoration: none;}
#masthead h1.sitename a:hover {background: none; padding: 0;color:#222;}
#masthead #logo div.description {margin:16px 16px 0;font-size:1em; padding:0; color:#000;float:left;}
#masthead ul {margin:7px 0 0;padding:0;list-style: none;}

#static-portfolio {margin:0;padding:0}
#static-portfolio a, #static-portfolio a:hover {margin:0;padding:0}
.static-image-wrapper { background: #000; position: relative; width:950px;  overflow:hidden;height:425px;}
.static-image-wrapper img {width: 950px;}
.static-image-wrapper .title-overlay {background: #000; padding:10px; top: 10px; right: 10px; display: block; height: auto; position: absolute; width: 290px; z-index: 101; /* opacity - move to sep. stylesheet */ filter: alpha(opacity=60); -moz-opacity: .60; opacity:.60; }
.static-image-wrapper .title-overlay h2 {text-transform:uppercase;border-bottom:1px solid #fff;}
.static-image-wrapper .title-overlay h2 a { color: #fff; text-decoration: none;}
.static-image-wrapper .title-overlay h2 a:hover {color:#fff;}
.static-image-wrapper .title-overlay p {text-transform:none;color:#fff;}
.static-image-wrapper .title-overlay p a {color:#fff;}
.static-image-wrapper .title-overlay .postmetadata {color:#666;}
.static-image-wrapper .title-overlay .postmetadata a {color:#666;}

.postmetadata {text-indent:0; background:#ededed;border-left:5px solid #444;padding:1em;color:#999; -moz-border-radius: 0;-khtml-border-radius: 0;-webkit-border-radius: 0;border-radius: 0;}
.postmetadata a {color:#fff; padding:1px;}
.postmetadata a:hover {color:#fff;}

.prev a, .next a {background-color:#000;color:#eee;text-decoration:none;padding:4px 10px 6px 10px; font-size:14px;display:block;}
.byline {font-size:11px;margin:0;color:#444}
/*.byline a {color:#444}
.byline a:hover {color:#fff;text-decoration:underline;}*/
hr {background:#444}
div.colborder {border-right:1px solid #000;}
h3.sub,h2.sub {border-bottom:1px solid #000;color:#000}
#sidebar h6{margin-top:10px}
#sidebar ul li a,ul.txt li{border-bottom:1px solid #000;background:none;}
#sidebar ul li a:hover,ul.txt li:hover{color:#fff;}
#sidebar ul li a,ul.txt li{color:#333;}
#sidebar a:hover {color:#000}
#footer a:hover {color:#fff}
#footer-wrap {background:#000;border-top:1px solid #444;}
#footer ul{list-style:none;margin:0;padding:0;border-top:1px solid #444}
#footer ul li a{color:#eee;height:1%;background:url(images/li.png) no-repeat  0;line-height:1.2em;border-bottom:1px solid #444;display:block;padding:6px 0 6px 8px;}
#footer ul li a:hover{color:#fff;background-position:1px 0.8em;background: #111 url(images/li-white.png) no-repeat 3px 10px;}
#footer ul li a span{color:#696455;}
#footer ul li.active a{cursor:default;color:white;}
#inside-wrap {margin:0 auto;padding:0;}
* html #inside-wrap {margin-top: 10px}
.pusher {text-align:right;background:#fff url(images/pusher.png) no-repeat bottom right;padding:24px 10px 0px 0px;font-size:11px}
.pusher a {background: none; padding: 0 0 0 3.5em;color:#ccc;text-decoration:none}
.pusher a:hover {color:#c02828;cursor:pointer; background:none; padding:0;}
.mover {color:#000;}
.mover a .more {color:#000; text-decoration:none;}
.move a:hover {color:#ffffff;}
.feed {margin-left: 3px;padding: 0 0 0 19px;background: url(images/rss.png) no-repeat 0 50%;color:#eee;}

/* NAVIGATION */
#nav-wrap {height:46px;background:#000;margin:0 0 0em 0}
.home #nav-wrap {margin:1em 0;}
.sf-menu {margin:0 0 15px 0;padding:0;display:block;position:relative;top:0;font-size:12px;width:950px;height:32px;float:none;clear:both;z-index:110;}
.sf-menu li {margin-right:0; width:120px}
/*.sf-menu li a {padding:10px 10px 10px 12px;}*/

.sf-menu li a:hover {color:#fff;}
.sf-menu li.sfHover ul {top:2.8em;}
.sf-menu li {border-right: 1px solid #ccc;margin-left:0}
.sf-menu li.right {border:none; float:left; position:absolute;top:10px; right:10px}
.sf-menu li li {border:none;}
.sf-menu li li li {border:none;}
/*.sf-menu a {padding:9px;text-decoration:none;}*/


/* BOXES */
.error, .notice, .success. .box {padding:.8em;margin-bottom:1em;border:1px solid #444;background:#000;color:#eee;border-bolor:#444}
.error a, .notice a, .success a, .box a {color:#fff;}
.welcomebox {padding:1.5em;margin-bottom:1.5em; background:#000; -moz-border-radius: 0;-khtml-border-radius: 0;-webkit-border-radius: 0;border-radius: 0;}
.welcomebox h2.text {color:#f1f1f1; text-align:justify;}
.welcomebox h3.sub {color:#bbb;border-bottom:1px solid #bbb;}
.welcomebox h2.text a {color: #c02828; font-weight: bold; padding: 1px; }
.welcomebox h2.text a:hover {color: #fff; font-weight: bold; padding: 1px; }

/* SLIDER */
.sliderGallery {width: 3260px}
.slider-item span.slider-title {width:302px}
.slider-item .thumbnail-310x150 {width:310px; height:150px; margin:0;padding:0;float:none;/* opacity - move to sep. stylesheet */ filter: alpha(opacity=90); -moz-opacity: .90; opacity:.90;}
.slider-item .thumbnail-310x150:hover {/* opacity - move to sep. stylesheet */ filter: alpha(opacity=100); -moz-opacity: 1; opacity:1;}
.slider-item a, .slider-item a:hover {text-decoration: none; background: none; padding: 0}

/* PORTFOLIO THUMBNAILS */
.portfolio-image-wrapper {position: relative; margin: 0 0 6px 0;padding:0;}
.portfolio-image-wrapper h6.title-overlay {text-transform:uppercase;background: #000; padding:4px; top: 127px; left: 0;bottom: 0; height: 15px; width:302px; overflow:hidden; position: absolute; max-width: 302px; z-index: 101; /* opacity - move to sep. stylesheet */ filter: alpha(opacity=80); -moz-opacity: .80; opacity:.80; }
.portfolio-image-wrapper h6.title-overlay a { color: #ccc; text-decoration: none; background: none; padding: 0;}
.portfolio-image-wrapper h6.title-overlay a:hover {color:#fff; padding:0; background:none;}
.portfolio-image-wrapper .category-overlay {font-size:.8em;background: #000; color:#515151;padding:2px; text-align:right;top: 0; right: 0;display: block; height: 16px; width:auto; overflow:hidden; position: absolute; max-width: 302px; z-index: 101; /* opacity - move to sep. stylesheet */ filter: alpha(opacity=50); -moz-opacity: .50; opacity:.50;}
.portfolio-image-wrapper .category-overlay a {color:#515151}
.portfolio-image-wrapper .category-overlay a:hover {color:#fff; background: none;}
.thumbnail-310x150 {max-width:310px;max-height:150px;width:310px;height:150px;margin:0 1.5em 1.5em 0;float:left}
.gallery-caption {font-style:italic;text-align:center}

/* CATEGORY SECTION */
#category-stack{margin:0 0 2em 0}
.byline {font-size:.9em;margin:0;color:#444}
.byline a {color:#bbb}
.more {margin:0 0 1em 0;background:#000}
.more ul{list-style:none;margin:0;padding:0;}
.more ul li a{color:#eee;height:1%;line-height:1.2em;border-bottom:1px solid #444;display:block;padding:6px 0 6px 8px;}
.more ul li a:hover{color:#fff;background-position:1px 0.8em;}
.more ul li a span{color:#696455;}
.more ul li.active a{cursor:default;color:white;}


/* MODIFICATIONS BLUE NO ATELIER */
.right { float: right; }
.left { float: left; }

/* Footer */
#footer-wrap {background:#000;}
#footer {width:990px;padding:1.5em 0;margin:0 auto;color:#999;text-align:left}

/* BLOG SECTION */
.nav-interior {margin: 0 0 2em 0;}

/* SIDE BAR */
#sidebar .item {margin:1em 0;}
#sidebar .item h2 {margin:0; padding: 0; border: 0;}

/* SEARCH */
#search {position:absolute; margin:-6px 10px 0 8px; padding:0;}

/* NAVIGATION */
.nav {float:left; margin-bottom: 25px;width:100%;}
.navi {margin-bottom: 15px;}
.nav a, .navi a {background:#ededed; color:#222; font:bold 12px/1 helvetica,arial,sans-serif; padding:8px 10px 8px; -moz-border-radius: 5px;-khtml-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px; display: block}
.nav a:hover,.navi a:hover {color:#fff}
.prev a, .next a {color:#222;text-decoration:none;padding:4px 10px 6px 10px; font-size:14px;display:block;-moz-border-radius: 5px;-khtml-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;}
.byline {font-size:11px;margin:0;color:#bbb}
.byline a {color:#bbb}

/* SPANS */
.span-1 {width:30px;}
.span-2 {width:70px;}
.span-3 {width:240px;}
.span-4 {width:150px;}
.span-5 {width:190px;}
.span-6 {width:230px;}
.span-7 {width:270px;}
.span-8 {width:310px;}
.span-9 {width:350px;}
.span-10 {width:230px;}
.span-11 {width:430px;}
.span-12 {width:470px;}
.span-13 {width:510px;}
.span-14 {width:550px;}
.span-15 {width:590px;}
/*.span-16 {width:620px;}*/
.span-16 {width:620px;}
.span-17 {width:670px;}
.span-18 {width:710px;}
.span-19 {width:750px;}
.span-20 {width:790px;}
.span-21 {width:830px;}
.span-22 {width:870px;}
.span-23 {width:910px;}
.append-1 {padding:0 10px;}
.append-2 {padding-right:80px;}
.append-3 {padding-right:120px;}
.append-4 {padding-right:160px;}
.append-5 {padding-right:200px;}
.append-6 {padding-right:240px;}
.append-7 {padding-right:280px;}
.append-8 {padding-right:320px;}
.append-9 {padding-right:360px;}
.append-10 {padding-right:400px;}
.append-11 {padding-right:440px;}
.append-12 {padding-right:480px;}
.append-13 {padding-right:520px;}
.append-14 {padding-right:560px;}
.append-15 {padding-right:600px;}
.append-16 {padding-right:640px;}
.append-17 {padding-right:680px;}
.append-18 {padding-right:720px;}
.append-19 {padding-right:760px;}
.append-20 {padding-right:800px;}
.append-21 {padding-right:840px;}
.append-22 {padding-right:880px;}
.append-23 {padding-right:920px;}

.ad-sidebar a, .ad-sidebar a:hover{ background:none; padding:0; text-decoration: none;}

.sociable a, .sociable a:hover {background: none; padding: none;}

.wp-caption {
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 5px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	margin-bottom: 10px;
}

.wp-caption a, .wp-caption a:hover, .wp-caption a:visited{
	text-decoration: none;
	background:none;
	padding:0;}

.wp-caption img {
	margin-top: 5px;
	margin-bottom:5px;
}

p.wp-caption-text {
	text-align:left;
	font-style:italic;
	font-family: Arial, Helvetica, Sans-serif;
	font-size:1.1em;
	color:#454545;
	margin:0;
	padding:0 5px;
	text-indent:0;
}

.blue {
	color: #454545;
}

/*.blue p {
	font-family: 'Lucida Grande', 'Microsoft Yahei', Verdana, Arial, Sans-serif;
	text-indent:15px;
	line-height:160%;
	text-align:justify;
}
*/
.blue p.noIndent {
	text-indent:0;
}

.blue p.warning {
	display:block; 
	border:3px solid #FF0000;
	background: #FFEEEE;
	padding:5px;
}

.blue a.noBorder,
.blue img a {
	text-decoration: none;
	background:none;
	padding:0;
}

.blue a.noBorder:hover,
.blue img a:hover {
	text-decoration: none;
	background:none;
	padding:0;
}

.blue a.noBorder:visited,
.blue img a:visited {
	text-decoration: none;
	background:none;
	padding:0;
}

.blue #list {
	padding-top:20px;
	border-top:2px dashed #f7f7f7;
}

.blue h2.test {
	/*font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;*/
        font-family:"Candara", "Trebuchet MS", sans-serif;
}

.blue p.wBorder {
	border-left: 4px solid #C02828;
	margin:0;
	display:block;
	padding-left:5px;
	width:auto;
}

.blue table.testResults {
	border-collapse:collapse;
	border-spacing:0 0;
	margin: 20px 0 40px 0;
	width: 100%;
}

.blue table.testResults td.testLeft {
	padding: 10px;
	width:80px;
	height:auto;
	border-right:1px dotted #a3ff1a;
	background:#f7f7f7;
}

.blue table.testResults td.testRight {
	padding: 10px;
	width:auto;
	height:50px;
	margin-right: 10px;
	background:#f7f7f7;
}

.blue table.testResults td p {
	text-indent: 0;
	text-align:left;
	border:0;
	margin:0;
}

.blue img {
	border: 0;
	margin-right:0;
	padding: 0;
}

.blue img.note {
	float:right;
}

/* ----- TABLE ----- */

.blue table {
	border-collapse:collapse;
	border-spacing:0 0;
	margin: 20px 0 40px 0;
}

.blue td {
	vertical-align: top;
}

/* ----- TOP BANNER ----- */
#topBanner {
	z-index:0;
	position:absolute;
	float:right;
	height:723px;
	width:930px;
	background:url(images/topBanner.jpg) no-repeat;
}

/* ----- FORMULAIRE CONTACT ----- */



#size	{
	width:280px;
	height:15px;
	}

#sizeCombo {
	width: 290px;
	height:20px;
}

#sizetextarea	{
	width:280px;
	height:112px;
	}

/* Start Tag Cloud CSS */

.cloud {
	position:relative;
	left:50%;
	margin-left:-175px;
	padding:0;
	text-align:center;
	width:350px;
}

*.cloud a {
	display:inline;
	text-decoration:none;
	border-bottom:none;
	padding:2px 5px;
}

*.cloud a:hover {
	background:#333333;
	border-bottom:none;
}


/* ------------------------ TITLES ---------------------- */

.t {
    display: block;
    height: 45px;
    width: 130px;
    float: left;
    margin: 0 8px 0 0;
}

.nV {
    display: block;
    height: 46px;
    width: 230px;
    float: left;
    margin:0;
}

.nt {
    display: block;
    height: 46px;
    width: auto;
    position: relative;
    margin: 0 8px 0 0;
}

.scenario { background: url(images/titles/scenario.jpg) no-repeat top right ; }
.gameplay { background: url(images/titles/gameplay.jpg) no-repeat top right ;}
.life { background: url(images/titles/life.jpg) no-repeat top right ;}
.graphismes { background: url(images/titles/graphismes.jpg) no-repeat top right ;}
.musiques { background: url(images/titles/musiques.jpg) no-repeat top right ;}
.trophees { background: url(images/titles/trophees.jpg) no-repeat top right ;}
.verdict { background: url(images/titles/verdict.jpg) no-repeat top left ;}

.n1 { background: url(images/titles/n1.jpg) no-repeat bottom right;}
.n2 { background: url(images/titles/n2.jpg) no-repeat bottom right;}
.n3 { background: url(images/titles/n3.jpg) no-repeat bottom right;}
.n4 { background: url(images/titles/n4.jpg) no-repeat bottom right;}
.n5 { background: url(images/titles/n5.jpg) no-repeat bottom right;}
.n6 { background: url(images/titles/n6.jpg) no-repeat bottom right;}
.n7 { background: url(images/titles/n7.jpg) no-repeat bottom right;}
.n8 { background: url(images/titles/n8.jpg) no-repeat bottom right;}
.n9 { background: url(images/titles/n9.jpg) no-repeat bottom right;}
.n10 { background: url(images/titles/n10.jpg) no-repeat bottom right;}

.nt1 { background: url(images/titles/nt1.jpg) no-repeat bottom right;}
.nt2 { background: url(images/titles/nt2.jpg) no-repeat bottom right;}
.nt3 { background: url(images/titles/nt3.jpg) no-repeat bottom right;}
.nt4 { background: url(images/titles/nt4.jpg) no-repeat bottom right;}
.nt5 { background: url(images/titles/nt5.jpg) no-repeat bottom right;}
.nt6 { background: url(images/titles/nt6.jpg) no-repeat bottom right;}
.nt7 { background: url(images/titles/nt7.jpg) no-repeat bottom right;}
.nt8 { background: url(images/titles/nt8.jpg) no-repeat bottom right;}
.nt9 { background: url(images/titles/nt9.jpg) no-repeat bottom right;}
.nt10 { background: url(images/titles/nt10.jpg) no-repeat bottom right;}



/************** TROPHIES ***************/

.trophy {
    width: auto;
    height: 35px;
    padding: .5em;
    background: #ededed;
    margin: 0 0 1px 0;
}

.tImg,
.tOpen {
    width: 35px;
    height: 35px;
}

.tImg img {
    width: 35px;
    height: 35px; 
    border: 0;
    margin: 0;
    padding: 0;
}

a.tBigLink {
    display: block;
    width: 35px;
    height: 35px;
    background: url(images/tOpen_hover.gif) no-repeat;
}

a.tBigLink:hover {
    background: url(images/tOpen.gif) no-repeat;
}

a.tBigLink:link,
a.tBigLink:visited {
    display: block;
}

.tTitle,
.tSub{
    margin: 0 70px;
    width: auto;
    font-family: "Century Gothic", "Trebuchet MS";
}

.tTitle {
    font-weight: bold;
    font-size: 1.8em;
    line-height: 0.9em;
    color:#7c7c7c;
}

.tSub {
    color: #b6a8c4;
    font-size: 11px;
    line-height:160%;
    text-align:justify;
}

.bronze {
    border-left: 5px solid #ff7f00;
}

.platinum {
    border-left: 5px solid #00c0ff;
}

.gold {
    border-left: 5px solid #ffcc00;
}

.silver {
    border-left: 5px solid #9c9c9c;
}

.txt {
    padding: 8px;
    display: none;
}


/************ SMILEYS ************/

img .wp_smiley {
	padding:0;
	margin:0;
	border:1px solid #FC0;
}


/************ SIDEBAR WIDGETS ************/

/* on cache les textes */
#sidebar-text span,
#sidebar-recent-comments span,
#sidebar-links span,
#sidebar- span, /* ADS */
#sidebar-calendar span {display:none;}


/* on affiche les images */

#sidebar-text,
#sidebar-recent-comments,
#sidebar-links,
#sidebar-, /* ADS */
#sidebar-calendar {
    display: block;
    height: 35px;
    width: auto;
}

#sidebar-text {
    height: 0;
}

.sidebar-text-content {
    background: url(images/widgets/edito.jpg) 0 0 no-repeat;
    padding: 20px;
}

#sidebar-recent-comments {
    background: url(images/widgets/recentcomments.jpg) 0 0 no-repeat;
}

#sidebar-links {
    background: url(images/widgets/blogroll.jpg) 0 0 no-repeat;
}

#sidebar- /* ADS */ {
    background: url(images/widgets/ads.jpg) 0 0 no-repeat;
}

#sidebar-calendar {
    background: url(images/widgets/calendar.jpg) 0 0 no-repeat;
}

.wp125ad {
    display: block;
    position: relative;
}

#sidebar-links-inside ul {
	padding:5px;
}

#sidebar-links-inside ul li {
	display:inline;
	width:140px;
	margin:2px;
	border:0;
	padding:0;
}

#sidebar-links-inside ul li a {
	text-decoration:none;
	border:0;
	background:none;
	padding:0;
}

.sidebar-text-content table {
    border: 0;
    margin: 5px 0;
    padding: 0;
}

.sidebar-text-content table tr td {
    border: 0;
    margin: 0;
    padding: 0;
}

/************ AUTRES *************/
div.spaceborder {padding-right:10px;margin-right:10px;}

/************ AVATAR *************/
.biGravatar {
    display: block;
    position: relative;
    left:38px;
    top:28px;
    height: 150px;
    width: 150px;
    border: 2px solid #000;
}