/*
Theme Name: Ubuntu Europe
Theme URI: http://www.ogcreation.fr/
Description: Theme created for <a href="http://www.ubuntu-eu.org">Ubuntu Europe</a> <br /> Based on <a href="http://www.kingcosmonaut.de/blix/">Blix 0.9.1</a> (<a href="http://www.kingcosmonaut.de/">Sebastian Schmieg</a>)
Version: 1.0
Author: Mathieu Mandin / Pierre Bertet
Author URI: http://www.ogcreation.fr/
*/

* {margin:0;padding:0;}

body {
	padding: 0 10px;
	font: 12px Arial, Helvetica, sans-serif;
	color: #515151;
	background: #aaa;
}
a:link, a:visited {
	text-decoration: none;
	color: #69c;
}
a:hover, a:active {
	text-decoration: underline;
	color: #69c;
}
#container {
	width: 100% !important;
	width: 990px;
	min-width: 760px;
	max-width: 990px;
	margin: 30px auto 10px;
	background: #fff;
}
#header h1 {
	height: 92px;
	background: url(images/header_right.png) no-repeat 100% 0;
}
#header  h1 a {
	float: left;
	height: 92px;
	width: 370px;
	background: url(images/header_left.png) no-repeat 0 0;
}
#header  h1 a span {
	position: absolute;
	left: -9999px;
}

#navigation {
	background: url(images/nav_bg.png) repeat-x 0 0;
}
#navigation form {
	float: right;
	width: auto !important;
	width: 200px; /* IE */
	height: 30px;
	padding: 13px 30px 0 0;
	background: url(images/nav_right.png) no-repeat 100% 0;
}
#navigation form fieldset {
	border: none;
}
#navigation form input {
	margin-left: 5px;
}
#navigation form input#searchbutton {
	background: #e2e2e2;
}
#navigation form input#s {
	padding: 1px;
	background: url(images/search_bg.png) no-repeat 0 0;
	border: 1px solid #abb8c3;
}
#navigation ul {
	height: 43px;
	padding-left: 70px;
	background: url(images/nav_left.png) no-repeat 0 0;
}
#navigation ul li {
	display: inline;
	list-style: none;
}
#navigation ul li a {
	float: left;
	width: auto !important;
	width: 1px; /* IE */
	margin-right: 3px;
	font: 13px Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
	line-height: 14px;
	text-decoration: none;
	text-transform: lowercase;
	font-weight: bold;
	color: #ccc;
}
#navigation ul li.selected a {
	color: #fff;
	background: none;
	background: url(images/navbutton_inactive.png) repeat-x 0 0;
}
#navigation ul li a:hover {
	color: #fff;
	background: url(images/navbutton_active.png) repeat-x 0 0;
}
#navigation ul li a span {
	display: block;
	height: 30px;
	padding: 13px 15px 0 30px;
	background: url(images/navbutton_star.png) no-repeat 12px 15px;
	cursor: pointer; /* IE */
}
#content {
	float: left;
	display: inline; /* IE */
	width: 55%;
	height: auto !important;
	height: 600px; /* IE */
	max-width: 600px;
	min-height: 600px;
	margin: 0 10px 10px 75px;
}
#content h2 {
	margin: 30px 0 10px 0;
}
#content p {
  margin-bottom: 20px;
  line-height:17px;
  text-align: justify; 
}
#content p.info{
	height: 31px;
	padding: 0 0 0 10px;
	background: #f4f4f4 url(images/infobar_left.png) no-repeat 0 0;
}
#content p.info a {
	float: left;
	margin: 9px 7px 0 5px;
  padding-left:19px;
}
#content p.info a.commentlink {
  background:url(images/icons/comment.png) no-repeat 0 0;
}
#content p.info a.more {
  background:url(images/icons/read_more.png) no-repeat 0 0;
}
#content p.info em.date {
	float: right;
	height: 24px;
	padding: 7px 15px 0 0;
	font-style: normal;
	color: #878787;
	background: #f4f4f4 url(images/infobar_right.png) no-repeat 100% 0;
}
#subcontent {
	float: right;
	width: 212px;
	padding: 160px 29px 0 0;
	background: url(images/europe.png) no-repeat 100% 0;
	display: inline; /* IE */
}
#subcontent h2 {
	height: 22px;
	margin: 10px 0 4px 0;
	padding-left: 10px;
	line-height: 1em;
	background: url(images/nav2_title_bg.png) no-repeat 0 0;
}
#subcontent h2 em {
	font-style: normal;
	font-weight: bold;
	font-size: 13px;
	color: #fff;
}
#subcontent ul li {
	height: auto !important;
	height: 1px; /* IE */
	margin: 0 0 0 15px;
	list-style: none;
	background: url(images/icons/neutral.png) no-repeat 0 5px;
}
#subcontent ul.categories li {background: url(images/icons/categories.png) no-repeat 0 5px;}
#subcontent ul.links li {background: url(images/icons/external.png) no-repeat 0 5px;}
#subcontent ul.feeds li {background: url(images/icons/feed.png) no-repeat 0 5px;}
#subcontent ul li a {
	display: block;
	margin: 0 10px 0 20px;
	padding: 5px 0 5px 0;
	border-bottom: 1px solid #efefef;
}
#subcontent ul li a:hover, #subcontent ul li a:active {
	text-decoration: none;
	border-bottom: 1px solid #ccc;
}
#comments h2 {
	height: 31px;
	margin: 20px 0 10px;
	font-size: 14px;
	font-weight: bold;
	background: #f4f4f4 url(images/infobar_right.png) no-repeat 100% 0;
}
#comments h2 span {
	display: block;
	height: 23px;
	padding: 8px 0 0 5px;
	background: url(images/infobar_left.png) no-repeat 0 0;
}
#comments ul {
	margin: 0 10px;
}
#comments ul li {
	margin: 20px 0;
	list-style: none;
}
#comments form fieldset {
	margin: 0 10px 10px;
	padding: 10px;
	border: 1px solid #e2e2e2;
}
#comments form fieldset p {
	margin: 5px 0;
}
#comments form fieldset label {
	float: left;
	width: 70px;
}
#comments form input,
#comments form textarea {
	border: 1px solid #abb8c3;
}
#comments form input.button {
	float: left;
	margin-left: 70px;
	border-style: outset;
	background: #f4f4f4;
}
#comments #comments-footer {
	margin: 0 10px;
}
#footer {
	clear: both;
	background: url(images/footer_right.png) no-repeat 100% 100%;
}
#footer p {
	padding: 20px 0 10px 75px;
	line-height: 1.5em;
	background: url(images/footer_left.png) no-repeat 0 100%;
}



