.clear

{

	clear: both;

	padding-bottom: 1px;	/* for Gecko-based browsers */

	margin-bottom: -1px;	/* for Gecko-based browsers */

}

.hide

{

	display: none !important;

}

.inside

{

	padding: 0 1em;

}



ul, ol, dl, p, h1, h2, h3, h4, h5, h6

{

	margin-top: 14px;

	margin-bottom: 14px;

	padding-top: 0;

	padding-bottom: 0;

}

h1

{

	font-size: 220%;

}

h2

{

	font-size: 190%;

}

h3

{

	font-size: 160%;

}

h4

{

	font-size: 130%;

}

h5

{

	font-size: 100%;

}

h6

{

	font-size: 70%;

}



a, a:link, a:visited, a:active

{

	text-decoration: underline;

}

a:hover

{

	text-decoration: none;

}

code

{

	font-family:Verdana, Arial, Sans-Serif; 

}

label

{

	cursor: pointer;

}

table

{

	font-size: 100%;

}

td, th

{

	vertical-align: top;

}



body

{

	margin: 20px 0 20px 0;				 

	font-size: 100.1%;	/* resolve some font size issues in some layouts for

				   some browsers. (in other words, i got no clue.) */

}

#pageWrapper

{

	border: solid 1px #fff;

	border-width: 0 1px;

	min-width: 40em;	/* IE doens't understand this property. EMs are used

				   so that as the font size increases, the proportional

				   limitations (min-width) increase with it, rather

				   than creating a middle column that can only fit

				   3 or 4 characters in it. */

	width: auto;

}

#masthead

{

	border: solid 1px #fff;

	border-width: 1px 0;

	padding: 0.5em;

}

#masthead h1

{

	padding: 0;

	margin: 0;

}

#outerColumnContainer

{

	border-left: solid 175px #fff;

	border-right: solid 175px #fff;

}

#innerColumnContainer

{

	border: solid 1px #fff;

	border-width: 0 1px;

	margin: 0 -1px;		/* compensate for the borders because of

				   100% width declaration */

	width: 100%;

	z-index: 1;

}

#leftColumn, #middleColumn, #rightColumn, * html #SOWrap

{

	overflow: visible;	/* fix for IE italics bug */

	position: relative;	/* fix some rendering issues */

}

#SOWrap

{

	float: left;

	margin: 0 -1px 0 0;

	width: 100%;

	z-index: 3;

}

#middleColumn

{

	float: right;

	margin: 0 0 0 -1px;

  width: 100%;

	z-index: 5;

}

#leftColumn

{

	float: left;

	margin: 0 1px 0 -175px;

	width: 175px;

	z-index: 4;

}



#leftColumn ul {

  margin:0;

  padding:0;

  margin-left:-8px;

}

				 

#leftColumn li {list-style:none;}				 

				 

#leftColumn ul ul {margin-left:25px;}

				 

#rightColumn

{

	float: right;

	width: 175px;

	margin: 0 -175px 0 1px;

	z-index: 2;

}

#footer

{

	border: solid 1px #fff;

	border-width: 1px 0;

	padding: 0.5em;

}



p.fontsize-set

{

	text-align: center;

}

p.fontsize-set img

{

	border-width: 0;

}

/* removed the vertical navigation - bobmutch */

/* removed the horizontal navigation - bobmutch */



#pageWrapper, #masthead, #innerColumnContainer, #footer, .vnav ul, .vnav ul li, .hnav, .hnav ul li a

{

	border-color: #565;

}

html, body

{

	background-color: #eee;

	color: #000;

	font-family:Verdana, Arial, Sans-Serif; 

}

#pageWrapper

{

	font-size: 80%;	/* set your default font size here. */

}

#masthead

{

	background-color: #898;

	color: #fff;

}



#outerColumnContainer

{

	border-left-color: #fff;	/* left column background color */

	border-right-color: #fff;	/* right column background color */

	background-color: #fff;		/* set the background color for the

					   middle column here */

}

