/**************************************/
/* GEOMETRY */

/* Fixed-width, centred layout */
body {
text-align: center; /* centre wrapper - IE */
}
#wrapper {
margin: 0 auto; /* centre wrapper - Non-IE */
text-align: left; /* but don't centre contents */
width: 1000px;
}

/* Display */
#contact {
display: none;
}

/* Margin & padding */
body {
margin: 15px;
}
#sitename, 
#byline {
margin: 0;
}
li { 
margin-bottom: 0.5em; 
}
#header {
padding: 30px;
}
#contact,
#mainbody,
#footer {
padding: 10px;
}
#mainbody {
padding-bottom: 80px;
}

/* Borders */
#navigation,
#contact,
#mainbody,
#footer {
border-top: 1px solid;
}

/* Text geometry */
#header {
text-align: center;
}
#sitename { 
font-size: 40px;
}
#byline { 
font-size: 0.9em;
letter-spacing: 1px;
}
#mainbody {
font-size: 0.9em;
line-height: 1.3em;
padding: 0px 95px 80px 95px;
}
#contact,
#footer {
font-size: 0.9em;
font-weight: bold;
text-align: center;
}
#footer .small {
font-size: 0.8em;
font-weight: normal;
}
#footer p {
margin: 0.3em 0;
}
h1 { 
font-size: 1.5em; 
letter-spacing: 1px; 
line-height: 1.3em;
margin: 0.9em 0 0.9em 0; 
text-align: center;
}
h2 { 
font-size: 1.3em; 
margin: 0.9em 0 0.9em 0; 
}
h3 { 
font-size: 1.15em; 
}


/* General floats */
.topleft {
float: left;
margin: 0 10px 10px 0;
}
.topright {
float: right;
margin: 0 0 10px 10px;
}

.email { margin-bottom: -0.2em; }

/**************************************/
/* COLOUR & BACKGROUNDS */

body {
background-color: #464;
color: #444;
}
#wrapper { 
background-color: white;
background-image:  url("../GRAPHICS/logo.png");
background-position: 17px 17px;
background-repeat: no-repeat;
}
#contact,
#footer {
background-color: #eee;
color: #036;
}
#sitename {
color: #282;
}
#mainbody { 
background-image:  url("../GRAPHICS/pebbles2.jpg");
background-position: bottom right;
background-repeat: no-repeat;
}
h1,h2,h3,h4,h5,h6 {
color: #666;
}
#navigation,
#contact,
#mainbody,
#footer {
border-color: #282;
}

/**************************************/
/* FONTS */

body {
font-family: Arial, Helvetica, sans-serif;
}


/**************************************/
/* NAVIGATION */

/* SON OF SUCKERFISH Dropdown Navigation */
/* by Patrick Griffiths & Dan Webb */
/* http://www.htmldog.com/articles/suckerfish/dropdowns/ */
/* Edited to allow other widths */
#navigation ul {
list-style: none;
margin: 0;
padding: 0;
}
#navigation a {
display: block;
} 
#navigation li {
float: left;
margin-bottom: 0;
}
#navigation li ul {
left: -999em; 
position: absolute;
/*margin-top: 7px;
margin-left: -12px;*/
} 
#navigation li:hover ul,
#navigation li.sfhover ul {
left: auto;
}
#navigation li ul li {
float: none; /* Keep 2nd level menu vertical */
}
/* END SON OF SUCKERFISH */

/* IE6 BUGFIX - submenu disappearing on hover */
/* http://archivist.incutio.com/viewlist/css-discuss/96973 */
* html #navigation ul li ul li a { width: 12em; }

/* IE6/7 BUGFIX - gap between list items */
/* http://phonophunk.com/articles/ie-fix-for-gaps-between-list-items.php#altmethod1 */
#navigation ul li { display: inline; }
/* END IE6/7 BUGFIX */

/**************************************/
/* NAVIGATION STYLING */

#navigation {
background-color: #eee;
}
#navigation li ul {
border: 1px solid #282;
}
/* Menu items */
/* Styling <a> rather than <li> gives better results*/
#navigation a { 
background-color: #eee;
border: 1px solid #eee;
color: #036;
font-weight: normal;
text-align: left;
text-decoration: none;
}
#navigation a:hover {
background-color: white;
border: 1px solid #00FF00;
}
/* Primary menu items */
#navigation ul li a {
font-size: 0.9em;
letter-spacing: 1px;
padding: 6px 10px 6px 10px;
}
/* Secondary menu items */
#navigation ul li ul li a {
font-size: 0.8em;
padding: 4px 10px 4px 10px;
}

/**************************************/
/* OTHER STYLING */

/* Links */
a {
text-decoration: none;
color: #3b3;
}
a:visited {
color: #282;
}
a:hover {
text-decoration: underline;
color: #3b3;
}

/* Table rows */
tr.odd td { 
background-color: #eee;
}
tr.even td { 
background-color: white;
}

/* If you have a div.clearfloat just before the end of a div which */
/* contains floated items, it prevents div being smaller than floated items. */
/* Works better than overflow:auto. */
.clearfloat {
clear: both; 
}

/* Box */
.box {
border: 1px solid #ccc; 
padding: 10px; 
width: 500px;
}
.box p {
margin-bottom: 0;
}
.box *:first-child {
margin-top: 0;
margin-bottom: 0.5em;
}

/* CV date */
.resume-date {
font-size: 0.8em;
text-align: right;
}

/* Print stylesheet */
@media print {

	#wrapper {
		width: 19cm;
	}
	
	#navigation,
	.noprint {
		display: none;
	}

	#contact {
		display: block;
	}
	
	#mainbody {
	  padding: 0;
	}

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