/*****************************************************************************/
/*  CSS for RothCode.com  - rothcode_main.css                                */
/*    derived from many examples                                             */
/*****************************************************************************/

/**********  body anchor and general purpose classes  **********/

body  
{
  margin: 0px;
  padding: 0px;
  background-color: #99CCCC;
  font-family: verdana, arial, times, georgia, sans-serif;
  font-weight: normal;
  color: #000033;
}

td
{
  font-weight: normal;
  background-color: #99CCCC;
}

  td.thread_tot, td.post_tot, td.stat_col, .welcome_text, .welcome_title
  {
    background-color: #ccffff;
  }
  td.welcome_text
  {
    font-weight: bold;
    width:30%;
  }
  .welcome_title
  {
    font-weight: bold;
    width: 100%;
  }

  td.welcome_stats a, td.forum_info a
  {
    font-size: smaller;
    color: #009999;
  }
  td.welcome_stats
  {
    padding-right:10px;
    text-align: center;
    width:70%;
  }
  td.forum_info
  {
    padding-right:10px;
  }

th
{
  font-weight: bold;
  background-color: #ccffff;
  border-top: #009999 1px solid;
  border-bottom: #009999 1px solid;
}

  th.thread_tot, th.post_tot, th.stat_col
  {
    background-color: #99CCCC;
  }
  th.new_welcome, th.welcome_text, th.welcome_stats, th.stat_text, th.stat_col, .welcome_title
  {
    text-align: center;
  }


a
{
  color: #009999;
  font-weight: bold;
	text-decoration:none;
}

  a:visited  
  {
  	color:#003333;
  	text-decoration:none;
  }
  
  a:hover    
  {
    color: #000033;
  	text-decoration:underline;
  }

.forum_table a:link img
{
  float: right;
  color: #66cccc;
}

.icon
{
  background-image: url(../img/pindicate1.png);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  width: 30px;
  height: 50px;
}

.inew
{
  background-image: url(../img/pindicate2.png);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  width: 30px;
  height: 50px;
}

div.breadcrumbs
{
/*   text-align: center; */
  width: 100%;
  border-top: #009999 2px solid;
  border-bottom: #009999 2px solid;
	padding-top:2px;
	padding-bottom:2px;
}

/* picked up from punBB.org posted by connerHD */
span.pagelink
{
  width:100%;
  margin-top: 5px;
  margin-bottom: 5px;
  padding: 2px;
  background-color: #99cccc;
  border-top: 1px solid #ccffff;
  border-bottom: 1px solid #009999;
  text-align: left;
}

span.pagelink strong
{
  border-left: 1px solid #ccffff;
  border-right: 1px solid #009999;
  padding-left:2px;
  padding-right:2px;
}

.punbb_nav {
/*   background-color: #CCFFFF; */
  margin-top: 5px;
  margin-bottom: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  overflow: hidden;
  font-size: smaller;
  line-height: 1.8;
  text-align: left;
  border-top: #009999 2px solid;
  border-bottom: #009999 2px solid;
  padding:5px;
  width:auto;
/*   width:100%; */
}

.punbb_nav a img
{ 
  margin:0px; 
  float:right;
  text-align: right;
  width:30px;
  height:30px;
  border:none;
  padding:5px;
  padding-top:10px;
  margin-top:0px;
}

a.breadcrumbs {padding:2px;}
/* div.testL { width:50%; float:left; }
div.testR { width:50%; float:left; } */



/***********************************************************************/

div.clear {
	clear:both;
	line-height:0.2;
	margin:0;
	padding:0;
}


/* 2.1 Clearing floats and invisible items */
div.clearer, div.nosize {
	HEIGHT: 0;
	WIDTH: 0;
	LINE-HEIGHT: 0;
	FONT-SIZE: 0;
	OVERFLOW: hidden
}

.clearer, .clearb {CLEAR: both;}
.nosize 
{
  position: absolute; 
  left: -10000px;
}









p.norm {
  background-color: #66CCCC;
  border-top: #009999 1px solid;
  border-bottom: #009999 1px solid;
	padding:2px;
}

p.summary {
  font-size: smaller;
  background-color: #66CCCC;
  border-top: #009999 1px solid;
  border-bottom: #009999 1px solid;
	padding:2px;
}

p.nav_menu {
  background-color: #CCFFFF;
  text-align: center;
  border-top: #009999 2px solid;
  border-bottom: #009999 2px solid;
	padding:2px;
}

