/*
Theme Name: Waebo
Theme URI: http://www.waebo.com/
Description: A WordPress theme built from scratch for Waebo <http://www.waebo.com>
Version: 1.0
Author: Baptiste SIMON via Webdistillery
Author URI: http://www.webdistillery.com/
*/

/**
 * RESET
 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/**
 * SITE
 */

body {
	background: #382e22;
	color: #382e22;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

h1, h2 {
	color: #6798ca;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 20px;
	font-style: italic;
	font-weight: normal;
	line-height: 30px;
	margin-bottom: 15px;
}

h1 a:hover, h2 a:hover {
	text-decoration: none;
}

a {
	color: #6798ca;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

a:active {
	position: relative;
	top: 1px;
}

img {
	border: 0;
}

blockquote {
	background: url(images/quote.gif) 570px bottom no-repeat;
	border-left: #afc336 5px solid;
	color: #666;
	margin: 3px 0;
	padding: 0 5px 0 10px;
}

/**
 * GENERAL
 */

.clear {
	clear: both;
}

.fl {
	float: left;
	padding-right: 10px;
}

#wrapper {
	margin: 0 auto;
	width: 960px;
}

/**
 * HEADER
 */

#header {
	height: 135px;
	margin-bottom: 10px;
	position: relative;
}

#logo {
	background: url(images/waebo-logo.gif) no-repeat;
	height: 75px;
	position: relative;
	top: 50px;
	left: 50px;
	width: 175px;
}

#logo a {
	display: block;
	height: 75px;
	text-indent: -9999px;
}

#main-nav {
	background: #fff;
	padding-top: 8px;
	position: absolute;
	top: 0;
	width: 630px;
}

#main-nav li {
	float: left;
	line-height: 18px;
	padding-left: 13px;
}

#main-nav li a {
	display: block;
}

#header div.boxBigBottom {
	position: absolute;
	top: 26px;
	width: 630px;
}

#nav {
	background: #fff;
	padding-top: 8px;
	position: absolute;
	right: 0;
	top: 0;
	width: 320px;
}

#nav li {
	float: left;
	line-height: 18px;
	padding-left: 13px;
}

#nav li a {
	display: block;
}

#header div.boxSmallBottom {
	position: absolute;
	right: 0;
	top: 26px;
	width: 320px;
}

/**
 * PAGE
 */

#superPage {
	float: left;
	width: 630px;
}

h3.pagetitle {
	color: #afc336;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	font-style: italic;
	letter-spacing: 1px;
	margin-bottom: 10px;
}

.page h3 {
	color: #afc336;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	font-style: italic;
	letter-spacing: 1px;
	margin-bottom: 10px;
}

.toTop {
	background: url(images/toTop.gif) right no-repeat;
	font-weight: bold;
	line-height: 26px;
	padding-right: 8px;
	text-align: right;
}

.boxBigTop {
	background: url(images/boxBig.gif) top no-repeat;
	height: 8px;
}

.boxBigBottom {
	background: url(images/boxBig.gif) bottom no-repeat;
	height: 8px;
	margin-bottom: 10px;
}

.post {
	background: #fff;
	padding: 5px 15px 10px 15px;
}

#prevNextLinks {
	background: #fff;
	height: 16px;
	line-height: 16px;
	overflow: hidden;
	padding: 0 10px;
}

#halfLeft {
	float: left;
	width: 295px;
}

#halfRight {
	float: right;
	text-align: right;
	width: 295px;
}

.post p {
	line-height: 20px;
	padding: 5px 0;
	text-align: justify;
}

.post ul, .post ol {
	margin-left: 25px;
}

.post ul li {
	list-style: disc;
	line-height: 20px;
}

.post ol li {
	list-style: decimal; 
	line-height: 20px;
}

.post ul li ul, .post ol li ol {
	margin-left: 10px;
}

.post ul li ul li {
	list-style: circle;
}

.share {
	margin-bottom: 10px;
	text-align: right;
}

.twitter-share-button {
	margin-right: 20px;
}

.fb_iframe_widget {
	top: -3px;
}

.aligncenter {
	display: block;
	margin: 0 auto;
}

.alignleft {
	display: inline;
	float: left;
	margin-bottom: 10px;
}

.alignright {
	display: inline;
	float: right;
	margin-bottom: 10px;
}

.postSeparator {
	background: url(images/postSeparator.gif) no-repeat;
	height: 11px;
}

#postAuthor {
	background: #fff;
	padding: 7px 10px 10px 10px;
}

#postAuthor img {
	float: left;
}

#postAuthor #twitterFollowButton {
	float: right;
}

.twitter-follow-button {
	width: 200px !important;
}

