/*
Theme Name: Tux-planetv5
Theme URI: http://www.tux-planet.fr
Description: Le theme Wordpress du site Tux-planet
Version: 5.0
Author: Sebastien Bilbeau
Author URI: http://www.tux-planet.fr/cv
Tags: blue, custom header, fixed width, two columns, widgets
Licence : @2005 All rights reserve - Toutes reproduction interdites
*/

/* General
************************************************************************/
body { 
	background: #eee url(images/bg.png) repeat-y center;
	color: #5c5c5c;
	margin: 0 10px 16px;
	font: 70%/160% Verdana, Arial, "Bitstream Vera Sans", sans-serif;
	text-align: justify;
}
li {
	list-style: none;
	padding-bottom: 3px;
}
ul, ol {
	padding: 6px 6px 10px 6px;
}
strong, b {
	font-weight: bold;
}
em, i {
	font-style:italic;
}
.alignleft { 
	float:left; 
}
.alignright { 
	float:right; 
}
.aligncenter {
        margin: 0 auto;
        display: block;
}
.aligncenter-double {
        width: 60%;
        margin: auto;
}
kdb, .shortcut {
	background-color: rgb(238, 238, 238); 
	border-width: 1px 2px 2px 1px; 
	border-left-color: rgb(187, 187, 187); 
	border-right-color: rgb(170, 170, 170); 
	border-top: 1px solid rgb(204, 204, 204); 
	margin: 0px; 
	padding: 2px 4px 0px; 
	vertical-align: baseline; 
	white-space: nowrap;
}

/* Videos
************************************************************************/
.video {
        width: 620px;
        height: 450px;
}

/* Images
************************************************************************/
img {
	background: transparent;
	border: none;
}
.post p img.smiley {
	background: transparent;
	border: none;
}

/* Divers
************************************************************************/
#bigwrap {
	width: 980px;
	margin: 0 auto;
	text-align: left; 
}
.clearfix:after {
    content: ".";
    visibility:hidden;
    display: block;
    height: 0;
    clear: both;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac */
.clearfix {display:block;}
/* End hide from IE Mac */

/* Site header
************************************************************************/
#site-header {
	background: #00638d url("./images/header-background.gif") bottom left no-repeat;
	position: relative;
	width: 960px;
	color: #fff;
	margin: 0 auto;
	padding: 10px;
	height: 122px;
	overflow: visible;
	line-height: 12px ! important; 
}
#site-header a { 
	color: #fff; 
}
#site-header a:link, #site-header a:visited { 
	color: #fff;
	text-decoration: none;
}
#site-header a:hover {
	color: #ccc; 
}
#logo {
	background: #00638d url("./images/logo.png") no-repeat;
	position: absolute;
	top: 36px;
	left: 35px;
	display: block;
	width: 250px;
	height: 50px;
	margin: 0;
}
#site-header .banner-top {
	float: right;
	margin-top: 15px;
	margin-right: 10px;
	height: 90px;
	width: 728px;
}
#site-header ul {
	background-color: #00638d;
	list-style: none;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
}
/* Style du Custom Menu */
#site-header ul.menu {
	float: left;
	width: 680px;
	margin-left: -9px;
}
#site-header ul.about {
	float: right;
}
#site-header ul li {
	float: left;
	margin: 5px 0;
}
#site-header ul li a {
	padding: 0 10px;
}
#site-header ul li.active {
	margin: 0;
}
#site-header ul li.active span.topleft {
	background: transparent url("./images/menu-top-left.png") top left no-repeat;
	display: block;
}
#site-header ul li.active span.topright {
	background: transparent url("./images/menu-top-right.png") top right no-repeat;
	display: block;
}
#site-header ul li.active span.btmleft {
	background: transparent url("./images/menu-btm-left.png") bottom left no-repeat;
	display: block;
}
#site-header ul li.active a,
#site-header ul li.active a:visited {
	background: transparent url("./images/menu-btm-right.png") bottom right no-repeat;
	color: #459f02;
	display: block;
	padding: 5px 12px;
	font-weight: bold;
}
#site-header ul li.rss {
	margin: 4px 0;
}
#site-header ul li.rss a {
	padding-right: 0;	
}
#site-header ul li.plusone {
	margin: 4px -14px 0 0;
}

