/* protogenLabs CSS Document */
html {
}
body {
	margin: 0;
	padding: 0;
	background: url(body_bg.gif) top center repeat-x #22282d fixed; 
	border-top: 1px solid #ede00e;
}
p {
	margin: 0;
	padding: 0;
	margin-bottom: 10px;
}
.pbold {
	font-weight: bold;
	letter-spacing: -0.07em;
	font-size: 110%;
}
strong {
	font-family: tahoma, "Segoe UI", Helvetica, Arial, "Lucida Sans Unicode", "Trebuchet MS", Arial;
	font-weight: bold;
}
#content strong, #contentport strong {
	letter-spacing: normal;
}
#atffc {
  display: none;
  }
big, .big {
	font-size: 1.3em;
	font-weight: normal;
	font-family: tahoma, "Segoe UI", Helvetica, Arial, "Lucida Sans Unicode", "Trebuchet MS", Arial;
}
.searchresultcount {
	margin-bottom: 15px;
}
.searchresultcount span {
	font-size: 1.7em;
	font-weight: bold;
	font-family: tahoma, "Segoe UI", Helvetica, Arial, "Lucida Sans Unicode", "Trebuchet MS", Arial;
}
input#searchtxtlong {
	padding: 3px;
}
.quote {
	margin: 15px 0px;
	border: 2px solid #fff;
	border-left: 0;
	border-right: 0;
	font-weight: bold;
	background: url(hex_grey_bg.gif) repeat #ccc; 
	color: #f0f0f0;
	padding: 10px;
}
.strike {
	text-decoration: line-through;
}
.download {
	border: 1px solid #777;
	background: #a5a5a5;
	margin:-10px 0 20px;
}
.download img {
	position: relative;
	top: 14px;
	left: 5px;
	margin-right: 10px;
}
a img {
	border: none;
}
a:link, a:visited, a:hover, a:active {
	text-decoration: none;
}
.imgleft {
	float: left;
	margin-right: 5px;
}
hr {
	color: #1c1c1c;
	background-color: #1c1c1c;
	height: 2px;
	margin: 15px 0px 15px 0px;
	clear: both;
}
.strike {
	text-decoration: line-through;
}
.smallbr {
	height: 10px;
	font-size: 1px;
}
.phead, .pheadc, .commenthead {
	position: relative;
	left: -24px;
	height: 50px;
	padding-top: 10px;
}
.pheadc, .commenthead {
	left: -34px;
}
.phead p, .pheadc p, .commenthead p {
	background: url(phead_bg.gif) no-repeat right bottom;
	display: inline;
	padding: 0px 30px 8px 0px;
	font-family: tahoma, "Segoe UI", Helvetica, Arial, "Lucida Sans Unicode", "Trebuchet MS", Arial;
	font-size: 1.8em;
	font-weight: normal;
	letter-spacing: -1px;
	color: #222;
}
.commenthead {
	margin-bottom: 5px;
}
.boxheader, .boxbody {
	z-index: 120;
	font-family: "Segoe UI", Helvetica, tahoma, Arial, "Lucida Sans Unicode", "Trebuchet MS", Arial;
	font-size: 0.7em;
	font-weight: bold;
	border: 1px solid #09c;
	background: #222;
	color: #fff;
/*	filter: alpha(opacity=75);
	-moz-opacity:.75;
	opacity:.75; */	
	padding: 3px 5px 3px 5px;
}
.boxbody {
	display: none;
	border-top: 0;
	background: #ddd;
	color: #333;
}
h1, h2, h3, h4, h5, h6 {
	font-family: tahoma, "Segoe UI", Helvetica, Arial, "Lucida Sans Unicode", "Trebuchet MS", Arial;
	font-size: 1.8em;
	font-weight: normal;
	letter-spacing: -1px;
	margin: 0;
	margin-bottom: 15px;
	padding: 0;
	border-bottom: 1px dashed #555;
}
h2 {
	font-size: 1.7em;
}
h3 {
	font-size: 1.6em;
}
h4 {
	font-size: 1.5em;
}
h5 {
	font-size: 1.4em;
}
h6 {
	font-size: 1.3em;
}
#hlateblog a, #hlateblog a:visited {
	color: #fff444;
	border-bottom: 1px dashed #444;
	text-decoration: none;
}
#hlateblog a:hover {
	color: #fff;
	border-bottom: 1px dashed #eee;
}
#hlateblog a:active {
	color: #333;
	background: #ddd;
	border: 1px solid #333;
}
.yellow {
	color: #fff000;
}
.center {
	text-align: center;
}
.left {
	float: left !important;
}
.right {
	float: right !important;
}
.textleft {
	text-align: left;
}
.textright {
	text-align: right;
}
.readingfull {
	font-size: 0.8em;
	color: #555;
}
.bump, .bumpc {
	margin: 0px 0px 30px 10px;
}
.bumpc {
	margin-left: 0px;
}
.portbump {
	margin: 0px 0px 30px 5px;
}
.bump a, .bump a:visited, .portbump a, .portbump a:visited {
	color: #000;
	border-bottom: 1px dashed #111;
	text-decoration: none;
}
.portbump a:visited {
	color: #ccc;
}
.bump a:hover, .portbump a:hover {
	color: #eee;
	background: #333;
	border-bottom: 1px solid #eee;
}
.portbump a:hover {
	background: none;
}
.bump a:active, .portbump a:active {
	color: #333;
	background: #ddd;
	border: 1px solid #333;
}
.portbump a:active {
	background: none;
}
.bloglistbott a:link, .bloglistbott a:visited {
	color: #555;
	border-bottom: 1px dashed #888;
}
.bloglistbott a:hover {
	color: #eee;
}
.readmore {
	font-size:2em;
	letter-spacing:-2px;
	padding-top:7px;
}
.readmore a, .readmore a:visited {
	border: 0 !important;
	padding:8px 2px 4px;
}
.readmore a:hover {
}
.subside {
	display: block;
	margin-top: 10px;
	font-size: 0.8em;
	text-align: center;
}
.subside a:hover {
	color: #fff;
	border-bottom: 1px dashed #ccc;
}
.bigp, .biggerp, .biggerpw {
	font-family: tahoma, "Segoe UI", Helvetica, "Lucida Sans Unicode", Arial, "Trebuchet MS", Arial;
	font-size: 1.3em;
	font-weight: bold;
	letter-spacing: -1px;
	border-bottom: 1px dashed #444;
	color: #222;
}
.biggerp, .biggerpw {
	font-size: 1.7em;
}
.biggerpw {
	color: #e3e3e3;
}
.smallp {
	font-size: 0.9em;
	color: #5d5d5d;
}
.smallerp {
	font-size: 0.6em;
	color: #777;
}
acronym {
	border-bottom: 1px dashed #555;
	cursor: help;
	color: #555;
}
#portfolio_main acronym {
	border-bottom: 1px dashed #555;
	cursor: help;
	color: #aaa;
}
.image, .img, .img_l, .img_r, p.lightbox a img {
	padding: 5px; 
	background: url(hex_black_bg.gif) repeat #000; 
	border: 1px solid #555; 
	float: left;
	margin: 0px 10px 10px 0px;
}
.img_r {
	float: right;
	margin: 0px 0px 10px 10px;
}
.image, .img {
	float: none;
}
a img.image {
	border: 0;
}
p.lightbox {
	text-align:center;
	width:572px;
}
p.lightbox a:hover {
	border: 0;
	background: none;
}
p.lightbox a img {
	border: 0;
	float: none;
	margin: 10px;
}
a:hover img.image, p.lightbox a:hover img {
	background: #d2d2d2;
	padding: 4px;
	border: 1px solid #eee;
}
a.imgnoborder, a.imgnoborder:visited, a.imgnoborder:hover, a.imgnoborder:active {
	border: 0;
	background: none;
}
.imgborder {
	background: #ddd;
	padding: 2px;
	border: 1px solid #111;
	float: right;
	margin: 1px -3px 0px 0px;
	width: 70px;
	height: 35px;
}
.lfloat {
	float: left;
}
.rfloat {
	float: right;
}
.formlabel {
	font-family: tahoma, "Segoe UI", Helvetica, "Lucida Sans Unicode", Arial, "Trebuchet MS", Arial;
	font-weight: bold;
	font-size: 1.1em;
	border-bottom: 1px dashed #555;
}
.sendwarn {
	font-size: 0.5em;
	color: #eee;
	font-weight: bold;
}
.spacefix {
	clear: both;
	font-size: 1px;
	text-indent: 99999px;
}
.hspacefix {
	clear: both;
	height: 1px;
	font-size: 1px;
	line-height: 1px;
}
.spacefix1 {
	clear: both;
	height: 7px;
	font-size: 1px;
}
/* Main Page Structure */
#container, #hcontainer, #pcontainer {
	background: url(container_bg.gif) repeat-y; 
	width: 958px;
	height: auto;
	margin: 0 auto;
	margin-bottom: -190px;
}	
#hcontainer, #pcontainer {
	background: url(hcontainer_bg.gif) repeat-y; 
}
#header {
	background: url(header_bg.gif) no-repeat;
	height: 368px !important;
	width: 958px;
	margin: 0 auto;
}
#header p {
	color: #555;
	font-family: "Lucida Sans Unicode", tahoma, "Trebuchet MS", Arial;
	font-size: 0.8em;
	padding: 3px 0px 5px 210px !important;
	padding: 3px 0px 3px 210px;
}
#header p:hover {
	color: #aaa;
	cursor: w-resize;
}
#headright, #hheadright, #hheadrightrfp, #webmaillogin {
	position: relative; 
	top: -5px; 
	right: 40px; 
	float: right; 
	background: url(headtop_button.gif) no-repeat 0px 0px; 
	width: 185px; 
	height: 29px;
	font-family: tahoma, "Segoe UI", Helvetica, "Lucida Sans Unicode", Arial, "Trebuchet MS", Arial;
	font-weight: normal;
	font-size: 1.3em;
	letter-spacing: -1px;
	color: #ddd;
	padding: 8px 0 2px 35px;
}
#hheadrightrfp, #webmaillogin {
	margin-top: 20px;
	font-size: 1.2em;
}
a#headright:hover, a#hheadright:hover, a#webmaillogin:hover, a#hheadrightrfp:hover {
	background: url(headtop_button.gif) no-repeat 0px -39px; 
	color: #333;
}
#headright img, #hheadright img {
	position: relative;
	top: 2px;
	padding-right: 10px;
}
#hheadright {
	top: 3px;
	right: 24px;
}
#homelink {
	margin-bottom: 14px !important; /* IE ONLY -------- IE7 needs its own of 19px */
	margin-bottom: 19px;
}	
#content, #contenthome, #contentport {
	padding: 25px;
	width: 628px;
	position: relative;
	top: -200px;
	font-family: "Lucida Sans Unicode", "Segoe UI", Helvetica, Arial, tahoma, "Trebuchet MS", Arial;
	font-size: 0.9em;
	letter-spacing: -1px;
	line-height: 1.65em;
	z-index: 0;
	margin-bottom: -200px;
	color: #111;
	float: left;
}
#contenthome {
	width: 908px;
}
#contentport {
	width: auto;
}
#sidebar, #sidebottom, #sidetop {
	width: 215px;
