@charset "utf-8";
/* CSS Document */

/* universal css !! */

body {
	background: url(../images/pat_rednoise.gif);	
}

@font-face {
    font-family: 'SteelTongsRegular';
    src: url('../text/steeltongs-webfont.eot');
    src: url('../text/steeltongs-webfont.eot?#iefix') format('embedded-opentype'),
         url('../text/steeltongs-webfont.woff') format('woff'),
         url('../text/steeltongs-webfont.ttf') format('truetype'),
         url('../text/steeltongs-webfont.svg#SteelTongsRegular') format('svg');
    font-weight: normal;
    font-style:normal;
}

@font-face {
    font-family: 'WisdomScriptAIRegular';
    src: url('../text/wisdom_script-webfont.eot');
    src: url('../text/wisdom_script-webfont.eot?#iefix') format('embedded-opentype'),
         url('../text/wisdom_script-webfont.woff') format('woff'),
         url('../text/wisdom_script-webfont.ttf') format('truetype'),
         url('../text/wisdom_script-webfont.svg#WisdomScriptAIRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

.red {
	color:#520f10;
}

.center {
	text-align:center;
}

.shadow {
   -moz-box-shadow:    inset 0 0 10px #000000;
   -webkit-box-shadow: inset 0 0 10px #000000;
   box-shadow:         inset 0 0 10px #000000;
}

/* end universal css */
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* under construction css */

body.uc {
	margin: 0px;
	background: url(../images/pat_rednoise.gif);
}
body.uc .stripe {
	background-color:#FFF;
	width: 100%;
	padding-top:40px;
	padding-bottom:40px;
	text-align:center;
	margin-top: 10em;
}

body.uc .red {
	font-family: 'WisdomScriptAIRegular', Arial, sans-serif;
}

body.uc .stripe p {
	font-size:16px;
}

body.uc .stripe p.red {
	font-size:30px;
}

body.uc .stripe p.biggest {
	font-size:38px;
	font-family: 'SteelTongsRegular', Arial, sans-serif;
}


/* end uc css */
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* header css */

#header {
height: 70px;
border-bottom: 3px solid #9c1a00;	
padding: 10px 0px 10px 0px;
background-color:#FFF;
}

#logo a { 
	background: url('../images/sprite.png') no-repeat 0 0;
	width: 134px;
	height: 70px;
	display:block;
	text-indent:-999px;
	 }
#logo a:hover { background-position:0px -79px;}

#nav { overflow: hidden;}
#nav li { display: inline;}
#nav li a { display: block; width: 65px; height: 25px; text-indent: -9999px;
	        background: url('../images/sprite.png'); float: left;
	 		border: none; margin:0px 0px 0px 20px; }
#navigation { padding-top:20px;	}
#nav li a#nav1		{ background-position: -166px 0px;}
#nav li a#nav1:hover { background-position: -166px -49px;}
#nav a#nav2			{ background-position: -246px 0px; }
#nav li a#nav2:hover { background-position: -246px -49px; }	
#nav a#nav3			{ background-position: -330px 0px; }
#nav li a#nav3:hover { background-position: -330px -49px; } 
#nav a#nav4			{ background-position: -413px 0px; }
#nav li a#nav4:hover { background-position: -414px -49px; }	

/* end header css */
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* intro css */

#intro {
	padding:40px 0px 40px 0px;
}

/* end intro css */
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* projects css */

#projects { 
	background: url('../images/pat_washi.gif');
	padding:40px 0px 20px 0px;
	border-top: 3px solid #771400;	
	border-bottom: 3px solid #771400;	
}

.wrap450 {
	width:450px;
}

#projects div a{
	display: block;
	position: relative;
	overflow: hidden;
	width: 100%;
	text-decoration:none;
}

#projects div span.caption {
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	top: 40px;
	bottom: 40px;
	background: #fff;
	padding-top: 30px;
	text-align:center;
}

#projects div span.caption h2 {
	font-size:38px;
	font-family: 'SteelTongsRegular', Arial, sans-serif;
	line-height: 48px;
	margin:0;
	padding:0;
	color:#520f10;
}

#projects div span.caption em{
	display: block;
	color:#000;
}

#projects a img {
    border: 5px #9c1a00 solid;
}

#projects .projectThumb {
	margin-bottom:20px;
}

#projects .projectThumb.active a img {
    border: 5px #ffffff solid;
}

.figure {
      position: relative; 
}
.figure p.caption {
      display: none;
      position: absolute;
      top: 50%;
      left: 0px;
      width: 100%;
      margin: 0;
      padding: 5px 3%;
      background-color: #fff;
      color: #9c1a00;
	
      font-weight: bold; 
	  text-align:center;
}

#lbBottom h2 {
	font-size:38px;
	font-family: 'SteelTongsRegular', Arial, sans-serif;
	line-height: 40px;
	margin:0;
	color:#520f10;
}

.fancybox-title span {
	float:right;
	font-weight:bold;
	padding-top:9px;
}

.fancybox-title p {
	margin-top:20px;	
}

/* end projects css */
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* contact css */

#contact {
	margin:40px 0px 40px 0px;	
}

#contact-title {
background: url('../images/sprite.png') no-repeat 0 -165px;
	width: 940px;
	height: 50px;
	display:block;
	text-indent:-999px;	
}

#info {
	background:url(../images/contact.png) no-repeat;
	height:294px;
	margin:40px 10px 0px 10px;
	color:#fff;
	font-size:18px;
}

#info a {
	color:#fff;
	text-decoration:none;
}

#info a:hover {
	text-decoration:underline;
}

#resume {
	padding:60px 0px 60px 0px;
}

.hitmeup {
	padding:48px 0 0 0;
}
	

/* end contact css */
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* footer css */

#footer {
	background-color: #400000;
	padding:40px 0px 40px 0px;
	color:#771400;
	font-size:12px;
}

#footer p {margin-bottom:0px;}
#footer .social {text-align:right;}
#footer .social a {color:#771400;}
#footer .social a:hover {color:#f4d868;}