/* 
Theme Name: tca
Theme URL: http://www.theatredecarouge-geneve.ch/blog
Description: Theme pour le Theatre de Carouge - Atelier de Geneve
Author: One Pixel Studio - So2design
Author URI: http://www.onepixel.ch
Version: 1.0.0
*/

/*  CSS Reset */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, del, dfn, em, font, img, ins, kbd, q, s, samp, acronym, address, big, cite, code, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	font-size:100%;
	font-family:inherit;
	vertical-align:baseline;
	font-weight:normal;
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-weight:inherit;
	font-style:inherit;
}
caption, th, td {
	text-align:left;
	font-weight:normal;
}
table {
	border-collapse:separate;
	border-spacing:0;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
* {
	margin:0;
	padding:0;
}
ul,li{
	list-style:none;
}
a{
	text-decoration:none;
	color:#000;
}
a:hover{
	text-decoration:none;
	color:#666;
}
p{
	padding:0 0 10px 0;
}
strong{
	font-weight:bold;
}
/* ================ MAIN LAYOUT ========== */

body, body#accueil {
	font: 12px Arial, Helvetica, Verdana, sans-serif;
	background: url(images/fond_femmes.gif) repeat top left #FFF; /* change avec les pièces */
	margin: 15px 0;
	padding: 0;
	text-align: center;
	color: #333;
}
#container {
	position: relative;
	width: 960px;
	margin: 0 auto;
	text-align: left;
}
#header {
    position: relative;
    height: 60px;
    padding: 15px 0 0 0;
	border: 1px solid #CCC;
	-moz-border-radius: 10px;
   -khtml-border-radius: 10px;
   -webkit-border-radius: 10px;
   border-radius: 10px;
   -moz-border-radius-bottomleft: 0;
   -webkit-border-bottom-left-radius: 0;
	-moz-border-radius-bottomright: 0;
	-webkit-border-bottom-right-radius: 0;
	border-bottom:none;
	background:#F4F5F5;
}
* html #header {
	height:75px;
}
#logo{
    height: 50px;
    background: url(images/logo.gif) no-repeat 20px 0px #F4F5F5;
	float:left;
}
#logo a {
    display: block;
    height: 50px;
    width: 180px;
    text-indent: -999px;
}
/* ================ banner ========== */
#band_bkg{
	position:absolute;
	height:311px;
	width:100%;
	top:91px;
	left:0;
	background: url(images/blog_bkg_femmes.gif) repeat-x 0px -1px; /* change avec les pièces */
}
* html #band_bkg{
	top:105px;
	}
#banner{
	position:relative;
	height:310px;
	padding:0 20px;
}
#banner img{
	position:absolute;
	top:15px;
	right:25px;
}
#banner h1{
	font-family:Georgia;
	text-transform:uppercase;
	font-size:58px;
	color:#FFF;
	text-decoration:underline;
	padding:45px 580px 0 0;
	line-height:70px;
}
#banner h1 a{
	color:#FFF;
}
#banner p{
	width:350px;
	padding:15px 0 0 0;
	color:#FFF;
	font-size:14px;
	line-height:20px;
}

/* ================ mmenu ========== */
#mmenu{
	width:450px;
	height:35px;
	margin:0 0 0 220px;
	padding:15px 0 0 0;
	font-weight:bold;
	}
#mmenu li{
	display:inline;
	}
#mmenu li a{
	display:block;
	float:left;
	height:15px;
	padding:10px;
	margin:0 7px 0 0;
	background-color:#FFF;
	color: #1C0000;
	}
#mmenu li a:hover{
	background-color:#D5D5D5;
	color:#000;
}
#mmenu li.current_page_item a{
	background-color:#000;
	color:#FFF;
}