/*	height: 683px; */
	background: url(sidebar_bg.gif) repeat-y;
	float: right;
	padding: 0px 15px;
	position: relative;
	margin-top: -155px;
	right: 27px;
	margin-left: 25px !important; /* IE6 ONLY */
	margin-left: 0px;
	z-index: 100;
	font-family: tahoma, "Segoe UI", Helvetica, "Lucida Sans Unicode", Arial, "Trebuchet MS", Arial;
	clear: right;
	color: #ddd;
}
#adwords {
	width: 200px;
	padding: 0;
	margin: 20px 0px 3px 7px;
}
#adwords iframe div .al {
font-family:tahoma,segoe ui,Trebuchet MS;
font-size:14px;
line-height:23px;
overflow:visible;
width:200px;
}
#sidebar a:link, #sidebar a:visited {
	color: #ddd;
	text-decoration: none;
}
#sidebar a:hover {
	color: #ede00e;
}
#sidebar a:active {
	color: #0099cc;
	border-bottom: 1px solid #ddd;
}
#sidetop {
	background: url(sidebar_top_bg.gif) no-repeat;
	z-index: 100;
	margin-top: -167px;
	width: 215px;
	height: 12px;
}
#sidebottom {
	background: url(sidebar_bot_bg.gif) no-repeat;
	z-index: 101;
	position: relative;
	bottom: -10px;
	left: 15px;
	width: 245px;
	height: 12px;
	padding: 0px;
	margin: 0px;
}
div.toggle {
	display: none;
}
/*#navbar {
	display: block;
	position: relative;
	top: 111px;
	width: 600px;
	margin-left: 30px;
	background: #f00;
}
*/
#togsub {
	display: inline;
	font-size: 0.9em;
}
#subnav {
	position: absolute; 
	margin: 54px 0px 0px 127px; 
	clear: left; 
	background: url(subnav_bg.gif) no-repeat top center;
	border-bottom: 1px solid #b6b6b6;
	width: 190px;
	height: 21px;
	color: #eee;
	padding-top: 19px;
	text-align: center;
	font-family: "Segoe UI", Helvetica, Arial, tahoma, "Lucida Sans Unicode", "Trebuchet MS", Arial;
	font-size: 0.75em;
	z-index: 104;
}
#subnav:hover {
	background: url(subnav_bg_hover.gif) no-repeat top center;
}
.pretab {
	width: 20px;
	height: 1px;
	float: left;
	display: block;
}
div#navbar div a, .tab_off, .tab_on {
	float: left;
	height: 15px;
	text-align: center;
	padding: 7px 12px 8px 12px;
	background: url(navbar_tabs.gif) repeat-x 0px 0px;
	border: 1px solid #b6b6b6;
	border-bottom: none;
	color: #ccc;
	font-family: "Segoe UI", Helvetica, Arial, tahoma, "Lucida Sans Unicode", "Trebuchet MS", Arial;
	font-size: 0.8em;
	font-weight:bold;
	margin: 10px 3px 10px 3px;
}
.ntab {
	height: 24px;
}
div#navbar div a.tab_on {
	background: url(navbar_tabs.gif) repeat-x 0px -45px;
	margin: 0px 3px 17px 3px;
	font-weight: bold;
	height: 25px;
	border-bottom: 1px solid #999;
	margin: 0px 3px 20px 3px;
}
#header a.tab_on, #header a.tab_on:visited {
	color: #fff;
}
#header a.tab_on:hover, #header a.tab_off:hover {
	color: #ffff00;
}
div#navbar div a:hover, .tab_off:hover, .tab_on:hover {
	background: url(navbar_tabs.gif) repeat-x 0px -90px;
	margin: 0px 3px 20px 3px;
	height: 25px;
	border-bottom: 1px solid #999;
}
#footer {
	background: url(footer_bg.gif) no-repeat #22282d;
	height: 120px;
	padding: 20px 20px 0px 0px;
	font-family: tahoma, "Segoe UI", Helvetica, "Lucida Sans Unicode", Arial, "Trebuchet MS", Arial;
	font-size: 0.7em;
	text-align: right;
	color: #ddd;
	clear: both;
}
#footer a, #footer a:visited {
	color: #eee;
}
#footer a:hover {
	color: #fff000;
	border-bottom: 1px dashed #ede00c;
}
#footer a:active {
	color: #fff000;
	border-bottom: 1px solid #ede00c;
}
#netfloat, #ninerfloat {
	float: right;
	margin: -2px 0px 0px 7px;
}
#ninerfloat {
	float: right;
}
#rssfoot {
	color: #222;
	float: right;
	height: 30px;
	width: 420px;
}
#rssfoot a, #rssfoot a:visited {
	color: #333;
	border-bottom: 1px dashed #777;
}
#rssfoot a:hover {
	color: #fff;
	border-bottom: 1px dashed #555;
}
#rssfoot a:active {
	color: #fff;
	border-bottom: 1px solid #333;
}
#rssfoot span {
	font-family: "Lucida Sans Unicode", tahoma, "Segoe UI", Helvetica, Arial, "Trebuchet MS", Arial;
	position: relative;
	top: -5px;
	margin-top: 3px;
	font-size: 1.6em;
	line-height: 0.75em;
	letter-spacing: -1px;
}
#rssfoot span a {
	border-bottom: 0;
	font-weight: bold;
}
#rssfoot p {
	margin: 0;
}
#rssfoot div {
	float: right;
	position: relative;
	top: -5px;
	margin-left: 10px;
}
#rssfoot img {
	float: right;
}
#subfoot {
	position: relative;
	right: 42px;
	top: 24px;
	display: block;
	margin-left: 95px;
	clear: both;
}
#subfoot div, #subfoot img {
	position: relative;
	top: 0px;
}
#subfoot p {
	margin-bottom: 15px;
}
/* Homepage Styling */
#hlateblog {
	position: relative;
	left: -24px;
	height: 215px;
	width: 932px;
	background: url(hex_black_bg.gif) repeat #111; 
	color: #ddd; 
	border-top: 2px solid #fff000; 
	border-bottom: 2px solid #fff000;
	padding: 12px;
	overflow: visible;
}
#homethumb {
	position: relative;
	left: -12px;
	top: 10px;
	width: 180px;
	height: 170px;
	float: left;
}
#hexcerpt {
	width: 750px;
	float: right;
}
.hblogexcerpt {
	height: 125px;
	overflow: hidden;
}
.hblogtitle {
	color: #eee;
	font-size: 1.7em;
	font-weight: bold;
	letter-spacing:-1px;
	font-family: "Segoe UI", Helvetica, tahoma, "Lucida Sans Unicode", "Trebuchet MS", Arial;
	margin-top: 4px;
}
.hblogtitle a:link, .hblogtitle a:visited, .hblogmore a:link, .hblogmore a:visited {
	color: #ccc;
}
.hblogtitle a:hover, .hblogmore a:hover {
	color: #ede00e;
}
.hblogtitle a:active, .hblogmore a:active {
	color: #333;
	background: #ddd;
	border-bottom: none;
}
.hblogpost {
	margin-top: -5px;
	font-size: 0.85em;
	color: #777;
}
.hblogmore {
	font-family: "Segoe UI", Helvetica, tahoma, "Lucida Sans Unicode", "Trebuchet MS", Arial;
	font-size: 1.3em;
	font-weight: bold;
	text-align: right;
}
.hbottcell {
	position: relative;
	float: left;
	margin:20px 23px;
	width:255px;
}
.hbottcell a:hover img {
	border: 1px solid #fff;
}
.habout {
	display: block;
	padding-top: 8px;
	line-height: 1.45em;
}
.habout a, .habout a:visited {
	color: #444;
	border-bottom: 1px dashed #444;
	text-decoration: none;
}
.habout a:hover {
	color: #eee;
	background: #333;
	border-bottom: 1px solid #eee;
}
.habout a:active {
	color: #333;
	background: #ddd;
	border: 1px solid #333;
}
.hbotthead {
	padding: 5px 0px;
	border-bottom: 2px solid #09c;
	font-family: tahoma, "Segoe UI", Helvetica, "Lucida Sans Unicode", "Trebuchet MS", Arial;
	font-size: 1.6em;
	font-weight: normal;
	margin: 0;
	letter-spacing: -1px;
}
.hbottcell ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
	border-bottom: 2px solid #09c;
	width: 253px;
	background: #c4c4c4;
	border-left: 1px solid #777;
	border-right: 1px solid #777;
}
.hbottcell ul li {
	margin: 0;
	line-height: 1.2em;
	border-bottom: 1px solid #afafaf;
}
li.homeport {
	float:left;
	list-style: none;
}
.hbottcell li a {
	display: block;
	margin: 0;
/*	border-bottom: 1px dashed #777;
*/	color: #111;
	padding: 4px 8px 4px 8px;
	background-position: 0px -48px;
	float: none;
}
.hbottcell li a:hover, li.homeport a:hover {
	background-color: #333 !important;
	background-position: 0px 0px !important;
	color: #fff;
}
.hbottcell li a:active {
	background: url(hex_black_bg.gif) repeat #111;
	color: #fff;
}
.hbottcell strong {
	font-size: 1.1em;
	font-weight: bold;
	font-family: "Segoe UI", Helvetica, Arial, tahoma, "Lucida Sans Unicode", "Trebuchet MS", Arial;
	letter-spacing: -1px;
}
.hbottcell li a.h_portlink {
	padding: 0;
}

