/*
Theme Name: Podologue du sport
Theme URI: http://www.podologue-sport.com
Description: Thème réalisé pour Pierre Lapègue, podologue.
Version: 0.1
Author: Jonathan Petitcolas
Author URI: http://www.tlconseil.com 
*/

body, textarea, input, small { font-family: Verdana, Tahoma, Arial; font-size: 11px; line-height: 1.4em; }
body { background: url(images/background.jpg); color: #666666; }

#page { border: 1px solid #E48800; background-color: #FFFFEF; width: 1000px; margin: auto; padding: 10px;}

#page #header { height: 110px; border-bottom: 1px solid #FFDEAF; margin-bottom: 10px; }
#page #header #newsletterFormDiv button { border: 0; background: url(images/newsletter.png) no-repeat transparent; height: 50px; width: 50px;  position: relative; padding-top: 15px; margin-left: 195px; }
* html #page #header, *+html #page #header { height: 170px; }

#page #header #logo { float: left; margin-top: -60px; }
*+html #page #header #logo { margin-top: 0; }
* html #page #header { margin-top: 0; }

#page #header h1 { margin-top: 60px; margin-bottom: 5px; }
#page #header p.description { }


#page #content .bandeau { border: 1px dotted silver; padding: 5px; background-color: rgb(255, 255, 239); }

#page #content { float: left; width: 710px; padding: 15px; border-right: 1px solid #FFDEAF; padding-right: 20px; }
#page #content h2, #page #content h3 { margin-bottom: 5px; }
#page #content img { border: 1px solid#E48800; padding: 2px; margin: 10px; margin-bottom: 0; }
#page #content .wp-caption-text { font-style: italic; color: #888888; }
#page #content .post { border-bottom: 1px dotted #E48800; clear: both; padding-top: 10px; }

#page #content .commentlist { list-style: none; }
#page #content .commentlist li { border-bottom: 1px solid #ECECEC; padding-bottom: 10px; }
#page #content .commentlist .avatar { float: left; margin-right: 10px; border: 1px solid silver; padding: 1px; margin-top: 5px;}
#page #content .commentlist p { margin-left: 90px; } 

#respond form label { float: left; width: 300px; }
#respond form input { width: 210px; }
#respond form textarea { width: 510px; position: static; }

#page #content hr { width: 85%; border: 0; border-bottom: 1px #CECECE solid; height: 1px; margin: 10px auto; }

#page #sidebar { float: right; width: 240px; padding-top: 20px; }
#page #sidebar ul { list-style: none; margin: 0; padding-left: 10px; }
#page #sidebar ul li { margin-bottom: 20px; border-bottom: 1px solid #FFDEAF; padding-bottom: 15px; }
#page #sidebar ul li li { margin-bottom: 0px; border: 0; }
#page #sidebar ul #about img { margin-right: 10px; border: 1px solid orange; padding: 2px; }
#page #sidebar ul ul { list-style: url(images/puce.gif); }

#page #sidebar #searchform input { border: 1px solid silver; font-style: italic; }

#page #sidebar #suiteEdito { padding-bottom: 10px; margin-top: -10px; }

#page #sidebar ul #cabinetItem p { padding: 0px 35px; text-align: center; }
#page #sidebar ul #cabinetItem p { padding: 0px 35px; text-align: center; }
#page #sidebar ul #cabinetItem img { float: left; position: relative; top: -30px; }
#page #sidebar ul #cabinetItem h3 { margin-right: 50px; text-align: center; }
#page #sidebar ul #cabinetItem .top { background: url(images/cabinetItem-top.png) no-repeat; height: 33px; margin-left: 1px; }
#page #sidebar ul #cabinetItem .middle { background: url(images/cabinetItem-middle.png) repeat-y; margin: -14px 0 -12px 0; }
#page #sidebar ul #cabinetItem .bottom  { background: url(images/cabinetItem-bottom.png) no-repeat; height: 33px; }
*+html #page #sidebar ul #cabinetItem img { top: -10px; }

#page #sidebar #tagsCloud { }
#page #sidebar #tagsCloud p { line-height:20px; margin:10px 10px 0; text-align:left; }

#page #footer { clear: both; padding-top: 20px; }
#page #footer p { text-align: center; }

h1, h1 a { color: #E48800; font-size: 28px; }
h2, h2 a { color: #E48800; font-size: 18px; line-height: 1.2em; width: 657px; margin-top: 0; }
h3, h3 a { color: #E48800; font-size: 14px; }
h4, h4 a { color: #E48800; font-size: 14px;}
h5, h5 a { color: #555555; font-size: 12px; }
h6 { font-weight: normal; font-size: 11px; color: #555555; font-weight: bold; }

small { color: #AAAAAA; }

a { text-decoration: none; color: #E48800; }

ul { list-style: url(images/puce.gif); }
li { margin-bottom: 4px; }

form input[type="text"], form textarea { color: #555555; padding: 2px; cursor: pointer; border: 1px solid silver; width: 175px; }

p { margin-bottom: 12px; text-align: justify;}

.navigation { margin-top: 10px; }

.center, .aligncenter { text-align: center; margin: auto; }
.alignleft { float: left; margin-right: 10px; }
.alignright { float: right; margin-left: 10px; }

.googleMap { border: 1px solid #E48800; margin-bottom: 15px; }

.video { text-align: center; margin: 10px; }

#page #content .sociable ul { list-style: none; height: 35px; text-align: center; margin-top: 10px;  }
#page #content .sociable ul li { list-style: none; float: left; margin-right: 15px; width: 20px; padding: 0; background: none;}
#page #content .sociable ul li img { border: 0; }
#page #content .sociable ul li a img { border: 0; }
#rss { float: right; margin-top: -100px; width: 200px; }
#rss img { float: right; margin-left: 10px; margin-right: 10px }
#rss p { width: 180px; margin-top: 7px }

#seopagebar { margin-top: 15px; text-align: center; }
#seopagebar a { border: 1px solid #E48800; padding: 5px; margin-right: 20px; }
#seopagebar span { font-weight: bold; color: white; background-color: #FF9600; margin: 5px; padding: 5px; }
#seopagebar a:hover { background-color: #FFEBCF; }

a img { border: 0; }

*+#bloc-droite form input[type="text"], form textarea { position: absolute; margin-top: 20px; }
*+html #page #header #newsletterFormDiv button { position: absolute; }
*+html #page #header #bloc-droite #rss { margin-top: 70px; }
*+html #rss p { margin-top: -20px; }  
*+html #cabinetItem h3 { padding-left: 50px; }

#page #content h2{ float: left; }
#page #content .printlink { float: right; margin-top:-2px; margin-right: 15px; vertical-align:middle; }
#page #content .printlink img { background: inherit; border: inherit; padding: inherit; padding-top: 1px; vertical-align: middle; margin: 0px;}
#page #content .entry { clear: both; }

.postdate { float: left; display: block; margin: -3px 10px 0 0; background: url(images/calendrier.png) no-repeat;
width: 45px; height: 50px; font-family: Arial; }
.bgdate { background: #e07701; width: 43px; height: 44px; float: left; margin: 0 10px 10px 0; }
.postdate .month { color:white; text-transform: uppercase; text-align: center; margin-bottom: 3px;
margin-top: 3px; font-weight: bold; padding-right: 1px; }
.postdate .day { color:black; text-align: center; font-size: 1.5em; padding-right: 1px; }
.postdate .year { color:#aeaeae; text-align: center; margin-top: -3px; padding-right: 1px; }

#page #content div .auteur p a img { border: none; }

#page #content div .auteur p small { height: 24px; line-height: 24px; vertical-align: 6px;  }