/*

	Zen Photo Default (Dark) 1.0
	
*/
/* Basics
------------------------------ */
html {
/* Moz */
height:100%;
}

/* Main Layout
------------------------------ */
#gallerytitle {
border-bottom:1px solid #444;
padding-bottom:14px;
margin-bottom:20px;
/*min-height: 40px;
  _height: 40px;*/
}

#gallerytitle h2 {
font-weight:400;
font-size:14px;
margin-top:18px;
width:510px;
}

/* Text Styles
------------------------------ */
body {
font:normal 82%/200% Helvetica, Arial, sans-serif;
color:#888;
}

h2 {
font:14px Helvetica, Arial, sans-serif;
font-weight:700;
color:#CF9D74;
}

h2 a:link,h2 a:visited {
color:#CF9D74;
text-decoration:none;
}

h2 span {
color:#666;
}

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

h3 {
font:14px Helvetica, Arial, sans-serif;
font-weight:700;
color:#748da0;
margin-top:30px;
}

h3 a:link,h3 a:visited {
text-decoration:none;
}

h3 a:hover {
text-decoration:underline;
}

/* AJAX
------------------------------ */
#albumDescEditable,#albumTagsEditable {
margin-bottom:12px;
}

#imageDescEditable,#albumTagsEditable {
margin-top:24px;
}

#imageDesc,#exif_link {
margin-bottom:4px;
}

#exif_link {
float:right;
}

#narrowtitu .jeip-editor textarea {
color:black;
width:260px;
height:70px;
line-height:100%;
text-align:right;
}

#narrowtitu .jeip-editor {
float:right;
}

/* Image Thumbnails
------------------------------ */
.degra {
position:absolute;
width:68px;
height:68px;
display:block;
margin:0;
padding:0;
background:url(../images/degra.png);
}

.indegra {
width:68px;
height:68px;
display:block;
position:relative;
z-index:100;
}

a:hover .degra {
opacity:0.4;
}

.tuti {
display:none;
}

.imagethumb img {
display:block;
width:68px;
height:68px;
padding:0;
margin:0;
}

.albumdesc2 {
line-height:18px;
}

.indiceimagenes {
width:204px;
height:408px;
float:left;
position:relative;
padding:0;
margin:0;
z-index:300;
clear:both;
}

.palito {
display:block;
width:68px;
float:left;
}

.unacol {
width:68px;
}

.doscol {
width:136px;
}

.trescol {
width:204px;
}

#conteindi {
position:absolute;
bottom:0;
margin:0;
padding:0;
}

.albumage {
clear:none;
margin:0;
padding:0;
}

.albumage h2 {
margin:0;
padding:4px 0 0;
display:block;
height:43px;
text-align:left;
border-top:1px solid #333;
}

.albumage h2 span {
color:#999;
font-size:13px;
margin:0;
padding:0;
}

/* Album Thumbnails
------------------------------ */
#zenindex {
text-align:left;
margin:0 auto;
padding:0;
clear:both;
}

#padbox {
margin:0;
padding:0;
}

#albums {
margin:0 auto;
padding:0;
width:584px;
}

.album {
margin:5px;
padding:10px;
float:left;
width:260px;
border:1px solid #444;
background:#232323;
line-height:100%;
position:relative;
display:inline;
}

.album a img {
}

.album .thumb {
float:left;
margin-right:6px;
}

.album h3 {
padding:0;
font-family:Georgia,"Century Schoolbook L","Liberation Serif",Times,serif;
margin:0;
}

.album h3 a:link,.album h3 a:visited {
color:#bf8a5f;
}

.album h3 a:hover {
color:#AF784C;
}

.album p {
line-height:12px;
font-size:12px;
padding:4px 0 0;
margin:10px 0 0;
color:#CFCFCF;
}

.albumdesc small {
position:absolute;
bottom:5px;
right:5px;
color:#999;
font-size:10px;
}

.nones {
display:none;
}

.indexdegra {
position:absolute;
width:68px;
height:68px;
display:block;
margin:0;
padding:0;
background:url(../images/inexdegra.png);
}

a span.degraseries,a:visited span.degraseries {
opacity:1.0;
z-index:100;
}

/* Individual Image
------------------------------ */
#image {
position:relative;
text-align:right;
float:right;
margin:0;
margin-bottom:10px;
height:408px;
line-height:408px;
}

