/* main block containers */
body{
background-color:#000000;
color:#45387D;
margin:0px;
padding:0px;
font-family:arial, sans-serif;
font-size:100%;
}
* html body {
text-align:center;
}
#mainContainer{
border-left:2px solid #0d83b1;
border-right:2px solid #0d83b1;
border-top:0px solid #0d83b1;
border-bottom:4px solid #0d83b1;
/*width:90%;*/
margin:0 auto;
background-color:#a9dae9;
text-align:left;
position:relative;
max-width:1050px;
/*min-width:900px;*/
}


#forumBottom {
background-color:#a9dae9;
}

/* header css */
div#header{
position:relative;
height:80px;
top:0;
left:0;
z-index:2;
visibility:visible;
display:block;
}
div#headerBottom{
background-color:#a9dae9;
z-index:20;
position:absolute;
top:70px;
height:10px;
border-top:1px solid black;
font-size:0;
line-height:0;
width:100%;
}
div#row1-a1{
width:16%;
height:64px;
background-color:#0d83b1;
position:absolute;
top:0px;
left:0px;
z-index:3;
}
div#row1-a2{
width:88%;
height:56px;
background-color:#0071a1;
position:absolute;
top:8px;
left:6%;
z-index:3;
}
div#row1-b1{
width:68.1%;
height:60px;
background-color:#60b6d3;
position:absolute;
top:0px;
left:16%;
border-left:1px solid black;
z-index:2;
visibility:visible;
}
div#row1-c1{
width:16%;
height:60px;
background-color:#309ac1;
position:absolute;
top:0px;
left:84%;
border-left:1px solid black;
margin-left:0px;
z-index:2;
}
div#row1-c2{
width:90px;
height:50px;
position:relative;
padding:5px;
z-index:3;
}

div#row2-a1{
width:16%;
height:10px;
background-color:#339bc2;
position:absolute;
top:60px;
left:0%;
z-index:3;
}
div#row2-a2{
width:88%;
height:10px;
background-color:#0d83b1;
position:relative;
left:6%;
z-index:3;
}
div#row2-b1{
width:68.1%;
height:10px;
background-color:#a9dae9;
position:absolute;
top:60px;
left:16%;
border-left:1px solid black;
z-index:2;
visibility:visible;
}
div#row2-c1{
width:16%;
height:10px;
margin-left:0px;
background-color:#66bad5;
position:absolute;
top:60px;
left:84%;
border-left:1px solid black;
z-index:2;
vertical-align:middle;
}
div#float-header1a, div#float-header1b{
width:auto;
background-color:transparent;
}
div#header1a{
top:-5px;
left:6%;
z-index:10;
position:absolute;
}
div#header1b{
top:2px;
left:2px;
z-index:9;
position:absolute;
}
div#header2a, div#header2b{
width:auto;
background-color:transparent;
position:absolute;
}
div#header2a{
bottom:14%;
left:75px;
z-index:6;
}
div#float-header3a{
width:35%;
height:40px;
background-image:url(/images/site/purple-opaque.png);
/*background:#990066;
opacity: 0.4;*/
margin:0px;
position:absolute;
top:35px;
left:12%;
text-align:left;
z-index:6;
visibility:visible;
}

div#float-header3b{
width:60px;
height:15px;
background-color:transparent;
position:absolute;
top:65px;
left:245px;
z-index:6;
}
div#float-header3c{
margin:0;
position:absolute;
bottom:50%;
left:2%;
z-index:9;
}
div#float-header3d{
position:absolute;
bottom:30%;
left:22%;
z-index:9;
}
div#float-header3e{
position:absolute;
bottom:5%;
left:44%;
z-index:9;
}
h4#page-header{
position:absolute;
bottom:5%;
right:5%;
z-index:5;
color:#ffffff;
font:bold 15px arial, sans-serif;
}