span.hporthead {
	padding: 0px; 
	width: 160px; 
	float: left; 
	font-size: 1.2em;
	font-weight: bold;
	font-family: "Segoe UI", Helvetica, Arial, tahoma, "Lucida Sans Unicode", "Trebuchet MS", Arial;
	letter-spacing: -1px;
	line-height: 1.1em;
}
.hportbr {
	height: 1px; 
	margin: 0; 
	padding: 0; 
	clear: right;
}
#hspacefix {
	display: none;
	height: 29px;
}


/* Google Search Results */

#googleSearchUnitIframe {
	padding: 5px;
	background: #E6E6E6;
	border: 2px solid #888;
}
/* Sidebar Styling */

#portpre, #searchpre, #rsspre, #blogpre, .sidehead {
	height: 35px;
	padding-top: 7px;
	font-family: Tahoma, "Segoe UI", Helvetica, Arial, tahoma, "Lucida Sans Unicode", "Trebuchet MS", Arial;
	font-size: 1.5em;
	letter-spacing: -1px;
	background: url(h1_under.gif) bottom right no-repeat;
	text-align: right;
	color: #ddd;
	padding-right: 4px;
	display: block;
	position: static;
}
#portpre a:active, #searchpre a:active, #rsspre a:active, #blogpre a:active, .sidehead a:active {
	border-bottom: none;
}
#portbody, #blogbody, #searchbody, #rssbody, .blogoptions {
	font-family: "Lucida Sans Unicode", Century Gothic, tahoma, "trebuchet MS", verdana;
	font-size: 0.75em;
	text-align: left;
	line-height: 1.6em;
	background: url(hex_black_bg.gif) repeat #111; 
	width: auto;
	height: auto;
	border: 1px solid #09c;
	border-top: 0;
	border-bottom: 3px solid #09c;
	color: #777;
	padding: 10px;
	padding-bottom: 0px;
	overflow: hidden;
}
#searchbody, #rssbody {
	color: #eee;
	text-align: center;
	font-size: 0.9em;
	padding-top: 15px;
}	
#searchbody form {
	padding: 0px;
	margin: 0px;
	}
