/* Jason Kilkenny's Portfolio - Two column Layout */

*
{
	margin:0;
	padding:0;
}

body
{
	background-color:#8f8f8f;
	background-image:url(images/bg.jpg);
}

p
{
	font-family: Tahoma, Verdana, Helvetica, sans-serif;
	color:#525151;
	font-size:12px;
	padding: 15px 35px 7px 35px;
}

h1 /* User for titles above every page.  About, Contact, etc. */
{
	font-family:Tahoma, Verdana, Helvetica, sans-serif;
	font-size:16px;
	color: #111;
	padding: 25px 0px 15px 35px;
}

h2 /* Used for the footer writing */
{
	font-family: Tahoma, Verdana, Helvetica, sans-serif;
	font-size:10px;
	font-weight:normal;
	color:#525151;
	text-align:center;
	padding:15px 0px 15px 0px;
}

h3 /* Used for section titles on the side menu */
{
	font-weight:bold;
	font-family: Tahoma, Verdana, Helvetica, sans-serif;
	font-size:12px;
	padding:10px 0px 15px 25px;
}

img
{
	border:0px;
}

hr
{
	width:740px;
	color:#b2b2b2;
	margin:0px 35px 0px 35px;
}

/* Begin classes - these are used repeatedly for things like bolding text, or making certain things look the same throughout the layout */

.bold
{
	font-weight:bold;
}

p.bottomspace
{
	padding-bottom:15px;
}

/* Begins IDs - these are used to create the "boxes" the layout is made out of.  Adjust the width of everything and placement of things here. */ 

#container /* holds all of the divs together, and is used to center the layout. */
{
	margin: 10px auto;
	width: 960px;
	border: 1px #333 solid;
	background-color:#e6e6e6;
}

#header /* Controls the top banner */
{
	background-color:#14081c;
	background-image:url(images/logo.png);
	background-position:center;
	background-repeat:no-repeat;
	width:960px;
	height:150px;
}

#navigation /* Controls the main attributes of the navigation - width of the entire div, background color, etc. */
{
	width:960px;
	background-image:url(images/navbg.png);
	padding: 30px 0px 25px 0px;
}

#navigation ul
{
	margin-top: 0px;
}

#navigation li
{
	list-style-type:none;
	display:inline;
	text-decoration:none;
}

#navigation a
{
	font-family: Tahoma, Verdana, Helvetica, sans-serif;
	font-size:16px;
	color:#e6e6e6;
	text-decoration:none;
	padding: 14px 54px 14px 53px;
	border-right-style:dashed;
	border-right-color:#5e5964;
	border-right-width:thin;
}

#navigation a:hover
{
	color:#8d8591;
}

#colorbar
{
	width: 960px;
	height: 35px;
	background-color:#5f5465;
}

#sidenav
{
	width:150px;
	float:left;
	background-color:#e6e6e6;
	background-image:url(images/utop.png);
	background-repeat:repeat-x;
}

#sidenav ul
{
	margin:0px 0px 10px 60px;
}

#sidenav li
{
	##list-style-image:url(images/PUT BULLET IMAGE HERE.jpg); /* Specify your tiny image for the bullets for the side navigation here */
	list-style-type:disc;
}

#sidenav a
{
	font-family: Tahoma, Verdana, Helvetica, san-serif;
	font-size:12px;
	text-decoration:none;
	color:#333;
}

#sidenav a:hover
{
	text-decoration:underline;
}

#content
{
	background-color:#e6e6e6;
	background-image:url(images/utop.png);
	background-repeat:repeat-x;
	width:810px;
	float:right;
}

#footer
{
	background-color:#e6e6e6;
	width:960px;
	clear:both;
}

#content li
{
margin: 5px 0px 0px 55px;
color:#525151;
font-size:12px;
}

#content img
{
margin:8px;
border:0px;
}

#content a
{
font-family:Tahoma, Verdana, Helvetica, sans-serif;
font-size:13px;
color:#333;
text-decoration:none;
}

#content a:hover
{
text-decoration:underline;
color:#555;
}