/*  
Theme Name: Pro Kemperle
Theme URI: http://www.category4.com/2008/03/11/probama-theme-for-wordpress-released/
Description: Thema based on Proobama
Version: 0.1
Author: Category 4 & Darren Hoyt - Modification Yoann Le Goff (A Eneb)
Author URI: http://www.category4.com, http://www.darrenhoyt.com/blog
*/

/* 
TABLE OF CONTENTS

  HTML Elements
  Page Structure
  Headings
  Content Styles/*  
Theme Name: Pro Kemperle
Theme URI: http://www.category4.com/2008/03/11/probama-theme-for-wordpress-released/
Description: Thema based on Proobama
Version: 0.1
Author: Category 4 & Darren Hoyt - Modification Yoann Le Goff (A Eneb)
Author URI: http://www.category4.com, http://www.darrenhoyt.com/blog
*/



/* 
TABLE OF CONTENTS

  HTML Elements
  Page Structure
  Headings
  Content Styles
  Forms
  Clear
  Footer



/* ---------- @ HTML Elements -----------*/

* {
	margin: 0;
	padding: 0;
}
body, html {
	min-height: 101%;
}
body {
	color: #FFF;
	background: #1c1c1c;
	padding-bottom: 38px;
}
body, select, textarea, input {
	font: 100% "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial;
}
p {
	margin: 15px 0;
	line-height: 145%;
}
a, a:visited {
	color: #FEC855;
	text-decoration: none;
}
a:hover, a:active {
	color: #FFF;
	text-decoration: underline;
}
*:focus {
	outline: none;
}
ol {
	margin: 15px 15px 15px 35px;
}
li a:hover, li a:active {
	text-decoration: none;
}
a img {
	border: none;
}
#flag {
	background: #670101 url(images/bg_flag_k1.jpg) repeat-y center top;
	padding-bottom: 15px;
	margin-top:30px;
	border-top:2px solid #000;
}
#interior #flag {
	background: #670101 url(images/bg_flag_k2.jpg) no-repeat center top;
}
.wrapper {
	margin: 0 auto;

	font-size: 0.7em;
	width: 871px;
}
#masthead {
	background-color : #000; /* url(images/bg_masterhead_k1.jpg);*/
	height: 174px;
/*	padding: 10px 0 0 18px;*/
padding:0;
}

#masthead h1, #masthead img {margin:0; padding:0; border:0;} 


#branding {
	/*background: url(images/logo.png) no-repeat;
	padding-left: 68px;
	*/
	height: 58px;
}
#branding h1, #description {
display:none;
/*
	color: #cccccc;
	letter-spacing: 0.06em;
	font-size: 0.9em;
	text-transform: uppercase;
	padding-left: 2px;
*/
}
.left {
	float: left;
}
.right {
	float: right;
}
#sidebar {
	width: 368px;
	float: right;
}
h1 {
	font-size: 2.5em;
	font-weight: bold;
	width: 548px;
	padding-top: 5px;
}
h2 {
font-family: Calibri, "Forte MT", verdana, serif;
	font-size: 2.5em;
	font-weight: normal;
	line-height: 100%;
}
h3 {
font-family: Calibri, "Trebuchet MS", verdana, sans-serif;
	font-size: 1.8em ;
	color: #FFF;
	font-weight: normal;
	line-height: 110%;
}
h4 {
	font-size: 1.2em;
	margin-top:10px;
}

h1, h2, h3 {
/* Calibri, "comic sans MS", "lucida console",verdana, serif  */

}
h3 {

}

#commentarea h4, h4.pagetitle {
	color: #e9d393;
	margin-bottom: 13px;
}
#submenu h4 {
	margin: 6px 0 5px;
}
h1 a, h1 a:visited {
	color: #FFF;
}
h1 a:hover, h1 a:active {
	text-decoration: none;
}
h2 a, h2 a:visited {
	color: #FEC855;
}
.commentcount {

	background: url('images/bubble.gif') no-repeat 0 2px;
	padding-left: 17px;
	font: 11px "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial;
	margin-left: 9px;
}
.commentcount a, .commentcount a:visited {
	color: #fec855;
}
#interior #content {
	padding-top: 7px;
}
.col.left {
	width: 65%;
}
.col.right {
	width: 35%;
}
.entry {
	padding-bottom: 20px;
}
.entry ul, .entry ol {
	padding: 0 15px 10px 10px;
}
.entry ul li {
	margin-left: 35px;
	list-style: square;
	padding: 2px 0;
}
.entry blockquote {
	margin: 15px 35px 25px;
	border-left: 5px solid #fec855;
	padding-left: 15px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	color: #c1cddd;
	line-height: 140%;
}
.entry img {
	/*float: left;*/
	margin: 5px 13px 6px 0;
	border: 4px solid #3e0000;
}
.postmetadata {
	text-transform: normal;
	font-size: 0.8em;
	color: #fff;
	border-bottom: 1px solid #1c1c1c;
	padding: 0 0 3px 0;
margin-top: -0px;

}
.entry pre, .entry code {
	font: 1em "Courier New", Courier, monospace;
	overflow: auto;
	padding: 14px;
	background: #103064;
	display: block;
	width: 100%;
}
.entry pre {
	padding: 20px 20px 40px;
}
table {
	width: 100%;
	border-collapse: collapse;
	margin: 15px 0;
}
td, th {
	border-bottom: 1px solid #1c1c1c;
	padding: 4px 8px;
	background: #3e0000;
}
th {
	font-weight: normal;
	text-align: left;
	width: 35%;
}
#commentarea {
}
.commentlist {
	margin: 25px 0 0;
	padding: 0 0 30px;
}
.commentlist li {
	margin: 15px 0 3px 22px;
	padding: 8px 15px 10px;
	background-color: #3e0000;
}
.commentlist li img {float:left;margin-right:5px;}