/* Page header
************************************************************************/
#page-header {
	background: #E6F0F2 url(./images/page-header-background.png) no-repeat 0 100%;
	width: 980px;
	color: #fff;
	margin: 0 auto;
	padding: 0 0;
}
#page-header ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#page-header ul.page-categories li a { 
	color: #409ccd; 
	border-right: 1px #cbd8e0 solid;
}
#page-header ul.page-categories li.first a {
	border: none;
}
#page-header ul.page-categories a:link,
#page-header ul.page-categories a:visited { 
	color: #00638D;
	text-decoration: none;
}
#page-header ul.page-categories a:hover { 	
	color: #FF6600;
}
#page-header ul.page-categories li {
	float: left;
	padding: 10px 0;
}
#page-header ul.page-categories li a,
#page-header ul.page-categories li span {
	padding: 0 10px;
}
#page-header ul.page-categories li.active {
	background: url(./images/header-activelink-arrow.gif) no-repeat 50% 100%;
}
#page-header ul.page-categories li.active a,
#page-header ul.page-categories li.highlight a {
	color: #45A100;
	font-weight: bold;
}
#page-header ul.page-categories li.highlight a:hover {
	color: #00638d;
}
/* search styles */
#page-header form {
	float: right;
	position: relative;
	padding-top: 10px;
	padding-right: 10px;
}
#page-header form input {
	font-size: 100%;
}
#page-header form input.button {
	color: #00638D;
	background: #fff;
	border-bottom: 1px solid #a9c8cf;
	border-right: 1px solid #a9c8cf;
	border-top: 1px solid #cfe2e6;
	border-left: 1px solid #cfe2e6;
	-moz-border-radius: 3px;
}
#page-header form input.text {
	font-size: 100%;
	width: 90px;
	min-width: 90px;
	background: #FFF;
	border-top: 1px solid #a9c8cf;
	border-left: 1px solid #a9c8cf;
	border-bottom: 1px solid #cfe2e6;
	border-right: 1px solid #cfe2e6;
	-moz-border-radius: 3px;
}

/* Page container
************************************************************************/
#page-container {
	margin-top: 20px;
}
#page-container a { 
	color: #00638d; 
}
#page-container a:link, #page-container a:visited { 
	color: #00638d;
	text-decoration: none;
}
#page-container a:hover { 
	text-decoration: underline;
}

/* Page
************************************************************************/
#page {
	float: left;
	width: 640px;
	padding: 0 19px 25px 0;
	border-right: 1px #f8f8f8 solid;
	text-align: justify;
	font-size: 100%;
}
#page ul, #page ol {
	margin-left: 20px;
}
#page li {
        list-style: square;
}
#page .post {
	margin: 25px 10px 60px 10px;
	padding: 0;
}
#page .post-top {
	clear:both;
	width:100%;
	margin-top:20px;
}
#page .post-top .title h2 a, 
#page .post-top .title h2 a:visited, 
#page .post-top .title h2 a:link {
	color: #00638d;
}
#page .post-top .title h2 a:hover {
	color: #FF6600;
	text-decoration:none;
}
#page .post-top .thetitle {
	padding-bottom: 5px;
	border-bottom: 1px solid #ccc;
	font-size: 1.55em;
}
#page .post-info { 
	padding: 0; 
	margin: 0;
	margin-top: -12px; /* Corrections */
	padding-left: 2px;
	padding-bottom: 6px;
	font-size: 11px;
	color: #828282;
}
#page .post-info a, #page .post-info a:link {
	text-decoration: underline;
	color: #828282;
}
#page .post-info .post-date {
	float: left;
}
#page .separation {
	border-top: 1px solid #ccc;
	margin-top: 20px;
	margin-bottom: 20px;
}
#page .content h3 {
	margin-top: 40px;
	font-size: 1.2em;
}
#page .content h4 {
	font-size: 1em;
	margin-top: 30px;
}
#page .content li {
        list-style: none;
        padding-bottom: 3px;
}
#page .content ul, #page .content ol {
	padding: 0px 6px 0px 6px;
}
#page .content  ul li {
	list-style: square;
}
#page .content ol li {
	list-style-type: decimal;
}
#page .post-extra {
	background: #eee;
	border: 1px solid #eee;
	padding: 4px;
}
#page .post-extra h3 {
	margin-left: 10px;
	font-size: 1.2em;
}
#page .post-extra li {
	list-style: square;
	margin-left: 15px;
}
#page .post-view {
	color: #a1a1a1;
	font-style: italic;
}
#page .post-categorie a, 
#page .post-categorie a:visited, 
#page .post-categorie a:link {
	text-decoration: underline;
	color: #828282;
}
#page .post-categorie a:hover {
	text-decoration: none;
	color: #828282;
}
#page .post-comment {
	float: right;
	color: #333;
	background: url("./images/comments.png") no-repeat left center;
	padding-left: 20px;
}
#page .post-comment a, 
#page .post-comment a:visited, 
#page .post-comment a:link {
	color: #828282;
	text-decoration: none;
}
#page .post-comment a:hover {
	color: #828282;
	text-decoration: underline;
}
#page .post-view {
        float: right;
	padding-left: 15px;
	margin-top: -17px; /* Correction */
}
#page .content p {
	margin: 20px 0;
}
#page .content blockquote p { 
        margin: 10px 0;
}
#page .content blockquote {
	background: #f5f5f5 url('./images/pre-terminal.png') no-repeat top left;
	margin-left: 0px;
	padding-left: 40px;
	margin: 10px 20px 10px 20px;
	border: 1px solid #808080;
	border-left: 3px solid #808080;
	text-align: left;
	font-size: 11px;
	font-weight: normal;
	font-family: Verdana, Arial, sans-serif;
	color: #383838;
}
#page .content pre {
	background: #f5f5f5;
	margin-left: 0px;
	padding-left: 20px;
	padding: 10px;
	margin: 10px 20px 10px 20px;
	border: 1px solid #808080;
	text-align: left;
	font-size: 11px;
	font-weight: normal;
	font-family: Verdana, Arial, sans-serif;
	color: #383838;
}

