/* CSS Document for A.J.'s Webfolio */

/* zeros out all default margins, padding, & borders for block elements */
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form {
   margin: 0;
   padding: 0;
   border: 0;
	}

/* hidden elements moved off-screen to support screen-readers */
/* technique from WebAIM: (http://www.webaim.org/techniques/css/invisiblecontent) */
.hidden,#skipNav {
	position:	absolute; 
	left:	0px; 
	top: -500px; 
	width: 1px; 
	height: 1px; 
	overflow: hidden; 
	}

body {
	font-family: Verdana, Arial, sans-serif;
	font-size: 75%;
	background: #ddd url("../images/bg_puzzle.jpg") repeat;
  }

#container {
	width: 775px;
	margin: auto auto;
	border: 2px solid #007;
 }

#header, #headNav, #subNav, #bodyContainer, 
#footNav, #footer, hr, #resume ul {
	clear: both;
 }

/*******************************************************/
/*  HEADER & FOOTER                                    */
/*******************************************************/
#header {
	background: #007 url(../portfolio/images/grad_black_top.png) repeat-x top center;	/*#ddd*/
	color: #fff; 
	padding: 1.5em 0 0.5em;
	text-align: center;
	}

#subtitle {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-size: larger;
	color: #f90;
	}

#footer {
	background: #007 url(../portfolio/images/grad_black_bottom.png) repeat-x bottom center;
	color: #fff;
	font-size: 90%;
	text-align: center; 
	padding: 0.5em 0 1em;
	border-top: 1px solid #f90;
	}

/*******************************************************/
/*  NAVIGATION                                         */
/*******************************************************/
#headNav ul, #headNav ul li, 
#subNav ul, #subNav ul li, 
#footNav ul, #footNav ul li { 
	display: inline; 
	}

#headNav {
	background: #009 url(../portfolio/images/grad_black_bottom.png) repeat-x center center;	/**/ 
	color: white; 
	padding: 10px 0;
	text-align: center;
	border-top: 1px solid #9B9CCF; 
	border-bottom: 1px solid #f90;
	}

#headNav li {
	font-size: 110%;
	padding: 10px 1em;
	margin: 0;
	border-right: 1px dotted #999; 
	}

#headNav li.first {
	border-left: 1px dotted #999; 
	}

#headNav a {
	color: #fff;
	white-space: nowrap;
	text-decoration: none;
	}

#headNav a:hover {
	color: #f90;
	text-decoration: underline;
	}

#headNav .current {
	background: #9B9DCF url(../portfolio/images/grad_black_top.png) repeat-x bottom center;
	color: #fff;
	font-weight: bold;
	border: 1px solid #f90; 
	border-bottom-color: #9B9DCF; 
	}	/**/

#headNav .current a {
	color: #fff;
	}

#subNav {
	background: #9B9DCF url(../portfolio/images/grad_black_bottom.png) repeat-x top center/**/;
	color: black; 
	padding: 0.5em 0; 
	text-align: center;
	border-bottom: 1px solid #666;
	}

#subNav li {
	font-size: 90%;
	padding: 0 1em; 
	}

#subNav a {
	color: #000;
	white-space: nowrap;
	}

#subNav .current {
	font-weight: bold;
	}

#footNav {
	background: #009 url(../portfolio/images/grad_black_top.png) repeat-x center center;
	color: white;
	text-align: center; 
	padding: 10px 0; 
	border-top: 1px solid #000;
	}

#footNav li {
	font-size: 100%;
	padding: 0 1.5em; 
	}

#footNav a {
	color: white; 
	white-space: nowrap;
	}

#footNav a:hover {
	color: #f90;
	}

#footNav .current {
	font-weight: bold;
	color: #f90;
	}

#footNav .current a {
	color: #f90;
	}

#footer a {
	color: #f90; 
	}

#subNav a, #footNav a, #footer a {
	text-decoration: none; 
	}

#subNav a:hover,
#footNav a:hover,
#footer a:hover {
	text-decoration: underline; 
	}

/*******************************************************/
/*  CONTENT                                            */
/*******************************************************/
#bodyContainer { background: #fff; } /**/

#content {
	background: white;
	color: black;
	padding: 1.5em;
	}

abbr,acronym { border-bottom: none; } /**/

h1,h2,h3 { font-family: Georgia, "Times New Roman", Times, serif; }

h1 { font-size: 225%; }
h2 { font-size: 180%; border-bottom: 1px solid #000; margin-bottom: 0.5em; }
h3 { font-size: 140%; margin-top: 1em; }
h4 { font-size: 110%; margin: 1em auto; }

a img { border: none; }

p {
	margin: 0.5em auto;
	line-height: 1.5em;
	}

#content ul { 
	margin: 1em auto 1em 1.25em;
	line-height: 1.5em; 
	}

blockquote {
	background-color: #eee;
	border: 2px solid #009;
	-moz-border-radius: 8px;
	padding: 8px 16px;
	margin-top: 1.5em;
	margin-bottom: 1.5em;
	}

form {
	margin: 1.5em auto 0;
	}


#portfolio #subNav li { padding: 0 0.7em; } /**/

#portfolio div.item { overflow: hidden; }
#portfolio div.item span.image { float: right; padding: 0 0 10px 1.5em; }
#portfolio div.item h3 span { font-weight: normal; padding-left: 0.5em; }
#portfolio div.item p { text-align: justify; }
#portfolio div.item ul { font-size: 95%; line-height: 1.5em; padding-left: 1em; }
#portfolio div.item blockquote { font-size: 90%;	margin-left: 1em; }
#portfolio div.item blockquote b { padding-right: 0.25em; }
/**/

.imgRight { float: right; margin: 1em 0 1em 1.5em; }



/*******************************************************/
/*  PRINT STYLES                                       */
/*******************************************************/

@media print {

	body { background: #fff none; }
	#container { width: 100%; margin: 0; border: none; } /**/
	#content { padding: 0.5em 0 1.5em; }
	#header { padding-top: 0;}
	#subtitle { margin: 0.25em auto; }
	#resume #wrapper { margin-bottom: 0; }
	#headNav,#subNav,#footNav,#download,.download,.view { display: none; }
	#footer { border-top: 1px solid #000; }
	#subtitle, a, #footer a { color: #000; text-decoration: none; }
	blockquote { border: 1px solid #000; }

}