body {
	margin:0;
	padding:0;
	text-align:center;
	font-family:arial;
	background-image:url('imgs/fadedbg.jpg');
	background-repeat:no-repeat;
}

@font-face {
    font-family:'jura';
    src: url('jura-regular-webfont.eot');
    src: url('jura-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('jura-regular-webfont.woff') format('woff'),
         url('jura-regular-webfont.ttf') format('truetype'),
         url('jura-regular-webfont.svg#jura') format('svg');
    font-weight:normal;
    font-style:normal;
}

/* Structure */

#container {
	text-align:left;
	margin:auto;
	width:950px;
	overflow:auto;
	background-color:rgba(255, 255, 255, 0.6);
	padding:0 10px 0 10px;
}

#contentswrapper {
	position:relative;
}

#contents {
	width:150px;
	padding:15px 25px 15px 25px;
	top:105px;
	position:absolute;
	font-size:.85em;
	-moz-border-radius:15px;
	border-radius:15px;
	-webkit-border-radius:15px;
	/* fallback */
	background: url(imgs/gradient.gif);
	background-repeat: repeat-x;
	background-color: #fbfbfb;
  
	/* Safari 4-5, Chrome 1-9 */
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f1f2f2), to(white));
  
	/* Safari 5.1, Chrome 10+ */
	background: -webkit-linear-gradient(top, #f1f2f2, white);
  
	/* Firefox 3.6+ */
	background: -moz-linear-gradient(top, #f1f2f2, white);
  
	/* IE 10 */
	background: -ms-linear-gradient(top, #f1f2f2, white);
  
	/* Opera 11.10+ */
	background: -o-linear-gradient(top, #f1f2f2, white);
	
	behavior: url(PIE.htc);
}

#contents.fixed {	
	top:10px;
	position:fixed;
}

#column {
	margin-left:225px;
	width:700px;
}

.article {
	padding-bottom:30px;
	border-bottom:1px dotted gray;
}

.article+.article {
	margin-top:20px;
}

#footer {
	margin:15px 0 15px;
	font-size:.6em;
}

/* End of structure */

/* Text */

#title,
h1,
h2,
#bigissue,
#smallissue {
	font-family:jura;
	color:#00B1B0;
}

h1 {
	font-size:1.5em;
}

h2 {
	font-size:1.2em;
}

p,
ul,
table,
blockquote {
	font-size:.8em;
	line-height:1.6em;
}

#contents ul {
	padding-left:0;
	list-style:none;
}

#column ul {
	padding-left:20px;
	list-style:disc;
}

li {
	margin-bottom:10px;
}

li a,
li a:link,
li a:active,
li a:visited {
	display:block;
	color:black;
	text-decoration:none;
}

li a:hover {
	border-left:3px solid #00B1B2;
	padding-left:5px;
	text-decoration:underline;
}

a,
a:link,
a:active,
a:visited {
	color:#00B1B0;
}

#bigissue {
	font-size:1.8em;
}

#smallissue {
	margin-top:35px;
	font-size:1.3em;
}

#title {
	font-size:3em;
	margin-top:50px;
	margin-bottom:10px;
	font-weight:bold;
}

#title .date {
	color:#7C7C7C;
	font-size:.6em;
	margin-left:.7em;
	font-weight:normal;
}

p.by {
	font-style:italic;
}

/* End of text */

/* Images */

img#logo {
	float:right;
	margin-top: 20px;
	margin-right: 40px;
}

img.left {
	float:left;
	margin:0 15px 15px 0;
}

img.right {
	float:right;
	margin:0 0 15px 15px;
}

p>img.left,
p>img.right {
	margin-top:15px; /* Add top margin for images run inline with paragraphs */
}

/* End of images */

q {
	font-family:jura;
	font-size:1.6em;
	color:#4CC8C8;
	width:200px;
	line-height:1.4em;
	position:relative;
}

q.right {
	float:right;
	margin:35px 0 40px 30px;
}

q.left {
	float:left;
	margin:35px 20px 40px 20px;
}

q .start,
q .end {
	font-family:georgia;
	font-size:5em;
}

q .start {
  	text-indent: 0;
    margin: -.2em 0 0 0;
    float: left;
}

q> .start {
	/* add extra non-IE rules */
    position: absolute;
    top: -.03em;
    left: -.2em;
    /* remove IE specific rules */
    float: none;
    margin: 0;
}

q .end {
 	position: absolute;
    margin-top: .55em;
    right: 0;
    text-indent: 0;
}

blockquote {
	margin-top:1.4em;
	margin-bottom:1.4em;
	font-style:italic;
	position:relative;
}

blockquote .start,
blockquote .end {
	font-family:georgia;
	font-size:3em;
}

blockquote .start {
  	text-indent: 0;
    margin: -.6em 0 0 0;
    float: left;
}

blockquote> .start {
	/* add extra non-IE rules */
    position: absolute;
    top: -.03em;
    left: -.6em;
    /* remove IE specific rules */
    float: none;
    margin: 0;
}

blockquote .end {
 	position: absolute;
    margin-top: .2em;
    right: -.2em;
    text-indent: 0;
}

blockquote footer {
	text-align:right;
}

/* Tables */

table {
	border-spacing:0;
	border-collapse:collapse;
}

th {
	background-color:#00B1B0;
	color:white;
	font-family:jura;
	font-size:1.5em;
}

th,
td {
	padding:8px;
}

td {
	border-bottom:1px dotted gray;
}

table tr:nth-child(2n) > td { /* Alternates row fills */
    background-color: #f4f4f4;
}

/* End tables */