#searchbody input {
	border: 1px solid #bbb; 
	font-size: 0.9em;
}
#searchbody label {
	position: relative;
	top: -9px;
}
#rssbody {
	padding-top: 15px;
}
.blogoptions {
	text-align: right;
	line-height: 0.8em;
	font-size: 0.8em;
}
#portbody {
	padding: 10px 5px 0px 10px;
}
#portbody a:link, #portbody a:visited, #blogbody a:link, #blogbody a:visited {
	color: #ddd;
	border: 0;
}
#portbody a:hover, #blogbody a:hover {
	color: #ede00e;
	border-bottom: 1px dashed #bbb;
}
#portbody a:active, #blogbody a:active {
	color: #09c;
	border-bottom: 1px solid #ddd;
}
#portbodysub {
	padding-top: 5px;
}
#portbody ul, #blogbody ul {
	margin: 0px;
	padding-left: 14px;
	text-align: left;
	list-style:square;
}
#portbody ul li:hover, #blogbody ul li:hover {
	color: #ede00e;
}
#portbody ul li:active, #blogbody ul li:active {
	color: #09c;
}
.blogsidedate, .blogsidetitle {
	float: left;
	width: 50px;
	line-height: normal;
	display: inline;
}
.blogsidetitle {
	float: right;
	width: 140px;
}
.viewall {
	font-size: 1.15em;
	border-top: 1px dashed #777;
	margin-top: 7px;
	padding-top: 3px;
	text-align: right;
	clear: both;
	margin-bottom: 0;
}
#searchbody select, #searchbody option {
	background: url(hex_grey_bg.gif) repeat;
	font-family: "Lucida Sans Unicode", tahoma, "Trebuchet MS", Arial;
	font-size: 0.9em;
	border: 0;
    color: #fff;
	width: 165px;
}
#tagcloud, #sidebartwitter, #portfolio_sidebar {
	text-align: center;
	margin-bottom: 5px;
	background: url(hex_black_bg.gif) repeat #111; 
	width: auto;
	height: auto;
	border: 1px solid #09c;
	border-top: 0;
	border-bottom: 3px solid #09c;
	color: #777;
	padding: 5px 10px 10px 10px;
}
#sidebartwitter {
	padding: 10px;
	font-size: 0.8em;
	color: #aee1ff;
	text-align: left;
	font-weight: bold;
	background: url(twitter_bg.png) bottom left no-repeat;
	border: 0;
}
#sidebartwitter ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#portfolio_sidebar p {
	margin-top: 10px;
	text-align: right;
}
#tagcloud a:hover {
	color: #ede00c;
	border-bottom: 1px dashed #ede00c;
}
#orbs {
	padding: 5px;
	letter-spacing: -1px;
	font-family: "Segoe UI", Helvetica, tahoma, "Lucida Sans Unicode", Arial, "Trebuchet MS", Arial;
	color: #ccc;
	font-size: 1.3em;
	line-height: 1.1em;
}
#orbs a:link {
	text-decoration: none;
	}
