/* -#MAIN  body, a, address, code, p, h1, h3, h4, .footer

---------------------------------*/

body {

	background-color:#000;

  	color:#fff;

  	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;

  	font-size:62.5%}

div.body {/* acts as wrapper */

	margin:0 auto;

	width:800px}



a:link {color:#6f9}

a:visited {color:#6c9}

a:hover { 

  	color:#9fc;

  	text-decoration:underline}

a {text-decoration:none}



a.title {color:#6cf}



address {

	font-size:1.2em

	font-style:normal}

address.h3 {

	font-size:1.2em;

	margin-top:-2.25em;

	font-style:normal}



code {/* replaced .html starving artists code */

     	color:#99ccff;

	font-family:"Lucida Console", "Monaco", monospace;  

     	font-size:95%}

#wp-install code {

	color:#99ccff; 

	font-family:Arial, Helvetica, sans-serif;

	font-size:100%}



p, #hosting td, #home td, #status td {font-size:1.2em} 



p#faqnav {

	font-size:1.2em;

	margin:0;

	padding:0;

	text-align:center}



p strong {

	color:#6cf;

	font-weight:normal}



p.b strong {

	color:#fff;

	font-weight:bold}



p.note strong {

	color: #c9f;

	font-weight:bold}



h1 {

	font-size:1em;

	height:78px;

	margin:10px 0;

	text-align:center;

	text-transform:uppercase}



h1 a {

	display:block;

	height:78px;

	margin:0 auto;

	overflow:hidden;

	position:relative;

	width:300px}

* h1 a {overflow:visible} /* IE 6 cuts off header images without this hack */

* h1 a {cursor:pointer}

* html h1 a {right:100px} /* keeps logo centered in IE6/Win */



h1 a:hover {text-decoration:none}



h1 a span {

	background:url('/images/hosting_title.gif') no-repeat center;

	display:block;

	height:100%;

	margin:0 auto;

	position:absolute;

	width:100%}



h3 {/* replaced .title */

	color:#6cf;

	font-size:1.8em;

	font-weight:normal;

	margin:1.5em 0 1.5em;

	text-align:center}

#hosting h3 {margin-bottom:.75em}



h3.left {text-align:left}



h4.center {

	color:#fff;

	font-size:1.2em;

	font-weight:bold;

	margin:2.25em 0 1em;

	text-align:center}



h4.left {/* mirrors the .sub_head style */

	color:#ff9;

	font-size:1.7em;

	font-weight:normal;

	text-align:left}

#hosting h4.left {margin-bottom:.75em}

#faq-billing #answers h4, #faq-mysql #answers h4.left {font-size:1.4em}

h4.left span.note {font-size:.7em}



table.pricing {background-color:#fff}



.header td {

   	color:#fff;

   	text-align:center;

   	background-color:#2C5197}



.main td {

   	background-color:#000;

   	color:#6cf;

   	text-align:center}



.footer { 	

	border-top:1px dotted #6c9;

	margin-top:3em;

	padding:1em 0}



.footer p {margin:0}



.footer #copy {float:left}



.footer #tos {text-align:right}



.box {

	border:1px dotted #6c9;

	padding-left:20px;

	padding-right:20px;

	padding-bottom:20px}





/* -#NAV 

---------------------------------*/

#nav {

	border-bottom:1px dotted #6c9;

	padding:0 0 10px}

	

#nav ul {

	background-color:#2375bb;

	color:#fff;

	margin:0;

	padding:3px;

	text-align:center;

	white-space:nowrap;

	width:auto}



#nav ul li {display:inline}



#nav ul li a {

	background-color:#2375bb;

	color:#fff;

	font-size:1.2em;

	font-weight:normal;

	padding:.25em 1em;

	text-decoration:none}

#nav ul li a:hover {

	background-color:#09f;

	color:#fff}







/* -#FAQ's and lists

---------------------------------*/

ul {list-style:none}



ol li {

	font-size:1.2em;

	margin:1.25em 0} 



#answers {margin-top:4em} /* ol */

.indent, #answers li {margin-bottom:2.5em}



ol.indent li {

	font-size:1em;

	margin-bottom:1.25em}



li p, .indent li p, ul.indent li {font-size:1em}

#privacy ul.indent li, #hosting ul.indent li, #ftp ul.indent li, #frontpage ol.indent li, #pop ul.indent li {font-size:1.2em}



#answers ul.indent li, #hosting ul.indent li, #answers ol.indent li {margin-bottom:1.25em}



p.indent {margin-left:2em}



#frontpage .indent li p, #aup .indent li p, #order .indent li p {font-size:1em} /* inheritance issue with un-nested listed p's. Need to test this after recoding to see what to declare */




#faqmenu ul {
	xbackground-color:white;
	xborder:10px solid red;
	font-size:1.7em;
	margin:0 auto 20px;
	padding:0 0 0 160px;
	text-align:center;
	width: 34em}

