/*
-----------------------------------------------
Main Style Sheet / Hoja de estilos
Author:   Angel Borrue
Version:  0.3 - Nov 2007
----------------------------------------------- */

body {
  background:#000;
  margin:0;
  padding:0;
  font:small Verdana,Sans-serif;
  color:#333;
  }

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




/* =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;
  }

.sangrado {
  text-indent:2em;
}

.cita {
  color:#888;
}

.direccion {
  color:#974;
  text-align:center;
  padding-top:2em;
}

/* =Header
----------------------------------------------- */
h1 {
  margin:0 0 3px;
  padding:0 0 .35em;
  border-bottom:1px solid #E6E6E6;
  font:200% "Gill Sans","Trebuchet MS",Verdana,Sans-serif;
  line-height:1.2em;
  text-align:center;
  text-transform:none;
  letter-spacing:.15em;
  }


h1 a, h1 a:hover {
  border-style:none;
  }
h1 em {
  margin-left:.25em;
  padding-left:.5em;
  border-left:1px solid #aaa;
  font:66% Verdana,Sans-serif;
  color:#666;
  }
h1 img {
  display:block;
  }



/* =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:#E6E6E6;
}

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

.index {
  margin-bottom:10px;
}

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

.thumb em, .inicio em {
  background-repeat:no-repeat;
  background-position:50% 50%;
  display:block;
  }

.index em {
  background-repeat:no-repeat;
  background-position:50% 65%;
  display:block;
  }  
  
.thumb a, .thumb a:link, .thumb a:visited {
  background:none !important;
  display:block;
  width:120px;
  height:120px;
  
  /*text-indent:-9999px;
  font-size:1px;
  line-height:1px;*/
  } 
.thumb a , .thumb a:active, .inicio a, .inicio a:active {
  border:1px dashed #333;
  margin-right:5px;
  margin-bottom:5px;
  color:#974;
  text-decoration:none;
  font-style:normal;
  font-size:1.2em;
  }

.index a, .index a:active {
  border:1px dashed #333;
  color:#974;
  text-decoration:none;
  font-style:normal;
  font-size:1.2em;
  }

 .thumb a:hover, .inicio a:hover, .index a:hover { 
   border:1px dashed #fff;
   color:#974;
   text-decoration:underline;
  }
  
.inicio a, .inicio a:link, .inicio a:visited {
  background:none !important;
  display:block;
  width:220px;
  height:220px;
}  
  
.inicio a {
  padding-top:15px;
}  

.index a, .index a:link, .index a:visited {
  background:none !important;
  display:block;
  width:160px;
  height:190px;
}  
  
.index a {
  padding-top:15px;
}  
  
/* =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:#E6E6E6;
  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 h2 {
  color:#974;
  text-align:center;
}

#nombreartista h1 {
  color:#E6E6E6;
  text-align:center;
  padding-top:0.4em;
  border-bottom:1px solid #E6E6E6;
}

#nombreartista a {
  color:#E6E6E6;
  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:#E6E6E6;
  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:#E6E6E6;
  }
#footer p {
  margin:0 15px;
  padding:5px 0;
  border-top:1px solid #E6E6E6;
  }
#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
------------------------------------------------------------------------------------- */
/* estilo de la pagina principal */
/* column container */
	.colmask {
		clear:both;
		float:left;
		width:100%;				/* width of page */
		/*overflow:hidden;*/
	}
	/* common column settings */
	.colright,
	.colmid,
	.colleft {
		float:left;
		width:100%;				/* width of page */
		position:relative;
	}
	.col1,
	.col2,
	.col3 {
		float:left;
		position:relative;
			/* no left and right padding on columns, we just make them narrower instead 
								only padding top and bottom is included here, make it whatever value you need */
		/*overflow:hidden;*/
	}

.col1 {
    padding:.5em 0 1em 0;
}

.col2 {
    padding:.5em 0 1em 0;
}

.col3 {
    padding:.5em 0 1em 0;
}

	/* 3 Column settings */
	.threecol {
		background:#000;		/* right column background colour */
	}
	.threecol .colmid {
		right:25%;				/* width of the right column */
		background:#000;		/* center column background colour */
	}
	.threecol .colleft {
		right:50%;				/* width of the middle column */
		background:#000;		/* left column background colour */
	}
	.threecol .col1 {
		width:46%;				/* width of center column content (column width minus padding on either side) */
		left:102%;				/* 100% plus left padding of center column */
	}
	.threecol .col2 {
		width:21%;				/* Width of left column content (column width minus padding on either side) */
		left:27%;				/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
	}
	.threecol .col3 {
		width:21%;				/* Width of right column content (column width minus padding on either side) */
		left:83%;				/* Please make note of the brackets here:
								(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
	}


.col1 {
   color:#E6E6E6;
}

.col1 h2 {
   font-weight:bolder;
}

.direccion a {
  color:#E6E6E6;
  font-size:115%;
  text-align:center;
  text-decoration:none;
}

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