/* 
    AUTHOR: Dieter Randolph
*/

/* ------------------------------------------ */
/* DIMENSIONS AND MEASUREMENTS */
/* ------------------------------------------ */
/* FONT SIZES/COLORS/STYLES */
/* - left nav 10px arial upcase #3c3c3c */
/* - top nav 10px arial upcase #3c3c3c */
/* - search text 10px #3c3c3c */
/* - page header arial 21px #ff4300 */
/* - page byline arial 15px #3c3c3c */
/* - post header 24px */
/* - post byline 11px */
/* - post subhead 12px bold */
/* - post body 12px */
/* - post links 11px */
/* - post comment link 11px bold */
/* - "more posts" link 14px */
/* - sidebar header 11px bold */
/* - sidebar body 11px */
/* - sidebar callout link 12px #ff4300 */
/* - sidebar search text 12px #b1ada9 */
/* - sidebar button text 11px bold #fff */
/* - footer links 10px #fff */
/* - comments header 13px bold */
/* - "add a comment" link 13px */
/* - comment header 13px bold */
/* - comment timestamp 12px */
/* - comment body 12px */
/* - add comment form header 11px bold */
/* - add comment required 12px italic */
/* - comment form label 12px bold */
/* - comment form field 13px */
/* COLORS */
/* - background #fff */
/* - h1 underline #ff4300 */
/* - footer bar #bebbb7 */
/* - sidebar #f5f4f3 */
/* -- active links? */
/* - comment form header back #e7edf3 */
/* - comment border #a1b3c4 */
/* - comment block separator #cecece */
/* - block separator #e5e7e8 */
/* - post separator #dcdcdc */
/* - sidebar dotted line #666666 */
/* - footer dotted line #797067 */
/* - button back #f73000 */
/* DIMENSIONS */
/* - container width 961px */
/* - sidebar width 230px */
/* - top nav padding 20px top */
/* - side nav width 166px */
/* - side nav padding 12px top */
/* - page header padding 50px top */
/* - page content padding 42px left, 38px right */
/* - post padding 30px */
/* - post paragraph padding 12px */
/* - comment header padding 65px */
/* - comment post padding 25px */
/* - comment form padding 15px */
/* - comment field padding .25em 1em */
/* - comment label width/height 262px/18px */
/* - comment textarea height/width 190px/368px */
/* - page footer height 20px */
/* - sidebar block padding 36px/20px */
/*  END DIMENSIONS  */

/* ------------------------------------------ */
/* RESETS, BASIC PAGE SETUP, BASIC TYPOGRAPHY */
/* ------------------------------------------ */
* { margin: 0; padding: 0; }
body { 
  background-color: #fff;
  color: #3c3c3c;
	font: 62.5% arial, helvetica, garuda, sans-serif; 
	text-align: center;
}
textarea {
  resize: none;
}
a { outline: none; }
a img { border: none; }
a:link, a:visited {
  color: #ff4300;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
/*   color: #0065e8; */
}
a.image_button:link, a.image_button:visited {
  font-size: 11px;
  color: #fff;
  font-weight: bold;
  background-color: #fe5301;
  border: 1px solid #685c54;
  text-decoration: none;
  line-height: 15px;
  padding: 1px .5em;
  font-family: "Arial Narrow", arial, sans-serif;
}
a.image_button:hover {
  text-decoration: none;
}
a.image_button span {
  background: transparent url(../images/submit_arrow.jpg) no-repeat 0 50%;
  padding-left: 7px;
}
a.image_button span.noText {
  background: transparent url(../images/search_submit.jpg) no-repeat 50% 50%;
  padding: 0 4px 0 5px;
}
.mainbar .bar_content .post ol, .mainbar .bar_content .post ul {
  list-style-position:inside;
  padding: 0 0 15px 10px;
}
.mainbar .bar_content .post li {
  padding: 0 0 5px;  
}
/* END RESET */

/* ------------------------------------------ */
/* TOOLBOX CSS */
/* ------------------------------------------ */
.float_left { float: left; }
.float_right { float: right; }
.clear { clear: both; }
.no_show {
  display: none;
}
.no_case {
  text-transform: none !important;
}
.debug {
  background-color: #900;
}
/* END TOOLBOX */