/* !!! Temporaire - emprunté à BLIX !!! */

/* calendar
--------------------------------------------------*/
#wp-calendar {
  display:inline-table;
  border-collapse:collapse;
  width:185px;
  margin:0px 10px 0 10px;
  text-align:center;
  color:#A0A0A0;
}

#content table {
  border-collapse: collapse;
}

#content table caption {
  margin:0 10px 0 10px;
  padding-bottom:5px;
  letter-spacing:0.1em;
  border-bottom:1px solid #F3F4F4;
}

#content table thead tr {
	color:#414141;
	border-bottom:1px solid #F3F4F4;
}

#content table th {border-bottom:1px solid #F3F4F4;}

#content table td {
  width:200px; /* maximaize width; honestly, I don't know much about tables... */
  padding:2px 4px 2px 4px;
  font-size:0.9em;
}

#content table td#today {
  padding:0;
  font-size:1em;
  font-weight:bold;
  border:1px solid #F3F4F4;
  color:#414141;
}

#content table td a {
  display:block;
  font-weight:bold;
  font-size:1.15em;
  border-bottom:1px solid #69c;
  background-color:#EDF3DE;
}
#content table td a:hover {text-decoration: none;}

#content table tfoot {border-top:1px solid #F3F4F4;}

#content table tfoot a {
  font-weight:bold;
  border:none;
  background:none;
}

#content table tfoot #prev a {text-align:left;}
#content table tfoot #next a {text-align:right;}