/** general **/
html {
  padding:0; margin:0;
}

/* general */
body {
  background: #000000;
  padding:0; margin:0 5%;;
  font-style:normal; font-variant:normal;
  font-weight:normal; font-size:14px;
  font-family: sans-serif;
  color: #FFFFFF;
}

h1 {
  font-weight: bold;
  font-size: 180%;
  text-align: center;
  padding: 1em;
  margin: 1em;
}

h2 {
  font-size: 130%;
  font-weight: bold;
  padding: 0;
  margin: .5em .2em;
}

h3 {
  font-size: 100%;
  font-weight: bold;
  margin: .5em 0 .5em 0;
}

p, li{
  margin:.5em 0;
  padding:0px;
}

a {
  font-weight: bold;
  padding: 2px 0 1px 0;
  text-decoration: none;
  color: #a3b2c1;

/*
  color: #577693;
  color: #4e7dab;
*/
}

a:link {
  color: #a3b2c1;
}

a:visited {
  color: #a3b2c1;
}

a:hover {
  padding: 1px 0 1px 0;
  color: #4e7dcc;
}

/* main content table */
#content-table { 
  width: 100%;
}

#content-table td { 
  padding: 0; margin: 0;

}

/* edges for rounding, dashed border*/
#edge-tl-corner  { background: black url(../images/CORNER_TL.gif) no-repeat fixed bottom right; width: 10px; height: 10px;}
#edge-top-left   { border-top:   1px dashed #4e7dab; background-color: #374a5c; 
                   border-right: 1px solid  #4e7dab; height: 10px;}
#edge-top-center { border-top:   1px dashed #4e7dab; background-color: #2b3f53;
                   border-right: 1px solid  #4e7dab; height: 10px;}
#edge-top-right  { border-top: 1px dashed #4e7dab; background-color: #20354a; 
                   height: 10px;}
#edge-tr-corner  { background: black url(../images/CORNER_TR.gif) no-repeat fixed bottom left; width: 10px; height: 10px;}

#edge-left  { border-left:  1px dashed #4e7dab; background-color: #374a5c; }
#edge-right { border-right: 1px dashed #4e7dab; background-color: #20354a; }

#edge-bl-corner  { background: black url(../images/CORNER_BL.gif) no-repeat fixed top right; width: 10px; height: 10px;}
#edge-bot-left   { border-bottom: 1px dashed #4e7dab; background-color:#374a5c; 
                   border-right:  1px solid  #4e7dab; height: 10px; }
#edge-bot-center { border-bottom: 1px dashed #4e7dab; background-color:#2b3f53;
                   border-right:  1px solid  #4e7dab; height: 10px;}
#edge-bot-right  { border-bottom: 1px dashed #4e7dab; background-color:#20354a; 
                   height: 10px;}
#edge-br-corner  { background: black url(../images/CORNER_BR.gif) no-repeat fixed top left; width: 10px; height: 10px;} 

.edge-img { 
  float: right; /* what a hack!! take this out and watch the sillyness...*/
  border: none;
  padding: 0; margin:0;
}

/* header */
#header {
  padding:0; margin: 5px 0;
  text-align: center;
}

#title { 
  margin: 0 0 0 28px; padding: 0;
  float: left;
  text-align: left;
}

#logo { 
  margin: 0 20px 0 0; padding: 0;
  margin-left: 50%;
  text-align: right;
}

/* left column and subsections */
#left {

  background-color: #374a5c;
  border-right: 1px solid #4e7dab;
  vertical-align: top;
  width: 139px;
}

#menu { 
  width: 100%;
  margin: 1em .5em;

}

#menu ul { 
  padding: 0; margin: 0;
}

#menu li, #menu p { 
  list-style: none; /*url('../images/web/dash.gif');*/
  padding: .2em 0 0 .3em;
  margin: 0;
  font-weight: bold;
}

#menu p { 
  color: #4e7dab;
}

#port-list li { 
  padding: 0; margin: 0;
  margin-top: .3em;
  margin-left: 1em;
}


#langs { 
  border-top: 1px solid #4e7dab;
  border-bottom: 1px solid #4e7dab;
  border-left:  1px dashed  #4e7dab;
  text-align: center;
  font-weight: bold;
  background-color:#55697c;
  color:  #a1b2c3;
  vertical-align: top;
  margin: 10px 0 0 -10px;
  padding: .2em 0;
}

* html #langs {
  margin: 10px -1px 0 0px;
  border-left:  1px solid  #4e7dab;
}

#langs a, #langs a:visited { 
  color: #20354a;
}

#langs a:hover { 
  color: #fff;
}

#langs ul { 
  margin: 0; padding: 0;
}

#langs li { 
  display: inline;
  margin: 5px 0;
}

/* center column - the title spiftiness */
#center {
  background-color: #2b3f53;
  border-right: 1px solid #4e7dab;
  width: 160px;
  vertical-align: top;
  text-align: right;
}

#center img { 
  margin: -9px 2px -9px 51px;
  padding: 0;
}

/* center column for portfolio */
#thumbs {
  background-color: #2b3f53;
  border-right: 1px solid #4e7dab;
  width: 160px;
  vertical-align: top;
  text-align: center;
}

#thumbs a{ 
  padding: 0;
  margin: 0;
}

#thumbs img {
  border: none;
  padding: 0;
  margin: 0;
  filter:alpha(opacity=50);
  -moz-opacity:0.5;
}

/* right column */
#right {
  background-color: #20354a;
  vertical-align: top;
  text-align: left;
}

#right p { 
  margin: 0;
  padding: .5em 1em; 
}

#port-pic { 
  padding: 1em;
  margin:0;
  text-align: center;
}

#port-pic img { 
  border: 1px black solid;
}

.left-div{ 
  float: left; 
  width: 45%;
  margin: 1%;
}

.right-div{ 
  float: right; 
  width: 45%;
  margin: 1%;
}

.addr-hdr {

}

.addr-line {
  padding: 2px;
  margin: 0;
  line-height: 80%;
}
/* footer */
#footer {  
  text-align: center;
  font-size: 90%;
  color: #577693;
  margin: 10px 0;
  padding: 0;
}