/* -------------------------------------------------------------- 
  
    style.css
    * Main CSS file.
    
	Author: 	Eric Horodyski
	Date:		7/23/09
				
	Filename:	style.css
	Location:	../css/style.css
	
	Notes:		Inset Color: #2e2e2e
				Font Color: #dbdbdb
				BG Color: #070707
   
   
-------------------------------------------------------------- */

/* Global Definitions */
html, body{
	font-family: Arial, Helvetica, sans-serif;
	color: #dbdbdb;
	background: url(../img/bg.png) no-repeat top center fixed #070707;
	}
.left{float: left;}
.right{float: right;}
.clear{clear:both;}
.no_top{padding-top: 0; margin-top: 0;}
.center{text-align: center;}
.minus_top{margin-top: -20px;}


/* 960px Wrapper */
div#wrapper{width: 960px; margin: 0 auto; overflow: hidden;}

/* Header */
div.header{height: 280px;}
		img.crest{margin-left: -50px;}
	.header .blurb{float: right;  width: 683px; text-align:right;}
		img.byline{margin-top: 40px;}

/* Navigation */
.nav{margin-top: 10px;}
.nav ul, li{
	padding: 0; margin: 0;
	list-style-type: none;
	display: inline;
	}
	.nav li{margin-left: 50px;}
	.nav a, .nav a:active, .nav a:visited, .nav a:link{height: 14px; display: inline-block;}
		.about a{background: url(../img/nav.png) 0 -14px no-repeat; width: 62px;}
			.about a:hover{background: url(../img/nav.png) 0 0 no-repeat;}
		.portfolio a{background: url(../img/nav.png) -63px -14px no-repeat; width: 99px;}
			.portfolio a:hover{background: url(../img/nav.png) -63px 0 no-repeat;}
		.contact a{background: url(../img/nav.png) -164px -14px no-repeat; width: 83px;}
			.contact a:hover{background: url(../img/nav.png) -164px 0 no-repeat;}


/* Content */
.content{margin: 0 10px;}
p a, p a:active, p a:visited, p a:link{
	padding: 3px; 
	background-color: #000; 
	color: #FFF; 
	text-decoration: none;
	font-weight: bold;
	letter-spacing: -1px;
	} 
p a:hover{
	letter-spacing: -1px;
	font-weight: bold;
	color: #000;
	background-color:#EEE;
}

p .link{
	padding: 3px; 
	background-color: #000; 
	color: #FFF; 
	text-decoration: none;
	font-weight: bold;
	letter-spacing: -1px;
	} 
p .link:hover{
	letter-spacing: -1px;
	font-weight: bold;
	color: #000;
	background-color:#EEE;
}
p input{
	background: url(../img/contact/fill.png);
	font: bold 1.5em Arial, Helvetica, sans-serif;
	border: 1px #000 solid;
	height: 34px;
	width: 293px;
	color: #dcdcdc;
	padding: 4px 0 0 5px;
	font-variant: small-caps;
}

p textarea{
	background:url(../img/contact/skulls.png) bottom right no-repeat;
	font: bold 1.5em Arial, Helvetica, sans-serif;
	border: 1px #000 solid;
	height: 194px;
	width: 593px;
	color: #dcdcdc;
	padding: 4px 0 0 5px;
	font-variant: small-caps;
}

/* About Specific */
#about .about a{background: url(../img/nav.png) 0 0 no-repeat;}
#about img.byline{width: 548px; height: 138px; background: url(../img/byline/about.png) no-repeat;}
#about img.quote{padding: 12px 12px 0px 0;}

/* Portfolio Specific */
#portfolio .portfolio a{background: url(../img/nav.png) -63px 0 no-repeat;}
#portfolio img.byline{width: 357px; height: 138px; background: url(../img/byline/portfolio.png) no-repeat;}
 .piece{width: 940px; height: 210px;}
 .heading{margin: 2px 0 15px -10px;}

 .item{width: 600px; height: 160px; background-position: 0 160px; border: #1a1a1a 5px solid;}
 .item:hover{background-position: 0 0; border: #818181 5px solid;}
	 .item.hudak{background-image:url(../../img/portfolio/thumbs/hudak.png);}
	 .item.rom{background-image:url(../../img/portfolio/thumbs/rom.png);}
	 .item.acceler8{background-image:url(../../img/portfolio/thumbs/acceler8.png);}
	 .item.ozzy{background-image:url(../../img/portfolio/thumbs/ozzy.png);}
	
 .credientials{width: 300px; padding-left: 10px;}
	  .section{width: 140px; height: 42px;}
	
	
 .javascript{background:url(../img/portfolio/js.png); width: 113px; height: 37px;}
 .php{background:url(../img/portfolio/php.png); width: 55px; height: 37px;}
 .site{background:url(../img/portfolio/site.png); width: 116px; height: 37px;}
 .xhtml{background:url(../img/portfolio/xhtml.png); width: 115px; height: 37px;}
 .logo{background:url(../img/portfolio/logo.png); width: 68px; height: 37px;}
 .ecomm{background:url(../img/portfolio/ecomm.png); width: 129px; height: 37px;}
 .off{background-position: 0 37px;}
 
 #romulus_design{display: none;}


/* Contact Specific */
#contact .contact a{background: url(../img/nav.png) -164px 0 no-repeat;}
#contact img.byline{width: 469px; height: 138px; background: url(../img/byline/contact.png) no-repeat;}
#contact .form{width: 600px;}
#contact .more_ways{width: 310px;}
#contact .minus_top2{margin-top: -15px;}
#contact .submit{margin-top: -10px;}