/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # */
/* COLOR GUIDE */
/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # */

/* //////////////////////////////////////////////////////////////////////////////////// */
/* Index */
/* 1 - overall settings */
/* 2 - header */
/* 3 - homepage */
/* 4 - content */
/* 5 - resume */
/* 6 - contact */
/* 7 - news */
/* 9 - footer */
/* 10 - admin */
/* //////////////////////////////////////////////////////////////////////////////////// */

/* //////////////////////////////////////////////////////////////////////////////////// */
/* 1 - overall settings */
/* //////////////////////////////////////////////////////////////////////////////////// */
html
{
	margin: 0;
	padding: 0;
}

body
{
	font-family: 'Gill Sans', Arial, Verdana, Sans-serif;
	font-size: 90%;
	color: white;
	text-align: center;
	background-color: black;
}

/* ----------------------- */
/* to correct inherited shrinkage  */
/* see http://www.clagnut.com/blog/348/  */
/* rule: child pixels / parent pixels = child ems  */
li li, li p, td p, blockquote p, ul, ul li, td li { font-size: 1em; }

/* ----------------------- */
#header { font-size: 1em; }

/* displayed at 12px */
#sidenav { font-size: 1em; }

/* displayed at 12px */
#main { font-size: 1.1em; }

/* displayed at 15px */
#footer { font-size: 0.9em; }

/* Hides from IE-mac \*/
* html #wrapper { height: 1%; }

/* End hide from IE-mac */
#wrapper
{
	width: 820px;
	position: relative;
	text-align: left;
	margin: 0 auto;
	z-index: 20;
}

/* displayed at 11px */
input, select, th, td { font-size: 1em; }

#main
{
	text-align: center;
	margin: 0 auto;
	font-size: 1em;
}

#main h1
{
	color: #FFF;
	font-size: 1.5em;
	font-weight: normal;
	text-transform: uppercase;
	text-decoration: none;
	letter-spacing: .5em;
	line-height: 2em;
	margin: 0 auto;
	text-align: center;
}

#main h2
{
	color: #CC6;
	font-size: 1.2em;
	font-weight: normal;
	text-transform: uppercase;
	text-decoration: none;
	letter-spacing: .5em;
	line-height: 2em;
	color: #CC6;
}

#main p
{
	color: #FFF;
	font-size: .9em;
	font-weight: normal;
	letter-spacing: .1em;
	line-height: 2em;
}

#main a
{
	color: #CCC;
	font-weight: normal;
	text-decoration: none;
	border-bottom: #CCC;
	border-width: 0 0 1px 0;
	border-style: none none dotted none;
	padding: 0 0 1px 0;
}

#main a:hover, #main a:active
{
	color: #444;
	font-weight: normal;
	text-decoration: none;
	border-bottom: #444;
	border-width: 0 0 1px 0;
	border-style: none none dotted none;
}





/* //////////////////////////////////////////////////////////////////////////////////// */
/* 2 - header */
/* //////////////////////////////////////////////////////////////////////////////////// */
#header h2
{
	text-align: left;
	margin: 0 0 0 110px;
	color: white;
}

ul#nav
{
	list-style-type: none;
	list-style-position: inside;
	margin: 0;
}

#nav li
{
	display: inline;
	color: #FFF;
	font-size: .7em;
	font-weight: normal;
	text-transform: uppercase;
	text-decoration: none;
	letter-spacing: .5em;
	line-height: 3em;
	margin: 0 5px;
}

#nav li a
{
	color: #FFF;
	font-weight: normal;
	text-transform: uppercase;
	text-decoration: none;
	letter-spacing: .5em;
	line-height: 3em;
	border-width: 0;
}

#nav li a:hover, #nav li a:active
{
	color: #444;
	font-weight: normal;
	text-decoration: none;
	border-width: 0;
}

li#here a:link, li#here a:visited
{
	font-weight: normal;
	text-decoration: underline;
	border-width: 0;
}

/* //////////////////////////////////////////////////////////////////////////////////// */
/* 3 - homepage */
/* //////////////////////////////////////////////////////////////////////////////////// */
#homepage
{
	text-align: center;
	margin: 0 auto;
	font-size: 1em;
}

#homepage img { margin: 10px auto; }

#homepage h1
{
	color: #FFF;
	font-size: 3em;
	font-weight: normal;
	text-transform: uppercase;
	text-decoration: none;
	letter-spacing: .5em;
	line-height: 2em;
	margin: 0 auto;
}

#homepage h2
{
	color: #CC6;
	font-size: 1.2em;
	font-weight: normal;
	text-transform: uppercase;
	text-decoration: none;
	letter-spacing: .5em;
	line-height: 2em;
}

#homepage ul
{
	list-style-type: none;
	list-style-position: inside;
	margin: 0;
}

#homepage li
{
	color: #FFF;
	font-size: .7em;
	font-weight: normal;
	text-transform: uppercase;
	text-decoration: none;
	letter-spacing: .5em;
	line-height: 3em;
	margin: 0 5px 0 -20px;
}

