/*
	Website		¡Ganas!
	Author		Impulse Development
	Date		January 2009
=============================================== */

/* =GENERAL
----------------------------------------------- */

/* GENERAL: =Reset */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { 
	margin: 0;
	padding: 0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

fieldset, img {
	border: 0;
}

address, caption, cite, code, dfn, em, strong, th, var {
	font-style: normal;
	font-weight: normal;
}

ol, ul {
	list-style: none;
}

caption, th {
	text-align: left;
}

h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}

q:before, q:after {
	content: '';
}

abbr, acronym {
	border: 0;
}

/* =TYPOGRAPHY
----------------------------------------------- */

/* TYPOGRAPHY: =Basics */

body {
	font-size: 62.5%;
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
	font-family: Arial, Helvetica, sans-serif;
}

/* TYPOGRAPHY: =Headings */

h1 {
	color: #434143;
	font-size: 3.6em;
	font-weight: bold;
	line-height: 1em;
	margin-bottom: 1em;
}

h2 {
	color: #454545;
	font-size: 1.6em;
	font-weight: bold;
	line-height: 1em;
	margin-bottom: 1em;
}

h3 {
	color: #454545;
	font-size: 1.4em;
	font-weight: bold;
	line-height: 1em;
	margin-bottom: 1em;
}

/* TYPOGRAPHY: =Paragraphs */

p {
	color: #454545;
	font-size: 1.4em;
	line-height: 1.6em;
	margin-bottom: 1.5em;
}

/* TYPOGRAPHY: =Lists */

ul {
	list-style: disc outside;
	padding-left: 16px;
}

	ul li {
		color: #454545;
		font-size: 1.4em;
		line-height: 1.4em;
		margin-bottom: 1em;
	}
	
ol {
	list-style: decimal outside;
	padding-bottom: 1em;
	padding-left: 16px;
}

	ol li {
		color: #454545;
		font-size: 1.2em;
		line-height: 1.2em;
		list-style: decimal;
		margin-bottom: 1em;
	}
	
dl {
	margin-bottom: 1em;
}

	dl dt {
		color: #454545;
		font-size: 1.4em;
		font-weight: bold;
		line-height: 1.4em;
		margin-bottom: 0.5em;
	}
	
	dl dd {
		color: #454545;
		font-size: 1.4em;
		line-height: 1.4em;
		margin-bottom: 1em;
	}
	
/* TYPOGRAPHY: =Forms */

form label,
form .label {
	color: #454545;
	font-size: 1.4em;
	line-height: 1.4em;
}

form legend {
	color: #454545;
	font-size: 1.6em;
	line-height: 1.6em;
	margin-bottom: 1em;
}

form input,
form textarea {
	color: #454545;
	font-size: 1.4em;
	line-height: 1.4em;
}

form button {
	outline: 0;
}
	
/* TYPOGRAPHY: =Links */

a {
	color: #5289ab;
	text-decoration: underline;
}

a:hover {
	text-decoration: underline;
}

/* TYPOGRAPHY: =Variants */

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

/* =STRUCTURE
----------------------------------------------- */

/* STRUCTURE: =Background */

html {
	background: url(../images/bg-html.gif) repeat-x top #fbffdf;
}

body {
	background: url(../images/bg-body.gif) repeat-x bottom;
}

/* STRUCTURE: =Layout */

.container {
	margin: 0 auto;
	width: 897px;
}

#pageHeader {
	background: url(../images/bg-header.gif) no-repeat bottom;
	height: 214px;
	position: relative;
	width: 100%;
}

#pageBody {
	background: url(../images/bg-content.gif) repeat-y top;
	display: inline;
	float: left;
	padding: 0 40px 56px 40px;
	position: relative;
	width: 817px;
}

	#pageBody .content {
		display: inline;
		float: left;
		padding: 53px 10px 10px 10px;
		position: relative;
		width: 520px;
	}
	
		.noSidebar #pageBody .content {
			width: 797px;
		}
		
		.home#index #pageBody .content {
			padding-top: 258px;
		}
		
	#pageBody .sidebar {
		float: right;
		padding-top: 58px;
		width: 263px;
	}
	
		.noSidebar #pageBody .sidebar {
			display: none;
		}
		
		.home#index #pageBody .sidebar {
			padding-top: 258px;
		}

