body{
	background-color: #000000;
	color: #bbb;
}
a{
	color: #f70;
}
h2 {
	color: #ccc;
}

div#pp {
	width: 100px;
	background-color: #000;
	border-color: #222;
	float:left;
	margin-left:150px;
}



div#pp nav{
	/*Bordes redondeados*/
	-webkit-border-radius:10px;/*Para chrome y Safari*/
	-moz-border-radius:10px;/*Para Firefox*/
	-o-border-radius:10px;/*Para Opera*/
	border-radius:10px;/*El estandar por defecto*/
	background-image: -webkit-gradient(linear, left top, left bottom, from(#000000 ), to(#000000));/*Para chrome y Safari*/
	/*Degradados*/
	background-image: -moz-linear-gradient(top center, #000000 , #000000);/*Para Firefox*/
	background-image: -o-linear-gradient(top, #000000 , #000000);/*Para Opera*/
	background-image: linear-gradient(top, #000000 , #000000);/*El estandar por defecto*/
	overflow:hidden;
	padding:2px;
	width:150px;
	float:center;
	margin-right:2px;
}
div#pp nav ul{
	list-style:none;
	margin:0 10px 0 10px;
	padding:0;
}
div#pp nav ul li{
	/*Bordes redondeados*/
	-webkit-border-radius:5px;/*Chrome y Safari*/
	-moz-border-radius:5px;/*Firefox*/
	-o-border-radius:5px;/*Opera*/
	border-radius:5px;/*Estandar por defecto*/
	float:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	margin-right:10px;
	text-align:center;
	/*Sombras para texto, los mismos parametros que box-shadow*/
	/*text-shadow: 0px 1px 0px #FFF;  */
	border:1px solid #F7BB08;
}
div#pp nav ul li:hover{
	/*Degradado de fondo*/
	background-image: -webkit-gradient(linear, left top, left bottom, from(#CCB158), to( #BFB791));/*Chrome y Safari*/
	background-image: -moz-linear-gradient(top center, #CCB158, #BFB791);/*Firefox*/
	background-image: -o-linear-gradient(top, #CCB158, #BFB791);/*Opera*/
	background-image: linear-gradient(top, #CCB158, #BFB791);/*Estandar por defecto*/
	/*Sombras para bloques o cajas*/
	-webkit-box-shadow:  1px -1px 0px #F7F028;/*Chrome y Safari*/
	-moz-box-shadow:  1px -1px 0px #F7F028;/*Firefox*/
	-o-box-shadow:  1px -1px 0px #F7F028;/*Opera*/
	box-shadow:  1px -1px 0px #F7F028;/*Estandar por defecto*/
	border:1px solid #F7BB08;       /*E3E3E3*/  /* sombra de boton cuando se pone sobre el, el cursor*/
}
div#pp nav ul li a{
	color:#DBA904;  /*999 F7C728 F0C433*/
	display:block;
	padding:5px;
	text-decoration:none;
	/*Transiciones: Tiempo, Efecto y Propiedades aplicadas*/
	-webkit-transition: 0.4s linear all;/*Chrome y Safari*/
  	-moz-transition: 0.4s linear all;/*Firefox*/
  	-o-transition: 0.4s linear all;/*Opera*/
  	transition: 0.4s linear all;/*Estandar por defecto*/
}
div#pp nav ul li a:hover {
	color:#fff;     /* 3B3932 000*/
	padding:5px;
}

#pp .current_page_item a{   /* Boton elegido de la pagina se ilumina de distinto color*/
	color:#fff;     /* 3B3932 000*/
	padding:5px;
		/*Degradado de fondo*/
	background-image: -webkit-gradient(linear, left top, left bottom, from(#CCB158), to( #BFB791));/*Chrome y Safari*/
	background-image: -moz-linear-gradient(top center, #CCB158, #BFB791);/*Firefox*/
	background-image: -o-linear-gradient(top, #CCB158, #BFB791);/*Opera*/
	background-image: linear-gradient(top, #CCB158, #BFB791);/*Estandar por defecto*/
	/*Sombras para bloques o cajas*/
	-webkit-box-shadow:  1px -1px 0px #F7F028;/*Chrome y Safari*/
	-moz-box-shadow:  1px -1px 0px #F7F028;/*Firefox*/
	-o-box-shadow:  1px -1px 0px #F7F028;/*Opera*/
	box-shadow:  1px -1px 0px #F7F028;/*Estandar por defecto*/
	border:1px solid #F7BB08;       /*E3E3E3*/  /* sombra de boton cuando se pone sobre el, el cursor*/
	/*Bordes redondeados*/
	-webkit-border-radius:5px;/*Chrome y Safari*/
	-moz-border-radius:5px;/*Firefox*/
	-o-border-radius:5px;/*Opera*/
	border-radius:5px;/*Estandar por defecto*/
}


#pp .inicio a{   /* Boton elegido de la pagina se ilumina de distinto color*/
	color:#3B3932;     /* 3B3932 000*/
	padding:5px;
		/*Degradado de fondo*/
	background-image: -webkit-gradient(linear, left top, left bottom, from(#CFA910), to( #F7C10F));/*Chrome y Safari*/
	background-image: -moz-linear-gradient(top center, #CFA910, #F7C10F);/*Firefox*/
	background-image: -o-linear-gradient(top, #CFA910, #F7C10F);/*Opera*/
	background-image: linear-gradient(top, #CFA910, #F7C10F);/*Estandar por defecto*/
	/*Sombras para bloques o cajas*/
	-webkit-box-shadow:  1px -1px 0px #F7F028;/*Chrome y Safari*/
	-moz-box-shadow:  1px -1px 0px #F7F028;/*Firefox*/
	-o-box-shadow:  1px -1px 0px #F7F028;/*Opera*/
	box-shadow:  1px -1px 0px #F7F028;/*Estandar por defecto*/
	border:1px solid #F7BB08;       /*E3E3E3*/  /* sombra de boton cuando se pone sobre el, el cursor*/
	/*Bordes redondeados*/
	-webkit-border-radius:5px;/*Chrome y Safari*/
	-moz-border-radius:5px;/*Firefox*/
	-o-border-radius:5px;/*Opera*/
	border-radius:5px;/*Estandar por defecto*/
}














div#page {
	width: 900px;
	height:650px;
	background-color: #000;
	border-color: #222;
	float:right;
	margin-right:-200px;
}
div#footer {
	color: #888;
}
div.caption-container {
	color: #eee;
}
div.image-title {
	font-weight: bold;
	font-size: 1.4em;
}
div.image-desc {
	line-height: 1.3em;
	padding-top: 12px;
}
div.download {
	margin-top: 8px;
}
div.photo-index {
	color: #888;
}
div.navigation a.prev {
	background-image: url(prevPageArrowWhite.gif);
}
div.navigation a.next {
	background-image: url(nextPageArrowWhite.gif);
}
div.loader {
	background-image: url(loaderWhite.gif);
}
div.slideshow img {
	border-color: #333;
}
ul.thumbs li.selected a.thumb {
	background: #fff;
}
div.pagination a:hover {
	background-color: #111;
}
div.pagination span.current {
	background-color: #fff;
	border-color: #fff;
	color: #000;
}