/*  
Theme Name: Magicalement vôtre
Description: Thème conçu sur mesure pour le site officiel du magicien David Orta. Une page d'accueil statique, quatre onglets et une arborescence faite de 3 modèles de page. Testé avec Firefox, Chrome, Opera, Safari, et IE8.
Author: Antony Drugeon
Author URI: http://www.antonydrugeon.fr/
*/


/***** TYPOGRAPHY AND LINKS *****/
body, address, dd, dl, hr, p, form { font-family:Tahoma, Geneva, sans-serif; margin: 0; padding: 0; }

h1, h2, h3, h4, h5, h6 { font-family: Tahoma, Geneva, sans-serif; margin: 0; padding: 20px 0 20px 5px; color: #fff; }

h1 { font-size: 2em; }
h2 { font-size: 1.5em; }
h3 { font-size: 1.4em; }
h4 { font-size: 1.3em; }
h5 { font-size: 1.2em; }
h6 { font-size: 1.1em; }

a:link { text-decoration: none; color: #ffffff; font-weight: 700;}
a:visited { text-decoration: none; color: #B41520; font-weight: 700;}
a:hover { text-decoration: none; color: #da0000; font-weight: 700;}
p { padding: 10px; }
blockquote { margin: 10px 120px 10px 120px; background : #0e0d0b; padding: 10px 20px 10px 20px; border-left: 3px solid #da0000; }

/***** MAIN CONTENT *****/
body { margin: 0; font-size: 76.5%; font-family: Tahoma, Geneva, sans-serif; text-align: center; vertical-align: top; background: #454545; color: #e0dcc5; }

#wrapper { margin: 0 auto 0 auto; width: 1000px; text-align: left; }

#main_content { background: #e0dcc5 url(http://magicalementvotre.antonydrugeon.fr/wp-content/uploads/2010/04/backgroundgeneral.png); float: left; margin: 0 auto 0 auto; padding: 0; width: 1000px; }


#container {float: left; width: 100%;}
#container h2 { width: 270px; margin: 15px 0 15px 23px; text-transform:uppercase ; color: #da0000;  padding: 15px 0 15px 0; border-left: solid 3px #DA0000; border-right: solid 3px #DA0000; background: #0e0d0b; text-align: center;}

.h2presse {width: 270px; margin: 15px 0 15px 23px; text-transform:uppercase ; color: #da0000;  padding: 15px 0 15px 0; border-left: solid 3px #DA0000; border-right: solid 3px #DA0000; background: #0e0d0b; text-align: center;}
#container_pagedecontenu h2 a:link, a:hover, a:visited {margin-left: auto; margin-right: auto; text-align: center;}

#container .post {padding: 0; width: 100%;}
#container .photo_top_page {float:left; margin: 10px 0 0 160px; }
#container .entry {float:left; margin: 0 ; width: 1000px;}
#container .entry .texte { margin: 0 0 0 300px; padding: 0 20px 0 20px; color: #e0dcc5;}
#container .entry .colonnegauche { width: 300px; float: left; border-right: solid 1px #da0000;}
#container .entry .colonnegauche .photo_titre { display:block; }
#container .entry .colonnegauche .photo_titre img { border:double 3px #da0000; display:block; margin-left:auto; margin-right:auto;}

#container_homepage { float: left; width: 100%; margin: 0 0 0 0; height: 400px; padding: 0 0 0 0; }

#container_wide { float: left; width: 100%; }

#container_sousmenu { float: left; width: 1000px; background: #454545 url(http://magicalementvotre.antonydrugeon.fr/wp-content/uploads/2010/04/backgroundgeneral.png); color: #e0dcc5;}
#container_pagedecontenu { float: left; width: 100%; margin: 0; padding: 0; color: #e0dcc5;}

.post { padding: 10px 0 5px 0; }

.entry { font-size: 1.02em; line-height: 1.42em; }
.postmetadata { margin: 10px 0 0 0; font-size: 9px; }
.date {	font-size: .9em; font-style: italic; }

#author-box { width: 90%; min-height: 115px; margin: 10px 10px 20px 10px; padding: 0 10px 10px 10px; background: #cc9933; border: 1px solid #94927b; }
#author-box .avatar { float: left; width: 80px; height: 80px; }
#author-box h2 { padding: 0; margin: 5px 0 5px 0; }

/***** PAGE D'ACCUEIL *****/
#post-17 { background: url(http://magicalementvotre.antonydrugeon.fr/wp-content/uploads/2010/04/bg-mains.png) no-repeat; height: 400px; padding: 0; margin: 0 ; font-size: 1.5em; line-height: 2.2em; }

#post-17 .texte_accueil { float: left; z-index: 2; }

#post-17 #diapo { margin: 30px 0 0 40px; padding: 10px 0 0 2px; float: left; width: 300px;}

#post-17 .texte { margin: 20px 20px 0 390px; padding: 5px 0 0 0; color: #fff; }

#post-17 .texte p { font-weight: 550; padding: 0;}

#post-17 h2 {display: none; }

#post-17 .post-edit-link { display: none; }

#post-17 .photo_top_page {display: none; }

#post-17 .entry .zoom {display: none; }

#post-17 #sidebar {display: none; }

/***** HEADER *****/
#header { float: left; width: 1000px; height: 250px; background: #000000 url(images/header.jpg) no-repeat; padding: 0; margin: 0 auto 0 auto; }
#header h1 { padding: 0; margin: 20px 0 0 30px; font-family: Tahoma, Geneva, sans-serif; font-size: 3.5em; line-height: 38px; text-align: left; }
#header h1 a { text-decoration: none; color: #ffffff; }
#header h1 a:hover { text-decoration: none; color: #da0000; }
#header .description { margin: 20 0 0 20px; padding: 30px 0 0 30px; font-size: 1.5em; font-weight: normal; font-family: Tahoma, Geneva, sans-serif; color: #ffffff; text-align: left; }

/***** HORIZONTAL MENU *****/
.menu  { float:left; width: 1000px; height: 30px; margin: 0 0 0 0; padding: 0; display: inline; background: #9C1F1B url(images/menu-bg.gif) repeat-x; border-bottom: solid 1px #e0dcc5;}
.menu ul { width: 100%; margin: 0; padding: 0; list-style: none;}
.menu { position : relative; z-index : 100; }
.menu ul li { display: inline; margin: 0; width:25%; }
.menu ul li a { padding: 0 0 0 0; text-decoration: none; text-align:center; color: #e0dcc5; font-size: 1em; }
.menu ul li a:hover { background: url(images/menuhover.png); text-decoration: none; color: #fff;}

/***** PAGE SANS SIDEBAR *****/
#container_wide h2 { width: 270px; margin: 15px 0 15px 23px; text-transform:uppercase ; color: #da0000;  padding: 15px 0 15px 0; border-left: solid 3px #DA0000; border-right: solid 3px #DA0000; background: #0e0d0b; text-align: center;}
#container_wide .entry {float:auto; float-right:auto; margin: 10px; }


/***** PAGE DE SOUS-MENU *****/
#container_sousmenu h2 { width: 270px; margin: 15px 0 15px 23px; text-transform:uppercase ; color: #da0000;  padding: 15px 0 15px 0; border-left: solid 3px #DA0000; border-right: solid 3px #DA0000; background: #0e0d0b; text-align: center;}
#container_pagedecontenu h2 a:link, a:hover, a:visited {margin-left: auto; margin-right: auto; text-align: center;}
#container_sousmenu .post {padding: 0; }

.videopage {float:right;}


#container_sousmenu .entry {float:left; margin: 10px 0 20px 0 ; width: 1000px;}
#container_sousmenu .entry .texte { padding: 10px 30px 20px 30px; border-left: solid 1px #da0000; width: 630px; float: left; }
#container_sousmenu .entry .texte ul {display: block; list-style-type: none; padding: 0 20px 0 20px; } 
#container_sousmenu .entry .texte .intro {display:block; float:left;}
#container_sousmenu .entry .texte ul li { width: 250px; padding: 25px 20px 0 20px; float: left;}
#container_sousmenu .entry .texte ul li .onglet { color: #454545; width: 100%; }
#container_sousmenu .entry .texte ul li .onglet a { width: 100%; text-align: center; color:#ffffff;}
#container_sousmenu .entry .texte ul li .onglet a:hover {color: #da00000;}
#container_sousmenu .entry .colonnegauche { width: 300px; height: 100%; float: left;}
#container_sousmenu .entry .colonnegauche .photo_titre { display:block; }
#container_sousmenu .entry .colonnegauche .photo_titre img { border:double 3px #da0000; display:block; margin-left:auto; margin-right:auto;}

#container_sousmenu h4:link { text-decoration: none; color: #ffffff; font-weight: 700;}
#container_sousmenu h4:visited { text-decoration: none; color: #B41520; font-weight: 700;}
#container_sousmenu h4:hover { text-decoration: none; color: #da0000; font-weight: 700;}

/***** PAGE DE CONTENU *****/
#container_pagedecontenu h2 { width: 270px; margin: 15px 0 15px 23px; text-transform:uppercase ; color: #da0000;  padding: 15px 0 15px 0; border-left: solid 3px #DA0000; border-right: solid 3px #DA0000; background: #0e0d0b; text-align: center;}
#container_pagedecontenu h2 a:link, a:hover, a:visited {margin-left: auto; margin-right: auto; text-align: center;}
#container_pagedecontenu .post {padding: 0; color: #e0dcc5;}
#container_pagedecontenu .photo_top_page {float:left; margin: 10px 0 0 160px; }
#container_pagedecontenu .entry {float:left; width: 1000px; margin: 10px 0 20px 0;}
#container_pagedecontenu .entry .texte { padding: 10px 30px 20px 30px; border-left: solid 1px #da0000; margin: 0 0 0 300px; }
#container_pagedecontenu .entry .zoom {float: right; margin: 0 0 15px 15px; padding: 15px 15px 15px 15px; width: 250px; background: #f7f4e1; color: #454545; font-weight: bold; }
#container_pagedecontenu .entry .zoom h3 {text-align: center; text-transform: uppercase; color: #454545;}
#container_pagedecontenu .entry .zoom a:link {color: #000; font-weight: 700;}
#container_pagedecontenu .entry .zoom a:visited { color: #B41520; font-weight: 700;}
#container_pagedecontenu .entry .zoom a:hover { color: #da0000; font-weight: 700; }
#container_pagedecontenu .entry .colonnegauche { width: 300px; float: left; height: 100%;}
#container_pagedecontenu .entry .colonnegauche .photo_titre { display:block; }
#container_pagedecontenu .entry .colonnegauche .photo_titre img { border:double 3px #da0000; display:block; margin-left:auto; margin-right:auto;}

#container_pagedecontenu a:link { text-decoration: none; color: #ffffff; font-weight: 700; }
#container_pagedecontenu a:visited { text-decoration: none; color: #B41520; font-weight: 700;}
#container_pagedecontenu a:hover { text-decoration: none; color: #da0000; font-weight: 700;}

/***** PAGE REVUE DE PRESSE *****/

.h2presse {background: #0E0D0B; border-left: 3px solid #DA0000; border-right: 3px solid #DA0000; color: #DA0000; margin: 15px 0px 15px 23px; padding: 15px 0px; text-align: center; text-transform: uppercase; width: 270px; font-size: 1.5em; float: left;}
#container_presse { float: left; margin: 82px 5px 5px 10px; padding: 10px 10px 20px 10px; border-left: 1px solid #da0000; border-right: 1px solid #da0000; color: #e0dcc5; height: 100%; width: 450px;}
#container_presse .post h3 { font-size: 1.3em; margin: 0 0 0px 5px; padding-top: 5px; border-left: solid 3px #da0000;}
#container_presse .meta {font-size: 0.9em; font-style: italic; padding: 10px;}
#container_presse a:link { text-decoration: none; color: #ffffff; font-weight: 700;}
#container_presse a:visited { text-decoration: none; color: #B41520; font-weight: 700;}
#container_presse a:hover { text-decoration: none; color: #da0000; font-weight: 700;}
#container_presse h3 {padding: 10px 10px 10px 10px;}
#container_presse h4 {padding: 10px 10px 10px 10px;}
#container_presse ol {list-style-type:none;}

/***** ME CONTACTER *****/
#encadregauche { background: #f7f4e1; color: #454545; float: left; font-weight: bold; margin: 0 22px 0px 22px; width: 250px; border: 3px double #DA0000;}
#encadregauche h3 {color: #454545;}
#texte_encadregauche {padding: 15px; text-align: center;}
#texte_encadregauche a:link {color: #000;}
#texte_encadregauche a:visited {color: #B41520;}
#texte_encadregauche a:hover { color: #da0000;}

/***** IMAGES *****/
p img { padding: 0; max-width: 100%; }
.nonsouligne {border: none; padding: 3px 3px 0 3px;}
a img { border: #cc9933 1px solid; padding: 3px; background: none; }

img.avatar { float: left; margin: 3px; border: #afb997 1px solid; }
img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { padding: 3px; margin: 0 0 0 7px; display: inline; }
img.alignleft { padding: 3px; margin: 0 7px 0 0; display: inline; }

.alignright { float: right; }
.alignleft { float: left; }
.aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; }

.wp-caption { border: 1px solid #ddd; text-align: center; background-color: #e0dcc5;   padding-top: 4px; margin: 10px; /* optional rounded corners for browsers that support it */ -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px;    border-radius: 3px; }
.wp-caption img { margin: 0; padding: 0; border: 0 none; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; color: #0e0d0b;}

#flickrrss img { border: 1px solid #61574a; float: left; margin: 0 0 3px 3px; }

.thumbnail { width: 60px; height: 60px; float: left; margin: 3px; border: #3f464f 1px solid; }
.medium { width: 250px; height: 150px; float: left; margin: 3px; border: #3f464f 1px solid; }

/***** NAVIGATION *****/
.navigation { padding: 5px 0 5px 10px; font-size: 9px; font-weight: bold; line-height: 18px; }

/***** SUBSCRIPTION *****/
.subscribe  { margin: 0 0 0 10px; padding: 0 0 0 10px; float:left;}
.subscribe a:link { text-decoration: none; font-weight:normal; margin: 0 0 10px 0; width: 150px;}
.subscribe a:hover { text-decoration: underline; font-weight:normal;}
.subscribe a:visited { font-weight:normal;}
.mentions_legales {float: left;}
/***** SIDEBAR *****/
#left_sidebar { color: #E0DCC5; margin: 5Opx 5px 5px 0; padding: 0; width: 290px; float:left;}
#left_sidebar .widgettitle { width: 270px; margin: 15px 0 15px 23px; text-transform:uppercase ; color: #da0000;  padding: 15px 0 15px 0; border-left: solid 3px #DA0000; border-right: solid 3px #DA0000; background: #0e0d0b; text-align: center; }
#left_sidebar li #vs_main2 { background: #fff; float: left; border: double 3px #da0000; text-align: center; margin-left: 25px; }
#left_sidebar li #vs_main2 img {border: none;}


#right_sidebar { width: 180px; float: right; margin: 82px 0 15px 0; padding: 0 20px 0 20px; color: #E0DCC5;}  
#left_sidebar ul li a:hover, #right_sidebar ul li a:hover { color: #da0000; }
#left_sidebar a.title
#right_sidebar a.title { color: #454545; padding: 0px; margin: 0px; }	
#left_sidebar ul li a, #right_sidebar ul li a { display: inline; margin: 0; color: #fff; }
#left_sidebar ul li, #right_sidebar ul li { display: block; padding: 0; margin: 0px; font-size: 1em; color: #E0DCC5; 
#left_sidebar a, #right_sidebar a:visited { display: inline; margin: 0; color: #B41520;}
list-style: none; }
#left_sidebar ul ul, #right_sidebar ul ul { margin: 0 0 0 10px; }
#left_sidebar ul ul ul, #right_sidebar ul ul ul { margin: 0 0 0 10px; }
#left_sidebar ul, #right_sidebar ul { margin: 0 0 5px 0; padding: 0; }
#left_sidebar h2
#right_sidebar h2, #commentblock h2 { width: 80%; font-size: 1.2em; text-transform: uppercase; letter-spacing: normal; margin: 15px auto 5px auto; padding: 3px 3px 3px 7px; text-align: left; background: transparent; color: #da0000; border-bottom: 1px solid #E0DCC5; } 
#right_sidebar .widgettitle {color: #FFF; }
#widget widget_text a {font-weight: 700;}
#right_sidebar a img {margin-top: 5px;}

/***** INTRO BOX *****/
#intro { width: 515px; margin: 14px 0 20px 0; float: left; padding: 0; text-align: left; background: transparent url(images/dot.gif) repeat-x scroll 0pt 100%; } 
#intro p { font-size: 1em; font-style: italic; line-height: 1.42em; }
#intro h2 { font-size: 1.077em; text-transform: uppercase; width: 90%; background: none; margin: 0 auto 0 auto; padding: 3px; text-align: left; border-bottom: #94927b 2px solid; } 

/***** SEARCH *****/
#searchform { margin: 10px auto; padding: 5px 3px; text-align: center; color: #e0dcc5; }
#sidebar #searchform #s { width: 108px; padding: 2px; }
#sidebar #searchsubmit { padding: 1px; }

/***** Calendar *****/
#wp-calendar { text-align: center; background: #cc9933; margin: 0 0 10px 20px;
padding: 0; width: 80%; border: #993300 2px solid; font-variant: small-caps;
font-family: Tahoma, Geneva, sans-serif; }
#wp-calendar td { line-height: 10px; font-size: 10px; color: #600000; font-variant: small-caps; }
#wp-calendar td a { display: block; color: #600000; text-decoration: none; line-height: 10px;
font-weight: bold; font-variant: small-caps; font-size: 10px; }
#wp-calendar #prev a { width: 30px; font-variant: small-caps; }
#wp-calendar #next a { width: 30px; margin: 0 0 0 30px; font-variant: small-caps; }
#wp-calendar #today { background: #600000; color: #e6ddbc; font-variant: small-caps; }
#wp-calendar #today a { color: #463e35; font-weight: 700; font-variant: small-caps; }
#wp-calendar caption { color: #600000; text-align: center; width: 80%; margin: 5px 0 5px 20px; font-variant: small-caps; font-family: Tahoma, Geneva, sans-serif; font-size:12px; }

/***** COMMENTS *****/
.comments-template { margin: 0 10px 20px 300px; padding: 0 10px 10px; border-left: #da0000 solid 1px; color: #ffffff; float: left;}
.comments-template ol { margin: 0 10px 10px 10px; padding: 10px 60px 15px 140px; list-style: none; height: 680px;}
.comments-template ol li { margin: 0; line-height: 14px; padding: 10px 0 10px 5px; }
.comments-template h2, .comments-template h3 { font-family: Tahoma, Geneva, sans-serif; font-size: 12px; padding-top: 40px; text-align: center; }
.commentmetadata { font-size: 9px; }
.comments-template p.nocomments { padding: 0; }
.comments-template textarea { font-family: Tahoma, Geneva, sans-serif; font-size: 13px; background: #E0DCC5; }
.authorcomment { background: #cc9933; }
.affichage_comments {background: url(http://magicalementvotre.antonydrugeon.fr/wp-content/uploads/2010/04/livredor-définitif1.jpg) no-repeat; height: 856px; color: #000; width: 650px; margin-left: auto; margin-right: auto; }
.comment-navigation {margin: 0 80px 0 100px; }
.affichage_commentsonly {overflow-x: hidden; overflow-y: auto; margin: 0 20px 0 0; width: 647px;}


#commentform p {padding: 10px 0 10px 30px;}
#formulaire_contact input, form select, form textarea {margin-left: 0;}

/***** FOOTER *****/
#footer { clear: both; float: left; width: 1000px; height:35px; padding: 0; background: #000000 url(images/menu-bg.gif) repeat-x; border-top: #e0dcc5; }
#footer .footer { font-size: .9em; width: 100%; float: right; line-height: 18px; padding: 10px 0 0 0; text-align: right; color: #ddd7c0; margin: 0 10px 0 0;}
#footer a { color: #cc9933; font-weight: normal; margin: 0 0 3px 0; }
#footer a:hover {text-decoration:underline;}
#footer img {border: none; margin: 0 10px 0 0;}

/***** IE HACKS *****/
*html #left_sidebar { margin: 0 0 20px 5px; } 
*html .search { margin: 10px 10px 0 0; }