/*

Theme Name: INSITACTION

Theme URI: http://insitaction.com/

Description: Le theme de l'Agence On-Off.

Version: 2.0

Author: Mauxent / Ludo B

Author URI: http://insitaction.com/

Tags: black, white, pink, flash header, fixed width, two columns, jquery



Insitaction v2.0

http://insitaction.com



This theme was designed by Mauxent, and built by Ludo B



The CSS, XHTML and design is released under GPL:

http://www.opensource.org/licenses/gpl-license.php



*/



*{outline:none}

body{font-size:62.5%; font-family:Arial,Sans-Serif; background-color:#f1f1f1; color:#a6a6a6; text-align:center;z-index:100 !important}

#page{background-color:white; border:1px solid #959596; text-align:left}

#content{font-size:1.3em; font-family:arial,sans-serif; border-right:#e9e9e9 2px solid; padding-right:20px}

.widecolumn .entry p{font-size:1.05em}

.narrowcolumn .entry{position:relative}

.narrowcolumn .entry, .widecolumn .entry{line-height:1.4em; margin-top:20px}

.widecolumn{line-height:1.6em}

.narrowcolumn .postmetadata{text-align:center}

.thread-alt{background-color:#f8f8f8}

.thread-even{background-color:white}

.depth-1{border:1px solid #ddd}

.even, .alt{border-left:1px solid #ddd}

#footer{background-color:black}

small{font-family:Arial,Helvetica,Sans-Serif; font-size:0.9em; line-height:1.5em}

h1, h2, h3{font-family:Arial,Verdana,Sans-Serif; font-weight:bold}

h1{font-size:4em; text-align:center}

#headerimg .description{font-size:1.2em; text-align:center}

h2{font-size:2em}

h2.pagetitle{font-size:1.8em}

#sidebar h2{font-family:Arial,Verdana,Sans-Serif; font-size:1.6em}

h3{font-size:1.3em}

h1, h1 a, h1 a:hover, h1 a:visited, #headerimg .description{text-decoration:none; color:white}

h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited{color:#fb00fe}

h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, #wp-calendar caption, cite{text-decoration:none}

a, .entry p a:visited, .entry p a:active{color:#666; text-decoration:none}

a:hover, .entry p a:hover{text-decoration:underline}

.sticky{background:#f7f7f7; padding:0 10px 10px}

.sticky h2{padding-top:10px}

.commentlist li, #commentform input, #commentform textarea{font:0.9em Arial,Sans-Serif}

.commentlist li ul li{font-size:1em}

.commentlist li{font-weight:bold}

.commentlist li .avatar{float:right; border:1px solid #eee; padding:2px; background:#fff}

.commentlist cite, .commentlist cite a{font-weight:bold; font-style:normal; font-size:1.1em}

.commentlist p{font-weight:normal; line-height:1.5em; text-transform:none}

#commentform p{font-family:Arial,Sans-Serif}

.commentmetadata{font-weight:normal}

#sidebar{font:1.1em Arial,Sans-Serif}

small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike{}

code{font:1.1em 'Courier New',Courier,Fixed}

acronym, abbr, span.caps{font-size:0.9em; letter-spacing:.07em}

h2 a:hover, h3 a:hover{color:#fb00fe; text-decoration:none}

a:hover{color:#333; text-decoration:underline}

.likes{position:relative; width:60%; float:left; text-align:left}

.wp-likes{psotioin:absolute; left:32px; top:-22px}

.controls{width:40%; float:right; text-align:right}

.controls a{color:white; padding:6px 6px 6px 16px; text-decoration:none}

.controls a.top{background:#fe90fa url(images/top.gif) no-repeat 4px 11px}

.controls a.top:hover{background-color:#FB00FE}

.controls a.more-link{background:#fe90fa url(images/suite.gif) no-repeat 4px 11px}

.controls a.more-link:hover{background-color:#FB00FE}

#wp-calendar #prev a, #wp-calendar #next a{font-size:9pt}

#wp-calendar a{text-decoration:none}

#wp-calendar caption{font:bold 1.3em 'Lucida Grande',Verdana,Arial,Sans-Serif; text-align:center}

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

body{margin:0; padding:0}

#top-page{background:transparent url('images/top-page-bg.png') repeat-x top left; width:100%; height:30px; z-index:100; margin-bottom:-30px; position:relative}

#page{background:url("images/bg.png") repeat-y top; border:none; margin:0px auto; padding:0; width:937px; z-index:1; position:relative}

#header{background-color:black; margin:0; padding:0; height:170px; width:100%;}

#header #header-content{width:937px; margin:0 auto}

#header #header-content #anim{background-color:black; float:left; margin:18px 0 0 28px;    display:inline}

.narrowcolumn{float:left; padding:0 0 20px 60px; margin:0px 0 0; width:588px}

.widecolumn{padding:10px 0 20px 0; margin:0 0 0 150px; width:450px}

.bu{float:left; width:36px; height:60px; padding:4px 16px  4px 0}

.post{margin:0 0 40px; text-align:justify}

.dots{background:#fff url(images/dots.gif) repeat-x top left;  width:100%;  padding:10px 0}

#sidebar .dots{ margin-top:20px}

.wp-pagenavi{ padding:20px 0 10px 0}

.post hr{display:block}

.widecolumn .post{margin:0}

.narrowcolumn .postmetadata{padding-top:5px}

.widecolumn .postmetadata{margin:30px 0}

.widecolumn .smallattachment{text-align:center; float:left; width:128px; margin:5px 5px 5px 0px}

.widecolumn .attachment{text-align:center; margin:5px 0px}

.postmetadata{clear:both}

.clear{clear:both}

#footer{padding:0; margin:0 auto; width:100%; clear:both; z-index:1}

#footer p{margin:0 auto; padding:10px 0; text-align:center; font-size:1.2em}

#footer p a{color:#FB00FE; text-decoration:none}

h1{padding:0; margin:0; text-indent:-9999px; height:0; width:0}

h2{margin:30px 0 0}

h2.pagetitle{margin-top:30px; text-align:center}

#sidebar h2{margin:5px 0 0; padding:0; text-align:left}

.slideshow{margin:10px 0}

h3{padding:0; margin:30px 0 0}

h3.comments{padding:0; margin:40px auto 20px}

p img{padding:0; max-width:100%; text-align:center}

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}

#sidebar ul#social{display:inline}

#sidebar ul#social li{float:right; margin-right:12px}

html>body .entry ul{margin-left:0px; padding:0 0 0 30px; list-style:none; padding-left:10px; text-indent:-10px}

html>body .entry li{margin:7px 0 8px 10px}

.entry ul li:before, #sidebar ul ul li:before{content:"\00BB \0020"}

.entry ol{padding:0 0 0 35px; margin:0}

.entry ol li{margin:0; padding:0}

.postmetadata ul, .postmetadata li{display:inline; list-style-type:none; list-style-image:none}

#sidebar ul, #sidebar ul ol{margin:0; padding:0}

#sidebar ul li{list-style-type:none; list-style-image:none; margin-bottom:15px}

#sidebar ul p, #sidebar ul select{margin:5px 0 8px}

#sidebar ul ul, #sidebar ul ol{margin:10px 0 0 0}

#sidebar ul ul ul, #sidebar ul ol{margin:0 0 0 10px}

ol li, #sidebar ul ol li{list-style:decimal outside}

#sidebar ul ul li, #sidebar ul ol li{margin:3px 0 0; padding:0}

#searchform{margin:10px auto; padding:5px 3px; text-align:center}

#sidebar #searchform #s{width:108px; padding:4px; background-color:black; border:none; color:#FB00FE; font-family:arial,sans-serif; width:149px}

#sidebar #searchsubmit{padding:1px; background:#fff url(images/bouton-ok.png) no-repeat top left; border:none; width:24px; height:25px; vertical-align:top}

.entry form{}

select{width:130px}

#commentform input{width:170px; padding:2px; margin:5px 5px 1px 0}

#commentform{margin:5px 10px 0 0}

#commentform textarea{width:100%; padding:2px}

#respond:after{content:"."; display:block; height:0; clear:both; visibility:hidden}

#commentform #submit{margin:0 0 5px auto; float:right}

.alt{margin:0; padding:10px}

.commentlist{padding:0; text-align:justify}

.commentlist li{margin:15px 0 10px; padding:5px 5px 10px 10px; list-style:none}

.commentlist li ul li{margin-right:-5px; margin-left:10px}

.commentlist p{margin:10px 5px 10px 0}

.children{padding:0}

#commentform p{margin:5px 0}

.nocomments{text-align:center; margin:0; padding:0}

.commentmetadata{margin:0; display:block}

#sidebar{padding:20px 10px 10px 20px; margin-left:672px; width:190px; text-align:justify}

#sidebar form{margin:0}

#wp-calendar{empty-cells:show; margin:10px auto 0; width:155px}

#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}

#wp-calendar caption{text-align:center; width:100%}

#wp-calendar td{padding:3px 0; text-align:center}

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

acronym, abbr, span.caps{cursor:help}

acronym, abbr{border-bottom:1px dashed #999}

blockquote{margin:15px 30px 0 10px; padding-left:20px; border-left:5px solid #ddd}

blockquote cite{margin:5px 0 0; display:block}

.center{text-align:center}

.hidden{display:none}

hr{display:none}

a img{border:none}

.navigation{display:block; text-align:center; margin-top:30px; margin-bottom:80px}

.aligncenter, 

div.aligncenter{display:block; margin-left:auto; margin-right:auto}

.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}

div#right-navigation{margin-left:644px; text-align:right}

ul#sliding-navigation{ list-style:none;  font-size:1.4em;  margin:30px 0;  padding:0}

ul#sliding-navigation li.sliding-element a{ display:block;  width:226px;  padding:3px 15px;  margin:0;  margin-bottom:2px;  font-family:arial,sans-serif}

ul#sliding-navigation li.sliding-element a{ color:white;   text-decoration:none}

ul#sliding-navigation li.sliding-element a:hover{color:#FB00FE}

div.unlike{float:right; width:160px}

#post-410, #post-409, #post-408, #post-407, #post-406, #post-403, #post-399, #post-395{display:none}

#dots-410, #dots-409, #dots-408, #dots-407, #dots-406, #dots-403, #dots-399, #dots-395{display:none}

li#recent-posts-3 ul li{text-align:left}

#post-1280, #dots-1280,#post-1284, #dots-1284,#post-1288, #dots-1288,#post-1286, #dots-1286,#post-1282, #dots-1282 {display:none}

ul#energize {list-style-type:none;margin:20px 0 0 50px;padding:20px 0}

ul#energize li {float:left;}

ul#energize li a{display:block;margin-right:0px;}

ul#energize li a img{filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity: 0.5;opacity: 0.5;}

ul#energize li a.activeSlide img{filter:alpha(opacity=100);-moz-opacity:1.0;-khtml-opacity: 1.0;opacity: 1.0;}

div#slide-energize {width:516px;float:left;}

div#slide-energize div {width:476px;height:480px}

a.nav {display:block;float:left;width:32px;height:48px;margin:200px 0 0 0;padding:0}

a#prev {background:#fff url('images/prev.png') no-repeat left top;}

a#next {background:#fff url('images/next.png') no-repeat left top;}

a#prev:hover {background-position:0 -48px}

a#next:hover {background-position:0 -48px}

h3, h3 strong {color:#A6A6A6;font-weight:normal;}

img#wpstats {display:none;}

#simplemodal-overlay {background-color:#000;}
#simplemodal-container {background-color:#333; border:none; padding:0px;}
#simplemodal-container p {margin:0;padding:0;}
#simplemodal-container a.modalCloseImg {
	background:url('images/x.png') no-repeat; /* adjust url as required */
	width:28px;
	height:28px;
	display:inline;
	z-index:3200;
	position:absolute;
	top:-14px;
	right:-14px;
	cursor:pointer;
}