/*

	Author URI: http://njedesign.com
	dark blue/grey #474c54

*/

/*
    RESET, BASICS, and TOOLBOX
*/
*					                      { margin: 0; padding: 0; }
html                                      { overflow-y: scroll; }
body {
	font: 13px Arial;
	color: #fff;
	background: #474c54 url(../../../images/body-bg.gif) repeat-x top left;
}
.floatLeft                                { float: left; }
.floatRight								  { float: right; }
.clear                                    { clear: both; }
p                                         { margin: 0 0 12px 0; }
h1, h2, h3, h4                            { font-size: 20px; margin: 0 0 12px 0; font-weight: normal; }
h4                                        { font-size: 17px; }
blockquote, code                          { padding: 10px 15px 1px 15px; background: #ddd; margin: 0 0 12px 0;
                                            border-left: 5px solid #ccc; }
a img                                     { border: none; }





/*
    STRUCTURE
*/
#page-wrap			                      { width: 780px; margin: 0 auto; }
#header                                   { background: url(../../../images/header.jpg) no-repeat; height: 114px; width: 780px; }
h1#logo                                   { width: 100%; height: 100%; margin: 0; }
h1#logo a                                 { text-indent: -9999px; display: block; height: 114px; }
#header ul                                { list-style: none; float: right; width: 400px;
                                            text-align: right; padding: 10px 0 0 0; }
#header ul li                             { display: inline; }
#header ul li a                           { background: #7e7e7e; text-transform: uppercase; color: white;
                                            padding: 3px 10px; letter-spacing: 2px; margin: 0 0 0 10px; }
#header ul li a:hover,
#portfolio ul li.portfolio a,
#about ul li.about a,
#resume ul li.resume a                    { background: #222; }

#main-content {
	margin: 0 0 25px 0;
	width: 100%;
	min-height: 400px;
}

#sideA {
	padding: 0;
	margin: 0;
	margin-right: 30px;
	float: left;
	width: 360px;
}
#sideA img {
	margin: 0 15px 15px 0;
	float: left;
}
#sideB {
	width: 360px;
	float: left;
}

#sectionLinks {
	clear: both;
	font-size: 1.2em;
}
.imageGallery a img {
	margin: 0 4px 4px 0;
	border: 1px solid #fff;
	float: left;
}

#footer {
	float: left;
}
a {
	color: #fff;
	text-decoration: underline;
}

/*
	HEADERS
*/

#main-content h2#pageTitle {
	margin: 50px 0 40px 0;
}

/*
	PARAGRAPHS
*/

p {
	line-height: 1.5em;
}

	
/*
	NAV
*/

#menu-bar {
	padding: 7px 0 0 0;
}
ul#main-nav {
	float: left;
}
ul#main-nav li {
	display: inline;
}
ul#main-nav li a {
	padding: 3px 8px;
	margin-right: 15px;
	font-size: 1.1em;
	text-decoration: none;
	text-transform: uppercase;
	-moz-border-radius: 5px; -webkit-border-radius: 5px;
}
ul#main-nav li a:hover {
	color: black;
	background: white;
}