/*  
Theme Name: My Name is Jay
Theme URI: http://www.mynameisjay.com
Description: New revamp of my site.
Version: 2.0
Author: Jay Scullin
Author URI: http://www.mynameisjay.com/
*/

                                                                 
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; } 
table { border-collapse:collapse; border-spacing:0; } 
fieldset,img { border:0; } 
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; } 
ol,ul { list-style:none; } 
caption,th {text-align:left; } 
h1,h2,h3,h4,h5,h6,blockquote { font-size:100%; font-weight:normal; text-transform: uppercase; } 
q:before,q:after { content:''; } 
abbr,acronym { border:0; }
a {outline: none;}
input[type=text]:focus, input[type=password]:focus {outline: 0 none;}
div, a.navLink, .twoColRightFontReplace, a.viewMore, a#more, a.recentWorkLink, #recentWork img, a.socialButton, .alignleft, .alignright, .alignnone, #portfolioBody img, a#visitSite, #twoColRight h2 { display:inline; float: left; background-repeat: no-repeat; }
#homeHeadline, .navLink, #twoColRight h2, a.viewMore, #footer h2, a#more, a.recentWorkLink, a.socialButton, a#visitSite {text-indent: -9999px}

body {
	font: 13px Helvetica, Arial, sans-serif;
	color: #333;
	background: url(images/background.png);
	}
a {
	color: #002e5f;
	text-decoration: none;
	}
a:hover {
	text-decoration: underline;
	}
h1 {
	color: #000000;
	font-size: 40px;
	margin: 0 0 10px 0;
	}
h2 {
	color: #000000;
	font-size: 30px;
	}
h2 a:hover, 
h3 a:hover, 
#twoColRight li a:hover {
	color: #000000;
	}
h3 {
	color: #000000;
	font-size: 20px;
	}
p {
	line-height: 17px;
	margin: 0 0 10px 0;
	}
p.meta {
	
	}
strong {
	font-weight: bold;
	}
i, em {
	font-style: italic;
	}
blockquote {
	color: #000000;
	font-size: 30px;
	padding: 10px 40px;
	}	

#fadeTile {
	width: 100%;
	height: 660px;
	position: absolute;
	z-index: -5;
	background: url(images/fade.png);
	}
#wrapper, #header, #homeSplashBox, #homeHeadline, #footer {
	width: 880px;
	}
#wrapper {
	display: block;
	float: none;
	margin: 0 auto;
	}
#header {
	height: 80px;
	margin: 20px 0 0 0;
	background: url(images/header.png);
	}
/* Search Bar */
#searchBar {
	width: 190px;
	height: 20px;
	float: right;
	margin: 16px 50px 0 0;
	}
#searchInput {
	font: 12px Helvetica, Arial, sans-serif;
	text-shadow: black 0 1px 1px;
	width: 155px;
	padding: 0;
	display: inline;
	float: left;
	margin: 4px 0 0 0;
	padding: 0 0 0 10px;
	background: transparent;
	border: none;
	}
	
/* Social Buttons */
#socialBox {
	width: 45px;
	height: 160px;
	position: relative;
	top: 45px;
	left: 835px;
	padding: 35px 0 0 0;
	z-index: 2;
	}
.socialButton {
	width: 45px;
	height: 50px;
	margin: -15px 0 0 0;
	background: url(images/social.png);
	}
/* Twitter */
#twitter { position: relative; top: 0; z-index: 4; }
#socialBox a:hover#twitter { background-position: -45px 0; }
#socialBox a:active#twitter { background-position: -90px 0; }
/* Facebook */
#facebook { position: relative; top: -35px; z-index: 3; }
#socialBox a#facebook { background-position: 0 -50px; }
#socialBox a:hover#facebook { background-position: -45px -50px; }
#socialBox a:active#facebook { background-position: -90px -50px; }
/* LinkedIn */
#linkedIn { position: relative; top: -70px; z-index: 2; }
#socialBox a#linkedIn { background-position: 0 -100px; }
#socialBox a:hover#linkedIn { background-position: -45px -100px; }
#socialBox a:active#linkedIn { background-position: -90px -100px; }
/* RSS */
#rss { position: relative; top: -105px; z-index: 1; }
#socialBox a#rss { background-position: 0 -150px }
#socialBox a:hover#rss { background-position: -45px -150px; }
#socialBox a:active#rss { background-position: -90px -150px; }
	
