/*   
Theme Name: Black Tide
Theme URI: http://maree-noire.info/extra/themes/blacktide
Description: A black and red 2-column clean and "old-style" layout
Author: Groupe Anarchiste Maree Noire
Author URI: http://maree-noire.info/
Version: 1.0
. 
The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php
.
*/

/* General Settings */

* {
	margin: 0;
	padding: 0;
}

body {
	font: normal 85%/100% "Times New Roman", Times, serif;
	color: #200;	
	text-align: center;
	background: #993333 url(../images/bg.png) repeat-y 50% 80px;
}

hr.clear
{
	clear: both;
	height: 1px;
	border: none;
	visibility: hidden;
}

/* Wrapper */

#wrapper {
	position: relative;
	margin: 0px auto;
  	width: 700px;   	
	text-align: left;
}

/* Global Links */

a{
	color: #933;
	text-decoration: none;
}

a:link {
	color: #933;
	text-decoration: none;
}

a:visited {
	color: #933;
	text-decoration: none;
}

a:active {
	color: #933;
	text-decoration: none;
}

a:hover {
	color: #c66;
}

/* Header */

#header {
	margin-left: 10px;
}


#header {
	margin-left: 10px;
	background: url(../images/header.png) no-repeat top left;
	width: 680px;
	height: 200px;
}

#header h1, #header h2 {
	text-indent: -2000px;
}

/* Content */

#content {
	float:right;
	width:350px;
	padding: 10px 180px 10px 10px;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	line-height: 120%;
}

p {
	text-align: justify;
	line-height:110%;
	padding: 6px 0px 4px 0px;
}

p.more {
	text-align: right;
}

ul {
	padding: 6px 0px 4px 20px;
}

li {
	list-style-type: circle;
	line-height:110%;
}

hr.section {
	border: 0px;
	padding-top: 10px;
	height: 60px;	
	background: url(../images/star.png) no-repeat center center;
}

div#presentation h2 {
	border-bottom: 1px solid #933;
	text-align: right;
	/*color: #933;*/
}

hr.subsection {
	border: 0px;
	padding-top: 10px;
	height: 40px;
	background: url(../images/divider.png) no-repeat center center;
}

div#blogs {
	padding-left: 40px;
	background: url(../images/bordeau.png) repeat-y left;
}

/* for index.html */

div#blogs h2 {
	
}

#blogtitle {
	float: left;
	margin-left: -40px;
	text-indent: -2000px;
	background: url(../images/actu.png) no-repeat 2px 5px;
	height: 160px;
	width: 30px;
}

.news h3 {
	text-align: right;
	border-bottom: 1px solid #933;
}

div#writings {
	padding-right: 40px;
	background: url(../images/bordeau.png) repeat-y right;
}

#writingtitle {
	float: right;
	margin-right: -40px;
	text-indent: -2000px;
	background: url(../images/ecrits.png) no-repeat 1px 5px;
	height: 160px;
	width: 30px;
}

.ecrits h3, h3.posttitle {
	border-bottom: 1px solid #933;
}

/* for the others pages */


div#content h2.pagetitle, div#content h2.posttitle {
	/*border-bottom: 1px solid #933;*/
	text-align: right;
	background: #933;
	color: white;
	padding-right: 2px;
	margin-bottom: 5px;
}

div#content h2.pagetitle a,
div#content h2.pagetitle a:link,
div#content h2.pagetitle a:visited,
div#content h2.pagetitle a:active,
div#content h2.posttitle a,
div#content h2.posttitle a:link,
div#content h2.posttitle a:visited,
div#content h2.posttitle a:active {
	/*border-bottom: 1px solid #933;*/
	color: white;
}

div#content h2.pagetitle a:hover
div#content h2.posttitle a:hover {
	color: #c66;
}

/* SideBar */

#sidebar {
	margin-top: 30px;
	margin-left: -42px;
	padding: 0px 15px 0px 165px;
	width: 120px;
	background: url(../images/menu-center.png) repeat-y right;
	font: normal 80%/90%  Verdana, Helvetica, Arial, sans-serif;
	z-index:6;
}

#sidebar h3{
	border-bottom: 1px solid #933;
	margin-bottom: 5px;
	text-indent: 5px;
}

#sidebar div{
	padding-bottom: 15px;
}

#sidebar a {
	font-weight: bold;
}

#stonewriter {
	position: absolute;
	margin-left: -40px;
	top: 238px;
	background: url(../images/stone-writer.png) no-repeat left top;
	width: 162px;
	height: 204px;
	z-index:2;
}

#search {
	margin-top: -30px;
	margin-left: -163px;
	padding: 20px 20px 0px 165px;
	width: 115px;
	background: url(../images/menu-top.png) no-repeat left top;
}

#searchform div {
	text-align:right;
}

#search label{
	display: none;
}

#search input{

}

#search input[type=text] {
	background: white;
	border:1px solid black;
	width: 113px;
}

#search input[type=submit], input[type=button] {
	border:1px solid black;	
	background: #933;
	color: white;
	margin: 1px 0;
}

p.date,
.ec3_list_day {
	font-weight: bold;
}

li.ec3_list {
	color: black !IMPORTANT;
	/*list-style-position: outside !IMPORTANT;*/
	list-style-type: none !IMPORTANT;
	/*padding-left: 0;*/
}

ul.ec3_events {
	/*list-style-type: none !IMPORTANT;*/
	padding-left: 12px;
	/*list-style-position: inside !IMPORTANT;*/
}

p#allevents {
	text-align: right;
	font-style: italic;
	font-weight: normal;
}

p#allevents a{
	font-weight: normal;
}

#address {
	margin-left: -30px;
	text-align: right;
}

#meta {
	margin-left: -165px;
	padding: 0px 20px 0px 165px;
	width: 115px;
	background: url(../images/menu-bottom.png) no-repeat left bottom;
}

/* Footer */

#footer {
	margin: 20px 0px 0px 50px;
	padding-right: 130px;
	width: 470px;
}

#footer blockquote {
	padding: 20px 40px 0px 40px;
	font-style: italic;
	font-weight: bold;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 80%;
	background: url(../images/quotes.png) no-repeat 10px 10px;
}

#footer blockquote p{
	padding: 0px;
	text-align: center;
}

#footer p.author {
	margin-top: -20px;
	padding-top: 30px;
	text-align: right;
	font-weight: bold;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 80%;
	background: url(../images/endquotes.png) no-repeat right top;
}

#blackflag {
	position: fixed;
	left:50%;
	bottom: 0px;
	margin-left: 180px;
	height: 365px;
	width: 168px;
	background: url(../images/blackflag.png) no-repeat left bottom;
}