/* -----------------------------------------------
hyperacktive.com layout & styles
---------------------------------------------- */

body {
  margin: 0;
  padding: 0;
  font-size: x-small;
  font-size/* */:/**/small;
  font-size: /**/small;
  font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
  color: #000;
  background: #EDEBD6 url(../img/bg-body.jpg) top left repeat-y;
}


html body#core div#b-navbar {
  display: none;
  visibility: hidden;
}

html body#blog div#b-navbar {
  display: none;
  visibility: hidden;
}

/* General HTML ELEMENT rules */

h1, h2, h3, h4, h5, h6 { color: #5A6B89; }
h2 { border-bottom: 1px dotted #777; }

a:link { color: #555; text-decoration: underline; }
a:visited { color: #993399; text-decoration: underline; }
a:hover { color: #ff9900; text-decoration: none; }
a img { border: 0; }

img { padding: 0px; border: 0; }

p { margin: 0; padding: 8px 0 8px 0; }


.annotation, abbr, acronym, dfn  {
   font-style: normal;
   cursor: help;
   border-bottom: 1px dotted #8b8b8b;
}

code {
 display: block;
 padding: 16px;
 color: #000;
 background: #E3EBF4;
 border: 1px solid #7484A0;
}

ul { margin: 0; padding: 0; }

.hid { display: none; }

.hrl { height: 1px; margin-top: 1em; background: #ccc; }


/* LAYOUT BLOCKS
-----------------------------------------------*/

#container {
  min-width: 740px;
  padding: 0;
  border-top: 0px solid #fff;
}



#hyperbar {
  position: absolute;
  width: 99.99%;
  height: 30px;
  background: transparent url(../img/bg-topbar.jpg) top left repeat-x;
}


/* HEADER
----------------------------------------------- */

#header {
  position: absolute;
  top: 42px;
  left: 0;
  height: 200px;
  width: 316px;
  background: transparent url(../img/bg-header.gif) center center no-repeat; 
  border: 0px dashed #ff0000; /* */
}
		
#logo {
  position: relative;
  top: 0;
  display: block;
  margin: 0 auto;
  padding: 0;
  height: 180px;
  width: 240px;
  border: 0px dotted #000;
}
		
#logo span {
  position: absolute;
  top: -999px;
  left: -999px;
}

#logo img { display: none; }


#description {
  display: none;
  margin:0 5px 5px;
  padding:0 20px 20px;
  border:1px solid #eee;
  border-width:0 1px 1px;
  max-width: 700px;
  font:78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  text-transform:uppercase;
  letter-spacing:.2em;
  color:#999;
}

		
		


/* CONTENT
----------------------------------------------- */
#content {
  max-width: 876px;
  margin: 0 0 0 320px;
  padding: 0;
  text-align:left;
}
		
		
#main {
    min-height: 860px;
	min-width: 420px;
	margin: 0 0 0 0;
	padding: 4em 2em 2em 2em;
	background: transparent url(../img/bg-main.gif) top left no-repeat;
}
		
body#system #main { background-image: none; }
	

/* H2 Headings
----------------------------------------------- */
#section {
  margin: 0 0 .75em 0;
  font: 78%/1.4em "Trebuchet MS", Trebuchet, Arial, Verdana, Sans-serif;
  text-transform:uppercase;
  letter-spacing:.2em;
  color: #777;
}

#section a { text-decoration: none; }
#section a:visited { color: #777; }
#section a:hover { border-bottom: 1px solid #ff9900; }



#feature {
  display: block;
  height: 200px;
  margin: 0 0 0 -.5em;
	 background: transparent url(../img/bg-feature.png) center left no-repeat;
/*  border: 1px dashed #ff0000;  */
}


#feature-r {
  display: block;
  float: right;
  height: 200px;
  width: 48px;
	 background: transparent url(../img/bg-feature-right.png) top left no-repeat;
}



/* Posts
----------------------------------------------- */
.date-header, .section-header {
  margin:1.5em 0 .5em;
}

.post {
  margin:.5em 0 1.5em;
  border-bottom: 1px dotted #ccc;
  padding-bottom: 1.5em;
}

.post-title {
  margin: 2em 0;
  padding: 0;
  font-size: 180%;
  font-weight: bold;
  font-family: Verdana, Arial, Sans-serif;
  text-transform: none;
  line-height: 1.4em;
  color: #5A6B89;
}


