/* designed by pab for flia web design URI: http://fliawebdesign.com Description: l'ecurie dot ca Version: 1.0 Author: pab Author URI: http://fliawebdesign.com */ /* LAYOUT */ /* ----------------------------------------- */ /* These rather presentational classes are generated by WordPress, so it's useful to have some styles for them. Edit as you see fit. More info: http://codex.wordpress.org/CSS */ .aligncenter { display:block; margin:0 auto } .alignleft { float:left } .alignright { float:right } .wp-caption { border:1px solid #666; text-align:center; background:#ccc; padding:10px; margin:10px } /* You might find the following useful */ br.clear { clear:both; display:block; height:1px; margin:-1px 0 0 0 } /* Use this br class to clear your floated columns */ .clear {clear:both;} div { position:relative } /* This will save you having to declare each div's position as 'relative' and allows you to absolutely position elements inside them */ li#theme-switcher { background:#fff; border:10px solid red; padding:20px; position:fixed; top:0; right:0 } /* Use this if you have the Theme Switcher Reloaded plugin (http://themebot.com/webmaster-tools/1-wordpress-theme-switcher-reloaded) installed and want to make it nice and obvious */ /* Global reset */ * { margin:0; padding:0 } table { border-collapse:collapse; border-spacing:0 } fieldset, img { border:0 } address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal } ol, ul, li { list-style:none } caption, th { text-align:left } h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal;} q:before, q:after { content:''} a { text-decoration:none; font-weight:bold; } /* Global reset-RESET */ /* The below restores some sensible defaults */ strong { font-weight:bold } em { font-style:italic } * a { position:relative; } /* Gets links displaying over a PNG background */ a img { border:none } /* Gets rid of IE's blue borders */ /***************************** Go css !!!!!!!!!!!! *************************/ .clear{clear:both;} body{ background-color:#2f3034; color:#f2f2f2; font:65.5%/1.6 Helvetica, Verdana, Arial, sans-serif; text-align:center; padding-bottom:50px; background:url(../images/body_tiles.gif) repeat; display:table; width:100%; } #masthead{height:200px; position:relative; background:url(../images/LecurieTopBanner-new.png) repeat-x 0 -15px ; margin-bottom:-17px;} #masthead p { text-align:left; margin-left:45px; line-height:1.3em; margin-top:123px; font-size:10px; text-transform:uppercase; position:absolute;} #logo { background-image:url(../images/LecurieLogo.png); background-position:30px 20px; background-repeat:no-repeat; height:80px; text-align:left; text-indent:420px; padding-top:50px; width:473px; z-index:1000; float:left; margin-right:20px; } #logoM { margin-left:470px; top:25px; position:absolute; } #logoM img{ vertical-align:middle; } #logoM #merch{ padding-left:60px; } p{ color:#686867; font-size:12px; line-height:1.3em;} a {color:#fff; outline:none; font-weight:normal;} a:hover{color:#5D5D5D;} /*================= ====navigation=====*/ ul#nav{height:25px; margin-left:25px;} ul#nav li {float:left;} ul#nav li a{ float:left; width:179px; height:25px; display:block; } #nav li a.accueil_nav { background-image:url(../images/BoutonAccueilV5.png); background-position:top center; background-repeat: no-repeat; width:119px; height:25px; text-indent:-9999px;} #nav li a.musique_nav { background-image:url(../images/BoutonMusiqueV5.png); background-position:top center; background-repeat: no-repeat; width:119px; height:25px; text-indent:-9999px;} #nav li a.artiste_nav { background-image:url(../images/BoutonArtistesV5.png); background-position:top center; background-repeat: no-repeat; width:119px; height:25px; text-indent:-9999px;} #nav li a.services_nav { background-image:url(../images/BoutonComm.png); background-position:top center; background-repeat: no-repeat; width:119px; height:25px; text-indent:-9999px;} #nav li a.blog_nav { background-image:url(../images/BoutonBlogV1.png); background-position:top center; background-repeat: no-repeat; width:119px; height:25px; text-indent:-9999px;} #nav li a.contact_nav { background-image:url(../images/BoutonContact.png); background-position:top center; background-repeat: no-repeat; width:119px; height:25px; text-indent:-9999px;} #nav li a.accueil_nav:hover, #nav li a.artiste_nav:hover, #nav li a.services_nav:hover , #nav li a.musique_nav:hover, #nav li a.contact_nav:hover, #nav li a.blog_nav:hover { background-position: center bottom; } body.artist-body #nav li a.artiste_nav, body#home-body #nav li a.accueil_nav, body#services-body #nav li a.services_nav, body#musique-body #nav li a.musique_nav, body#contact-page #nav li a.contact_nav{ background-position: center bottom; } /*================= ====structure=====*/ #main_container_support { width:768px; margin:0 150px; text-align:left; /* background:url(../images/LecurieContainer_top.png) -5px 0px no-repeat; */ /*background:url(../images/shadwo.png) repeat; border:2px solid red*/ padding-bottom:250px; /* background:url(../images/LecurieContainer_top.png) 0px 0px no-repeat;*/ } #float_support{ width:768px; margin:0 auto; /*background-color:#2f3034; margin-left:20px; border:2px solid #757573;*/ float:left; /*margin-top:5px; */ background:url(../images/LecurieContainerV5.png) repeat-y; } .slash{font-size:12px; font-family:Georgia, "Times New Roman", Times, serif;} #main_content{ width:507px; float:left;margin-bottom:20px; } #main_content p{padding:5px 0px 5px 60px; text-align:justify; margin-right:-1px } #main_page_band_photo span {color:#fff; font-size:26px; text-transform:uppercase; margin-top:-40px; position:absolute; margin-left:0px; padding:0 15px; background:url(../images/bg_span.png);} #main_content h2 {color:#58676e; font-size:18px; padding-left:60px; background:url(../images/LecurieLignePointsLongue.png) no-repeat 60px ; margin-top:-10px; height:30px; padding-bottom:15px; text-transform:uppercase; margin-right:-2px; } #services-details h2 {color:#58676e; font-size:18px; padding-left:60px; background:url(../images/LecurieLignePointsLongue2.png) no-repeat 60px ; margin-top:-10px; height:30px; padding-bottom:15px; text-transform:uppercase; margin-right:-2px; } body#bad-flirt-page #main_content h2, body#chube-page #main_content h2, body#dirty-tricks-page #main_content h2, body#koriass-page #main_content h2, body#yesterd-page #main_content h2, body#colin-moore-page #main_content h2{ margin-top:-7px; font-size:14px; background:url(../images/LecurieLignePointsLongue.png) no-repeat 61px 18px;} body#bad-flirt-page #main_content h3, body#chube-page #main_content h3, body#dirty-tricks-page #main_content h3, body#koriass-page #main_content h3, body#yesterd-page #main_content h3, body#colin-moore-page #main_content h3 {margin-top:-15px; margin-bottom:1px} #main_content p#first-par {background:url(../images/LecurieLignePointsLongue.png) no-repeat 62px bottom; padding-bottom:20px; font-style:italic; margin-top:-10px;} #main_content h3{ color:#C04448 ; padding-left:63px; font-size:13.5px; font-weight:normal; margin-top:9px;}/*#a15b45*/ body#musique-body h3{ color:#56963F; font-size:13.5px; font-weight:normal; margin-top:9px;}/*#a15b45*/ body#services-body h3{ color:#007AA0; font-size:13.5px; font-weight:normal; margin-top:9px;}/*#a15b45*/ #main_page_band_photo{margin-left:60px; margin-top:20px; margin-bottom:7.5px;} #col_secondary{ width:239px; float:right; background-image:url(../images/LecurieLignePointsVerticale.png); background-repeat: no-repeat; background-position: 0px 5px; margin-bottom:80px; margin-top:15px; padding-bottom:150px; line-height:1.4em; } #col_secondary h2 {color:#aaa9a1; text-transform:uppercase; margin-right:15px; margin-left:8px; padding-left:17px; padding-top:12px; margin-bottom:10px; font-size:13px; background:url(../images/bg_spectacles.jpg) no-repeat; height:44px; } h3 {color:#C04448; text-transform:uppercase; font-size:10.5px; margin-right:25px; padding-left:21px; padding-right:15px; margin-top:10px;} #col_secondary h3 {color:#C04448; text-transform:uppercase; font-size:10.5px; margin-right:25px; padding-left:21px; padding-right:15px; margin-top:10px;}/*#a15b45*/ h4 {color:#686867; margin-right:25px;padding-left:21px; text-transform:uppercase;} #col_secondary p {color:#58676e; margin-right:25px; padding-right:20px;padding-left:21px; font-size:11px; text-transform:uppercase;} #footer{clear:both; background:url(../images/LecurieContainerBottomV5.png) no-repeat; height:80px; } #left, #right { z-index: 9999; } #left, #right { position: fixed; top: 0px; bottom: 0px; width: 170px; } #left { left: 0; background: url(../images/LecurieShadow-left.png) left center repeat-y;} #right { right: 0; background: url(../images/LecurieShadow-right.png) right center repeat-y;} #artist-list-details{width:768px; margin-top:-140px; position:relative; padding-bottom:500px;} ul#band-list{margin: 10px 10px 175px 70px;} ul#band-list li {width:168px; height:44px; margin-bottom:0px; float:left; margin-right:60px;} ul#band-list li a#bl-aledee {background:url(../images/LecurieAleDee.png) no-repeat top center; width:168px; height:44px; text-indent:-9999px; display:block;} ul#band-list li a#bl-badflirt {background:url(../images/LecurieBadFlirt.png) no-repeat top center; width:168px; height:44px; text-indent:-9999px; display:block;} ul#band-list li a#bl-chube {background:url(../images/LecurieChubEPelletier.png) no-repeat top center; width:168px; height:44px; text-indent:-9999px; display:block;} ul#band-list li a#bl-colinmoore {background:url(../images/LecurieColinMoore.png) no-repeat top center; width:168px; height:44px; text-indent:-9999px; display:block;} ul#band-list li a#bl-deathboat{background:url(../images/LecurieDeathBoat.png) no-repeat top center; width:168px; height:44px; text-indent:-9999px; display:block;} ul#band-list li a#bl-dirtytricks {background:url(../images/LecurieTheDirtyTricks.png) no-repeat top center; width:168px; height:44px; text-indent:-9999px; display:block;} ul#band-list li a#bl-figure8 {background:url(../images/LecurieFigure8.png) no-repeat top center; width:168px; height:44px; text-indent:-9999px; display:block;} ul#band-list li a#bl-korias {background:url(../images/LecurieKoriass.png) no-repeat top center; width:168px; height:44px; text-indent:-9999px; display:block;} ul#band-list li a#bl-numero {background:url(../images/LecurieNumero.png) no-repeat top center; width:168px; height:44px; text-indent:-9999px; display:block;} ul#band-list li a#bl-omnikrom {background:url(../images/LecurieOmnikrom.png) no-repeat top center; width:168px; height:44px; text-indent:-9999px; display:block;} ul#band-list li a#bl-rudy {background:url(../images/LecurieRudyCaya.png) no-repeat top center; width:168px; height:44px; text-indent:-9999px; display:block;} ul#band-list li a#bl-ste4 {background:url(../images/LecurieTsc.png) no-repeat top center; width:168px; height:44px; text-indent:-9999px; display:block;} ul#band-list li a#bl-vilainp {background:url(../images/LecurieVilainPingouin.png) no-repeat top center; width:168px; height:44px; text-indent:-9999px; display:block;} ul#band-list li a#bl-yesterd {background:url(../images/LecurieYesterd.png) no-repeat top center; width:168px; height:44px; text-indent:-9999px; display:block;} ul#band-list li a#bl-femme {background:url(../images/LecurieFemme.png) no-repeat top center; width:168px; height:44px; text-indent:-9999px; display:block;} ul#band-list li a#bl-mclasauce {background:url(../images/LecurieMcLaSauce.png) no-repeat top center; width:168px; height:44px; text-indent:-9999px; display:block;} ul#band-list li a#bl-whiskey {background:url(../images/WhiskeyTrench.png) no-repeat top center; width:168px; height:44px; text-indent:-9999px; display:block;} ul#band-list li a#bl-deathboat {background:url(../images/LecurieDeathBoat.png) no-repeat top center; width:168px; height:44px; text-indent:-9999px; display:block;} ul#band-list li a#bl-plmafia {background:url(../images/bouton_plmafia.png) no-repeat top center; width:168px; height:44px; text-indent:-9999px; display:block;} ul#band-list li a#bl-brixton {background:url(../images/bouton_brixton.png) no-repeat top center; width:168px; height:44px; text-indent:-9999px; display:block;} ul#band-list li a#bl-after {background:url(../images/bouton_afterthefall.png) no-repeat top center; width:168px; height:44px; text-indent:-9999px; display:block;} ul#band-list li a#bl-ste4 {background:url(../images/LecurieTsc.png) no-repeat top center; width:168px; height:44px; text-indent:-9999px; display:block;} ul#band-list li a#bl-inepsy {background:url(../images/bouton_inepsy.png) no-repeat top center; width:168px; height:44px; text-indent:-9999px; display:block;} ul#band-list li a#bl-leatherface {background:url(../images/bouton_leatherface.png) no-repeat top center; width:168px; height:44px; text-indent:-9999px; display:block;} ul#band-list li a#bl-jahcutta {background:url(../images/LecurieJahCutta.png) no-repeat top center; width:168px; height:44px; text-indent:-9999px; display:block;} ul#band-list li a#bl-deathboat:hover, ul#band-list li a#bl-inepsy:hover, ul#band-list li a#bl-leatherface:hover, ul#band-list li a#bl-ste4:hover, ul#band-list li a#bl-mclasauce:hover, ul#band-list li a#bl-femme:hover, ul#band-list li a#bl-aledee:hover, ul#band-list li a#bl-badflirt:hover, ul#band-list li a#bl-chube:hover, ul#band-list li a#bl-colinmoore:hover, ul#band-list li a#bl-deathboat:hover, ul#band-list li a#bl-dirtytricks:hover, ul#band-list li a#bl-figure8:hover, ul#band-list li a#bl-korias:hover, ul#band-list li a#bl-numero:hover, ul#band-list li a#bl-omnikrom:hover, ul#band-list li a#bl-rudy:hover, ul#band-list li a#bl-ste4:hover, ul#band-list li a#bl-vilainp:hover, ul#band-list li a#bl-yesterd:hover, ul#band-list li a#bl-whiskey:hover, ul#band-list li a#bl-plmafia:hover, ul#band-list li a#bl-brixton:hover, ul#band-list li a#bl-after:hover, ul#band-list li a#bl-jahcutta:hover { background-position:bottom center} body#contact-page #services-details {padding-bottom:500px;} #services-details{ padding-bottom:250px;} #services-details p, #services-details h2, #services-details h3 { padding:0px 75px 10px 60px;} #services-details p{padding-right:0px; text-align:justify;} #services-details h3 { margin-top:10px;} #services-details{width:700px;} #services-details h2 { color:#C04448; font-size:13.5px;}/*#a15b45*/ #services-details h3 { color:#58676e; font-size:13.5px;} #booker { float:right; width:153px;} #booker a.booker_nav { background-image:url(../images/BoutonBooker.png); background-position:top center; background-repeat: no-repeat; width:153px; height:25px; text-indent:-9999px; display:block;} #booker a.booker_nav:hover {background-position: center bottom; } #demande { margin-left:66px;} .secure{ font-size:14px; color:#FFF;} #demande li{ margin-bottom:14px;} #demande input{padding:2px; background:url(../images/bg_input.png) repeat-x top;} #demande .btTxt{padding:4px 8px; background:url(../images/bg_input.png) repeat-x top; font-size:14px; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif;} #demande .btTxtP{padding:4px 8px; background:url(../images/bg_input.png) repeat-x top; font-size:14px; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; margin-left:15px;filter : alpha(opacity=50); -moz-opacity : 0.5; opacity : 0.5; } #demande li label{ font-weight:bold; color:#CCC;} #demande li label .req{ color:#F00; } .playervideo{padding:11px; background-color:#1A1B1E; } #banner{ width:131px; position:absolute; z-index:99; margin-top:19px; margin-left:59px;} #acheter{ width:140px; float: right; margin-right:50px; margin-top:10px; color:#666;} #acheter h3{ color:#58676e;} #acheter table{ width:140px; float:right; margin-left:20px;} .txtPaypal{ width:122px; font-size:11px; font-family:Arial, Helvetica, sans-serif;} #musique-body p strong{ color:#56963F;} .rouge{ color:#C04448; text-transform:uppercase} .rougeS{ background-color:#C04448; text-transform:uppercase; color:#2F3034; padding:4px; -moz-border-radius: 3px; -webkit-border-radius: 3px;} .grisS{ background-color:#3B484D; text-transform:uppercase; color:#2F3034; padding:4px; -moz-border-radius: 3px; -webkit-border-radius: 3px; filter : alpha(opacity=50); -moz-opacity : 0.5; opacity : 0.5; } .gris{ color:#58676e; text-transform:uppercase} .new{ background:url(../images/tag_new.png) no-repeat; position:absolute; z-index:10000; height:32px; width:32px; margin-top:0px; margin-left:10px;} .new2{ background:url(../images/tag_new2.png) no-repeat; position:absolute; z-index:10000; height:64px; width:64px; margin-top:5px; margin-left:15px;}