* {
	margin: 0;
	padding: 0;
	border: 0;
}

body {
	background: url(main_bg.jpg);
	color: #000;
	font-family: "Times New Roman", Times, Georgia, serif;
	font-size: 85%;
	width: 780px;
	margin: 12px auto;
	text-align: center;
	position: relative;
	padding: 16px;
}

body * {
	text-align: left;
}

a {
	color: #365275;
}

a#skiplink {
	display: none;
}

blockquote {
	font-style: oblique;
	font-size: 120%;
	color: #9D9F93;
}

dl {
	list-style-type: circle;	
}
dl dd {
	margin: 0;	
}

h3 {
	font-size: 150%;
	margin: 0 0 8px 0;
	border-bottom: 1px solid #9D9F93;
	font-weight: normal;
}

h6 {
	margin: 0;
	font-size: 100%;
	text-transform: uppercase;	
}

img {
	background: url(../../images/loading.gif) no-repeat 50% 50%;
}

input.login {
	font-family: Verdana, Arial, san-serif;
	font-size: 12px;
	padding: 2px;
	border: 1px dotted #9D9F93;
	margin-bottom: 4px;
}
input.submit {
	border: 1px solid #9D9F93;
	background: #BABCAE;
	color: #fff;
	font-size: 60%;
	font-weight: bold;
	padding: 1px;
}
textarea.login {
	width: 160px;
	margin-bottom: 4px;
}

div.main_text p {
	text-align: justify;
}

ul {
	padding: 0 0 0 16px;
	margin: 0 0 16px 0;
	list-style-type: circle;
}
ul li {
	margin-bottom: 2px;	
}
ol {
	padding: 0 0 0 20px;	
}

.main_text *:first-child + p:first-letter {
	float:left;
	font-size: 3em;
	color: #9D9F93;
	padding: 0 3px 0 0;
}


div#header {
	border-bottom: 1px solid #000;
}
div#header h2 {
	margin: 0 0 8px 0;	
}
div#header h2 a {
	display: block;
	width: 335px;
	height: 44px;
	overflow: hidden;
	background: url(sh_header.gif);
	text-align: center;
	margin: 0 auto;
	text-indent: -9999px;
	text-decoration: none;
}

div#subheader {
	display: none;
}

div#menubar {
	border-bottom: 4px solid #000;
	position: relative;
	height: 1.8em;
	min-height: 1.8em;
}

div#menubar ul {	/* battle to get this centered */
	list-style-type: none;
	position: absolute;
	left: 50%;
	width: 500px;
	margin: 4px 0 4px -250px;
	padding: 0;
}
#menubar ul li {
	display: block;
	float: left;
	width: 100px;
	text-align: center;
	margin: 0;
}
#menubar ul li a {
	color: #000;
	text-decoration: none;
}

* html div#menubar ul {
	width: 710px;
	margin-left: -355px;	
}
* html #menubar ul li#nav_style {
	position: static;
	text-align: right;
	width: 100px;
	height: auto;
	float: left;
}

#menubar ul li#nav_style {
	position: absolute;
	right: -136px;
	top: 36px;
	z-index: 100;
	text-align: left;
	width: 180px;
	height: 187px;
	text-indent: -9999px;
}
#menubar ul li#nav_style a {
	display: block;
	width: 180px;
	height: 187px;
}

#menubar ul li#nav_style ul li {
	display: none;
	float: none;
	text-align: left;
	margin-left: 160px;
}

#menubar li#nav_style:hover, li.over {
	display: block;
	background: url(main_bg.jpg);
	height: auto;
	text-indent: 0;
}
#menubar li:hover ul li, li.over ul li {
	display: block !important;
	width: 180px;
}
#menubar li#nav_style:hover ul li a, li#nav_style.over ul li a {
	display: inline;
	font-size: 100%;
	color: #365275;
	text-decoration: underline;
}
#menubar li#nav_style:hover a, #menubar li.over a {
	height: auto;
	border-top: 4px solid #000;
	border-bottom: 1px solid #000;
	padding: 2px 0;
	font-weight: normal;
	font-size: 150%;
	margin-bottom:8px;
}
#menubar li ul li a {
	border: none !important;
	padding: 0 !important;
	margin: 0 !important;
}


