/* General styles */
body {background: #ccc; margin: 0; padding: 0;}

h1, h2, h3 {
	margin-top: 0px; /* Removing the top margin fixes an issue where margins can escape from their containing div. The remaining bottom margin will hold it away from any elements that follow. */
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	padding: 0 15px;
}

h4 {font-family: Arial, Helvetica, sans-serif; font-weight: normal; text-align: center; line-height: .3em;}

p, ul, ol, li, dl, dt, dd {
	font-family: Verdana, Geneva, sans-serif;
}

p {padding: 0 15px;}

ul, ol, dl { 
/* For consistency across browsers. You can specify the amounts here or on the list items (li, dt, dd). Anything added here will cascade to any .nav lists so you'll have to use a specific selector for those elements. */
	padding: 0 25px 0 35px; 
}

a img { 
	border: none; /* This removes the default blue border displayed in some browsers around an image when it is surrounded by a link. */
}

a:link {
	color: #000;
	font-weight: bold;
	text-decoration: none; 
}

a:visited {
	color: #6E6C64;
	text-decoration: underline;
}

a:hover, a:active, a:focus { /* This group gives a keyboard navigator the same hover experience as using a mouse. */
	text-decoration: underline;
}

/* Layout divs: .container, .header, .sidebar, .content, .prelims, .papers, .footer */
.container {
	width: 1000px;
	margin: 10px auto; /* The auto value on the sides, coupled with the width, centers the layout. */
	border: 1px solid #fff;
}

.container, .header, .footer {
	background: white;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.header {margin-bottom: 10px;}
.header img {
	display: block; 
	margin: 0 auto; /* The auto value on the sides, coupled with display: block, centers the image regardless of image width. */
}

.sidebar {
	float: left; /* Change this to flip the layout. */
	width: 290px;
	background: white;
	margin-bottom: 10px;
	margin-left: 10px; /* Change this to flip the layout. */
	color: black;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
}

.sidebar h2, h3 {
	margin-top: 10px;
	margin-bottom: 0;
}

.sidebar p, ul, li {
	font-size: 11px;
	line-height: 1.7em;
}

.sidebar a {
	color: #fff;
}

.sidebar img {
	display: block;
	margin: 10px auto; /* The auto value on the sides, coupled with display: block, centers the image regardless of image width. */
}

.content {
	float: left; /* Change this to right and it will flip the layout. */
	width: 680px;
	background: #ddd;
	margin-bottom: 10px;
	margin-left: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.content h1 {
	font-size: 30px;
	font-weight: normal;
	padding-top: 10px;
	text-align: center;
}

.prelims, .papers {
	background: #fff;
	margin: 20px 0;	
	padding: 10px 0;
}

.prelims .article_title {margin: 3px 0;}

.footer {
	height: 25px;
	position: relative; /* This lets IE6 hasLayout properly clear. */
	clear: both; /* This clear property forces the .container to recognize where the columns end and contains them. */
}

.footer p {
	text-align: center;
	font-family: verdana, arial, sans-serif;
	font-size: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
}

/* Styling for letter press effect on .sidebar div */
#letter-press {
	border: 1px solid #5f3c16;
	border-right: 1px solid #5f3c16;
	border-bottom: 1px solid #5f3c16;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
}

#letter-press p {
	color: black;
}

/* General styles for the divs. For specific overrides, see the styles for .prelims and .papers. */
.article_title, .user, .article_doi, .article_start_page, .article_authors, .article_keywords, .article_abstract {
	font-family: Verdana, Arial, sans-serif;
	font-size: 13px;	
	padding: 0 15px;
}

.article_title {margin: 20px 0 3px 0;}
.article_authors {margin-bottom: 15px;}
.article_abstract {line-height: 1.7em; margin: 10px 0;}
.article_keywords, .article_doi, .article_start_page {margin: 0 0 3px 0;}
.section_title {font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: normal; text-align: center; margin: 0 20px 0 3px;}