body {
	font-size: 11px;
	font-family: Tahoma, Helvetica, Arial, Sans-Serif;
	color: #444;
	background: #e3e3e3;
	background: #e3e3e3 url(images/main_bg/rotate.php);
	margin: 0px 0;
	padding: 0 0;
}

#head{
	width: 800px;
	margin-left: 3px;
	background: #fff;
	height: 80px;
        background: transparent url(images/banner/rotate.php) no-repeat;
        text-align:center;
}

#head2{
	width: 800px;
	margin-left: 0px;
	margin-top:-10px;
	background: #fff;
	height: 70px;
	background: transparent url(images/footer.png) no-repeat;
        text-align:center;
}

#pagetop{
	width: 800px;
	background: transparent url(images/contenttop.png) no-repeat;
	margin: -5px auto 0 auto;
	height: 17px;
float:left;
}

#pagefooter{
	width: 800px;
	background: transparent url(images/contentfooter.png) no-repeat;
	margin: 0 auto 0 auto;
	height: 17px;
float:left;
}

#page {
	text-align: left;
	background: transparent url(images/contentbody.png) repeat-y;
	/*border: 1px solid;
	border-top-color: #bbb;
	border-left-color: #bbb;
	border-right-color: #aaa;
	border-bottom-color: #aaa;*/
	margin: 0 auto 0 auto;
	padding: 0;
	width: 800px;
float:left;
}

blockquote, h3
{
	font-family: Tahoma, Helvetica;
	font-size: 11px;
	line-height: 14px;
	text-align: justify;
	padding-left: 5px;
	padding-right: 10px;
}

p
{
	font-family: Helvetica, Helvetica, Arial, sans-serif;
	font-size: 11px;
	line-height: 14px;
	text-align: justify;
	padding-right: 10px;
}

blockquote {
 	padding: 5px;
  	border:1px dotted #000000;
  	background-color: #ede6d3;
  	color: #000;
}

.quotation {
padding: 5px;
border:1px dotted #666;
background-color: #ede6d3;
color: #666;
}

.critique {
padding: 5px;
border:1px dotted #666;
background-color: #eeeee0;
}

.critique:hover {
padding: 5px;
border:1px solid #c40000;
background-color: #eeeee0;
}

.presentation {
padding: 5px;
border:1px dotted #666;
background-color: #f8f8ff;
}

.presentation:hover {
padding: 5px;
border:1px solid #c40000;
background-color: #f8f8ff;

}

.prose {
padding: 5px;
border:1px dotted #666;
background-color: #f2f2f2;
}

.prose:hover {
padding: 5px;
border:1px solid #c40000;
background-color: #f2f2f2;
}

.bouddha {
padding: 5px;
background-color:transparent;
}

.diary {
padding: 5px;
border:1px dotted #666;
background-color:#effac4;
}

.diary:hover {
padding: 5px;
border:1px solid #c40000;
background: transparent url(images/slanted-background.gif);
/*background-color:#f9faf5;*/
}

.default {
padding: 5px;
border:1px dotted #666;
background: transparent url(images/slanted-background.gif);
color:#000;
}

.search {
padding: 5px;
border:1px dotted #666;
background-color:#f9f9f9;
 -moz-opacity:0.75; opacity:0.75;
color:#000;
}


.default:hover {
padding: 5px;
border:1px solid #c40000;
background-color:#f9f9f9;
color:#000;
}

.about {
padding: 5px;
border:1px dotted #666;
background-color:#f4f3d8;
color:#000;
}


.comment_display {
padding: 5px;
border:1px dotted #1c51c3;
background-color:#ffffff;
 -moz-opacity:0.75; opacity:0.75;
}

.comment_form {
padding: 5px;
border:1px dotted #c43c03;
background-color:#ffffff;
-moz-opacity:0.70; opacity:0.70;
}


search-result 
{
 	padding: 5px;
  	border:1px dotted #b82619;
  	background-color: #dedede;
  	color: #666;
margin-top:15px;
}


#right p, #left p
{

	font-size: 10px;
}