#site-header, #site-headerb{
font:bolder 30px arial, sans-serif;
color:#ca261e;
}
#site-header{
color:#795352;
}
#site-headerb{
color:#ca261e;
}
#site-subheader, #site-subheaderb, a#site-subheader-l, a#site-subheader-l:link{
font:bold 15px 'bookman old style', georgia, serif;
}
#site-subheader, a#site-subheader-l, a#site-subheader-l:link,
a#site-subheader-l:active, a#site-subheader-l:visited, a#site-subheader-l:hover{
color:#ca261e;
}
#site-subheaderb{
color:#6B4948;
}
a.block, a.block:visited{
display:none;
font-size:2px;
line-height:2px;
color:white;
}
#float-header3a a:link, #float-header3a a:visited{
color:yellow;
font:bold 11px arial, sans-serif;
text-decoration:none;
}
#float-header3a a:hover{
color:lime;
}
#float-header3a a:active{
color:#fb6704;
}
/* general purpose */
table,td{
vertical-align:top;
border:0;
margin:0;
border-collapse:collapse;
}
td,th{
text-align:left;
padding:2px;
}
.center{
text-align:center;
}
.right{
text-align:right;
}
.left {
text-align:left;
}
table{

}
#adminbody,.mainbg{
background-color:#a9dae9;
}
body#adminbody{
margin:5px;
}
th{
color:#2B4157;
font-size:11px;
font-weight:bold;
background-color:#6699CC;
}
h1, h2, h3, h4, h5, h6 {
margin:0;
padding:0;
}
/* end main block containers */
/* main font and basic tag stylings */
th,td,p,li{
font-family:Arial,Helvetica,sans-serif
}
p,td{
/*
font-size:1em;
*/
}
p,ol,ul{
margin-top:0px;
margin-bottom:0.3em;
}
hr{
height:1px;
color:#60b6d3;
background-color:#60b6d3;
}
img{
border:0;
}
/* end main font stylings */
/* forum classes */

.view-topic {
	border-bottom:solid 3px #0071a1;
}
div.lower-nav {
	margin-top:.6em;
	padding-top:.4em;
	border-top:1px solid #60b6d3;
}
.bodyline{
background-color:#2B4157;
}
td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom
.catbottom span{
background-color:#64A4B8;
color:#EAF7FB;
font-weight:bold;
letter-spacing:0.1em;
}
td.catHead{
background-color:#96C8DD;
border-top:solid 1px #0071a1;
border-bottom:solid 1px #0071a1;
}
td.cat,td.catSides,td.catLeft,td.catRight,td.catBottom{
font-size:12px;
}
.catHead,td.cat,td.catSides,td.catLeft,td.catRight,td.catBottom,.thCornerR{
padding-left:10px;
}
td.catBottom{
text-align:left;
}
.catbottom span{
font-size:11px;
}
#align-lt,#align-lb{
margin-left:8px;
}
#align-rt,#align-rb{
width:auto;
float:right;
text-align:right;
}
.full-column{
margin-left:70px;
}
#align-lt{
margin-bottom:5px;
}
#align-lb{
margin-top:5px;
}
#align-rt{
padding:0 8px 4px 0;
}
#align-rb{
padding:8px 8px 0 0;
}
#mt{
margin:2px 0 6px 2px;
}
.buttons {
padding:2px;
white-space:nowrap;
}
.forumline{
background-color:#FFFFFF;
z-index:2;
max-width:99%;
min-width:84%;
clear:both;

}
.forumline td, .forumline th{
	padding:3px;
}
.forumline td {
	/*width:99.5%;*/
}
.forum-topics td {
	max-width:1020px;
}
#watch-topic {
	width:40%;
}
#leftBar {
max-width:15.5%;
float:left;
overflow-x:auto;
z-index:0;
}
#with-left {
padding-right:1%;
min-width:83%;
position:relative;
overflow-x:auto;
}
#with-left .forumline {
margin-left:1%;
}
.forumlink{
font-weight:bold;
font-size:12px;
color:#2B4157;
}
.gen{
font-size:12px;
}
.genmed,.genmed li{
font-size:11px;
}
.genmed li{
margin:0 0 .2em .5em;
padding:0 .2em;
}
.gensmall,#topright{
font-size:10px;
}
.gen,.genmed,.gensmall,li,#topright{
color:#2B4157;
}
.helpline{
background-color:#E8EFF7;
border-style:none;
}
#forumMenu,#forumMenuRight{
padding:3px;
border:1px solid black;
background-color:#e8f4f8;
font-weight:bold;
color:#2B4157;
}
#forumMenu,#donations{
/*/*/
float:right;
/* */
width:auto;
margin:0.2em 1em 0 0;
font-size:11px;
line-height:1.2em;
text-align:right;
}
#donations {
padding:0;
clear:right;
margin-right:0.6em;
}
#donations input {
padding:2px;
font-size:11px;
font-weight:bold;
background-color:#000;
color:yellow;
border:3px double yellow;
}
#donations input:hover {
border-color:#911266;
background-color:#e8f4f8;
color:#911266;
}
#donations input:active {
background:#5C356A;
color:yellow;
border-color:yellow;
}
#forumMenuRight{
margin:0.2em .5em 0 0;
width:auto;
/*/*/
float:right;
/* */
font-size:11px;
line-height:1.0em;
}
.forum-post-image-container td {
	padding:0px;
}
.forum-post-image {
	width:20px;
	padding:0;
}
.forum-post-image img {
	width:19px;
	width:18px;
}
.maintitle,h1,h2{
font-weight:bold;
font-size:22px;
font-family:"Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;
text-decoration:none;
color:#45688B;
}
.name{
font-size:11px;
color:#2B4157;
}
.nav{
font-weight:bolder;
font-size:12px;
color:#64A4B8;
}
.ar {
letter-spacing:-4px;
font-size:13px;
padding:0 4px 0 2px;
color:#0071a1;
}
.catHead .nav,.catHead{
font-size:11px;
font-weight:bold;
}
.forum-nav a.nav, .full-column a.nav {
/*display:inline-block;
max-width:45%;*/
}