#faqmenu ul li {
	xbackground-color:brown;
	float: left;
	margin:0 0 20px 0;
	text-align:left;
	width: 17em;}




p#clearboth {clear:both}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */







/*  Search styles 

----------------------------------*/

#search-results table td {font-size:1.2em}

#search-results ul#notnav li {font-size:1.2em}

#search-results dl {margin:20px 0 25px}

#search-results dt small {font-size:1em}

























/* -#miscellaneous classes 

---------------------------------*/

.b {font-weight:bold}



.center {text-align:center}



.code {color:#99ccff}



.blue {color:#6cf}



.purple {color:#c9f}



.hide {display:none}



.error { 

  	color: #f00;

  	font-weight:bold;

  	font-size:14px}



.lg, #home td a, #hosting #plans td a {font-size:140%}

p.lg {font-size:170%} /* used on hosting.php */



.note {color:#fff}



.screenshot {padding-bottom:4em}

.indent .screenshot {padding-bottom:1.5em}



.sub_head {

	color:#ff9; 

	font-size:160%}



#tutorial {/* Flash tutorial page style */

	background-color:#fff;

	margin:0;

	text-align:center}



abbr {cursor:help}





/* -#HACKS 

---------------------------------*/

.br-top {/* hack to simulate line breaks */

	padding-top:3em}



#hosting p.spacehack {margin-top:-1.25em}

#hosting table.spacehack {margin-bottom:2em}



li h3.left {/* used as hack on terms.php */

	font-size:1.5em;

	margin-bottom:1em}



#faq-examples-mspub ol, #customers ul.hack {

	margin:0;

	padding:0;

	list-style:none}



#customers ul.hack {font-size:1.2em}



#testimonials blockquote {

	margin:0;

	padding:.5em 0 1}



#order h3.left {margin:0 0 .5em 2.25em}

#order ol#questions li {margin:0;margin-bottom:.5em}

#order ol#questions li.order-hack {xmargin-top:2em}

#order ol#answers {margin-top: 4em}

#order ol#answers li {margin-bottom:3em}

#order ol {list-style:none}

#order #answers p strong {font-weight:bold;color:#6c9}

#faq-examples-pop p strong {font-weight:bold;color:#fff}

#faq-wordpress #answers {padding-bottom:8em}







/* -#UNKNOWN classes that need found or they can be eliminated 

---------------------------------*/

pre {font-family:"Lucida Console", "Monaco", fixed, monospace}



.title {/* ELIMINATE THIS WHEN DONE CODING. h3 replaces this */

  font-size: large;

  color: #66ccff}



/*.copy { font-size: 75% }*/



.i { font-style: italic}



.bi { 

  font-style: italic;

  font-weight: bold;

  }



.off {color:#666666}



.special {color:#ff3300}



.err {

  color:#ff6666;

  font-weight: bold;

  }



.reqd {

  color:#ff6666;

  font-weight: bold;

  background-color: #660000;

  }



li.faq_main { font-size: 140% } /* can be eliminated after coding */



/*div.box { 

  padding: 10px;

  border: 1px solid #66ccff;

  }*/



/*div.main  { position: absolute;

            top: 0px;

            margin: 5px 5px 0px 0px;

            right: 200px;

            left: 0px }



div.right { position: absolute;

            top: 0px;

            margin: 5px 5px 0px 0px;

            right: 0px;

            width: 200px }*/



td.eol {

   color: #330000;

   background-color: #ffcc66;

   }



a.eol {

   color: #cc0000;

  }

  

.order_form {color: yellow}



.highlight { background-color: #006633; font-weight: bold; padding: 2px; border: 1px #00CC99 solid;}



.wda:hover { background-color: #666666; }

.wea:hover { background-color: #006666; }

a.today { 

   color: #ffcc00;

   }



p.alert { border: 1px solid #2375BB; padding: 10px; }

p.new { border: 1px solid #e5e597; padding: 10px; }

p.cloud { padding: 5px; text-align: center; font-size: 14px;}


http://laughingsquid.net/styles/ls_print.css

/* print styles go here */



/* if it ever happens one day, this is kind of the idea

body {

   background: white;

   font-size: 12pt;

   }

#nav, h1 span, #faqnav {

   display: none;

   }

h1 {

	float:none;

	text-align:left;

	font-size:36pt;

	width:100%;

	}

.body {

   width: auto;

   margin: 0 5%;

   padding: 0;

   border: 0;

   color: black;

   background: transparent none;

   }

div#content {

   margin-left: 10%;

   padding-top: 1em;

   border-top: 1px solid #930;

   }

div#mast {

   margin-bottom: -8px;

   }

div#mast img {

   vertical-align: bottom;

   }

a:link, a:visited {

   color: #520;

   background: transparent;

   font-weight: bold;

   text-decoration: underline;

   }

#answers li a:link:after, #content a:visited:after {

   content: " (" attr(href) ") ";

   font-size: 90%;

   }

#answers li a[href^="/"]:after {

   content: " (http://laughingsquid.net" attr(href) ") ";

   }*/