#left p
{
	text-align: right;
}


#container
{
	width: 800px;
	\width: 800px;
	w\idth: 800px;
	margin: 10px;
	margin-right: auto;
       float:left;
}

#center
{       
	margin-left: 15px;
	margin-right: 55px;
        text-align: justify;
        padding-left:10px;
        padding-right:5px
	padding-top: 5px;
	width: 550px;
	\width: 550px;
	w\idth: 550px;
        margin-top:-11px;
        color:#000;
	/*background: #fff url(images/bamboo.jpg);
        background-position: bottom right;
        background-repeat: no-repeat;*/
        position:relative;
}


#right
{       float: right;
	width: 170px;
	\width: 170px;
	w\idth: 170px;
	margin-right: 5px!important;
	margin-left: 10px;
	padding-top: 8px;
        padding-right:3px;
        margin-top:-13px;

}

#foot
{
	margin-top: 5px;
	text-align: center;
}

a
{
color: #676655;
border-bottom: 1px dotted #c43c03;
text-decoration:none;

}

a:hover
{
 color: #c43c03;
text-decoration:none;
}

#right a, #left a
{
	border: 0px;
	color: #666;
}

#right a:hover, #left a:hover
{
border: 0px;
color: #C00;
background-color: #eee;
}

#right img {
-moz-opacity:0.50; opacity:0.50;
}

#right img:hover {
-moz-opacity:0.90; opacity:0.90;
}

h4
{
 color: #666666; 
 text-decoration: bold;
font-weight:strong;
}

h5
{
 color: #666666; 
 text-decoration: none;
}

h3
{
 color: #666; 
 text-decoration: none;
font-weight:normal;
}



h5 a
{
        color: #666;	
        border: 0px;
	font-weight: bold;
	font-family: Helvetica;
	font-size: 14px;
}

h5 a:hover
{
        color: #b82619;	
        border: 0px;
	font-weight: bold;
	font-family: Helvetica;
	font-size: 14px;
}

.caps
{
	letter-spacing: 0.1em;
	font-size: 10px;
}


head a
{
	text-decoration:none;
}

/* Forms */

form {
background-color: transparent;
color: #666;
font-family: Tahoma, Helvetica;
font-weight: bold;
font-size: 100%;
}

input, textarea, select, { margin: 2px;
border: black 1px dotted;
font-family: Tahoma, Helvetica;
font-weight: bold;
font-size: 100%;
}

input, select { vertical-align: middle; 
border: black 1px dotted;
font-family: Tahoma, Helvetica;
font-weight: bold;
font-size: 100%;
color:#666;
background-color:#ffffff
;}

input[type=submit], input[type=reset] {
font-family: Tahoma, Helvetica;
background-color: #ffffff;
-moz-opacity:0.50; opacity:0.50;
color: #b12121;
border: black 1px dotted;
margin-top:2px;
padding: .1em .5em;
font-weight: bold;
font-size: 100%;
}

input[type=submit]:hover, input[type=reset]:hover { 
background-color: #ffffff;
-moz-opacity:0.95; opacity:0.95;
font-family: Tahoma, Helvetica;
font-weight: bold;
font-size: 100%;
color:#666;
border: #666 1px solid;
}

input[type=text], input.textwidget, textarea {
background: #fff;
color: #666;
border: black 1px dotted;
font-family: Tahoma, Helvetica; 
font-size: 100%;
font-weight: bold;
}

#q input[type=text], #q input.textwidget, #q textarea {
background: #fff;
color: #666;
border: black 1px dotted;
font-family: Tahoma, Helvetica; 
font-size: 100%;
font-weight: bold;
width:90px;
padding-left:18px;
background: #fff url(images/q.png) no-repeat 4px center;
}

