/*
Theme Name: Petition Contre Les Abus Bancaires
Theme URI: none
Description: Banks theme by Pro-Nova
Template: bank
Version: 1.0
Author: Pro-Nova
Author URI: http://www.pro-nova.org

The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php

/******************************************
*   HTML Elements
******************************************/

* {
	margin:0;
	padding:0;
	}

body,html { min-height: 101%; }

body { background: #454545 url(images/page_bckg.png) no-repeat center top; color: #2a2a2a; padding: 64px 0; }
body, select, input, textarea { font: 12px Arial, Tahoma, Verdana, Sans-Serif; /*line-height: 1.5em;*/ }

p {	margin: 0 0 15px; line-height: 1.5em; }


hr {
	display: block;
	height:1px;
	background:#333;
	border:0;
	}

small {
	font-size: 0.9em;
	padding:3px 6px;
	}


/******* Hyperlinks ********************/

/* standard link behaviour */

a:link, a:active, a:visited { color: #65bdf6; text-decoration: underline; }
a:hover	{ color: #65bdf6; text-decoration: none; }

.blogtitle a { text-decoration: none; }

/* Title area links */
.title:link, .title:active, .title:visited {
	color: #840000;
	text-decoration: none;
	}
.title:hover {
	color: #840000;
	text-decoration: underline;
	}

/* HTML headline links */
h3 a:link, h3 a:active, h3 a:visited  {text-decoration:none;}
h3 a:hover {text-decoration:underline;}

h4 a:link, h4 a:active, h4 a:visited  {color:#666; text-decoration:none;}
h4 a:hover {text-decoration:underline;}


/* Links in the sidebar */
.subnav li a:link, .subnav li a:visited { /* .subnav is the categories list */
	background: #fff;
	display:block;
	padding:4px 4px 4px 20px;
	border-bottom: 1px solid #999;
	}

.subnav li a:hover, .subnav li a:active {
	background: #F4F4EC;
	text-decoration:none!important;
	}

#sidelist a:link, #sidelist a:active, #sidelist a:visited {text-decoration:none;}
#sidelist a:hover {text-decoration:underline;}
#sidelist .children li a, #sidelist .children li a:visited {
	padding:2px 2px 2px 0px;
	border:0;
	background:#F4F4EC;
	color: #666;
	}
#sidelist .children li a:hover, #sidelist .children li a:active	{
	color:#000;
	text-decoration:none!important;
	}

/* Links in unordered lists */
.bullets li a { text-decoration:none!important;	}
.bullets li a:hover { text-decoration:underline!important;	}

/* How tags appear */
.tags a {text-decoration:none;}
.tags a:hover {text-decoration:underline;}

/* Links within comments metadata (date, Author etc.) */
.commentmetadata a:link, .commentmetadata a:active, .commentmetadata a:visited  {text-decoration:none;}
.commentmetadata a:hover {text-decoration:underline;}

/* Links in the footer */
#footer a {text-decoration: none;}
#footer a:hover	{text-decoration: underline;}



/******************************************
*   Images
******************************************/

/*** default image behaviour ***/
img { border:1px solid #999; padding:1px; }


/*** WordPress specific image classes ***/
.aligncenter, div.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}

.alignleft {
float: left;
margin: 4px 15px 5px 0;
}

.alignright {
float: right;
}

.wp-caption {
   text-align: center;
   background-color: #fff;
   margin-top:5px;
   margin-right: 15px;
   margin-bottom:0px;
}

.wp-caption img{
   padding:2px;
   border:1px solid #999;
}

.wp-caption img:hover{
   border:1px solid #333;
}

.wp-caption p.wp-caption-text {
   color:#666;
   font-size: 10px;
   line-height: 12px;
   padding: 7px 4px 2px 5px!important;
   margin: 0!important;
}



/******************************************
*   General Structure
******************************************/

#page { width: 920px; margin: 0 auto; font-size: 1em; background: #fff; padding: 27px; }
#branding { position: relative; width: 920px; height: 100px; padding-bottom: 15px; background:url(images/banner.png) no-repeat; z-index: 2; }
#branding .bgfix { position: absolute; left: 425px; top: -49px; width: 194px; height: 49px; background: url(images/hands_top.png) no-repeat; }
#branding #page-logo { display: block; float: left; width: 680px; height: 118px; text-indent: -9999px; }

.left { float: left; }
.right { float: right; }
#sidebar { float: right; width: 251px; }

#leftcol {/*the left homepage column carrying the "Featured Article" section*/
	width:287px;
	border-right:1px solid #b6b6b6;
	padding-right:18px;
	}

#leftcol, #rightcol {
	margin-top:10px;
	float:left
	}

