/*
    ____  ___    ____  __________________    ______
   / __ \/   |  / __ \/_  __/  _/ ____/ /   / ____/
  / /_/ / /| | / /_/ / / /  / // /   / /   / __/   
 / ____/ ___ |/ _, _/ / / _/ // /___/ /___/ /___   
/_/   /_/  |_/_/ |_| /_/ /___/\____/_____/_____/

authors: cole rise
created: twentieth day of february, two-thousand & nine.

*/


/* Global defaults
--------------------------------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------------------------------- */

/* tags 
---------------------------------------------------------------- */

* { behavior: url(../images/pngfix/iepngfix.htc); }

body {
	font: normal 12px Helvetica, Verdana, Arial, sans-serif;
	margin: 0;
	padding: 0;
	text-align: center;	
}
a {
    color: #CFF;
    margin:0;
    padding:0;
    text-decoration: none;
}
a:hover {text-decoration: underline;}

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	margin: 0;
	padding: 0;
}

h1 { font-size: 24px;}
h2 {font-size: 16px;}
h3 {font-size: 14px;}
h4 {font-size: 12px;}
h5 {font-size: 11px;}
h6 {font-size: 10px;}

img {
	border: 0;
	margin: 0;
	padding: 0;
}
p {
	display: block;
	line-height: 18px;
	margin: 30px 0 0 0;
	padding: 0;
	width:600px;
}
.hidden {
	display: none;
}

/* typographic styles 
---------------------------------------------------------------- */

.bold {font-weight: bold;}
.italic {font-style: normal;}
.skinny {font-weight: 100;}
.line-through {text-decoration: line-through;}
.serif {font-family: georgia, serif;}

/* sizes 
---------------------------------------------------------------- */

.grand {font-size: 24px;}
.large {font-size: 16px;}
.medium {font-size: 14px;}
.normal {font-size: 12px;}
.small {font-size: 11px;}
.tiny {font-size: 10px;}

/* text colors 
---------------------------------------------------------------- */

.grey-dark {color: #23201E;}
.grey-mid {color: #828486;}
.grey-light {color: #9F9D97;}
.white {color: #FFF;}
.red {color: #F03;}
.blue {color: #30669f;}
.blue-light {color: #CFF;}

/* text colors 
---------------------------------------------------------------- */

.bg-grey-light {background: #ECEDED;}
.bg-grey-mid {background: #131619;}
.bg-grey-dark {background: #0B0E11;}
.bg-white {background: #FFF;}
.bg-white {background: #FFF;}
.bg-red {background: #F03;}

/* opacities 
---------------------------------------------------------------- */

.alpha-90 {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
	filter: alpha(opacity=90);
	opacity: .9;
}
.alpha-80 {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80);
	opacity: .8;
}
.alpha-60 {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
	filter: alpha(opacity=60);
	opacity: .6;
}
.alpha-10 {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
	filter: alpha(opacity=10);
	opacity: .1;
}

/* page widths 
---------------------------------------------------------------- */

.width-640 {width: 640px;}

/* themes 
---------------------------------------------------------------- */

.t-cardboard {
	background: #121416;
	color: #525456;
}

.round {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
.round-top {
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	-webkit-border-top-right-radius: 3px;
	-webkit-border-top-left-radius: 3px;

}
.round-bottom {
	-moz-border-radius-bottomleft: 3px;
	-moz-border-radius-bottomright: 3px;
	-webkit-border-bottom-right-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
}
.tab {
	background: #ECEDED;
}
.tab-active {
	background: white;
}

/* curtain 
---------------------------------------------------------------- */

#curtain {
	background: #444;
	display: block;
	height: 4px;
	margin: 0 0 0 0;
	padding: 0;
	width: 100%;
}



/* page
---------------------------------------------------------------- */

#page {
	display: block;
	height: 100%;
	margin: 40px auto;
	padding: 50px;
}

#brand {
	clear:none;
	float:left;
	margin: 40px 0 0 0
	height: 20px;
	width: 120px;
}

#content {
	margin: 150px 0 0 0;
	padding: 0px 0;
	text-align: left;
}

#notice {
	background: #16181A;
	display: block;
	height: 40px;
	line-height: 40px;
	margin: 40px 0 0 0;
	padding:  0 0 0 20px;
}

#thanks {
	background: #16181a;
	display: block;
	height: 40px;
	line-height: 40px;
	margin: 40px 0 0 0;
	padding:  0 0 0 20px;
}

/* nav
---------------------------------------------------------------- */

#nav {
	float:left;
	font-size: 11px;
	height: 20px;
	margin: 0 0 0px 0;
	padding: 0 0 0 20px;
	position: relative;
	text-align: right;
}
.nav-tab {
	clear:none;
	color: #424446;
	display: block;
	float: left;
	height: 20px;
	line-height: 20px;
	margin: 4px 0 0 60px;
	width: 28px;
}
.nav-tab-active {
	clear:none;
	color: #f2f4f6;
	cursor: default;
	display: block;
	float: left;
	height: 20px;
	line-height: 20px;
	margin: 4px 0 0 60px;
	width: 60px;
}
.nav-tab-active:hover {
	text-decoration: none;
}


/* photos
---------------------------------------------------------------- */

.photo {
	margin: 0 0 80px 0;
	overflow: auto;
}
.photo-title {
	clear:none;
	float:left;
	margin: 18px 20px 0 0;
}
.photo-info {
	clear:none;
	float:left;
	margin: 21px 0 0 0;
}
.photo-prints {
	clear:none;
	float:right;
	margin: 21px 0 0 20px;
}
.photo-availability {
	clear:none;
	color: #222426;
	float:right;
	margin: 21px 0 0 0;
}


/* connect
---------------------------------------------------------------- */

#about {
	overflow: auto;
	width: 640px;
}




/* connect
---------------------------------------------------------------- */

#connect {
	background: url(../images/birds.png) no-repeat top right;
	margin: 150px 0 0 0;
	overflow: auto;
	width: 640px;
}
#form {
	clear:none;
	display: block;
	float:left;
	line-height: 20px;
	margin: 20px 0 10px 0;
	padding: 18px 0;
	width: 405px;
}
#form-name {
	clear:none;
	float:left;
	margin: 0 0 16px 0;
	padding: 4px 0 4px 4px;
	width: 180px;
}
#form-purpose {
	clear:none;
	display: block;
	float:left;
	margin: 4px 0 16px 10px;
	width: 170px;
}
#form-email {
	clear:none;
	float:left;
	margin: 0 0 0 0;
	padding: 4px 0 4px 4px;
	width:398px;
}
#validate-email {
	clear:none;
	display: block;
	float:left;
	height: 20px;
	margin: 6px 0 0 0;
	width:400px;
}
#form-comments {
	clear:none;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	float:left;
	height: 60px;
	margin: 16px 0 10px 0;
	padding: 4px 0 0 3px;
	width: 400px;
}
#form-submit {
	clear:none;
	float:right;
	margin: 0 0px 0 0;
	width: 100px;
}