* { 	
	margin:0; 
	padding:0; 
}

/**
 * Default Layout
 */
BODY, H1, H2, H3, DT, INPUT.rateButtonSelected { 
	color:#888; 
}
BODY { 
	background:#111 url(images/stripe.png) repeat fixed top center;
}
FIELDSET, INPUT, SELECT, TEXTAREA { 
	border: 1px solid #666; 
}
input[type="text"], input[type="password"], input[type="button"], input[type="submit"], input[type="reset"], input[type="file"] {
	background-color:#444; 
	color:#999; 
}
input[type="file"] {
	background-color:#222; 
	border: 1px solid #666;
}
INPUT, select, textarea { 
	color:#999; 
	background-color:#444; 
}
input[type="radio"], input[type="checkbox"], input[type="button"].rateButtonStarEmpty, input[type="button"].rateButtonStarFull { 
	background-color: transparent; 
}
input[type="button"], input[type="submit"], input[type="reset"] {
	color:#FFBF00; 
	background-color:#222; 
	border-color:#FFBF00; 
}
input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover {
	color:#999; 
	border-color:#666; 
}
.titrePage img.button[alt="x"] {
	margin: 0 3px 3px;
}
A, INPUT.rateButton { 
	color:#fff; 
	border-width: 0; 
}
A:hover, A:active, a.Piwigo:hover  { 
	color:#FFBF00; 
	border:0;
}
a.external { 
	color:#FFBF00; 
	border:0; 
	text-decoration: none; 
}
a.external:hover { 
	color:#FDDA70; 
	border:0; 
}
a.Piwigo {
  font-family: verdana, arial, helvetica, sans-serif !important;
  font-size: 11px; font-weight: normal; letter-spacing: 0;
  color : #FF3363; text-decoration: none; border: 0;
}
 *, *:focus, *:active, input:active, a:active, input:focus, a:focus { 
	outline: none; 
}


/**
 * Common
 */
#the_page { 
	width: 100%; 
	min-width: 100%; 
}
.header_msgs { 
	background:transparent url(images/header_msgs-bg.png) repeat scroll left top;
	border:0; 
	color:#333; 
	font-size:24px; 
	left:0; 
	padding:10px 0 6px 0; 
	position:absolute;
	text-align:center; 
	top:0; 
	width:100%; 
	z-index:99; 
}
.header_notes {
	display:none;
	background:transparent url(images/header_msgs-bg.png) repeat scroll left top;
	border:0 none;
	color:#333;
	font-size:16px;
	position:absolute;
	top:0;
	width:100%;
	z-index:99;
}
.infos { 
	color:#FDDA70; 
	border:0; 
	background-color: transparent; 
	margin-left:125px;
	padding:5px 0px 0pt 10pt; 
	min-height: 48px; 
	text-align:left; 
}
.infos li, .errors li { 
	list-style-type:none; 
}
.errors { 
	color:#FFBF00; 
	border:0; 
	background: transparent url(icon/errors.png) no-repeat scroll right top; 
	margin-left:125px;
	padding:5px 0px 0pt 10pt; 
	min-height: 48px; 
	text-align:left; 
	font-weight:bold; 
}
#debug { 
	margin: 15px 15px 5px 248px; 
	font-size:12px; 
	clear: both; 
}
tr.tagLine, fieldset.tagLetter, legend.tagLetterLegend {
	border-color: #666666;
}
.tagLetterContent .tagLine {
	font-size:130%;
}


/**
 * Menubar
 */
#menubar {
	margin:20px 0 0 10px;
}
#menubar DL { 
	padding:5px 0 0 0; 
	width: 231px; 
	min-width: 231px; 
	border-right: 1px solid #555;
	border-left: 1px solid #555;
	border-top: 3px solid #555; 
	background:#1a1a1a;
	min-height: 32px; 
	overflow-x: hidden;
	opacity:0.9;
	filter:alpha(opacity=90); 
}
	#menubar DL:first-child {
		border-radius:0 10px 0 0;
		-moz-border-radius:0 10px 0 0;
		-webkit-border-radius:0 10px 0 0;
	}
	#menubar DL:last-child {
		border-radius:0 0 0 10px;
		-moz-border-radius:0 0 0 10px;
		-webkit-border-radius:0 0 0 10px;
		border-bottom: 1px solid #555;
	}