#postAuthor #googlePlusFollowButton {
	float: right;
	margin-right: 10px;
}

#postAuthor h3 {
	color: #382e22;
	margin-left: 75px;
}

#postAuthor p {
	line-height: 18px;
	margin-left: 75px;
	padding: 5px 0;
	text-align: justify;
}

.postFooter {
	background: #fff;
	padding: 10px;
}

.postFooter div {
	margin-bottom: 3px;
}

.postFooter img {
	position: relative;
	top: 3px;
}

a.post-edit-link {
	float: right;
	position: relative;
	top: 5px;
}

#shareAndSimilarPosts {
	background: #fff;
	padding: 10px;
}

#shareAndSimilarPosts h3 {
	color: #382e22;
}

#shareAndSimilarPosts ul {
	margin-top: 10px;
}

#shareAndSimilarPosts ul li {
	line-height: 22px;
	text-align: justify;
}

#similarPosts {
	float: left;
	width: 475px;
}

#share {
	float: right;
	width: 125px;
}

#share img {
	top: 3px;
	position: relative;
}

/**
 * Commentaires
 */

.commentBox {
	margin-bottom: 10px;
}

.commentAvatar {
	background: url(images/bulleComment.gif) 47px 10px no-repeat;
	float: left;
	height: 40px;
	width: 55px;
}

.commentContent {
	background: #fff;
	float: right;
	padding: 0 10px 0 10px;
	width: 555px;
}

.commentContent.url {
	float: left;
}

.commentPseudo {
	float: left;
}

.commentInfos {
	text-align: right;
	margin-bottom: 5px;
}

.commentMessage {
	line-height: 18px;
	text-align: justify;
}

.commentMessage p.waiting {
	font-style: italic;
}

.commentMessage p {
	padding: 5px 0;
}

.commentMessage ul {
	margin-left: 25px;
}

.commentMessage ul li {
	list-style: disc;
	line-height: 20px;
}

.boxCommentTop {
	background: url(images/boxComment.gif) top no-repeat;
	float: right;
	height: 8px;
	width: 575px;
}

.boxCommentBottom {
	background: url(images/boxComment.gif) bottom no-repeat;
	float: right;
	height: 8px;
	width: 575px;
}

/**
 * Pings et trackbacks
 */

.pingsAndTrackbacks cite {
	display: block;
	margin-bottom: 5px;
}

.pingsAndTrackbacks {
	background: #fff;
	line-height: 18px;
	padding: 0 8px;
	text-align: justify;
}

.pingsAndTrackbacks p {
	padding: 5px 0;
}

/**
 * Formulaire de commentaires
 */
#formBox {
	background: #fff url(images/quoteForm.gif) 525px 35px no-repeat;
	padding-left: 10px;
}

#formInfos {
	border-left: #dedede 1px dashed;
	float: right;
	line-height: 18px;
	margin-top: 10px;
	padding: 0 0 5px 20px;
	width: 250px;
}

#formInfos a {
	color: #382e22;
}

#formBox p {
	padding: 3px 0 3px 0;
}

#formBox p#disconnectLink {
	margin: 10px 0 40px 0;
}

#formBox label {
	font-weight: bold;
	float: left;
	position: relative;
	top: 5px;
	width: 75px;
}

#formBox input {
	width: 200px;
	border: 0;
	border-bottom: #dedede 1px dashed;
}

#formBox textarea {
	border: 0;
	border-bottom: #dedede 1px dashed;
	border-top: #dedede 1px dashed;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	height: 100px;
	line-height: 18px;
	margin-top: 5px;
	padding: 5px;
	width: 595px;
}

#formSubmit {
	background: transparent;
	border: 0 !important;
	cursor: pointer;
	float: right;
	font-weight: bold;
}

/**
 * PAGINATION
 */

#pagination {
	background: #fff;
	text-align: center;
}

/**
 * SIDEBAR
 */

#sidebar {
	float: right;
	width: 320px;
}

#sidebar h3 {
	background: url(images/bulle.gif) 15px 9px no-repeat;
	color: #afc336;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	font-style: italic;
	letter-spacing: 1px;
	line-height: 24px;
	padding-left: 50px;
}

.box {
	background-color: #fff;
}

.boxSmallTop {
	background: url(images/boxSmall.gif) top no-repeat;
	height: 8px;
}

.boxSmallBottom {
	background: url(images/boxSmall.gif) bottom no-repeat;
	height: 8px;
	margin-bottom: 10px;
}

	/* Icônes sociales */

#socialIcons li {
	float: left;
	padding: 0 15px;
}