#homepage li a
{
	color: #FFF;
	font-weight: normal;
	text-transform: uppercase;
	text-decoration: none;
	letter-spacing: .5em;
	line-height: 3em;
}

#homepage li a:hover, #nav li a:active
{
	color: #444;
	font-weight: normal;
	text-decoration: none;
}

/* //////////////////////////////////////////////////////////////////////////////////// */
/* 4 - content */
/* //////////////////////////////////////////////////////////////////////////////////// */

#content
{
	text-align: center;
	margin: 0 auto;
	width: 700px;
/*
	border-color: #1CFF00;
	border-width: 1px;
	border-style: solid;
*/
}

/* //////////////////////////////////////////////////////////////////////////////////// */
/* 5 - resume */
/* //////////////////////////////////////////////////////////////////////////////////// */

#resume
{
	text-align: left;
}

#resume h2
{
	clear: left;
	padding-top: 10px;
	text-align: center;
}

#resume ul li
{
	list-style-type: none;
	list-style-position: default;
}

#resume ul, #resume ul.info
{
	margin-left: 0;
	padding-left: 0;
	clear: left;
}

#resume ul.info { }

#resume ul.info li
{
	list-style-type: none;
	line-height: 1.5em;
	float: left;
}

#resume ul.info li.year
{
	margin-left: 0;
	width: 120px;
}

#resume ul.info li.type { padding-right: 20px; }

#resume ul.info li.title
{
	font-style: italic;
	font-weight: bold;
}

#resume ul.info li.description
{
	position: relative;
	left: 120px;
	clear: left;
	padding-bottom: 10px;
	width: 700px;
}

#resume .clear
{
	clear: left;
}

/* //////////////////////////////////////////////////////////////////////////////////// */
/* 6 - contact */
/* //////////////////////////////////////////////////////////////////////////////////// */

#contact
{
	text-align: center;
	margin: 30px auto 0 auto;
}

#contact img
{
  float: left;
}

#contact_info_wrapper
{
	padding-top: 35px;
}

#contact_info
{
}

#contact_info img
{
	float: none;
}

/* //////////////////////////////////////////////////////////////////////////////////// */
/* 7 - news */
/* //////////////////////////////////////////////////////////////////////////////////// */

#news
{
  text-align: left;
}

.news
{
	border-bottom: #939393;
	border-width: 0 0 1px 0;
	border-style: none none dotted none;
	margin: 0 0 20px 0;
}

div#news div.news p.newsdate
{
	color: #CC6;
margin: -20px 0 0 30px;
padding: 0;
font-style: italic;
}



/* //////////////////////////////////////////////////////////////////////////////////// */
/* 9 - footer */
/* //////////////////////////////////////////////////////////////////////////////////// */

#footer p
{
	margin: 100px auto 20px auto;
	text-align: center;
	font-size: 9px;
	font-style: italic;
	clear: left;
}

/* //////////////////////////////////////////////////////////////////////////////////// */
/* 10 - admin */
/* //////////////////////////////////////////////////////////////////////////////////// */

#main
{
	color: #FFF;
	font-size: 1em;
	font-weight: normal;
	letter-spacing: .1em;
	margin-bottom: 10px;
}

#admin
{
  text-align: left;
}

#admin h1
{
	color: #FFF;
	font-size: 1.5em;
	font-weight: normal;
	text-transform: uppercase;
	text-decoration: none;
	letter-spacing: .5em;
	line-height: 2em;
	margin: 0 auto;
	text-align: center;
}

#admin #adminnav

{
	border-color: #939393;
	border-width: 0 0 1px 0;
	border-style: solid;
	margin-bottom: 20px;
}

#admin .resumelist
{
	border-color: #939393;
	border-width: 0 0 1px 0 ;
	border-style: solid;
	margin: 0 30px;
}

#admin label
{
	display: block;
	width: 200px;
	float: left;
	margin-bottom: 10px;
	color: #633;
}

#admin input, #admin textarea, #admin select
{
	font-size: 10px;
	background-color: #FFC;
}

#admin br { clear: left; }

#admin input, #admin textarea { width: 400px; }
#admin input#sortorder { width: 20px; }
#admin textarea { margin-bottom: 10px; }

/* buttons */

#admin #edit_resume_item,
#admin #listresume,
#admin #add_resume_item,
#admin #delete_resume_item,
#admin #edit_news,
#admin #listnews,
#admin #add_news,
#admin #delete_news,
#admin #userfile,
#admin #sendfile

{ width: auto; }

#admin div.description
{
	margin-left: 200px;
	color: #FFF;
	font-size: 1em;
	font-weight: normal;
	letter-spacing: .1em;
/*	border-color: #BAFF00;
	border-width: 1px;
	border-style: solid; */
}

#admin .description label
{
	width: 0;
	float: left;
	display: block;
	position: relative;
	left: -200px;
/*	border-color: #FFB404;
	border-width: 1px;
	border-style: solid; */
}


p#message
{
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	font-weight: bold;
	font-size: 1em;
	color: red;
}




pre { display: inline; }