/* Navigation
************************************************************************/
.navigation {
	margin: -18px 10px 14px 10px;
	padding: 0;
	font-size: 1.1em;
	overflow: hidden;
}
.navigation a {
	color: #2e2e2e;
}
.navigation a:hover {
	text-decoration: underline;
}
.navigation .alignright {
	float: right;
	margin: 0;
}
.navigation .alignleft {
	float: left;
	margin: 0;
}
.navigation .alignright a {
	padding: .5em;
	background: url(images/arrow-right-nav.png) top right no-repeat;
	padding: 5px 20px 5px 5px;
	display: block;
	font-size: 1em;
}
.navigation .alignright a {
	background: url(images/arrow-right-nav2.png) top right no-repeat;
}
.navigation .alignleft a {
	padding: .5em;
	background: url(images/arrow-left-nav.png) top left no-repeat;
	padding: 5px 5px 5px 20px;
	display: block;
	font-size: 1em;	
}
.navigation .alignleft a {
	background: url(images/arrow-left-nav2.png) top left no-repeat;	
}


/* Tableau
************************************************************************/
.tableau {
	border-collapse:collapse
}
.tableau thead {
	border:1px solid #666;
	background-color:#CACACA;
	border-collapse:collapse
}
.tableau td {
	padding : 0.4em ;
	border-spacing:0;
	border:1px solid #666;
	empty-cells: show;
	background-color:#fafafa;
	text-align: right;
}
.tableau td.name {
	text-align: left;
}
.tableau caption {
	font-size:2em;
	padding:1em 0 0.5em 1em; /* HDBG */
}
.tableau tr.impaire td {
	background-color: #eee;
}
.tableau th {
	color: #666;
	padding: 0.7em;
	font-size:0.9em;
	font-weight:bold;
	text-align:center;
}