#socialIcons li a img {
	-moz-transition-duration: 0.8s;
	-o-transition-duration: 0.8s;
	-webkit-transition-duration: 0.8s;
}

#socialIcons li a img:hover {
	-moz-transform: rotate(360deg);
	-o-transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
}

#socialDetails {
	clear: both;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	font-style: italic;
	height: 18px;
	padding: 10px 0 0 20px;
}

.like_box {
	padding: 0 10px !important;
}

	/* Encart */

#sidebar .ebuzzing_box {
	padding: 0 10px !important;
}

#sidebar .ebuzzing_sponsor_p {
	margin-top: 7px !important;
}

#sidebar .ebuzzing_sponsor_p a {
	color: #aaa !important;
	cursor: default !important;
	font-size: 10px !important;
}

#sidebar .ebuzzing_facebook {
	display: none !important;
}

	/* Recherche */

input#s {
	border: 0;
	border-bottom: #dedede 1px dashed;
	margin-left: 10px;
	width: 280px;
}

input#searchsubmit {
	background: url(images/loupe.gif) no-repeat;
	border: 0;
	cursor: pointer;
	height: 16px;
	line-height: 0; /* IE7 */
	text-indent: -9999px;
	width: 16px;
}

	/* Catégories, derniers posts & commentaires, etc. */

.listSidebar {
	padding: 0 10px;
}

.listSidebar li {
	border: 0;
	border-bottom: #dedede 1px dashed;
	line-height: 20px;
}

.block a{
	display: block;
}

.lsLeft, .lsRight {
	float: left;
	width: 160px;
}

.lsLeft li {
	padding: 0 5px 0 10px;
}

.lsRight li {
	padding: 0 10px 0 5px;
}

.lsLeft li a, .lsRight li a {
	border: 0;
	border-bottom: #dedede 1px dashed;
	display: block;
	line-height: 20px;
	padding-left: 3px;
}

	/* Promo Sidebar */

.promoSidebarSeparator {
	background: #fff url(images/sponsors.gif) 285px 10px no-repeat;
}

.promoSidebar li {
	float: left;
	padding-left: 8px;
}

	/* Archives */

#archivesSidebar {
	background: url(images/bulleArchives.gif) 295px 3px no-repeat;
	cursor: pointer;
	padding-left: 10px;
	font-style: italic;
}

#archivesBoxSidebar ul {
	margin-top: 5px;
} 

/**
 * OVER FOOTER
 */
#overFooter {
	clear: both;
	padding: 10px 0;
}

#overFooter h3 {
	background: url(images/bulle.gif) 15px 9px no-repeat;
	color: #afc336;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	font-style: italic;
	letter-spacing: 1px;
	line-height: 24px;
	padding-left: 50px;
}

#ofLeft {
	float: left;
	width: 475px;
}

#ofRight {
	float: right;
	width: 475px;
}

#ofLeftContent {
	background: #fff;
	padding: 0 10px;
	text-align: justify;
}

#ofRightContent {
	background: #fff;
	padding: 0 10px;
}

#ofRightContent img {
	float: right;
	padding-top: 2px;
}

#ofRightContent ul {
	width: 70%;
}

#ofRightContent ul li {
	border: 0;
	border-bottom: #dedede 1px dashed;
	line-height: 20px;
	padding-left: 3px;
}

#ofRightContent ul li a {
	display: block;
}

.boxOFTop {
	background: url(images/boxFooter.gif) top no-repeat;
	height: 8px;
}

.boxOFBottom {
	background: url(images/boxFooter.gif) bottom no-repeat;
	height: 8px;
}

/**
 * FOOTER
 */

#footer {
	color: #fff;
	padding: 10px 0 20px 0;
	text-align: center;
}

#footer a {
	color: #afc336;
	line-height: 16px;
}

/**
 * PLUGINS
 */

/* WP-PageNavi */

.wp-pagenavi {
	clear: both;
	line-height: 26px;
}

.wp-pagenavi a, .wp-pagenavi span {
	text-decoration: none;
	border: 1px solid #dedede !important;
	padding: 3px 5px;
	margin: 2px;
}

.wp-pagenavi a:hover, .wp-pagenavi span.current {
	background: #6798CA !important;
	border-color: #000;
	color: #fff !important;
}

.wp-pagenavi span.current {
	font-weight: bold;
}

/* SyntaxHighlighter */

.dp-highlighter
{
	font-family: "Consolas", "Courier New", Courier, mono;
	font-size: 12px;
	background-color: #E7E5DC;
	width: 99%;
	overflow: auto;
	margin: 18px 0px 18px 0px;
	padding-top: 1px; /* adds a little border on top when controls are hidden */
}

.dp-highlighter .bar
{
	padding-left: 45px;
}

