/*

Theme Name: XLGarageTV by Panda

Theme URI: http://www.xlgarage.tv/

Description: Le thème XLGarage TV pour Wordpress

Version: 1.0

Author: Nicolas Koenig

Author URI: http://www.driftblog.fr/

*/



* { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; }



body {

	font-size: 62.5%;

	background-image: url(images/background.gif);

}

div.lulu ul { list-style: none; }
div.lulu ul li { float: left; margin-right: 10px;}
div.lulu ul li a { font-size: 0.9em; }



/* Panda */

#head {

	height: 79px;

	width: 976px;

	background-image: url(images/bg_01.gif);

	margin-right: auto;

	margin-left: auto;

	margin-top: 4px;

}

	#head a {

		height: 60px;

		width: 160px;

		margin-left: 36px;

		padding-top: 16px;

		float: left;

		position: absolute;

	}

	#head h1 {

		color: black;

		font-size: 13px;	

		position: absolute;

		padding: 0; margin: 0;

		display: inline;

		top: 17px;

		right: 350px;

	}

	#head div.search {

		display: block;

		height: 19px;

		width: 170px;

		background-repeat: no-repeat;

		margin-top: 13px;

		position: absolute;

		margin-left: 780px;

	}

	#head div.search input[type=text] {

		 border: 1px solid #b9b9b9;

		 background-image: url(images/search.gif);

		 background-repeat: repeat-x;

		 color: #666666;

		 float: left;

		 width:139px;

	}

	#head div.search input[type=submit] {

		 border-width: 0px;

		 font-size: 13px;

		 background-image: url(images/icon_search.gif);

		 cursor: pointer;

		 color: #ffffff;

		 background-repeat: no-repeat;

		 height: 19px;

		 float: left;

		 width:23px;

	}

	#head div.nav {

		display: block;

		height: 41px;

		width: 744px;

		position: relative;

		top: 38px;

		left: 224px;

		background-image: url(images/onglets.gif);

	}

	#head div.nav ul {

		padding: 0; margin: 0;

		list-style: none;

		height: 41px;

	}

	#head div.nav ul li {

		padding: 17px 0 0 0;

		margin: 0;

		float: left;

		width: 148px;

		text-align: center;

		height: 41px;

		font-weight: bold;

	}

/* IE6 seulement */

/*\*/

* html #head div.nav ul li {

	padding: 17px 0 0 0;

	margin: 0 -6px -37px -6px;

	width: 100px;

	height: 20px;

	font-weight: bold;

}

/**/

	#head div.nav ul li a { margin: 0; padding: 0; color: black; text-decoration: none; font-family: Helvetica, Verdana, Arial; font-size: 15px; position: relative; }

	#head div.nav ul li.selected a { color: white;} 



div.bar {

	width: 960px;

	margin-right: auto;

	margin-left: auto;

	background-image: url(images/bg_table.gif);

	height: 18px;

}



div.bar-adsense {

	width: 960px;

	margin-right: auto;

	margin-left: auto;

	background: #101010;

	height: 60px;

        border-top: 1px solid #3D3D3D;

}

	

#shiny {

	width: 960px;

	margin-right: auto;

	margin-left: auto;

	background-color: #000000;

	background-image: url(images/xlgarage.jpg);

	height: 150px;

}



#content {

	width: 960px;

	margin-right: auto;

	margin-left: auto;

	background-color: #ffffff;

	background-image: url(images/content.gif);

	background-repeat: no-repeat;

	background-position: top;

}

	#content table {

		width: 960px;

	}

	#content table td.posts{

		width: 630px;

	}

	#content h2 {

		height: 50px;

		padding: 15px 0 0 10px; margin: 0;

                font-size: 15px; font-family: Arial, Verdana;

	}

        #content h2 a { font-size: 15px; font-family: Arial, Verdana; }

	

.post {

	margin: 0;

	text-align: justify;

	padding-left: 10px;

	padding-top: 10px;

}

	.post h2 a {

		font-size: 19px;

	}



#tagcloud {

	position: relative;

	top: -50px;

	width: 288px;

	height: 162px;

	margin-left: 20px;

}



#sidebar {

	background-image: url(images/sidebar.gif);

	background-position: top;

	background-repeat: no-repeat;

	margin: 0; padding: 0;

	position: relative;

	top: -30px;

	left: 2px;

}

	#sidebar ul{

		margin: 0; padding: 0;

		list-style: none;

		margin-left: 18px;

	}

	#sidebar ul ul{

		margin: 0 0 0 15px; padding: 0;

	}

	#sidebar h3 {

		margin: 5px 0 0 0; padding: 0;

		height: 20px;

	}



#sidebar div {

	background-image: url(images/sidebar-bottom.gif);

	background-position: bottom;

	background-repeat: no-repeat;

	margin: 0; padding: 0 0 17px 0;

}

	