/* 
	Home Splash 
*/
#homeHeadline {
	position: relative;
	height: 280px;
	margin: -35px 0 35px 0;
	z-index: 0;
	}
#homeHeadline h1 {
	display: none;
	}
#homeSplashBox, #homeSplash, #homePreload {
	position: absolute;
	z-index: -1;
	top: 0;
	left: 35px;
	width: 800px;
	height: 280px;
	}
#homeSplashBox {
	width: 880px;
	height: 280px;
	left: 0;
	background: url(images/homeHeadline.png);
	}
#homePreload {
	z-index: -2;
	background: #000000;
	}
#homeSplash { background: url(images/homeSplash.jpg) -450px -450px no-repeat; }
/* 
	Navigation 
*/
#topNavigation, .navLink { 
	height: 35px;
	background: url(images/navigation.png); 
	}	
#topNavigation {
	position: relative;
	top: -35px;
	left: 35px;
	width: 800px;
	z-index: 1;
	}
.navLink { width: 100px; }

/* Home */
#topNavigation a:hover#home { background-position: 0 -35px; }
#topNavigation a:active#home { background-position: 0 -70px; }
a#homeOn { background-position: 0 -105px; }
/* About Me */
#topNavigation a#aboutMe { background-position: -100px 0; }
#topNavigation a:hover#aboutMe { background-position: -100px -35px; }
#topNavigation a:active#aboutMe  { background-position: -100px -70px; }
a#aboutMeOn { background-position: -100px -105px; }
/* Skill Set */
#topNavigation a#skillSet { background-position: -200px 0; }
#topNavigation a:hover#skillSet { background-position: -200px -35px; }
#topNavigation a:active#skillSet  { background-position: -200px -70px; }
a#skillSetOn { background-position: -200px -105px; }
/* Portfolio */
#topNavigation a#portfolio { background-position: -300px 0; }
#topNavigation a:hover#portfolio { background-position: -300px -35px; }
#topNavigation a:active#portfolio  { background-position: -300px -70px; }
a#portfolioOn { background-position: -300px -105px; }
/* Resume */
#topNavigation a#resume { background-position: -400px 0; }
#topNavigation a:hover#resume { background-position: -400px -35px; }
#topNavigation a:active#resume  { background-position: -400px -70px; }
a#resumeOn { background-position: -400px -105px; }
/* Contact */
#topNavigation a#contact { background-position: -500px 0; }
#topNavigation a:hover#contact { background-position: -500px -35px; }
#topNavigation a:active#contact  { background-position: -500px -70px; }
a#contactOn { background-position: -500px -105px; }
/* My Blog */
#topNavigation a#myBlog { background-position: -600px 0; }
#topNavigation a:hover#myBlog { background-position: -600px -35px; }
#topNavigation a:active#myBlog  { background-position: -600px -70px; }
a#myBlogOn { background-position: -600px -105px; }
/* Hire Me */
#topNavigation a#hireMe { background-position: -700px 0; }
#topNavigation a:hover#hireMe { background-position: -700px -35px; }
#topNavigation a:active#hireMe  { background-position: -700px -70px; }
a#hireMeOn { background-position: -700px -105px; }

/* 
	Main Content 
*/
#contentOneCol { background: url(images/contentOneCol.png) repeat-y;}
#contentTwoCol { background: url(images/contentTwoCol.png) repeat-y;}
#contentTwoCol, #contentOneCol {
	width: 855px;
	margin: -35px 0 0 0;
	padding: 0 0 0 25px;
	}
.dropCap {
	font-size: 112px;
	color: #9f9f9f;
	margin: -15px 0 -20px 0;
	padding: 0 5px 0 0;
	}
#oneCol, twoColLeft {
	padding: 20px 35px;
	}