.dp-highlighter.collapsed .bar, 
.dp-highlighter.nogutter .bar 
{
	padding-left: 0px;
}

.dp-highlighter ol 
{
	list-style: decimal; /* for ie */
	list-style: decimal-leading-zero; /* better look for others */
	background-color: #fff;
	margin: 0px 0px 1px 45px; /* 1px bottom margin seems to fix occasional Firefox scrolling */
	padding: 0px;
	color: #5C5C5C;
}

.dp-highlighter.nogutter ol
{
	list-style-type: none !important; 
	margin-left: 0px; 
}

.dp-highlighter ol li,
.dp-highlighter .columns div
{
	border-left: 3px solid #6CE26C;
	background-color: #f8f8f8;
	padding-left: 10px;
	line-height: 14px;
}

.dp-highlighter.nogutter ol li,
.dp-highlighter.nogutter .columns div
{
	border: 0;
}

.dp-highlighter .columns 
{
	color: gray;
	overflow: hidden;
	width: 100%;
}

.dp-highlighter .columns div 
{
	padding-bottom: 5px;
}

.dp-highlighter ol li.alt 
{
	background-color: #fff; 
}

.dp-highlighter ol li span 
{
	color: Black;
}

/* Adjust some properties when collapsed */

.dp-highlighter.collapsed ol 
{
	margin: 0px;
}

.dp-highlighter.collapsed ol li 
{ 
	display: none;
}

/* Additional modifications when in print-view */

.dp-highlighter.printing 
{
	border: none;
}

.dp-highlighter.printing .tools 
{
	display: none !important;
}

.dp-highlighter.printing li 
{
	display: list-item !important;
}

/* Styles for the tools */

.dp-highlighter .tools 
{
	padding: 3px 8px 3px 10px;
	font: 9px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: silver;
	background-color: #f8f8f8;
	text-align: right;
	padding-bottom: 10px;
	border-left: 3px solid #6CE26C;
}

.dp-highlighter.nogutter .tools
{
	border-left: 0;
}

.dp-highlighter.collapsed .tools
{
	border-bottom: 0;
}

.dp-highlighter .tools a
{
	font-size: 9px;
	color: #a0a0a0;
	text-decoration: none;
	margin-right: 10px;
}

.dp-highlighter .tools a:hover
{
	color: red;
	text-decoration: underline;
}

/* About dialog styles */

.dp-about { background-color: #fff; margin: 0px; padding: 0px; }
.dp-about table { width: 100%; height: 100%; font-size: 11px; font-family: Tahoma, Verdana, Arial, sans-serif !important; }
.dp-about td { padding: 10px; vertical-align: top; }
.dp-about .copy { border-bottom: 1px solid #ACA899; height: 95%; }
.dp-about .title { color: red; font-weight: bold; }
.dp-about .para { margin: 0 0 4px 0; }
.dp-about .footer { background-color: #ECEADB; border-top: 1px solid #fff; text-align: right; }
.dp-about .close { font-size: 11px; font-family: Tahoma, Verdana, Arial, sans-serif !important; background-color: #ECEADB; width: 60px; height: 22px; }

/* Language specific styles */

.dp-highlighter .comment, .dp-highlighter .comments { color: #008200; }
.dp-highlighter .string { color: blue; }
.dp-highlighter .keyword { color: #069; font-weight: bold; }
.dp-highlighter .preprocessor { color: gray; }

/* Contact Form 7 */

div.wpcf7 {
	margin: 0;
	padding: 0;
}

div.wpcf7-response-output {
	margin: 2em 0.5em 1em;
	padding: 0.2em 1em;
}

div.wpcf7-mail-sent-ok {
	border: 2px solid #398f14;
}

div.wpcf7-mail-sent-ng {
	border: 2px solid #f00;
}

div.wpcf7-spam-blocked {
	border: 2px solid #ffa500;
}

div.wpcf7-validation-errors {
	border: 2px solid #f7e700;
}

span.wpcf7-form-control-wrap {
	position: relative;
}

span.wpcf7-not-valid-tip {
	position: absolute;
	top: 20%;
	left: 20%;
	z-index: 100;
	background: #fff;
	border: 1px solid #f00;
	font-size: 10pt;
	width: 280px;
	padding: 2px;
}

span.wpcf7-not-valid-tip-no-ajax {
	color: #f00;
	font-size: 10pt;
	display: block;
}

span.wpcf7-list-item {
	margin-left: 0.5em;
}

.wpcf7-display-none {
	display: none;
}

div.wpcf7 img.ajax-loader {
	border: none;
	vertical-align: middle;
	margin-left: 4px;
}