#outer {
	margin: 2px 0;
	border-top: 2px solid #000;
	border-bottom: 2px solid #000;
	padding: 8px 0;

}

div#sidebar {
	float: right;
	width: 180px;
	padding: 167px 6px 6px 6px;
	border-left: 1px solid #9D9F93;
	background: url(batboy.gif) no-repeat top center;
}
* html div#sidebar {
	padding-top: 189px;
}

div#sidebar h3 {		/* strong border on top divides it from upper content, while thin border on bottom connects it to lower content in the context of the thick border, but border implies prominence. consistent theme throughout times design */
	border-top: 4px solid #000;
	border-bottom: 1px solid #000;
	padding: 2px 0;
	font-weight: normal;
	margin: 20px 0 8px 0;
}
div#sidebar h3 a {
	color: #000;	
}

h3#sidebar_search_header {
	display: none;
}
div#sidebar_search {
	position: absolute;
	top: 0;
	left: 16px;
	width: 100px;
}

div#sidebar_search input.login {
	width:98px;
}

#sidebar_style {
	margin: 4px 0 0 4px;	
}
#sidebar_style dt {
	clear: left;
	float: left;
}
#sidebar_style dd a {
	display: block;
	float: left;
	margin: 8px 0 0 8px;
}

#sidebar_categories_header {
	clear: left;
}


div#main {
	margin-right: 200px;
}
div.main_text {
	margin-bottom: 24px;
}

h1 {
	margin: 0 0 16px 0;
}
h1 a {
	font-family: Georgia, inherit;
	font-size: 1.5em;
	font-weight: normal;
	text-decoration: none;
	color: #000;
}

p.post_info {
	font-weight: bold;
	font-style: italic;
}

p {
	text-indent: 1.5em;
	margin: 1em 0;
}

#toplink {
  clear: both;
}

div#footer {
	clear: both;
	/* border-top: 7px double #000;	double border fun. at 5px, firefox is odd man out, but rendered it how i wanted it. at 7px, opera's odd man out, but ie and ff get it right. who's right? find out! */
	border-top: 4px solid #000; /* solved it with extra markup (clearing top link) */
	padding-top: 4px;
}

#comments_bar {						/* comments */

}
#comments_bar h2 {
	border-top: 4px solid #000;
	border-bottom: 1px solid #000;
}
#comments_bar h2 a {
	display: block;
	width: 139px;
	height: 25px;
	text-indent: -9999px;
	background: url(opininion_page.gif) no-repeat;
	margin: 4px 0;
}
#comments {

}
#comments h6 {
	font-size: 150%;
	text-transform: uppercase;	
}
a#post_a_comment {
	display: block;
	margin: 0 0 8px auto;
	height: 14px;
	width: 217px;
	text-indent: -9999px;
	background: url(post_comment.gif) no-repeat;
}
a#post_a_comment:hover {

}
div.comment {

}
a.comment_number {
	font-weight: bold;
	text-decoration: none;
	font-size: 175%;
}
p.comment_info {
	display: inline;
	font-weight: bold;
}
p.comment_text {
	text-indent: 0;
	margin: 4px 0 16px 0;
}

#comment_form ul {
  margin: 32px 0 0 16px;
}
#comment_form ul li {
  width: 15.5em;
 	border-bottom: 1px dotted #9D9F93;
 	margin-bottom: 8px;
}
#comment_form li label {
  display: block;
  float: left;
  width: 5em;
  color: #365275;
  margin: 0;
  border: none;
}
#comment_form input {
  width: 10em;
}
#comment_form #comment_cookie {
  display: block;
  width: 1.5em;
  float: left;
}
#comment_form .remember_me {
  float: none;
  width: 13.5em;
}

#comment_form label {
  display: block;
  width: 25em;
  margin: 0 0 0 32px;
  color: #365275;
	border-bottom: 1px dotted #9D9F93;
}
#comment_form textarea {
  display: block;
  margin-left: 32px;
  width: 25em;
}

.right {
	display: block;
	float: right;
	margin: 0 0 12px 12px;
}
.left {
	display: block;
	float: left;
	margin: 0 12px 12px 0;
}

