/* Designed by François PLANQUE - http://fplanque.net/ */
/* Revised by J.Russo http://jrussomusic.com */

@import url("../../rsc/css/basic.css");	/* Import basic styles */
@import url("../../rsc/css/img.css");	/* Import standard image styles */
@import url("../../rsc/css/blog_elements.css");	/* Import standard blog elements styles */
@import url("../../rsc/css/forms.css");	/* Import default form styles */
@import url("../../rsc/css/comments.css");	/* Import default comment styles */



/* blank class for namespacing all defines used for b2evo (to avoid conflicts with JRussoMusic similar defines */
.b2evo {
	font-size: 100%;
}

/* custom added class for floating images + margin - JJR */
img.imgL {
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
}
img.imgR {
	float: right;
	margin-left: 20px;
	margin-bottom: 20px;	
}

.video {
	padding-top: 2em;
	padding-bottom: 2em;
}
	
/* custom added class for indenting lines in blog entry */
.indent {
	padding-left: 2.0em;
}
.indent2 {
	padding-left: 4.0em;
}

div.main {
	margin-right: 0px;
	margin-left: 0px;
}

/* Styles for main area (left) */
h2 {
	margin-left: 8px;
}

/* Styles for posts */
.bPosts {
	font-size: 85%;
	border: solid yellow 0px;
	vertical-align: top;
	float: left;
	width: 62%;
	margin: 0 12px;
	overflow: hidden;
	/*
	background-image: url(/pics/box10.png);
	background-position: 0 0;
	background-repeat: repeat; */
}
.bPost, .bPostpublished
{
	clear: both;
	margin-right: 0px;
	margin-left: 0px;
	margin-top: 8px;
	margin-bottom: 8px;
	border: 0px dashed #555555;
	padding-right: 8px;
	padding-left: 8px;
	/* use slight border & translucent bkgnd -jjr */
	/* border: solid #222222 0px;
	background-image: url(/pics/box10.png);
	background-position: 0 0;
	background-repeat: repeat; */
	border-bottom: solid #444 1px; /* instead of dashed box, we'll use line separator -jjr */
	font-size: 105%;	/* make fonts larger in general for posts -jjr */
}
hr.post_separator {		/* separator line for very 1st item in blog -jjr */
	color: #444;
	background-color: #444;
	width: auto;
	height: 1px;
	border: none;
}
.bPostSide
{
	margin-bottom: 8px;
}
.bSmallHead {
	font-size: 80%;
	margin-top: 8px;
	margin-bottom: 0px;
	/* color: #339999; */
	color: #2d87bb;
}
.bTitle {
	margin-top: 2px;
	margin-bottom: 8px;
}
.bText {
	margin-top: 0px;
	margin-bottom: 0px;
}
/* set default Paragraph style to single-spaced */
/* Originally for using with TinyMCE, but we're no longer using it */
/*
.bText p {
	margin: 0px;
	padding: 0px; 
} 
*/

.bSmallPrint
{
	clear: both;
	font-size: 80%;
	margin-top: 8px;
	margin-bottom: 8px;
}


/* Styles for comments */
/* This is an override, but we don't need it... was used to define #comment_preview border in comments.css -jjr */
/*
div.bComment {
	border-color: #222; 
}
*/

/* Styles for comment form */
input.bComment, 
textarea.bComment
{
	/* background-color: #f0f0f0; */
	background-color: #333;		/* jjr */
	opacity: 0.7;	/* jjr */
	filter:alpha(opacity=70); /* jjr */
	color: white; /* jjr */
	
	border-width: 1px;
	border-color: #444444;
	border-style: solid;
	padding: .5ex;
	width: 98%;
	margin: 0ex;
}
select.bComment
{
	background-color: #f0f0f0;
	border-width: 1px;
	border-color: #cccccc;
	border-style: solid;
	padding: .5ex;
	width: 100%;
	margin: 0ex;
}

/* Form background & buttons - jjr */
.b2evo .submit,
.b2evo .preview {
	opacity: 0.7;
	filter:alpha(opacity=70);
	background-color: #555555;
	color: white;
	border: solid #666666 1px;
} 
.b2evo .submit:hover,
.b2evo .preview:hover {
	background-color: #777777;
	border: solid #333333 1px;
}

	


/* Styles for stats */
div.statbloc
{
	float: left;
	width: 44%;
	margin-left: 2%; 
	margin-right: 0%; 
	margin-bottom: 2ex;
	border: 1px solid #33BBBB;
}
div.statbloc h3
{
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	color: #FFFFFF;
	text-align: center;
	background: #33BBBB;
	padding: 1ex;
}


