@charset "UTF-8";
/* Checking out my CSS, eh?  You may have already noticed that if you try and validate it using the W3C Validator, it will fail.  This is because the validator assumes CSS Level 2.1 while this document is CSS Level 3.  To properly ascertain validation, you will have to manually select Level 3 from the validator's options list, or just use the handy link that I've included in the footer of the site. */


/*Typography */

@font-face {
	font-family: 'AllerBold';
	src: url('aller_bd-webfont.eot');
	src: local('☺'), url('aller_bd-webfont.woff') format('woff'), url('aller_bd-webfont.ttf') format('truetype'), url('aller_bd-webfont.svg#webfontXvM3txJc') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'AllerRegular';
	src: url('aller_rg-webfont.eot');
	src: local('☺'), url('aller_rg-webfont.woff') format('woff'), url('aller_rg-webfont.ttf') format('truetype'), url('aller_rg-webfont.svg#webfonthIquLB7a') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'AllerItalic';
	src: url('aller_it-webfont.eot');
	src: local('☺'), url('aller_it-webfont.woff') format('woff'), url('aller_it-webfont.ttf') format('truetype'), url('aller_it-webfont.svg#webfontgws8GvKk') format('svg');
	font-weight: normal;
	font-style: normal;
}

body {
  margin:0;
  padding:0;
  background:url(images/background.jpg) #333 fixed;
  font-family: 'AllerRegular';
  color:#FFF; 
}

h1, h2, h3, h4, h5, h6, strong {
	font-family: 'AllerBold';
	font-weight:normal;
}

em {
	font-style:normal;
	font-family: 'AllerItalic';
}

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

a:hover {
	text-decoration:underline;
	color:#FFF;
}


/*Navigation*/
#mainNav {
	width:100%;
	margin:0 0 24px;
	padding:0;
	height:40px;
	background-color:#000;
	text-align:center;
	min-width:900px;
}

#mainNav li {
	display:inline;
	margin:0;
	font-size:16px;
	line-height:40px;
	padding:0;
}

#mainNav li a {
	color:#FFF;
	padding:0 23px
}


/*Header*/
h1#header {
	font-size:36px;
	font-family: 'AllerBold';
	font-weight:normal;
	margin-bottom:0;
	text-align:left;
}

h2#subHeader {
	font-family: 'AllerItalic';
	font-size:17px;
	font-weight:normal;
	margin-top:0;
	line-height:12px;
	text-align:left;
}


/*Body*/
#wrapper, #rotator {
	width:900px;
	margin:0 auto;
	position:relative;
	text-align:center;
}

#content {
	width:720px;
	margin:100px auto;
	border:1px solid #999;
	background:url(images/transparency.png);
	padding:20px 40px;
	text-align:left;
}

div.frontPage p {
	font-size:24px;
	line-height:29px;
}


/*Portfolio Styles*/
.pagination {
	list-style:none;
	position:absolute;
	top:0;
	right:0;
	margin:0;
}

.pagination li {
	width:75px;
	height:75px;
	background:#000;
	float:left;
	margin:0 5px;
	border:1px solid #CCC;
}

a.next, a.previous {
	font-size:72px;
	font-family: 'AllerBold';
	margin:300px 0 0;
}

a.next:hover, a.previous:hover {
	text-decoration:none;
}

a.next:focus, a.previous:focus {
	border:none;
	outline:none;
}

a.next {
	float:right;
}

a.previous {
	float:left;
}

img.portfolio {
	margin:0 auto;
	border:1px solid #CCC;
	text-align:center;
}

img.clothing {
	border:none;
}

.ui-tabs-hide {
	display:none;
}

.pagination li img {
	border:none;
}

.ui-tabs-panel p {
	text-align:left;
}

ul.pagination li img {
	opacity:.5;
}

ul.pagination li img:hover {
	opacity:.75;
}

ul.pagination li.active img {
	opacity:1;
}

.container { width:802px; height:900px; overflow:hidden; position:relative; cursor:pointer; margin:0 auto;}
		.slides { position:absolute; top:0; left:0; margin:0; padding:0; }
		.slides li { position:absolute; top:0; width:802px; display:none; }
		#loopedSlider { margin:18px auto; }

ul.slides h1 {
	margin:20px 0;
}


#flvPlayer, embed {
	left:-81px;
position:relative;
top:-598px;
}
/*Resume Styles*/
div.resume h1 {
	font-size:24px;
}

div.resume h2 {
	font-size:18px;
}

div.resume ul {
	margin-bottom:40px;
}

/*Footer*/
#footer {
	list-style:none;
	margin:50px auto 0;
	padding:0;
	clear:both;
	text-align:center;
	width:100%;
	min-width:900px;
	padding:0;
	height:40px;
	background-color:#000;
	line-height:40px;
	position:fixed;
	bottom:0;
}

#footer li {

	padding:0 20px;
	display:inline-block;
	
}

ul#footer li.copyright {

	padding-left:0;
}

ul#footer li.last {
	padding-right:0;
}

#contactForm {
	width:600px;
	margin:20px auto 50px;
}

#contactForm input, textarea {
	float:right;
	width:160px;
}

#contactForm input#submit {
	clear:both;
	float:right;
	width:auto;
}