/* Main sections and overall layout */

/* Styles removed from body:

	font-size: 9pt;
	scrollbar-base-color: #000000;
	scrollbar-face-color: #808080;
	scrollbar-track-color: #000000;
	scrollbar-arrow-color: #000000;
	scrollbar-highlight-color: #C0C0C0;
	scrollbar-3dlight-color: #A0A0A0;
	scrollbar-shadow-color: #505050;
	scrollbar-darkshadow-color: #101010;
*/
body  {
  margin: 0 0 0 0;
  padding: 0px;
  font-family: Garamond, Arial, Helvetica, sans-serif;
  color: #999999;
  background-color: #000000;
  background-image: url(/img/bg_left.png);
  background-repeat: repeat-y;
}

h3  {
  color: #CC0000;
  font-size: 14pt;
  font-weight: bold;
  letter-spacing: .2em;
}


#banner  {
  background: #000000 url(/img/bg_top.png);
  background-repeat: repeat-x;
  height: 126px;
  border: none;
  color: #999999;
}


.page_title  {
  position: absolute;
  top: 43px;
  left: 175px;
  margin: 0 0 0 0;
  padding: 0 0 0 0 ;
}

.leftcontent  {
  position: absolute;
  left: 0px;
  top: 126px;
  width: 200px;
  border: none;
  text-align: left;
}

.news_box  {
  position: relative;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10pt;
  color: #999999;
  margin: 0 0 10px 5px;
  padding: 10px 5px 5px 10px;
  width: 180px;
  background: #2a2a2a;
  border-top: 1px solid #CC0000;
}

.news_box ul {
  margin: 5px 5px 5px 15px;
  padding: 0 0 0 0;
}

.news_box li  {
  list-style-type: disc;
  margin-bottom: 3px;
}


/* Left navigation */
#nav ul  {
  margin: 10px 0 10px 5px;
  padding: 0 0 0 0;
  background: transparent;
}

#nav li  {
  list-style-type: none;
  background: #2A2A2A;
  color: #999999;
  border: 1px solid #686868;
  text-align:  center;
  padding: 0 0 0 0;
  margin-bottom: 6px;
  letter-spacing: .7em;
  font-size: 11pt;
  font-weight: bold;
}

#nav li a  {
  color: #999999;
  font-weight: bold;
  text-decoration: underline;
  display: block;
  padding: 2px 0 2px 5px;
}

#nav li a:hover  {
  background: #000000;
  color: #CC0000;
}


#centercontent  {
  margin: 10px 215px 20px 216px;
  line-height: 1.4em;
}

#footer  {
  text-align: center;
  font-size: 10pt;
  margin: 60px 0 20px 0;
}

#footerspan  {
  border-top: 1px solid #999999;
  padding: 4px 30px 0 30px;
}

#rightcontent  {
  position: absolute;
  right: 10px;
  top: 165px;
  width: 200px;
  background: #000000 url(/img/bg_right.png);
  margin: 0 0 0 0;
}

#bracer  {
  text-align: center;
  width: 600px;
  border: 1px solid #ffffff;
}

#gallerythumbnav {
  margin: 20px 0 20px 0;
  padding: 8px 15px 8px 15px;
  border-top: 2px solid #ff0000;
  border-bottom: 2px solid #ff0000;
  text-align: center;
  white-space: nowrap;
}

#gallerythumbnav img {
  padding: 20px 0 0 0;
}

#gallerythumbnav .gallery_title {
  color: #FF0000;
  padding: 0 0 8px 0;
  font-size: 13pt;
  font-weight: bold;
  letter-spacing: .3em;
  text-transform: uppercase;
}

#gallerythumbnav #current {
  margin: 0 20px 20px 20px;
  padding: 0;
  border: 2px solid #333333;
}

.post_title  {
  border-top: 1px solid #666666;
  margin: 0 0 0 0;
  padding: 0 12px 0 12px;
}
.post_permalink  {
  font-size: 10pt;
}
.post_permalink a  {
  color: #CC0000;
}

.post_footer  {
  border: none;
  margin: 8px 0 0 0;
  padding: 0 4px 2px 4px;
  font-size: 10pt;
  color: #cc0000;
}
.post_comments_header  {
  border-top: 1px solid #666666;
  margin: 0 0 0 0;
  padding: 0 12px 0 12px;
  color: #cc0000;
  font-size: 12pt;
  font-weight: bold;
}
.post_comment_top  {
  border: none;
  margin: 0 0 0 0;
  padding: 0 12px 0 4px;
}

.gallery_post_title  {
  border: none;
  margin: 0 0 0 0;
  padding: 0 12px 0 0;
}

.tutorial_steps  {
  border-collapse: collapse;
}
.tutorial_steps tr  {
  border: 2px solid #686868;
}
.tutorial_steps tr td  {
  padding: 2px 2px 2px 10px;
}


/* Fonts, colors */

#page_title  {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 15pt;
  color: #FF0000;
  letter-spacing: .3em;
  font-weight: bold;
  text-transform: uppercase;
}

#page_subtitle  {
  font-size: 12pt;
  color: #CCCCCC;
  letter-spacing: .1em;
}


.news_title  {
  font-weight: bold;
  font-size: 10pt;
  color:  #CC0000;
}

.section_title  {
  color: #CC0000;
  font-size: 12pt;
  font-weight: bold;
  letter-spacing: .2em;
}

.error_title  {
  color: #CC0000;
  font-size: 13pt;
  padding: 0 0 8px 0;
  font-weight: bold;
  letter-spacing: .3em;
  text-transform: uppercase;
}

.code_source  {
  background: #2a2a2a;
  line-height: 1.0em;
  padding: 10px 10px 10px 10px;
  margin:  0px 15px 0px 15px;
}

#flashMessage  {
  color: #CC0000;
  padding: 4px 4px 12px 24px;
  font-size: 13pt;
}


a  {
  color: #FF0000;
  text-decoration: underline;
}
a:visited  {
  color: #CC0000;
}
a:active  {
  color: #A00000;
}

.grey  {
  color: #999999;
}
a.grey, a.grey:visited, a.grey:active  {
  color: #999999;
}
a.grey:hover  {
  color: #CCCCCC;
}


/* Images */
img  {
  border: none;
}

#centercontent img  {
  margin: 3px 3px 3px 0;
}

.center  {
  text-align: center;
}