/*  
Theme Name: mdesnoyelles_v2
Theme URI: http://mdesnoyelles.com
Description: My Personal wordpress theme based on pixeled code <a href="http://samk.ca/">samk</a>. thx sam.
Author: Michael Desnoyelles
Author URI: http://mdesnoyelles.com
Version: 2.1
Tags: black, white, Orage, paint splash, three-columns, two-columns, threaded-comments, fixed-width, theme-options, right-sidebar
.
Released under the <a href="http://www.opensource.org/licenses/gpl-license.php">GPL</a>.
.
*/

/* Defaults */


* {
margin : 0;
padding : 0;
}
h1, h2, h3, h4, h5, h6, p {
margin : 0;
padding : 6px 0;
}
h1, h2, h3, h4, h5, h6 {
font-family : Verdana;
}
hr {
color : #333;
border : 1px solid #121212;
}
pre {
height : auto;
}
fieldset {
margin : 0;
padding : 0;
border : 0;
}
dd {
padding-left : 15px;
}
p {
font-size : 9pt;
}
a {
color : #6598b8;
text-decoration : none;
}
a:hover {
color : #222;
text-decoration : underline;
}
a img {
border : none;
}
blockquote {
background : #070707;
border : 1px solid #060606;
padding : 5px 15px;
margin : 10px 10px 5px 15px;
font-style : italic;
color : #fff;
}
code {
color : #3366cc;
font-style : italic;
}
strong {
font-size : 110%;
}
body {
text-align : center;
margin : 0;
padding : 0 0 15px 0;
font-family : trebuchet ms, arial, helvetica, sans-serif;
background : #000 url(images/bgbody.jpg) no-repeat center top;
}
#wrapper {
margin : 0 auto;
width : 960px;
text-align : left;
padding : 0;
}
#header {
padding : 0;
margin : 0;
height : 80px;
}
#header #topright {
text-align : right;
float : right;
width : 600px;
margin : 5px 0 0 0;
}
#header #topright ul {
list-style : none;
padding : 0;
margin : 0;
}
#header #topright li {
display : inline;
}
#header #topright li a {
color : #fff;
font-size : 9pt;
padding : 0 0 0 25px;
text-transform : lowercase;
}
#header #topright li a:hover {
color : #000;
text-decoration : none;
}
#header #logo {
float : left;
width : 350px;
margin : 25px 0 0 0;
padding : 0;
}
#header h1 {
padding : 0;
margin : 0;
}
#header h1 a {
color : #fff;
font-size : 0;
text-decoration : none;
}
#header h1 a:hover {
color : #eee;
text-decoration : none;
}
#header span {
padding : 0;
color : #111;
font-size : 0;
}
#catnav {
margin : 88px 0 0 0;
padding : 0;
clear : both;
height : 44px;
width : 860px;
}
#nav {
list-style : none;
margin : 0;
padding : 0;
}
#nav ul {
margin : 0;
padding : 0;
}
#nav li {
float : left;
margin : 0;
padding : 0;
}
#nav a {
display : block;
line-height : 44px;
margin : 0;
padding : 0 6px 0 15px;
font-size : 12pt;
color : #fff;
letter-spacing : -1px;
}
#nav li a:hover {
color : #ff6c00;
text-decoration : none;
display : block;
}
#nav li ul {
list-style : none;
position : absolute;
width : 150px;
left : -999em;
}
#nav li:hover ul, #nav li.sfhover ul {
left : auto;
}
#nav li li {
float : left;
margin : 0;
padding : 0;
width : 150px;
}
#nav li li a {
width : 150px;
height : 24px;
line-height : 24px;
color : #fff;
border-top : 1px solid #131f27;
background : #040404;
margin : 0;
padding : 5px 20px 5px 15px;
}
#nav li li a:hover {
border-top : 1px solid #131f27;
background : #000;
padding : 5px 20px 5px 15px;
}
#nav li:hover, #nav li.sfhover {
position : static;
}
#toprss {
float : right;
margin : 6px 0 0 0;
display : inline;
width : 32px;
line-height : 32px;
}
#toplinkedin {
float : right;
margin : 6px 10px 0 0;
display : inline;
width : 32px;
line-height : 32px;
}
#main {
margin : 5px 15px 0 15px;
clear : both;
width : 930px;
padding-bottom : 5px;
}
#contentwrapper {
float : left;
width : 800px;
margin : 0 0 15px 0;
padding : 0;
}
#contentwrapper2 {
float : left;
width : 900px;
margin : 0 0 15px 0;
padding : 0;
}
#contentwrapper .pageTitle, #contentwrapper2 .pageTitle {
margin : 0 0 0 0;
font-size : 0;
letter-spacing : -1px;
color : #fff;
font-weight : normal;
background : url(images/bg-trans.png) repeat;
padding : 0;
}
.topPost {
margin : 0;
padding : 0;
font-size : 9pt;
}
.topPost h2.topTitle a {
font-size : 15pt;
font-weight : normal;
color : #fff;
letter-spacing : -2px;
}
.topPost h2.topTitle a:hover {
text-decoration : none;
color : #e16002;
}
.topPost p.topMeta {
padding : 0;
margin : -10px 0 0 0;
font-size : 9pt;
color : #cdcdcd;
}
.topPost p.topMeta a {
text-decoration : underline;
color : #fff;
}
.topPost p.topMeta a:hover {
color : #ccc;
}
.topPost div.topContent {
font-size : 9pt;
color : #efefef;
margin : 8px 0;
}
.topPost div.topContent a {
text-decoration : underline;
color : #fff;
}
.topPost div.topContent a:hover {
text-decoration : underline;
color : #ff9933;
}
.topPost div.topContent ul, .topPost div.topContent ol {
padding : 0 0 0 30px;
}
.topPost div.topContent ul li, .topPost div.topContent ol li {
color : #eee;
}
.topPost span.topComments, .topPost span.topMore, .topPost span.topTags {
font-size : 9pt;
font-style : italic;
background : url(images/bg-trans.png) repeat;
padding : 8px 10px;
margin-right : 5px;
line-height : 27pt;
color : #fff;
border : 1px solid #111;
}
.topPost span.linkpages {
font-size : 9pt;
font-style : italic;
color : #fff;
}
.topPost span.linkpages a:hover {
color : #ddd;
}
.topPost span.topComments:hover, .topPost span.topMore:hover, .topPost span.topTags:hover {
background : #040404;
}
.topPost span.topComments a {
color : #fff;
background : url(images/comments.gif) no-repeat left;
padding-left : 20px;
line-height : 27pt;
vertical-align : middle;
}
.topPost span.topMore a {
color : #fff;
background : url(images/more.gif) no-repeat left;
padding-left : 20px;
line-height : 27pt;
vertical-align : middle;
}
.topPost span.topTags em {
background : url(images/tags.gif) no-repeat left;
padding-left : 20px;
line-height : 27pt;
vertical-align : middle;
color : #0a0a0a;
}
.topPost span.topTags a {
color : #fff;
line-height : 27pt;
vertical-align : middle;
}
.topPost span.topComments a:hover, .topPost span.topMore a:hover, .topPost span.topTags a:hover {
color : #fff;
text-decoration : underline;
}
#nextprevious {
margin : 10px 0 5px 0;
}
#nextprevious a {
color : #83adc8;
text-transform : lowercase;
text-decoration : underline;
}
#nextprevious a:hover {
color : #fff;
}
#comment {
margin-bottom : 10px;
margin-top : 15px;
background : #040404;
width : 800px;
border : 1px solid #090909;
padding : 0 15px 10px 15px;
color : #fff;
}
#comment h3 {
font-size : 10pt;
font-weight : normal;
color : #fff;
margin : 15px 0;
padding : 0;
}
#comment p a {
color : #6598b8;
}
#comment p a:hover {
color : #fff;
}
#comment p {
padding : 0;
margin : 7px 0;
}
ul.commentlist, ul.trackback {
list-style-type : none;
margin : 10px 0;
font-size : 9pt;
}
.commentlist li, .trackback li {
margin : 0 0 15px 0;
padding : 10px;
background : #080808;
border : 1px solid #040404;
list-style-type : none;
}
.commentlist li.alt {
background : #000;
border : 1px solid #020202;
border : none;
}
.commentlist li.cleared {
background : transparent;
border : none;
}
.commentlist a:hover {
color : #eee;
}
.commentlist a.gravatar {
float : left;
margin : 0 15px 10px 0;
width : 60px;
}
.commentlist .commentbody {
margin : 0;
padding : 0;
}
.commentlist .commentbody p a {
text-decoration : underline;
}
.commentlist cite {
font-size : 10pt;
font-style : normal;
color : #ddd;
}
.commentlist small.commentmetadata a {
color : #666;
}
.commentlist p {
color : #dedede;
}
#respond {
clear : both;
margin-top : 15px;
}
textarea#comment {
width : 450px;
background : #fff;
color : #111;
padding : 10px;
}
#comment #submit {
margin : 0;
}
#main #welcome {
margin : 0 0 20px 0;
padding : 0 0 5px 0;
background : url(images/bg-trans.png) repeat;
}
#main #welcome h2 {
font-size : 14pt;
font-weight : normal;
color : #fff;
letter-spacing : -2px;
margin : 0 10px;
padding : 10px 0 3px 0;
}
#main #welcome p {
font-size : 9pt;
color : #eee;
margin : 0 10px;
padding : 6px 0;
}
#main #welcome a {
text-decoration : underline;
color : #ff9933;
}
#main #welcome a:hover {
color : #6598b8;
}
#main #welcome form {
margin : -5px 0 0 0;
background : transparent;
}
#main #welcome #feedbox {
border : 1px solid #ccc;
padding : 2px 1px;
width : 180px;
}
.submitbutton {
margin : -5px 0 0 5px;
background : #010101;
color : #fff;
font-size : 8pt;
padding : 3px 6px;
vertical-align : middle;
border : 1px solid #111;
}
.submitbutton:hover {
cursor : pointer;
background : #050505;
}
#sidebars {
margin : 10px 0 0 0;
float : right;
width : 120px;
color : #eee;
}
#sidebars .sidebarbox {
background : url(images/bg-trans.png) repeat;
padding : 8px 15px;
}
#sidebar_full {
padding : 0;
margin : 0;
}
#sidebar_left {
float : left;
width : 120px;
}
#sidebar_right {
float : right;
width : 120px;
}
#sidebars h2 {
margin : 0;
padding : 0 0 8px 0;
font-weight : normal;
font-size : 11pt;
color : #fff;
letter-spacing : -1px;
}
#sidebars table {
width : 130px;
}
#sidebars ul {
margin : 0;
padding : 0 0 5px 0;
}
#sidebars li {
margin-bottom : 20px;
list-style : none;
font-size : 9pt;
}
#sidebars li ul {
padding : 0;
}
#sidebars ul ul li {
margin : 0;
padding : 2px 2px 2px 16px;
color : #eee;
background : url(images/bullet.gif) no-repeat left 8px;
line-height : 17px;
}
#sidebars a {
display : inline;
color : #eee;
}
#sidebars a:hover {
color : #ff6c00;
text-decoration : underline;
}
#sidebars p {
padding : 2px 0;
font-size : 9pt;
color : #eee;
}
#tag_cloud a {
display : inline;
}
#sidebars ul.children li {
border-bottom : none;
}
#sidebars ul.children {
margin-bottom : 0;
}
#morefoot {
background : #000 url(images/bggrad.jpg) repeat-x left top;
border : 1px solid #070707;
padding : 15px;
color : #dfdfdf;
margin : 0 0 10px 0;
}
#morefoot p {
margin : 5px 0;
padding : 5px 0;
}
#morefoot ul {
list-style-type : none;
margin-top : 5px;
}
#morefoot ul li, #morefoot p {
font-size : 9pt;
}
#morefoot a {
text-decoration : underline;
color : #ddd;
}
#morefoot a:hover {
text-decoration : underline;
color : #973301;
}
#morefoot h3 {
font-size : 12pt;
font-weight : normal;
color : #dfdfdf;
letter-spacing : -1px;
border-bottom : 1px dotted #444;
margin : 0;
padding : 0 0 2px 0;
}
#morefoot #searchbox {
padding : 1px;
width : 180px;
}
#morefoot .col1 {
float : left;
width : 340px;
}
#morefoot .col2 {
margin : 0 25px;
}
#morefoot .col2, #morefoot .col3 {
float : left;
width : 260px;
}
#morefoot li {
padding-left : 20px;
margin-bottom : 5px;
background : url(images/more.gif) no-repeat left 2px;
line-height : 17px;
}
#footer {
clear : both;
background : #000;
border : 1px solid #070707;
padding : 15px 15px 10px 15px;
}
#footer p {
font-size : 9pt;
color : #bbb;
padding : 0;
}
#footer a {
color : #bbb;
text-decoration : underline;
}
#footer a:hover {
color : #fff;
}
#footerleft {
float : left;
width : 760px;
}
#footerright {
float : right;
width : 160px;
text-align : right;
}
.highlight {
color : #222;
font-weight : bold;
}
.cleared {
margin : 0;
padding : 0;
clear : both;
}
.alignleft {
float : left;
margin : 5px 10px 5px 0;
}
.alignright {
float : right;
margin : 5px 0 5px 10px;
}
.aligncenter, div.aligncenter {
margin : 10px auto;
text-align : center;
display : block;
}
img.alignleft {
float : left;
margin : 5px 10px 5px 0;
}
img.alignright {
float : right;
margin : 5px 0 5px 10px;
}
img.aligncenter {
margin : 10px auto;
text-align : center;
display : block;
}
.wp-caption {
border : 1px solid #ddd;
text-align : center;
background-color : #f3f3f3;
padding-top : 4px;
}
.wp-caption img {
margin : 0;
padding : 0;
border : none;
}
.wp-caption p.wp-caption-text {
font-size : 11px;
line-height : 17px;
padding : 0 4px 5px;
margin : 0;
color : #111;
}
/*@import "calendar.css";*/
table.jCalendar {
border : 1px solid #666;
background : #aaa;
border-collapse : separate;
border-spacing : 2px;
}
table.jCalendar th {
background : #444;
color : #fff;
font-weight : bold;
padding : 3px 5px;
}
table.jCalendar td {
background : #f0f0f0;
color : #000;
padding : 3px 5px;
text-align : center;
}
table.jCalendar td.other-month {
background : #ddd;
color : #aaa;
}
table.jCalendar td.today {
background : #666;
color : #fff;
}
table.jCalendar td.selected {
background : #f66;
color : #fff;
}
table.jCalendar td.selected:hover {
background : #f33;
color : #fff;
}
table.jCalendar td:hover, table.jCalendar td.dp-hover {
background : #fff;
color : #000;
}
table.jCalendar td.disabled, table.jCalendar td.disabled:hover {
background : #bbb;
color : #888;
}
div.dp-popup {
position : relative;
background : #d6eafe;
font-size : 10px;
font-family : arial, sans-serif;
padding : 2px;
width : auto;
line-height : 1.2em;
}
div#dp-popup {
position : absolute;
z-index : 199;
border : 2px solid #c2e0f8;
}
div.dp-popup h2 {
font-size : 12px;
text-align : center;
margin : 3px 0 4px;
padding : 0;
}
a#dp-close {
font-size : 11px;
padding : 4px 0;
text-align : center;
display : block;
}
a#dp-close:hover {
text-decoration : underline;
}
div.dp-popup a {
color : #000;
text-decoration : none;
padding : 3px 2px 0;
}
div.dp-popup div.dp-nav-prev {
position : absolute;
top : 2px;
left : 4px;
width : 100px;
}
div.dp-popup div.dp-nav-prev a {
float : left;
}
div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a {
cursor : pointer;
}
div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled {
cursor : default;
}
div.dp-popup div.dp-nav-next {
position : absolute;
top : 2px;
right : 4px;
width : 100px;
}
div.dp-popup div.dp-nav-next a {
float : right;
}
div.dp-popup a.disabled {
cursor : default;
color : #aaa;
}
div.dp-popup td {
cursor : pointer;
}
div.dp-popup td.disabled {
cursor : default;
}
.cform {
margin : 10px 0 0 0;
width : 450px;
}
.cform fieldset {
margin-top : 10px;
padding : 5px 0 0 0;
border : none;
background : none;
}
.cform .cf_hidden {
display : none;
border : none !important ;
background : none !important ;
padding : 0 !important ;
margin : 0 !important ;
}
.cform legend {
border-bottom : 1px solid #bac4d8;
color : #bac4d8;
font : normal 1.6em "Lucida Grande", "Lucida Sans Unicode", geneva, verdana, sans-serif;
line-height : 1em;
padding : 0 0 0.3em;
text-transform : uppercase;
margin : 0;
}
ol.cf-ol {
margin : 0 !important ;
padding : 0 !important ;
}
ol.cf-ol li {
background : none !important ;
margin : 8px 0 !important ;
padding : 0;
list-style : none !important ;
text-align : left;
line-height : 1.1em;
}
ol.cf-ol li.textonly {
padding : 3px 0;
text-align : left;
letter-spacing : 1px;
font-size : 15px;
}
.cform label {
font : normal 1.1em Verdana;
line-height : 1.3em;
color : #ffffff;
display : block;
margin : 12px 0 2px;
text-align : left;
width : 70%;
}
label.cf-before {
width : 100px;
display : inline-block;
margin : 4px 5px 0 0;
vertical-align : top;
}
label.cf-after {
display : inline-block;
margin : 4px 0 0 6px;
width : 120px;
text-align : left;
vertical-align : top;
}
label.cf-before span, label.cf-after span {
display : block;
}
label.cf-group-after {
display : inline-block;
margin : 4px 0 0 2px;
width : 86px;
text-align : left;
vertical-align : top;
}
label.cf-group-after span {
width : 86px;
display : block;
}
.cform input, .cform textarea, .cform select {
padding : 6px 3px;
background : #d1ccc8;
border : 1px solid #1c212d;
border-top : 1px solid #aaaaaa;
color : #10141b;
font : normal 1.1em Verdana;
}
.cform input:hover, .cform textarea:hover, .cform select:hover {
background : #ffffff;
}
.cform input:focus, .cform textarea:focus, .cform select:focus {
background : #f3f8f8;
}
.cform textarea, .cform input {
width : 270px;
}
.cform select {
width : 278px;
}
.cform select.cfselectmulti {
height : 6.5em;
}
.cform textarea {
height : 6em;
overflow : auto;
}
ol.cf-ol li.cf-box-title {
font-size : 15px;
letter-spacing : 2px;
margin : 15px 0 0 !important ;
}
.cform input.cf-box-a, .cform input.cf-box-b {
vertical-align : top;
margin : 2px 0 0 0;
width : 16px;
height : 22px;
border : none;
background : none;
}
ol.cf-ol li.cf-box-group {
padding : 0 0 5px 0;
}
span.reqtxt, span.emailreqtxt {
color : #d1ccc8;
font-size : 0.8em;
display : inline-block;
vertical-align : top;
text-align : left;
margin-left : 3px;
}
p.cf-sb {
padding : 0 !important ;
margin : 0;
text-align : left;
}
.cform input.backbutton, .cform input.resetbutton, .cform input.sendbutton {
background : #191d28 url(../images/dark_open_XL_submit.jpg) repeat-x left bottom;
border : 1px solid #333d51;
color : #a0abbf;
font-size : 14px;
margin : 5px 5px 0 0;
text-align : center;
text-transform : uppercase;
width : 140px;
padding : 2px;
}
.cform input.resetbutton {
width : auto;
}
.cform input.backbutton {
width : auto;
}
ol.cf-ol li.cf_li_err {
background : #ffdfdf url(li-err-bg-dark.png) repeat !important ;
border-color : #df7d7d;
border-style : solid;
border-width : 1px 0;
padding : 5px 0 !important ;
margin : 5px 0 !important ;
}
ol.cf-ol li ul.cf_li_text_err {
margin : 0 0 0 5px;
padding : 0;
color : #f8f1f1;
}
ol.cf-ol ul.cf_li_text_err li {
font-weight : bold;
font-size : 1.1em;
background : url(icon-alert-dark.png) no-repeat left 1px !important ;
list-style : none !important ;
text-indent : 0;
margin : 0 0 2px !important ;
padding-left : 15px;
}
ol.cf-ol ul.cf_li_text_err li:before {
content : '';
}
label.seccap {
margin-top : 6px;
}
label.secq, label.secq span {
display : inline;
}
label.secq {
vertical-align : middle;
}
input.secinput {
width : 45px;
margin : 3px 0 0 10px;
vertical-align : middle;
}
#cforms_captcha6, #cforms_captcha5, #cforms_captcha4, #cforms_captcha3, #cforms_captcha2, #cforms_captcha {
height : 15px;
width : 50px;
padding : 4px 4px 5px;
margin : 0;
vertical-align : middle;
}
img.captcha {
vertical-align : top;
margin : 0 0 0 10px !important ;
padding : 0 !important ;
border : none !important ;
float : none !important ;
}
img.captcha-reset {
vertical-align : top;
background : url(captcha_reset_black.gif) no-repeat;
border : none !important ;
margin-left : 3px;
width : 21px;
height : 21px;
}
img.imgcalendar {
border : none;
}
.cform .cf_error {
color : #ad2929;
border : 5px solid #bac4d8;
padding : 3px;
width : 262px;
}
.cform .cf_errortxt, div.mailerr {
color : #ad2929;
}
div.mailerr {
display : block;
}
div.cf_info {
color : #f8f1f1;
display : none;
padding : 10px 15px !important ;
width : 420px;
line-height : 1.3em;
margin : 10px 0;
}
div.cf_info ol {
margin : 0;
padding : 5px 15px 0 30px;
}
div.cf_info ol li {
padding : 1px 0;
margin : 2px 0;
}
div.cf_info a {
color : white !important ;
text-decoration : underline !important ;
}
div.success {
background : #333333 none repeat scroll 0%;
color : #bac4d8;
display : block;
}
div.failure {
display : block;
background : #ffdfdf url(li-err-bg-dark.png) repeat !important ;
border-color : #df7d7d;
border-style : solid;
border-width : 1px 0;
}
div.waiting {
background : #f9f9f9;
color : #aaaaaa;
display : block;
}
[disabled] {
color : #dddddd;
border-color : #dddddd !important ;
background : none !important ;
}
.disabled {
border-color : #dddddd !important ;
}
.cform input.cf_upload {
width : 220px;
background : #f9f9f9;
border : 1px solid #888888;
}
.linklove {
width : 450px;
margin : 6px 0 10px !important ;
padding : 0 !important ;
text-align : left !important ;
}
.linklove a, .linklove a:visited {
font-size : 0.8em;
font-family : Tahoma;
color : #aaaaaa !important ;
}
* html .cform legend {
position : absolute;
top : -10px;
left : -7px;
margin-left : 0;
}
* html .cform fieldset {
position : relative;
margin-top : 15px;
padding-top : 25px;
}
* + html .cform legend {
position : absolute;
top : -10px;
left : -7px;
margin-left : 0;
}
* + html .cform fieldset {
position : relative;
margin-top : 15px;
padding-top : 25px;
}
* html ol.cf-ol, * html ol.cf-ol li {
display : inline-block;
}
* + html ol.cf-ol, * + html ol.cf-ol li {
display : inline-block;
}
* html img.captcha {
margin-top : 1px !important ;
}
* + html img.captcha {
margin-top : 1px !important ;
}