@import url(sIFR-screen.css);


/* 
---------------------------------------

 HTML Styles

--------------------------------------- 
*/


body 				{ font: 10px/1.4 "Myriad Roman", Myriad, "Lucida Grande", Verdana, Helvetica, Arial, sans-serif; margin: 40px 0 0 0; padding: 0; background: #ff6 url(/imgs/body_bg.png) top left repeat-x; color: #333; }

a,
a:link				{ color: #f36; text-decoration: none; }
a:visited 			{  }
a:hover 			{ text-decoration: underline; }
a:active 			{ }

a:focus				{ -moz-outline: 0; }

h1, h2, h3, h4, h5, h6 { margin: 0; }

h1					{ font-size: 24px; margin-bottom: 0.25em; }
h2					{ font-size: 21px; }
h3 					{ font-size: 18px; }
h4 					{ font-size: 14px; }
h5 					{ font-size: 12px; }



p, ul, ol, dl 		{ margin-top: 0; }

label 				{ margin-right: 4px; font: bold 11px "Lucida Grande", Verdana, Helvetica, Arial, sans-serif; }

input.text 			{ border: 1px solid #999; padding: 3px 5px; }


/* 
---------------------------------------

 Global Navigation 

--------------------------------------- 
*/

#globalNav 							{ padding: 0; margin: 0; height: 46px; background: url(/imgs/globalNav/background.png) top left repeat-x; list-style-type: none; clear: both; }

#globalNav li 						{ float: left; height: 46px; }

#globalNav li a 					{ display: block; height: 46px; background: 0 -46px no-repeat; }

#globalNav li a:hover 				{ background-position: 0 0; }

#globalNav li a span 				{ display: none; }



#globalNav #portfolioNavItem a 		{ width: 102px; background-image: url(/imgs/globalNav/portfolio.png); }
#globalNav #resumeNavItem a			{ width: 78px; background-image: url(/imgs/globalNav/resume.png); }
#globalNav #contactNavItem a		{ width: 91px; background-image: url(/imgs/globalNav/contact.png); }

/* --- Faux selection --- */
.portfolio #portfolioNavItem a,
.contact #contactNavItem a,
.resume #resumeNavItem a { background-position: 0 0; }


#siteId { float: right; height: 40px; width: 190px; margin-right: 20px; margin-bottom: 10px; background: url(/imgs/siteId.png) top left no-repeat;}
#siteId span { display: none; }




/* 
---------------------------------------

 General Page Layout

--------------------------------------- 
*/

#page { width: 790px; margin: 0 auto; margin-bottom: 20px; }

#pageTop { height: 30px; background: url(/imgs/page_top.png) top center no-repeat;  }
#pageBottom { clear: both; height: 30px; background: url(/imgs/page_bottom.png) bottom center no-repeat; }

#content { background: url(/imgs/page_center.png) top left repeat-y; padding: 0 30px; position: relative; overflow: auto; _height: 1%;}


#footer { text-align: right; padding-right: 20px; margin-top: 8px;}
#footer p { color: #555; font-family: Verdana, Helvetica, Arial, sans-serif; } 




/* 
---------------------------------------

 Portfolio Specific Styles

--------------------------------------- 
*/

.portfolio #content { padding-top: 30px; }

.portfolio h1 { font-size: 18px; margin-bottom: 0.25em; }

#item { width: 290px; margin-right: 20px; float: left; font-size: 1.2em;  }

/* --- Next/Previous styles --- */
#portfolioNav { list-style-type: none; padding: 0; margin: 0; position: absolute; top: 0; right: 30px; clear: both; font-size: 1.2em;  }
#portfolioNav li { float: left; margin: 0; }
#portfolioNav li a { display: block; padding: 5px 10px; font-size: 14px; }

#portfolioNav #previousNavItem {  }
#portfolioNav #nextNavItem	{  }



/* --- View Menus --- */

#viewMenu 						{ margin: 0 0 1em 0; padding: 0; list-style-type: none; float: left; width: 100%; }
#viewMenu li 					{ float: left; width: 100%; }
#viewMenu li a 					{ display: block; padding: 4px 8px; border-bottom: 1px dotted #333; font-size: 1.2em;  }
#viewMenu li a:focus 			{ outline: 0; }
#viewMenu li a.selected 		{ color: #333; background: url(/imgs/selected_bg.png) center right no-repeat; }
#viewMenu li a.selected:hover	{ text-decoration: none; cursor: auto; }





#views { float: left; width: 400px; padding: 10px;  /* margin-left: 310px; padding: 10px; */ background-color:#eee; text-align: center; }

#views img { border: 1px solid #aaa; display: none; }
#views img.selected { display: inline; }



/* 
---------------------------------------

 Portfolio - Page Specific Styles

--------------------------------------- 
*/

#portfolio_index  #content {

	height: 350px;

}

#portfolio_index  #selectMenu {
	
	position: absolute;
	top: 43px;
	left: 85px;
		
	padding: 6px;
	width: 250px;
  	

}

#portfolio_index  #selectMenu {

	
  	width: 256px;
	height: 256px;
	padding: 25px;
	background:  url(../../imgs/categories_bg.jpg) top left no-repeat;


}




