/*
Theme Name: Net
Description: Replicated layout of current CSKnet, with added Theme functionality
Version: 0.0.1
Author: Craig S. Kiessling
Author URI: http://www.csknet.net
/*

/* CSS Document */

body {
	text-align:center;
	margin:10px;
	padding:0;
	font: normal 0.8em/1.2em verdana,aria,sans-serif;
	color:  #666;
	background: #999;
}
html > body {
width : auto;
min-width : 200px;
height: auto;
min-height: 100%;
background: #999;
background-color: #999999;
}
p, ul
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#333333;
}
a {
	color:#090;
	text-decoration:none;
	font-weight: bold;
	}
a:hover {
	border-bottom: 1px dashed #009900;
	color:#666666;
	text-decoration: none;
	}
#wrapper1 {
	position:relative;
	text-align:left;
	width:100%;
	background: #ffffff url(images/pixel_white.gif) repeat-y;
	left: 0px;
	height:inherit;
	min-height: 800px;
	}
#wrapper2 {
	position:relative;
	text-align:left;
	width:98%;
	background: #ffffff url(images/pixel_white.gif) repeat-y;
	max-width: 98%;
	}
#wrap {
	background: url(/images/pixel_white.gif) repeat top left #000000;
	border:medium #000000;
	z-index:999;
}
#header {
	background:#FFF;
	padding:10px;
	margin-top: -15px;
	height: 120px;
	position: relative;
	text-align: left;
	vertical-align: middle;
	}
#header h1 {
	/*font-size:200%;*/
	border: 0;
	vertical-align:middle;
	position: relative;
	top: 20px;
	left: 20px;
	}
#header a:hover {
	border: 0;
	text-decoration: none;
	}
/*.topsearch {
background : url(../images/netting.jpg);
background-repeat: no-repeat;
background-position: top right;
background-color: #FFF;
height: 70px;
width: 320px;
position : absolute;
text-align: right;*
float: right;
margin: 0;
}*/
.logo {
float: left;
width: 80px;
height: 80px;
border: none;
padding: 5px;
background-color: #ffffff;
}
.logo:hover {
border: none;
text-decoration: none;
}
.csk{
font-size: 22px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #666666;
font-weight: normal;
/*position: relative;
top: 10px;
left: 10px;*/
}
.net {
font-size: 18px;
font-family:"Courier New", Courier, mono;
color:#009900;
font-weight: normal;
}
.build {
font-size: 14px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #999999;
font-variant: small-caps;
letter-spacing: 10px;
font-weight: normal;
padding-left: 20px;
line-height: 20px;
}
.netting {
position: absolute;
top: 0;
right: 0;
height: 70px;
width: 320px;
}

#maincol {
	position:relative;
	margin:0;
	padding: 10px;
	background-color: #ffffff;
	background: #FFFFFF;
	min-height: 400px;
	height: auto;
	z-index: 901;
	width: 98%;
	max-width: 98%;
	}
/* for Internet Explorer */
/*\*/
* html #maincol {
height: 600px;
}
/**/


#leftcol { 
	position: absolute;
	top:-10px;
	left: 10px;
	float:left;
	width:13%;  /*220px for IE5/WIN */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:13%; /* 200px actual value */
	margin:0 0 -10px 0;
	/*padding-left: -100px;*/
	background:#ffffff;
	z-index:900;
	text-align: left;
	}
#leftcol ul, #rightcol ul {
background: #ffffff;
border: 1px dashed #999999; 
text-align: left;
width: 100% !important;
min-width: 100% !important;
float: left;
margin: 0;
padding-top: 0;
padding-left: 0;
padding-right: 0;
padding-bottom: 10px;
list-style: none;
}
#leftcol ul li, #rightcol ul li {
background-color:#ffffff;
margin-left: 0;
/*padding-left: 5px;*/
text-align: left;
}
#leftcol ul li.listHeader, #rightcol ul li.listHeader {
background: #666666 !important;
background-color:#666666 !important;
color: #ffffff;
text-align: center;
font-family: Arial, Helvetica, sans-serif;
font-weight: 600;
width: 100%;
font-size: 14px;
}
.listHeader h2 {
font-size: 14px;
padding-right: -10px;
padding-left:0;
width: 100%;
min-width: 100%;
}
#leftcol ul li h2, #leftcol ul li h3, #rightcol ul li h2, #rightcol ul li h3 {
margin: 0px;
padding: 1px;
background-color: #666666;
color : #ffffff;
font-size: 14px;
}