#menubar DT { 
	border:0; 
	display:inline; 
	margin:0 0 3px 5px; 
	text-align:left; 
	font-size:1.3em;
	color:#666;
}
#menubar DT a {
	font-size:100%;
	color:#666;
}
#menubar DD { 
	margin:3px 0 0 0; 
	padding:0 0 22px; 
	width: 231px; 
	min-width: 231px; 
	border: 0; 
	overflow-x: hidden;
}
#menubar DD P {
  padding: 2px 16px 0; 
}
#menubar UL, #menubar #mbCategories p, #menubar .illustration  { 
	margin:0;
}
#menubar UL { 
	color:#333; 
	font-size: 16px; 
	line-height: 13px; 
}
#menubar LI { 
	padding-left: 12px; 
}
#menubar A { 
	font-size: 13px; 
}
#menubar .menuInfoCat, #menubar .menuInfoCatByChild {
	font-size:0.7em;
	color:#444;
}
#menubar form { 
	margin:0; 
}
#menubar p { 
	padding: 16px 16px 0; 
}
#menubar .button { 
	position:relative; 
	right:5px; 
	top:5px; 
	height:20px; 
	width:20px; 
}
#menubar .button.filter {
	width:60px;
}
#menubar .icon {
	vertical-align:top;
}
#menubar .totalImages { 
	color:#333; 
}
#menubar #menuTagCloud { 
	margin:0; 
	padding: 0 12px; 
}

/*#menubar DL#mbIdentification { 
	background:transparent url(images/menuId_top.png) no-repeat scroll left top !important;
}
#menubar #mbIdentification DD { 
	background:transparent url(images/menuId_bottom.png) no-repeat scroll left bottom; 
}
#menubar #mbIdentification UL, #menubar #mbIdentification p, #menubar #mbIdentification .illustration  { 
	background:transparent url(images/menuId_sides.png) repeat-y scroll left bottom; 
}
#menubar #mbIdentification form { 
	background:transparent url(images/menuId_sides.png) repeat-y scroll left bottom; 
}
#menubar #mbIdentification  .actions, #menubar #mbIdentification form  p { 
	background:transparent none repeat-y scroll left bottom; 
}
#menubar #mbIdentification p { 
	padding: 2px 16px 0; 
	margin: 0;
}
#menubar #mbIdentification .button { 
	height:24px; 
	width:24px; 
	right:0px; 
	top:-40px; 
}
#menubar #mbIdentification fieldset { 
	border:0; 
	margin:0 24px 0 23px; 
}
#menubar #mbIdentification legend { 
	display: none; 
}
#menubar #mbIdentification fieldset div input[type="text"] { 
	margin: 0 0 3px; 
	width: 174px; 
	display: inline; 
}
*/


/**
 * Content
 */
.content { 
	border: 1px solid #500; 
	border-top:3px solid #500;
	border-radius:0 10px;
	-moz-border-radius:0 10px;
	-webkit-border-radius:0 10px;
	background:#1a1a1a;
	margin:20px 7px 0 250px; 
	padding-top:7px; 
	min-height:200px; 
	opacity:0.9;
	filter:alpha(opacity=90);
}
.content * {
	opacity:1;
	filter:alpha(opacity=100);
}
.content h2 { 
	padding:0px 10px 15px 15px; 
	font-size:1.3em;
}