#pageFooter {
	clear: both;
	height: 68px;
	position: relative;
	width: 100%;
}

/* =HEADER
----------------------------------------------- */

/* HEADER: =Logo */

#headerTitle {
	left: -60px;
	position: absolute;
	top: 10px;
	z-index: 9999;
}

	#headerTitle p {
		margin: 0;
	}

	#headerTitle a {
		background: url(../images/logo-large.png) no-repeat;
		display: block;
		height: 194px;
		overflow: hidden;
		text-indent: -5000px;
		width: 252px;
	}
	
/* HEADER: =Upload Arrow */

#headerSubTitle {
	left: 296px;
	position: absolute;
	top: 47px;
}

	#headerSubTitle p {
		background: url(../images/txt-click_on_this_button.png) no-repeat;
		height: 76px;
		margin: 0;
		overflow: hidden;
		text-indent: -5000px;
		width: 532px;
	}
	
.spanish #headerSubTitle {
	left: 232px;
}
	
	.spanish #headerSubTitle p {
		background: url(../images/txt-click_on_this_button_spanish.png) no-repeat;
		width: 616px;
	}

/* HEADER: =Navigation */

#headerNavigation {
	background: #e2e2e2;
	left: 40px;
	list-style: none;
	padding: 0 0 0 186px;
	position: absolute;
	top: 124px;
	width: 631px;
}

	#headerNavigation li {
		float: left;
		margin: 0;
		width: auto;
	}
	
		#headerNavigation li a {
			display: block;
			height: 36px;
			overflow: hidden;
			text-indent: -5000px;
		}
		
		#headerNavigation li.home a {
			background: url(../images/nav-home.gif) no-repeat;
			width: 78px;
		}
		
		#headerNavigation li.about a {
			background: url(../images/nav-about.gif) no-repeat;
			width: 79px;
		}
		
		#headerNavigation li.gallery a {
			background: url(../images/nav-gallery.gif) no-repeat;
			width: 95px;
		}
		
		#headerNavigation li.sponsors a {
			background: url(../images/nav-sponsors.gif) no-repeat;
			width: 108px;
		}
		
		#headerNavigation li.contact a {
			background: url(../images/nav-contact.gif) no-repeat;
			width: 94px;
		}
		
		#headerNavigation li.terms a {
			background: url(../images/nav-terms.gif) no-repeat;
			width: 79px;
		}
		
		#headerNavigation li.upload a {
			background: url(../images/nav-upload.gif) no-repeat;
			width: 98px;
		}
		
	#headerNavigation li a:hover,
	#headerNavigation li a.current {
		background-position: 0 -36px;
	}
	
.spanish #headerNavigation {
	padding-left: 176px;
	width: 641px;
}
	
	.spanish #headerNavigation li {
		font-size: 1.4em;
		font-variant: small-caps;
	}
	
		.spanish #headerNavigation li a {
			background: none;
			color: #454545;
			display: inline;
			float: left;
			font-weight: bold;
			line-height: 36px;
			overflow: visible;
			padding: 0 9px;
			text-align: center;
			text-decoration: none;
			text-indent: 0;
			width: auto;
		}
		
		.spanish #headerNavigation li.upload a {
			background: #000000;
			color: #cfe439;
		}
		
		.spanish #headerNavigation li a:hover {
			background: #bfbfbf;
			color: #ffffff;
		}
		
		.spanish #headerNavigation li.upload a:hover {
			background: #000000;
			color: #ffffff;
		}
		
/* HEADER: =Language */

#headerLanguage {
	position: absolute;
	right: 0;
	top: 0;
}

	#headerLanguage p {
		margin: 0;
	}
	
		#headerLanguage p a {
			background: url(../images/txt-espanol.gif) no-repeat;
			display: block;
			height: 28px;
			overflow: hidden;
			text-indent: -5000px;
			width: 128px;
		}
		
		.spanish #headerLanguage p a {
			background: url(../images/txt-english.gif) no-repeat;
		}

/* =CONTENT
----------------------------------------------- */

/* CONTENT: =Text Replacement */

.replaced {
	overflow: hidden;
	text-indent: -5000px;
	width: 100%;
}

/* CONTENT: =H1 Headings */