.post-title a, .post-title a:visited, .post-title strong {
  display: block;
  text-decoration:none;
  color:#c60;
}


.post-body h2 {
  margin: 32px 0 0 0;
  padding: 4px;
  font-size: 130%;
  font-weight: bold;
}


.post-body h3 {
  margin: .75em 0 0 0;
  padding: 8px 0 0 .25em;
  font-size: 120%;
  font-family: Verdana, Arial, Helvetica, sans-serif; 
}

.post-body h3 a {text-decoration: none; border-bottom: 1px solid #939393; }
.post-body h3 a:hover { color:#ff9900; border-bottom: 0px; }

.post-body h4 {
  margin: 1em 0 0 0;
  padding: 8px 0 0 .25em;
  font-size: 120%;
  font-family: Verdana, Arial, Helvetica, sans-serif; 
}

.post-body h4 a { text-decoration: none; border-bottom: 1px solid #939393; }
.post-body h4 a:hover { color:#ff9900; border-bottom: 0px; }


.post-body h5 {
  margin: 0;
  padding: 8px 0 0 .25em;
  font-size: 95%;
}



.post div {
  margin: 0 0 .50em;
  line-height:1.6em;
}
		
.post-body {		
 font-size:100%;
}

.post-body p {		
  padding-left: .25em;
}

body#feed .post-body p {		
  margin-bottom: 1em;
}

.post-body ul li {
  margin: .25em 0;
  font-size: 1em;
}

.post-body ul li a:hover {
  font-size: 105%;
  font-weight: bold;
}

		
		
		
p.post-footer {
  margin:-.25em 0 0;
  color:#ccc;
  }
.post-footer em, .comment-link {
  font:78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  text-transform:uppercase;
  letter-spacing:.1em;
  }
.post-footer em {
  font-style:normal;
  color:#999;
  margin-right:.6em;
  }
.comment-link {
  margin-left:.6em;
}


.post blockquote {
  margin:1em 20px;
  padding: 8px;
  border: 1px solid #8b8b8b;
  background: #f3f3f3;
}
.post blockquote p {
  margin: 0;
  font-size: 75%;
}




.post-sample {
  font-size: 90%;
  margin: 0;
  padding: 2px 8px 2px 8px;
  border: 1px solid #ebebeb;
  background: #fefefe;
}

.fluffimg {
 float: right;
 margin: 12px 0 12px 12px;
 padding: 8px;
 border: 0px solid #555;
}

.smallcopy { font-size: 85%; }
.tiny { font-size: 60%; }
h2 span.tiny { float: right; }





ul.tagCloud { margin: .5em 0 0 .5em; list-style: none; }
ul.tagCloud li { display: inline; padding-right: .5em; }
ul.tagCloud li a { font-weight: normal; }
ul.tagCloud li a:hover { font-weight: normal; font-size: 100%; }

ul.bold li a { font-weight: bold; font-size: 110%; }
ul.bold li a:hover { font-weight: bold; font-size: 110%; }


.linkblock {
   margin: 1em 0 .5em 0;
   padding: 0 1em 1em 1em;
   background: transparent url(../img/bg-trans-w.png);
   border: 1px solid #5a6b89;
}

.linkblock h2 { margin-top: 18px; }
.linkblock h3 { font-size: 110% !important; }

.linkblock strong.title {
    margin: -30px 0 0 0 ;
    padding: 4px;
	float: right;
	color: #5a6b89;
	text-transform: lowercase;
	font-size: 200%;
}

.linkblock ul {
  margin-left: 1em;
}

.linkblock li {
  list-style: none;
  padding: 2px 0 2px 20px;
  background: transparent url(../img/icon-link.png) center left no-repeat;
}




ul.jumplist { 
   margin-top: 1em;
   margin-bottom: 2em;
   font-size: 110%; 
   column-count: 3;
   column-gap: 4em;
   column-rule: 1px dotted #777;
   -moz-column-count: 3;
   -moz-column-gap: 4em;
   -moz-column-rule: 1px dotted #777;
}
ul.jumplist li { list-style: none; margin: 0 0 0 0; padding: 0 8px 8px 0; background: none; }
ul.jumplist li a:hover { font-size: 100%; font-weight: normal; }



/* Some news feed 'fixes' */

.newsblurbs {
  margin-bottom: 1em;
  padding: 0 0 .5em 0;
  border-bottom: 0px dotted #777;
}

.newsblurbs img, .newsblurbs a img,
.newsblurbs p a img, 
body.news .newsblurbs br,
.newsblurbs iframe
{ display: none; }



.prodlink1 {
  width: auto;
  float: right;
  margin: 12px;
  margin-top: 20px;
  padding: 0;
  border: 1px solid #777;
}




a.nwicon img {
  margin: 0;
  padding: 0 !important;
}



div.greek {
 margin: .5em 0 1em 0;
 padding: 1em 1em;
 background: #E3EBF4;
 border: 1px solid #7484A0;
}


#endcap {
 margin-top: 3em;
 border-top: 1px solid #5A523B;
}



div#cse iframe, div.gsc-adBlock, div.gsc-adBlockVertical { display: none; }
div.gsc-control-cse { width: 85%; }
.gsc-branding { display: none; }



/* CONTACT FORM STUFF */
#cform {
  margin: 0 0 16px 0;
  padding: 8px 8px 32px 8px;
  font-family: Verdana, Arial, San-serif;
}

#cform label {
  display: block;
  width: 128px;
  margin: 0;
  padding: 2px;
  font-size: 11px;
  line-height: 160%;
  cursor: help;
}