.vnav ul li a:link, .vnav ul li a:visited, .vnav ul li a:active

{

	text-decoration: none;

	background-color: #cdc;

	color: #000;

}

#rightColumn .vnav ul li a:link, #rightColumn .vnav ul li a:visited, #rightColumn .vnav ul li a:active

{

	background-color: #ded;

}

.vnav ul li a:hover, #rightColumn .vnav ul li a:hover

{

	text-decoration: none;

	background-color: #898;

	color: #fff;

}

.hnav ul li a:link, .hnav ul li a:visited

{

	background-color: #bcb;

	color: #000;

}

.hnav ul li a:hover

{

	background-color: #787;

	color: #fff;

}

#rightColumn .inside

{

	font-size: 90%;

}

#rightColumn .inside .vnav

{

	font-size: 110%;

}

#footer

{

	background-color: #898;

	color: #fff;

	text-align: center;

}



* html body

{

	text-align: center;	/* hack to center this under IE5 */

}

* html #pageWrapper

{

	text-align: left;	/* keep the content left-aligned */

}



#pageWrapper

{

	width: 990px;

	margin-left: auto;

	margin-right: auto;

}



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

/* start tool tip newsite */

a.i {

  position:relative; /*this is the key*/

  z-index:24; 

  background-color:#fff;

  text-decoration:none;

  color:blue;

}

a.i:hover {

  z-index:25; 

  background-color:#ffffff;

}

a.i span {

  display:none;

}

a.i:hover span { 

  display:block;

  position:absolute;

  top:2em; 

  left:2em; 

  width:30em;

  border:1px solid #000;

  background-color:#F8F8CB; 

  color:#000;

  text-align:left;

  padding:6px;

}

/* end tool tip newset*/



/* General CSS */

a img {border-width: 0;}



/* Front Page Blocks */

#contentHeader {

	font-size:1.4em;

	padding:3px 0 3px 3px;

	background-color:#dae1f9;

}



.subContentHeader {

	font-size:1.2em;

	border:1px solid #dae1f9;

	background-color:#dae1f9;

	color:black;

	font-weight:200;

	margin-left:20px;

	margin-right :20px;

	clear: left;

}

.subContent {	

  margin-left : 20px;	

  margin-right : 20px;

  margin-top: 0px;

  margin-bottom: 0px;

  border:2px solid #dae1f9;

  padding: 5px;

  clear: left;

}

.subContentCol {

  font-size:1.0em;

  border:2px solid #dae1f9;

  color:black;



  margin-left:20px;

  margin-right :20px;

  margin-left:20px;

}

.clearfix:after {

  content: "!"; 

  display: block; 

  height: 0; 

  visibility: hidden;

  clear: left;

}

.clearfix {

  display: inline-block;

}

/* Hides from IE-mac \*/

* html .clearfix {height: 1%;}

  .clearfix {display: block;}

/* End hide from IE-mac */

	

/* Front page +/- */

.posthidden {display:none} 

.postshown {display:inline}

	

/*frontpage starter blocks*/

.footerlist {

clear: both;

}

 .webdir, .webdirsubs, .webdirdirs, .webdirtools {

  font-size:1.0em;

  border:2px solid #dae1f9;

  color:black;

  width:448px;

  margin-left:20px;

  overflow: auto;

}

.webdirheader {

  font-size:1.2em;

  border:1px solid #dae1f9;

  background-color:#dae1f9;

  color:black;

  font-weight:200;

  width:450px;

  margin-left:20px;

}



.title {

  padding:4px;

}

.linkBlock{

  width:448px;

}

.linkCol3{

  float:left;

  width:138px;

  padding:5px;

}

.linkCol2{

  float:left;

  width:210px;

  padding:5px;

}

.linkCol1{

  float:left;

  width:420px;

  padding:5px;

}	

/* Start RIGHT COLUMN Front Page*/

#rrightcolumn .hostdeal, 

