/* RESET - RESET.CSS
--------------------------------------------------------*/
html,body,div,span,h1,h2,h3,h4,h5,h6,p,blockquote,
a,abbr,acronym,address,strong,dl,dt,dd,ol,ul,li,
fieldset,form,label { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; }
body { line-height:18px; }
ol,ul { list-style:none; }
blockquote,q { quotes:none; }
:focus { outline:0; }
ins { text-decoration:none; }
del { text-decoration:line-through; }
table { border-collapse:collapse; border-spacing:0; }
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clear { clear:both; }

/* Structure - LAYOUT.CSS
--------------------------------------------------------*/
#contentWrapper { width:882px; height:auto; margin:0 auto; text-align:left; position:relative; }
.logoAccent { position:absolute; z-index:0; top:0; left:-120px; background:url(../images/grad.jpg) no-repeat; height:400px; width:430px; }
#branding a { display:block; height:27px; width:188px; background:url(../images/logo.png) no-repeat; text-indent:-9999px; }
#content { padding:60px 0 0; position:relative; z-index:5; }
#primaryContent { width:885px; height:445px; margin:10px 0 30px; position:relative; }
#secondaryContent { position:relative; }
.contentRow { background:url(../images/gradBar.png) repeat-x; padding:18px 0; }
.contentBlock { width:250px; float:left; display:inline; margin:0 50px 0 8px; }
.myPic {float: left; margin: 0 8px 8px 0;}
.last { margin-right:0; }
#twitBird { position:absolute; z-index:50; right:8px; bottom:20px; width:66px; height:70px; display:block; background:none!important; }
#tertiaryContent { width:100%; display:block; height:50px; background:#555; border-top:1px solid #444; margin-top:40px; }
#tertiaryContentInner { width:882px; margin:0 auto; position:relative; }
#tertiaryContentInner p { float:left; width:400px; position:relative; top:18px; margin:0; }

#tertiaryContentInner p a {background: none; text-decoration: none; display: inline-block; margin: 0 0 -3px 5px; position: relative; }


