/*
-----------------------------------------------
Photo Gallery Templates: Main Style Sheet
Author:   Angel Borrue
Version:  0.1 - Sep 2008
----------------------------------------------- */

body {
  background:#fff url(../img/body.gif);
  margin:0;
  padding:0;
  font:small Verdana,Sans-serif;
  color:#333;
  font-size:85%;
  }

#content {
  position:relative;
  margin:1.6em 0 0;
  padding:26px 15px 15px;
  font-size:85%;
  line-height:1.6;
  }
.photosolo #content {
  padding:25px 0 15px;
  }

#wrap {
  background:#000;
  width:800px;
  padding:30px 0px;
  display:block;
  margin-right:auto; 
  margin-left:auto;
  }


/* =Links
----------------------------------------------- */

a img  {
  border-width:0;
  }



/* =Headings
----------------------------------------------- */
h2 {
  margin:.5em 0 .75em;
  font:145% "Trebuchet MS",Verdana,Sans-serif;
  color:#974;
  }




/* =Lists
----------------------------------------------- */
ul {
  margin:.5em 0 1.5em;
  padding:0;
  }
li {
  margin:0;
  padding:0 0 0 15px;
  list-style:none;
  }




/* =Misc
----------------------------------------------- */
p {
  margin:0 0 .75em;
  }

p.inauguracion {
  color:#fff;
  text-align:center;
  padding-top:2em;
  font-size:100%;
}

p.direccion {
  color:#888;
  text-align:center;
  padding-top:0.5em;
  font-size:85%;
}
.direccion a {
  color:#fff;
  text-decoration:none;
}

.direccion a:hover {
  color:#888;
  text-decoration:underline;
}

a.index, a.index:link, a.index:visited {
  background:none !important;
  display:block;
  width:488px;
  height:411px;
  margin-right:auto; 
  margin-left:auto;
  } 

a.index:hover { 
   display:block;
   border:1px dotted #888;
  }

/* =Header
----------------------------------------------- */


h1 span {
  visibility:hidden;
}



/* =Gallery Info
Title, description, & prefs on Photo Gallery page
----------------------------------------------- */
.galleryinfo {
  clear:left;
  float:left;
  width:22%;
  margin:0;
  line-height:1.4em;
  }
.galleryinfo h1 {
  color:#fff;
  margin:0 0 .5em;
  text-align:left;
  text-transform:none;
  letter-spacing:0;
  }
.galleryinfo .desc {
  line-height:1.6em;
  margin-bottom:1em;
  }

.galleryinfo a {
  display:block;
  margin-left:2em;
  color:#974;
  text-decoration:none;
}

.galleryinfo a:hover {
  color:#974;
  text-decoration:underline;
}  

.galleryinfo p {
  color:#888;
}

/* =Thumbs
Reusable style for thumbnail photos as slides
----------------------------------------------- */
.thumb {
  display:block;
  float:left;
  margin:0;
  padding:0 3px 3px 0;
  }

.thumb span {
  background-repeat:no-repeat;
  background-position:50% 104px;
  display:block;
  }

.thumb em {
  background-repeat:no-repeat;
  background-position:50% 50%;
  display:block;
  }
.thumb a, .thumb a:link, .thumb a:visited {
  background:none !important;
  display:block;
  width:120px;
  height:120px;
  } 
.thumb a , .thumb a:active {
  border:1px dotted #333;
  }

 .thumb a:hover { 
   border:1px dashed #fff;
  }
  
/* =Slideset
Normal group of slide-like thumbnails
----------------------------------------------- */
.slideset {
  float:right;
  position:relative;
  width:75%;
  margin:0 0 15px;
  padding:0;
  list-style:none;
  line-height:1.4em;
  }
.slideset .thumb {
  float:left;
  margin:0 10px 10px 0;
  }

.slideset p {  
  color:#974;
  
}

.slideset .cv {  
  margin-top:1em;
  
}

.cv {
  margin-left:5em;
  }