#orbs a:visited {
	text-decoration: none;
	color: #ccc;
}
#orbs a:hover {
	color: #fff;
}
#orbs a:active {
}
#orbs p {
	margin: 0;
}
.orbdesc {
	padding: 14px 0px !important;
	padding: 7px 0px;
	height: 60px;
}
.orbpoint {
	float: left;
	clear: left;
	margin-right: 15px;
	margin-bottom: 15px;
}
.orbsmall {
	font-size: 0.6em;
	line-height: normal;
	color: #888;
	letter-spacing: normal;
}

/* Form Styling */

input, textarea {
	font-family: tahoma, "Lucida Sans Unicode", "Trebuchet MS", Arial;
	font-weight: bold;
	margin-bottom: 7px;
	background: #555555 url(hex_grey_bg.gif) repeat scroll 0%;
	border: 1px solid #000000;
	color: #fff;
	padding: 2px;
}
input:focus, textarea:focus {
/*	background: url(hex_black_bg.gif) repeat #555; */
	background: #282828;
	color: #eee;
	border:1px solid #ede00c;
}
textarea {
	width: 270px;
	height: 100px;
	font-size: 1em;
}
label.rfp15 {
	display: none;
}
.button {
	border: 1px solid #444;
	padding: 4px;
	border-top-color: #bbb;
	border-left-color: #bbb;
}
.button:active {
	border: 1px solid #bbb;
	padding: 4px;
	border-top-color: #444;
	border-left-color: #444;
}

/* aboutUs Styling */
#bioimgg, #bioimgj {
	float: left;
	height: 84px;
	width: 70px;
	background: url(gM_off.jpg) no-repeat center #444;
	border: 1px solid #555;
	padding: 5px;
	margin-right: 10px;
}
#bioimgj {
	background: url(jK_off.jpg) no-repeat center #444;
}

/* Notebook Styling */