input[type=text], input.textwidget { padding: .25em .5em }
input[type=text]:focus, textarea:focus { border: 1px solid #ff0000;
font-family: Tahoma, Helvetica; color#666; }
option { border-bottom: 1px solid #ffffff}
fieldset { border: 1px solid #ffffff; padding: .2em; margin: 0; background: #transparent; }
fieldset.iefix { border: none; padding: 0; margin: 0 }
* html fieldset.iefix { width: 98% }
fieldset.iefix p { margin: 0 }
.buttons { margin: .3em .3em .3em 0 }
.buttons form, .buttons form div { display: inline;}
.buttons input { margin: 1em .3em .1em 0 }

#q input[type=text]:focus, textarea:focus { border: 1px solid #ff0000;
font-family: Tahoma, Helvetica; color#666; }

.img-shadow {
  float:left;
  background: url(shadowAlpha.png) no-repeat bottom right !important;
  background: url(shadow.gif) no-repeat bottom right;
  margin: 8px 0 0 5px !important;

  }

.img-shadow img {
  display: block;
  position: relative;
  background-color: #fff;
  border: 1px solid #666;
  margin: -6px 6px 6px -6px;
  padding: 3px;
  }

.imglinks a:hover {
border: 0px !important;
background: none !important;
}

.imglinks {
border: 0px !important;
background: none !important;
-moz-opacity:0.10; opacity:0.10;
}

.lastmodified {
width: 90%;
color: rgb(110, 133, 123);
text-align: right;
}

a.external {
    background: url(external.png) center right no-repeat;
    padding-right: 13px;
}

li {    margin-left:15px;
	list-style-image: url(li_comment.gif);
	margin-bottom: 4px;
	text-align: justify;
	}

li.menu {    margin-left:15px;
	list-style-image: url(extlink.gif);
	margin-bottom: 4px;
	text-align: justify;
	}

li.menuactive {    margin-left:15px;
	list-style-image: url(extlink.gif);
	margin-bottom: 4px;
	text-align: justify;
        border: 0px;
        color: #C00;
     background-color: #eee;
      width:55px;
	}

ul.disc {
	list-style-image: url(extlink.gif);
}

li.repository {    margin-left:15px;
	list-style-image: url(li_folder.gif);
	margin-bottom: 4px;
	text-align: justify;
	}

li.diarypuce {    margin-left:15px;
	list-style-image: url(diary.png);
	margin-bottom: 4px;
	text-align: justify;
	}

li.diarypuceactive {    margin-left:15px;
	list-style-image: url(diary.png);
	margin-bottom: 4px;
      color: #C00;
     background-color: #eee;
      width:50px;
text-align:justify;
}

.edit {
border-left: 5px solid #B22222;
border-top: 1px solid #666;
border-right: 1px solid #666;
border-bottom: 1px solid #666;
padding-top: 5px;
padding-left: 8px;
padding-bottom:3px;
color: #666;
background-color:#ffffff;
}

hr {
border: 0;
width: 50%;
color: #666;
background-color: #cdcdc1;
height: 3px;
}

#titlediv {
background: url("green.png") no-repeat;
padding-left: 10px;
font-size: 11px;
color:#666;
}

acronym {
  border-bottom: 1px dotted #676655;
  cursor: help;
}

.logo {
border:0px !important;
}

.clearfix {
content: "."; 
display: block; 
height: 0; 
clear: left; 
visibility: hidden;
}

.clearfix:after {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

#footer {
	width: 800px;
	text-align: center;
	padding: 0;
	margin-left: 10px;
        margin-top:5px;
	padding: 11px 0 0 0;
	background: transparent url(images/footer.png) no-repeat;
	height: 60px;
float:left;
}

select, option {
color:#666;
}

option.gris {
background-color:#666;
color:white;
}

.updated {
color:#c40000";
}

/** lightbox **/
#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%	
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}

.black_overlay{
display: none;
position: absolute;
top: 0%;
left: 0%;
width: 100%;
height: 100%;
background-color: black;
z-index:1001;
-moz-opacity: 0.8;
opacity:.80;
filter: alpha(opacity=80);
}
.white_content {
display: none;
position: absolute;
top: 5%;
left: 25%;
width: 50%;
height: 500px;
padding: 16px;
border: 16px solid orange;
background-color: white;
z-index:1002;
overflow: auto;
}