/* ================ CONTENT ========== */
#main{
	border: 1px solid #CCC;
	border-top:none;
	padding:20px;
	background:url(images/content_bkg.gif) repeat-x top left #F4F5F5;
}
#content{
	width:630px;
	float:left;
}
#sidebar{
	float:right;
	width:270px;
}
.clear{
	clear:both;
}
#motion{
	margin:0 0 5px 0;
}
#partenaires{
	padding:20px;
	text-align:right;
	color:#6A2D32;
	font-size:10px;
}
/* ================ POST ========== */

#post {
}
#content h2{
	font-size:20px;
	font-weight:bold;
	text-transform:uppercase;
	text-decoration:underline;
	margin:0 0 10px 0;
}
#post .auteur{
	font-family:Georgia;
	font-style:italic;
	font-size:11px;
	margin:0 0 5px 0;
}
#post .auteur span, #postmeta .tags, #postmeta .comment a, #postmeta_home .comment a{
	color: #3164C2;
}
#postmeta {
	margin:10px 0;
}
#postmeta .tags{
	
}
#postmeta .comment{
	border-top:1px solid #CCC;
	margin:10px 0 0 0;
	padding:5px 0 0 0;
	text-align:right;
}
#postmeta_home .comment{
	position:absolute;
	top:42px;
	right:20px;
	padding:5px 0 0 0;
	text-align:right;
	font-size:11px;
	border-bottom:1px solid #CCC;
}
#postnavigation {
}
a.more-link{
	display:block;
	color: #3164C2;
	padding:10px;
	
}
/* ---- archives ----*/
h3.announce{
	font-weight:bold;
	margin:0 0 20px 0;
	padding:0 0 5px 0;
	border-bottom:1px solid #CCC;
}
/* ================ HOME BOX ========== */
#cat .boxL, #cat .boxR{
	width:270px;
	float:left;
	margin:0 0 20px 0;
	background: #E3D7DD;
	border:1px solid #D6DAF6;
   -moz-border-radius: 10px;
   -khtml-border-radius: 10px;
   -webkit-border-radius: 10px;
   border-radius: 10px;
   padding:15px;
}
#cat .boxR{
	float:right;
}
#cat #galleries{
	margin:0 0 20px 0;
	background: #E3D7DD;
	border:1px solid #D6DAF6;
   -moz-border-radius: 10px;
   -khtml-border-radius: 10px;
   -webkit-border-radius: 10px;
   border-radius: 10px;
   padding:15px;
}
#cat h3{
	font-weight:bold;
	font-family:Georgia;
	text-decoration:underline;
	text-transform:uppercase;
	font-size:14px;
	padding:0 0 10px 0;
	color:#5E5E5E;
}
.more{
	font-size:10px;
	text-align:right;
	padding:10px 0 0 0;
}
.more a, #cat p a{
	color: #3164C2;
}
/* ================ SIDEBAR ========== */
#sidebar ul{
	margin:0 0 10px 0;
}
#sidebar #sidebloc{
	font-family:Georgia;
	background:#FFE2AF;
	border:1px solid #FFE2AF;
   -moz-border-radius: 10px;
   -khtml-border-radius: 10px;
   -webkit-border-radius: 10px;
   border-radius: 10px;
   padding:10px;
}
#sidebar h3{
	font-weight:bold;
	font-family:Georgia;
	text-decoration:underline;
	font-style:italic;
	text-transform:uppercase;
	color:#973F38;
	font-size:14px;
	padding:0 0 10px 0;
}
#sidebar ul.postcom, #sidebar ul.arch_mois{
	background:#FFDBA0;
	border:1px solid #FFE2AF;
   -moz-border-radius: 10px;
   -khtml-border-radius: 10px;
   -webkit-border-radius: 10px;
   border-radius: 10px;
   padding:15px;
}
#sidebar ul.postcom li{
	padding: 5px 0;	
	border-bottom:1px solid #FFB335;
}
#sidebar ul.postcom a{
	color:#973F38;
}
#sidebar ul.arch_mois li{
	display:inline;
	padding: 0 5px 0 0;
	margin:0 5px 0 0;
	border-right:1px solid #A82C2C;
}