#commentarea small {
	font-size: 1.1em;
}
.commentlist cite {
	font-style: normal;
	font-weight: bold;
	font-size: 1.2em;
}
.gravatar {
	float: left;
	border: 1px solid #2d578a;
}
.commentinfo {
	width: 765px;
	float: right;
	padding-top: 5px;
}
.commentlist li.my_comment {
	background: #254f89;
	border-bottom: 1px solid #36639b;
	border-top: 1px solid #36639b;
}
li.my_comment cite {
	font-size: 1.5em;
}
#flickr {
	list-style: none;
	padding-top: 13px;
}
#flickr li {
	float: left;
	display: inline;
	margin: 0 17px 16px 0;
	border-right: 1px solid #031F4A;
	border-bottom: 1px solid #031F4A;
}
#flickr li a {
	display: block;
	border: 4px solid #376291;
}
#flickr li a:hover {
	border: 4px solid #60A9DE;
}
#searchform {
	float: right;
	width: 210px;
	background: url('images/bg_search.gif') no-repeat;
	padding: 0 0 5px 5px;
	margin-top: -3px;
}
#s {
	background: #730202;
	border: none;
	color: #FFF;
	padding-left: 10px;
	margin-top: -4px;
	width: 140px;
}
.field {
	background: #FFF;
	border: none;
	padding: 4px;
}
.field:focus {
	background: #e8ebf0;
}
#submit {
	background: #3e0000 ! important;
	border: none;
	font-size: 0.9em;
	color: #ffff;
	padding: 5px;
	text-transform: uppercase;
}
#submit:hover {
	background: #730202 ! important;
}
#searchsubmit {
	background: #730202;
	border: none;
	margin: 1px 0 0 3px;
	font-size: 0.9em;
	color: #b5dbf3;
	padding: 2px;
}
.clearfloat:after {
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	content: ".";
}
.clearfloat {
	display: inline-block;
}
.clearfloat {
	display: block;
}
#meta {
	padding-top: 25px;
}
.block {
	width: 187px;
	float: left;
	margin: 0 13px;
}
#meta ul {
	margin-top: 15px;
}
#meta li {
	list-style: none;
	border-top: 1px solid #730202;
	padding: 6px 0;
}
#meta a, #meta a:visited {
	color: #FEC855;
}
#meta a:hover, #meta a:active {
	color: #FFF;
}
#footer {
	padding: 12px;
	color: #697d98;
	background: #000;
	margin-top: 28px;
	text-align: center;
}
a#cat4 {
	display: block;
	width: 30px;
	height: 24px;
	float: right;
	text-indent: -9000px;
	margin: 8px 15px 0 0;
	background: url('images/cat4.gif');
}

hr {
	clear: both;
}

Forms   Clear   Footer      * {
	margin: 0;
	padding: 0;
}
body, html {
	min-height: 101%;
}
body {
	color: #FFF;
	background: #1c1c1c;
	padding-bottom: 38px;
}

#sidebar {
	width: 368px;
	float: right;
}


#s {
	background: #730202;
	border: none;
	color: #FFF;
	padding-left: 10px;
	margin-top: -4px;
	width: 140px;
}
.field {
	background: #FFF;
	border: none;
	padding: 4px;
}
.field:focus {
	background: #e8ebf0;
}