/* ------------------------------------------ */
/* PAGE STRUCTURE */
/* ------------------------------------------ */
#container {
	margin: 0 auto;
	width: 96.1em;
	text-align: left;
	background-color: #fff;
}
#side_navigation {
  padding-top: 1.2em;
  width: 16em;
  float: left;
}
#side_navigation ul {
  list-style-type: none;
  border-top: 1px dashed #797979;
  margin-top: 15px;
}
#side_navigation ul li {
  text-transform: uppercase;
  color: #3c3c3c;
  border-bottom: 1px dashed #797979;
  line-height: 2em;
}
#side_navigation ul li a:link, #side_navigation ul li a:visited {
  text-decoration: none;
  color: #3c3c3c;
  display: block;
  padding: 0 .5em;
  border-left: 4px solid #fff;
}
#side_navigation ul li a:hover, #side_navigation ul li a.current {
  color: #ff4300;
  border-left: 4px solid #ff4300;
}
#container_inner {
  margin-left: 16.1em;
  padding-left: 4em;
}
#top_navigation {
  text-align: right;
  padding-top: 2em;
}
#top_navigation ul {
  list-style-type: none;
}
#top_navigation ul li {
  display: inline;
  text-transform: uppercase;
  line-height: 20px;
  background: transparent url(../images/top_nav_pipes.gif) no-repeat 100% 50%;
  padding: 0 1em;
}
#top_navigation ul li.last {
  background: none;
  padding: 0 0 0 1em;
}
#top_navigation ul li a:link, #top_navigation ul li a:visited {
  text-decoration: none;
  color: #3c3c3c;
  padding-top: 3px;