/* Styles for sidebar (right) */
.bSideBar {
	border: solid blue 0px;
	font-size: 80%;
	width: 33%;
	vertical-align: top;
	float: right;
	overflow: hidden;
}
.bSideItem {
	margin-right: 20px;
	margin-left: 10px;
	margin-top: 8px;
	margin-bottom: 8px;
	padding: 8px;
	border: solid #333 1px;
	/*
	background-image: url(/pics/box10.png);
	background-position: 0 0;
	background-repeat: repeat; */
}
.bSideItem h3 {
	margin-top: 0px;
	margin-bottom: 8px;
}
.bSideItem ul {
	margin-left: 8px;
	padding-left: 8px;
	margin-top: 8px;
	margin-bottom: 8px;
}
.bSideItem ul ul{
	margin-left: 8px;
	padding-left: 8px;
	margin-top: 0px;
	margin-bottom: 0px;
}
.bSideItem form {
	margin-top: 0px;
	margin-bottom: 0px;
}
.dimmed
{
	color: #aaa;
	font-size: 84%;
}
input.SearchField
{
	/* background-color: #f0f0f0; */
	background-color: #333333; /* jjr */
	color: white;				/* jjr */
	opacity: 0.7;				/* jjr */
	filter:alpha(opacity=70);	/* jjr */
	
	border-width: 1px;
	border-color: #cccccc;
	border-style: solid;
	padding: .5ex;
	width: 96%;
	margin: 0ex;
}

/* Styles for Calendar: */
table.bCalendarTable caption
{
	/* use less bright border - jjr */
	/*
	border-left: solid 1px #ccc;
	border-right: solid 1px #ccc;
	border-top: solid 1px #ccc; */
	border-left: solid 1px #777;
	border-right: solid 1px #777;
	border-top: solid 1px #777; 
	margin: auto;
	white-space: nowrap;
}
table.bCalendarTable
{
	margin: auto;
	font-size: 84%;
	color: #ddd;
	border: solid 1px #777;	/* use less bright border - jjr */
}
tr.bCalendarRow
{
	text-align: center;
}
th.bCalendarHeaderCell
{
	font-size: 84%;
}
td.bCalendarCell
{
}
td.bCalendarEmptyCell
{
}
.bCalendarLinkPost
{
	font-weight: bold;
}
#bCalendarToday
{	/* NOTE: this defn overrides that from blog_elements.css */
	/* background-color: #DEF; */
	background-color: #222;	/* use darker bkgnd color -jjr */
	border: 1px solid #333; /* use more subtle outline -jjr */
}



body {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #fff;
	margin: 8px;
	color: #000;
/*	font-size: 84%; 	poussé vers l'extérieur pour éviter des combinaisons en trop grand nombre */
}
div.main {
	margin: 0px;
	font-size: 84%;
}
caption {
	font-weight: bold;
}

A 			{
}
A:link		{
	color: #00CCFF;
}
A:visited	{
	color: #009999;
}
A:active	{
	color: #003399;
}
A:hover		{
	color: #003399;
}
.bText a:hover {
	text-decoration: underline;
}
h1 {
	color: #009999;
	font-size: 225%;
}
h2 {
	color: #009999;
	font-size: 180%;
}
/* make titles of posts larger! -jjr */
.bPosts h3 {
	font-size: 140%;
}
h3 {
	font-size: 120%;
}
h4 {
	font-size: 110%;
	margin-bottom: 0ex;
}
table.wide {
	width: 100%;
	clear: both;
}
td.cartouche {
	font-size: 84%;
	color: #009999;
	background-color: #FFFFFF;
	padding: 1px 4px;
	border: 1px solid #33CCCC;
}
table.thin
{
	border: 1px solid #33CCCC;
	margin: auto;
	border-collapse: collapse
}
table.thin td
{
	border-bottom: 1px solid #33CCCC;
	padding: .3ex 1ex;
}
table.thin th
{
	color: #FFFFFF;
	background-color: #33CCCC;
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	padding: .3ex 1ex;
}

table.invisible
{
	margin: 1ex;
	border-collapse: collapse
}
table.invisible td
{
	padding: 0ex 1ex;
}
td.right
{
	text-align: right;
}
p.baseline {
	border: solid cyan 0px;	
	padding-top: 50px;	/* we need this here instead of pageFooter b/c margin-top doesn't work in pageFooter for some reason */
	margin-bottom: 0px;
	font-size: 65%; 
	color: #009999;
	text-align: center;
}
hr {
	height: 0px;
	width: 50%;
	border-top: 1px solid #33CCCC;
	border-right: 1px none #33CCCC;
	border-bottom: 1px none #33CCCC;
	border-left: 1px none #33CCCC;

}
dt {
	font-weight: bold;
	color: #009999;
}
blockquote {
	border: 0px dotted #444;
	background-color: transparent;
}