.content UL.thumbnails SPAN,
.content UL.thumbnails SPAN.wrap2 A,
.content UL.thumbnails LABEL,
.content DIV.thumbnailCategory DIV.illustration {
	width: 200px;
}
.content UL.thumbnails SPAN.wrap2,
.content DIV.thumbnailCategory DIV.description {
	height: 200px;
}
.content ul.thumbnailCategories li { 
	width:50%; 
}
.content div.thumbnailCategory {  
	margin:0 0 5px 5px;
	height:120px;
	overflow:hidden;
}
.content .thumbnailCategory div.illustration { 
	margin: 5px 0 0 5px !important; 
	/* width:200px !important; */
	padding:3px;
	border: 1px solid #363636;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	background:#0a0a0a;
	box-shadow:0px 0px 3px #222;
	-moz-box-shadow:0px 0px 3px #000;
	-webkit-box-shadow:0px 0px 3px #000;
}
.content .thumbnailCategory div.illustration:hover { 
	border:1px solid #454545;
}
.content .thumbnailCategory div.illustration a {
	display:block;
	height:100px;
	overflow:hidden;
	background-position:center center;
	background-repeat:no-repeat;
}
.content .thumbnailCategory div.description { 
	padding:15px 10px 3px 10px; 
	overflow: hidden !important; 
}
.content .thumbnailCategory div.description H3 a { 
	color:#888;
}
.content .thumbnailCategory div.description H3 a:hover { 
	color:#FFBF00;
}	
.content .thumbnailCategory div.description .text { 
	display:block; 
	overflow:auto; 
	overflow-x:hidden; 
	padding:0 0 5px 0; 
	font-style:italic;
}
.content div.thumbnailCategory div.description p.dates { 
	margin: 0 15px 0 15px; 
	text-align: right; 
}
.content .thumbnailCategory div.description p.Nb_images {
	border-bottom:1px dotted #666;
	font-size:0.9em;
	margin:0 0 3px 0;
}
/*.content .navigationBar {
	color:#666;
	font-size:1.1em;
}*/
.content .categoriesThumbnailsSeparator {
	background:url(images/imageToolBarBorder.png) no-repeat center top;
}
.content .additional_info {
	background:url(images/imageToolBarBorder.png) no-repeat center top;
	padding-top:8px;
}




/*#qsearchInput { 
	color:#999;
}
#qsearchInput:focus, input:focus, select:focus, textarea:focus, input.focus, form .focus { 
	background-color:#444;
	color:#999; 
}*/



/**
 * Thumbnails
 */
.content UL.thumbnails SPAN.wrap1 {
	margin:10px;
}
.content UL.thumbnails SPAN.wrap2 {
	border: 1px solid #363636;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	height:auto;
	min-height:80px;
	padding:4px 3px;
	background:#0a0a0a;
	box-shadow:0px 0px 3px #222;
	-moz-box-shadow:0px 0px 3px #000;
	-webkit-box-shadow:0px 0px 3px #000;
}
.content UL.thumbnails SPAN.thumbLegend {
	display:none;
	position:absolute;
	background:#111;
	margin:4px;
	padding-bottom:3px;
	opacity:0.9;
	filter:alpha(opacity:90);
	font-size:0.8em;
	height:auto;
}
.content UL.thumbnails SPAN.thumbLegend .thumbnail-name {
	font-size:1.2em;
	font-weight:bold;
	color:#600;
}
.content UL.thumbnails SPAN.wrap1:hover .thumbLegend{
	display:inherit;
}
.content UL.thumbnails SPAN.wrap1:hover .wrap2 { 
	border:1px solid #454545;
}
.content UL.thumbnails SPAN.thumb-ts {
	position:absolute;
	margin:5px 0 0 88px;
	display:block;
}
.content UL.thumbnails SPAN.thumb-ts.pano {
	position:absolute;
	margin:5px 0 0 -76px;
	display:block;
}

/*span.calItem {
	border:1px solid #666; 
	margin:0 5px; 
	padding:2px 5px 0 8px;
}
span.calItemEmpty, td.calDayCellEmpty, td.calDayCellFull {
	border:1px solid #666;
}*/



/**
 * The Image
 */
#imageHeaderBar {
	max-width:1000px;
	margin:10px auto 0px auto;
	background:url(images/imageToolBarBorder.png) no-repeat center bottom;
	padding-bottom:10px;
}
#imageHeaderBar H2 { 
	font-size: 1.5em; 
	color: #FFBF00;
}
#imageHeaderBar .imageNumber { 
	margin-right:7%; 
}
#imageHeaderBar .browsePath { 
	margin-left:7%; 
}
#imageToolBarContainer { 
	padding:0 7%; 
	background:url(images/imageToolBarBorder.png) no-repeat center bottom;
	margin: 5px 20px -2px 20px;
	padding-bottom:1px;
}
#imageToolBar { 
	padding:0 7%; 
}
#theImage {
	margin:15px auto 10px auto;
	background:url(images/imageToolBarBorder.png) no-repeat center bottom;
	padding-bottom:10px;
}
#theImage img {
	padding:10px;
	border: 1px solid #363636;
	background-color:#0a0a0a;
	box-shadow:0px 0px 3px #222;
	-moz-box-shadow:0px 0px 3px #000;
	-webkit-box-shadow:0px 0px 3px #000;
}
#theImage img:hover { 
	border:1px solid #454545;
}

