/*
Theme Name: ALMA
Theme URI: http://www.fudgegraphics.com
Description: 2 Columns, 1 Left Sidebar
Version: 1.1
Author: Franz Jeitz
Author URI: http://www.fudgegraphics.com
*/

/*------------------------------------------------------------------
[Table of contents]
1. Main Containers - body, #wrapper, #main, #header, #content, #footer, etc.
2. General Classes - .entry-meta, .post, .description, .underpost, etc.
3. General Links - #content a:link, #footer a:link, etc.
4. Menu - #menu, #menu ul, #menu ul li, #menu ul li a:link, etc.
5. Sidebar Links - #sidebar ul li a:link
6. Headings - #header h1, #content h1, .post h2, .post h3, etc.
7. Date - .entry-date, .entry-month, .entry-day
8. Comments - #commentform, #respond p, etc.
9. Blockquotes - blockquote, blockquote p:first-letter, etc.
10. Align - .alignleft, .alignright, img.alignleft, img.alignright, etc.
11. Misc. and Preventative - Styles to prevent image hover strangeness etc.
-------------------------------------------------------------------*/

/*===START SECTION 0 - RESETS===*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
body {
line-height: 1;
}
ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
/* remember to define focus styles! */
:focus {
outline: 0;
}
/* remember to highlight inserts somehow! */
ins {
text-decoration: none;
}
del {
text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: collapse;
border-spacing: 0;
}

/*===END SECTION 0===*/

/*===START SECTION 1 - the main containers===*/

body {
	font-family: Arial, Helvetica, sans-serif;
        font-size: 100.01%;
	color: #333333;
	background:url(images/bg-1.jpg) repeat-x #cacaca;
}

#wrapper {
	width: 920px;
	margin: 0px auto;
	padding: 0px;
}

#header {
        background:url(images/header.jpg) no-repeat;
	height: 245px;
	width: 920px;
	margin: 0;
        padding: 0;
}

#main {
    float: left;
    width: 920px;
    background: url(images/content-bg.jpg) repeat-y top center;
    display: inline;
}


#content {
	width: 640px;
	padding: 0 0 10px;
	float: left;
	line-height: 1.2em;
	margin: 15px 5px 20px 12px;
        display: inline;    
}

#sidebar {	
	width: 235px;
	float: right;
	margin:0px 14px 0px 0px;
        border-top: 1px solid #eee;
        border-bottom: 1px solid #eee;
        border-left: 1px solid #eee;
        padding: 0 2px 20px 8px;
        background: #fafafa;
        display: inline;
}

#contentbottom {
   clear: both;
   background:url(images/content-bottom.png) no-repeat ;
   width: 900px;
   height: 13px;
   margin: 0 10px 10px 10px;
}

#footer-wrapper {
	clear:both;
	margin: 30px 0 0 0;
	padding: 0px 0 0 0;
}

#footer {
    margin: 0px auto;
    color:#222;
    font-size: .9em;
    width: 900px;
}

/*===END SECTION 1===*/

/*===START SECTION 2 - general classes===*/


.post {
    padding: 10px 0px 2px;
    font-size: 1em;
    margin: 0 10px 10px;

}

.entry-content, .entry-excerpt {
    clear: left;
    padding: 0 0 5px 0;
}

.navigation {
  clear: both;
  margin: 20px 0;
}

.entry-meta {
  margin: 0px 0 15px 0;
  padding: 0px 0px 1px 4px;
  color: #0081b7;
  font-size: 0.9em;
  border-bottom: 1px solid #666;
  display: block;
}

.underpost {
	font-size: .9em;
	clear: both;
}

#content .underpost a {
	text-decoration: underline;
}

a:link, a:visited {
      color: #2cc6ff;
      text-decoration: none;
}
a:hover {
      text-decoration: underline;
}

a.image:link, a.image:visited, a.image:hover {
	background: none;
	padding: 0;
}
a.image img {
	border: none;
}

.both {clear: both;}


/*===END SECTION 2===*/

/*===START SECTION 3 - style for menu, page links in the header===*/

#menu{
	padding: 0px 0 0 0;
	margin: 0;
	font-size: 0.8em;
	float: right;
	color: #FFF;
}