#sidebar ul.arch_mois a{
	color:#A82C2C;
}
#sidebar #si h3, #sidebar #si a{
	color:#5E5E5E;
}
/* ================ SEARCH ========== */
#searchform {
}
#search {
    position: absolute;
	height:20px;
    bottom: 10px;
    right: 10px;
}
#search h4 {
    display: none;
}
.searchquick{
	width:200px;
}
/* ================ FOOTER ========== */
#footer{
	position:relative;
	background:url(images/footer_bkg.gif) repeat-x top left #EBEBEB;
	border: 1px solid #CCC;
	-moz-border-radius: 10px;
   -khtml-border-radius: 10px;
   -webkit-border-radius: 10px;
   border-radius: 10px;
   -moz-border-radius-topleft: 0;
   -webkit-border-top-left-radius: 0;
	-moz-border-radius-topright: 0;
	-webkit-border-top-right-radius: 0;
	zoom: 1;
}

.footL, .footR{
	float:left;
	width:410px;
	padding:25px;
}
.footR{
	border-left: 3px solid #D4D4D4;
}
#footer h3{
	font-size:16px;
	color:#414445;
	font-weight:bold;
	text-transform:uppercase;
	text-decoration:underline;
	padding:0 0 10px 0;
}
.sign {
	position:absolute;
	bottom:-30px;
	right: 0px;
	margin:0 0 5px 0;
	font-size:10px;
	text-align:right;
}
.sign a{
	color:#666;
	}


/* ================ CALENDAR ========== */
#calendar_wrap{
	background:#FFE2AF;
	border:1px solid #FFE2AF;
   -moz-border-radius: 10px;
   -khtml-border-radius: 10px;
   -webkit-border-radius: 10px;
   border-radius: 10px;
   padding:10px;
	margin: 10px auto;
}
#wp-calendar #prev a, #wp-calendar #next a {
	font-size: 9pt;
}
#wp-calendar caption {
	text-align: left;
	background:#EBBA65;
	padding:5px;
	}

#wp-calendar th {
	font-style: normal;
	text-transform: capitalize;
	text-align:center;
	padding:5px;
	}
#wp-calendar thead{
	background:#EBCA8D;
}
#wp-calendar tbody,
#wp-calendar tfoot{
	background:#F0E3D0;
}
#wp-calendar {
	empty-cells: show;
	width: 100%;
	}

#wp-calendar #next a {
	text-align: right;
	}

#wp-calendar #prev a {
	text-align: left;
	}

#wp-calendar a {
	display: block;
	}
#wp-calendar td a {
	background:#EBCA8D;
	border:2px solid #DBBC87;
	padding:4px 0;
	}

#wp-calendar td {
	padding:5px;
	text-align: center;
	}

/* End Calendar */

/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

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 Form Elements */
#sidebar #searchform #s {
	width: 108px;
	padding: 2px;
	}

#sidebar #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 {
	margin: 5px 10px 0 0;
	}
#commentform textarea {
	width: 100%;
	padding: 2px;
	}
#respond:after {
		content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
	}
#commentform #submit {
	margin: 0 0 5px auto;
	float: right;
	}
/* End Form Elements */
/* ==================== Begin Comments*/
.commentlist .quote {
	background:#dfdfdf url(images/bg_commentlist.gif) bottom no-repeat;
	padding:20px;
	margin:0;
	border:1px solid #f4f5f5;
   -moz-border-radius: 10px;
   -khtml-border-radius: 10px;
   -webkit-border-radius: 10px;
   border-radius: 10px;
	}

.commentlist li {
	margin-top:15px;
	color:#666;
	}

.commentlist cite {
	display:block;
	font-style:normal;
	margin:0 0 20px 0;
	padding:0 0 5px 30px;
	}

