/* -- mynameispaul.com for and by paulcarlon@gmail.com -- */
/* -- This site's navigation and gallery utilizes mooTools 1.11 from mootools.net -- */
/* -- The gallery is a modified version of smoothGallery from smoothgallery.jondesign.net -- */


/* -- THE BONES -- */

* {
	margin: 0;
	padding: 0;
	}

body {
background-color:#1c1c1c;
font-family: Helvetica, Arial, sans-serif;
text-align: left;
color: #9a9b9d;
line-height: normal;

	}

html>body {
	font-size: 10px;
	}

#quote p,.hidden {
	left: -9999px;
	width: 0px;
	overflow: hidden;
	position: absolute;
	}



/* -- TEXT STYLES -- */

p {
	line-height: 20px;
	font-size: 14px;
	}


p, h3 a {
	color: #868686;
	}

h1 {
	
	font-size: 90px;
	letter-spacing: -4px;
	height: 90px;
	margin: 0;
	padding: 5px;
	font-weight: bold;
	}

h2{
	font-size: 36px;
	}

h3 {
	font-size:24px;
	font-weight:normal;
	}


	
/* -- LAYOUT CONTAINERS -- */

#container {
	width: 975px;
	margin: 20px;
	}



#content {
	width: 800px;
	height: 373px;
	background: #69F;
	}

#paulWhoContainer {
	padding: 5px;
	margin: 5px;
	width: 600px;
	float: left;
	}

#paulAboutContainer {
	padding: 5px;
	margin: 5px;
	width: 600px;
	float: right;
	}

#resumeContainer li a {
	color: #c1e770;
	font-size: 45px;
	font-weight: bold;
	width: 275px;
	margin: 0;
	padding: 0;
	display: block;
	text-decoration: none;	
	float:left;
	}


#resumeContainer li {
	margin: 0px;
	padding: 0px;
	display: inline;
	}
	
#resumeContainer a:hover {
	color: #FFF;
	}

#telephoneContainer {
	padding: 5px;
	margin: 5px;
	width: 350px;
	height: 250px;
	float: left;
	}

#emailContainer {
	padding: 5px;
	margin: 5px;
	width: 550px;
	height: 250px;
	float: left;
	}

#emailContainer a{
	text-decoration: none;
	}
	
#emailContainer a:hover {
	color: #FFF;
	}

#workNaviContainer {
	padding: 5px;
	margin: 5px;
	width: 200px;
	float: left;
	}

#workNaviContainer ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	}

#workNaviContainer a {
	display: block;
	font-size: 28px;
	color: #ebadc5;
	width: 175px;
	padding: 3px 8px 3px 8px;
	text-decoration: none;
	}

#workNaviContainer a:hover {
	color: #FFF;
	}

#workNaviContainer li li a {
	display: block;
	color: #868686;
	font-size: 20px;
	width: 9em;
	padding: 3px 3px 3px 17px;
	text-decoration: none;
	}	
	
/* -- GALLERY STYLES  -- */
	
.galleryTab {
	width: 950px;
	height: 80px;
	cursor: pointer;
	}

.galleryContent {
	position: relative !important;
	width: 975px;
	height: 270px;
	margin: 10px;
	}
	
#myGallery1,
#myGallery2,
#myGallery3,
#myGallery4 {
	width: 700px !important;
	height: 400px !important;
	overflow: hidden;
	} 



/* -- COLOR CLASS -- */

.about {
color: #fbe66f;
text-decoration: none;
}

.work {
color: #ebadc5;
text-decoration: none;
}

.resume {
color: #c1e770;
text-decoration: none;
}

.contact {
color: #81ccdd;
text-decoration: none;
}





/* This is a fix for the 'Doubled top padding after float bug' in IE 5/6/7 PC:
http://lukeplant.me.uk/articles/webdev/cssbugs/double_padding_on_cleared_divs_report.html */

/* Hides from IE5-mac \*/

* html .gl {
	height: 1%;
	}

/* End hide from IE5-mac */