#menu ul {
	margin: 0px 0 0 0;
	padding: 10px 5px 0px;
	height: 18px;
	display: block;
}

#menu ul li {
	display: inline;
	list-style-type: none;
	margin: 0 0px 0 0;
	padding: 5px 2px;
}

#menu ul li a:link, #menu ul li a:visited {
    color: #FFF;
	text-decoration: none;
}

#menu ul li a:hover, #menu ul li a:active {
	text-decoration: underline;
}

ul#mainnavmenu{
    margin: 10px 0 0 10px;
    padding:0;
    float: left;
    width: 900px;
    background-image: url(images/nav-sprite.jpg);
    height: 46px;
    display: inline;
}

ul#mainnavmenu li {
        float: left; 	
        display:block;
}

ul#mainnavmenu li a{
	display:block;  float: left; 
        height: 46px; background-image: url(images/nav-sprite-1.jpg);
        text-indent: -9999px;
}

ul#mainnavmenu li a.homebtn {width: 114px; background-position: 0 0;}
ul#mainnavmenu li a.aboutbtn {width: 144px; background-position: -114px 0;}
ul#mainnavmenu li a.mediationbtn {width: 98px; background-position: -258px 0;}
ul#mainnavmenu li a.mediateursbtn {width: 134px; background-position: -356px 0;}
ul#mainnavmenu li a.revuebtn {width: 119px; background-position: -490px 0;}
ul#mainnavmenu li a.membrebtn {width: 125px; background-position: -609px 0;}
ul#mainnavmenu li a.telechargebtn {width: 120px; background-position: -734px 0;}
ul#mainnavmenu li a.liensbtn {width: 44px; background-position: -854px 0;}

ul#mainnavmenu li a.homebtn:hover {width: 114px; background-position: 0 -46px;}
ul#mainnavmenu li a.aboutbtn:hover {width: 144px; background-position: -114px -46px;}
ul#mainnavmenu li a.mediationbtn:hover {width: 98px; background-position: -258px -46px;}
ul#mainnavmenu li a.mediateursbtn:hover {width: 134px; background-position: -356px -46px;}
ul#mainnavmenu li a.revuebtn:hover {width: 119px; background-position: -490px -46px;}
ul#mainnavmenu li a.membrebtn:hover {width: 125px; background-position: -609px -46px;}
ul#mainnavmenu li a.telechargebtn:hover {width: 120px; background-position: -734px -46px;}
ul#mainnavmenu li a.liensbtn:hover {width: 44px; background-position: -854px -46px;}

/*===END SECTION 3===*/

/*START SECTION 4 - style content===*/
.entry-date {
	float: left;	
	color:#fff;
}
.entry-month {
    display:inline;
}
.entry-day {
    display: inline;
	
}

.post p{
    font-size: 0.9em;
    line-height: 1.3em;
    padding: 0 0 5px;
}

.more-link {
font-style: italic;
font-size: 1.15em;
color: #fff;
padding: 5px 10px;
margin: 10px 0px 0;
background: #aaa;
display: block;
text-align: right;
}

a.more-link{
color:#333;

}

a:hover.more-link  {
color: #eee;
background: #0db1ee; 
text-decoration: none;
}


.post ul{padding: 0 0 15px;}

.post ul li { 
padding: 1px 0;
list-style: circle;
margin: 0 0px 0 20px}

.post ol {
   padding: 0px 0 15px;
}

.post ol li {
   padding: 1px 0;
   margin: 0 0 0 30px;
}

.post img {
    border: 1px solid #bbb;
    padding: 3px;
    background: #eee;
    margin: 2px 0 5px;
}

ul li.downl { list-style: disc; margin: 0 0px 0px 20px; padding: 0 0px 5px;}

ul li.downl a { text-decoration: none; background:#f8f8f8; display: block; padding: 2px 4px;}

ul li.downl a:hover {color: #f8f8f8; text-decoration: none; background:#444;}


/*===END SECTION 4===*/

/*===START SECTION 5 - style sidebar links===*/



#sidebar p {
  margin: 0px 5px;
  font-size: 1.0em;
  line-height: 1.1em;
}

#sidebar a, #sidebar a:hover {
  text-decoration: none;
}