#rightcol {/*actually the column in the middle of the homepage (if the right column is the sidebar)*/
	width:277px;
	padding-left:18px;
	margin-top: -2px;
	text-align:justify;
	}



/******************************************
*   Sidebar
******************************************/

.subnav li {/*.subnav is mainly the categories list*/
	list-style:none;
	}

#sidelist li {
	list-style:none;
	}

.bullets li {
	margin:0 0 5px 15px;
	list-style:square;
	}

#sidelist .bullets li {
	list-style:square;
	margin-bottom:5px;
	margin-left:22px;
	}

#sidelist .children {
	background:#F4F4EC;
	}

#sidelist .children li {
	background: #F4F4EC;
	list-style: none;
	margin-left:15px;
	padding-left:15px;
	border-bottom:1px solid #fff;
	}

#sidelist .feed li{
	margin-bottom:5px;
	padding-left:20px;
	background:url(images/rss.gif) no-repeat;
	}


/******************************************
*   Headlines
******************************************/

.blogtitle, .blogtitle a {
	color: #000;
	font-size: 1.8em;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: regular;
	padding: 20px 0px 10px 0px;
	}

h1 {
	color: #840000;
	font-size: 1.8em;
	font-weight: bold;
	margin: 0px 10px 0px 0px;
	padding: 20px 0px 0px 10px;
	}

h2 {
	color: #840000;
	/*font: 1.8em Georgia, "Times New Roman", Times, serif;*/
	padding-bottom:8px;
	/*border-bottom:1px solid #666;*/
	margin: 20px 0;
	}

h3 {
	/*
	font: 0.9em Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	letter-spacing:0.3em;
	margin-bottom:4px;
	font-weight:bold;
	color:#840000;
	*/
	}

#sidebar h2, #sidebar h3 a {
	font: 0.9em Arial, Helvetica, sans-serif;
	letter-spacing:0.3em;
	text-transform:uppercase;
	margin-bottom:4px;
	font-weight:bold;
	color:#840000;
	}

#sidebar h3, #sidebar h2 {
	font-size:0.9em;
	border-top:3px double #999;
	border-bottom:1px solid #999;
	padding:5px 0 5px 2px;
	margin:20px 0 15px 0;
	color:#840000;
	}

h3#respond {
	font-size:1.1em;
	border-top:1px solid #666;
	margin-top:25px;
	padding-top:20px
	}

h3#comments {
	margin-top:32px
	}

h3 a:link, h3 a:visited {
	color: #666;;
	}

h4 {
	font-size:1.2em;
	margin-bottom:6px;
	}



/******************************************
*   Content
******************************************/

#content { width: 650px; float: left; }

.description {
	font-size: 1.3em;
	font-weight: bold;
	color:#999;
	}

/* Featured Articles formatting "leftcol" */

.feature {
	background: url(images/backgrounds/bg_featured.jpg) repeat-x #F4F4EC;
	padding:15px;
	border: 1px solid #ccc;
	}

.feature p, #rightcol p { margin:0;	}

#leftcol img, #rightcol img {
	padding:1px;
	border:1px solid #999;
	}

#leftcol .feature {	margin-bottom: 15px; }

/* Formating of the Leadstory stuff in the tabbed section */

#leadpic {
	float:left;
	margin: 0 18px 8px 0;
	padding:1px;
	border: 1px solid #999;
	}

.title, a.title  {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:1.1em;
	font-weight:bold;
	color: #840000;
	letter-spacing:normal;
	}

#lead p {
	margin-bottom:10px;
	}

.read-on a { /* This can be used to format the "[...]" link in the lead story */
	color:#840000!important;
	text-decoration:none;
	}

.read-on a:hover {
	text-decoration:underline;
	}

/* Formating of "rightcol" which is the column in the homepage middle ;-) */

#rightcol img {
	float:left;
	margin:3px 10px 4px 0;
	}

#leftcol img {
	margin-bottom: 4px;
	display:block
	}

#rightcol .clearfloat {
	border-bottom:1px solid #999;
	padding:12px 0;
	}



/* Post Formatting */

.entry {
	padding-bottom:28px;
	text-align:justify;
	}

.post blockquote {
	color:#666;
	background:#F4F4EC;
	padding:6px 14px;
	margin:18px 35px;
	border-right:1px solid #DDD;
	border-bottom:1px solid #DDD;
	}