.row1,.row2,.row3{
padding:4px;
}
#topright{
text-align:right;
}
.row2{
}
.row1{
background-color:#F5F8FB;
border-right:1px solid #60b6d3;
border-left:1px solid #60b6d3;
border-bottom:1px solid #60b6d3;
}
.row2{
background-color:#E5F2F6;
border-right:1px solid #60b6d3;
border-left:1px solid #60b6d3;
border-bottom:1px solid #60b6d3;
}
.forum-topics .row1, .forum-topics .row2{
border-bottom:4px double #60b6d3;
}
.row3,.row3Right{
background-color:#D8F4FC;
border-right:1px solid #60b6d3;
border-bottom:1px solid #60b6d3;
}
.r2r{
white-space:nowrap;
}
.thTop,.thCornerR,.thLeft,.thRight{
border-top:1px solid #0071a1;
border-bottom:1px solid #0071a1;
border-right:1px solid #0071a1;
}
.thTop,.thCornerL,.thCornerR,.thLeft,.thRight{
background-color:#F2F9FB;
}

.thCornerL,.thLeft{
border-bottom:1px solid #0071a1;
border-top:1px solid #0071a1;
width:20px;
}
#new-topic {
	max-width:12em;
	float:left;
	margin-bottom:.4em;
	margin-right:1em;
}
#forum-breadcrumb-nav {
	max-width:40em;
	float:left;
	margin-bottom:.1em;
}
/*
.thCornerR,.thRight{
border-right:1px solid #0071a1;
}
*/
.thHead{
font-size:13px;
color:#F2F9FB;
padding-left:10px;
background-color:#309ac1;
border-top:2px solid #0071a1;
border-bottom:2px solid #0071a1;
}
.postbody{
font-size:12px;
line-height:1.3em;
background-color:transparent;
}
.topic-head{
border-bottom:1px solid #60b6d3;
margin-bottom:.5em;
padding-bottom:2px;
font-size:10px;
color:#2B4157;
}
.post-subject {
clear:both;
font-size:95%;
font-weight:bold;
padding-bottom:4px;
}