#sidebar ul {
	margin:0px 5px 5px 0;
	padding: 0 0 5px;


}
#sidebar ul li{
	margin: 0px;
	list-style-type: none;

}

li.cat-item {
   padding: 3px;
   }


#sidebar li a:link, #sidebar li a:visited {
	display: block;
	text-decoration: none;
	padding: 2px 2px ;
        border-bottom: 1px solid #ccc;

}
#sidebar li a:hover {
	text-decoration: none;
        background: #222;
}

/*===END SECTION 5===*/

/*===START SECTION 6 - style the headings===*/

#header h1 a:link, #header h1 a:visited, #header h1 a:hover {
	font-size: 1.3em;
	float: left;
	margin: 0px;
	width: 400px;
	height: 170px;
	padding: 30px 0 0;
	clear: both;
	display:block;
	text-indent: -9999px;
        text-decoration: none;
        color: #fff;
}


#content h1 {
	color: #3f3b30;
	font-size: 1.5em;
}

#sidebar h1 {
	font-size: 1.2em;
}

#sidebar h2 {
	font-size: 1.25em;
	padding: 5px 0px 5px 2px;
	margin: 5px 0px 10px;
	color: #333;
        clear: both;
        font-style: italic;
        border-bottom: 3px double #888;
}

#sidebar h3 {
	font-size: 1em;
	padding: 0px 0px 2px 5px;
	margin: 0px 5px 5px;
	color: #eee;
        border-bottom: 1px solid #eee;
}


.post h2 {
    font-size: 1.5em;
    margin: 0px 0px 10px 0px;
    padding: 0 0 4px 0;
    line-height: 1.0em;
    color: #3f3b30;
    display: block;
    border-bottom: 1px solid #3f3b30;   
}

.post h2 a, .post h2 a:hover{
    color: #3f3b30;
    text-decoration: none;
}

h2.pagetitle {
    color: #3f3b30;
    padding: 0 0 5px 5px;
    margin: 15px 10px 0px 10px;
    font-size: 1.3em;
    font-style: italic;
    border-bottom: 2px solid #3f3b30;
}

.post h3 {
   font-size: 1.4em;
   margin: 15px 0 10px 0;
   padding: 0 0px 2px;
   border-bottom: 3px double #aaa;
   font-weight: normal;
}

.post h4 {
   font-size: 1.2em;
   padding: 5px 0px 2px 2px;
   margin: 0 0 10px;
   font-weight:normal;
   font-style: italic;
   border-bottom: 1px solid #ddd;
   
}


.post h5 {
   font-size: 1.0em;
   padding: 0px 0px 0px 0px;
   margin: 5px 0 2px;
   font-weight:bold;
}

#footer h3{
   color: #eee;
   background: #222;
   font-size: 1.4em;
   font-style: italic;
   padding: 5px;
   margin: 0 0 10px;
}


/*===END SECTION 6===*/

/*===START SECTION 7 - comment form and comments===*/
#commentform {
    text-align:left;
	float: left;
}

#commentform p {
    margin: 5px 10px;
   font-size: 0.8em;
}

.commentlist {
	padding: 0px 0px;
	text-align: left;
    background: #fff;
    margin: 0px;
    float: left;
}

.commentlist li {
	margin: 10px 10px 10px 10px;
	padding: 10px 10px 5px 10px;
	list-style: none;
	border: 4px solid #333;
    background: #fff;
    float: left;       
}

li.alt{
	margin: 10px 10px 10px 10px;
	padding: 10px 10px 5px 10px;
	list-style: none;
	border: 4px solid #333;
    background: #eee;
}

.commentlist p {
	color:#333;
    font-size: 0.85em;
    font-weight: normal;
    float: left;
	margin: 0px;
    padding: 0px;

}

#respond p {
	font-size: .8em;
}

.comment-author {
	font-size: 1.1em; 
	border-bottom: 1px solid #333; 
	display: block; 
	margin: 10px 0 5px;
}

li.author{
	background: #111;
}

li.author .comment-author a{
	color: #eee;
	font-style: italic;
}

li.author .comment-author {
	color: #eee;
	font-style: italic;
	border-bottom: 1px solid #16a8e9
}