#cform input {
  margin: 0 0 8px 0;
  padding: 2px;
  font-size: 11px;
	 background: #ffffff;
	 border: 2px solid #968D6C;
}

#cform textarea {
  height: auto;
  overflow: auto;
  margin: 0;
  padding: 2px;
  font-family: Verdana, Arial, San-serif;
  font-size: 11px;
  background: #ffffff;
	 border: 2px solid #968D6C;
}


#cform input.formbuttons {
  margin: 4px 0;
  padding: 4px 2px;
  font-weight: bold;
  color: #777;
  cursor: default;
}


html>body #cform input.formbuttons {
  padding: 4px 10px;
}



/* Some TABLE stuff
--------------------------------------------------*/

/* ( Rules for ZEBRA-STRIPED TABLEs ) */	

table.zebra {
 width: 100%;
	margin: 0 auto;
	padding: 0;
	font-size: 90%;
	font-family: Arial, Helvetica, Sans-serif;
	background: #fff;
 border-style: solid;
	border-color: #7484A0;
 border-width: 2px;
}

table.zebra caption {
	padding: 8px;
 color: #fff;
	background: #7484A0;
	border: solid #7484A0;
	border-width: 2px 2px 0 2px;
	font-weight: bold;
	font-size: 110%;
}

table.zebra tr th {
	color: #fff;
	padding: 8px;
	background: #91A5C7;
	border: 1px solid #fff; 
}



table.zebra tbody td {
	vertical-align: middle;
	padding: 4px;
	border: 1px solid #fff;
}




table.zebra tr td.cmarker {
 width: 18px;
 padding: 0;
 border: 1px solid #eee;
}


table.zebra tfoot td {
 font-size: 80%;
	vertical-align: middle;
	padding: 8px;
	background: #7484A0;
	border: 1px solid #fff; 
}


div#isoTable, div#msiTable, div#symTable {
 display: none;
}

#zebrablock table th, #zebrablock table td {
	text-align: center; 
}


#zebrablock table td img {
 border: 0;
	}

#zebrablock table .orznumber {
 display: none;
	}
	
#zebrablock table .cellleft {
  text-align: left;
	}
	



/* These classes are used by the script as rollover effect for table 1 and 2 */
	

* .tableRollOverEffect1 {
  background-color: #fff;
  background-image: url(../img/bg-cell-fx.gif);
  background-repeat: repeat-x;
  background-position: center left;
	}

html>body table.zebra tr:hover td {
  background-color: #fff;
  background-image: url(../img/bg-cell-fx.gif);
  background-repeat: repeat-x;
  background-position: center left;
}


* .tableRowClickEffect1 {
  background-color: #fff;
  background-image: url(../img/bg-cell-fx2.gif);
  background-repeat: repeat-x;
  background-position: center left;
	}


html>body table.zebra tr.tableRowClickEffect1 td {
  background-color: #fff;
  background-image: url(../img/bg-cell-fx2.gif);
  background-repeat: repeat-x;
  background-position: center left;
}


/* Out for now..
	.tableRollOverEffect2 {
		background-color:#000;
		color:#FFF;
	}

	.tableRowClickEffect2 {
		background-color:#00F;
		color:#FFF;
	}
*/