#leftcol ul {
font-size: 0.9em;
}
li.navitem {
margin-top: 5px;
padding-left: 5px;
}
#rightcol {
	position: absolute;
	top:-10px;
	right: 0px;
	float:right;
	width:13%;  /* 220px for IE5/WIN */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:13%; /* 200px actual value */
	margin:0 0 0 0;
	padding: 0;
	background: url(images/pixel_white.gif) repeat-y top left #ffffff;
	z-index:99;
	list-style: none;
	font-size: 0.8em;
	height: inherit;
	min-height: 600px;
}
#rightcol ul {
float: left;
margin: 0;
width: 100%;
min-width: 100%;
padding-top: 0;
padding-left: 0;
padding-right: 0;
padding-bottom: 10px;
list-style:none;
}
p.blurb {
line-height:1.2em;
color: #333333;
margin-left: 5px;
padding-left: 0;
margin-bottom:  5px;
margin-top: 5px;
}
p.blurb_premiumlinkage {
margin-top: 5px;
vertical-align: middle;
text-align: center;
}
a.linkage, a.linkage:hover {
text-decoration: none;
border: 0;

}

.boxspacer {
height: 20px;
min-height: 20px;
clear:both;
}

#centercol {
	position:relative;
	padding-top: 0;	
	padding-left: 240px;
	padding-right: 230px;
	margin-right: 20px;
	min-height:100%;
	height: 100%;
	background: #ffffff url(images/pixel_white.gif) repeat-y 0 0;
	}
#portfoliowrap  {
	position: relative;
	padding-top: 0;	
	padding-left: 220px;
	padding-right: 230px;
	margin-right: 20px;
	}
#centercol a, #portfoliowrap a {
	color:#666;
	}
#centercol a:hover, #portfoliowrap a:hover {
	border-bottom:1px solid;
	color:#9343B9;
	}
#centercol h1, #portfoliowrap h1 {
font-size:26px;
font-family:Arial, Helvetica, sans-serif;
font-weight: 600;
color:#666;
margin-top: 0px;
line-height: 24px;
}
#centercol h2 {
font-size:16px;
font-family:Arial, Helvetica, sans-serif;
font-weight: 600;
color:#666;
}

#centercol_home {
	position: relative;
	padding-top: 0;
	padding-left: 200px;
	background: url(images/pixel_white.gif) repeat-y top left #ffffff;
}
#centercol_home h2 {
	font-size: 16px;
	color: #009900;
}
#footer {
	position:static;
	/*bottom:-300px;*/
	top: 2px;
	background:#ffffff;
	width:100%;
	clear:both;
	margin:0;
	padding:1% 0;
	text-align: center;
	color:#CCC;
	font-size : 0.8em;
	}
#footer a {
	font-weight: normal;
}
#back {
clear: both;
font-size : 0.8em;
text-align : right;
padding : 0;
margin-top : 0;
position: inherit;
}
#back a {
font-weight : normal;
text-decoration : none;
color:#009900;
font-size:10px;
}
#back span {
float : left;
}
#back strong {
color : #006;
}
#breadcrumbs {
position : absolute;
font-size : 0.8em;
top : 120px;
left : 250px;
text-align : left;
text-transform: uppercase;
color:#666666;
}

#searchCSS {
font-size : 0.9em;
}

#searchform {
/*position: relative;*/
}

#searchform #s {
width : 135px;
font-size : 11px;
padding : 4px;
border : 2px solid #000;
filter:alpha(opacity=75);
-moz-opacity:.75;
opacity:.75;
}

#searchform #s:focus {
border : 1px solid #aaa;
background : #ffffff;
}

#searchsubmit {
font-size : 9px;
background : #fff url(../Net/icons/icon_search.png) no-repeat 1px 1px;
cursor : pointer;
padding : 0 0 0 5px;
border : 1px solid #aaa;
}

