/*

Theme Name: Vulcans Never Bluff

Theme URI: http://ligne13.com

Description: To infinity and beyond !

Version: 1.0

Author: the almighty lignetreize

Author URI: http://ligne13.com/

Tags: robots, blue, space, spaceship, spock

*/

* { padding:0; margin:0; }				
body { font-size: 62.5%; /* Resets 1em to 10px */ font-family:Arial, Helvetica, Sans-Serif; background:url('images/background.jpg') no-repeat top center #a7d9e7; color:#737373; }
hr { visibility:hidden; clear:both; }
h1 a { display:block; width:136px; height:178px; text-indent:-99999px; text-decoration:none; overflow:hidden; background:url('images/logoL13.png') no-repeat; }
a { text-decoration:none; color:#00c6d8; position:relative; z-index:1; }
p { margin:0 0 10px 0; }
.description a { display:block; width:135px; height:93px; background:url('images/tagline.png') no-repeat; text-indent:-99999px; text-decoration:none; overflow:hidden; }

#e1 { display:block; width:191px; height:183px; position:absolute; top:52px; left:245px; background:url('images/E1.png') no-repeat; text-indent:-99999px; text-decoration:none; overflow:hidden; z-index:200; }
#e1 a { display:block; width:191px; height:183px; }
/*HEADER*/
#myFlashContent {position:absolute; top:-6px; left:200px; z-index:1;}

#page { width:950px; position:relative; margin:12px auto; }

#bienvenue { width:340px; float:left; }
#bienvenue img { margin:0 0 10px 0; }
#bienvenue p { font-size:1.3em; line-height:1.3em; text-align:justify; }

#focus { width:340px; float:right; text-align:center; }

#pages-2 { position:absolute; top:145px; right:0; display:block; font-weight:normal; }
#burnHollywoodBurn { display:none; width:69px; height:92px; background:url('images/lampions_right.png') no-repeat; position:absolute; top:103px; right:0; }
#pages-2 h2 { display:none; }
#pages-2 ul { display:block; height:80px; margin-top:12px; padding:0 0 0 60px; /*background:url('images/lampions_left.png') no-repeat left;*/ width:auto; overflow:visible; }
#pages-2 li { float:left; }
#pages-2 li a { font-size:2em; background:0; color:#fff; margin:0 5px 0 10px; text-align:center; top: 7px; text-transform:lowercase; letter-spacing: 0; z-index: 10; display: block; float: left; height:48px; position: relative; overflow: hidden; margin: auto 10px; }
#pages-2 li a:hover { background:0; color:#00c6d8; }
#pages-2 li.back { width:42px; height:147px; z-index:80; position:absolute; top:-60px; background:url('images/ufo.png') no-repeat center; cursor:pointer; }                     
#pages .left { background: url("images/haloleft.png") no-repeat left; height:48px; margin-right:31px; }

#sidebar { width:130px; float:left; }
#sidebar li { list-style:none; }
#sidebar h2 { color:#fff; text-transform:uppercase; background:url('images/bg_quadri.png'); margin:20px 0 5px 0; padding:3px 2px 3px 2px; font-size:1.5em; }
#sidebar a { background-color:#fff; color:#737373; display:block; font-size:1.2em; margin:2px 0; padding:1px 2px; text-decoration:none; }
#sidebar a:hover { color:#fff; background-color:#00c6d8; }

#sidebar .widget_categories h2 { display:none; }
#sidebar .widget_categories ul .cat-item a { color:#fff; font-size:1.5em; font-weight:bold; text-transform:uppercase; background:url('images/bg_quadri.png'); margin:20px 0 5px 0; padding:2px 2px 0 2px; }
#sidebar .widget_categories ul .cat-item .children li a { display:block; background-color:#fff; color:#737373; background-image:none; font-weight:normal; text-transform:none; font-size:1.2em; margin:2px 0; padding:1px 2px; text-decoration:none; }
#sidebar .widget_categories ul .cat-item .children li a:hover { color:#fff; background-color:#00c6d8; }

#content { width:720px; min-height:410px; margin:-78px 0 0 0; padding:30px 0 30px 30px; background:#fff; float:right; }
#content h2 { padding:0; text-transform:uppercase; font-weight:normal; font-size:2.2em; margin:5px 0 0 0; }
#content h3 { font-size:1.5em; margin:0 0 10px 0; }
.frutiger { font-size:2.5em; }



/*HOME*/

.postHome { width:310px; height:215px; overflow:hidden; padding:0 30px 20px 10px; float:left; }

.postHome .categories { display:block; text-transform:uppercase; color:#00c6d8; border-bottom:1px solid #00c6d8; padding:0 0 3px 0; margin:18px 0 0 0; z-index:100; }
.postHome .categories a { padding:1px 0; }
.postHome .categories a:hover { background-color:#00c6d8; color:#fff; }

.postHome .date { float:left; font-size:1.7em; text-transform:uppercase; font-weight:bold; margin:0 5px 0 0; }
.postHome .date .year { display:block; font-size:0.6em; font-weight:normal; letter-spacing:0.3em; }
.postHome .date .month { display:block; overflow:hidden; margin-right:5px; float:left; }
.postHome .date .day { color:#00c6d8; float:left; }
.postHome h2 { margin:0 0 0 70px; display:none; }

.postHome .entry { clear:both; margin:10px 0 10px 0; color:#737373; font-size:1.2em; line-height:1.4em; text-align:justify; position:relative; }
.postHome .entry img { padding:1px; background:#ECEAE6; height:150px; border:10px solid #ECEAE6; }
.postHome .entry .accroche { display:block; }
.postHome .entry .accroche img {  margin:0 0 0 0; }

.postHome .entry .chapiChapo { display:none; width:280px; position:absolute; bottom:10px; left:11px; background:#000; filter:alpha(opacity=80); -moz-opacity:0.8; opacity:0.8; padding:0 5px 5px 5px; }
.postHome .entry .chapiChapo span { color:#fff; font-size:0.9em; text-align:left; margin:3px 0; }
/*.postHome .entry .accroche:hover .chapiChapo { display:inline; }*/

.postHome .titreAgence { display:block; width:125px; height:39px; background:url('images/titre_agence.jpg') no-repeat; text-indent:-9999px; text-decoration:none; overflow:hidden; }
.postHome .titreCompetences { display:block; width:203px; height:39px; background:url('images/titre_competences.jpg') no-repeat; text-indent:-9999px; text-decoration:none; overflow:hidden; }
.postHome .titrePartenaires { display:block; width:172px; height:39px; background:url('images/titre_partenaires.jpg') no-repeat; text-indent:-9999px; text-decoration:none; overflow:hidden; }
.postHome .titreJobs { display:block; width:64px; height:39px; background:url('images/titre_jobs.jpg') no-repeat; text-indent:-9999px; text-decoration:none; overflow:hidden; }
.postHome .titreContact { display:block; width:112px; height:39px; background:url('images/titre_contact.jpg') no-repeat; text-indent:-9999px; text-decoration:none; overflow:hidden; }

.postHome .screenshot { display:block; width:770px; height:212px; margin:0 0 0 -30px; overflow:hidden; position:relative; }
.postHome .screenshot .imgCadre { position:absolute; }

.postHome .screenshotSquare { display:block; width:384px; margin:0 auto; height:317px; overflow:hidden; position:relative; margin:-10px -100px -50px 0 ; float:right; }
.postHome .screenshotSquare .imgCadre { position:absolute; }
.postHome .learnMore { display:none; }

.navigation { display:block; width:670px; height:66px; clear:both; }
.navigation a { display:block; width:45px; height:66px; text-indent:-9999px; text-decoration:none; overflow:hidden; }
.navigation .alignleft { float:left; background:url('images/vbro_prec.gif') no-repeat; }
.navigation .alignright { float:right; background:url('images/vbro_next.gif') no-repeat; }

/*POST*/

.post { margin:0 20px 50px 0; padding:0 20px 0 0; }
.post .categories { display:block; text-transform:uppercase; color:#00c6d8; border-bottom:1px solid #00c6d8; padding:0 0 3px 0; margin:15px 0 5px 0; z-index:100; }
.post .categories a { padding:1px 0; }
.post .categories a:hover { background-color:#00c6d8; color:#fff; }
.post h2 { padding:0; float:left; font-size:2.2em; margin:5px 0 0 10px; }
.post h2 a { color:#737373; text-transform:uppercase; font-weight:normal; }
.post h2 a:hover { color:#00c6d8; }
.post .date { float:left; font-size:1.7em; text-transform:uppercase; font-weight:bold; margin:-3px 10px 0 0; }
.post .date .year { display:block; font-size:0.6em; font-weight:normal; letter-spacing:0.3em; }
.post .date .month { display:block; overflow:hidden; margin-right:5px; float:left; }
.post .date .day { color:#00c6d8; float:left; }

.post .entry { clear:both; margin:30px 30px 10px 0; color:#737373; font-size:1.2em; line-height:1.4em; text-align:justify; width:380px; float:left; }
.post h3 { color:#5F5F5F; font-weight:normal; }
.post .galleryPost { width:250px; float:left; margin:35px 0 0 0; }

.post .galleryPost img { padding:1px; width:254px; background:#fff; border:10px solid #ECEAE6; margin:0 0 20px 0; }
.post .galleryPost #visiteSite { display:block; text-indent:-9999px; text-decoration:none; overflow:hidden; width:275px; height:56px; margin:0 0 20px 0; background:url('images/calltoaction.jpg') no-repeat; clear:both; }
.post .a-chapeau {font-weight:bold;}
.post .a-intertitre {font-size:1.4em;color:#00c6d8;}
.post .titreAgence { display:block; width:125px; height:39px; background:url('images/titre_agence.jpg') no-repeat; text-indent:-9999px; text-decoration:none; overflow:hidden; }
.post .titreCompetences { display:block; width:203px; height:39px; background:url('images/titre_competences.jpg') no-repeat; text-indent:-9999px; text-decoration:none; overflow:hidden; }
.post .titrePartenaires { display:block; width:172px; height:39px; background:url('images/titre_partenaires.jpg') no-repeat; text-indent:-9999px; text-decoration:none; overflow:hidden; }
.post .titreJobs { display:block; width:64px; height:39px; background:url('images/titre_jobs.jpg') no-repeat; text-indent:-9999px; text-decoration:none; overflow:hidden; }
.post .titreContact { display:block; width:112px; height:39px; background:url('images/titre_contact.jpg') no-repeat; text-indent:-9999px; text-decoration:none; overflow:hidden; }

.post .screenshot { display:block; width:770px; height:212px; margin:0 0 0 -30px; overflow:hidden; position:relative; }
.post .screenshot .imgCadre { position:absolute; }

.post .screenshotSquare { display:block; width:384px; margin:0 auto; height:317px; overflow:hidden; position:relative; margin:-10px -100px -50px 0 ; float:right; }
.post .screenshotSquare .imgCadre { position:absolute; }

.post ul { list-style:none; margin:10px 0 10px 0; }
.post ul li { background:url(images/boulon.gif) no-repeat 0 4px; padding:0 0 0 13px; margin:0 0 5px 0;  }
.post p { margin:0 0 20px 0; }

.learnMore { min-height:50px; clear:both; width:690px; margin:0 0 0 -3px; padding:0 0 0 40px; overflow:visible; background:url('images/vbro_more.gif') no-repeat bottom left; }
.learnMore .postmetadata { padding:5px 0 0 45px; margin:0; background:url('images/bg_client.gif') no-repeat top left; font-size:1.2em; }
.learnMore p { padding:0 0 5px 5px; margin:0; width:620px; }


#nuageImages { clear:both; }
#nuageImages br { display:none; }
#nuageImages img { border:1px solid #dfdfdf; margin:5px; }

/*PAGE*/
.page h2 { font-size:1.5em; color:#00c6d8; }
.page .galleryPost img { padding:1px; width:254px; background:#fff; border:10px solid #ECEAE6; } 

/*FOOTER*/
#footer { clear:both; width:100%; height:391px; background:url('images/nuages.png') repeat-x; position:absolute; }
#footContent { position:relative; width:950px; margin:0 auto; }

#kite { display:block; width:114px; height:139px; background:url('images/kite.png') no-repeat; z-index:10; }
#kite a { display:block; width:30px; height:50px; text-indent:-9999px; overflow:hidden; }

#footer #zeppelin { display:block; position:relative; height:39px; margin-top:-130px; padding:20px 0 0 0; background:url('images/zeppelin.png') no-repeat right; text-indent:-9999px; overflow:hidden; text-decoration:none; }
#footer #mailTo { display:block; position:absolute; width:120px; height:20px; top:18px; right:260px; text-indent:-9999px; overflow:hidden; text-decoration:none; } 
#footer #WPlink { display:block; width:50px; height:37px; position:absolute; top:10px; left:250px; background:url('images/wordpress.png') no-repeat; text-indent:-99999px; overflow:hidden; }
#footer #WPlink:hover { cursor:pointer; }

#earth { width:100%; height:400px;background:url('images/footer.png') no-repeat bottom center; }


#linkFB { position:absolute; top:-270px; left:800px; border:0; background:0; padding:0; }
#linkFB img { border:0; background:0; padding:0; }
#linkTWTR { position:absolute; top:-250px; left:880px; border:0; background:0; padding:0;  }
#linkTWTR img { border:0; background:0; padding:0; }