<?php header('Content-Type: text/css'); ?>

body {
    font:  1em/1.5em normal normal Helvetica, Arial, sans-serif;
    color: #333333;
    margin: 0;
    padding: 0;
}

#article-details {
    padding: 90px 0 10px;
    background: #333 url(../images/articles-header.png) no-repeat center center;
	height: 0;
	width: 100%;
}

#event-details {
    padding: 90px 0 10px;
    background: #333 url(../images/events-header.png) no-repeat center center;	
	height: 0;
	width: 100%;
}

object, img {
    background-color: #ffffff;
    border: 1px solid #cccccc;
    padding: 5px;
    max-width: 90%;
    height: auto;
    display: block;
    clear: both;
	text-align:center;
	margin: 0 auto;
}

p {
    clear: left;
    margin: 0 0 20px 0;
    padding: 0;
}

p.post-time {
	margin: 10px 0 10px 10px;
}

p.post-author {
    font-size: 0.9em;
    line-height: 1.2em;
}

p.copyright {
    font-size: 0.9em;
    line-height: 1.2em;
    color: #666666;
}

p.caption {
    color: #666666;
    font-size: 0.9em;
    line-height: 1.2em;
}

h1 {
    font-weight: bold;
    margin: 10px 0 5px 0;
    padding: 0;
    color: #000000;
    letter-spacing: -2px;
    line-height: 1em;
}

h2 {
    font-weight: bold;
    margin: 20px 0 5px 0;
    padding: 0;
    color: #000000;
    letter-spacing: -1px;
}

ul, ol {
    margin: 0 0 20px 30px;
    padding: 0;
}

li {
    list-style-position: outside;
    margin: 0 0 10px 0;
}

span.upcoming-line {
    display: block;
    margin: 0 0 10px 0;
}
p, h1, h2, h3, object {
	margin: 0 10px 20px 10px;
}