del {
	color: #999999;
}
ins {
	color: #009999;
	text-decoration: none;
}



body {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
}

div#pageFooter {
	clear: both;
	border: solid red 0px;
	margin: 0px 20px;
}
div.pageHeader {
	border: 0px solid green;
	padding: 10px 15px;
	padding-bottom: 4px;
	margin: 0 10px;
	text-align: left;
	font-weight: bold;
	font-size: 84%;
	border: solid #555 1px;
	/*
	background-image: url(/pics/box10.png);
	background-position: 0 0;
	background-repeat: repeat; 	*/
}

div.pageHeader h1 {
	font-size: 270%;
	font-weight: bold;
	margin: 0;
	padding: 0;
}
div.pageHeader a {
	color: #ddd;
}
div.pageTitle .widget_core_coll_title {
	white-space: nowrap;
	/*
	padding-left: 0;
	padding-top: 8px;
	padding-right: 0px;
	padding-bottom: 8px; */
	border: 0px solid #FFFFFF;
	background-color: transparent;
	margin-top: 3px;
	float: left;
	width: 100%;
}
div.pageHeader .widget_core_coll_tagline {
	border: 0px solid white;
	font-size: 109%;
	color: #009999;
	letter-spacing: 4px;
	text-align: left;
	vertical-align: middle;
	border: 0px;
	padding-right: 6px;
	padding-top: 10px;
	padding-bottom: 0px;
	padding-left: 6px;
}


div.top_menu ul {
	border: solid red 0px;
	background-color: transparent;
	margin: 0 10px;
	padding: 0;
	list-style-type:none;
}
div.top_menu li {
	display: inline;
	padding: .4ex 0 0 3px;
	float: right;
	text-align: center;
}
div.top_menu a {
	color: #ddd;
	background-color: transparent;
	text-decoration: none;
	border: solid #555 1px;
	vertical-align: middle;
	padding-top: 2px;
	padding-right: 4px;
	padding-bottom: 2px;
	padding-left: 4px;
	white-space: nowrap;
	display: block;
	font-size: 80%;
	width: 14ex;
	
}
div.top_menu a.selected {
	border: solid #377  1px;
}
div.top_menu a:hover {
	border: solid #177 1px; 
	background-color: #066;
}



.pglinks {	/* for wide letter spacing for page links (1 2 3, etc) at footer -jjr */
	letter-spacing: 0.2em; 
}



/* Style overrides for Democracy Poll Plugin */
.democracy-choice {
	background: #c00;	/* top half of bar */
	border-bottom: 2px solid #900; /* bottom half of bar */
}
.dem-choice-border {
	margin: 2px 0;
	margin-bottom: 8px;
	background: #333;
	height: 5px;
	border: 0px solid #ccc;
}
/* BLIX fixies */
#democracy input { width: auto; }
#democracy ul { padding: 0; } 
#democracy label {
	float: none;
	display: inline;
}
#voted-for-this { border: 0px solid #fff;}
em#dem-total-votes {
	display: block;
	font-size: 0.9em;	
	margin-left: 1.7em;
	padding-top: 1em;
}
#poll-question {
	display: block;
	font-size: 1.2em;
	margin-bottom: 1em;
	margin-top: 1em;
}
#democracy { }
#democracy li {
	list-style-type: none;
	margin-left: 1em;
}
.bPosts #poll-question {
	font-size: 1.5em;
}
.bSideItem.widget_plugin_democrcy { /* hide the Democracy Poll from the sidebar - we only want it in the blog post */
	visibility: hidden;
	height: 0px;
}
a#view-results {
	font-size: 0.9em;
	font-style: italic;
	margin-left: 0.4em;
}
div#pollloading {	/* hide the stupid loading animated .gif thingy */
	visibility: hidden;
}


/* Style overrides for Dew Player */
div.podplayer {
	border: solid red 0px;
	background-color: none;
}

/* Style overrides for ShareThis icon/link in post footer */
div.sharethis {
	font-size: 1.1em;
	display: inline;
	margin-left: 2em;
}

/* Style overrides for Post To Myspace icon/link in post footer */
div.post2myspace {
	display: inline;
	margin-left: 2em;
}