#rightcolumn .phplive, 

#rrightcolumn .arelis-banner {

  border:0;

}



#rrightcolumn .arelis-banner {margin-bottom:5px;}



#rrightcolumn .consulting, #rrightcolumn .arelis, 

#rrightcolumn .paypalverified, #rrightcolumn .topsearch, 

#rrightcolumn .xhtml, #rrightcolumn .hostdeal, 

#rrightcolumn .phplive, #rrightcolumn .seoarticles,

#rrightcolumn .arelis-banner {

list-style-type:none;

font-size:0.9em;

border:1px solid #CDD;

background-color:#FFFFFF;

}



#rrightcolumn .seoarticles {

  margin-bottom:5px;

  padding:2px;

}

						   

#rrightcolumn .seoarticles ul {

  margin:0;

  padding:0;

	padding:5px;

}

						   



#rrightcolumn .xhtml {

  margin:0px 0px 0px 10px;

}

#rrightcolumn .arelis {text-align:center;}

#rrightcolumn .xhtml, #rrightcolumn .hostdeal, 

#rrightcolumn .phplive {border:0}

.consulting {padding:0;margin:0}

.head {

  padding:0 5px;

  margin-bottom:5px;

  background-color:#2992F7;

  text-align:center;

}

.topsearch, .arelis {

  text-align:left;

}

#rrightcolumn ul {padding:5px;}

#rrightcolumn ul {list-style:none;}



/* End RIGHT COLUMN Front Page*/



.pictureleft {

  float:left;

  margin-right:10px;

	margin-bottom:5px;

}



.bbblinks {

  padding-left:5px;

}

		   

.hostdeal {margin-bottom:5px;}



/* TOOL TIPS */

a.info, a.seinfo, a.amberinfo {

  position:relative; /*this is the key*/

  z-index:24; 

  background-color:#fff;

  color:#0FF;

  text-decoration:none;

}

a.info:hover, 

a.seinfo:hover, 

a.amberinfo:hover {

  z-index:25; 

  background-color:#ffffff;

}



a.info span, 

a.seinfo span, 

a.amberinfo span {

  display:none;

}

a.info:hover span, 

a.seinfo:hover span, 

a.amberinfo:hover span { 

  display:block;

  position:absolute;

  top:2em; 

  left:2em; 

  width:30em;

  border:1px solid #000;

  background-color:#F8F8CB; 

  color:#000;

  text-align:left;

  padding:6px;

}

a.seinfo:hover span, 

a.amberinfo:hover span {

  width:20em;

}

a.seinfo {

  color:red;

}

a.amberinfo {

  color:#FFBF00;

}		   



UL		{ margin: 0px; padding: 0px; list-style: none; }

UL LI		{ list-style-type: none; }



H2		{ font-size: 12pt; margin: 0; padding: 0; margin-top: 10px; }

H2 A:link,

H2 A:visited	{ font-size: 18pt; color: blue; margin: 0; padding: 0; margin-top: 10px; text-decoration: none; }

H2 A:hover	{ text-decoration: underline; }



P.postmetadata  { 

  border-bottom: 1px dotted #efefef; 

  padding-bottom: 5px; 

  font-size: 80%; 

}

P.dateline	{ color: #333; padding: 0; margin: 0; border-bottom: 1px dotted #333; }

P.dateline A:link,

P.dateline A:visited { color: blue; text-decoration: none; }

P.dateline A:hover   { text-decoration: underline; }



P.alt		{ 

  font-size: 90%; 

  border-top: 1px solid black; 

  border-bottom: 1px solid black; 

  background: #efefef; padding: 5px; 

}



.wp-notable_image {

  border:none;

  margin-top:15px;

}

.floatleft {
float: left;
padding: 0 10px 0 0;
}
.floatright {
float: right;
padding: 0 0 0 10px;
}

.hilight {
background:#eee none repeat scroll 0%;
border:1px solid #ccc;
display:block;
}