/*
.commentlist cite a:link, .commentlist cite a:visited {
	color:#88e5f0;
	text-decoration:none;
	}

.commentlist cite a:hover, .commentlist cite a:active {
	color:#FFF;
	text-decoration:underline;
	}
*/

.alt {
	
	}
/*========================================
.commentlist {
	padding: 0;
	text-align: justify;
	}

.commentlist li {
	margin: 15px 0 10px;
	padding: 5px 5px 10px 10px;
	list-style: none;

	}
.commentlist li ul li { 
	margin-right: -5px;
	margin-left: 10px;
}
*/
.commentlist p {
	margin: 10px 5px 10px 0;
}

.children { padding: 0; }

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}
/* End Comments */

/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 0 10px 10px 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/* End captions */
/* ================= coda slide */
.stripViewer .panelContainer .panel ul {
			text-align: left;
			margin: 0 15px 0 30px;
		}
		
/* This div isn't entirely necessary but good for getting the side arrows vertically centered 
	.slider-wrap { 
			margin: 20px 0;
			position: relative;
			width: 100%;
		}
*/

		/* These 2 lines specify style applied while slider is loading */
		.csw {width: 100%; background: #fff; overflow: hidden;}
		.csw .loading {margin: 200px 0 300px 0; text-align: center}

		.stripViewer { /* This is the viewing window */
			position: relative;
			overflow: hidden; 
			 /* this is the border. should have the same value for the links */
			width: 610px; /* Also specified in  .stripViewer .panelContainer .panel  below */
			height: 330px;
			clear: both;
			background: #FFF;
			margin:0 0 20px 0;
			border:10px solid #E3D7DD;
   			-moz-border-radius: 10px;
		   -khtml-border-radius: 10px;
		   -webkit-border-radius: 10px;
		   border-radius: 10px;
		}
		
		.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
			position: relative;
			left: 0; top: 0;
			width: 120%;
			list-style-type: none;
			/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
		}
		
		.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
			float:left;
			position: relative;
			width: 610px; /* Also specified in  .stripViewer  above */
		}
		
		.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
			padding:15px;
		}
		
		.stripNav { /* This is the div to hold your nav (the UL generated at run time) */
			margin: auto;
		}
		
		.stripNav ul { /* The auto-generated set of links */
			list-style: none;
			width: 500px;
		}
		
		.stripNav ul li {
			float: left;
			margin-right: 2px; /* If you change this, be sure to adjust the initial value of navWidth in coda-slider.1.1.1.js */
		}
		
		.stripNav a { /* The nav links */
			font-size: 10px;
			font-weight: bold;
			text-align: center;
			line-height: 20px;
			background: #EBEBEB;
			color: #666;
			text-decoration: none;
			display: block;
			padding: 0 15px;
		}
		
		.stripNav li a:hover {
			background: #FFF;
		}
		
		.stripNav li a.current {
			background: #fff;
			color: #363636;
		}
		
		.stripNavL, .stripNavR { /* The left and right arrows */
			position: absolute;
			top: 230px;
			text-indent: -9000em;
			display:none;
		}
		
		.stripNavL a, .stripNavR a {
			display: block;
			height: 40px;
			width: 40px;
		}
		
		.stripNavL {
			left: 0;
		}
		
		.stripNavR {
			right: 0;
		}
		
		.stripNavL {
			background: url("images/arrow-left.gif") no-repeat center;
		}
		
		.stripNavR {
			background: url("images/arrow-right.gif") no-repeat center;
		}

/* ---- COLOR CHANGE ------*/

/* nuit des rois - magenta
#content h2.homeNote a, #content h2.homeNote{
	color:#5C1034;
}
*/
/* platonov - vert
#content h2.homeNote a, #content h2.homeNote{
	color:#70A910;
}*/
/* philoctete - orange 
#content h2.homeNote a, #content h2.homeNote{
	color:#FF9108;
}*/
/* femmes - rouge */
#content h2.homeNote a, #content h2.homeNote{
	color:#F70A0A;
}