/* ---- BEGIN: CATEGORIES ---- */

#portfolio_index #categories {

	width: 243px;
	height: 244px;
	
	border: 3px solid #fff;
	
	padding-right: 1px;

	font-size: 1.2em; 
	overflow: auto;

	list-style-type: none;	
	
	margin: 0;


}


#portfolio_index  #categories {

	background-color:#fff;

	height: 244px;
	

}





#portfolio_index  #categories dt {

	font-size: 1.4em;
	color: #666;
	line-height: 1em;
	
	padding: 0.5em;
	
	background-color: #eee;
	text-transform: uppercase;
	letter-spacing: 0.11em;


}


#portfolio_index  #categories dd {

	display: block;
	margin: 1px 0;
	
}


#portfolio_index  #categories dd a {

	display: block;
	padding: 2px;
	text-decoration: none;
	
	padding: 0.25em;
	
	background-color: #eee;
	/* color: #ccc; */

}

#portfolio_index  #categories dd a.loaded {

	
	background-color: transparent;
	color: #f36;

}


#portfolio_index  #categories dd a.loaded:hover {

	background-color: #f33;
	color: #fff;

}



/* ---- END: CATEGORIES ---- */


#portfolio_index  #preview {

	position: absolute;
	top: 43px;
	left: 405px;
	

	width: 256px;
	height: 256px;
	padding: 25px;
	
	background: url(../../imgs/categories_bg.jpg) top left no-repeat;

}


#portfolio_index  #preview { /* Incorrect width for IE 5.5 Win */

	width: 262px;
	
}

#portfolio_index  #preview { /* Box model hack for IE 5.5 Win */

	voice-family:"\"}\"";
	voice-family:inherit;
	width: 250px;

} /* End Box Model Hack */



#portfolio_index  #thumb {

	width: 250px;
	height: 250px;
	background: #fff url(../../portfolio/imgs/default.gif) top left no-repeat;

}

/* 
---------------------------
Portfolio > Print > Quickwords
---------------------------
*/

#quickwords #views img { display: inline; }


#sabf #views img { display: inline; }

/* 
---------------------------

Resume

---------------------------
*/

#resume  #content { padding: 10px 80px 10px 40px; font-size: 1.2em; }

#resume .summary {

	font-size: 1.2em;

}

#resume #qualifications { margin-top: 0; }

#resume #qualifications dt { font-weight: bold; display: inline; margin-right: 0.5em; white-space: nowrap; }

#resume #qualifications dd { display: inline; margin: 0; padding: 0; margin-right: 0.5em; }



/* 
---------------------------

Contact

---------------------------
*/

#contact #content { padding: 10px 80px 10px 40px; }

#contact #contact_form { background-color:#eee; padding: 8px 16px; }
#contact #contact_form label { color: #333; }
#contact #contact_form input { margin-right: 4px; }





/* -------- for IE ---------- */
#pageTop { 
	/* filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/imgs/page_top.png', sizingMethod='crop'); */
	_background-image: url(/imgs/IE/page_top.png); 
}

#pageBottom { 
	/* filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/imgs/page_bottom.png', sizingMethod='crop'); */
	_background-image: url(/imgs/IE/page_bottom.png); 
}

body {
	
	_background-image: none;

}

#content { 
	_background-image: url(/imgs/IE/page_center.png); 
}


/* #portfolioNav { _position: static; _clear: both; } */