#searchsubmit:hover {
border : 1px solid #999;
}

#submit {
cursor : pointer;
}

.entry form {
text-align : center;
}

select {
width : 140px;
}

.alt {
clear : both;
}

p img {
padding : 0;
}

p img[alt="an image"] {
float : left;
margin : 0 7px 2px 0;
}
.center {
display : block;
margin-left : auto;
margin-right : auto;
}
.alignright {
float : right;
margin-right: 5px;
}
.alignleft {
float : left;
}
img.alignright {
padding : 4px;
margin : 0 0 2px 7px;
display : inline;
}
img.alignleft {
padding : 4px;
margin : 0 7px 2px 0;
display : inline;
}
.images {
width : 95%;
text-align : center;
}
.images img {
float : left;
clear : both;
margin : 0 auto;
}

/*Icons, Buttons, etc */
.icons a {
display : block;
height : 16px;
padding-left : 25px;
}
.icons a:hover {
background-position : left bottom;
}
.icons .s_delicious {
background : #ffffff url(../Net/icons/delicious.gif) no-repeat;
}
.icons .s_digg {
background : #f6f6f6 url(../Net/icons/digg.gif) no-repeat;
}
.icons .s_technorati {
background : #ffffff url(../Net/icons/technorati.gif) no-repeat;
}
.icons .s_reddit {
background : #f6f6f6 url(../Net/icons/reddit.gif) no-repeat;
}
.icons .s_magnolia {
background : #ffffff url(../Net/icons/magnolia.gif) no-repeat;
}
.icons .s_stumbleupon {
background : #f6f6f6 url(../Net/icons/stumbleupon.gif) no-repeat;
}
.icons .s_yahoo {
background : #ffffff url(../Net/icons/yahoo.gif) no-repeat;
}
.icons .s_google {
background : #f6f6f6 url(../Net/icons/google.gif) no-repeat;
}
.iconComment a {
padding-left : 20px;
background : url(../Net/icons/icon_comment.png) no-repeat top left;
}
.iconEdit {
background : url(../Net/icons/icon_edit.png) no-repeat top left;
padding : 1px 0 5px 20px;
}
.iconrss {
background : url(hi icons/icon_feed.gif) no-repeat;
}
.homecontent {
/*width: 520px;*/
/*position: relative;*/
/*min-width: 20% ; */
/*margin-top: 50px;*/
margin: 0 !important; 
top:10%;
left: 360px !important; 
float:right;
background: transparent;
min-width: 500px;
width: 675px;
position:absolute;
/*height: auto;*/
}
.content {
margin: 0;
padding-left: 10px;
top: 0;
left: 225px !important; 
float:right;
background: #ffffff;
min-width: 500px;
width: 800px;
position:absolute;
height: auto;
}
.homeleft {
width: 260px;
background: #ffffff;
position:relative;
top: 1%;
left: 1%;
float: left;
padding-right: 20px;
}
/*.homeleft .bottom:hover {
background: #7CCD7C;
}
.homeright .top:hover {
background: #7CCD7C;
}
.homeright .bottom:hover {
background: #7CCD7C;
}*/
.homeright {
width: 260px;
background: #ffffff;
position: relative;
top: 0px;
left: 0px;
float: left;
}
.homecontentimages {
width: 60px;
height: 60px;
border: 0;
float: left;
padding-right: 10px;
}
.bottom {
margin-top:5px;
text-align: left;
/*background: #ffffff;*/
}
.top {
height: 150px;
text-align: left;
/*background: #ffffff;*/
}
.copy {
margin-top: 10px;
margin-bottom: 10px;
text-align:center;
font-size: 9px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color:#666666;
position:absolute;
}