h1.replaced {
	height: 48px;
	left: 0;
	margin-bottom: 0;
	position: absolute;
	top: 0;
	width: 817px;
}
	
	.home#index h1 {
		background: url(../images/h1-ganas_international_photography_and_essay_contest.gif) no-repeat;
	}
	
	.home#page_not_found h1 {
		background: url(../images/h1-page_not_found.gif) no-repeat;
	}
	
	.about h1 {
		background: url(../images/h1-about.gif) no-repeat;
	}
	
	.gallery h1 {
		background: url(../images/h1-gallery.gif) no-repeat;
	}
	
	.sponsors h1 {
		background: url(../images/h1-sponsors.gif) no-repeat;
	}
	
	.contact h1 {
		background: url(../images/h1-contact.gif) no-repeat;
	}
	
	.terms h1 {
		background: url(../images/h1-terms.gif) no-repeat;
	}
	
	.upload h1 {
		background: url(../images/h1-upload.gif) no-repeat;
	}
	
	.spanish.home#index h1 {
		background: url(../images/h1-ganas_international_photography_and_essay_contest_spanish.gif) no-repeat;
	}
	
	.spanish.about h1 {
		background: url(../images/h1-about_spanish.gif) no-repeat;
	}
	
	.spanish.gallery h1 {
		background: url(../images/h1-gallery_spanish.gif) no-repeat;
	}
	
	.spanish.sponsors h1 {
		background: url(../images/h1-sponsors_spanish.gif) no-repeat;
	}
	
	.spanish.contact h1 {
		background: url(../images/h1-contact_spanish.gif) no-repeat;
	}
	
	.spanish.terms h1 {
		background: url(../images/h1-terms_spanish.gif) no-repeat;
	}
	
	.spanish.upload h1 {
		background: url(../images/h1-upload_spanish.gif) no-repeat;
	}

/* CONTENT: =Alignment */

.floatLeft {
	display: inline;
	float: left;
	margin: 0 1em 1em 0;
}

.floatRight {
	display: inline;
	float: right;
	margin: 0 0 1em 1em;
}

/* CONTENT: =Images */

.image,
.thumb {
	margin-bottom: 1em;
	text-align: center;
}

.image a,
.thumb a {
	display: block;
	height: 100%;
	width: 100%;
}

.image img,
.thumb img {
	border: 1px solid #e2e2e2;
	padding: 3px;
}

.image p,
.thumb p {
	font-weight: bold;
	margin: 0.5em 0 0 0;
}

	.image p em,
	.thumb p em {
		font-size: 0.9em;
		font-style: normal;
		font-weight: normal;
	}

/* CONTENT: =Galleries */

.photoGallery {
	float: left;
	margin-bottom: 0.5em;
	margin-left: -10px;
	width: 817px;
}

	.photoGallery .row {
		float: left;
		margin-bottom: 1em;
		width: 100%;
	}

	.photoGallery .image {
		float: left;
		margin: 0 14px 0 0;
		width: 263px;
	}
	
	.photoGallery .last {
		margin-right: 0;
	}
	
/* CONTENT: =Home Page Gallery */

.home .photoGallery {
	position: absolute;
	top: 50px;
}

	.home .photoGallery .row {
		margin-bottom: 0;
	}
	
/* CONTENT: =Pagination */

.pagination {
	background: #ebebeb;
	float: left;
	height: 32px;
	list-style: none;
	margin: 0 0 1.5em -10px;
	padding: 0;
	width: 817px;
}

	.pagination li {
		margin: 0;
		padding: 0;
	}

		.pagination li a {
			display: block;
			height: 32px;
			overflow: hidden;
			text-indent: -5000px;
		}
		
	.pagination li.previous {
		float: left;
	}
		
		.pagination li.previous a {
			background: url(../images/txt-previous.gif) no-repeat center;
			width: 83px;
		}
		
	.pagination li.all {
		left: 347px;
		position: absolute;
	}
		
		.pagination li.all a {
			background: url(../images/txt-view_all_photos.gif) no-repeat center;
			width: 123px;
		}
	
	.pagination li.next {
		float: right;
	}
		
		.pagination li.next a {
			background: url(../images/txt-next.gif) no-repeat center;
			width: 59px;
		}
		