li.author p {
	color: #eee;
	font-style:italic;
}

#content .comment-text img {
	padding: 0; 
	margin: 0; 
	background: none; 
	border: none;
}

#comment-meta{
   width: 90px;
   float: left;
   font-size: 0.65em;
}

#comment-meta img {
	border: none; 
	padding: 4px; 
	background: #444; 
	margin: 0;
}

h3#comments {
   font-style:italic;
   font-size: 1.3em;
   color: #3f3b30;
   margin: 5px 10px;
   padding: 10px 5px 0px;
}

.comment-text {
	float: left; 
	margin: 0px 0px 10px 15px; 
	width: 450px;
}

.comments-number {
   font-style: italic;
   margin: 0 12px 0 10px;
   color: #fff;
   background: #333;
   display: block;
   padding: 3px 5px;
   font-size: 0.9em;
}

#comment-form-title {
  font-style: italic;
  margin: 10px 10px 0;
  font-size: 1.3em;
}



/*===END SECTION 7===*/

/*===START SECTION 8 - footer styles===*/

#footer a:link, #footer a:visited {
    color: #222;
    text-decoration: none;
}

#footer a:hover {
	text-decoration: none;
}

#footer p {
   text-align: center;
   font-style: italic;
}

#backtotop{
font-size:.9em;
text-align: right;
padding: 0 10px;
}

#backtotop a:link, #backtotop a:visited{
background: #333;
padding: 2px 4px 0;
color: #eee;
}

#backtotop a:hover {
background: #222;
color: #16a8e9;
}

/*===END SECTION 8===*/

/*===START SECTION 9 - oh you're so fancy with those blockquotes....===*/
blockquote {
  font: 1.2em/1.6em Georgia, "Times New Roman", Times, serif;
  width: 350px;
  background: url(images/blockquote1.png) no-repeat right bottom;
  padding: 0 10px 0 30px;
  text-indent: -30px;
}
blockquote p:first-letter {
  background: url(images/blockquote2.png) no-repeat left center;
  padding: 0 0 0 30px;
  font: italic 1.7em Georgia, "Times New Roman", Times, serif;
}
/*===END SECTION 9===*/

/*START SECTION 10 - images when inserted into a post.*/
.alignleft {
    float: left;
}
.alignright {
    float: right;
}
img.aligncenter, div.aligncenter {
	display: block;
	margin: 0 auto;
}
img.alignright, div.alignright {
	margin: 1px 0 2px 10px;
	display: inline;
}
img.alignleft, div.alignleft {
	margin: 1px 10px 2px 0;
	display: inline;
}
.wp-caption-text {
   font-size: .7em;
   line-height: 1.1em;
   margin: 0;
}

.clearleft {
   clear: left;
}

.clearright{
   clear: right;
}

.clearboth{
  clear: both
}

p.previous-page {float: left; padding: 0 0 0 10px;}
p.next-page {float: right; padding: 0 10px 0 0;}

/*===END SECTION 10===*/

/*===START SECTION 12 - Tables===*/

table#wp-calendar{
	border:2px solid #333;
	border-collapse: collapse;
        width: 230px;

}
#wp-calendar td,#wp-calendar th{
	border: 1px solid #ccc;
        padding: 6px;
	vertical-align:top;
		
}
#wp-calendar thead th{
	font-size:0.9em;
	background:#888;
	color:#fff;
}
#wp-calendar tbody td{
	background:#eee;
        font-size: 0.9em;
        text-align: center;
}
#wp-calendar tbody th{
	background:#999;
}

#wp-calendar caption {
 padding: 0 0 8px;
 
}

#wp-calendar td a {
 color: #444;
 text-decoration: none;
 border: 0px !important;
}

#wp-calendar td a:hover {
 color: #444;
 text-decoration: none;
 border: 0px !important;

}

/*===END SECTION 12===*/

/************************************************
*       404                   *
************************************************/
span.wpcf7-list-item {
margin: 0;
padding: 0;
display: block;
}

form.wpcf7-form {
 background: #eee;
 border: 1px solid #ccc;
 padding: 5px;

}


/************************************************
*       Registration                  *
************************************************/