/* General Settings - TEXT.CSS
----------------------------------------------------*/
body { background:#393939 url(../images/bg1.png) repeat-x; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#b5b5b5; }

/* Headings */
h1,h2,h3,h4 { font-weight:500;  }
h1 { font-size:32px; line-height:32px; }
h2 { font-size:26px; line-height:26px; color:#fff12d; margin-bottom:14px; }
h3 { font-size:18px; line-height:18px; color:#fff12d; margin-bottom:14px; }
h4 { font-size:14px; line-height:14px; }
#primaryContent h2 { color:#000; }
.contentBlock h3 { width:240px; height:18px; text-indent:-9999px; }
#about h3 { background:url(../images/hello.png) no-repeat; }
#contact h3 { background:url(../images/contact.png) no-repeat; }
#tweets h3 { background:url(../images/tweets.png) no-repeat; }
#experience h3 { background:url(../images/work.png) no-repeat; }
#skills h3 { background:url(../images/skillz.png) no-repeat; }
#favLinks h3 { background:url(../images/fav.png) no-repeat; }

/* LINKS */
a,a:link,a:visited { text-decoration:none; color:#1bc2ef; padding:0 2px; }
a:hover,a:active { color:#ffffff; background:#f41c8b; }

a.dlResumeBtn { display:block; height:25px; width:105px; background-image:url(../images/btn_my_resume.png); background-repeat:no-repeat; background-position:top left; text-indent:-9999px; }
a.dlResumeBtn:hover { background-position:bottom left; background-repeat:no-repeat; background-color:transparent; }

/* COMMON FORMATTING */
p { margin:0 0 18px; }
strong { font-weight:700; }

/* Lists */
ul,ol { margin:0 0 18px; }
ul ul,ol ol { margin:0 0 18px 14px; }
dl { margin:0 0 16px; }
dl dt { font-weight:700; }
dl dd { margin-left:16px; }

/* WIDGETS.CSS
--------------------------------------------------------*/
/* Social Network Links */
#tertiaryContent ul { display:block; height:32px; overflow:hidden; float:right; position:relative; top:10px; margin:0; }
#tertiaryContent ul li { display:inline; float:left; margin:0 0 0 18px; }
#tertiaryContent ul a { text-indent:-9999px; display:block; width: 32px; height: 32px; background-repeat: no-repeat; opacity: .3; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter: alpha(opacity=30); float: left; padding: 0; margin: 0; background-color: transparent !important;}

.linkedIn a { 
	background-image:url(../images/icn_social.gif); 
	background-position: top left;
}
.linkedIn a:hover { 
	opacity: 1 !important;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" !important;
	filter: alpha(opacity=100) !important;
}

.twitter a { 
	background-image:url(../images/icn_social.gif); 
	background-position: top center;
}
.twitter a:hover { 
	opacity: 1 !important;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" !important;
	filter: alpha(opacity=100) !important;
}

.facebook a { 
	background-image:url(../images/icn_social.gif); 
	background-position: bottom left;
}
.facebook a:hover { 
	opacity: 1 !important;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" !important;
	filter: alpha(opacity=100) !important;
}

.vimeo a { 
	background-image:url(../images/icn_social.gif); 
	background-position: bottom center;
}
.vimeo a:hover { 
	opacity: 1 !important;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" !important;
	filter: alpha(opacity=100) !important;
}

.lala a { 
	background-image:url(../images/icn_social.gif); 
	background-position: top right;
}
.lala a:hover { 
	opacity: 1 !important;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" !important;
	filter: alpha(opacity=100) !important;
}

.yelp a { 
	background-image:url(../images/icn_social.gif); 
	background-position: bottom right;
}
.yelp a:hover { 
	opacity: 1 !important;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" !important;
	filter: alpha(opacity=100) !important;
}


/* Projects Carousel */
#carousel { overflow:hidden; position:relative; margin:9px; height:428px; width:866px; }
.slidingContent { position:absolute; }
#carousel div.item { width:826px; height:388px; padding:20px; position:relative; }
#projectsCarousel { width:883px; height:445px; position:absolute; background:url(../images/sliderBg.png) no-repeat -1px 0; z-index:2; }

/* CONTROLS */
a.launchBtn { display:block; height:25px; width:105px; background-image:url(../images/viewBtn.png); background-repeat:no-repeat; background-position:top left; text-indent:-9999px; }
a.launchBtn:hover { background-position:bottom left; background-repeat:no-repeat; background-color:transparent; }
#prevBtn { background:url(../images/prevBtn.gif) no-repeat top left; display:block; width:82px; height:42px; position:absolute; top:195px; left:-34px; z-index:1; text-indent:-9999px; }
#prevBtn:hover { background-image:url(../images/prevBtn.gif); background-repeat:no-repeat; background-position:bottom left; background-color:transparent; }
#nextBtn { background-image:url(../images/nextBtn.gif); background-repeat:no-repeat; background-position:top left; display:block; width:82px; position:absolute; height:42px; top:195px; right:-38px; z-index:1; text-indent:-9999px; }
#nextBtn:hover { background-image:url(../images/nextBtn.gif); background-repeat:no-repeat; background-position:bottom left; background-color:transparent; }

/* Carousel Content */
.item .details { width:340px; height:auto; position:absolute; left:35px; top:57px; font-size:12px; color:#666; }
.item .details p { font-size:14px; line-height:23px; color:#444; font-weight:300;   }
.item .details strong { font-size:14px; color:#000; }
.item .projectImage { width:435px; height:389px; position:absolute; right:18px; top:39px; }
.item .projectImage img { width:435px; height:389px; }
.item a.buyNowBtn {position: absolute; z-index: 10000000; display: block; height: 77px; width: 80px; top: 35px; right: 280px; background: url(../images/projects/buyNowBtn.png) no-repeat top left; text-indent: -999999px;}
.item a.buyNowBtn:hover {background: url(../images/projects/buyNowBtn.png) no-repeat bottom left;}

/* Twitter */
#tweetsList .tweetTime { font-size:10px; color:#666; background:none; display:block; }
#tweetsList li { border-bottom:1px solid #333333; padding:0 0 9px; margin:9px 0 0; overflow: hidden; }