.post ul li {
	list-style:square;
	margin-bottom:5px;
	margin-left:42px;
	}

.post ol li {
	margin-bottom:5px;

	margin-left:48px;
	}

#tags {
	padding:3px;
	border-bottom:1px solid #DDD;
	border-top:1px solid #DDD;
	}

.postmetadata {
	font-size:0.9em;
	margin:0 0 10px 0;
	padding:5px 10px;
	background:#F4F4EC;
	border-top:1px solid #E6E3D3;
	border-bottom:1px solid #E6E3D3;
	}


/* Form Elements */

select {
	background:#f2f2f2;
	border:1px solid #9c9c9c;
	width:100%
	}

.button {
	padding: 1px;
	background:#333;
	color:#fff;
	border:none;
	}

.button:hover {
	background:#666;
	color:#FFF;
	text-decoration:none
	}

#commentform input {
	width: 170px;
	margin: 5px 5px 1px 0;
	}

#commentform textarea {
	width: 100%;
	margin-top:5px;
	}



/* Comments*/

.commentlist {
	padding-left:30px;
	}

.commentlist li {
	margin: 15px 0 3px;
	padding: 8px 15px 10px 15px;
	background:#F4F4EC;
	border:1px solid #E6E3D3;
	}

.commentlist blockquote {
	color:#666;
	background:#fff;
	padding:6px 14px;
	margin:18px 35px;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	}

#commentform small {
	background:#FFF;
	font-weight:bold;
	padding:0;
	}

.commentmetadata {
	display: block;
	}

.commentlist small {
	background:#fff;
	border:1px solid #E6E3D3;
	}



/* Float Properties*/

.clearfloat:after {
	display:block;
	visibility:hidden;
	clear:both;
	height:0;
	content:".";
	}

.clearfloat {
	display:inline-block;
	}

.clearfloat {
	display:block;
	}


/******************************************
*   Footer
******************************************/

#footer { margin: 0 auto; width: 974px; height: 45px; background: url(images/footer_bckg.png) repeat-x; font-size: 11px; text-align: center; padding-top: 13px; color: #7f7f7f; }

#footer a {
	color:#ededed;
	}

/*****************************************/

