@import "reset.css";
body {
	background: #000;
	color: #333;
	font: 12px/1.3em Tahoma, Verdana, Arial, Helvetica, sans-serif;
	text-align: center
}
a { color: #666; text-decoration: none } a:hover { color: #FFF; text-decoration: underline } .article a:hover { text-decoration: underline }
p, ul, ol, h2, h3, h4, h5 { margin: 1em auto } ul, ol { margin-left: 1.5em }
#page { margin: 0 auto; text-align: left; width: 745px }
#sidebar, #content { padding-bottom: 1px; margin-bottom: -1px }
#sidebar { float: left; margin-top: 202px; text-align: right; width: 215px; }
#sidebar h2 { margin: 0; text-indent: -999em; text-align: left; width: 225px  }
#sidebar ul h2 { text-indent: 0; font: 12px arial, verdana, sans-serif; text-transform: uppercase; color: #FFFFFF; text-align: right; width: auto; margin-right: 10px }
#sidebar h2.title a { background: url(images/susi-title.jpg); display: block; height: 29px; text-align: left; text-indent: -999em; width: 225px }
#sidebar h2.cat { background: url(images/susi-h2-cat.jpg); height: 35px }
#sidebar h2.arc { background: url(images/susi-h2-arc.jpg); height: 30px }
#sidebar h2.links { background: url(images/susi-h2-links.jpg); height: 35px }
#sidebar ul { font: 11px Verdana, Arial, Helvetica, sans-serif; margin-bottom: 40px; margin-right: 10px; list-style: none outside }
#sidebar ul li { margin: 5px 0 }
#sidebar ul a { color: #999; text-decoration: none }
#sidebar ul ul { margin-bottom: 1em; margin-right: 0 }
#sidebar ul h2 { margin-top: 1em; margin-right: 0 }
#sidebar ul a:hover { color: #FFF }
#sidebar #credit { color:#464646; font: 11px Verdana, Arial, Helvetica, sans-serif; margin-right: 10px; text-indent: 0; text-align: right; width: auto; }
#sidebar #credit a { color: #464646; text-decoration: none } #sidebar #credit a:hover { color: #999 }
#navi { background: #FFF; margin-bottom: 10px; padding: 10px 0 }
#navi ul { background: #333333; font: 12px Verdana, Arial, Helvetica, sans-serif; list-style: none outside; margin: 0 10px; padding: 30px 10px 10px 10px }
#navi li { background: url(images/susi-navi-border.jpg) bottom repeat-x scroll; margin-bottom: 5px; padding-bottom: 5px }
#navi li a { background: url(images/susi-navi-arrow.jpg) center right no-repeat scroll; color: #FFF; display: block; padding-right: 14px; text-decoration: none }
#navi li a:hover { background-image: url(images/susi-navi-arrow-hover.jpg) }
#content { background: #333; float: right; width: 520px }
#content .articles { background: #FFF; color: #333; height: auto!important; height: 700px; min-height: 900px; margin: 0 10px 10px 10px; padding-bottom: 100px }
#content a#rss { background: url(images/rss.png) top right no-repeat; height: 14px; text-indent: -999em; top: 135px; right: 0px; width: 15px; position: absolute; }
#content h1 { background: #FFF; margin: 10px 10px 0 10px; width: 500px }
#content h1 a { background: #FFF url(images/susi-h1-title.jpg) top left no-repeat; display: block; height: 158px; text-indent: -999em; width: 500px }
.article { border-bottom: 2px solid #e8e8e8; margin-bottom: 20px }
.article h2 { background: #909090; font: 28px century gothic; margin: 0; padding: 0 5px }
.article h2 a { color: #FFF; text-decoration: none }
.article h2 a:hover { text-decoration: none }
.article p.meta { background: #E8E8E8; font: 11px Verdana, Arial, Helvetica, sans-serif; margin: 0; padding: 7px 5px }
.article a { color: #999; text-decoration: none }
.article .thecontent { margin: 10px }
.article .more-link { background: url(images/readmore.png) center left no-repeat; color: #333; font-weight: bold; padding-left: 12px }
.article .more-link:hover { color: #909090; text-decoration: none }
.article .more-link span { float: right }
.article.single { border: 0 }
#content .articles.single { padding-bottom: 0 }

#c { border-top: 15px solid #333 }
#c h2.comments-header, #c #comments-header { background: #C5C5C5; color: #333; font: 20px century gothic; margin: 0; padding: 5px 20px }
#c .comments-header  { margin: 0 20px }
#c .comments-form { margin: 10px }
#c ol { list-style: none outside; margin: 1em 10px }
#c ol li { margin-bottom: 10px; padding: 5px 10px }
#c ol li p { margin-bottom: 0 }
#c ol li.even { border: 1px dashed #c5c5c5 }
#c img.gravatar { border: 1px solid #9E9E9E; float: left; margin-right: 10px }
#c .comment-meta { color: #C5C5C5; font: 11px Verdana, Arial, Helvetica, sans-serif; margin-bottom: 10px }
#c .comment-meta a { color: #C5C5C5 }
#c .comment-date { font: 15px century gothic }
#c .comment-text { margin-left: 82px }
#c .comment-text p { font-size: 12px; margin-bottom: 1em; margin-top: 0 }
#c .comment-author { float: left; width: 80px }
#c .author-url { margin-left: 20px }
#c li.highlight { /*border: 1px solid #FFF*/ }
#c li.highlight img.gravatar { border: 1px solid #FFF }
#c li.highlight .comment-meta { border-color: #FFF }
#c textarea { width: 98% }
#c input, #c textarea { font: inherit; padding: 2px; width: 360px }
button, #contactsubmit { background: #333; color: #FFF; border: 0; padding: 5px 10px }
#c h2 a { color: #FFFF66 }
#c #comments-form { margin-top: 20px }
#c a { color: #666; text-decoration: underline }
#commentform { background: #E8E8E8; padding: 10px }
#commentform label { float: left; margin-right: 10px; text-align: right; width: 82px; font-size: 11px; color: #909090; }
.contactform { font-size: 11px; }
.contactform label { font-size: 11px; color: #909090; }
#content .wp-pagenavi { font: bold 11px Verdana, Arial, Helvetica, sans-serif; margin-left: 10px }
#content .wp-pagenavi span.pages { display: none }
#content .wp-pagenavi span.current { padding: 3px 5px }
#content .wp-pagenavi a { background-color: #000; border-color: #000; color: #FFF; padding: 3px 5px }
.thecontent h2 { background: #FFF; font-size: 16px }
.thecontent h2 a { color: #000 }
#content .sociable { float: right; height: 2em; margin: 0 }
.clr { clear: both }

textarea, input { border:1px solid #CBCBCB; }


/* ARCHIVE */

.thecontent #archives_list h2  {
	background: #E8E8E8 url(images/archive_h2.jpg) 8px 10px no-repeat;
	border-top: 1px solid #333;
	margin: 0px;
	padding: 3px 0px 3px 20px;
	}
	
/* commenting out - .page .article .thecontent { margin: 0px; } */

#archives_list li {
	list-style-type: none;
	padding: 3px 0px 3px 14px;
	background: transparent url(images/arr-archive.jpg) 0px 7px no-repeat;
	margin-right: 20px;
	}
	
/* LINKS */

.page-id-7 .article .thecontent ul {
	margin: 0px;
	}
	
.page-id-7 .article .thecontent ul ul {
	margin: 10px;
	}
	
/* SEARCH */

#header {
	width: 500px;
	height: 158px;
	position: relative;
	}

#search {
	padding: 10px;
	background-color: #FFFFFF;
	margin-bottom: 30px;
	}
	
#search input {
	width: 150px;
	background-color: #909090;
	padding: 5px 22px;
	font-size: 11px;
	border: none;
	color: #FFF;
	text-align: right;
	}

.search-results h3 {
	background: #E8E8E8 url(images/archive_h2.jpg) 8px 8px no-repeat;
	margin: 0px;
	padding: 3px 0px 3px 20px;
	}