#meta {
	padding-top: 25px;
}
.block {
	width: 187px;
	float: left;
	margin: 0 13px;
}
#meta ul {
	margin-top: 15px;
}
#meta li {
	list-style: none;
	border-top: 1px solid #730202;
	padding: 6px 0;
}
#meta a, #meta a:visited {
	color: #FEC855;
}
#meta a:hover, #meta a:active {
	color: #FFF;
}
#footer {
	padding: 12px;
	color: #697d98;
	background: #000;
	margin-top: 28px;
	text-align: center;
}
a#cat4 {
	display: block;
	width: 30px;
	height: 24px;
	float: right;
	text-indent: -9000px;
	margin: 8px 15px 0 0;
	background: url('images/cat4.gif');
}
.cd {
	clear: left;
	float: left;
margin:10px 0;
width:100%;
}
hr {
	clear: both;
}
.footer {
	font-size: .8em;
	background: #000 url('images/bg_footer_k.png') top left no-repeat;
	color: #eee;
	padding: 4px 4px 4px 70px;
	margin-bottom: 0;
}
.footer a {
	color: #fff;
	border-bottom: 1px dotted #666;
	text-decoration: none;
}
.footer a:hover {
	border-bottom: 1px solid #000;
}
.footer ul {
	margin: 10px 0;
	padding: 0;
}
.footer li {
	margin: 0;
	padding: 0;
	display: inline;
}
ul.a0 {
	margin-top: 10px;
	margin-bottom: 20px;
}
.a0 li {
	margin-right: 15px;
}

.myspace, .lastfm, .wikipedia, .facebook, .flickr, .trombiniawer, .twitter {
	padding: 4px !important;
	padding-left: 25px !important;
}
.rss, .copyright {
	float: right;
	padding: 4px;
	margin-right: 10px;
}
.rss {
	padding-right: 20px !important;
	background: transparent url('images/rss.gif')  right no-repeat;
}
.myspace {
	background: transparent url('images/myspace.gif') left no-repeat;
}
.lastfm {
	background: transparent url('images/lastfm.gif') left no-repeat;
}
.wikipedia {
	background: transparent url('images/wikipedia.gif') left no-repeat;
}
.facebook {
	background: transparent url('images/facebook.gif') left no-repeat;
}
.flickr {
	background: transparent url('images/flickr.gif') left no-repeat;
}
.trombiniawer {
	background: transparent url('images/trombiniawer.gif') left no-repeat;
}
.twitter{
	background: transparent url('images/twitter.gif') left no-repeat;
}
#agenda {
	background: #3e0000 url('images/bg_search.gif') top right no repeat;
}
#misc {
	display: block;
	position: absolute;
	width: 868px;
	left: 50%;
	margin-left: -434px;
	top: 0;
	/*background: transparent url('images/bg_misc.gif') bottom left no-repeat;
	border-top: 2px solid #F58023;*/
	font-size:12px;
}
#misc a {color:#848484;}
#misc a:hover {color:#FFF;}

#misc ul {display:inline;}
#misc li {
	list-style: none;
	line-height:25px;
}
#misc .membres {float:right; margin-top:5px;}
#misc .lang {float:left; margin-top:5px; display:inline;}
#misc .lang li {display:block; float:left; position:relative;}
#misc .membres a {padding-left: 20px; background: transparent url('images/membres.png') left no-repeat;}
#misc .membres a:hover {background-image: url('images/membres_o.png');}
#misc .lang .en a {color:#FFF; padding-left: 25px; background: transparent url('images/en.gif') left no-repeat;}
 #misc .lang .player a {color:#FFBD00; margin-left:20px; padding-left: 25px; background: transparent url('images/son.png') left no-repeat; font-size:90%; font-weight:bold; margin-left:45px;}

p.breadcrumb {margin-top:0;}

#content.limited {width:490px; float:left;}

p.fiche {display:block; width: 280px; height:150px; float:left; margin:0;}
p.fiche img {float:left;}
.fiche span.nom {line-height:auto; margin-top:0; font-weight:bold;}

#contactkemperle{margin-left:250px;}
#contactkemperle input#sendbutton {float:left; margin-left:100px; width: 120px;}
#contactkemperle div.failure li.cf_li_err span {color:red !important; font-weight:bold;}
#contactkemperle .cform textarea, #contactkemperle .cform input {
width: 300px;
}


.bonus {padding-left: 50px; background: transparent url('images/bonus.gif') top left no-repeat; display:block;}
.mp3 {padding-left: 50px; background: transparent url('images/mp3.png') top left no-repeat; display:block;}

.cd object {margin-top:10px;}
.logo img {border:0; margin-bottom: 10px;}
#cformsform ol li span {display: none;}
#cformsform ol li label span {display: block;}

.submenu ul.subnav li.page_item li.page_item ul {display:none !important;}

#message-admin, .message {
background-color: #FEC855;
}
#message-admin h3, .message h3 {
color: #3e0000;
margin: 2px 4px;
}
#message-admin p, .message p {
color: #3e0000;
margin: 2px 4px 15px;
padding:4px;
}

#wp-forum {margin-top:-20px;}
#wp-forum td, #wp-forum th, #wp-forum tr {
  padding:0;
border:0;
margin:0;
width:auto;
background: #670101;
}
#wp-forum table img {border:0 !important;}


div.archiveBlob {
width: 45%; 
float:left; position:relative; margin:5px;
border: 1px solid #3E0000;
padding:5px;
}
h2.archiveBlob {clear:left;}

#latest p {margin-top:0;}

p.linklove {display:none !important;}