/********** Header class info **********/

div.header {
  border-top: #009999 4px solid;
  border-right: #009999 2px solid;
  border-left: #009999 2px solid;
  overflow:hidden;
	padding:10px;
	margin:auto;
	margin-top:10px;
	margin-bottom:10px;
	height:100px;
	width:95%;
/*   background-color: #339999; */
  background-color: #ccffff; /* I like this one */
/*   background-color: #6cc; */ /* may be it here */
  font-family: georgia, sans-serif;
  text-align: right;
  color: #000033;
}

div.header IMG {
  float:left;
}


div.header P U{
  font-size: xx-large;
  font-size-adjust: 0.5;
  font-weight: bolder;
  padding: 10px;
}

div.header h1{
  font-size: xx-large;
  font-size-adjust: 0.5;
  font-weight: bolder;
  text-decoration: underline;
}

div.header P {
  font-size: large;
  font-weight: bolder;
}


/********** Left column class info **********/

div.lcol {
	float:left;
	padding:0px 5px 10px 5px;
	width:120px;

	margin-left:1%;
	margin-right:3%;
  border-right: #009999 2px solid;
}


/********** Right column class info **********/

div.rcol {
	margin-right:1%;
	text-align:right;
	float:right;
	padding:0px 5px 10px 5px;
	width:160px;
  border-left: #009999 2px solid;
}

p.img_link {
  text-align:center;
	line-height:0.5;
  background-color: #66CCCC;
  border-top: #009999 1px solid;
  border-bottom: #009999 1px solid;
	padding:5px;
}

div.footer {
  font-size:small;
	line-height:0.5;
	border-top:2px solid #009999;
	padding-top:5px;
	margin-top:10px;
	text-align:center;
	width:95%;
	margin:auto;
}


/********** Middle column class info **********/

div.mcol {
	float:left;
	padding-left:10px;
	padding-right:10px;
  width:50%;
}

div.forum_col {
	float:left;
	padding-left:10px;
	padding-right:10px;
  width:73%;
}

span.title
{
  font-weight: bolder;
  font-size: x-large;
}
fieldset.norm
{
  border-top: #afeeee 1px solid;
  border-left: #afeeee 1px solid;
  border-right: #009999 1px solid;
  border-bottom: #009999 2px solid;
}
legend
{
  font-weight: bolder;
}

.editor_ta
{
  padding-left: 2%;
  padding-right: 2%;
  border-top: #009999 2px solid;
  border-left: #009999 2px solid;
  border-right: #afeeee 2px solid;
  border-bottom: #afeeee 2px solid;
  background: #f0ffff;
  color: #000033;
  width: 96%;
  height: 115px;
}
.editor_tap
{
  padding-left: 2%;
  padding-right: 2%;
  border-top: #009999 2px solid;
  border-left: #009999 2px solid;
  border-right: #afeeee 2px solid;
  border-bottom: #afeeee 2px solid;
  background: #f0ffff;
  color: #000033;
  width: 96%;
  height: 350px;
}
.r_button
{
  float:right;
}
.l_button
{
  float:left;
}
.sm_text
{
  font-size:smaller;
}
div.forum_table
{
  border-top: #009999 2px solid;
  border-bottom: #009999 2px solid;
  margin-top: 5px;
  margin-bottom: 5px;
  padding-top: 5px;
  padding-bottom: 5px;
/*   padding-left: 10px;
  padding-right: 10px; */
  background-color: #66cccc;
  overflow: hidden;
  font-weight: bolder;
  width: auto;
/*   width: 100%; */
}

.forum_table img { float:right; text-align: right; border:none;}

p.paction_nav {
/*   background-color: #CCFFFF; */
  text-align: right;
  border-top: #009999 1px solid;
/*   border-bottom: #009999 2px solid; */
	padding:2px;
	font-size:smaller;
}

div.post_table
{
  border-bottom: #009999 2px solid;
  margin-top: 5px;
  padding-top: 5px;
  overflow: hidden;
  font-weight: bolder;
  width: auto;
}