.lclr { float: left; clear: both; }
.date-label { position: absolute; right: 0; top: -20px; width: 270px; height: 20px; font-size: 10px; line-height: 1.5em; color: #868686; white-space: nowrap; text-align: right; }
.search-form-wrapper { position: absolute; top: 0; right: 18px; width: 232px; height: 27px; z-index: 3; background: url(images/search_bckg.png) no-repeat; }
.search-form-wrapper input { float: left; display: inline; font-size: 10px; font-style: oblique; color: #868686; color: #868686; border: none; }
.search-form-wrapper #search-phrase { width: 160px; height: 18px; margin: 4px 0 0 33px; padding-top: 2px; background: transparent none; }
.search-form-wrapper .search-button { width: 24px; height: 23px; margin: 2px 0; font-size: 10px; font-style: oblique; color: #898989; background: url(images/btn_search.png) no-repeat; border: none; }

#sidebar .petition a { display: block; width: 251px; height: 102px; background: url(images/logo_petition.png) no-repeat; text-indent: -9999px; }
#sidebar ul li { list-style-type: none; margin: 0 0 5px; padding: 0; }
#sidebar h2 { border: none; color: #000000; font-size: 12px; font-weight: bold; margin: 0 0 5px; padding: 0 0 2px; }
#sidebar h4 { border: none; color: #146eb3; font-size: 11px; font-weight: normal; margin: 0 0 5px; padding: 0 0 2px; }
#sidebar .newsletter { height: 98px; padding: 10px; background: url(images/newsletter_bckg.png) no-repeat; margin: 10px 0; }
#sidebar .newsletter h3 { font-size: 11px; margin: 0 0 7px; padding: 0; color: #146eb3; letter-spacing: 0; text-transform: capitalize; border: none; }
#sidebar .newsletter p { font-size: 11px; margin: 0; padding: 0; color: #6c6c6c; }
#sidebar .newsletter input#subbox { float: left; display: inline; width: 195px; font-size: 10px; margin: 3px 0 0 5px; padding: 2px 0; color: #898989; background: none; border: none; }
#sidebar .newsletter input#subbutton { float: right; display: inline; width: 22px; height: 22px; font-size: 10px; margin: 0 0 0 2px; _padding-top: 2px; color: #898989; background: none; border: none; }

#sidebar .mobilize-logo { padding: 0; margin: 10px 0; }
#sidebar .mobilize-logo a { display: block; height: 121px; background: url(images/logo_mobilisez.png) no-repeat; text-indent: -9999px; }
#sidebar .mobilize-logo a:hover { background: url(images/logo_mobilisez_over.png) no-repeat; }

#sidebar .action-logo { padding: 0; margin: 10px 0; }
#sidebar .action-logo a { display: block; height: 121px; background: url(images/logo_action.png) no-repeat; text-indent: -9999px; }

#sidebar #archives { border: 1px solid #146eb3; padding: 0; margin: 10px 0; }
#sidebar #archives h2 { font-size: 11px; font-weight: normal; height: 20px; margin: 0; padding: 2px 0 0 10px; color: #fff; letter-spacing: 0; text-transform: uppercase; background: url(images/archives_title_bckg.png) repeat-x; }
#sidebar #archives ul { padding: 2px 0 4px; }
#sidebar #archives li { margin: 4px 0 4px 10px; padding-left: 8px; background: url(images/b_dot.png) no-repeat left 7px; _background-position: left 8px; }
#sidebar #archives li a { font-size: 11px; color: #6c6c6c; text-decoration: none; }

#sidebar #links { border: 1px solid #146eb3; padding: 0; margin: 10px 0; }
#sidebar #links h2 { font-size: 11px; font-weight: normal; height: 20px; margin: 0; padding: 2px 0 0 10px; color: #fff; letter-spacing: 0; text-transform: uppercase; background: url(images/archives_title_bckg.png) repeat-x; }
#sidebar #links ul { padding: 2px 0 4px; }
#sidebar #links li { margin: 4px 0 4px 10px; padding-left: 8px; background: url(images/b_dot.png) no-repeat left 7px; _background-position: left 8px; }
#sidebar #links li a { font-size: 11px; color: #6c6c6c; text-decoration: none; }

#sidebar #comments { border: 1px solid #146eb3; padding: 0; margin: 10px 0; }
#sidebar #comments h2 { font-size: 11px; font-weight: normal; height: 20px; margin: 0; padding: 2px 0 0 10px; color: #fff; letter-spacing: 0; text-transform: uppercase; background: url(images/archives_title_bckg.png) repeat-x; }
#sidebar #comments ul { padding: 2px 0 4px; }
#sidebar #comments li { margin: 4px 0 4px 10px; padding-left: 12px; font-size: 11px; background: url(images/b_article.png) no-repeat left 5px; _background-position: left 6px; }
#sidebar #comments li p { margin: 0; padding: 0; }
#sidebar #comments li a { display: inline; white-space: wrap; font-size: 11px; color: #3387c9; text-decoration: none; }
#sidebar #comments li .fn { display: inline; white-space: wrap; font-size: 11px; color: #3387c9; }

/*#sidebar .widget_archive { width: 251px; border: none; }*/

#sidebar .fbprofile { width: 251px; border: none; }

.content h2 { font-size: 25px; color: #3387c9; }
#homepage h1, #homepage h1 a:link, #homepage h1 a:visited { font-size: 14px; color: #146eb3; text-decoration: none; margin: 10px 0 20px; padding: 0; }
#homepage h4, #homepage h4 a:link, #homepage h4 a:visited { font-size: 14px; color: #146eb3; text-decoration: none; margin: 10px 0 20px; padding: 0; }
a.readmore { float: right; font-size: 11px; color: #65bdf6; text-decoration: none; }
.readmore:hover { text-decoration: underline; }

.heading-image img { border: 0 none; padding: 0; }
.heading-post { margin-top: 20px; }
.heading-shadow, .heading-shadow-page { height: 6px; margin: 0 0 22px; background: url(images/heading_shadow.png) no-repeat; }
.heading-shadow-page { height: 20px; margin: 15px 0; }
.bottom-shadow { width: 650px; height: 6px; margin: 22 0 0; background: url(images/bottom_shadow.png) no-repeat; }

#homepageleft, #homepageright { float: left; display: inline; width: 320px; margin: 0; padding: 0; }
#homepageright { margin-left: 10px; }

.hppostmeta, .postmeta2, .date p, .date p a { font-size: 10px; color: #908e8e; }

.post h1, .postarea h1, .petition h1, .banners h1, .postarea h1 a { font-size: 25px; font-weight: normal; color: #3387c9; }
.post h1, .postarea h1, .petition h1, .banners h1 { background: url(images/heading_shadow.png) no-repeat center bottom; margin-bottom: 10px; }
.post h2, .banners h2, .postarea h2, .postarea h2 a { font-size: 19px; font-weight: normal; color: #3387c9; }

.post h3, .postarea h3, .postarea h3 a { font-size: 12px; font-weight: bold; color: #707070; }
.petition h1 { padding-left: 0; padding-bottom: 20px; }
.petition h3 { font-size: 19px; font-weight: bold; color: #707070; padding: 20px 0; }
.banners h1 { padding-left: 0; padding-bottom: 20px; }
.banners h3 { font-size: 19px; font-weight: bold; color: #707070; padding: 20px 0; }
.postarea h1 { padding-left: 0; padding-bottom: 30px; }
.postarea h2 { padding-left: 0; padding-bottom: 6px; margin-bottom: 0; }
.postarea h3 { padding-left: 0; padding-bottom: 6px; margin-bottom: 0; }

.postarea ul, .petition ul, .banners ul { list-style: square; margin-left: 25px; padding: 0 0 10px 10px; }
.post h1.article-title { padding-bottom: 20px; }

.petition h2, .banners h2 { margin-bottom: 0; }
.banners img { border: none; }

.petition #frm-petition { padding: 20px 0; }
.petition #frm-petition br { display: none; }
.petition #btn-submit { width: 106px; height: 26px; margin: 15px auto 0; }
.petition .frm-label { display: block; width: 210px; font-size: 11px; font-weight: bold; color: #ad0c0c; margin: 5px 0; }
.petition .frm-label2 { display: block; width: 210px; font-size: 11px; font-weight: bold; margin: 5px 0; }
.petition .frm-text { display: block; width: 210px; height: 20px; font-size: 11px; line-height: 1.5em; margin: 5px 0; border: 1px solid #d7d7d7; }

#si_contact_name, #si_contact_email, #si_contact_ex_field1, #si_contact_ex_field2, #si_contact_ex_field3, #si_contact_ex_field4,
#si_contact_ro_field1_value, #si_contact_ro_field2_value, #si_contact_ro_field3_value, #si_contact_ro_field4_value
	{ width: 250px; height: 17px; color: #ad0c0c; font-weight: bold; font-size: 11px; line-height: 1.5em; margin: 3px 0; border: 1px solid #d7d7d7; }
#si_contact_message { width: 250px; height: 70px; color: #ad0c0c; font-weight: bold; font-size: 11px; line-height: 1.5em; margin: 3px 0; border: 1px solid #d7d7d7; }
#si_contact_captcha_code { height: 17px; color: #ad0c0c; font-weight: bold; font-size: 11px; line-height: 1.5em; margin: 3px 0; border: 1px solid #d7d7d7; }

a.approve { display: block; width: 208px; height: 27px; background: url(images/btn_ok.png) no-repeat; border: 0 none; }
a.disapprove { display: block; width: 208px; height: 27px; background: url(images/btn_ko.png) no-repeat; border: 0 none; }
p.thank-you { font-weight: bold; font-size: 14px; color: #ad0c0c; }

td.grad { margin: 0; padding: 0; height: 1px; background: url(images/grad_bckg.png) no-repeat; }
p.bottom-desc { margin-top: 30px; font-size: 14px; font-style: oblique; text-align: right; }
p.author-link { display: none; }
a.button-submit { float: left; display: inline; width: 85px; height: 26px; text-indent: -9999px; background: url(images/btn_submit.png) no-repeat; }
a.button-reset  { float: left; display: inline; width: 85px; height: 26px; text-indent: -9999px; background: url(images/btn_reset.png) no-repeat; margin-left: 10px; }
.form-buttons { height: 36px; }
.error-message, .fld-required { color: red; text-align: left; }
.warning-message { color: red; text-align: left; font-weight: bold; }
.frm-error { border: 1px solid red; }

.donation div.entry { margin-bottom: 6px; padding: 0 0 6px; }
.donation div.label { display: inline; float: left; width: 210px; font-weight: bold; color: #5a5a5a; }
.donation div.label-short { display: inline; padding: 0 10px; width: 100px; font-weight: bold; }
.donation div.field { display: table; width: 400px; }
.donation div.field input.frm-text { width: 210px; }
.donation div.field textarea.frm-text { width: 210px; height: 90px; }
.donation div.field textarea.frm-text-small { width: 210px; height: 40px; }
.donation div.field select { width: 214px; }
.donation div.field select.small { width: 64px; }
.donation div.field input.frm-text-small { width: 90px; }