/* 
   CSS Styles 
   Author: Chris Fay   
*/
body{font-family:trebuchet MS,Arial,Helvetica,sans-serif;font-size:12px;line-height:22px;color:#454948;background:#d4d4d4 url('../images/bgLines.jpg') no-repeat top left;}
div{position:relative;}
ul{}
ul li{}

a{text-decoration:none;color:#0075ce;}
a:hover{color:#0a558e;}
a:active {}
a:visited{text-decoration:none;}
img{}
p{padding:5px 0 5px 0;}
.floatLeft{float:left;}
h1{font-size:26px;line-height:28px;padding-bottom:5px;}
h2{font-size:24px;line-height:26px;padding-bottom:5px;}
#content h2{margin-bottom:35px;text-shadow:0 1px 0 #FFFFFF;}
h3{font-size:18px;line-height:24px;padding-bottom:5px;}
h4{font-size:14px;line-height:16px;}
h5{font-size:12px;line-height:14px;}
h6{font-size:10px;line-height:12px;}
.slant{font-style:italic;text-align:right;padding-top:25px;}
.big{font-size:18px;line-height:24px;}
.blue{color:#0075ce;font-size:14px;font-weight:bold;}
.hidden{display:block;position:absolute;left:-99999px;}
.gray{color:#9e9f9f;}
.clear{clear:both;}


	/*dividers*/
	.sidebarDivider{display:block;width:300px;height:12px;background:url('../images/sidebarDivider.png') no-repeat;clear:both;margin: 55px 0 25px 0;float:right;clear:both;}
	.footerDivider{display:block;width:420px;height:15px;background:url('../images/footerDivider.png') no-repeat;clear:both;margin: 55px 0 10px 0;clear:both;}
	
	/*blockquote*/	
	.testimonial {display:block;background:url('../images/testimonialCenter.png') repeat-y;width:420px;}
	.testimonialTop{display:block;width:420px;height:26px;background:url('../images/testimonialTop.png') no-repeat;}
	.testimonialBottom{display:block;width:420px;height:29px;background:url('../images/testimonialBottom.png') no-repeat;}
	.testimonialBottom.left{display:block;width:420px;height:44px;background:url('../images/testimonialBottomLeft.png') no-repeat;}
	.testimonial .content {display:block;width:355px;margin:auto;}		
	.testimonial p{padding:10px 0;}
	.kudos{margin-bottom:25px;}
	.kudos.last{margin-bottom:0;}
	.quote{}
	.blockQuotePlain{font-style:italic;}
	
	/*tooltip*/
	#tooltip{position:absolute;	border:1px solid #ccc;background:#fff;padding:2px 5px;color:#454948;display:none;width:250px;}


.taglineImage{display:block;width:397px;height:53px;position:absolute;top:60px;left:0;background:url('../images/tagline.png') no-repeat;}
#page{}
#portfolioPage{background:#d4d4d4 url('../images/bgWood.jpg') no-repeat top left;}
#profilePage{background:#d4d4d4 url('../images/bg.jpg') no-repeat top left;}
#contactPage{background:#d4d4d4 url('../images/bgOrnate.jpg') no-repeat top left;}
#wrapper{}
#header{height:169px;background:url('../images/headerBG.png') repeat-x;margin-top:45px;}
#header .content{}
#header .leftCol{width:350px;float:left;margin:0 50px 0 0;}
#header .rightCol{width:420px;float:left;padding-top:35px;}

/* leftcol */
.leftCol{width:350px;margin:0 50px 50px 0;float:left;}
#logo a{display:block;width:150px;height:56px;background:url('../images/logo.png') no-repeat;float:right;margin-top:58px;}
#logo a span{margin-left:-9999px;}

	/* navigation stuff */
	#navigation{display:block;float:right;margin-top:97px;}
	#navigation li a{position:relative;}
	#navigation a{display:block;margin-bottom:7px;float:right;clear:both;}
	#navigation a span{margin-left:-9999px;}
	#navigation a.home{width:140px;height:34px;background:url('../images/menuSprite.png') no-repeat -114px -7px;}
	#navigation a.portfolio{width:250px;height:34px;background:url('../images/menuSprite.png') no-repeat -4px -42px;}
	#navigation a.profile{width:190px;height:34px;background:url('../images/menuSprite.png') no-repeat -64px -77px;}
	#navigation a.blog{width:120px;height:34px;background:url('../images/menuSprite.png') no-repeat -134px -288px;}
	#navigation a.contact{width:200px;height:34px;background:url('../images/menuSprite.png') no-repeat -54px -112px;}
	
	/*active*/
	#navigation li.active a.home{background-position:-114px -147px;}
	#navigation li.active a.portfolio{background-position:-4px -182px;}
	#navigation li.active a.profile{background-position:-64px -217px;}	
	#navigation li.active a.contact{background-position:-54px -252px;}	
		
	/*rollover*/
	.fade span.hover           {position:absolute;top:0;bottom:0;margin-left:0!important;display: block;}
	.home.fade span.hover      {width:250px;height:34px;background:url('../images/menuSprite.png') no-repeat -114px -147px;}
	.portfolio.fade span.hover {width:250px;height:34px;background:url('../images/menuSprite.png') no-repeat -4px -182px;}
	.profile.fade span.hover   {width:250px;height:34px;background:url('../images/menuSprite.png') no-repeat -64px -217px;}
	.blog.fade span.hover      {width:120px;height:34px;background:url('../images/menuSprite.png') no-repeat -134px -323px;}
	.contact.fade span.hover   {width:250px;height:34px;background:url('../images/menuSprite.png') no-repeat -54px -252px;}	
	
	/*input styling*/
	label{padding-bottom:5px;display:block;text-align:right;clear:both;padding-right:5px;}
	input{border:none;margin:0;display:block;width:302px;height:25px;margin:0 auto;margin-top:10px;border:none;background:none;}	
	.submit{width:122px;height:33px;background:url('../images/contactSprite.png') no-repeat 1px 0;cursor:pointer;border:none;float:right;}
	.submit:hover{background:url('../images/contactSprite.png') no-repeat 1px -33px;}
	textarea{border:none;overflow:auto;width:400px;height:200px;margin:0 auto;display:block;padding-top:10px;border:none;background:none;font-family:trebuchet MS;font-size:12px;}
	fieldset{border:none;padding:0;margin:0;}
	input.inputError{}	/*for form validation*/
	label.inputError{float:none;margin:0 !important;padding:0 !important;border:none;height:36px;left:-15px;position:absolute;top:12px;text-align:left;color:red;}
	.inputWrap{background:url('../images/inputBG.png') no-repeat center center;width:322px;height:40px;float:right;}
	.textareaWrap{width:420px;height:221px;background:url('../images/textareaBG.png') no-repeat center center;}
	.textAreaLabel{padding-top:25px;}


/*featured work*/
#featuredWork{width:350px;}
h2.featuredWork{display:block;width:151px;height:17px;background:url('../images/featuredWorkTitle.png') no-repeat;float:right;clear:both;margin-bottom:15px;}	
h2.featuredWork span{margin-left:-9999px;}
#featuredWork p{text-align:right;display:block;padding:0;}

/*twitter styling*/
#twitter{margin-top:40px;width:350px;}
h2.twitter{display:block;width:200px;height:17px;background:url('../images/twitterTitle.png') no-repeat;float:right;clear:both;margin-bottom:25px;}	
h2.twitter span{margin-left:-9999px;}
#twitter li{text-align:right;display:block;display:block;background:url('../images/lightDivider.png') repeat-x bottom left; padding-bottom:5px; margin-bottom:5px;}
.viewAllTweets{display:block;position:absolute;right:0;top:20px;}

/* rightcol */
.rightCol{width:420px;float:left;padding-top:45px;}
#tagLine{width:455px;height:120px;margin-left:-32px;background:url('../images/callout.png') no-repeat;color:#9e9f9f;font-size:14px;line-height:19px;margin-bottom:35px;}
#tagLine .content{width:380px;margin-left:52px;padding-top:15px;}
#tagLine .title{display:block;width:295px;height:28px;background:url('../images/taglineTitle.png') no-repeat;}
#tagLine .title span{margin-left:-9999px;}
#content{}
.quote{display:block;margin-top:30px;}
.quote a{display:block;width:122px;height:32px;background:url('../images/getQuoteSprite.png') no-repeat 0 -1px;}
.quote a:hover{background:url('../images/getQuoteSprite.png') no-repeat 0 -34px;}
.quote span{margin-left:-9999px;}
.credit{color:#000;font-weight:bold;text-shadow:0 1px 0 #ededec;}


/* portfolio styling */
.portfolioItem{display:block;margin-bottom:25px;}
.portfolioItem.last{margin-bottom:0;}
.portfolioItem .meta p{text-shadow:0 1px 0 #FFFFFF;}
.portfolioImage{width:378px;height:146px;background:url('../images/portfolioImageBG.png') no-repeat;}
.new{display:block;width:83px;height:34px;background:url('../images/new-2.png') no-repeat;position:absolute;top:-3px;left:-5px;z-index:100;}

/* profile styling */
#accomplishments{}
#accomplishments .title{font-size:18px;display:block;float:right;clear:both;padding-right:40px;background:url('../images/accomplishIcon.png') no-repeat center right;height:33px;line-height:30px;margin:35px 0 15px 0;}
#skills .title{font-size:18px;display:block;float:right;clear:both;padding-right:40px;background:url('../images/skillsIcon.png') no-repeat center right;height:34px;line-height:30px;margin-bottom:15px;}
#skills p{padding-bottom:25px;}
#skills p.last, #accomplishments p.last{padding-bottom:5px;}
#accomplishments p.even{border-left:5px solid #bebdbd;padding-left:15px;}
#accomplishments p.odd{border-left:5px solid #989797;padding-left:15px;}

#download{display:block;float:right;margin-top:45px;}
#download p{padding:0;margin-bottom:5px;}
#download li{text-align:right;line-height:33px;}
#download li.last{margin-bottom:0;}
#download a {display:block;width:32px;height:33px;float:left;}
#download p{display:block;float:left;padding-right:40px;background:url('../images/resumeDivider.png') no-repeat center right;margin-right:15px;width:200px;}

/*contact page styling*/
.contactHead{display:block;height:31px;width:420px;text-align:right;background:url('../images/contactDivider.png') no-repeat center left;margin-bottom:25px;float:right;clear:both;}
#contact{clear:both;}

/* footer */
#footer{width:420px;background:url('../images/footerDivider.png') no-repeat;padding-top:15px;margin-top:55px;}
/*a#top{display:block;width:39px;height:28px;background:url('../images/top.png') no-repeat;position:absolute;top:-27px;right:10px;}
a:hover#top{background:url('../images/topHover.png') no-repeat;background-position:center -1px;}*/
a#top{display:block;width:39px;height:28px;background:url('../images/topSprite.png') no-repeat center -30px;position:absolute;top:-27px;right:10px;}
a:hover#top{background-position:center -1px;}
a:active#top{background-position:center -60px;}

.featureThumbnail{display:block;width:80px;height:80px;float:right;border:1px solid #c0bebe;padding:2px;background:#e2e2e2;margin-top:10px;}
.survey-img{display:block;float:right;padding-top:10px;}

/*reCAPTCHA*/
#recaptcha_widget_div{margin:10px 0;}
#recaptcha_area{float:right;}

.infoMsg{color: #4F8A10;background-color: #DFF2BF;border: 1px solid;margin: 10px 0px;padding:10px 10px 10px 15px;}
a.featured{float:right;}