#oneCol {
	width: 740px;
	padding: 20px 35px;
	background: #ffffff url(images/oneCol.png) no-repeat;
	}
#twoColLeft {
	width: 460px;
	padding: 20px 35px;
	background: #ffffff url(images/twoColLeft.png) no-repeat;
	}
#twoColRight, #twoColRight h2, #twoColRight ul {
	width: 280px;
	}
#twoColRight ul {
	padding: 0 15px 20px 15px;
	}
#twoColRight, #twoColRight ul { background: url(images/twoColRight.png) no-repeat; }
#twoColRight h2 { 
	height: 40px;
	background: url(images/twoColRightHeaders.png);
	}
#twoColRight h2.twitter {background-position: 0 -40px;}
#twoColRight h2.latestPosts {background-position: 0 -80px;}
#twoColRight h2.categories {background-position: 0 -120px;}
.twoColRightFontReplace {
	color: #000000;
	font-size: 20px;
	text-transform: uppercase;
	padding: 0 0 0 10px;
	}
.twoColRightSplit {
	width: 125px;
	padding: 0 0 10px 0;
	}
.twoColRightFontReplace li {
	height: 20px;
	margin: 15px 0 0 0;
	padding: 0 20px;
	background: url(images/twoColRightBullet.png) 0 6px no-repeat;
	}
#twitterBubble {
	width: 200px;
	height: 100px;
	padding: 20px 40px;
	margin: 0 0 10px 0;
	background: url(images/twitterBubble.png) no-repeat;
	}
#twitterBubble ul {
	width: 180px;
	background: transparent;
	}

/* Wordpress Elements */
.alignright {
	float: right;
	margin: 5px 0 0 0;
	padding: 0 0 30px 30px;
	}
.alignleft {
	margin: 5px 0 0 0;
	padding: 0 30px 30px 0;
	}

/* View More */
a.viewMore {
	width: 162px;
	height: 35px;
	margin: 10px 45px;
	background: url(images/viewMore.png);
	}
a:hover.viewMore { background-position: 0 -35px; }
a:active.viewMore { background-position: 0 -70px; }

/*
	Contact Forms
*/
.formBox, #formHead, #formFoot {	
	width: 480px;
	}
#formBox, #formHead, #formFoot {	
	background: url(images/formBox.png) no-repeat;
	}
#formBox {	
	margin: 10px 130px;
	}
#formHead {	
	height: 40px;
	margin: 0 0 20px 0;
	}
#formHead h2 {
	height: 25px;
	padding: 10px 0 10px 20px;
	}
#formBody, #formMeterBoxSmall, #formMeterSmall  {
	width: 680px;
	}
#formBody {
	padding: 0 30px;
	background: url(images/formBodyTile.png) repeat-y;
	}
#formBody h3 {
	margin: 5px 0 0 0;
	}
#formFoot {
	height: 20px;
	background-position: 0 -65px;
	}
	
/* 
	Skill Set
*/
.skillSetBox, .skillSetHead, .skillSetFoot {	
	width: 740px;
	}
.skillSetBox, .skillSetHead, .skillSetFoot {	
	background: url(images/skillSetBox.png) no-repeat;
	}
.skillSetBox {	
	margin: 10px 0;
	}
.skillSetHead {	
	height: 40px;
	margin: 0 0 20px 0;
	}
.skillSetHead h2 {
	height: 25px;
	padding: 10px 0 10px 20px;
	}
.skillSetBody, .skillSetMeterBoxSmall, .skillSetMeterSmall  {
	width: 680px;
	}
.skillSetBody {
	padding: 0 30px;
	background: url(images/skillSetBodyTile.png) repeat-y;
	}
.skillSetBody h3 {
	margin: 5px 0 0 0;
	}
.skillSetMeterBoxSmall, .skillSetMeterSmall {
	height: 15px;
	background: url(images/skillSetMeterSmall.png) no-repeat;
	}
.skillSetMeterBoxSmall { 
	margin: 5px 0 10px 0;
	background-position: 0 -45px; 
	}

