/* -------------------------------------------------------- RESET (some) CSS */
@import url('css/reset.css');


/* -------------------------------------------------------- BODY & CONTAINER */
html,body {
	font-size: 75%; /* for IE */
	color: #444;
	background: #fff;
	margin: 0;
	padding: 0;
	height: 100%;
	}
html>body {
 	font-size: 12px;  /* for everything else */
	}
#container {
	width: 720px;
	min-height:100%;
  	position:relative;
	}	

/* -------------------------------------------------------- TYPOGRAPHY */
h1,h2,h3,h4,p,#sidebar ul li ul li a,#content ol,#content ul,#searchform p,.navigation h2,.pagetitle { 
	font: normal 1em/1.5em Georgia,serif;
	}
h1 {
	font-weight: bold;
	}	
cite,em,.wp-caption p {
	font-style: italic;
	}	
cite.author {
	font-style: normal;
	}
strong {
	font-weight: bold;
	}
blockquote p {
	padding: .75em 0em;
	}
#content ul {
	list-style: square;
	}	
#content ol {
	list-style: decimal-leading-zero;
	}
.cvsection,.cvyear,.cvitem {
	list-style: none;
	}
.cv>li {
	padding: .75em 0;
	}	
.pagetitle {
	padding: 0 0 1.5em 0;
	}
h4 {   
	color: #888;
	}	
#sidebar h2{
	padding: 1.5em 0 0 0;
	}	
.wp-caption-text {
	display: none;
	}
	
/* -------------------------------------------------------- HEADER LAYOUT */
#header,.blank {	
	padding: 1.5em 20px;
	}

/* -------------------------------------------------------- CONTENT LAYOUT */
#content {
	width: 720px;
	margin: 10px 10px 0 10px;
	}
#content-single {
	width: 720px;
	padding-bottom: 50px;	/* ----------------------------------- Height of the alternative footer */
	margin: 10px 10px 0 10px;
	}	
.pagetitle {
	padding: 0 0 0 10px;
	}	

/* -------------------------------------------------------- POST LAYOUT */
.post {
	padding: 1em;
	padding-right: 260px;	/* ----------------------------------- Reduction from #content width to make text measure (720-260=460) */
	margin: 0 0 1.5em 0;
	}
#content .post {
	border-bottom: thin gray dotted;
	}	
.details {
	padding: 0 0 1.5em 0;
	}	
.navigation	{
	padding: 0 1em;
	margin: 0 0 1.5em 0;
	}

/* -------------------------------------------------------- NAVIGATION LAYOUT */
#sidebar {
	width: 140px;
	float: right;
	padding: 10px;
	margin: 10px;
	}
#navigation {
	margin: 0 auto;
	}	
	
/* -------------------------------------------------------- FOOTER LAYOUT */
#footer {
	width: 100%;
	}
#footer-alt {
	position: absolute;	/* ----------------------------------- Keeps the alternative footer at the bottom of the viewport */
	bottom: 0;
	width: 100%;
	height: 50px;	/* ----------------------------------- Height of the alternative footer */
}
#footer p,#footer-alt p {
	width: 440px;
	padding: 1.5em 0;
	margin: 0 20px;
	}			
		
/* -------------------------------------------------------- FORMS */

/* -------------------------------------------------------- COMMENTS */

/* -------------------------------------------------------- LINKS */
a {
	outline: none;
	text-decoration: none;  		
	}
a:link { 
	color: #444;
	border-bottom: thin gray dotted;
	}
h1 a:link {
	color: #444;
	}
a:visited {
	color: #666;
	border-bottom: thin gray dotted;		
	}		
h1 a:visited {
	color: #444;
	border-bottom: none;	
	}	
a:hover { 
	color: #444;
	background: yellow;
	border-bottom: none;
	}
h1 a:hover {
	background: none;
	}	
a:active {
	color: #111;
	}	
h1 a:acta:hover,#content-single a:hover,#sidebar a:hover,#footer a:hover,#footer-alt a:hover { 
	color: #444;
	background: yellow;
	border-bottom: none;
	}
h1 a:hover {
	background: none;
	}	
a:active, #content a:active,#content-single a:active,#sidebar a:active {
	color: #111;
	}