@charset "utf-8";
/* CSS Document */

@font-face {
    font-family: 'JFB1Medium';
    src: url('jfb1-webfont.eot');
    src: url('jfb1-webfont.eot?#iefix') format('embedded-opentype'),
         url('jfb1-webfont.woff') format('woff'),
         url('jfb1-webfont.ttf') format('truetype'),
         url('jfb1-webfont.svg#JFB1Medium') format('svg');
    font-weight: normal;
    font-style: normal;

}

html, body html {
	width:100%;
	height:auto;
	min-height:100%;
}
/*fixes error in non-IE agents*/
html>body .content {
	height:auto;
	min-height:100%;
}
body {
	/* font: 100% Verdana, Arial, Helvetica, sans-serif; */
	font-family: 'JFB1Medium';
	background: #666666;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	height: 100%;
}
.oneColElsCtr
{
	font-family: 'JFB1Medium';
}
.oneColElsCtr #container {
	width: 46em;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 1px solid #000000;
	text-align: left; /* this overrides the text-align: center on the body element. */
	height: 99%;
}
.oneColElsCtr #mainContent {
	padding: 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	font-size: 26px;
	font-family: 'JFB1Medium';
	color:#000000;
}
.page_blanche {
	background-color: #FFFFFF;
	color: #000000;
}
.page_noire {
	background-color: #000000;
	color: #FFFFFF;
}

/*
h1 {
	font-size: 90%;
	font-weight:500;
	margin: 0;
	color: #000000;
	text-transform: uppercase; 
	line-height:100%;
}
h2 {
	font-size: 75%;
	color:#000000;
	margin: 0;
	text-transform: uppercase; 
}
h3 {
	font-size: 120%;
	font-weight:100;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	margin-top:27px;
	margin-bottom:12px;
	text-transform: uppercase; 
	color:#000000;
}
h4 {
	font-size:100%;
	font-variant:normal;
	font-weight:normal;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	margin: 0;
	text-transform: uppercase; 
}
*/
p {
	margin-top:0em;
	margin-bottom:1em;
	margin-left:0em;
	margin-right:0em;
}
/*
a:link {text-decoration: none;color:#67686b;}
a:visited {text-decoration: none;color:#67686b;}
a:active {text-decoration: none;color:#67686b;}
a:hover {text-decoration: underline; color: #d54623;}
*/

.transparent
{
   filter:alpha(opacity=0); 
   -moz-opacity: 0; 
   opacity: 0; 
}

.alpha60 {
	/* Fallback for web browsers that doesn't support RGBa */
	background: rgb(0, 0, 0);
	/* RGBa with 0.6 opacity */
	background: rgba(0, 0, 0, 0.6);
	/* For IE 5.5 - 7*/
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
	/* For IE 8*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}

.rounded-corners {
     -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    border-radius: 20px;
}

.album div {
	background-color: black;
}
.album a:link {text-decoration: none; color:black; border-style:none; border-width: 0x;}
.album a:visited {text-decoration: none; color:black; border-style:none; border-width: 0x;}
.album a:active {text-decoration: none; color:black; border-style:none; border-width: 0x;}
.album a:hover {text-decoration: underline; color:black; border-style:none; border-width: 0x;}
.album img {
	border-style:solid; 
	border-width: thick;
	border-color: white;
	margin: 7px 7px 7px 7px;
}
.credits {
	font-size: x-small;
	padding-left: 20px;
}
.credits a:link {text-decoration: none; color:white; }
.credits a:visited {text-decoration: none; color:white; }
.credits a:active {text-decoration: none; color:white; }
.credits a:hover {text-decoration: underline; color:white; }

.no-js #outerHtml
{
}

.js #outerHtml
{
	display: none;
}