/* Web Design */
#photoshop, #illustrator, #flash { background-position: -700px 0; }

/* Web Development */
#html, #css, #jquery, #php, #actionscript, #ajax, #visio { background-position: -700px -15px; }

/* Other */
#indesign, #objectiveC, #maya, #visio, #torqueGameEngine, #cPlusPlus { background-position: -700px -30px; }

.skillSetFoot {
	height: 20px;
	background-position: 0 -65px;
	}

/*
	Portfolio	
*/
#portfolioBox, #portfolioFoot {
	background: url(images/portfolioBox.png) no-repeat;
	}
#portfolioBox {	
	width: 740px;
	margin: 20px 0 0 0;
	padding: 40px 0 0 0;
	}
#portfolioFilters {	
	width: 245px;
	height: 35px;
	margin: 0 247px;
	}
#portfolioBody {	
	width: 700px;
	padding: 0 20px;
	background: url(images/portfolioBodyTile.png) repeat-y;
	}
#portfolioBody img {
	cursor: pointer;
	width: 173px;
	height: 108px;
	border: 1px solid #1a1a1a;
	}
.portfolioButton {	
	cursor: pointer;
	width: 35px;
	height: 35px;
	background: url(images/portfolioButton.png) no-repeat 0 35px;
	}
#portfolioFoot {	
	width: 740px;
	height: 25px;
	background-position: 0 -85px;
	}
#webWorkLive, #webWorkModified, #webWorkNotLaunched, #webWorkDown {
	width: 700px;
	height: 55px;
	background: url(images/webWorkBox.png);
	}
#webWorkModified { background-position: 0 -55px; }
#webWorkNotLaunched { background-position: 0 -110px; }
#webWorkDown { background-position: 0 -165px; }

a#visitSite {
	width: 148px;
	height: 33px;
	margin: 11px 276px;
	background: url(images/visitSite.png) 0 33px no-repeat;
	}
a:hover#visitSite { background-position: 0 0; }
a:active#visitSite { background-position: 0 -33px; }
	
/*
	Footer
*/
#footer {	
	height: 275px;
	margin: 0 0 35px 0;
	background: url(images/footer.png);
	}
#footer h2 { display: none; }

/* More */
a#more {
	width: 75px;
	height: 20px;
	margin: 11px 0 0 446px;
	background: url(images/more.png) 0 20px no-repeat;
	}
a:hover#more { background-position: 0 0; }
a:active#more { background-position: 0 -20px; }

/* Recent Work */
#recentWork, #recentWorkOverlay {
	width: 760px;
	height: 130px;
	}
#recentWork {
	margin: 9px 0 0 55px;
	}
#recentWork img {
	width: 190px;
	height: 130px;
	position: relative;
	top: -260px;
	z-index: 1;
	}
#recentWorkOverlay {
	position: relative;
	z-index: 100;
	top: -130px;
	background: url(images/recentWorkOverlay.png);
	}
.recentWorkLink {	
	width: 190px;
	height: 130px;
	position: relative;
	top: 0;
	z-index: 200;
	background: url(images/recentWork/recentWorkLink.png);
	}
a:hover.recentWorkLink { background-position: 0 -130px; }
a:active.recentWorkLink { background-position: 0 0; }
	
#bottomNavigation{
	width: 800px;
	margin: 30px 0 0 35px;
	}