.postdetails{
font-size:10px;
color:#2B4157;
}
.post-date{
padding-bottom:4px;
display:block;
}
.poster-block-1 {
width:40%;
float:left;
}
.poster-block-2 {
width:14em;
float:right;
text-align:right;
}
.info-block-1{
font-size:10px;
text-align:left;
padding-top:6px;
text-align:right;
}

.quote,div.code{
margin:.3em 15px 0 15px;
padding:.2em .2em .2em .4em;
z-index:2;
font-size:11px;
overflow-x:auto;
position:relative;
}
.quote{
font-family:Verdana,Arial,Helvetica,sans-serif;
color:#050612;
background-color:#E8EFF7;
border:1px solid #45688B;
max-width:97%;
}
div.code{
font-family:'lucida console', 'andale mono', 'dejavu sans mono', 'Bitstream Vera Sans Mono', monospace;
color:#34DC34;
background-color:#000;
max-width:830px;
white-space:nowrap;
}
.quote div,.code div{
float:right;
width:auto;
font-size:11px;
font-weight:bold;
padding:0 1px;
margin:-1px 0 0 .3em;
font-family:arial,sans-serif;
line-height:1em;
z-index:12;
}
.quote div{
background-color:#fff;
color:#0d83b1;
border:1px solid #60b6d3;
}
.code div{
color:#FD5502;
border:1px solid #FD5502;
}
/* sometimes this might be wrapped by a <a...>...</a> 
so needs to be span/block for valid code */
.topic-image {
max-width:95%;
overflow-x:auto;
display:block;
}
.signature{
font-size:11px;
color:#45688B;
}
.spaceRow{
background-color:#0071a1;
height:3px;
}
.topictitle{
font-weight:bold;
font-size:11px;
color:#2B4157;
}
div.copyright{
font-size:10px;
font-family:Verdana,Arial,Helvetica,sans-serif;
color:#2B4157;
text-align:center;
clear:both;
margin-top:4em;
}
/*end forum classes */

/* form styling */
form{
margin:0;
}
input {
text-indent : 2px; 
}
input,textarea,select{
color:#2B4157;
font:normal 12px Verdana,Arial,Helvetica,sans-serif;
border-color:#AEC9E4;
border-width:1px;
}
input.post,textarea.post{
background-color:#F5F8FB;
}
select{
background-color:#F5F8FB;
}
input{
text-indent:2px;
}
input.button{
background-color:#F5F8FB;
color:#2B4157;
font-size:11px;
font-family:Verdana,Arial,Helvetica,sans-serif;
border-width:1px;
}
input.mainoption{
background-color:#F5F8FB;
font-weight:bold;
}
input.liteoption{
background-color:#F5F8FB;
font-weight:normal;
}
/* end form styling */
/* link CSS */
a:link,a:active,a:visited{
text-decoration:underline;
color:#2B4157;
}
a:hover{
text-decoration:none;
color:#45688B;
}
a.cattitle{
text-decoration:none;
color:#EAF7FB;
}
a.cattitle:hover{
text-decoration:underline;
}
.copyright a,.copyright a:visited,.copyright
a:active,.postlink:link,.postlink:visited,.postlink:active{
color:#911266;
text-decoration:none;
}
.copyright a:hover, .postlink:hover{
color:#45688B;
text-decoration:underline;
}
a.forumlink{
text-decoration:none;
color:#2B4157;
}
a.forumlink:hover{
text-decoration:underline;
color:#45688B;
}
a.gen,a.genmed,a.gensmall{
color:#911266;
}
a.gen:hover,a.genmed:hover,a.gensmall:hover{
color:green;
}
a.mainmenu,a.mainmenu:visited{
text-decoration:none;
color:#911266;
font-weight:bold;
}
a.mainmenu:hover{
color:green;
}
a.mainmenu:active{
background-color:green;
color:white;
}
a.maintitle,a.maintitle:visited{
text-decoration:none;
background-color:#E5F2F6;
color:#911266;
font-weight:bold;
font-size:14px;
padding:0px 3px;
border:solid 1px #911266; 
border-radius:1%;
}
a.maintitle:hover{
background-color:#911266;
color:white;
border-color:#fff; 
}
a.maintitle:active{
background-color:green;
color:white;
border-color:white;
}
.row1 a.nav,.row2 a.nav{
font-size:10px;
}
a.nav,a.nav:visited,.topic-head a,.topic-head a:visited{
color:#911266;
font-weight:bold;
}
a.nav:hover,.topic-head a:hover{
color:green;
}
a.nav:active,.topic-head a:active{
background-color:green;
color:white;
}

