/* CSS Document */

* { margin: 0; padding: 0; }
body { color: #000; font: 12px/1.5em verdana, sans-serif; text-align: center; 
	   background: #fff url(../img/back.gif) top left repeat; }

a { color: #900; }
a:hover { background-color: #900; color: #fff; text-decoration: none; }
.highlight { background: #ffc; }

h2 { margin: 0.5em 0 1em 0; color: #660000; font-size: 16px; }
h3 { margin: 1em 0; color: #660000; }

#wrapper_1col { width: 600px; height: auto; margin: 0 auto; text-align: left; border: 2px solid #ccc; border-width: 0 2px; 
				background: url(../img/wrapper_bg_1col.gif) top left repeat-y; }
				
#wrapper_2col { width: 600px; height: auto; margin: 0 auto; text-align: left; border: 2px solid #ccc; border-width: 0 2px; 
				background: url(../img/wrapper_bg.gif) top left repeat-y; }


/* global_nav : main navigation styling
--------------------------------------------*/
ul#global_nav { height: 40px; width: 600px; background: url(../img/menu_bg.gif) top left no-repeat; 
				list-style: none; position: relative; margin: 0; padding: 0; }
ul#global_nav li { margin: 0; padding: 0; position: absolute; top: 0; }		
ul#global_nav li { display: block; height: 40px; }
ul#global_nav li a { display: block; height: 40px; }
ul#global_nav li a { text-indent: -5000px; border-width: 0; text-decoration: none; }

ul#global_nav li#home_menu_item { left: 0px; width: 120px; }
ul#global_nav li#portfolio_menu_item { left: 120px; width: 123px; }
ul#global_nav li#cv_menu_item { left: 243px; width: 58px; }

ul#global_nav li#home_menu_item a { background: url(../img/global_nav.gif) no-repeat 0 0; }
ul#global_nav li#portfolio_menu_item a { background: url(../img/global_nav.gif) no-repeat -120px 0; }
ul#global_nav li#cv_menu_item a { background: url(../img/global_nav.gif) no-repeat -243px 0; }

ul#global_nav li#home_menu_item a:hover { background: url(../img/global_nav.gif) no-repeat 0 -40px; }
ul#global_nav li#portfolio_menu_item a:hover { background: url(../img/global_nav.gif) no-repeat -120px -40px; }
ul#global_nav li#cv_menu_item a:hover { background: url(../img/global_nav.gif) no-repeat -243px -40px; }

h1 { width: 600px; height: 80px; text-indent: -5000px; }
#wrapper_1col h1 { background: url(../img/header_1col.gif) top left no-repeat; }
#wrapper_2col h1 { background: url(../img/header.gif) top left no-repeat; }


#content { position: relative; width: 600px; height: auto; }
#content #col1 { width: 280px; height: auto; margin: 0 0 0 20px; float: left; }
#content #col2 { width: 270px; height: auto; margin: 0 20px 0 0; float: right; }

/* IE Patches
-------------------*/
* html #content #col1 { margin-left: 10px; }
* html #content #col2 { margin-right: 10px; }


#content h2 { margin-bottom: 5px; }
#content p { padding-bottom: 5px; }
#content #col2 img { margin-bottom: 5px; }
#content #col1 p { padding-right: 5px; } 

#footer { width: 600px; height: 60px; clear: both; background: url(../img/footer_bg.gif) top left no-repeat; 
		  margin-top: 1em; }
		  
#footer_1col { width: 600px; height: 60px; clear: both; background: url(../img/footer_bg_1col.gif) top left no-repeat; 
		  	   margin-top: 1em; }

#footer p, #footer_1col p { padding: 15px 0 0 20px; color: #999; }
#footer p a, #footer_1col p a { color: #999; text-decoration: none; }
#footer p a:hover, #footer_1col p a:hover  { color: #fff; background: none; }

/* CV Page
-------------------------------------------------------*/
#cv_wrap { width: 560px; height: auto; margin: 0 20px; }

.divider { width: 560px; height: 1px; border-bottom: 1px dotted #ccc; margin: 0.75em 0; }

table#skillset { width: 560px; height: auto; border: 1px solid #ccc; }
table#skillset th { background: #ccc; color: #FFFFFF; text-align: left; padding: 0.125em 0.5em; }
table#skillset td { margin: 1px; border: 1px solid #ccc; text-align: left; padding: 0.125em 0.5em; }
table#skillset td.year { text-align: center; }

dl.job_desc { margin-bottom: 0.5em; }
dl.job_desc dt { font-weight: bold; }
dl.job_desc dd { margin-left: 0; font-style: italic; color: #660000; }

ul.job_duties { list-style: none; }
ul.job_duties li { background: url(../img/ibullet.gif) 0 4px no-repeat; padding-left: 12px; }

/* Portfolio page
-------------------------------------------------------*/
#portfolio_wrap { width: 560px; height: auto; margin: 0 20px; }
#portfolio_wrap { position: relative; margin-left: 25px; }

ul.portfolio { list-style: none; width: 560px; height: auto; }
ul.portfolio li { height: 150px; padding-top: 5px; }
ul.portfolio li img{ float: left; width: 263px; height: 139px; margin: 0 15px 0 0; border: none; }
ul.portfolio li dl dt { font-weight: bold; color: #333; }
ul.portfolio li dl dd { color: #666666; font-style: italic; }

#portfolio_wrap a.pf { display: block; float: left; width: 130px; height: 130px; margin-right: 10px; margin-bottom: 10px; }
#portfolio_wrap a.pf img { border: none; }

#portfolio_wrap a#luzerntech { background: url(../img/portfolio/luzerntech.gif) 0 0 no-repeat; }
#portfolio_wrap a#luzerntech:hover { background: url(../img/portfolio/luzerntech.gif) 0 -130px no-repeat; }

#portfolio_wrap a#ad_template { background: url(../img/portfolio/ad_template.gif) 0 0 no-repeat; }
#portfolio_wrap a#ad_template:hover { background: url(../img/portfolio/ad_template.gif) 0 -130px no-repeat; }

#portfolio_wrap a#newsletter { background: url(../img/portfolio/newsletter.gif) 0 0 no-repeat; }
#portfolio_wrap a#newsletter:hover { background: url(../img/portfolio/newsletter.gif) 0 -130px no-repeat; }

div#temp { width: 560px; height: 280px; background: url(../img/temp.jpg) top left no-repeat; margin-left: 5px; }