/* @override http://www.raulgutierrez.org/css/project.css */



/*******************************************************************************

FILE: this file is based on style.css
AUTHOR: Takashi Okamoto mud(tm) - http://www.mudcorp.com/
DATE: 06/27/2008

This file is part of ImageShiftGallery.

  ImageShiftGallery is free for anyone to use, but this header MUST be
  included, and may not be modified.

*******************************************************************************/



body {
	color: black;
	font-family: "Helvetica, Lucida Grande",  "Helvetica Neue", Arial,  Geneva, Sans-serif;
	margin: 0;
	padding: 0;
	font-size: 12px;
}

h2 {
	text-transform: lowercase;
	font: bold 18px sans-serif;
	text-decoration: none;
	padding-bottom: 5px;
}

#header {
	background-color: #efefef;
	background-color: #cdefff;
	margin-bottom: 4px;
	border-bottom: 1px solid #969696;
	padding: 10px 10px 3px 15px;
}

#header h1 {
	font-size: 16px;
	text-transform: lowercase;
	font-weight: normal;
	font-style: normal;
}

#content {
	padding-bottom: 10px;
	min-height: 563px !important;
	background: url(http://www.raulgutierrez.org/images/loading.gif) no-repeat 20px;
	height: 563px;
}

.gallery {
	overflow: hidden;
	font-size: 9px;
	min-height: 563px;
}

div#gallery-container.isg_container {
	height: 573px !important;
}

#gallery.gallery {
}

table td {
	margin: 0;
	padding: 0;
}

a {
	text-decoration: none;
	color: #682121;
}

a:active, a:focus {
      outline: 0;
}

a:hover {
	text-decoration: none;
	color: #ff4100;
 text-shadow: 1px 1px rgba(255,255,255,0.4)
}

p {
	letter-spacing: -0.08em;
}

p.tagline {
	font-size: 14px;
}

pre {
	font-size: 11px;
}

#footer-wrapper {
	bottom: 0;
	position: fixed;
	width: 100%;
	min-height: 15px;
}

#footer {
	font-size: 9px;
	color: #6f6f6f;
	float: right;
;
}

#footer a {
	color: #4e4e4e;
}

#footer a:hover {
	text-decoration: none;
	color: #ff2100;
}

#footer span {
	padding: 6px 2px 6px 10px;
}

div.clear {
	clear: both;
}

/* --------------------------------------- DONT CHANGE ---------------------- */

.isg_container {
	position: relative;
	padding: 0;
	margin: 0;
	padding-left: 12px;
}

table.isg_table {
	margin: 0;
	padding: 0;
	line-height: 0;
	border-spacing: 0;
	border: none;
	background: url(http://www.raulgutierrez.org/images/loading.gif) no-repeat fixed 20px 200px;
padding-top: 5px;
}

table.isg_table img {
	border: none;
}

table.isg_table tr {

}

table.isg_table td {

}

.isg_markup-wrapper {
	line-height: normal;
	overflow: hidden;
}

.isg_controller-wrapper {
	float: left;
	width: 100%;
}

.controller-wrapper {
	background-color: #ff5229;
	padding-left: 24px;
	margin-top: 4px;
	border-top: 1px solid #7f7f7f;
	background-color: #cdefff;
	font-size: 12px;
	min-height: 600px;
	top: 0px;
	position: relative;
	width: 100%;
}

a.isg_button {
	color: #111;
	text-decoration: none;
	font-weight: bold;
}

p {
	width: 550px;
	font: 12px/16px Georgia, "Times New Roman", Times, serif;
}

h1 a {
	text-shadow: 1px 1px rgba(255,255,255,0.4)
}

.moreprojects {
	padding: 20px;
	font-size: 14px;
	color: #FFF;
	line-height: 18px;
}

.moreprojects a {
	color: #ff2100;
}

.moreprojects a:hover {
	color: #fcf500;
}

#floater {
	z-index: 100;
	position: absolute;
	width: 100%;
	height: 573px;
}

#moveleft, #moveright {
	width: 50%;
	height: 100%;
	text-align: right;
	min-width: 300px;
}

#moveleft {
	float: left;
}

#moveright {
	float: right;
}


a#gallery_prev.isg_button {
	position: absolute;
	left: 0;
	font-size: 50px;
	padding-left: 50px;
	padding-top: 110px;
	padding-bottom: 400px;
	padding-right: 20%;
	color: rgba(254,255,254,0);
}

a#gallery_prev.isg_button:hover {
	color: rgba(254,255,254,100);
	text-decoration: none;
	outline: none;
}

a#gallery_next.isg_button {
	position: absolute;
	right: 0;
	font-size: 50px;
	padding-right: 50px;
	padding-top: 110px;
	padding-bottom: 400px;
	padding-left: 20%;
	color: rgba(254,255,254,0);
}

a#gallery_next.isg_button:hover {
	color: rgba(254,255,254,100);
	text-decoration: none;
	outline: none;
}

a:hover {
	text-shadow: 0 1px rgba(100,100,100,50);

	text-decoration: none;
}

h1 a:hover {
	text-shadow: none;
}

#gallery_title {
		text-shadow: 1px 1px rgba(255,255,255,0.4)
}


.moreprojects p {
	width: 280px;
	font: 11px/1.4em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}