#bottom {

	height: 20px;

	width: 960px;

	background-image: url(images/corner.gif);

	background-repeat: no-repeat;

	margin-right: auto;

	margin-left: auto;

	clear: left;

}

	

#footer {

	width: 976px;

	margin-right: auto;

	margin-left: auto;

	height: 40px;

	clear: left;

	padding-left: 20px;

	margin-top: 10px;

	color: white;

	font-size: 11px;

}

#footer ul { list-style-type: none; display: inline; }

#footer ul li { float: left; margin-right: 3px; }

#footer a {color: white; text-decoration: none;font-size: 11px;}

#footer a:hover {color: #cecfce;}



#foofooter {
	width: 976px;
	margin-right: auto;
	margin-left: auto;
	padding-left: 20px;
	margin-top: 10px;
	color: #CCCCCC;
	font-size: 10px;
}

#foofooter a {color: #CCCCCC; text-decoration: none; font-size: 10px;}
#foofooter a:hover {color: #CCCCCC; text-decoration: underline; }
#foofooter ul { list-style-type: none; display: inline; margin: 0; padding: 0 }
#foofooter ul li { display: inline; margin: 0; padding: 0 }



/* From here is WP default styles */

/* Begin Typography & Colors */

.widecolumn .entry p {

font-size: 1.05em;

}

.narrowcolumn .entry, .widecolumn .entry {

line-height: 1.4em;

}

.widecolumn {

line-height: 1.6em;

}

.narrowcolumn .postmetadata {

text-align: center;

}

.alt {

background-color: #f8f8f8;

border-top: 1px solid #ddd;

border-bottom: 1px solid #ddd;

}

small {

font-family: Arial, Helvetica, Sans-Serif;

font-size: 0.9em;

line-height: 1.5em;

}

h1, h2, h3 {

font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;

font-weight: bold;

}

h1 {

font-size: 4em;

text-align: center;

}

#headerimg .description {

font-size: 1.2em;

text-align: center;

}

h2 {

font-size: 1.6em;

}

h2.pagetitle {

font-size: 1.6em;

}

h3 {

font-size: 1.3em;

}

h1, h1 a, h1 a:hover, h1 a:visited, #headerimg .description {

text-decoration: none;

color: white;

}

h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {

color: #333;

}

h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #wp-calendar caption, cite {

text-decoration: none;

}

.entry p a:visited {

color: #b85b5a;

}

.commentlist li, #commentform input, #commentform textarea {

font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;

}

.commentlist li {

font-weight: bold;

}

.commentlist cite, .commentlist cite a {

font-weight: bold;

font-style: normal;

font-size: 1.1em;

}

.commentlist p {

font-weight: normal;

line-height: 1.5em;

text-transform: none;

}

#commentform p {

font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;

}

.commentmetadata {

font-weight: normal;

}

small, .nocomments, .postmetadata, blockquote, strike {

color: #777;

}

code {

font: 1.1em 'Courier New', Courier, Fixed;

}

acronym, abbr, span.caps {

font-size: 0.9em;

letter-spacing: .07em;

}

a, h2 a:hover, h3 a:hover {

color: #06c;

text-decoration: none;

}

a:hover {

color: #147;

text-decoration: underline;

}

#wp-calendar #prev a, #wp-calendar #next a {

font-size: 9pt;

}

#wp-calendar a {

text-decoration: none;

}

#wp-calendar caption {

font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;

text-align: center;

}

#wp-calendar th {

font-style: normal;

text-transform: capitalize;

}

/* End Typography & Colors */

/* Begin Structure */

body {

margin: 0 0 20px 0;

padding: 0;

}

#page {

background-color: white;

margin: 20px auto;

padding: 0;

width: 760px;

border: 1px solid #959596;

}

#header {

background-color: #73a0c5;

margin: 0 0 0 1px;

padding: 0;

height: 200px;

width: 758px;

}

#headerimg {

margin: 0;

height: 200px;

width: 100%;

}

.narrowcolumn {

float: left;

padding: 0 0 20px 45px;

margin: 0px 0 0;

width: 450px;

}

.widecolumn {

padding: 10px 0 20px 0;

margin: 5px 0 0 150px;

width: 450px;

}



.post hr {

display: block;

}

.widecolumn .post {

margin: 0;

}

.narrowcolumn .postmetadata {

padding-top: 5px;

}

.widecolumn .postmetadata {

margin: 30px 0;

}

.widecolumn .smallattachment {

text-align: center;

float: left;

width: 128px;

margin: 5px 5px 5px 0px;

}

.widecolumn .attachment {

text-align: center;

margin: 5px 0px;

}

.postmetadata {

clear: left;

font-size: 10px;

}

.postmetadata a {

font-size: 10px;

}