a.more span {
position: absolute;
left: -999em;
}
a.more:hover, a.more:focus, a.more:active {
/*
  On 'hover' set the anchor to 'position:relative' to get a
  measuring point. Somehow IE doesn't like it when this is
  in the '.col2 a' declaration...
  */
  position: relative;
}
a.more:hover span, a.more:focus span, a.more:active span {
  /*
  Take the previously hidden span and display it near the anchor
  */
  left: -100px;
  top: 20px;
  width: 150px;
  /*
  This is just for looks...
  */
  padding: 5px;
  line-height: 1;
  font-size: 95%;
  background: #FFFFF6;
  border: 1px solid #666;
  color: #666;
  text-decoration: none;
  text-align: left;
  }
  a.more:hover span:before, a.more:focus span:before, a.more:active span:before {
  /*
  IE doesn't show this - but others do.
  */
  content: "Read more";
  }
a.ads span {
position: absolute;
left: -999em;
}
a.ads:hover, a.ads:focus, a.ads:active {
/*
  On 'hover' set the anchor to 'position:relative' to get a
  measuring point. Somehow IE doesn't like it when this is
  in the '.col2 a' declaration...
  */
  position: relative;
}
a.ads:hover span, a.ads:focus span, a.ads:active span {
  /*
  Take the previously hidden span and display it near the anchor
  */
  left: 50px;
  top: 5px;
  width: 150px;
  /*
  This is just for looks...
  */
  padding: 5px;
  line-height: 1;
  font-size: 95%;
  background: #FFFFF6;
  border: 1px solid #666;
  color: #666;
  text-decoration: none;
  text-align: left;
  }
.pagenav
{
	float: right;
	padding: 10px;
	border: 1px dashed #009900;
	background: #ededed;
	margin-left: 10px;
	margin-bottom: 10px;
}
.txtsm {
font-size: 9px;
font-family: Verdana, Arial, Helvetica, sans-serif;
margin-top: -10px;
}
.thumbrow {
width: 100%;
padding: 12px;
text-align: right;
border-bottom:1px dashed #666666;
height: 110px;
}

.reshead
{
width: 100%;
padding: 12px;
text-align: right;
}
.reshead1
{
width: 70px;
float: left;
}
.reshead2
{
width: 300px;
float: right;
}
.reshead3 
{
float: right;
border: 1px dashed #999999; 
text-align: left;
margin: 0;
padding-top: 0;
padding-left: 0;
padding-right: 0;
padding-bottom: 10px;
margin-left: 20px;
width: 150px;
}
.FeatureHead {
background: #666666 !important;
background-color:#666666 !important;
color: #ffffff;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
margin: 0px;
padding-top: 1px;
padding-bottom: 1px;
font-size:12px;
font-weight:600;
}
p.resdown {
line-height:1.2em;
color: #333333;
margin-left: 5px;
padding-left: 0;
margin-bottom:  5px;
margin-top: 5px;
font-size: 0.8em;
}
p
.thumbrow img {
width: 130px;
height: 105px;
border: none;
float: left;
}
.thumbrow a img {
text-decoration: none;
}
p.cell {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #666666;
margin-top: 0px;
margin-left: 10px;
}