/* ------- End Zebra Table Block ------- */	



/* Web Safe Color Chart */

#web-safe-cc {
 width: 100%;
	margin: 0 auto;
	padding: 0;
 background: #fff;
	border: solid #7484A0;
	border-width: 2px;
}

#web-safe-cc tbody {
 font-family: Arial, Helvetica, Sans-serif;
 font-size: 65%;
}

#web-safe-cc tbody td {
	vertical-align: middle;
	padding: 2px;
	border: 1px solid #999;
 font-size: 110%;
}

#web-safe-cc tbody td span.bright {
  color: #fff;
}





	

/* Comments
----------------------------------------------- */
#comments h4 {
  margin:1em 0;
  font:bold 78%/1.6em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  text-transform:uppercase;
  letter-spacing:.2em;
  color:#999;
}
#comments h4 strong {
  font-size:130%;
}
#comments-block {
  margin:1em 0 1.5em;
  line-height:1.6em;
}
#comments-block dt {
  margin:.5em 0;
}
#comments-block dd {
  margin:.25em 0 0;
}
#comments-block dd.comment-timestamp {
  margin:-.25em 0 2em;
  font:78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  text-transform:uppercase;
  letter-spacing:.1em;
}
#comments-block dd p {
  margin:0 0 .75em;
}
.deleted-comment {
  font-style:italic;
  color:gray;
}


		
		
		
		
		
		
		
/* Sidebar Content
----------------------------------------------- */
		
#sidebar {
   width: 250px; 
   position: absolute;
   left: 10px;
   top: 256px;
   padding: 16px;
   font-family: Verdana, Arial, Helvetica, Sans-serif;
   color: #333;
   clear: both;
/* For design purposes 
   border: 1px dashed #fff; */
}


.sidebar-title {
  margin: 0px;
  padding: 4px;
  font: 78%/1.4em "Trebuchet MS", Trebuchet, Arial, Verdana, Sans-serif;
  font-weight: bold;
  text-indent: 4px;
  text-transform:uppercase;
  letter-spacing:.2em;
  border-bottom: 1px solid #9B957B;
}


#sidebar ul {
  font-size: 80%;
  list-style: none;
  margin: 0 0 1.5em 0;
  padding: 0;
}

html>body #sidebar ul { 
  font-size: 85%;
}


#sidebar li {
  margin: 0;
  border-bottom: 1px solid #BEB697;
}


#sidebar li a {
  display: block;
  width: 280px;
  padding: 4px 0;
  color: #A6A392;
  font-size: 100%;
  font-weight: bold;
  text-decoration: none;
}


html>body #sidebar li a { width: auto; }
#sidebar li a:hover { color: #7D7A6A; background: #f3f1dc; }
#sidebar li a span { margin-left: 8px; }


#sidebar p.blurb {
  margin: 0 .5em;
  font-size: 75%;
  color: #a0897a;
  line-height:1.5em;
}
	

.sidebar-ads {
  margin: 1.5em 0;
  padding: 0;
  font-size: .9em;
}	
		
		
/* Profile
----------------------------------------------- */
#profile-container {
  margin:0 0 1.5em;
  border-bottom:1px dotted #ccc;
  padding-bottom:1.5em;
}
.profile-datablock {
  margin:.5em 0 .5em;
}
.profile-img {
  display:inline;
}
.profile-img img {
  float:left;
  padding:4px;
  border:1px solid #ddd;
  margin:0 8px 3px 0;
}
.profile-data {
  margin:0;
  font:bold 78%/1.6em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  text-transform:uppercase;
  letter-spacing:.1em;
}
.profile-data strong {
  display:none;
}
.profile-textblock {
  margin:0 0 .5em;
}
.profile-link {
  margin:0;
  font:78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,San-serif;
  text-transform:uppercase;
  letter-spacing:.1em;
}


		
		

/* Footer
----------------------------------------------- */
#footer {
 height: 4em;
 margin: 0 0 0 40px;
 padding: 4em 0 1em 4em;
 color: #999;
 font-size: 60%;
 font-family: Verdana, Arial, Helvetica, San-serif;
 font-weight: bold;
 clear: both;
 background: transparent url(../img/bg-edges.gif) top left no-repeat;
}

#footer p {
 margin: 0 0 2px 0;
 padding: 0;
 text-align: left;
}

#footer a {
 color: #999;
}