/* CONTENT: Items */

.item {
	float: left;
	width: 100%;
}

	.item h2 {
		margin-bottom: 0.5em;
	}
	
	.item h3 {
		font-size: 1.2em;
	}
	
/* CONTENT: =Vcard */

.vcard {
	margin-bottom: 2em;
	text-align: center;
}

	.vcard h3 {
		margin-bottom: 0.5em;
	}

	.vcard .street-address {
		display: block;
	}

	.vcard .type {
		font-weight: bold;
	}
	
/* CONTENT: ="More" Links */

.more {
	text-align: right;
}

	.more p {
		font-size: 1.1em;
		font-weight: bold;
		text-transform: lowercase;
	}
	
	.more a {
		text-decoration: none;
	}
	
	.more a:hover {
		text-decoration: underline;
	}
	
/* CONTENT: =Horizontal Rules */

.hr {
	background: url(../images/hr-dotted_gray.gif) repeat-x left;
	clear: both;
	height: 1px;
	margin: 1.5em 0;
	width: 100%;
}

	.hr hr {
		display: none;
	}

/* =SIDEBAR
----------------------------------------------- */

/* SIDEBAR: =Sections */

#bodySidebar .section {
	margin-bottom: 14px;
	padding: 0 12px;
}

	#bodySidebar p {
		font-size: 1.2em;
		text-align: center;
	}

	#bodySidebar .section dt {
		color: #5289ab;
		font-size: 1.2em;
	}
	
	#bodySidebar .section dd {
		color: #686c6f;
		font-size: 1.2em;
	}

/* SIDEBAR: =Headings */

#bodySidebar h2 {
	border-bottom: 1px solid #d6d6d6;
	height: 32px;
	overflow: hidden;
	text-indent: -5000px;
	width: 100%;
}

	#sidebar-upcoming_dates_and_events h2 {
		background: url(../images/txt-upcoming_dates_and_events.gif) no-repeat;
	}
	
	.spanish #sidebar-upcoming_dates_and_events h2 {
		background: url(../images/txt-upcoming_dates_and_events_spanish.gif) no-repeat;
	}

/* =FOOTER
----------------------------------------------- */

/* FOOTER: =Typography */

#pageFooter p {
	color: #585b40;
	font-size: 1.1em;
	line-height: 32px;
	margin-bottom: 0;
}

/* FOOTER: =Copyright */

#pageFooter .copyright {
	background: url(../images/logo-small.png) no-repeat right;
	height: 52px;
	left: 40px;
	padding-top: 56px;
	position: absolute;
	top: -55px;
	width: 450px;
}

/* FOOTER: =Developer */

#pageFooter .developer {
	position: absolute;
	right: 40px;
	top: 0;
}

	#pageFooter .developer p {
		background: url(../images/logo-impulse_development.gif) no-repeat right;
		padding-right: 26px;
	}
	
		#pageFooter .developer p a {
			color: #585b40;
			font-weight: bold;
		}
		
/* =FORMS
----------------------------------------------- */

/* FORMS: =Basic */

form {
	clear: both;
	display: inline;
	float: left;
	margin: 0 20% 2em 20%;
	width: 60%;
}

/* FORMS: =Labels */

form label,
form .label {
	display: block;
	padding: 6px 0;
	width: 100%;
}

/* FORMS: =Required Fields */

form .required label,
form .required .label {
	font-weight: bold;
}

form .required .option label {
	font-weight: normal;
}

/* FORMS: =Text Fields */

form .textField {
	float: left;
	margin-bottom: 1em;
	width: 100%;
}

	form .textField input {
		background: #ffffff;
		border: 1px solid #d3d3d3;
		float: left;
		padding: 6px;
		width: 97%;
	}

	form .textField input.small {
		width: 15%;
	}

	form .textField input.medium {
		width: 40%;
	}

	form .textField .fieldWithErrors input {
		border: 1px solid #ef6161;
	}
	
/* FORMS: =File Fields */

form .fileField {
	float: left;
	margin-bottom: 1em;
	width: 100%;
}

	form .fileField input {
		background: #ffffff;
		border: 1px solid #d3d3d3;
		float: left;
		padding: 6px;
	}

	form .fileField .fieldWithErrors {
		border: 1px solid #ef6161;
		display: block;
		float: left;
		padding: 6px;
	}

