@import url('/css/colorbox.css');

/* Global HTML tag alterations */

	html {
		height: 100%;
		/* maxvoltar.com/archive/-webkit-font-smoothing */
		-webkit-font-smoothing: antialiased;

	 }

	body { 
		background-color: #f6f6f6;
		margin: 0px;
		padding: 0px;
		font-family: 'Lucida Grande', Arial, Helvetica, Geneva, Verdana, sans-serif; 
		height: 100%;
		width: 100%;
		behavior: url("/js/csshover.htc");
	}

	a { 
		color: #09f;
		outline: none;
		cursor: pointer;
		-moz-outline-style: none;
	}

	a:hover { 
		color: #f00;
	}

	hr {
		display: block;
		border: 0px;
		width: 100%;
		height: 1px;
		color: #eee; /* IE */
		background-color: #eee; /* Mozilla */
		clear: both;
	}

/* Page content */

	#splash {
		z-index: 0; 
		position: relative; 
		height: 400px; 
		background-image: url('/images/portrait.png'); 
		background-repeat: no-repeat; 
		background-position: right top;
	}
	
		#buzz {
			position: absolute; 
			top: 85px; 
			left: 0px; 
			width: 700px; 
			text-align: center; 
			font-size: 1.1em;
			margin: 0;
			text-shadow: 1px 1px #fff;
		}
		
		#contentFlow {
			position: relative;
			top: 144px !important;
		}

	#page {
		width: 55em;
		text-align: left;
		padding: 0px;
		margin: 0px;
		border-right: 1px solid #eee;
		border-bottom: 1px solid #eee;
		border-left: 1px solid #eee;
		background-color: #fff;
		background-image: -webkit-gradient(
			linear,
			left top,
			left bottom,
			color-stop(0.35, rgb(255,255,255)),
			color-stop(0.68, rgb(247,247,247))
		);
		background-image: -moz-linear-gradient(
			center top,
			rgb(255,255,255) 35%,
			rgb(242,242,242) 68%
		);
	}

			#print-header {
				display: none;
			}

			#navbar {
				padding: 0em .5em 0em 0em;
				border-top: 2px solid #f00;
			}
			
				#navbar-banner {
					text-align: right;
					float: right;
					margin: 23px 10px 0 0;
					color: #f00 !important;
					font-size: 1.1em;
				}
	
				#navbar h1 {
					color: #a00;
					font-size: .7em;
					font-weight: normal;
					padding: .5em 0em 0em 0em;
					margin: 0px;
				}

				#contact-icon {
					cursor: pointer;
					float: right;
					position: relative;
					top: 0px;
					right: 0px;
				}
				
				#contact label {
					text-shadow: 1px 1px #fff;
					font-size: 0.7em; color: #999;
				}
				
				#contact-header {
					text-shadow: 1px 1px #fff;
					font-size: 0.8em; color: #333;
				}
				
				.contact-container {
					height: 115px;
				}
		
			#content {
				position: relative;
				left: 17px;
				width: 53em;
				padding: 20px 0px 0px 0px;
			}

			#footer {
				padding: .5em 0 .5em 0;
				color: #ccc;
				clear: both;
				text-align: left;
				width: 55em;
			}

/* Portfolio */

			#portfolio {
				position: relative;
				left: 1.2em;
				padding-top: 20px;
				padding-bottom: 20px;
			}

					#portfolio h1 {
						color: #c00;
						font-size: 1.2em;
					}

					#portfolio .col {
						width: 10em;
					}

					img.portfolio {
						border-style: solid;
						border-color: #eee;
						border-width: 1px;
						padding: 0px;
						margin: 0px;
					}

					a img.portfolio:hover {
						border-color: #bbb;
					}

					img.portfolio-active {
						filter: alpha(opacity=50);
						-moz-opacity: 0.50;
						opacity: 0.50;
						border: 1px solid #c00 !important;
						padding: 0px;
						margin: 0px;
					}
				
					.page-subsection {
						color: #333;
					}
				
					.portfolio-subtitle {
						font-size: 0.7em;
						color: #666;
					}
				
					div.thumbnail {
						text-align: center;
						height: 9.5em;
					}
				
						div.thumbnail:hover img.portfolio {
							border: 1px solid #bbb;
						}
				
						div.thumbnail a {
							color: #bbb;
							text-decoration: none;
						}
				
						div.thumbnail a:hover {
							color: #666;
							text-decoration: underline;
						}
						
						div.thumbnail span {
							display: block;
							text-align: center;
							font-size: 0.65em;
							margin: 0.5em; 2em 0em 2em;
						}

						div.thumbnail img {
							border-style: solid;
							border-color: #e6e6e6;
							border-width: 1px;
							padding: 0px;
							margin: 0px;
							width: 7.825em; /* replaces 468px width */
							height: 5.8218em; /* replaces 60px height */
						}

						div.thumbnail img:hover {
							border: 1px solid #bbb;
						}
				
					div.thumbnail-big {
						width: 275px;
						font-size: 0.85em;
						margin-right: 20px;
					}
				
						div.thumbnail-big:hover img.portfolio {
							border-color: #bbb;
						}
						
					.split {
						color: #ddd;
						padding: 0 25px 0 25px;
					}

/* Forms */

	form label {
		font-size: 0.8em;
		font-weight: normal;
		display: block;
		color: #666;
		margin: 5px 0 2px 0;
	}

	.form-input {
		font-size: 1em;
		padding: 3px;
		margin-bottom: 5px;
		border: 1px solid #ccc;
	}
		
.float div {
	float: left;
	width: 10.6em;
	padding-top: 0.75em;
}

.left {
	text-align: left;
}