/*PORTFOLIO*/
#portfoliowrap h2 {
padding: 2px 5px 2px 10px;
text-align: left;
background-color: #e2e5f3;
border: 1px solid #666666;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #666666;
font-weight: bold;
font-size: 12px;
}
#portfoliowrap h3 {
padding: 2 2 10 2;
font-size: 11px;
font-weight: normal;
}
#portfoliowrap p {
padding: 2 2 10 2;
font-size: 11px;
font-weight: normal;
}
#portfoliowrap ul li {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#333333;
padding: 0;
}
li.inlist {
margin-left: 5px;
list-style-type:square;
}
.portfolioleft {
width: 49%;
float: left;
}
.portfolioright {
width: 49%;
float: right;
position: relative;
top: 0;
right: 0;
}
.portfolioimage {
margin-left: 5px;
width: 200px;
height: 250px;
text-align:center;
max-height:302px;
padding-bottom: 10px;
}
.portfolioimage a:hover {
text-decoration: none;
}
.portfoliomainimage {
text-align: center;
vertical-align:top;
padding-bottom: 10px;
}
img.portfoliomainimage {
height: 147px;
width: 215px;
border: none;
text-align: center;
}
.portfoliosubimagerow {
width: 215px;
height: 73px;
display: block;
text-align: center;
}
.portfoliosubimageblock {
width: 90px;
text-align: center;
float: left;
padding-left: 10px;
}
.portfoliosubimage {
width: 90px;
height:  68px;
display: block;
float: left;
border: none;
}
.portfoliosubimagecaption {
display: block;
text-align: center;
height: 10px;
}
.portfoliotestiauthor {
margin-top: 2px;
font-size:10px; 
text-align:right; 
color:#999999;
}
#portnav {
text-align: center;
width: 325px;
height: auto;
padding: 2px 5px 2px 5px;
clear: both;
margin-left: 100px;
padding-top: 20px;
}
.portnavleft {
float: left;
width: 100px;
background: #e2e5f3;
border-bottom: 1px solid #666666;
border-left: 1px solid #666666;
border-top: 1px solid #666666;
}
.portnavcenter {
float: left;
width: 100px;
background: #e2e5f3;
border-bottom: 1px solid #666666;
border-top: 1px solid #666666;
}
.portnavright {
float: left;
width: 100px;
background: #e2e5f3;
border-bottom: 1px solid #666666;
border-right: 1px solid #666666;
border-top: 1px solid #666666;
}
#centercol h1.central{
font-size: 20px;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
color: #666666;
margin-top: 10px;
margin-bottom: 0px;
}
/***************Grey Box Styles ************************/
#GB_overlay {
  background-image: url(overlay.png); 
  position: absolute;
  margin: auto;
  top: 0;
  left: 0;
  z-index: 100;
  width:  100%;
  height: 100%;
}

* html #GB_overlay {
  background-color: #000;
  background-color: transparent;
  background-image: url(blank.gif);
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");
}

#GB_window {
  top: 10px;
  left: 0px;
  position: absolute;
  background: #fff;
  border: 5px solid #aaa;
  overflow: auto;
  width: 400px;
  height: 400px;
  z-index: 150;
}

#GB_frame {
  border: 0;
  overflow: auto;
  width: 100%;
  height: 378px;
}

#GB_caption {
  font: 12px bold helvetica, verdana, sans-serif;
  color: #fff;
  background: #888;
  padding: 2px 0 2px 5px;
  margin: 0;
  text-align: left;
}

#GB_window img {
  position: absolute;
  top: 2px;
  right: 5px;
  cursor: pointer;
  cursor: hand;
}
h3.res
{
font-size: 12px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
color:#666666;
vertical-align: top;
}
.rescontact 
{
vertical-align: top;
}
.res_skills1
{
float: left;
width: 33.3%;
}
.res_skills2
{
float: left;
width: 33.3%;
}
.res_skills3
{
float: left;
width: 33.3%;
}
#centercol h2.subhead, #centercol h2.port_subhead {
font-size: 14px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: 600;
color: #009933;
margin-top: 0px;
margin-right: 25px;
}
#centercol h2.subhead {
text-align:right;
}
#centercol h2.port_subhead {
text-align:left;
}
.contact
{
width: 100%;
text-align: center;
}
.contact1
{
width: 200px;
max-width: 200px;
float: left;
text-align: left;
}
.contact2
{
width: 200px;
max-width: 200px;
float: left;
text-align: left;
}
#centercol ul.profiles
{
list-style: none;
margin-left: -20px;
line-height: 2em;
width: 200px;
}
.contact .contact1 h3, .contact .contact2 h3
{
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
color:#666;
}

.postbox {
background: #ffffff;
border: 1px dashed #999999; 
text-align: left;
width: 30% !important;
min-width: 50% !important;
float: right;
margin: 5px;
padding-top: 0;
padding-left: 0;
padding-right: 0;
padding-bottom: 10px;
list-style: none;
}
.postboxhead {
margin: 0px;
padding: 1px;
background: #666666;
color : #ffffff;
font-size: 14px;
width: 100%;
min-width: 100%;
text-align:center;
font-weight:bold;
}
.postboxcontent {
margin: 5px;
font-size: 10px;
}
.postboxmain {
background: #ffffff;
border: 1px dashed #999999; 
text-align: left;
width: 73% !important;
min-width: 73% !important;
list-style: none;
/*position: absolute;*/
left: 250px;
clear:both;
height:350px;
margin-top: 50px;
}