div.titleL
{
  width:70%;
  text-align:left;
  float:left;
  border-bottom: #009999 2px solid;
  background-color: #ccffff;
  font-weight: bolder;
  padding-top:5px;
  padding-bottom:5px;
}
div.titleL a:link {color:#003333;}

div.titleR
{
  width:30%;
  text-align:right;
  float:left;
  border-bottom: #009999 2px solid;
  background-color: #ccffff;
  font-weight: bolder;
  padding-top:5px;
  padding-bottom:5px;
}

div.phead
{
  width:100%;
  padding-top: 5px;
  padding-bottom: 5px;
}

div.avatar
{
  padding-left:10px;
  padding-right:10px;
  float: left;
}

div.mem_head
{
  width:auto;
}

div.mem_stats
{
  width: auto;
  float: left;
  text-align:center;
  padding-left: 10px;
}

div.mem_location
{
  width: 50%;
  float: right;
  text-align:right;
  padding-right: 10px;
}
div.post_title
{
  background-color: #66cccc;
  border-top: #009999 2px solid;
  width:100%;
  font-size: larger;
  font-weight: bolder;
  padding-top:5px;
  padding-bottom:5px;
}

div.post_body
{
  width:96%;
  margin-left: 1%;
  margin-right: 1%;
  margin-top:5px;
  margin-bottom:5px;
  padding-left: 1%;
  padding-right:1%;
  border-left: #ccffff 1px solid;
  border-right: #ccffff 1px solid;
  padding-top:5px;
  padding-bottom:5px;
  font-size: medium;
  font-weight: normal;
}

.pquote
{
  background-color: #66cccc;
  width: 94%;
/*   width: 100%;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px; */
  padding-bottom:5px;
  margin-left: 2%;
  margin-right: 2%;
  padding-top: 5px;
/*   padding-left: 1%;
  padding-right:1%; */
  border-top: #ccffff 1px solid;
  border-bottom: #ccffff 1px solid;
  overflow:auto;
  height:auto;
  max-height:300px;
/*   line-height: 0.8; */
}
.pquote .pquote
{
  border-left: #009999 1px solid;
  border-right: #009999 1px solid;
  overflow:auto;
  height:auto;
/*   padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px; */
  padding-bottom:3px;
  padding-top:3px;
  margin-bottom:3px;
  margin-top:3px;
  max-height:250px;
  font-size:smaller;
}
.pquote p
{
  background-color: #99cccc;
/*   padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px; */
  padding-bottom:3px;
  padding-top:3px;
  margin-bottom:3px;
  margin-top:3px;
/*   padding-left: 1%;
  padding-right:1%; */
/*   padding: 2px 5px 2px 5px; */
}
.pquote strong { font-size: smaller; }
.code_generic
{
//   background-color: #a5e4c2;
  background-color: #dffff6;
  width: 94%;
  margin-left: 2%;
  margin-right: 2%;
  padding-left: 1%;
  padding-right:1%;
  border-top: #ccffff 1px solid;
  border-bottom: #ccffff 1px solid;
  overflow:auto;
  height:auto;
  max-height:300px;
  font-size:smaller;
}

div.psignature
{
  width:auto;
  border-top: #009999 1px solid;
  font-size: normal;
  padding-top:8px;
  padding-bottom:0px;
}

div.pfoot
{
  width:100%;
  text-align: right;
  padding-top: 0px;
  padding-bottom: 0px;
}

/****************************************************************/
/* 2. STRUCTURAL SETTINGS - VERY IMPORTANT - DO NOT CHANGE */
/****************************************************************/

.indicator
{
  width: 5%;
}

.tcl, .forum_desc
{
  width: 50%;
  text-align: left;
  line-height:1.5;
}


.stat_text { width:43%; text-align: right; padding-right:10px; }
.stat_col { width:7%; text-align: center; padding-right:10px; }
.new_welcome { width:100%;}
.welcome_text { width: 30%;}
.welcome_stats { width: 70%; }

td.tc2, td.thread_tot, td.tc3, td.post_tot
{
  width: 8%;
  text-align: center;
}

.tc2, .thread_tot
{
  border-right: #009999 1px solid;
}

.tcr, .forum_info
{
  width: 29%;
  text-align: right;
}

.filelist {
  width:90%;
  border-top: #99cccc 2px solid;
  border-bottom: #99cccc 2px solid;
  padding: 5px;
}

.forum_col
{
  width: 45%;
}

.topics_col, .posts_col
{
  width: 15%;
}

.lposts_col
{
  width: 25%;
}

.file_ico {
  width:20px;
}

.file_name {
  font-size:smaller;
  width:30%;
}
.file_desc {
  width:auto;
  border-left: #009999 1px solid;
  padding-left:10px;
  font-size:smaller;
}

div.mcol h1 {
  font-size: x-large;
}

div.mcol h2 {
  font-size: large;
}