/*
 *
 *  imago CSS
 * (C) Mefi, 2007 - http://mefi.be/
 *
 */

/* main */
body{
	padding: 0px; margin: 0px;
	background: #6d6664 url(img/back.gif) repeat-x;
	font-family: Trebuchet MS; font-size: 100%; color: #d7cecc;
}
img{ margin: 0; border: 1px solid #5e5755; }

h1{
	padding: 0px; margin: 0 auto 0 auto;
	width: 383px; height: 154px;
	background-image: url(img/logo.gif);
}
h1 a { 
	display: block; 
	width: 100%; 
	height: 120px;
}
h1 span { display: none; }

/* pic */

div#pic{
	padding: 5px; margin: 15px auto 0 auto;
	background-color: #766e6c;
	border: 1px solid #5e5755;
}
div.land{ width: 502px; height: 377px; }
div.port{ width: 377px; height: 502px; }

div.thumb{
	padding: 5px;
	background-color: #766e6c;
	border: 1px solid #5e5755;
	position: fixed;  top: 25px;
}
div#leftthumb{ left: 25px; display: none; }
div#rightthumb{ right: 25px; display: none; }

div#info{
	padding: 0px; margin: 5px auto 0 auto;
}
div.landinfo{ width: 502px; }
div.portinfo{ width: 377px; }

p#title  { margin: 0 0 2px 0; font-size: 1em;   font-weight: bold; }
p#date    { margin: 0 0 2px 0; font-size: 0.8em; font-weight: bold; }
p#detail{ margin: 0; 		  font-size: 0.6em; font-weight: bold; }

/* archive */

div#archive, div#link{
	padding	 : 0; margin: 0 auto 0 auto;
	width		 : 375px;
	text-align: center; 
}
div#archive ul{
	padding: 0; margin: 25px 0 0 0;
	list-style-type: none;
	border-top	 : 1px dotted #615a58;
}
div#archive ul li{
	padding		 : 2px 0 2px 0; margin: 0;
	border-bottom: 1px dotted #615a58;
	height: 35px;
}
ul#links li{
	padding		 : 2px 0 2px 0; margin: 0;
	border-bottom: 1px dotted #615a58;
	list-style-type: none;
}
div#archive ul li a{
	display: block; width: 100%; height: 100%;
}
div#archive ul li a span{ display: none; }
div#archive ul li:hover{
	background-color: #776f6d;
	background-image: url(img/back.gif);
	height: 145px;
}
ul#links li:hover{
	background-color: #776f6d;
	background-image: url(img/back.gif);
}
div#archive ul li:hover a{ color: #fff; }
ul#links li:hover a{ color: #fff; }
h3{
	font-size	 	: 2em;
	text-decoration: underline;
}

/* bottom */

div#bottom{
	padding	  : 1px 0 0 0; margin: 20px auto 20px auto;
	height	  : 36px;
	font-family: Verdana, Tahoma; font-size: 0.7em; font-weight: bold; 
	text-align : center; color: #3d3635;
	background : #615a58 url(img/bottom.gif) repeat-x top;
}

a{
	text-decoration: none;
	color: #d7cecc;
}
div#info a:hover  { color: #fff;    }
div#bottom a	   { color: #3d3635; }
div#bottom a:hover{ text-decoration: underline; }

/* navigation div */

div#navdiv{
  margin: 0 auto 0 auto;
  width: 130px; height: 45px;
}

div#prev_p{
  display: table-cell;
  width: 60px; height: 45px;
  background-image: url(img/prev.jpg);
}
div#prev_p:hover{
  background-position: 60px;
}
div#prev_p a{ display: block; width: 100%; height: 100%; }
div#prev_p a span{ display: none; }

div#next_p{
  display: table-cell;
  width: 60px; height: 45px;
  background-image: url(img/next.jpg);
  background-position: 60px;
}
div#next_p:hover{
  background-position: 0px;
}
div#next_p a{ display: block; width: 100%; height: 100%; }
div#next_p a span{ display: none; }

/* vote */
div#vote{
  margin: 5px auto 0 auto; padding-left: 8px;
  text-align: center;
  width: 500px;
  border-top: 1px dotted #494240;
}

ul#voter{
  padding: 0; margin: 0 auto 0 auto;
  width: 200px; height: 40px;
  list-style: none;
}

ul#voter li  { width: 40px; height: 40px; float: left;}
ul#voter li a{ display: block; width: 100%; height: 100%; background: #6d6664 url(img/stars.gif) no-repeat top;}
ul#voter li a span{ display: none; }

ul#voter li a.nohover:hover{ background-position: top !important;}

ul#voter li.one     a:hover{ background: #6d6664 url(img/stars.gif) no-repeat bottom; }
ul#voter li.two     a:hover{ background: #6d6664 url(img/stars.gif) no-repeat bottom; }
ul#voter li.three a:hover{ background: #6d6664 url(img/stars.gif) no-repeat bottom; }
ul#voter li.four   a:hover{ background: #6d6664 url(img/stars.gif) no-repeat bottom; }
ul#voter li.five   a:hover{ background: #6d6664 url(img/stars.gif) no-repeat bottom; }