@import url("reset.css");

body {

	background: #a8a4a5 url("../images/horse.jpg") no-repeat right -160px fixed;
	margin: 0;
	padding: 0;
	font-family: "Georgia", "Times New Roman", serif;
}

/* - Expanding Image thingy that I borrowed from kimili.com */
img#expando {
	padding: 0;
	margin: 0;
	position: absolute;
	display: none;
	z-index: 1;
	-ms-interpolation-mode: bicubic;
}

.wide img#expando, .tall img#expando {
	display: block;
}

.wide img#expando {
	width: 100%;
	height: auto;
}
	
.tall img#expando {
	width: auto;
	height: 100%;
}

.ie6fixed {
	position: absolute;
	top: expression((ignoreMe = document.documentElement.scrollTop ?
		document.documentElement.scrollTop : document.body.scrollTop) + 'px');
}

/* --  End of Expanding Image CSS --*/

.clear {
	clear:both;
	display:block;
}

article, aside, footer, header, section, nav { display: block; }

#header {
	position: fixed;
	right: 1em;
	top: 27em;
	-webkit-transform: rotate(17deg); 
	-moz-transform: rotate(17deg);
	font-weight: bold;
	z-index: 800;
}

#header h1 {
	font-size: 3.2em;
	margin: .2em;
}

#header h1 a { text-decoration: none; }

#header h1 span { font-size: .35em; }

a, a:link, a:visited {
	color: #6B6B6B;
	opacity:0.7;
	filter:alpha(opacity=70);
	text-decoration: none;
}

a:hover, a.active:hover {
	opacity:1;  
	filter:alpha(opacity=100);
	color: #B7553B;
	color: #587c91;
	text-decoration: none;
}

a.active {
	color: #6B6B6B;
	opacity:1;  
	filter:alpha(opacity=100);
}

#nav {
	font-size: 1.3em;
	-webkit-transform: rotate(7deg); 
	-moz-transform: rotate(7deg);
	margin: 0;
}

	#nav ul {
		padding: 0;
		margin: 0;
		list-style: none;
	}

		#nav ul li {
			display: inline;
			margin: 0 2em 0 0;	
		}
		
			#nav ul li a.active { color: #587c91; text-decoration: none;}
			#nav ul li a.active:hover { text-decoration: underline;}


			


.section {
	background:rgba(88, 124, 145, 0.8);
	min-height: 100%;
	padding: 0 1em 3em;
	color: #ffffff;
	position: absolute;
	width: 70%;
	-moz-box-shadow: 8px 0px 47px #000000, inset -1px 0 1px #accadb;
	-webkit-box-shadow:  8px 0px 47px #000000, inset -1px 0 1px #accadb;
	font-size: 1.4em;
	z-index: 801;
}

.section.intro {
	background: transparent;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	position: fixed;
	z-index: 100;
	bottom: 1%;
	left: 28%;
	color: #87827F;
	color: #000;
	color: #fff;
	font-size: 2em;
	width: 55%;
	line-height: 1.2em;
	padding: .5em 1em;
	text-shadow: 2px 1px 1px #fff;
	height: auto;
	min-height: auto;
	z-index: 799;
}

.section.intro dl { position: absolute; bottom: 0; }

.section ul {
	margin: 0;
}

#footer {
	position: fixed;
	width: 100%;
	top: 0em;
	right: 0em;
	padding: 1em 2em;
	z-index: 802;
}

#footer ul {
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 1.2em;
	color: #87827F;
	color: #5f5c54;
	line-height: 1.4em;
}

#footer ul li address {
	text-align: right;
	clear: both;
	padding-top: .5em;
	display: none;
}


#footer ul li a {
	display: block;
	text-indent: -9000px;
	width: 43px;
	height: 43px;
	float: right;
	margin: 0 0 0 1em;
}

#footer ul li a#email {
	background: url("../images/email.png") no-repeat center top;
}

#footer ul li a#twitter {
	background: url("../images/twitter.png") no-repeat center top;
}

#footer ul li a#facebook {
	background: url("../images/facebook.png") no-repeat center top;
}

#footer ul li a#email:hover, #footer ul li a#twitter:hover, #footer ul li a#facebook:hover {
	background-position: 0 -43px;
}

dt { font-weight: normal; }

h2 {
	font-size: 2em;
	margin: .6em 0 0;
}

h3 {
	color: #F9C07D;
	margin: .6em 0 0;
}

#work a {
	color: #F9C07D;
}

#work a:hover {
	color: #ffffff;
}

#work img {
	width: 100%;
	border: solid 1px #accadb;
}

ul#thumbs {
	margin: 0;
	padding: 0;
	list-style: none;
}

ul#thumbs li {
	display: inline;
	margin: 0 .25em;
}

ul#thumbs li a {
	display: inline-block;
	width: 110px;
	margin-bottom: .5em;
}

ul#thumbs li a img { width: 110px;}

a.bottom {
	font-size: .8em;
	display: block;
	padding-bottom: .5em;
}

/*----------------------------------NICK'S BIRTHDAY------------------------------------*/
body.birthday {
	background: #DFF0FF url('../web/images/global/Camel-Face-1024x768.jpg') no-repeat;
}

.birthday h1 {
	font: 10em Arial;
	text-align: center;
	margin: 0;
	text-shadow: 0 3px 5px #000000;
}

.birthday h2 {
	font-size: 7em;
	line-height: .8em;
	text-align: center;
	margin: 0;
	padding: .25em;
	position: absolute;
	bottom: 0;
	background-color: rgba(223, 240, 255, 0.2);
	text-shadow: 0 1px 2px #666666;
}

.birthday h2 em {
	display: block;
	font-size: .75em;
	margin-top: .25em;
	text-shadow: 0 1px 2px #ffffff;
}




/*----------------------------------HIGHSLIDE CSS------------------------------------*/

.highslide {
    /*cursor: url(../scripts/highslide/graphics/zoomin.cur), pointer;*/
	cursor: pointer;
    outline: none;
}
.highslide-active-anchor img {
	visibility: hidden;
}
.highslide img {
	border: 1px solid #EDEDEF;
}
.highslide:hover img {
	border: 1px solid #9B9B9B;
}

.highslide-wrapper {
	background: white;
}
.highslide-image {
	border: 2px solid white;
	border: solid 1px #EDEDEF;
}
.highslide-image-blur {
}
.highslide-caption {
    display: none;
    border: 2px solid white;
    border-top: none;
    font-family: Verdana, Helvetica;
    font-size: 10pt;
    padding: 5px;
    background-color: white;
}
.highslide-loading {
    display: block;
	color: black;
	font-size: 8pt;
	font-family: sans-serif;
	font-weight: bold;
    text-decoration: none;
	padding: 2px;
	border: 1px solid black;
    background-color: white;
    
    padding-left: 22px;
    background-image: url(../scripts/highslide/graphics/loader.white.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
}

a.highslide-credits,
a.highslide-credits i {
    padding: 2px;
    color: silver;
    text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
    color: white;
    background-color: gray;
}
a.highslide-full-expand {
	background: url(../scripts/highslide/graphics/fullexpand.gif) no-repeat;
	display: block;
	margin: 0 10px 10px 0;
	width: 34px;
	height: 34px;
}

/* These must always be last */
.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}