/*
Theme Name: Geek Touristique
Theme URI: http://www.geektouristique.com/
Description: Le theme de geektouristique.com
Version: 1.0
Author: Matteo Batazzi aka Croakx
Author URI: http://www.matteobatazzi.eu/
Tags: dark, grey, centered, two columns, green, white
*/

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: none; list-style: none; text-decoration: none}
body {background: #717171 url(img/bg.jpg) repeat-x; font-family: Arial}

#container {width: 996px; margin: 0 auto}
#containerinside {float: left; background: transparent url(img/bg_containerinside.jpg) repeat-y scroll 14px 0}
#content {float: left; width: 996px; border-top: none }
#header {width: 967px; height: 260px; margin: 0 0 0 14px; background: url(img/header.jpg) no-repeat}
#header h1 {float: left; margin: 30px 0 0 130px}
#header h1 a {display: block; width: 380px; height: 60px}
#header h1 a span {position: absolute; top: -99999em}
#header h2 {position: absolute; top: -99999em}

#main {float: left; width: 667px; margin: 0 0 0 14px; padding: 0 15px 0 50px; clear: left}
#main.single .post {position: relative; margin: 0 0 30px 0}
#main.single .post {color: #2D2D2D; font-size: 24px; margin: 0 0 10px 0}
#main.search .post {position: relative; margin: 0 0 20px 0}
#main.search .post p.postmetadata {font-size: 12px; padding: 8px 0 0}
#main a {color: #6ba725; font-weight: bold}
#main a:hover {color: #82C731}
#main .post {position: relative; margin: 0 0 70px 0}
#main .post p img {border: 1px solid #ccc}
#main .post img.wp-smiley {border: none}
#main .post strong {font-weight: bold; color: #2D2D2D}
#main h2 {font-size: 24px; color: #2D2D2D}
#main h2 a {color: #6ba725}
#main h2 a:hover {color: #82c731}
#main h2.center {margin: 0 0 15px 0}
#main h3 {font-size: 24px}
#main h3 a {color: #6ba725}
#main h3 a:hover {color: #82c731}
#main .entry {clear: left; padding: 0 0 15px 0}
#main .entry ul {margin: 0 0 20px 0}
#main .entry ul li {list-style: disc; margin: 0 0 0 30px; font-size: 15px; color: #2d2d2d; line-height: 24px}
#main p {font-size: 15px; color: #2d2d2d; line-height: 24px}
#main p.author {float: left; margin: 0 5px 20px 0; padding: 0 5px 0 0; font-size: 11px; border-right: 1px solid #ccc}
#main p.cats {float: left; font-size: 11px; margin: 0 0 20px 0; padding: 0 5px 0 0; border-right: 1px solid #ccc}
#main p.tags {float: left; width: 370px; font-size: 11px; margin: 0 0 15px 0; padding: 0 0 0 5px}
#main p.tags span {float: left; height: 50px; margin: 0 5px 0 0}
#main p.date {position: absolute; top: 0; left: -64px; width: 46px; height: 61px; background: url(img/bg_date.png) no-repeat; text-align: center}
#main p.date span.day {float: left; margin: 5px 0 0 14px; font-size: 22px; color: #8b8b8b}
#main p.date span.month {float: left; margin: -8px 0 0 13px; font-size: 12px; color: #8b8b8b; text-transform: uppercase}
#main p.date span.year {float: left; margin: -9px 0 0 15px; font-size: 20px; color: #8b8b8b}
#main #respond h3 {color: #2D2D2D}
#main #commentform {}
#main #commentform label {color: #2D2D2D}
#main #comment {margin: 2px 0; padding: 2px; background: #fff; border: 1px solid #999}
#main #submit {float: right; margin: 7px 7px 0 0; width: 160px; padding: 2px 0; background: #7fc133; color: #fff; border: 1px solid #5b8d22; font-family: Arial; font-size: 11px; font-weight: bold; text-transform: uppercase; cursor: pointer}
#main #submit:hover {color: #7fc133; background: #fff}
#main #author {width: 180px; margin: 2px 0; padding: 2px; background: #fff; border: 1px solid #999}
#main #email {width: 180px; margin: 2px 0; padding: 2px; background: #fff; border: 1px solid #999}
#main #url {width: 180px; margin: 2px 0; padding: 2px; background: #fff; border: 1px solid #999}
#main p.comments {clear: right; float: right; width: 150px; height: 27px; margin: 10px 0 0 0; padding: 1px 0 0 0; background: url(img/bg_comments.png) no-repeat; font-family: Verdana; font-size: 12px; font-weight: bold; text-align: center}
#main p.comments a {color: #fff}
#main p.comments a:hover {color: #ABEF5C}
#main .navigation {margin: 0 0 45px; font-family: Arial; font-size: 11px; color: #8B8B8B}
#main .navigation .alignleft {width: 300px; float: left}
#main .navigation .alignleft a {color: #8B8B8B}
#main .navigation .alignleft a:hover {color: #b4b3b3}
#main .navigation .alignright {width: 300px; float: right; text-align: right}
#main .navigation .alignright a {color: #8B8B8B}
#main .navigation .alignright a:hover {color: #b4b3b3}
#main .fn {font-size: 20px; color: #6BA725}
#main .commentmetadata {font-size: 11px; margin: 0 0 15px 0}
#main h3#comments {font-size: 20px; color: #2D2D2D}
#main #s {float: left; width: 140px; padding: 2px 0; margin: 0 5px 0 0; background: #fff; border: 1px solid #5b8d22}
#main #searchsubmit {width: 65px; padding: 2px 0; background: #7fc133; color: #fff; border: 1px solid #5b8d22; font-family: Arial; font-size: 11px; font-weight: bold; text-transform: uppercase; cursor: pointer}
#main #searchsubmit:hover {color: #7fc133; background: #fff}
#main ol.commentlist p {font-size: 12px; line-height: 20px}
#main .admain {width:490px; margin: 0 auto 15px auto}
#main .pubwide {width: 336px; margin: 0 auto}
#main .pubwide2 {width: 336px; margin: 20px auto}
#main #respond {clear: left; margin: 30px 0 0 0}
#main .post-edit-link {font-size: 12px}
#main .comment {width: 644px; margin: 0 0 25px 0; padding: 10px; background: #E4E4E4; border: 1px solid #DDD}
#main .comment p {clear: left}
#main .infocomcont {padding: 4px 0 0 0}
#main .comment-author-croakx {background: #def9bf; border: 1px solid #ccf89a}
#main .comment-author.vcard {float: left; width: 400px; font-size: 17px; font-weight: bold}
#main .comment-author.vcard img {float: left; margin: 3px 10px 10px 0}
#main .comment-author.vcard span.says {color: #2D2D2D}
#main .comment-meta.commentmetadata {float: right; width: 205px; text-transform: uppercase; font-size: 11px; padding: 4px 0 0 0; text-align: right}
#main .comment-meta.commentmetadata a {color: #b4b3b3}
#main .vid {margin: 20px 0}
#main .vid p {font-size: 12px}
#main .vid a {font-size: 12px; color: #6ba725}
#main .pubmiddle {width: 468px; margin: 0 auto 35px auto}
#main .pubmiddle2 {width: 468px; margin: 40px auto 35px}
#main h3.pingtit {font-size: 18px; color: #2D2D2D}
#main .pingcont {border: 1px solid #ccc; margin: 0 0 30px 0; padding: 10px; background: #f5f5f5}
#main ol.pingbacks {}
#main ol.pingbacks li {}
#main ol.pingbacks li a {font-size: 13px}
#main ul.share {}
#main ul.share li {float: left}
#main ul.share li.fb {margin: 0 15px 0 0}
#main ul.share li.fb a {float: left}
#main ul.share li.rt {margin: -1px 5px 0 0}
#main ul.share li.bz {margin: 0 15px}
#main ul.share li.bz a {float: left}
#main ul.share li.partager {font-size: 13px; color: #333; width: 70px}
#main .postmetadata {clear: left}
.plusone {float: right}

#sidebar {float: left; width: 212px; padding: 0 10px; background: #282828; color: #fff; font-size: 12px}
#sidebar h2 {margin: 0 0 5px 0; font-family: Verdana; font-size: 13px; color: #7fc133; text-transform: uppercase}
#sidebar h3 {margin: 0 0 5px 0; font-family: Verdana; font-size: 13px; color: #7fc133; text-transform: uppercase}
#sidebar a {color: #d1faa2}
#sidebar a:hover {color: #fff}
#sidebar p.avatarabout {width: 48px; height: 48px; float: left; margin: 2px 5px 5px 0 !important; border: 1px solid #999; background: url(img/avatar.png) no-repeat}
#sidebar .where p {margin: 0 0 25px 0}
#sidebar #searchform {margin: 0 0 25px 0}
#sidebar #s {float: left; width: 140px; padding: 2px 0; margin: 0 5px 0 0; background: #fff; border: 1px solid #5b8d22}
#sidebar #searchsubmit {width: 65px; padding: 2px 0; background: #7fc133; color: #fff; border: 1px solid #5b8d22; font-family: Arial; font-size: 11px; font-weight: bold; text-transform: uppercase; cursor: pointer}
#sidebar #searchsubmit:hover {color: #7fc133; background: #fff}
#sidebar ul li ul {margin: 0 0 25px 0}
#sidebar p.contact {margin: 5px 0 0 0}
#sidebar p.contact strong {color: #d1faa2; font-weight: bold}
#sidebar li.pub {margin: 25px 0 10px 0}
#sidebar ul.rss li.rss {padding: 0}
#sidebar ul.rss li.rss a {display: block; height: 36px; padding: 4px 0 0 45px; background: url(img/ico_rss.gif) no-repeat}
#sidebar ul.badges {}
#sidebar ul.badges li.last {margin: 15px 0}
#sidebar li.twitter {display: none; margin: 25px 0 10px -10px; padding: 5px 0 0 0; background: #F0F0F0; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px}
#sidebar li.twitter h3 {display: block; width: 86px; height: 24px; margin: 0 0 0 7px; background: url(img/logo_twitter.gif) no-repeat}
#sidebar li.twitter h3 span {position: absolute; top: -99999em}

#footer {float: left; width: 667px; margin: 0 0 0 14px; padding: 25px 15px 0 50px}
#footer a {color: #6ba725; font-weight: bold}
#footer a:hover {color: #82c731}
#footer p {font-size: 13px; color: #2d2d2d; text-align: center}
#footer p.w3c {font-size: 11px; color: #2d2d2d; text-align: center}

/* Gallery WP */
.gallery {margin: 0 auto}
.gallery-item {float: left; width: 220px; margin: 10px 0 0 0; text-align: center}
.gallery img {border: 2px solid #cfcfcf}
.gallery-caption {margin: -1px 0 0 0; font-size: 12px; font-style: italic}

/* Wikio */
.wikio-share-inline {margin: 20px 0 0 0 !important}
.wikio-share-button a {color: #fff !important; line-height: 1.2em !important}

/* Addthis */
.addthis {float: left; margin: 0 15px 0 0}

/* Twitter */
#twitter_div {margin: 0 0 25px 0; padding: 10px; overflow: hidden}	
#twitter_div ul#twitter_update_list {font-size: 12px}	
#twitter_div ul#twitter_update_list li {margin: 0 0 8px 0; color: #2D2D2D}
#twitter_div ul#twitter_update_list li a {font-size: 11px; font-weight: bold; color: #6ba725; text-decoration: none}
#twitter_div ul#twitter_update_list li a:hover {color: #82c731}
#twitter_div a#twitter-link {display: block; height: 55px; padding: 5px 0 0 55px; font-size: 18px; background: url(img/ico_twitter.gif) no-repeat 0 0; color: #6ba725; text-decoration: none}
#twitter_div a#twitter-link:hover {color: #82c731}