@charset "UTF-8";

/**********************************
Screen Style Sheet for jmcw.eu

browsers: all
author: James Wakefield
email: james [at] jmcw.eu
website: http://www.jmcw.eu
***********************************/

/* Simple Reset
------------------------------*/

body 
{
	margin: 0px;
	font-size: 62.5%;
}

a,
img
{
	border: none;
}

p { margin: 0; }

/* Colors
------------------------------*/

body
{
	color: #111;
}

h1,
h2,
h3 { color: #222; }

a {	color: #111; }


/* Backgrounds
------------------------------*/

body { background: #DDD url(../images/bodyBackground.gif) 0 0 repeat-x; }

h1 { background: url(../images/logo.gif) 0 0 no-repeat; }

#header div { background: url(../images/headerDoubleBorder.gif) 0 0 repeat-x; }

/* Typography
------------------------------*/

body { font-family: Verdana, Geneva, sans-serif; }

h1, 
h2, 
h3 
{
	margin: 0;
	cursor: default;
	text-transform: lowercase;
	font-weight: normal;
}

h1 
{ 
	font-size: 3.5em;
	text-indent: -9999px;
}

h2 { font-size: 1.4em; }
h3 { font-size: 1.1em; }

p { font-size: 1.1em; }

/* Generic Styles
------------------------------*/

.date { font-style: italic; }

.software { color: #777; }

.language 
{
	font-style: italic;
	color: #777;
}

/* Links
------------------------------*/

a:link,
a:visited 
{
	text-decoration: none;
}

a:hover,
a:active
{
	text-decoration: underline;
}

/* Layout 
------------------------------*/

#pageContainer 
{
	width: 80%;
	margin: 0 auto;
}

#header h1 
{
	width: 190px;
	height: 45px;
}

#header div 
{
	height: 7px;
	display: block;
}

#content h2 
{
	border-bottom: 1px solid #222;
	margin: 10px 0 0 0;
	padding: 0 0 1px 0;
}

#content img  
{
	display: block;
	margin: 10px auto;
	border: 1px solid #999;
}

#content .jqueryHover {	border: 1px solid #222; }

#content div 
{
	text-align: center;
	margin: 0 0 10px 0;
}

#content div img 
{
	border: 1px solid #999;
	margin: 0 1px 0 0;
	display: inline;
}

#footer 
{
	padding: 0.5em;
	border-top: 1px solid #222; 
	text-align: center;
	margin: 10px 0 0 0;
}

#footer p 
{
	font-size: 0.9em;
	color: #666;
	cursor: default;
}