.linkContainer {
	width:200px;
	padding:4px;
	overflow:hidden;
	border: 1px solid #363636;
	background-color:#0a0a0a;
	box-shadow:0px 0px 3px #222;
	-moz-box-shadow:0px 0px 3px #000;
	-webkit-box-shadow:0px 0px 3px #000;
}
.linkContainer:hover { 
	border:1px solid #454545;
}
.navThumb {
	display:block;
	max-height:130px;
	overflow:hidden;
	background-position:center center;
	background-repeat:no-repeat;
	opacity:0.5;
	filter:alpha(opacity=50);
}
.navThumb:hover {
	opacity:0.9;
	filter:alpha(opacity=90);
}
a.navThumb img {
	opacity:0;
	filter:alpha(opacity:0);
}
#linkPrevContainer{
	float:left;
	margin-left:20px;
	border-radius: 100px 4px 4px 100px;
	-moz-border-radius: 100px 4px 4px 100px;
	-webkit-border-radius: 100px 4px 4px 100px;
}
#linkPrevContainer .navThumb {
	border-radius: 100px 4px 4px 100px;
	-moz-border-radius: 100px 4px 4px 100px;
	-webkit-border-radius: 100px 4px 4px 100px;
}
#linkNextContainer{
	float:right;
	margin-right:20px;
	border-radius: 4px 100px 100px 4px;
	-moz-border-radius: 4px 100px 100px 4px;
	-webkit-border-radius: 4px 100px 100px 4px;
}
#linkNextContainer .navThumb{
	border-radius: 4px 100px 100px 4px;
	-moz-border-radius: 4px 100px 100px 4px;
	-webkit-border-radius: 4px 100px 100px 4px;
}
#linkPrev, #linkNext {
	float:none;
	margin:0;
}

#BBCodeIMG {
	background:url(images/imageToolBarBorder.png) no-repeat center top;
	padding-top:10px;
	font-size:12px;
	background:#111111;
	border:1px solid #404040;
	padding:10px;
	margin:15px auto;
	width:600px;
}

#theImage .comment_img {
	width:800px;
	margin:0 auto;
	height:auto;
}

#thePicturePage #comments {
	max-width:1000px;
	margin:auto;
	margin-bottom:5px;
}

p.view_high {
	font-size:1.2em;
	font-weight:bold;
	color:#666;
	margin-bottom:0px;
}
.rateButtonStarFull, .rateButtonStarEmpty {   	
	background-image: url('icon/rating-stars.png'); 
}

#thePicturePage .thumbnailCategory {
	padding: 15px 2px 6px 12px; 
	border: 1px solid #666; 
}
#thePicturePage .thumbnailCategory  .date, #thePicturePage .thumbnailCategory  .author {
	font-weight:bold;
}
#thePicturePage .thumbnailCategories { 
	padding-left: 12px; 
	padding-right: 12px; 
}
#thePicturePage .odd { 
	background-color: #222; 
	border-top:0 !important; 
}
#addComment fieldset {
  color: #7F0900;
  border-color: #7F0900;
  max-width:800px;
  margin:auto;
}
#addComment fieldset label {
  color: #666;
}

/**
 * Comment Page
 */
#theCommentsPage .content ul.thumbnailCategories li,
#theCommentsPage .content div.thumbnailCategory ,
#theCommentsPage .content div.thumbnailCategory div.description,
#theCommentsPage .content .thumbnailCategory div.illustration { 
	background-image: none;
	height:auto;
}
#theCommentsPage .content div.thumbnailCategory {
	padding: 10px; 
}
#theCommentsPage .content .odd { 
	background-color: #222; 
}
#theCommentsPage .content .even { 
	background-color: #111; 
}
#theCommentsPage .content div.thumbnailCategory div.description {
	padding-top:5px;
}
#theCommentsPage div#comments {
	padding: 0 0 5px 10px;
}

#comments .thumbnailCategories hr {display:none;}
#comments form.filter input[type="submit"] { margin-top:1.8em; }
#comments ul.actions li, #comments ul.actions li:hover { 
	background:transparent none;
 	padding: 0 22px; 
	clear:both; 
	list-style-type:none; 
}