/*
THEME NAME: Topic24
THEME URI: http://normansheppard.com/
DESCRIPTION: Standards compliant theme, no images.  
VERSION: 0.1.1
AUTHOR: <a href="http://normansheppard.com">Norman Sheppard</a>
AUTHOR URI: http://normansheppard.com
*/

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 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

:focus { outline: 0; }

body { font-family: Arial, Helvetica, sans-serif; color: black; background:url(bg.gif) repeat-x; }
ol, ul { list-style: none; }

table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }

/* LAYOUT */

#wrapper { width: 1065px; margin: 0 auto; }
#container { float: left; width: 1065px; margin:10px 0; }
#content { width: 750px; float: left; position: relative; padding: 0 0 20px 0; }
#sidebar { float: right; width: 275px; margin: 0 0 0 15px; padding: 0 0 0 15px; }
#footer { clear: left; width: 1065px; }

/* GLOBAL ELEMENTS */

.clear { clear:both; }
.alignleft { float: left; margin: 5px 10px 5px 0; }
.aligncenter { margin: 0 auto; }
.alignright { float: right; margin: 0 0 5px 10px; }

img.alignleft { padding: 5px; border: 1px solid #c0c0c0; margin: 0 10px 5px 0; }
img.aligncenter { margin: 5px auto; display: block; padding: 5px; border: 1px solid #c0c0c0; }
img.alignright { padding: 5px; border: 1px solid #c0c0c0; margin: 0 0 5px 10px; }

.wp-caption {	border: 1px solid #c0c0c0; text-align: center; border-radius: 5px;	padding: 8px 4px 0 4px; }
.wp-caption img { margin: 0; padding: 0; border: 0 none; }
#content p.wp-caption-text { font-size: 0.8em; padding: 5px 6px 0 6px; color: #999; text-align: center; }

a { text-decoration: none; color: #06c; }
a:hover { text-decoration: underline; }

strong { font-weight:bold; }
em { font-style: italic; }
dt { color: #333; font-size: 1em; }
dd { color: #333; font-size: 1em; }

legend { font-style: italic; font-size: 0.8em; color: #333; }

/* HEADER */

#content #header { height:120px; }
#content #header h1, #content #header h2 { padding:30px 0 0 20px; font-size:4em; font-weight:bold; text-transform:uppercase; letter-spacing:-5px; }
#content #header h1 a, #content #header h2 a { color:#fff; }
#content #header h1 a:hover, #content #header h2 a:hover { text-decoration: none; color:#ddddff; }

/* MAIN CONTENT */

#content h1, #content h2, #content h3.archive {	font-size: 1.4em; font-weight: bold; color: #666; padding: 4px 0; }
#content h1.archive {	font-size: 1em;	padding:0 0 10px 87px; }
#content h1.archive span { color:#999999; }
#content h3 {	font-size: 1.1em; font-weight: bold; color: #666; margin-bottom: 5px; padding-top: 5px; padding-bottom: 2px; }
#content h4 {	font-size: 1em; font-weight: bold; text-transform: capitalize; color: #666; margin-bottom: 5px; padding-top: 5px; }
#content h5 {	font-size: 0.9em; font-weight: bold; text-transform: capitalize; color: #666; margin-bottom: 2px; padding-top: 5px; }
#content h6 {	font-size: 0.7em; font-weight: bold; text-transform: capitalize; color: #666; margin-bottom: 5px; padding-top: 5px; }
#content p { font-size: 0.8em;	color: #000; margin-bottom: 10px; text-align: justify; line-height: 1.4em; }
#content blockquote, #content pre { font-size: 0.9em;	padding: 10px 12px 3px 12px; margin-bottom: 15px; background-color: #f3f3f3; }

#relatedposts { margin:15px 0; font-size:11px; }
#relatedposts li  { float:left; padding-right:15px; }

.author {	margin: 0 0 10px 0;	font-style: italic;	font-size:10px;	padding:0 0 10px 0; }

/* POST BODY LIST ITEMS - affects only actual post lists */

.singlepost .entry-content ul, .post .entry-content ul {padding-left: 20px; margin-bottom: 15px; }
.singlepost .entry-content ul li, .post .entry-content ul li {font-size: 0.8em; color: #333; padding-bottom: 5px; list-style-type: square; }
.singlepost .entry-content ul ul, .post .entry-content ul ul {margin-top: 10px; margin-bottom: 0px; }
.singlepost .entry-content ul ul li, .post .entry-content ul ul li { color: #333; padding-bottom: 5px; list-style-type: square; }

.entry-content ol { margin-bottom: 15px; list-style-type: decimal; margin-left: 30px; }
.entry-content ol li { font-size: 0.8em; color: #333333; padding-bottom: 5px; }

/* POST */

.post {	margin: 0 0 30px 77px; padding: 0 0 5px 10px; border-left: 1px dashed #ccc; }
.singlepost {	margin: 0 0 30px 22px; padding-bottom: 5px; }
.post-date { display: inline; position: absolute; left: 0px; width: 63px; padding: 0 0 0 8px; }

.comments-link { font-size: 2em; text-transform: uppercase; color: #ccc; text-align: center; display: block; font-weight: bold; padding-top: 3px; }
.comments-link a { color: #ccc; }
.comments-link a:hover { color: #06c; text-decoration: none; }
.comments-heading {	font-size: 0.8em; color: #ccc; letter-spacing: -1px; text-align: center; display: block; }
.comments-start-bracket { font-family: "Times New Roman", Times, serif; font-size: 1em; color: #ccc; }
.comments-end-bracket { font-family: "Times New Roman", Times, serif; font-size: 2em; color: #ccc; position: absolute; right: 0px; }

.cat-links { text-transform: uppercase; font-size: 0.7em; color: #808080; width: 100%; padding: 1px 0 1px 2px; margin: 8px 0 0 -2px; }
.cat-links a { text-decoration: none; color: #808080; }
.cat-links a:hover { color: #06c; }

/* POST INFO */

.postInfo { border: 1px solid #ccc; background-color: #f9f9f9; font-size: 0.7em; margin: 20px 0 15px 0; color: #999999; }
.postInfo a {	color: #808080; }
.postInfo a:hover {	text-decoration: none; color: #06c; }
.postInfo ul { margin: 8px auto 8px 10px; padding: 0px; }
.postInfo ul li { list-style-type: none; margin-bottom: 2px; }
.trackback { background: 0 50%; }
.feed { background: 0 50%; }
.navigation {	clear: both; padding: 10px 0px 10px 80px; }
.navigation a { color: #c0c0c0;	font-size: 0.9em;	text-transform: uppercase; }

/* comments area */
#comments, #respond { border-bottom: 1px dotted #8D8D8D; padding: 10px 0 5px 0; clear: both; }

/* commentlist */
.commentlist { list-style: none; margin: 10px 0px; padding-left: 0px; line-height: 130%; }
.commentlist li{ margin-bottom: 6px; padding: 10px; }
.commentlist .alt { background: #f9f9f9; border: 1px solid #ccc; }
.commentlist cite, .commentlist cite a, .commentlist cite a:visited { font-weight: bold; font-style: normal; font-size: 100%; }
.commentlist small { margin-bottom: 5px; display: block; font-size: 87%; }
.commentname { color: #703419; text-transform: capitalize; margin-left: 50px; }
.gravatar { display: inline; }
.gravatar img { border: 1px solid #aaa; padding: 5px; float: left; height: 32px; width: 32px; display: block; position: absolute; }
.commentcount { font: bold 2.2em Arial, Helvetica, sans-serif; color: #dedede; float: right; }
.commentext { padding: 0px 0px 0px 50px; }

/* comment form */
#commentform { margin-top: 10px; font: 110% Arial, Helvetica, sans-serif; }
#commentform p { padding: 2px 0px; margin: 0px; }
#commentform label{ color: #787878; font-size: 87%; }
#commentform input{ width: 200px; background:#f9f9f9; border: 1px dotted #8d8d8d; padding: 3px; margin-top: 3px; }
#commentform textarea{ width: 580px; background: #f9f9f9; border: 1px solid #8d8d8d; padding: 2px; }
#commentform textarea:focus, #commentform input[type="text"]:focus { background: #fff; }
#commentform #submit{	border-left: 1px solid #ccc; border-right: 1px solid #999; border-top: 1px solid #ccc; border-bottom: 1px solid #999;	background: #f9f9f9; font: bold 12px Arial, Helvetica, sans-serif;	color: #666;	float: right;	width: 144px; height: 28px;	cursor: pointer; }

/* SIDEBAR */

#sidebar h5 {	font-size: 1em;	font-weight: bold;	color: #000; border-bottom: 2px solid #999;	width: 95%;	margin-bottom: 0;	padding: 8px 0 4px 6px; }
#sidebar li {	list-style: none;	margin: 0 0 10px 0; }
#sidebar li form { margin:0.2em 0 0;	padding:0; }
#sidebar ul ul { margin: 0; list-style-type: none; }
#sidebar ul ul li {	padding: 7px 0 7px 6px;	list-style: none;	margin-bottom: 0px;	font-size: 0.8em;	width: 260px;	border-bottom: 1px solid #ccc; }
#sidebar ul ul li:hover {	background-color: #eee; }
#sidebar ul li#archives ul li:hover {	background-color: #fff; }
#sidebar ul ul li p {	padding-top: 5px; }
#sidebar ul ul li a {	display:block; }
#sidebar ul ul li a:hover {	text-decoration: none;	color: #000; }
#sidebar ul ul li:last-child { border-style: none; }
#sidebar ul ul ul { margin:0 0 0 0.5em; }

#subscribe { padding:0 5px 40px 0; display:inline-block; font-size:0.8em; }
#subscribe a { color:#fff; }
#subscribe a:hover { color:#ddddff; }
#subscribe #f { float:right; border-top:1px solid #ccc; margin-top:5px; padding-top:7px; }
#searchbox { margin: 0 0 55px 0; }
#searchbox input.s {	width: 210px; }
#feedburner input.s {	width: 170px; }

.recentcomments a {	display:inline !important; padding: 0 !important; margin: 0 !important; }
.recentcomments {	color:#999; }

/* FOOTER */

#footer {	text-align: right; font-size: 0.7em; color: #808080; padding: 5px 0 15px 0; margin: 20px 40px 0 0; border-top: 1px dashed #999; }
#footer p {	margin-right: 20px; }