@import url('../reset.css');

body {
	width: 950px; /* Grid of 120px*8 + 5px*7 margins */
	margin: 0 0 0 40px;
	font-size: 18px;
	font-family: georgia, serif;
	line-height: 24px;
    background: #511;
/*    background: url('./grid.gif') repeat 40px 20px #511;   */
    background: url('./bg.gif') repeat #000;
	color: #fff;
}

header, footer {
	font-size: 14px;
}

header {
	display: block;
	margin-top: 24px;
	margin-bottom: 24px;
	line-height: 24px;
	background: url("./seal-of-taipei.png") no-repeat 70px 0;
}

footer {
    clear: both;
	display: block;
	margin-top: 48px;
	margin-bottom: 48px;
}

footer p {
	display: inline;
	padding: 0 0 0 5px;
}

footer p.nav {
	margin-left: 0;
	padding: 0;
}

div.sidebar p {
	float: right;
	width: 220px;
	font-size: 13px;
	margin-left: 0;
	padding: 0 5px;
	line-height: 16px;
	word-spacing: 0.0625em; /* makes firefox and safari display same number of words per measure*/
	text-indent: 0;
}

h2, p, blockquote, ul, ol {
	margin-left: 120px;
	width: 580px;
	padding: 0 5px;
}

h1, h2, header, footer,
.sidebar { 
    font-family: helvetica, arial, sans-serif;
}

h1 {
	margin-left: 120px;
	margin-top: 48px; 
	margin-bottom: 24px;
	padding: 0 5px;
}
h2 { 
	margin-top: 48px;
	margin-bottom: 24px;
}

h1, h2 { 
    font-weight: normal;
    width: 820px;
}
    

h1 { font-size: 36px;}
h2 { font-size: 24px;}
section p { 
    word-spacing: 0.03125em;
	font-size: 18px;
}
section p + p, section ul + p,
section p + div.sidebar + p {
    text-indent: 1.5em;
}
section p span.caps { 
    text-transform: lowercase; 
    font-variant: small-caps; 
}

a {
	color: #7ff;
	text-decoration: none;
}
a:hover {
	background-color: #7ff !important;
	color: #000 !important;
}

img { 
	float: left; 
	margin-bottom: 48px;
}
img.top {
    margin-bottom: 48px;
}

img.left {
	margin: 5px 15px 5px -125px;
}

p + img.left {
    margin-top: 48px;
    margin-left: 0;
}

img.right {
	float: right;
	margin: 5px -245px 5px 15px;
}


blockquote {
	font-size: 18px;
	font-style: italic;
	margin-top: 24px;
	margin-bottom: 24px;
}
blockquote p {
    margin-left: 0;
    padding: 0;
}

ul, ol { 
	font-size: 18px;
}
ul { list-style-type: disc; }
ol { list-style-type: decimal; }

/* Baseline between helvetica and georgia */
header {
    position: relative;
    top: 2px;
}

footer {
    position: relative;
    top: 1px;
}

div.sidebar {
    position: relative;
    top: 6px;
}

/* disqus comments override */
#disqus_thread {
    margin: 72px 245px 24px 125px;
    font-family: helvetica, arial, sans-serif !important;
}
#disqus_thread h3 {
    font-family: helvetica, arial, sans-serif;
    font-size: 18px;
    margin-bottom: 24px;
    font-weight: normal;
}
.dsq-dc-logo a:hover {
    background: none !important;
}
.dsq-sharing-options, .dsq-options, .dsq-autheneticate-copy, .dsq-login-buttons, .dsq-header-avatar, .dsq-comment-footer-left, .dsq-comment-footer-right, .dsq-brlink {
    display: none !important;
}
.dsq-header-avatar {
    width: 0 !important;
}
.dsq-avatar {
    padding: 0 !important;
}
#dsq-comments-title h3 {
    margin-top: 24px;
}
.dsq-comment-header-meta {
    font-size: 18px !important;
    padding-left: 0 !important;
    font-style: italic !important;
}
.dsq-comment-header-meta cite {
    font-weight: normal !important;
    font-style: italic !important;
}
.dsq-comment-header {
    background: none !important;
}
#dsq-subscribe-menu {
    font-size: 12px !important;
}
.dsq-comment {
    margin-bottom: 48px !important;
}