/*
Theme Name: OH MY CAD
Theme URI: http://www.ohmycad.net
Description: The original ohmycad.net theme
Version: 1.0
Author: Gaetan Rochel
 
Creation Theme by Gaetan Rochel || http://www.ohmycad.net
 
*/

* {margin:0; padding:0;}

body {background:url(img/bg.jpg) repeat; width:747px; margin:auto; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:13px; color:#333333;}

h1 {font: lighter 200% "Trebuchet MS", Arial sans-serif;color: #8baf1c; display:inline;}
h1 a {text-decoration:none; color: #8baf1c;}
h1 a:hover {color:black;}

h2 {font: lighter 150% "Trebuchet MS", Arial sans-serif;color: #3c250c;}
h2.categorie {background:url(img/title/categories.png) no-repeat; width:124px; height:27px; padding-bottom:8px; margin-left:17px; }
h2.liens {background:url(img/title/liens.png); width:124px; height:27px;  padding-bottom:8px;}
h2.widgettitle {font: lighter 190% "Trebuchet MS", Arial sans-serif; padding-bottom:7px;}

h3 {font: lighter 250% Georgia, "Trebuchet MS", Arial sans-serif;color: white; padding-bottom:10px;}
h3 a {text-decoration:none; color: white;}
h3 a:hover {color:#8baf1c;}
h3.commenttitle {font: lighter 200% "Trebuchet MS", Arial sans-serif;color: #8baf1c; padding-bottom:12px; margin-left:13px;}

.absmiddle {vertical-align:middle; margin-bottom: .25em; }
.spacer {clear:left;}

a.greentoblack {text-decoration:none; color:#333333;}
a.greentoblack:hover {color: #8baf1c;}

.green {color: #8baf1c;}
.black {color:#333333;}
.red {color:red;}

.notes {font-family:Arial; font-size:11px; color:#999999;}
.shadow {text-shadow: #fff 0 1px 0;}

/*///////////////////
/// MAIN PAGE
//////////////////*/

#header-left 	{background:url(img/header-left.png); width:20px; height:214px; float:left;}
#header-center 	{background:url(img/header-center.png) repeat-x; height:214px; float:left; width:527px;}
#header-right	{background:url(img/header-right.png); width:29px; height:214px; float:left;}
#header-right2 	{background:url(img/header-right2.png); width:163px; height:89px; float:left; padding:125px 0 0 0;}
#logo 			{background:url(img/logo.png); width:320px; height:120px; margin:auto; margin-top:30px;}

#header-left, #header-center, #header-right, #header-right2 {margin-top:50px;}

#searchimg {background:url(img/searchform.png); width:139px; height:32px; margin-bottom:30px;}
input#s {background-color:transparent; border:none; padding-top:7px; padding-left:30px; color:#af8960;}

#menupages {margin-top:23px; height:40px; padding-left:5px;}
#menupages ul { list-style-type:none;}
#menupages ul li {float:left; }
#menupages ul li a {text-decoration:none; width:80px; text-align:center; height:29px; padding-top:11px; display:block; color:#62674f; text-shadow: #fff 0 1px 0;}
#menupages ul li a:hover {background:url(img/menu-hover.png); color:#333333; text-shadow: #fff 0 1px 0;}


#page { background:url(img/content-bg.png) repeat-y; width:747px; min-height:500px; clear:both;}
#content {background:url(img/article-bg.png) repeat-x; width:522px;  min-height:300px; margin-left:8px; padding:30px 15px 0 15px; float:left;}

#footer {background:url(img/footer.png) no-repeat; clear:both; width:747px; height:80px; padding-top:30px; text-align:center; color:#CCCCCC; font-size:11px; font-family:Arial, Helvetica, sans-serif;}
.logo_s {background:url(img/logo_s.png) left no-repeat; padding-left:19px; height:16px; width:355px; vertical-align:middle; margin:auto;} 
.logo_s a {color:#CCCCCC; text-decoration:none;}
.logo_s a:hover {color:#8baf1c;}


/*///////////////////
/// CONTENT
//////////////////*/

p.rss {background: url(img/icons/rss.png) no-repeat; color:#666666; margin-left:71px; padding-left:21px; font-size:12px; }
p.rss a { text-decoration:none; color:#666666; }
p.rss a:hover {text-decoration:underline;}

.post {margin-bottom:50px; text-shadow: #fff 0 1px 0;}
.post p {margin-bottom:20px;}
.post-content a , .special2 a, .special6 a {text-decoration:none;color: #8baf1c;}
.post-content a:hover, .special2 a:hover, .special6 a:hover {color:#333333; background-color:#e5f3ae;}
.post-content img {border:1px solid; color:#d5e1b0;}
img.alignleft {float:left; margin-right:10px;}
img.alignright {float:right; margin-left:10px;}

p.drainhole {float:left;}
.drainhole a:hover {text-decoration:none;}
.drainhole img {border:none;}
a.btndrainhole {width:157px; height:29px; display:block; background:url(img/btn.png); color:#333333; text-decoration:none; padding:7px 0 0 30px; text-shadow: #ccc 0 1px 0;}
a.btndrainhole:hover { background:url(img/btn_hover.png); color:#333333; text-decoration:none;}
table.download {margin-left:120px;}
table.download tr th {text-align:left; padding-left:10px;width:75px;}
blockquote {color:#666666; padding:15px 15px 1px 15px; font-family:Georgia, "Times New Roman", Times, serif; background-color:#eeedd0; margin-bottom:10px;}

.calendar {background:url(img/icons/calendar.png) left bottom no-repeat; width:47px; height:35px; float:left; font-size:26px; padding:12px 0 0 8px;}
.metadata {color:#999999; margin-bottom:10px; font-size:11px;}
.metadata a {color:#999999; text-decoration:none;}
.metadata a:hover {text-decoration:underline;}
.time {background:url(img/icons/time.png) left no-repeat; padding-left:19px; height:16px; vertical-align:middle; margin-left:6px;}
.comments {background:url(img/icons/comments.png) left no-repeat; padding-left:19px; height:16px; vertical-align:middle; margin-left:6px;}
a.more-link {display:block; background:url(img/next.png) no-repeat; margin-top:10px; width:100px; padding-left:21px;}

.categories { background:url(img/icons/categorie.png) no-repeat; padding-left:19px; color:#8baf1c; margin-right:8px;}
.categories a {color:#8baf1c; text-decoration:none;}
.categories a:hover {color:#4d6416;}

.edit { background:url(img/icons/edit.png) no-repeat; padding-left:19px; margin-right:8px; color:red;}
.edit a {color:red; text-decoration:none;}
.edit a:hover {color:#641616;}

p.back {background: url(img/previous.png) no-repeat center left; color:#666666; text-decoration:none; float:left; padding-left:21px; font-size:12px; }
p.next {background: url(img/next.png) no-repeat center right; float:right; color:#666666; text-decoration:none; padding-right:22px; font-size:12px;}

/*///////////////////
/// SIDEBAR
//////////////////*/

.sidebar { margin-left:555px; width:125px; padding:20px 20px 0 7px;}
#social {margin-bottom:30px; width:160px; height:50px; margin-left:12px;}
ul.social {list-style-type:none; }
ul.social li { display:inline}
ul.social li a {float:left; display:block; width:48px; height:48px;}
ul.social li a.facebook {background:url(img/icons/facebook.png);}
ul.social li a.lastfm {background:url(img/icons/lastfm.png);}
ul.social li a.twitter {background:url(img/icons/twitter.png);}

#categories {margin-top:30px;margin-bottom:30px;}
#categories ul {list-style-type:none}
#categories ul li {  border-bottom:1px dotted #666666; width:178px; }
#categories ul li a:hover {background-color:#d9f18e; color:#333333}
#categories ul li a {text-decoration:none; color:#999999; height:20px; display:block; width:158px;padding-left:20px; padding-top:8px; padding-bottom:5px;}

#links {margin-left:15px; margin-bottom:30px;}



ul.widgets {list-style-type:none; display:block; margin-left:20px;}
li.widget {margin-bottom:30px;}
li.widget a {text-decoration:none; color:#333333;}
li.widget a:hover {color: #8baf1c;}


/*///////////////////
/// COMMENTS
//////////////////*/

ol.commentlist li {min-height:90px; list-style-type:none; margin-bottom:10px; clear:both}
.gravatar {min-height:90px; margin-bottom:10px; float:left; background:url(img/gravatar-bg.png) no-repeat; width:66px; text-align:center;}
.gravatar img {width:40px; height:40px; padding-top:13px; padding-bottom:6px;}

.gravatar a {text-decoration:none; color:#8baf1c;}
.gravatar a:hover {color:#333333 ;}

div.comment-top { margin-left:70px; background:url(img/comment-top.png) no-repeat; width:422px; height:9px; }
div.comment-bg {margin-left:70px; background:url(img/comment-bg.png) bottom center repeat-y; width:402px; padding:0 10px 0 10px; min-height:55px; font-size:0.85em; font-family:Arial, Helvetica, sans-serif;}
div.comment-bottom { margin-left:70px; background:url(img/comment-bottom.png) no-repeat; width:422px; height:9px;}

.date { color:#b4b4b4; font-size:11px; font-family:Arial, Helvetica, sans-serif; display:block; margin-top:11px;}
.date a {color:#b4b4b4; text-decoration:none;}

label.addcomment {display:block; width:150px; float:left;}
div.addcomments {margin-left:13px;}
div.addcomments p {margin-top:7px;}
div.addcomments input {color:#333333;}
div.addcomments textarea {padding:5px; color:#333333; font-family:"Trebuchet MS", Arial; font-size:13px;}