.clear { 

clear: both; 

}

/* End Structure */

/*	Begin Headers */

h1 {

padding-top: 70px;

margin: 0;

}

h2 {

margin: 0;

}

h2.pagetitle {

margin-top: 30px;

text-align: center;

}

h3 {

padding: 0;

margin: 30px 0 0;

}

h3.comments {

padding: 0;

margin: 40px auto 20px;

}

/* End Headers */

/* Begin Images */

p img {

padding: 0;

max-width: 100%;

}

/*	Using 'class="alignright"' on an image will (who would've

thought?!) align the image to the right. And using 'class="centered',

will of course center the image. This is much better than using

align="center", being much more futureproof (and valid) */

img.centered {

display: block;

margin-left: auto;

margin-right: auto;

}

img.alignright {

padding: 4px;

margin: 0 0 2px 7px;

display: inline;

}

img.alignleft {

padding: 4px;

margin: 0 7px 2px 0;

display: inline;

}

.alignright {

float: right;

}

.alignleft {

float: left;

}

/* End Images */

/* Begin Lists



Special stylized non-IE bullets

Do not work in Internet Explorer, which merely default to normal bullets. */

html > body .entry ul {

margin-left: 0px;

padding: 0 0 0 30px;

list-style: none;

padding-left: 10px;

text-indent: -10px;

}

html > body .entry li {

margin: 7px 0 8px 10px;

}

.entry ul li:before {

content: "\00BB \0020";

}

.entry ol {

padding: 0 0 0 35px;

margin: 0;

}

.entry ol li {

margin: 0;

padding: 0;

}

.postmetadata ul, .postmetadata li {

display: inline;

list-style-type: none;

list-style-image: none;

}

ol li {

list-style: decimal outside;

}

/* End Entry Lists */

/* Begin Form Elements */

#searchform {

margin: 10px auto;

padding: 5px 3px;

text-align: center;

}

#searchform #s {

width: 108px;

padding: 2px;

}

#searchsubmit {

padding: 1px;

}



.entry form {

/* This is mainly for password protected posts, makes them look better. */

text-align: center;

}

select {

width: 130px;

}

#commentform input {

width: 170px;

padding: 2px;

margin: 5px 5px 1px 0;

}

#commentform textarea {

width: 100%;

padding: 2px;

}

#commentform #submit {

margin: 0;

float: right;

}

/* End Form Elements */

/* Begin Comments*/

.alt {

margin: 0;

padding: 10px;

}

.commentlist {

padding: 0;

text-align: justify;

}

.commentlist li {

margin: 15px 0 3px;

padding: 5px 10px 3px;

list-style: none;

}

.commentlist li .avatar {

float: right;

border: 1px solid #eee;

padding: 2px;

background: #fff;

}

.commentlist p {

margin: 10px 5px 10px 0;

}

#commentform p {

margin: 5px 0;

}

.nocomments {

text-align: center;

margin: 0;

padding: 0;

}

.commentmetadata {

margin: 0;

display: block;

}

/* End Comments */



/* Begin Calendar */

#wp-calendar {

empty-cells: show;

margin: 10px auto 0;

width: 155px;

}

#wp-calendar #next a {

padding-right: 10px;

text-align: right;

}

#wp-calendar #prev a {

padding-left: 10px;

text-align: left;

}

#wp-calendar a {

display: block;

}

#wp-calendar caption {

text-align: center;

width: 100%;

}

#wp-calendar td {

padding: 3px 0;

text-align: center;

}

#wp-calendar td.pad:hover {

/* Doesn't work in IE */

background-color: #fff;

}

/* End Calendar */

/* Begin Various Tags & Classes */

acronym, abbr, span.caps {

cursor: help;

}

acronym, abbr {

border-bottom: 1px dashed #999;

}

blockquote {

margin: 15px 30px 0 10px;

padding-left: 20px;

border-left: 5px solid #ddd;

}

blockquote cite {

margin: 5px 0 0;

display: block;

}

.center {

text-align: center;

}

hr {

display: none;

}

a img {

border: none;

}

.navigation {

display: block;

text-align: center;

margin-top: 10px;

margin-bottom: 60px;

}

/* End Various Tags & Classes*/

/* "Daisy, Daisy, give me your answer do. I'm half crazy all for the love of you.

It won't be a stylish marriage, I can't afford a carriage.

But you'll look sweet upon the seat of a bicycle built for two." */





#merci{

	font-size: 14px; 

	color: #015F00;

	padding: 6px; 

	border: 1px solid #015F00; 

	background-color: #E7FFDF; 

	width: 250px;

	height: 90px;

	padding: 10px;

	margin: 0 0 15px 0;

	display: none;

}

#merci img {

	border: 0;

}

#merci div {

	text-align: center;

	margin-top: 10px;

}