/* Theme Name: Third Voice Theme URI: http://www.third-voice.com/ Description: Third Voice WordPress theme Version: 1.0 Author: Ahmed Chergaoui Author URI: http://www.synergie-media.com/ */ body {color:#333;background: #303136 url('images/bg.jpg') left top repeat-x;font:13px/1.5 'Helvetica Neue',Arial,'Liberation Sans',FreeSans,sans-serif;} #wrapper {margin:0 auto;width:976px;} a:link, a:visited {color:#ed2024; } a:hover, a:active {color:#010102;} p {margin-bottom:20px;} ul {list-style:disc;margin-bottom:25px;} ul li {margin-left:25px;} #header {position:relative;height:132px;padding:0 8px;} #header_alt {position:relative;height:294px;padding:0 8px;background:transparent url('images/header-bg.png') left top no-repeat;} #logo img {margin:10px 0 0 0;} #header h1, #header_alt h1 {margin:10px 0 0 0;color:#99A0A8; font-size:1.2em;font-weight:normal;} #header_alt h2 {margin:25px 0 0 20px;width:270px;height:64px;text-indent:-9999px;} #header_alt h2.nos-sites_page {background:transparent url('images/nos-sites.png') left top no-repeat;} #header_alt h2.societe_page {background:transparent url('images/la-societe.png') left top no-repeat;} #header_alt h2.contact_page {background:transparent url('images/contact.png') left top no-repeat;} #header_alt h2.mentions-legales_page {background:transparent url('images/mentions-legales.png') left top no-repeat;} #header_alt h2.archives_page {background:transparent url('images/archives.png') left top no-repeat;} .intro {margin:5px 20px;color:#555;font-size:16px;font-weight:light;} #nav {position:absolute;right:0;top:20px;} #nav li {list-style:none;display:block; float:left;margin:0 10px;} #nav li a {font-size:1.4em;color:#99a0a8;text-decoration:none;display:block;width:96px;height:31px;text-indent:-9999px;} #nav li a.home {background:transparent url('images/home-menu-item.gif') left top no-repeat;} #nav li.current a.home, #nav li a.home:hover {background:transparent url('images/home-menu-item.gif') 0 -31px no-repeat;} #nav li a.portfolio {background:transparent url('images/portfolio-menu-item.gif') left top no-repeat;} #nav li.current a.portfolio, #nav li a.portfolio:hover {background:transparent url('images/portfolio-menu-item.gif') 0 -31px no-repeat;} #nav li a.company {background:transparent url('images/company-menu-item.gif') left top no-repeat;} #nav li.current a.company, #nav li a.company:hover {background:transparent url('images/company-menu-item.gif') 0 -31px no-repeat;} #nav li a.contactus {background:transparent url('images/contact-menu-item.gif') left top no-repeat;} #nav li.current a.contactus, #nav li a.contactus:hover {background:transparent url('images/contact-menu-item.gif') 0 -31px no-repeat;} #content {position:;overflow:hidden;} #main {background:#fff;position:relative;overflow:hidden;padding:0 25px 50px 25px;background:transparent url('images/main-bg.png') left top repeat-y;} #large_main {background:#fff;position:relative;overflow:hidden;padding:0 25px 50px 25px;background:transparent url('images/main-bg.png') left top repeat-y;} #main h2 {font-size:1.8em;color:#31363B;font-weight:normal;text-transform:uppercase;margin-bottom:25px;} #upper-zone{padding:6px 8px 0 8px;height:442px;background:transparent url('images/upper-zone-bg.gif') left top no-repeat;position:relative;overflow:hidden;} .spotlight {float:left;width:570px;} .project {float:right;width:389px;border-left:1px solid #3d454d;background:#31363b;height:442px;position:relative;color:#fefefe;} .project h2 {color:#f2f2f8;text-transform:uppercase;margin:18px 12px;font-size:16px;} .project p {color:#fff;font-size:13px;margin:18px 12px;} .project a, .project .soon {clear:right;margin-bottom:10px;background:#010102; color:#ed2024;text-decoration:none;padding:4px 6px;float:right;text-transform:uppercase;font-size:12px;} .project a:hover, .project .soon:hover {color:#010102; background:#ed2024;} .projects {float:right;width:389px;border-left:1px solid #3d454d;background:#31363b;height:442px;position:relative;} .projects ul {position:absolute;top:0;left:-11px;width:400px;list-style:none;} .projects li {cursor:pointer;height:76px;border-bottom:1px solid #3d454d;padding:12px 23px;position:relative;margin:0;} .projects li h2 {color:#fff;text-transform:uppercase;margin-bottom:12px;font-size:15px;} .projects li p {color:#fff;font-size:11px;width:285px;} .projects li.no-border {border:none;} .projects li:hover {background:#0c0c0e url('images/hover-fix.gif') left top no-repeat ;} .projects li.active, .projects li.active:hover {height:86px;background:#0c0c0e url('images/current-pointer.gif') left top no-repeat ;border:none;} .projects li.active a {background:#010102; color:#ed2024;text-decoration:none;padding:4px 6px;position:absolute;bottom:5px; right:0px;text-transform:uppercase;font-size:12px;} .projects li.active a:hover {color:#010102; background:#ed2024;} .projects a {color:#99a0a8;text-decoration:none;padding:4px 6px;text-transform:uppercase;font-size:12px;position:absolute;bottom:2px; right:0px;} .projects a:hover {text-decoration:underline;} #lower-zone{clear:both;background:transparent url('images/lower-zone-bg.gif') left top repeat-y;position:relative;overflow:hidden;} .other_projects {width:590px;float:left;padding:15px 20px;} .other_projects h2 {color:#919191;text-transform:uppercase;font-size:16px;margin:0;} .other_projects ul {margin-top:10px;} .other_projects ul li {display:inline; margin-right:20px;} .other_projects ul li a {text-decoration:underline;color:#ED2024;padding:5px 8px;} .other_projects ul li a:hover {text-decoration:none;background-color:#ED2024;color:#fff;} .news {width:590px;float:left;padding:15px 20px;} .post {margin:0 0 30px 0;} .post h3 {color:#919191;text-transform:uppercase;font-size:14px;margin:0;} .meta, .meta a {font-size:10px;color:#000;} .post p {font-size:12px;margin-top:10px;} .contact {width:310px;float:right;padding:15px 20px 15px 0;} .contact h3{color:#919191;text-transform:uppercase;font-size:16px;margin:0;} .contact form{margin-top:20px;} .contact input{display:block;border:none;padding:4px 25px;width:190px;margin-bottom:10px;font-size:14px;color:#555;} .contact textarea {display:block;border:none;padding:4px 25px;width:260px;height:150px;font-size:14px;font-family: helvetica, arial, sans-serif;color:#555;} .contact label {display:none;} .linklove, .reqtxt, .emailreqtxt, .cf_hidden {display:none;} input#cf_field_1 {background:transparent url('images/name-input-bg.gif') left top no-repeat ;} input#cf_field_2 {background:transparent url('images/email-input-bg.gif') left top no-repeat ;} input#cf_field_3 {background:transparent url('images/subject-input-bg.gif') left top no-repeat ;} .contact textarea {background:transparent url('images/message-input-bg.gif') left top no-repeat ;} .contact .sendbutton {float:right;background:#F3F5F8; border:1px solid #ddd; -moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;width:150px;margin:10px;cursor:pointer;text-transform:uppercase;} .sites {margin:0 3px;} .sites li {width:220px;margin:10px 42px 10px 42px;display:block;float:left;height:400px;} .sites li img {margin-bottom:10px;background:#3E454D;padding:5px;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;} .sites li p {font-size:12px;color:#555;} .sites span.title {text-transform:uppercase;font-weight:bold;color:#000;} .sites a, .sites span.soon {margin-bottom:5px;text-transform:uppercase;margin-top:0px;padding:4px 8px;background:#000;text-decoration:none;color:#EE1F25;float:right;} .sites a:hover {background:#EE1F25;color:#fff;} #main form{margin-top:20px;} #main input{display:block;border:none;padding:4px 25px;width:190px;margin-bottom:10px;font-size:14px;color:#555;} #main textarea {display:block;border:none;padding:4px 25px;width:260px;height:150px;font-size:14px;font-family: helvetica, arial, sans-serif;color:#555;} #main label {display:none;} .linklove, .reqtxt, .emailreqtxt, .cf_hidden {display:none;} input#cf_field_1 {background:transparent url('images/name-input-bg.gif') left top no-repeat ;} input#cf_field_2 {background:transparent url('images/email-input-bg.gif') left top no-repeat ;} input#cf_field_3 {background:transparent url('images/subject-input-bg.gif') left top no-repeat ;} #main textarea {background:transparent url('images/message-input-bg.gif') left top no-repeat ;} #main .sendbutton {background:#F3F5F8; border:1px solid #ddd; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px;width:150px;margin:10px 10px 10px 0px;cursor:pointer;text-transform:uppercase;} .communique {float:right;margin:0 25px;width:300px;background:#31363B; padding:10px 25px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;} .communique h3 {color:#f0f0f8;text-transform:uppercase;margin:0;} .communique ul {margin:20px 0 0 10px;list-style:disc;color:#fff;} .communique ul li {margin:0 0 5px 5px;} #footer {text-align:center;margin:0;padding:10px 0 0 0;background:transparent url('images/footer-bg.png') left top no-repeat ;} #footer ul li{display:inline; margin:0 10px;} #footer ul li a{text-decoration:none;color:#99a0a8;} #footer ul, #footer ul.site-liste {margin:0 0 10px 0; }