/* Comments
************************************************************************/
#comments {
	text-align: justify;
	margin: -20px 10px 15px 10px;
	padding: 0;
}
#comments ul {
	margin: 0;
	padding: 0;
}
#comments li {
	margin: 0px 0 0;
	list-style: none;
}
#comments li .comment-content {
	margin: 0;
	color: #555;
	border:1px solid #ccc;
	padding: 0 8px;
}
#comments li .gravatar {
	float: left;
	margin: 12px 10px 0 27px;
}
#comments li .author {
	margin:-1px;
	padding: 21px 15px 2px 15px;
	background: transparent url('./images/comments-border-ffffff.png') no-repeat 20px 0;
	height: 32px;
}
#comments li .author-admin {
	margin:-1px;
	padding: 21px 15px 2px 15px;
	background: transparent url('./images/comments-border-f5f5f5.png') no-repeat 20px 0;
	height: 32px;
}
#comments li .commentauthor {
	font-weight: bold;
	left: -14px;
}
#comments li .comment-meta {
	margin: 0 15px 0 0;
	width: 300px;
}
#comments .comments-rss-link {
	background: url('./images/rss-small.png') left top no-repeat;
	padding: 0 0 0 20px;
}
#comments .comments-rss-link a, 
#comments .comments-rss-link a:hover, 
#comments .comments-rss-link a:visited {
	color: #999;
}
#comments .comments-formulaire {
	background: url('./images/arrow.png') left top no-repeat;
	margin-left: 10px;
	padding: 0 0 0 20px;
}
#comments .comments-formulaire a, 
#comments .comments-formulaire a:hover, 
#comments .comments-formulaire a:visited {
	color: #999;
}
#comments h3 {
	font-size: 120%;
	font-weight: bold;
	color: #666666;
	margin-bottom: 4px;
}
#comments img {
	background: transparent;
	border: none;
}
#comments code {
        text-align: left;
	font-size: 10px;
        font-weight: normal;
        font-family: Verdana, Arial, sans-serif;
}
/* Formulaire de commentaires
************************************************************************/
#formulaire {
	margin-top: 15px;
}
#formulaire fieldset {
	border: none;
}
#formulaire input, #formulaire textarea {
	background: #f4f4f4;
	border: 1px solid #949494;
	color: #666;
}
#formulaire h3 {
	font-size: 120%;
	font-weight: bold;
	margin-left: 9px;
	padding: 0;
	color: #666666;
}
#formulaire form {
	clear: both;
	padding: 1px 0 10px;
	margin-top: 0;
}
#formulaire input[type=text], 
#formulaire textarea {
	font: 11px Arial, Helvetica, sans-serif;
	padding: 3px;
	letter-spacing:1px;
	color: #777;
}
#formulaire input[type=text]:focus, 
#formulaire textarea:focus {
	color: #333;
	border-color: #666;
}
#formulaire textarea {
	width: 100%;
}
#formulaire #author {
	background:transparent url("./images/pseudo.png") no-repeat 6px center;
	padding-left:26px;
}
#formulaire #email {
	background:transparent url("./images/contact.gif") no-repeat 6px center;
	padding-left:26px;
}
#formulaire #url {
	background:transparent url("./images/url.png") no-repeat 6px center;
	padding-left:26px;
}
.subscribe-to-comments, .form-help, #submit {
	margin-left: 10px;
}

/* Sidebar
************************************************************************/
#sidebar {
	float: right;
	width: 300px;
	margin: 0;
	padding: 10px;
	background: #eee;
	-moz-border-radius: 6px;
}
#sidebar a {
	margin: 0;
	padding: 0;
	border: 0;
}
#sidebar .ad {
	margin: 12px 0 10px 0;
	border: 0;
}
#sidebar .ads  {
	border-bottom: 1px solid #ccc;
}
#sidebar .ads iframe {
	margin: 0 0 10px;
}
#sidebar .ads #dons {
	margin-left: 10px;
}
#sidebar .ads #dons h2 {
	font-size: 1.4em;
	font-weight: bold;
}
#sidebar .ads #dons p {
	margin-bottom: 1px;
}
#sidebar .ads #dons input {
	margin-top: -4px;
}
#sidebar .box {
	padding:10px;
	border: 1px #dedede solid; 
	margin-bottom: 20px;
	margin-left: 2px;
	background: #fff;
}
#sidebar .box h2 { 
	font-size: 1.2em; 
	margin-left: 60px; 
	margin-top: 2px; 
	letter-spacing: 1px; 
}
#sidebar .box h2 span a { 
	color: #585858; 
	font-size: .6em; 
	text-decoration: none; 
	letter-spacing: 1px !important; 
	font-family: Helvetica, arial, sans-serif; 
}
#sidebar .box h2 span a:hover { 
	text-decoration: underline; 
}
#sidebar .box ul { 
	list-style: none; 
	margin: 0;  
	display: block; 
}
#sidebar .box ul li { 
	font-size: 1em; 
	line-height: 1.4em; 
	border-top: 1px dashed #DCDCDC; 
	padding:8px 0; 
	color: #585858; 
}
#sidebar .box ul a, .box a { 
	color: #255880; 
	text-decoration: none; 
	font-size: 1em; 
}
#sidebar .box ul a:hover, .box a:hover { 
	text-decoration: underline;
	color: #FF6600;
}