.cv p {
  color:#888;
  width:70%;
  margin:0 0 .75em;
  padding:0 15px 0 0;
  }

.cv a {
  color:#974;
  text-decoration:none;
}

.cv a:hover {
  text-decoration:underline;
}

/* =Individual Photo
----------------------------------------------- */
/* NOTE:
   See the PhotoDimensions section below to
   customize your own photo dimensions */
.main {
  margin:0 auto;
  text-align:center;
  }
#photo {
	margin:0 0 10px;
  }
#photo strong {
	background:#000;
	/* position:relative; 
	top:-3px;
	left:-3px;
	*/
	display:block;
	margin:0 0 10px 0; 
	border-width:0; 
  }
html>body #photo strong {
  /* background:url("../img/bg_shadow.png"); */
  }
#photo img {
  display:block;
  /* position:relative; 
  top:3px;
  left:3px; 
  border:1px solid #fff;*/
  }





/* =PrevNext Nav (Individual Photo template)
Thumbnails used for prev/next photo navigation
----------------------------------------------- */
#prevnext {
  position:absolute;
  top:25px;
  left:50%;
  }
#prev, #next {
  position:absolute;
  top:0;
  width:123px;
  margin:0;
  font-weight:bold;
  }
#prev a, #next a {
  width:120px;
  }


/* =PrevNextHovers (Individual Photo template)
The two hoverable regions overlaying the main photo
----------------------------------------------- */
/* Note:
   Width and height for the following
   strong element is set inline using the style 
   attribute. Both values are automatically 
   determined by taking the width/height of the 
   main photo.
   Width is ((width of main photo + 20) / 2).
   Height is (height of main photo + 20). */
/*
  #prevnext a strong {
  position:absolute;
  top:0;
  }
#prev a strong {
  background:url("../img/photonav_prev.gif") no-repeat 50% -100px;
  }
#next a strong {
  background:url("../img/photonav_next.gif") no-repeat 100% -100px;
  }
html>body #prev a strong {
  background-image:url("../img/photonav_prev.png");
  }
html>body #next a strong {
  background-image:url("../img/photonav_next.png");
  }
#prev a:hover strong, #next a:hover strong, #prev a:active strong, #next a:active strong {
  background-position:50% 10px;
  cursor:pointer;
  } */


/* =Description (Individual Photo template)
Title and description of photo
----------------------------------------------- */

#nombreartista {
  text-align:left;
  font:bold 150% Verdana,Sans-serif;
}

#nombreartista a {
  color:#888;
  text-decoration:none;
}

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



 
#desc {
  position:absolute;
  bottom:15px;
  right:0;
  width:50%;
  text-align:left;
  }
/* See PhotoDimensions for left padding of h1 */
#desc h2 {
  width:180px;
  margin:100px 0 0 0;
  padding:10px 15px 5px 0;
  border-width:0;
  font:bold 100% Verdana,Sans-serif;
  line-height:1.6em;
  letter-spacing:0;
  text-transform:none;
  text-align:left;
  }
html>body #desc h2 {
  background-image:url("../img/divider_r.png");
  }
/* See PhotoDimensions for left padding of p */
#desc p {
  color:#888;
  width:180px;
  margin:0 0 .75em;
  padding:0 15px 0 0;
  }

#desc a {
  color:#974;
  text-decoration:none;
}

#desc a:hover {
  text-decoration:underline;
}

/* =PhotoDimensions (Individual Photo template)
------------------------------------------------------------------------------------- */
/* Measurements you should change if you'd like 
to use different dimensions for the main photo.
All measurements are based off main photos' 
maximum width. Default "MaxWidth" for photos 
(per template docs) is 480. */

/* Sets width of main (center) column.
[value] = MaxWidth + 20
EG: 480 + 20 = 500
----------------------------------------------- */
.main {
  width:500px;
  }

/* Determines position of prev/next thumbnails.
Measurement is distance from center of main 
photo to the nearest edge of slide background 
image. */
#prev {
  /* [value] = (MaxWidth / 2) + 22 */
  right:262px;
  }