#image #conteimage {
position:relative;
padding:0;
margin:0;
}

#image #conteimage img {
border:1px solid #333;
vertical-align:middle;
}

.navega {
position:absolute;
top:0;
left:0;
display:block;
width:99%;
padding:0;
margin:0;
z-index:999;
}

a:link .adelflecha,a:visited .adelflecha {
float:right;
height:408px;
width:40%;
}

a:hover .adelflecha {
background:url(../images/flechilante.png) no-repeat center right;
}

a:link .atrasflecha,a:visited .atrasflecha {
float:left;
margin-left:8px;
height:408px;
width:40%;
}

a:hover .atrasflecha {
background:url(../images/flechiatras.png) no-repeat center left;
}

#narrow {
margin:0;
line-height:100%;
text-align:right;
border-top:1px solid #333;
font-size:12px;
padding:7px 0;
clear:both;
height:60px;
}

#narrowtitu {
clear:none;
}

#narrow h3 {
color:white;
line-height:100%;
margin:0;
margin-left:auto;
margin-right:0;
width:340px;
margin-bottom:5px;
}

#seriesenimagen {
float:left;
text-align:left;
margin:0;
padding:0;
width:300px;
display:inline;
}

#seriesenimagen h2,#seriesenimagen h2 span {
color:#BF8A5F;
font-family:Georgia, Times, Serif;
margin:0;
padding:0 0 3px;
font-size:12px;
}

#seriesenimagen img {
vertical-align:top;
margin:0;
padding:0;
}

#flechita {
float:left;
display:block;
width:20px;
margin-left:10px;
height:40px;
vertical-align:middle;
clear:none;
display:inline;
}

a:link #flechita,a:visited #flechita {
background-image:url(../images/flechita.gif);
background-position:bottom right;
background-repeat:no-repeat;
}

a:hover #flechita {
background-image:url(../images/flechita.gif);
background-position:top right;
background-repeat:no-repeat;
}

.thumbi {
float:left; display: block; width: 40px; height: 40px
}

.tutiseries img {
}

a:link .opiseries,a:visited .opiseries {
opacity:0.3;
}

a:hover .opiseries {
opacity:1.0;
}

a span.degraseries,a:visited span.degraseries {
position:absolute;
width:40px;
height:40px;
display:block;
margin:0;
padding:0;
background:url(../images/degraser.png);
opacity:1.0;
z-index:100;
}

img.opiseries {
width:40px;
height:40px;
overflow:hidden;
}

/* Forms
------------------------------ */
.inputbox {
width:250px;
padding:2px;
}

textarea {
padding:4px;
width:100%;
color:#888;
font:100%/200% "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.checkbox {
cursor:pointer;
}

.pushbutton {
cursor:pointer;
padding:5px 10px;
}

label {
cursor:pointer;
}

label:hover {
color:#999;
}

#map {
margin-left:-77px;
}

#rating {
margin-top:10px;
}

/* Admin Toolbox
------------------------------ */
#admin,#admin_data {
position:absolute;
right:20px;
top:32px;
width:95px;
border-bottom:1px solid #444;
border-left:1px solid #444;
background:#222;
z-index:2;
}

#admin_data {
top:40px;
padding-top:20px;
font-size:12px;
z-index:1;
line-height:1.6em;
}

#admin_data ul {
padding:5px;
}

#admin h3 {
font-weight:400;
font-size:12px;
color:#aaa;
margin:0;
padding:0;
padding-left:5px;
}

#admin h3:hover {
color:#86a1b6;
}

/* Error Messages
------------------------------ */
.errorbox {
padding:20px;
background-color:#FDD;
border-top:1px solid #FAA;
border-left:1px solid #FAA;
border-right:1px solid #FAA;
border-bottom:5px solid #FAA;
margin-bottom:10px;
font-size:100%;
color:#DD6666;
}

.errorbox h2 {
color:#DD6666;
font-size:100%;
font-weight:700;
margin:0;
}

/* login form */
table.password td.userlabel {
text-align:right;
}

table.password td.userinput {
text-align:left;
}

table.password td.userinput input,td.passwordinput input {
width:15em;
}

/* login form */
table.password td.passwordlabel {
text-align:right;
}

table.password td.passwordinput {
text-align:left;
}

table.password td.submit {
text-align:center;
}

table.password td.hint {
text-align:left;
}