/* A propos
************************************************************************/
#apropos h2 {
	margin-left: 18px;
	font-size: 1.4em;
	font-weight: bold;
}
#apropos a {
        color: #255880;
        text-decoration: none;
}
#apropos a:hover {
        text-decoration: underline;
}
#apropos p {
	text-align: justify;
	width: 270px;
	margin-bottom: 18px;
	margin-left: 14px;
}
#apropos .lettrine {
	float: left; 
	font-size: 3em;
	margin: 1px;
	margin-right: 4px;
	padding: 1px;
}
#apropos .rss-list, #apropos .mail-list {
	padding: 0;
	margin:0 0 0px;
	margin-left: 10px;
	list-style:none;
}
#apropos .rss-list {
	margin-bottom: 17px;
}
#apropos .rss-list li{
	background: url("./images/rss.png") no-repeat left center;
	padding: 3px 0 3px 52px;
	margin:0px;
	line-height: 130%;
	list-style:none;
}
#apropos .mail-list li{
        background: url("./images/mail.png") no-repeat left center;
        padding: 3px 0 3px 52px;
        margin:0px;
        line-height: 130%;
        list-style:none;
}
#apropos .rss-list li a, #apropos .mail-list li a{
	color:#333333;
	text-decoration:none;
	list-style:none;
}
#apropos .rss-list li a:visited, #apropos .mail-list li a:visited {
	color:#333333;
	text-decoration:none;
}
#apropos .rss-list li a:hover, #apropos .mail-list li a:hover {
	color:#FF6600;
	text-decoration:none;
}

#apropos .social {
	width: 250px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
}
	

/* Newsletter
************************************************************************/
#newsletter fieldset { 
	border:none; 
}
#newsletter #txtfld-email { 
	border:none; 
	background: none; 
	float:left; 
	display: inline; 
	padding-top: 4px; 
	width: 200px; 
	font-size: 1em; 
	font-family: Helvetica, Arial, sans-serif; 
	color: #585858; 
}
#newsletter #btn-email { 
	float:right; 
	display: inline; 
	margin: 1px 0 0; 
	padding: 0; 
}


/* Facebook
************************************************************************/
#sidebar .facebook {
	height: 62px;
        padding:0px;
        border: 1px #ccc solid;
        margin-bottom: 20px; 
        margin-left: 2px; 
        background: #eee;
}

#sidebar .profileimage img {
	display: none;
}

/* Twitter
************************************************************************/
#twitter  { 
	background: url("./images/tweets.png") no-repeat; 
	width: 278px; 
	clear: both;  
	padding: 6px 0 0; 
}
#twitter .twit a, .twit a:link, .twit a:hover, .twit a:visited {
	color: #999;
	text-decoration: underline;
}

/* Last comments
************************************************************************/
#lastcomments { 
	background: url("./images/knotes.png") no-repeat; 
	width: 278px; 
	clear: both; 
	padding: 6px 0 0;
}

/* Forum
************************************************************************/
#forum {
        background: url("./images/tchat.png") no-repeat;
        width: 278px;
        clear: both;
        padding: 6px 0 0;
}

/* Links
************************************************************************/
#links { 
	background: url("./images/links.png") no-repeat; 
	width: 278px; 
	clear: both; 
	padding: 6px 0 0; 
	text-align: justify;
}

/* Nuage de tags
************************************************************************/
#tag {
	clear: both;
	width: 990px;
	margin: 0 auto;
	text-align: justify;
	border-top: 1px solid #CCCCCC;
	padding: 5px; /* Correction IE7 */
}
#tag a, #tag a:visited {
	color: #999;
	text-decoration: none;
	line-height: 1.2em; /* Correction IE7 */
}
#tag a:hover {
	color: #999;
	text-decoration: underline;
}

/* Footer
************************************************************************/
#footer {
	clear: both;
	width: 980px;
	text-align: center;
	height: 10px;
	border-top: 1px solid #ccc;
	padding: 0;
	margin-right: auto;
	margin-left: auto;
}
#footer p{
	padding:10px;
	margin:0;
}
#footer a, #footer a:visited {
	color: #4daccf;
	text-decoration:none;
}

#footer a:hover {
	text-decoration:underline;
}

/* Adsense
************************************************************************/
#adsense-top {
        width: 80%;
        margin: auto;
	margin-top: 10px; /* Correction */
}
#adsense-middle {
	width: 77%;
	margin: auto;
	padding: 10px;
}

/* QR Code
************************************************************************/
.qrcode {
	border: 1px solid #ccc;
	padding: 3px;
}

/* Plugin contact form
************************************************************************/
.wpcf7-form textarea {
	width: 550px;
	height: 250px;
}

/* Plugin Wp-polls
************************************************************************/
.wp-polls {
	width: 400px;
	border: 1px solid #ccc;
	margin-left: auto;
	margin-right: auto;
}

/* Plugin Tweet button
************************************************************************/
.tw_button {
	float: left;
	margin-right: 8px;
}

/* Wordpress embedded twitter
************************************************************************/
#twitter-widget-1 {
	width: 620px;
}