/* CSS reset from Eric Meyer, http://meyerweb.com/eric/tools/css/reset/ & HTML5 Doctor http://html5doctor.com/html-5-reset-stylesheet/ */

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,
del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent; 
}

body {
	line-height:1; 
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
	display:block; 
}

ol,ul {
	list-style:none; 
}

blockquote,q {
	quotes:none; 
}

blockquote:before,blockquote:after,q:before,q:after {
	content:'';
	content:none; 
}

:focus {
	outline:0; 
}

ins {
	text-decoration:none; 
}

del {
	text-decoration:line-through; 
}

table {
	border-collapse:collapse;
	border-spacing:0; 
}

body {
	margin: 0;
	background-color: #ffffff;
	font-size: 16px;
	line-height: 1.5em;
	font: normal 16px/1.5em Georgia, "Times New Roman", Times, serif; 
}

p, ul, blockquote, pre, td, th, label {
	margin-bottom: 1em; 
}

p + ul, p + ol {
	margin-top: -1em; 
}

ul {
	margin-left: 1em; 
}

a {
	outline: none;
	text-decoration: none;
	color: #000;
	border-bottom: 1px solid; 
}

a:hover {
	background-color: #f1f1f1; 
}

h2, h3, h4, h5, h6 {
	font-family: Didot, Perpetua, "Times New Roman", serif;
	font-weight: normal;
	font-style: italic;
	color:#000; 
}

h2 {
	border-bottom: 1px solid #ccc;
	clear: both;
	font-size: 1.875em;
	margin: 1.2em 0 .6em 0;
	padding: 0 0 .2em; 
}

h3 {
	clear: both;
	font-size:1.3em;
	margin: 1.5em 0 0;
	padding:0; 
}

h4 {
	font-size: 1.1em; 
}

h1 a, h2 a, h3 a, h4 a {
	border-bottom: none;
	color: inherit; 
}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover {
	background-color: transparent; 
}

header {
	font-family: Didot, Perpetua, "Times New Roman", serif;
	background: #fff url(header-2.jpg) no-repeat 50% 0;
	text-align:center;
	padding: 170px 0 0;
	overflow: auto; 
}

header p {
	font-size: 1.1em;
	letter-spacing: .1em;
	margin: 0em auto;
	font-family: Didot, Perpetua, "Times New Roman", serif;
	color: #999; 
}

h1 {
	letter-spacing: -.03em;
	font-size: 2.5em;
	line-height: 1.2em;
	text-align: center;
	font-weight: normal;
	color: #666;
	margin-top: .3em; 
}

header a {
	color: #000;
	border: none; 
}

header a:hover {
	background-color: transparent; 
}

#navigation-page {
	margin: .5em 0 0 0;
	width: 100%;
	border-top: 1px #e2e2e2 solid;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f4f4f4), to(#fff));
	background: -moz-linear-gradient(#f4f4f4, #ffffff);
	overflow: auto; 
}

#navigation-page li {
	font-family: Didot, Perpetua, "Times New Roman", serif;
	font-size: 1.1em;
	border-right: 1px solid #fff;
	color: #000;
	float: left;
	width: 19%;
	text-align: center;
	display: inline;
	overflow: auto; 
}

#navigation-page a:link, #navigation-page a:visited {
	border: none;
	color: #000; 
}

#navigation-page a:hover {
	color: #000;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f8f6da), to(#fff));
	background: -moz-linear-gradient(#f8f6da, #ffffff); 
}

#navigation-page a {
	display: block;
	padding-top: .5em;
	padding-bottom: 170px; 
}

#page-content {
	margin: 0 auto;
	width: 600px;
	margin-top: -144px;
	z-index: 99;
	position: relative; 
}

#footer {
	text-align: center;
	font-family: Didot, Perpetua, "Times New Roman", serif;
	font-style: italic;
	font-size: .9em;
	border-top: 1px solid #ddd;
	padding: 1.5em 0 3em;
	margin-top: 3em; 
}

#footer a {
	color: #000; 
}

/*forms*/

#page-content form {
	text-align: left;
	font-weight: bold;
	margin-top: 1em;
	font-size: .9em;
	margin-bottom: 1.4em; 
}

fieldset {
	margin-top: 1.5em 
}

label {
	display: block;
	margin: 1em 0 .4em 0; 
}

input, textarea {
	border: 1px #b7b7b7 solid;
	height: 1.5em; 
}

textarea {
	width: 80%;
	height: auto; 
}

input:focus, textarea:focus {
	border-color: #b0b0b0;
	background: #f4f4f4; 
}

input#entry_0 {
	width: 30%; 
}

input#entry_2 {
	width: 80%; 
}

input[type=submit] {
	clear: both;
	height: auto;
	display: block;
	font-weight: bold;
	padding: .5em 1em;
	background: #f4f4f4; 
}

input[type=submit]:hover, input[type=submit]:focus {
	background: #f0f0f0;
	border-color: #b0b0b0; 
}

#shortlisted li {
	padding:  .5em 0;
	font-weight: bold; 
}