.blogtitlefull {
	border-bottom: 1px dashed #444;
	padding: 5px 5px 0px 5px;
	margin-bottom: 10px;
}
.blogtitlefull a, .blogtitlefull a:visited {
	border: 0;
}
.datecube, .hdatecube {
	position: relative;
	margin: 1px 10px 0px -40px;
	float: left;
	width: 49px;
	height: 53px;
	background: url(datecube_bg.gif) no-repeat;
	color: #eee;
	font-family: tahoma, "Segoe UI", Helvetica, "Trebuchet MS", "Lucida Sans Unicode", Arial;
	font-weight: bold;
	text-align: center;
	padding-top: 1px;
}
.hdatecube {
	width: 47px;
	height: 48px;
	background: url(datecube_bg.gif) no-repeat center;
	float: right;
	left: 0px;
	border: 1px solid #888;
}
.b_day {
	font-size: 1em;
	border-bottom: 1px dashed #ddd;
	letter-spacing: -1px;
}
.b_date {
	font-size: 1.6em;
	letter-spacing: -0.1em;
}
.blogsubj {
	font-family: tahoma, "Segoe UI", Helvetica, "Trebuchet MS", "Lucida Sans Unicode", Arial;
	font-size:1.6em;
	font-weight: normal;
	margin-bottom: 6px;
	color: #222;
	letter-spacing: -1px;
	line-height:1em;
}
.blogsubj a, .blogsubj a:visited {
	color: #222;
}
.blogsubj a:hover {
	color: #ddd;
	border-bottom: 1px dashed #111;
}
.blogsubj a:active {
	background-color: #eee;
	color: #111;
	border-bottom: 1px solid #111;
}
.blogsumm {
	margin: 0;
	margin-top: 5px;
	padding-bottom: 0px;
	font-size: 0.9em;
}
.blogauth {
	font-weight: bold;
	letter-spacing: normal;
	font-family: tahoma, "Segoe UI", Helvetica, "Trebuchet MS", "Lucida Sans Unicode", Arial;
}
.link, .tagdisplay, .rfpwarn, .ourworld {
	background: url(hex_grey_bg.gif) repeat-y #000; 
	color: #eee;
	padding: 7px;
	border: 0;
	border-top: 2px solid #444;
	border-bottom: 2px solid #444;
	margin-bottom: 10px;
}
.link {
	padding: 0px;
}
.link a, .link a:visited, .ourworld a, .ourworld a:visited  {
	color: #eee;
}
.link ul li {
	list-style-image: url(icon_out.gif);
	margin: 0 0 9px;
	font-size: 1.2em;
}
.link ul li a {
	border: 0;
}
.linkicon {
	width: 16px;
	height: 16px;
	margin: 4px 14px 10px 4px;
	float: left;
}
#social {
	position: relative;
	top: -11px;
	float: right;
	width: 24px;
	margin-left: 15px;
	padding: 3px 0 3px 3px;
	border: 1px dashed #444;
	text-align: center;
	line-height:normal;
}
.bump #social a:link, .bump #social a:visited, .bump #social a:hover, .bump #social a:active, .bump a.addthis_button_favorites {
	border: none !important;
	background: none;
	margin: 4px 0;
}
.addthis_button {
	border: 0 !important;
}
#social img {
	margin: 3px;
}
.tagdisplay, .rfpwarn {
	position: relative;
	left: -3px;
	font-family: tahoma, "Segoe UI", Helvetica, "Trebuchet MS", "Lucida Sans Unicode", Arial;
	margin-bottom: 12px;
	border: 0;
	border-top: 1px solid #ede00e;
	border-bottom: 1px solid #ede00e;
	color:#EDE00E;
	font-size:1em;
	font-weight:bold;
	letter-spacing: normal;
}
.rfpwarn {
	left: 10px;
	padding-bottom: 0px;
	width: 590px;
	font-family: "Lucida Sans Unicode", "Segoe UI", Helvetica, tahoma, "Trebuchet MS", Arial;
	color: #fff;
	font-size:1em;
	letter-spacing:-1px;
}
.tagdisplay a, .rfpwarn a, .tagdisplay a:visited, .rfpwarn a:visited {
	color: #c4c4c4;
	border-bottom: 1px dashed #aaa;
}
.tagdisplay a:hover, .rfpwarn a:hover {
	color: #eee;
	background: #333;
	border-bottom: 1px solid #eee;
}
.bloglistbott {
	border-top: 1px dashed #333;
	font-size: 0.9em;
	margin: 20px 0 0 -31px;
	padding:5px 11px;
	width:664px;
}
.bloglistbott a {
	border: 0;
}
.bloglistbott img {
	position: relative;
	top: 3px;
}
.hexsplit {	
	position: relative;
	left: -34px;
	margin: 25px 0px;
	background: url(hex_split.gif) no-repeat top left;
	height: 14px;
}
.searchresult h3 {
	padding-bottom: 3px;
}
.bump .searchresult a {
	color: #333;
}
.bump .searchresult h3 a {
	border: 0;
}
.bump .searchresult a:hover {
	color: #eee;
}
/* Portfolio Styling */


#singleport-more {
color:#CCCCCC;
float:left;
font-size:1.1em;
line-height:1.1em;
padding:0 10px;
width:550px;
}
#singleport-more span {
color:#0099FF;
font-size:1.2em;
font-weight:bold;
letter-spacing:-2px;
}
#singleport-more a {
color: #FEEF00;
}
#singleport-more a:hover {
color:#0099FF;
}
#singleport-more a:active {
color: #fff;
}
#portfolio_cont {
	background: url(portfolio_main_bg.gif) no-repeat 0px -19px;
	margin: 10px 0 0 4px;
}
#portfolio_top {
	width: 705px;
	height: 80px;
	margin: 0 auto;
	overflow: hidden;
}
#portfolio_top ul li a img {
	border: 1px solid #555;
}
#portfolio_nav {
	background: url(portfolio_nav_bg.gif) no-repeat -1px -1px;
	padding: 20px 20px 0px;
	border-bottom: 1px solid #7d7d7d;
}
#portfolio_nav span#portfolio_next img:hover, #portfolio_nav span#portfolio_prev img:hover {
	background-position: 0px -42px;
	cursor: pointer;
}
#portfolio_nav span#portfolio_next img:active, #portfolio_nav span#portfolio_prev img:active {
	background-position: 0px -83px;
	cursor: pointer;
}

#portfolio_nav span#portfolio_next img, #portfolio_nav span#portfolio_prev img {
	background: url(portfolio_next_bg.gif) no-repeat top left;
	display: block; 
	float: right;
	margin-top: 11px;
}
#portfolio_nav span#portfolio_prev img {
	background: url(portfolio_prev_bg.gif) no-repeat top left;
	float: left;
}
#portfolio_top ul, #portfolio_main ul {
	width: 10000px;
	margin: 0;
	padding: 0;
}
#portfolio_top ul li {
	list-style:none;
}
#portfade_left {
	position: absolute;
	display: block;
	width: 30px; 
	height: 80px;
	margin-left: 75px;
	background: url(portfade_left.png) no-repeat;
}
#portfade_right {
	position: absolute;
	display: block;
	background: url(portfade_right.png) no-repeat;
	width: 30px; 
	height: 80px;
	margin-left: 753px;
}
#portfolio_main {
	width: 900px;
	height: 430px;
	overflow: hidden;
	color: #eee;
}
#portfolio_main ul {
	width: 100000px;
}
#portfolio_main ul li {
	float: left;
	list-style: none;
}
#portfolio_main ul li div ul li {
	float: none;
}
#portfolio_main ul li div {
	float: left; 
	width: 850px; 
	height: 370px;
	padding: 40px 25px 25px;
}
#portfolio_main ul li div.porttext {
	float: right;
	width: 385px; 
	padding: 0;
}
.portoptions {
	width: 420px;
	line-height: normal;
	font-size: 1.7em;
	text-align: center;
	letter-spacing: -2px;
	margin-top: 24px;
}
.portoptions a {
	border: 0;
	color: #09F;
}
.portoptions a:hover {
	color: #ECE00E;
}
.portoptions a:active {
	color: #eee;
}
.portclient, .portstats {
	font-size: 1.8em;
	letter-spacing: -2px;
	margin: 0;
	margin-bottom: 8px;
	padding: 0;
	border-bottom: 1px dashed #555;
	color: #09f;
}
.portstats {
	font-size: 1.4em;
	letter-spacing: -1px;
}
#portfolio_main ul.portstatsul {
	list-style: none;
	width: 400px;
}
.portstatsul li strong {
	width: 160px;
	text-align: left;
	float: left;
	display: block;
}