/* Home */
#bottomNavigation a#home { background-position: 0 35px; }
#bottomNavigation a:hover#home { background-position: 0 -140px; }
#bottomNavigation a:active#home { background-position: 0 -175px; }
/* About Me */
#bottomNavigation a#aboutMe { background-position: 0 35px; }
#bottomNavigation a:hover#aboutMe { background-position: -100px -140px; }
#bottomNavigation a:active#aboutMe  { background-position: -100px -175px; }
/* Skill Set */
#bottomNavigation a#skillSet { background-position: 0 35px }
#bottomNavigation a:hover#skillSet { background-position: -200px -140px; }
#bottomNavigation a:active#skillSet  { background-position: -200px -175px; }
/* Portfolio */
#bottomNavigation a#portfolio { background-position: 0 35px }
#bottomNavigation a:hover#portfolio { background-position: -300px -140px; }
#bottomNavigation a:active#portfolio  { background-position: -300px -175px; }
/* Resume */
#bottomNavigation a#resume { background-position: 0 35px }
#bottomNavigation a:hover#resume { background-position: -400px -140px; }
#bottomNavigation a:active#resume  { background-position: -400px -175px; }
/* Contact */
#bottomNavigation a#contact { background-position: 0 35px }
#bottomNavigation a:hover#contact { background-position: -500px -140px; }
#bottomNavigation a:active#contact  { background-position: -500px -175px; }
/* My Blog */
#bottomNavigation a#myBlog { background-position: 0 35px }
#bottomNavigation a:hover#myBlog { background-position: -600px -140px; }
#bottomNavigation a:active#myBlog  { background-position: -600px -175px; }
/* Hire Me */
#bottomNavigation a#hireMe { background-position: 0 35px }
#bottomNavigation a:hover#hireMe { background-position: -700px -140px; }
#bottomNavigation a:active#hireMe  { background-position: -700px -175px; }

/*MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
MMMMMMMMMMMN+++++OMMM8++++OMMM++++++++++++++IMM$++++?MMN7++++NMN++++OMMMMMMMMMMM
MMMMMMMMMMMN~:::~OMMMO::::ZMMM~:::::::::::::?MMD~:::~MM8~:::~MMN::::ZMMMMMMMMMMM
MMMMMMMMMMMN:,,,:OMMMO:,,,ZMMM:,,,,,,,,,,,,:?MMM7,,,:NM$:,,,?MMN:,,,ZMMMMMMMMMMM
MMMMMMMMMMMN:,,,,OMMMO,,,,ZMMM:,,,,ZNNNNNNNNNMMMN,,,,8N~,,,,OMMN,,,,ZMMMMMMMMMMM
MMMMMMMMMMMN,...,OMMMO,...ZMMM,,..,OMMMMMMMMMMMMM,,..I$:,.,IMMMN,...ZMMMMMMMMMMM
MMMMMMMMMMMN,...,OMMMO,...ZMMM,...,OMMMMMMMMMMMMM:...+7,..,ZMMMN,...ZMMMMMMMMMMM
MMMMMMMMMMMN,...,$OOO$....ZMMM,...,7OOOOO8MMMMMMM$...,=,..=NMMMN....ZMMMMMMMMMMM
MMMMMMMMMMMN,....,:::,....ZMMM,....,::::::NMMMMMMN~.......8MMMMN....ZMMMMMMMMMMM
MMMMMMMMMMMN,.............ZMMM,......... ,NMMMMMMM$...  .?MMMMMN....$MMMMMMMMMMM
MMMMMMMMMMMN,....IZZZI....ZMMM,.   IZZZZZZMMMMMMMMN~    .DMMMMMN.   $MMMMMMMMMMM
MMMMMMMMMMMN,....ZMMMZ....ZMMM,.  .ZMMMMMMMMMMMMMMM8.   ,MMMMMMN.   $MMMMMMMMMMM
MMMMMMMMMMMN,....OMMMO....ZMMM,....OMMMMMMMMMMMMMMMN..  .MMMMMMN,...$MMMMMMMMMMM
MMMMMMMMMMMN,....OMMMO....ZMMM,.  .ZNNNNNNNNNMMMMMMN,   .MMMMMMMNNNNNMMMMMMMMMMM
MMMMMMMMMMMN,....OMMMO....ZMMM,.  .,:~~~~~~~?MMMMMMN,.  .MMMMMMN~~~~ZMMMMMMMMMMM
MMMMMMMMMMMN,....OMMMO....ZMMM,.  ..........+MMMMMMN,.  .MMMMMMN....ZMMMMMMMMMMM
MMMMMMMMMMMN,....OMMMO....ZMMM,......     ..=MMMMMMN,.  .MMMMMMN. . $MMMMMMMMMMM
MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM*/