#next {
  /* [value] = (MaxWidth / 2) + 25 */
  left:265px;
  }

/* Determines offset of prev/next hoverable
regions that overlay the main photo. Measurement 
is distance from nearest edge of slide 
background image back to center of main photo. */
#prev a strong {
  /* [value] = 0 - (MaxWidth / 2) - 22 */
  right:-262px;
  }
#next a strong {
  /* [value] = 0 - (MaxWidth / 2) - 25 */
  left:-265px;
  }

/* Determines position of title and description.
Measurement is distance from center of main
photo to left edge of content. */
#desc h2, #desc p {
  /* [value] = (MaxWidth / 2) + 25 */
  padding-left:265px;
  }

/* Determines position of meta info such as 
Photo x of y, date, & keywords. Measurement is 
distance from center of main photo to left 
edge of content. */
#meta ul {
  /* [value] = (MaxWidth / 2) + 25 */
  padding-right:265px;
  }

/* If customizing the photo dimensions, one 
more value needs to change in the Individual
Photo template (t_photo.php). Search for the 
following tag:
<$MTSetVar2 name="padvalue" value="480"$>
and change the value to your new photo MaxWidth.

/* End of PhotoDimensions values
------------------------------------------------------------------------------------- */








/* =Footer
----------------------------------------------- */
#footer {
  clear:both;
  width:100%;
  padding:15px 0;
  font-size:85%;
  line-height:1.8em;
  text-align:center;
  color:#888;
  }
#footer p {
  margin:0 15px;
  padding:5px 0;
  border-top:1px solid #888;
  }
#footer hr {
  display:none;
  }
#footer a {
  font-weight:normal;
  border-bottom-style:none;
  text-decoration:none;
  color:#678;
  }
#footer a:hover, #footer a:active {
  color:#933;
  border-bottom-width:1px;
  text-decoration:underline;
  }



/*
-----------------------------------------------
Photo Gallery Templates: Custom Dimensions
----------------------------------------------- */

/* This file containes isolated measurement values you should change if you'd like 
to use different dimensions for the main photo. All measurements are based off main 
photos' maximum width. Default "MaxWidth" for photos (per template docs) is 480.
------------------------------------------------------------------------------------- */



/* Sets width of main (center) column.
[value] = MaxWidth + 20
EG: 480 + 20 = 500
----------------------------------------------- */
.main {
  width:508px;
  }

/* Determines position of prev/next thumbnails.
Measurement is distance from center of main 
photo to the nearest edge of slide background 
image. */
#prev {
  /* [value] = (MaxWidth / 2) + 22 */
  right:266px;
  }
#next {
  /* [value] = (MaxWidth / 2) + 25 */
  left:269px;
  }

/* Determines offset of prev/next hoverable
regions that overlay the main photo. Measurement 
is distance from nearest edge of slide 
background image back to center of main photo. */
#prev a strong {
  /* [value] = 0 - (MaxWidth / 2) - 22 */
  right:-266px;
  }
#next a strong {
  /* [value] = 0 - (MaxWidth / 2) - 25 */
  left:-269px;
  }

/* Determines position of title and description.
Measurement is distance from center of main
photo to left edge of content. */
#desc h2, #desc p {
  /* [value] = (MaxWidth / 2) + 25 */
  padding-left:269px;
  }

/* Determines position of meta info such as 
Photo x of y, date, & keywords. Measurement is 
distance from center of main photo to left 
edge of content. */
#meta ul {
  /* [value] = (MaxWidth / 2) + 25 */
  padding-right:269px;
  }

/* If customizing the photo dimensions, one 
more value needs to change in the Individual
Photo template (t_photo.php). Search for the 
following tag:
<$MTSetVar2 name="padvalue" value="480"$>
and change the value to your new photo MaxWidth.



/* End of custom values
------------------------------------------------------------------------------------- */