<!-- Custom Login/Register/Password Code @ http://digwp.com/2010/12/login-register-password-code/ -->
<!-- CSS -->

<style type="text/css">
/* tabbed list */
ul.tabs_login {
	padding: 0; margin: 20px 0 0 0;
	position: relative;
	list-style: none;
	font-size: 14px;
	z-index: 1000;
	float: left;
	}
ul.tabs_login li {
	border: 1px solid #E7E9F6;
	 -webkit-border-top-right-radius: 10px;
	 -khtml-border-radius-topright: 10px;	
	 -moz-border-radius-topright: 10px;
	border-top-right-radius: 10px;
	 -webkit-border-top-left-radius: 10px;
	 -khtml-border-radius-topleft: 10px;	
	 -moz-border-radius-topleft: 10px;
	border-top-left-radius: 10px;
	line-height: 28px; /* = */ height: 28px;
	padding: 0; margin: 0 5px 0 0;
	position: relative;
	background: #fff;
	overflow: hidden;
	float: left;
	}
ul.tabs_login li a {
	text-decoration: none;
	padding: 0 10px;
	display: block;
	outline: none;
	}
html ul.tabs_login li.active_login {
	border-left: 1px solid #E7E9F6;
	border-bottom: 1px solid #fff;
	 -webkit-border-top-right-radius: 10px;
	 -khtml-border-radius-topright: 10px;	
	 -moz-border-radius-topright: 10px;
	border-top-right-radius: 10px;
	 -webkit-border-top-left-radius: 10px;
	 -khtml-border-radius-topleft: 10px;	
	 -moz-border-radius-topleft: 10px;
	border-top-left-radius: 10px;
	background: #fff;
	color: #333;
	}
html body ul.tabs_login li.active_login a { font-weight: bold; }
.tab_container_login {
	background: #fff;
	position: relative;
	margin: 0 0 20px 0;
	border: 1px solid #E7E9F6;
	 -webkit-border-bottom-left-radius: 10px;
	 -khtml-border-radius-bottomleft: 10px;	
	 -moz-border-radius-bottomleft: 10px;
	border-bottom-left-radius: 10px;
	 -webkit-border-bottom-right-radius: 10px;
	 -khtml-border-radius-bottomright: 10px;	
	 -moz-border-radius-bottomright: 10px;
	border-bottom-right-radius: 10px;
	 -webkit-border-top-right-radius: 10px;
	 -khtml-border-radius-topright: 10px;	
	 -moz-border-radius-topright: 10px;
	border-top-right-radius: 10px;
	z-index: 999;
	float: left;
	width: 100%;
	top: -1px;
	}
.tab_content_login {
	padding: 7px 15px 15px 15px;
	padding-top: 10px;
	}
	.tab_content_login ul {
		padding: 0; margin: 0 0 0 15px;
		}
		.tab_content_login li { margin: 5px 0; }
/* global styles */
#login-register-password {}
	#login-register-password h3 {
		border: 0 none;
		margin: 10px 0;
		padding: 0;
		}
	#login-register-password p {
		margin: 0 0 15px 0;
		padding: 0;
		}
/* form elements */
.wp-user-form {}
	.username, .password, .login_fields {
		margin: 7px 0 0 0;
		overflow: hidden;
		width: 100%;
		}
		.username label, .password label { float: left; clear: none; width: 25%; }
		.username input, .password input { 
			font: 12px/1.5 "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
			float: left; clear: none; width: 200px; padding: 2px 3px; color: #777;
			}
.rememberme { overflow: hidden; width: 100%; margin-bottom: 7px; }
#rememberme { float: left; clear: none; margin: 4px 4px -4px 0; }
.user-submit { padding: 5px 10px; margin: 5px 0; }
.userinfo { float: left; clear: none; width: 75%; margin-bottom: 10px; }
	.userinfo p { 
		margin-left: 10px; 
		}
.usericon { float: left; clear: none; width: 15%; margin: 0 0 10px 22px; }
	.usericon img {
		border: 1px solid #F4950E;
		padding: 1px;
		}

<!-- Custom Login/Register/Password Code @ http://digwp.com/2010/12/login-register-password-code/ -->