#portfront, .portoptionsbot {
	background: url(hex_grey_bg.gif) repeat #000; 
	letter-spacing: -1px;
	font-weight: normal;
	width: 526px;
	color: #fff;
	font-size: 1.4em;
	border: 2px solid #444; 
	padding: 5px;
	margin: 0px 0px 8px 17px;
}
#portpreview {
	text-align: center;
}
#portpreview a img {
	border: 5px solid #888;
}
#portpreview a:hover img {
	border: 5px solid #eee;
}
#portpreview a:active img {
	border: 5px solid #555;
}
.portoptionsbot {
	width: 280px;
	float: right;
	margin: -5px 0px 0px 0px;
}
.portopt {
	margin: 0px;
	padding-left: 4px;
}
.portopt a, .portopt a:active {
	color: #ccc;
	border: 0;
}
.portopt a:hover {
	color: #fff;
	border-bottom: 1px dashed #ddd;
}

/* Portfolio Thumb Styling */

.selected {
	background-position: 0px 0px !important;
	border: 3px solid #ddd !important;
}

/* zemContact Styling */

#zemcont {
	position: relative;
	margin: 0px 0px 10px 10px;
}
#zemcont label, .comlabel {
	border-bottom: 1px dashed #555;
	clear: left;
	width: 245px;
	height: 24px;
	font-size: 1.5em;
	font-weight: normal;
	font-family: tahoma, "Segoe UI", Helvetica, "Trebuchet MS", "Lucida Sans Unicode", Arial;
}
.comlabel {
	margin-bottom:3px;
	width: 177px;
}
#zemcont input, #zemcont textarea, #zemcont select, #zemcont option {
	background: #555555 url(hex_grey_bg.gif) repeat;
	border: 1px solid #000000;
	color: #fff;
	padding: 2px;
}
#zemcont input:focus, #zemcont textarea:focus {
	background: url(hex_black_bg.gif) repeat #555;
	color: #ddd;
	border: 1px solid #ede00c;
}
#zemcont option {
	border: 0;
	padding: 0px;
}
#zemcont select {
	border: 1px solid #000;
	padding: 0px;
	margin-bottom: 10px;
}
.zc1, .zc2, .zc3, .zc4, .zc5, .receiver, .rfp1, .rfp2, .rfp3, .rfp4, .rfp5, .rfp6, .rfp7, .rfp8, .rfp9, .rfp10, .rfp11, .rfp12, .rfp13, .rfp14, .rfp15, .rfp16 {
	font-weight: normal;
	margin: 0;
	margin-bottom: 15px;
}
.zc1, .zc2, .zc3, .zc4, .zc5, .receiver, .rfp1, .rfp2, .rfp3, .rfp4, .rfp5, .rfp6, .rfp7, .rfp8, .rfp9, .rfp10, .rfp11, .rfp12, .rfp13, .rfp14, .rfp15, .rfp16 {
	font-family: Lucida Sans Unicode, Century Gothic, Segoe UI, "Trebuchet MS";
	margin-bottom: 3px;
	padding: 0;
	font-size: 1.1em;
	display: block;
}
textarea#rfp15 {
	width: 611px;
	height: 180px;
	font-size: 1em;
}
input.zemSubmit {
	clear: both;
	width: 160px;
	margin-bottom: 10px;
}
#content .zemerror {
	color: #ede00c;
}
#zemcont input.zemRequired, #zemcont textarea.zemRequired {
	border-right: 4px solid #ede00e;
}
#zemcont input.zemRequirederrorElement, #zemcont textarea.zemRequirederrorElement {
	border-right: 4px solid #f00;
}

/* JavaScript Crossfader Styling */
.port_cfix {
	height: 200px;
}
.javalink {
	cursor: pointer;
	border: 0;
}
.cf_wrapper {
	position: relative;
	height: 190px;
	width: 620px;
	clear: both;
}
.cf_element {
	width: 624px;
	height: 172px;
	border: 2px solid #444;
	background: url(hex_grey_bg.gif) repeat #555;
}
.cf_element:hover {
	border: 2px solid #ede00e;
}
.cf_element .cf_content {
	padding: 8px;
}
.cf_element .cf_content h3 {
	padding-top: 0;
	margin-top: 0;
}
.cf_content img {
	border: 1px solid #111;
}
/* Comments Styling */

.combg1, .combg2, .comauthor {
	background: url(com_quote1.gif) no-repeat top left #000; 
	border: 1px solid #656; 
	padding: 10px 10px 0px 10px; 
	margin: 0px 0px 10px 0px;
	width: 600px;
	color: #ccc;
}
.combg2 {
	background: url(com_quote2.gif) no-repeat top left #333; 
	border: 1px solid #000; 
}
.combg1 a:link, .combg1 a:visited, .combg2 a:link, .combg2 a:visited {
	color: #fff;
	border-bottom: 1px dashed #fff;
}
.combg1 a:hover, .combg2 a:hover {
	border-bottom: 1px solid #fff;
}
.comauthor {
	background: url(com_quote_author.gif) no-repeat top left #e3e3e3; 
	color: #222;
}
.comauthor a:link, .comauthor a:visited {
	color: #444;
	border-bottom: 1px dashed #888;
}
.comauthor a:hover {
	color: #eee;
	border-bottom: 1px solid #aaa;
}
.comnum {
	position: relative; 
	float: right;
	font-size: 2.4em; 
	font-weight: bold;
	color: #555;
}
.commentspec {
	font-size: 0.9em;
}
.commentspec a {
	color: #fff;
}
.comerror, .zemError {
	color: #990000;
	font-family: Tahoma, "Trebuchet MS", Arial, "Segoe UI", Helvetica;
	font-weight: bold;
	font-size: 1.4em;
}
#cpreview {
	border-left: 4px dotted #09c;
	border-right: 4px dotted #09c;
	width: 542px;
}
.nocomments {
	background: url(hex_black_bg.gif) repeat #000; 
	color: #ede00e;
	padding: 10px;
	border: 1px solid #444;
	border-left-width: 4px;
	width: 340px;
	font-size: 1.1em;
	letter-spacing: normal;
	margin-top: 12px;
}
.combutton {
	padding-left: 70px;
	text-align: left;
}