.postbody a:link{
text-decoration:none;
color:#911266;
}
.postbody a:visited{
text-decoration:none;
color:green;
}
.postbody a:hover{
text-decoration:underline;
color:#45688B;
}
.buttons a,.buttons a:visited{
color:#006597;
font:bold 11px arial,sans-serif;
padding:2px 3px;
text-decoration:none;
background-color:#fff;
border:1px solid #006597;
border-radius:4px;
}
* html .buttons a,* html .buttons a:visited {
padding:1px 3px;
}
.buttons a:hover{
background-color:#006597;
color:#fff;
border-color:#fff;
}
a.topictitle,a.topictitle:link{
color:#911266;
}
a.topictitle:visited{
text-decoration:none;
color:#877C04;
}
a.topictitle:hover{
text-decoration:underline;
color:green;
}
.clearfix:before,
.clearfix:after {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

.clearfix:after {
	clear: both;
}
/* end link CSS */

@media only screen 
and (max-width: 1100px)
and (min-width: 781px) {
	#overall-wrapper {
	overflow-x:auto;
	}
	#with-left {
	overflow-x:auto;
	padding:0px;
	margin:0px;
	}
	.forum-topics td {
	max-width:84vw;
	}
	#leftBar {
	max-width:16vw;
	}
	div.code {
	max-width:74vw;
	}
}

@media only screen 
and (max-width: 780px) {
	#overall-wrapper {
	overflow-x:auto;
	}
	#leftBar {
		display:none;
	}
	#forum-table-container {
		overflow-x:auto;
	}
	div#float-header3a{
		left:1%;
	}
	#forumMenuRight{
	margin:.1em;
	width:auto;
	float:none;
	overflow:auto;
	}
	.buttons {
		padding-bottom:.5em;
	}
	div#float-header3e {
		left:2%;
	}
/*	.poster-block-1 {
		max-width:64%;
		padding-right:2%;
	}
	.poster-block-2 {
		max-width:33%;
		padding-right:1%;
	}*/
	.forumline{
	width:99.8%;
	}
	.forum-topics td {
	max-width:97vw;
	}
	.forumline td .code{
	white-space:nowrap;
	}
	#with-left {
	padding:0%;
	margin:0;
	max-width:99.8%;
	overflow-x:auto;
	}
	#with-left .forumline {
	margin-left:0%;
	width:99.8%;
	}
	/*.code div{
	display:none;
	}*/
	.maintitle {
	background-color:transparent;
	border:none;
	}
	a.maintitle,a.maintitle:visited{
	background-color:transparent;
	text-decoration:none;
	border:none;
	}
	a.maintitle:hover{
	background-color:transparent;
	border:none;
	}
	a.maintitle:active{
	background-color:green;
	color:white;
	}
}
@media only screen 
	and (max-width: 450px) {
	div#float-header3a{
		width:45%;
	}
}
@media only screen 
	and (max-width: 780px)
	and (min-width: 451px)
	and (orientation: landscape) {
	#header2a {
		display:block;
	}
}
@media only screen 
	and (max-width: 450px)
	and (orientation: portrait) {
	#header2a {
		display:none;
	}
}
