/* --------------------------------------------------------------
   
   Comédie Reims - Home
   
-------------------------------------------------------------- */

#logo {
	display:none;
}

/* Main
-------------------------------------------------------------- */

#primary-column, #secondary-column {
	width:310px;
	padding-top:10px;
	float:left;
}

.block {
	padding:10px;
	margin-bottom:20px;
}

.block, .block a {
	color:black;
}

.block .type, .block h2 {
	font-size:2em;	
}

.block p {
	font-size:1.2em;
	margin:10px 0;	
}

.block .type, .block h2 { text-transform:uppercase; font-weight:bold; }

.block.introduction h2, .block.second h2 { color:#e2001a; }

.block .chapo { text-transform:uppercase; }

.block a.more { font-weight:bold; }

/* Specific Styles (for Home)
-------------------------------------------------------------- */

/* Colors */

.block.red     { background:#e2001a; }
.block.blue    { background:#0066cc; }
.block.green   { background:#336600; }
.block.lime    { background:#bdec58; }
.block.grey    { background:#cccccc; }
.block.yellow  { background:#ffff33; }
.block.magenta { background:#c90062; }

.block.red, .block.red a,
.block.blue, .block.blue a,
.block.green, .block.green a,
.block.magenta, .block.magenta a { color:white; }

.block.white { margin-left:0; padding:0; }
.block.white h2 { font-size:14px; }

.block .video { margin-bottom:10px; }

.block.image { padding:0; }
.block.image img { display:block; border:8px solid black; }

/* Head */

#head .block { margin-bottom:10px; }
#head .block h2 { font-size:2.8em; }

#head .block.lime h2 { color:#e2001a; }

#head.layout-01 .block { width:auto; }

#head.layout-02 { width:100%; overflow:hidden; }
#head.layout-02 .block { width:290px; float:left; }
#head.layout-02 .block.first { margin-right:20px; }

#head.layout-03 .block { border:10px solid #e2001a; color:black; background:white; overflow:hidden; }
#head.layout-03 .block, #head.layout-03 .block a { color:black }
#head.layout-03 .block img { float:right; display:block; margin-left:20px; }

#head.layout-04 .block { width:100%; padding:0; overflow:hidden; }
#head.layout-04 .block h2, #head.layout-04 .block p { margin:5px 10px; }
#head.layout-04 .block img { float:right; display:block; border:10px solid black; margin-left:20px; }

/* Primary Column */

#primary-column { background:url(../images/comedie-reims.gif) top right no-repeat; }

#primary-column .first { width:130px; height:193px; }

#primary-column .image.first { height:213px; }

#primary-column .block.first .type { font-size:1.4em; }
#primary-column .block.first h2 { font-size:1.4em; color:#e2001a; }
#primary-column .block.first p { margin:2px 0; }

/* Secondary Column */

#secondary-column { width:320px; margin-left:10px; }
#secondary-column .block { margin-left:10px; }

/*#secondary-column .block .video { width:310px; overflow:hidden; }*/

#secondary-column.layout-01 .first { height:193px; }

#secondary-column.layout-04 .block { width:130px; height:193px; float:left; }
#secondary-column.layout-04 .block.image { width:150px; height:213px; }

#secondary-column.layout-04 .block .type { font-size:1.4em; }
#secondary-column.layout-04 .block h2 { font-size:1.4em; color:#e2001a; }
#secondary-column.layout-04 .block p { margin:2px 0; }

#secondary-column.layout-04 .block.red h2 { color:white; }