/* FORMS: =Text Areas */

form .textArea {
	float: left;
	margin-bottom: 1em;
	width: 100%;
}

	form .textArea textarea {
		background: #ffffff;
		border: 1px solid #d3d3d3;
		float: left;
		height: 75px;
		padding: 6px;
		width: 97%;
	}

	form .textArea .fieldWithErrors textarea {
		border: 1px solid #ef6161;
	}
	
/* FORMS: =Check Box */

form .checkBox {
	background: #f4f4f4;
	float: left;
	height: 64px;
	margin-bottom: 1em;
	position: relative;
	width: 100%;
}

	form .checkBox input {
		left: 7px;
		position: absolute;
		top: 8px;
		z-index: 9999;
	}
	
	form .checkBox label {
		left: 27px;
		padding: 0;
		position: absolute;
		top: 6px;
		width: auto;
		z-index: 9999;
	}
	
	form .checkBox .fieldWithErrors {
		border: 1px solid #ef6161;
		display: block;
		float: left;
		height: 64px;
		left: 0;
		position: absolute;
		top: 0;
		width: 100%;
	}
	
/* FORMS: =Select Fields */

form .selectField {
	float: left;
	margin-bottom: 1em;
	width: 100%;
}

	form .selectField select {
		float: left;
	}

	form .selectField .fieldWithErrors {
		border: 1px solid #ef6161;
		display: block;
		float: left;
		padding: 6px;
	}

/* FORMS: =Submit Buttons */

.submitButton {
	display: inline;
	float: left;
	text-align: center;
	width: 100%;
}

	.submitButton button {
		background: none;
		border: none;
		cursor: pointer;
	}

		.submitButton button span {
			background: url(../images/btn-submit.gif) no-repeat;
			display: block;
			height: 33px;
			overflow: hidden;
			text-indent: -5000px;
			width: 135px;
		}
	
		.submitButton button.upload span {
			background: url(../images/btn-upload.gif) no-repeat;
		}

/* FORMS: =Flashes */

.flash {
	margin: 0 auto 1.5em auto;
	width: 589px;
}

	.flash h2 {
		margin: 0;
		overflow: hidden;
		text-indent: -5000px;
	}

	.flash .failure {
		background: #f3cccc;
		border: 1px solid #c89797;
		width: 100%;
	}

	.flash .success {
		background: #d6f4d1;
		border: 1px solid #8bb98b;
		width: 100%;
	}

/* FORMS: Custom Flashes */

#flash-password_incorrect {
	background: url(../images/msg-password_incorrect.gif) no-repeat;
	height: 74px;
}

#flash-photo_not_uploaded {
	background: url(../images/msg-photo_not_uploaded.gif) no-repeat;
	height: 99px;
}

#flash-photo_uploaded {
	background: url(../images/msg-photo_uploaded.gif) no-repeat;
	height: 85px;
}

.spanish #flash-password_incorrect {
	background: url(../images/msg-password_incorrect_spanish.gif) no-repeat;
	height: 74px;
}

.spanish #flash-photo_not_uploaded {
	background: url(../images/msg-photo_not_uploaded_spanish.gif) no-repeat;
	height: 99px;
}

.spanish #flash-photo_uploaded {
	background: url(../images/msg-photo_uploaded_spanish.gif) no-repeat;
	height: 85px;
}

/* FORMS: =Error Explanation */

.errorExplanation {
	background: url(../images/msg-form_not_submitted.gif) no-repeat;
	border: 1px solid #c89797;
	height: 76px;
	margin: 0 auto 1.5em auto;
	width: 589px;
}

	.errorExplanation h2 {
		display: none;
	}

	.errorExplanation p {
		display: none;
	}

	.errorExplanation ul {
		display: none;
	}
	
.spanish .errorExplanation {
	background: url(../images/msg-form_not_submitted_spanish.gif) no-repeat;
	border: 1px solid #c89797;
	height: 76px;
	margin: 0 auto 1.5em auto;
	width: 589px;
}
	
#prize {
	background: #5289ab;
	margin-bottom: 18px;
	padding: 6px;
}

#prize p {
	color: #fff;
	margin: 0;
	padding: 0;
	text-align: center;
}