/*
Theme Name: Orange Chocolate
Theme URI: http://www.yanngraf.com
Description: Theme for Yann Graf's portfolio
Version: 2.0
Author: Yann Graf
Author URI: http://www.yanngraf.com
Date: September 2009
*/



/*reset -  droit pompe cher Daedeva.ch*/
body,p,div,img,ul,li,ol,h1,h2,h3,h4,input,select,label,legend,textarea,form,fieldset,table,td,th,tr,caption,a,cite,blockquote{margin:0;padding:0;border:0;font-weight:normal;}
ul{list-style-type:none;}
table,caption,tr,th,td{outline:0;vertical-align:baseline;
font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;}
table{border-collapse: separate;border-spacing: 0;}
caption,th,td{text-align: left;font-weight: normal;}

/*Basics*/
h1, h2, h3 {font-family:Georgia, "Times New Roman", Times, serif;}
h4, p, li, a, small, td { font-family: Arial, Helvetica, sans-serif;}
h1 { font-size: 1.7em;margin-top:20px; color: #F70000; color: #3A2635; }
h2 { font-size: 1.3em; color:#545454; margin-top:20px}
h3 { font-size: 1.2em ;color:#685F13; margin-top:19px}
h4 { font-size: 1.1em;margin-top:20px}
p { font-size: 0.85em; line-height:1.4em; color:#232121;}
li { font-size: 0.85em; margin-left: 20px;}
p, ul, ol, blockquote { margin-top:16px }

#content a { color:#FF1C00; text-decoration:underline; }
#content a:hover { text-decoration:none; }
#content blockquote p { color:#999; font: 1.3em Georgia, "Times New Roman", Times, serif; margin:20px; }
#content blockquote a { color:#999; }
#content blockquote a:hover { color:#000; }
#content li { list-style:square; margin-top: 7px; }


/*
################################ Containers #########################
*/

body { text-align: center; background-image :url('images/background.gif'); font-size:100%; } 
td { vertical-align:top; }

#centralizer { background-image:url('images/background-bar.jpg'); background-repeat:repeat-x; }
#container { width: 971px; margin: 0 auto; text-align: left; } 
#menu-main { display: block; border:0px; height:60px; width:971px; background-image:url(images/main-menu-bck.jpg); }
#content { text-align: left; margin: 0px; background-color:#FFFFFF; background-image:url(images/background-container.gif); }
#footer { background: url('images/footer.gif') no-repeat; display: block; height:78px; padding-bottom:10px;text-align:right; }



/*
################################ COLUMNS + Blocks #########################
*/


#fullpage { padding: 20px; }
#narrowcolumn { float: left; width: 520px; margin: 40px 20px 30px 20px; }
#sidebar1, #sidebar2 { float:left; padding: 50px 20px 60px 20px; border-left: #C7C3C1 1px dashed; }
#sidebar1 { width: 165px;}
#sidebar2 { width: 164px;}

#menu-part1, #menu-part2 { position:relative; top:17px; left:20px; /*display: -moz-inline-stack;*/ /* Pour Firefox 1-2 */ display:inline-block; }
#menu-part1 { width:731px; }
#menu-part2 { width:200px; text-align:right; }




/*
################################ HEADER LOGO #########################
*/

#header { display: block; height:60px; padding:0; margin:0; }
#header-logo { float:left; padding:0; margin:0; }
#header-logo a { display:block; width:200px; height:50px; background:url(images/header-title.gif) no-repeat; color:#000000; font-size:1px; }
#header-logo a:hover { background:url(images/header-title-over.gif) no-repeat; color:#000000 }



/*
################################ SEARCH INPUTS #########################
*/
#header-search { float:right; width:200px; height:31px; margin:20px 0px 0px 0px; padding:0; }
#header-search p { padding:0; margin:0;} 
.searchinput { float:left; height:21px; width:149px; padding:5px 10px; border:none; background: url(images/searchform-bck.gif) top left  no-repeat #1F1F1F; color:#FFFFFF; }
.searchbutton { float:left; height:31px; width:31px; border:none; background:url(images/searchform-button.gif) no-repeat top right; }
.searchbutton:hover, #searchform:hover .searchbutton { background-position:0% -31px; cursor: pointer; }




/*
################################ MAIN MENU #########################
*/
#menu-main a { font: 1em Helvetica, Arial, sans-serif; text-decoration:none; color:#2B1200; text-transform:uppercase; letter-spacing: 0.05em; }
#menu-main a:hover { color:#FFFFFF; }
#menu-main li { /*display: -moz-inline-stack;*/ /* Pour Firefox 1-2 */ display: inline-block; list-style: none; height: 29px; margin: 0 17px 0 0; }
.current_page_item, .current_page_parent, .current_page_ancestor { background:url(images/pointer.gif) center bottom no-repeat; }




/*
################################ CONTENT #########################
*/

#content hr { border:0px; border-top:1px dotted #685F13; height:0px; }
#content p.wp-caption-text { text-align:right; font: 0.7em Arial, Helvetica, sans-serif; color:#999; padding: 0 10px 0 0; margin-top:3px; }
#content a.more-link { font-size:1.2em; text-align:right; color:#000; }


#bar-brown-full { padding: 10px 20px 20px 20px ; background-image:url(images/background-mid-brown.gif); }
#bar-brown-full img { text-align:justify; }
#bar-brown-full .title { font: 1.1em Georgia, "Times New Roman", Times, serif; color:#666666; }
.quick-overview { display:block; height:100px; width:184px; margin-top: 5px; }
.quick-overview:hover { background-position:0 -100px; cursor: pointer; }



/*
################################ Blog SPECIFIC #########################
*/

#narrowcolumn a.blogpost_title { font: 1.31em Georgia, "Times New Roman", Times, serif; text-decoration:none; color:#FF1C00; color:#3A2635; }
#narrowcolumn a.blogpost_title:hover { color:#411E08; color:#F70000; }
#narrowcolumn .blogpost_title hr { margin:0; padding:0; border:10px}
#narrowcolumn .blogpost_title_small { font-size: 0.9em; color:#666666;}
#narrowcolumn .blogpost_title_small p { margin:0; padding:0;}
#narrowcolumn .blogpost_title_small a { color:#666666; }

.post_footer { text-align:right; }



/*
################################ SIDESBARS SPECIFIC #########################
*/

#sidebars a { color: #7C4D25; text-decoration:none; }
#sidebars li a:hover, li a:active { color:#000; }
#sidebars li { margin: 0px 0 3px 0; border-bottom: 1px dotted; padding-bottom:3px;  list-style:none;}

#rss-feed {margin: 30px 0 20px 0;}
#rss-feed a { text-transform:uppercase; color:#999; }
#rss-feed a:hover {	text-decoration:none; color:#000; }

#twitter-bubble-top { width:144px; background:#DED2CF url(images/twitter/bubble_top.gif) no-repeat ; color:#300; padding: 1px 10px 0 10px; }
#twitter-bubble-bottom { background: #DED2CF url(images/twitter/bubble_bottom.gif) no-repeat bottom ;  display:block; height:28px; width:144px; padding: 10px; text-align:right; }
#twitter a, a:visited { color:#FF1C00; }
#twitter a:hover { color:#000; text-decoration:underline; }
#twitter-bubble-bottom { font-size:0.8em }




/*
################################ COMMMENTS #########################
*/

#comments { background-color:#F6F3F4; border-top: 1px dotted; border-bottom: 1px dotted; padding: 5px 10px 10px 10px; }

.comments-bubble { background:#E8E0DE url(images/comments-bubble-top.gif) no-repeat top; padding:20px; margin-top:10px;}
.comments-bottom { background:#E8E0DE url(images/comments-bubble-bottom.gif) no-repeat top; width:520px; display:block; height:27px}

.comments-bubble-author { background:#DFBCBA url(images/comments-bubble-top-author.gif) no-repeat top; padding:20px; margin-top:10px;}
.comments-bottom-author { background:#DFBCBA url(images/comments-bubble-bottom-author.gif) no-repeat top; width:520px; display:block; height:27px}

.avatar { padding:5px; background-color:#FFF; }
#comments a { color:#000; }


/*
################################ PORTFOLIO SPECIFIC #########################
*/

#portfolio-diaporama { margin-top:15px; padding:30px; background-color: #000; width:870px; text-align:center; }
a.po-thumbs, a.po-thumbs:visited { color:#000000; padding-bottom:10px; }
a.po-thumbs:hover { color:#E32300; }
.po-thumb-head1 { font: 1em Helvetica, Arial, sans-serif; color:#411E08; }
.po-thumb-head2 { font: 0.8em Helvetica, Arial, sans-seriff; color:#737179; }
.visitsite { display:block; height:45px; width:186px; border:none; background:url(images/button-visit-site.gif) no-repeat top right; }
.visitsite:hover { background-position:0 -45px; cursor: pointer; }




/*
################################ About SPECIFIC #########################
*/

#content .color-blue { text-decoration:none; color:#06F; }
#content a.color-blue:hover  { color:#000; }


/*
################################ Contact SPECIFIC #########################
*/

.form-label { padding-bottom: 3px; padding-top: 16px; }
.required { color:#F30; }
input { padding:3px; background-color:#FFFFFF; border:#999 1px solid; }
textarea { background-color:#FFF; border:#999 1px solid; padding:3px; }
.button { padding:6px; font: 1.5em Arial, Helvetica, sans-serif; color:#F60; background-color:#1F1F1F; }
.button:hover { color:#F30; }
.spacer { clear: both; }




/*
################################ FOOTER #########################
*/

#footer p { margin:0px;	padding:33px 20px 5px 20px; font-size: 0.7em; color:#4E2312; }
#footer a, a:hover, a:active { color:#6D4A3C; text-decoration:none; }
#subfooter { margin:0px; padding: 0px 20px; text-align:right; }
#subfooter p { font-size: 0.7em; color:#000000; }





/*
################################ TRUCS DE BASE DE WP #########################
*/

/* Begin Images */
p img {	padding: 0; }
img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; }
img.alignleft {	padding: 4px; margin: 0 7px 2px 0; display: inline; }
.alignright { float: right; }
.alignleft { float: left; }