/*   border-top: 4px solid #fff; */
}
#top_navigation ul li a:hover, #top_navigation ul li a.current {
  color: #ff4300;
  border-top: 4px solid #ff4300;
}
#top_navigation input {
  width: 130px;
  padding: 0 .5em;
  font-size: 90%;
}
#main_content h1 {
  font-weight: normal;
  font-size: 210%;
  color: #ff4300;
  border-bottom: 4px solid #ff4300;
  padding: 40px 0 8px 0;
}
#main_content h1 .subhead {
  font-size: 72%;
  color: #3c3c3c;
  display: block;
  padding-top: .5em;
}
.sidebar {
  width: 23em;
  float: right;
}
.sidebar .bar_content {
  background-color: #f5f4f3;
  border-top: 1px dashed #666;
  border-bottom: 1px dashed #666;
  margin: 18px 0 30px 0;
}
.sidebar .bar_content .block {
  padding: 16px 18px 21px 18px;
  font-size: 120%;
  border-bottom: 1px solid #e5e7e8;
  margin-bottom: 5px;
}
.sidebar .bar_content .last {
  margin-bottom: 0 !important;
  border-bottom: 0 !important;
  padding-bottom: 66px !important;
}
.sidebar .bar_content .block h2 {
  font-size: 100%;
  font-weight: bold;
  text-transform: uppercase;
  padding-bottom: 10px;
}
.sidebar .bar_content .block p {
  line-height: 1.4em;
  padding: 7px 0;
}
.sidebar .bar_content .block p.cloud {
  line-height: 2.2em;
  color: #ff4300;
}
.sidebar .bar_content .block a.popup_link:link, .sidebar .bar_content .block a.popup_link:visited {
  font-weight: bold;
  padding-right: 14px;
  background: transparent url(../images/new_win.png) no-repeat 100% 50%;
}
.sidebar .bar_content .block .twitter_link {
  background: transparent url(../images/twit_icon.jpg) no-repeat 0 50%;
  padding-left: 14px;
}
.sidebar .bar_content p.link {
  padding: 3px 0;
}
.sidebar .bar_content p.form {
  padding: 5px 0;
}
#email_input {
  padding: 0 .5em;
  color: #b1ada9;
}
.sidebar .bar_content .block .rss_link, .sidebar .bar_content .block .digg_link, .sidebar .bar_content .block .delicious_link, .sidebar .bar_content .block .reddit_link, .sidebar .bar_content .block .stumbleupon_link {
  background: transparent url(../images/rss_icon.png) no-repeat 0 50%;
  padding-left: 22px;
  line-height: 20px;
  display: block;
}
.sidebar .bar_content .block .digg_link {
  background: transparent url(../images/digg_icon.jpg) no-repeat 0 50%;
}
.sidebar .bar_content .block .delicious_link {
  background: transparent url(../images/delicious.jpg) no-repeat 0 50%;
}
.sidebar .bar_content .block .reddit_link {
  background: transparent url(../images/reddit_icon.jpg) no-repeat 0 50%;
}
.sidebar .bar_content .block .stumbleupon_link {
  background: transparent url(../images/stumbleupon_icon.jpg) no-repeat 0 50%;
}
.sidebar .bar_content .block input {
  width: 180px;
}
.mainbar {
  margin-right: 23.1em;
  padding-right: 37px;
}
.mainbar .bar_content {
  padding: 5px 0 0 0;
}
.mainbar .bar_content .post {
  padding: 30px 0;
  font-size: 120%;
}
.mainbar .bar_content .post h2 {
  font-weight: normal;
  font-size: 201%;
  color: #ff4300;
}
.mainbar .bar_content .byline {
  font-size: 91%;
  padding: 0 0 20px 0;
}
.mainbar .bar_content .post p {
  padding: 0 0 20px 0;
  line-height: 1.7em;
}
.mainbar .bar_content .post p img {
  margin: 10px;
}
.mainbar .bar_content .post p a {
  font-weight: bold;
}
.mainbar .bar_content .post .links a {
  display: block;
  float: left;
  line-height: 20px;
  padding-right: 1.7em;
}
.mainbar .bar_content .post .links .twitter_link, .mainbar .bar_content .post .links .rss_link, .mainbar .bar_content .post .links .digg_link, .mainbar .bar_content .post .links .delicious_link, .mainbar .bar_content .post .links .reddit_link, .mainbar .bar_content .post .links .stumbleupon_link {
  background: transparent url(../images/rss_icon.png) no-repeat 0 50%;
  padding-left: 22px;
}
.mainbar .bar_content .post .links .twitter_link {
  background: transparent url(../images/twit_icon.jpg) no-repeat 0 50%;
  padding-left: 14px;
}
.mainbar .bar_content .post .links .digg_link {
  background: transparent url(../images/digg_icon.jpg) no-repeat 0 50%;
}
.mainbar .bar_content .post .links .delicious_link {
  background: transparent url(../images/delicious.jpg) no-repeat 0 50%;
}
.mainbar .bar_content .post .links .reddit_link {
  background: transparent url(../images/reddit_icon.jpg) no-repeat 0 50%;
}
.mainbar .bar_content .post .links .stumbleupon_link {
  background: transparent url(../images/stumbleupon_icon.jpg) no-repeat 0 50%;
}
.mainbar .bar_content .post .links {
  font-size: 91%;
  border-top: 1px solid #e5e7e8;
  padding: 5px 0 0 0;
  margin: 5px 0 0 0;
}
.mainbar .bar_content .post .top_links {
  border-top: none !important;
  padding: 0 0 40px 0 !important;
  margin: -17px 0 0 0 !important;
}
.mainbar .bar_content .post .links strong {
  float: right;
}
.mainbar .bar_content .footer_links {
  text-align: right;
  font-size: 140%;
  padding-bottom: 45px;
}
.mainbar .bar_content .footer_links a {
  font-weight: bold;
  display: block;
}
.mainbar .bar_content .footer_links a.more_link {
  background: transparent url(../images/right_arrow.png) no-repeat 100% 50%;
  padding-right: 10px;
}
.mainbar .bar_content .footer_links a.top_link {
  background: transparent url(../images/up_arrow.png) no-repeat 100% 50%;
  padding-right: 10px;
}
.comments_content {
  padding: 1.5em 0;
}
.comments_content h2 {
  font-weight: normal;
  font-size: 130%;
  border-bottom: 1px solid #3c3c3c;
  padding-bottom: 4px;
  padding-top: 20px;
}
.comments_content h2 a {
  font-size: 95%;
}
.comments_content h2 span.pipe {
  color: #e5e7e8;
}
.comments_content h3 {
  font-weight: normal;
  font-size: 130%;
  border-bottom: 1px solid #e5e7e8;
  padding-bottom: 5px;
  padding-top: 25px;
  margin-bottom: 12px;
}
.comments_content h3 a {
  font-weight: bold;
}
.comment p {
  line-height: 1.7em;
  font-size: 120%;
}
.comment_form {
  padding-top: 25px;
}
.comment_form h3 {
  background-color: #e7edf3;
  border: 1px solid #a1b3c4;
  line-height: 25px;
  padding: 0 1em;
  font-size: 12px;
}
.comment_form h3 .subhead {
  font-weight: normal;
  font-size: 13px;
}
#comment_form {
  border-left: 1px solid #d3d3d3;
  border-right: 1px solid #d3d3d3;
  border-bottom: 1px solid #d3d3d3;
  padding: 20px 20px 5px 20px;
  margin-bottom: 50px;
}
#comment_form label {
  float: left;
  font-weight: bold;
  width: 95px;
  font-size: 120%;
}
#comment_form input, #comment_form textarea {
  width: 240px;
  padding: 0 .5em;
}
#comment_form textarea {
  width: 340px;
  height: 190px;
}
#comment_form p {
  padding: 0 0 15px 0;
}
#comment_form .required_indicator {
/*   color: #898989; */
  color: #406281;
  font-weight: normal;
}
#footer {
  clear: both;
  text-align: right;
  background-color: #bebbb7;
  color: #fff;
  padding: 1px 0;
}
#footer ul {
  padding: 2px 0;
  list-style-type: none;
  border-top: 1px dashed #797067;
  border-bottom: 1px dashed #797067;
}
#footer ul li {
  display: inline;
  border-right: 1px solid #fff;
  padding: 0 1em;
}
#footer ul li.last {
  border-right: none;
}
#footer ul li a:link, #footer ul li a:visited {
  text-decoration: none;
  color: #fff;
}
#footer ul li a:hover, #footer ul li a.current {
/*   color: #0065e8; */
  color: #ff4300;
  text-decoration: underline;
}
#footer ul li a.current {
  color: #ff4300;
}
/* END STRUCTURE */