/* Contact Styling */
.tbl_contact {
	width: 461px;
	border: 0;
}
.td_left {
	width: 189px;
}
.td_right {
	width: 262px;
}

/* the_video Styling */
.vidbox {
	padding: 5px 5px 0px; 
	background: url(hex_grey_bg.gif) repeat #000; 
	border: 1px solid #555; 
	margin: 15px 0 25px 0px;
}

/* digg this! Styling */
.diggbox {
	float: right; 
	border: 4px solid #444;
}

/* ako_syntax Styling */
pre {
	font-family:Consolas,Monaco,"Courier New",Courier,monospace;
}
code {
	font-size: 0.9em;
	font-family:Consolas,Monaco,"Courier New",Courier,monospace;
	overflow: auto;
	background: url(code_bg.gif) no-repeat top left #ddd;
	border: 1px solid #333;
	padding: 35px 7px 5px 7px;
	display: block;
	margin-bottom: 10px;
}
/* all the HTML syntax colouring individually */

.syntax-p {}
.syntax-head {}
.syntax-title {}
.syntax-html {}
.syntax-body {}
.syntax-link {}
.syntax-br {}
.syntax-div {}
.syntax-font {}
.syntax-strong {}
.syntax-em {}
.syntax-meta {}
.syntax-h1 {}
.syntax-h2 {}
.syntax-h3 {}
.syntax-h4 {}
.syntax-h5 {}
.syntax-h6 {}
.syntax-span {}
.syntax-b {}
.syntax-i {}

.syntax-tr {}
.syntax-td {}
.syntax-table {}
.syntax-tbody {}

.syntax-style {}
.syntax-img {}

.syntax-script {}
.syntax-a {}

.syntax-form {}
.syntax-input {}
.syntax-select {}
.syntax-option {}

/* or all together */
.syntax-p, .syntax-head, .syntax-title, .syntax-html, .syntax-body, .syntax-link, .syntax-br, .syntax-div, .syntax-font, .syntax-strong, .syntax-em, .syntax-meta, .syntax-h1, .syntax-h2, .syntax-h3, .syntax-h4, .syntax-h5, .syntax-h6, .syntax-span, .syntax-b, .syntax-i {
	color: #000099;
}

.syntax-tr, .syntax-td, .syntax-th .syntax-table, .syntax-tbody {
	color: #009999;
}

.syntax-style, .syntax-img {
	color: #990099;
}

.syntax-script {
	color: #990000;
}

.syntax-a {
	color: #009900;
}

.syntax-form, .syntax-input, .syntax-select, .syntax-option {
	color: #FF9900;
}


/* ============ PHP syntax stuffs ============ */
.syntax-php-delim {
	color: #333333;
	background-color:#FFFF00;
}


/* ============ CSS syntax stuffs ============ */
.syntax-css-import {
	color:#009999;
	font-weight:bold;
}
.syntax-css-key { color:#000099; }
.syntax-css-colon, .syntax-css-bracket, .syntax-css-selector { color: #FF00FF; }
.syntax-css-value { color: #0000FF; }
.syntax-css-import-statement { color:#006600; }


/* ============ Google PageNav stuffs ============ */

.pagecount {
	margin: 15px 0px;
}
.pagecount a, .pagecount a:visited {
	color: #e3e3e3;
	border: 0;
} 
.pagecount a:hover {
	color: #ede00c;
	border: 0;
	background: none;
}
.pagecount a:active {
	color: #0098CA;
	border: 0;
	background: none;
}
.pagecountul {
	padding: 7px 0px;
	margin: 0;
	text-align: center;
}
.pagecountul li {
	display: inline;
	margin: 0px 4px;
	background:#000000 url(hex_grey_bg.gif) repeat-y scroll 0%;
	border: 1px solid #222;
	padding: 2px 6px;
	color:#aaa;
	font-family:tahoma,"Segoe UI",Helvetica,"Trebuchet MS","Lucida Sans Unicode",Arial;
	font-size:1.4em;
	margin:10px 1px;
	position:relative;
}

/* ============ Lightbox stuffs ============ */
#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

p.lightbox a {
	border: 0;
}
#outerImageContainer{
	position: relative;
	background-color: #e3e3e3;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 0.9em tahoma, "Segoe UI", Helvetica, Arial, "Lucida Sans Unicode", "Trebuchet MS", Arial;
	background-color: #e3e3e3;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%	
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold; font-size: 1.2em; letter-spacing: -1px;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#bottomNav a img {
	background: #fff;
	padding: 4px;
	border: 1px solid #000;
	border-right: 0;
}

#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 100%;
	background-color: #000;
	}

#ext-container {
	padding: 25px;
	font-size: 1.4em;
	letter-spacing: -1px;
	color: #EEE !important;
}
#ext-container a, #ext-container img {
	border: 0 !important;
}
#ext-list h1 {
	display: inline;
	float: left;
	clear: left;
	font-size: 1.3em;
}
#ext-list p {
	font-size: 0.8em;
	color: #ccc;
}
#ext-list a, #ext-list a:visited {
	color: #e3e3e3;
}
#ext-list a:hover {
	color: #fff;
}
#ext-list a:active {
	color: #555;
}