/****************************************************/
/*       Layout                                     */
/****************************************************/

body
{
 background-color: rgb(0,0,62);
 text-align:center;
}

div.main
{
 width: 800px;
 /*position: absolute;*/
 top: 50px;
 /*margin: 0 20 20 20px;*/
 margin: 50 auto 20px auto;
 padding: 0px;
 display: block;
 text-align: left;
 background: url('./bkgd/random.php') no-repeat bottom right
}

div.buttoncontainer
{
 float: left;
 clear: left;
 padding: 0px;
 margin: 0 10 10 0px;
}

div.sidePic
{
 float: left;
 clear: left;
 margin: 10px;
 padding: 0px;
 width: 280px;
 background-color: rgb(24,24,76);
 border-top: 3px groove white;
 border-bottom: 3px ridge white;
}

div.mainPic
{
	margin: 5 0 5 305px;
	width: 475px;
	padding: 10px;
	text-align: center;
	background-color: rgb(24,24,76);
	opacity: 1;
  filter: alpha(opacity = 100);
}

div.cvBlock
{
	margin: 0 10 10 10px;
	padding: 4px;
	/*background-color: rgb(220,220,220);*/
	border-left: 3px solid;
	/*border-top: 1px solid;*/
	border-color: rgb(210,210,210);
}

/****************************************************/
/*       Links                                      */
/****************************************************/

a
{
 border: none;
 text-decoration: none;
 color: rgb(180,255,255);
 background: none;
}

a:link 
{
 border: none;
 text-decoration: none;
 color: rgb(180,255,255);
} /* unvisited link */

a:visited 
{
 border: none;
 text-decoration: none;
 color: rgb(180,255,255);
} /* visited link */

a:hover 
{
 border: none;
 text-decoration: none;
 color: rgb(0,255,255);
} /* mouse over link */

a:active 
{
 border: none;
 text-decoration: none;
 color: rgb(0,255,255);
} /* selected link */

a.banner
{
 margin: 0 0 0 10px;
 width: 800px;*/
 padding: 0px;
 text-align: left;
 color: rgb(180,180,255);
 font-family: Sylfaen, Cambria, Georgia, "Times New Roman", Times, Serif;
 font-size: 36px;
 font-variant: small-caps;
 font-weight: normal;
}

a.banner:hover
{
 color: rgb(180,255,255);
}

/****************************************************/
/*       Text                                       */
/****************************************************/

h1
{
 margin: 0 5 0 0px;
 padding: 0px;
 text-align: right;
 color: rgb(255,255,255);
 font-family: Sylfaen, Cambria, Georgia, "Times New Roman", Times, Serif;
 font-size: 42px;
 font-weight: normal;
}

h2
{
 margin: 15 0 0 305px;
 padding: 0 5 0 5px;
 text-align: right;
 color: black; /*rgb(210,210,210);*/
 background: rgb(180,180,255);
 font-family: Sylfaen, Cambria, Georgia, "Times New Roman", Times, Serif;
 font-size: 18px;
 font-weight: normal;
 border: solid gray;
 border-width: 1px 0px 2px 0px;
}

h3
{
 margin: 0 5 0 305px;
 padding: 0 0 0 5px;
 text-align: left;
 color: rgb(210,210,210);
 font-family: Sylfaen, Cambria, Georgia, "Times New Roman", Times, Serif;
 font-size: 16px;
 font-weight: normal;
}

p.text
{
 margin: 0 0 0 305px;
 padding: 5 5 5 5px;
 text-align: left;
 color: white; /*rgb(191,191,191);*/
 font-family: Candara, Verdana, Calibri, Helvetica, Arial, Sans-serif;
 font-size: 14px;
 background-color: rgb(30,30,80);
 opacity: 0.8;
 filter: alpha(opacity = 80);
}

p.code
{
 margin: 0 0 0 305px;
 padding: 0 5 0 15px;
 text-align: left;
 color: rgb(191,191,191);
 font-family: monospace;
 font-size: 12px;
 background-color: rgb(30,30,80);
 opacity: 0.8;
 filter: alpha(opacity = 80);
}

p.text:first-letter
{
 /*font-size: 16px;*/
}

p.caption
{
 text-align: center;
 color: rgb(191,191,191);
 font-family: Candara, Verdana, Calibri, Helvetica, Arial, Sans-serif;
 font-size: 12px;
}

p.note
{
 margin: 20 0 0 305px;
 padding: 5 5 5 5px;
 text-align: right;
 color: darkgray; /*rgb(191,191,191);*/
 font-family: Candara, Verdana, Calibri, Helvetica, Arial, Sans-serif;
 font-style: italic;
 font-size: 14px;
 background-color: rgb(30,30,80);
 opacity: 0.8;
 filter: alpha(opacity = 80);
}

ul
{
 margin: 0 0 0 305px;
 padding: 5 50 5 50px;
 text-align: justify;
 color: rgb(191,191,191);
 font-family: Candara, Verdana, Calibri, Helvetica, Arial, Sans-serif;
 font-size: 14px;
 list-style:square;
 background-color: rgb(30,30,80);
 opacity: 0.8;
 filter: alpha(opacity = 80);
}

h1.cv
{
	margin: 15 10 5 10px;
	font-weight: bold;
	font-variant: small-caps;
  font-family: Sylfaen, Cambria, Georgia, "Times New Roman", Times, Serif;
  font-size: 22px;
	text-align: left;
}

p.cv
{
	margin: 0px;
	padding: 0px;
  text-align: justify;
  /*color: rgb(0,0,0);*/
	color: rgb(210,210,210);
  font-family: Sylfaen, Cambria, Georgia, "Times New Roman", Times, Serif;
  font-size: 15px;
}

ul.cv
{
	margin: 0 0 0 150px;
	padding: 0px;
  text-align: justify;
  /*color: rgb(0,0,0);*/
	color: rgb(210,210,210);
  font-family: Sylfaen, Cambria, Georgia, "Times New Roman", Times, Serif;
  font-size: 15px;
  list-style:square;
}

table.cv
{
	border-collapse:collapse;
	margin: 0px;
  padding: 5px;
}

td
{
	vertical-align: top;
	padding: 0 10px 0 0;
}

/****************************************************/
/*       Images                                     */
/****************************************************/

img
{
 border: none;
 text-decoration: none;
}

img.line
{
	height: 20px;
}

img.buttons
{
 positon: absolute;
 top: 0px;
 left: 0px;
 padding: 0px;
 margin: 0px;
 z-index: 0;
}

img.mainPic
{
 margin: 0px auto;
 text-align: center;
 z-index: 2;
 opacity: 1;
 filter: alpha(opacity = 100);
}

/****************************************************/
/*       Navigation Buttons                         */
/****************************************************/

img.button
{
 position: relative;
 padding: 0px;
 margin: 0px;
 opacity: 0.0;
 filter: alpha(opacity = 0);
 z-index: 1;
}
/*
ul.nav, ul.hnav
{
 margin: 0 0 0 305px;
 padding: 0px;
 text-align: left;
 color: black;
 font-family: Candara, Verdana, Calibri, Helvetica, Arial, Sans-serif;
 font-size: 16px;
 list-style:none;
 background-color: rgb(0,0,62);
}

ul.hnav
{
 height: 2em;
}

li.nav
{
 
}

li.hnav
{
 display: inline;
 margin: 0;
 padding: 0;
}

li.nav:hover 
{
 background-color: rgb(0,255,255);
 border: solid darkgray;
 border-width: 2 0 2 0px;
 color: black;
}

a.nav, a.hnav
{
 color: black;
}

a.nav
{
 margin: 5 0 5 0px;
 padding: 3 5 3 5px;
 width: 300px;
 border: solid gray;
 border-width: 2 0 2 0px;
 color: black;
 background-color: rgb(180,255,255);
 opacity: 0.8;
 filter: alpha(opacity = 80);
}

a.hnav
{
 float:right;
 width: 110px;
 height: 1.5em;
 margin: 5 0 5 5px;
 text-align: center;
 border: solid gray;
 border-width: 2 0 2 0px;
 background-color: rgb(180,255,255);
 opacity: 0.8;
 filter: alpha(opacity = 80);
}

a.nav:hover
{
 color: black;
}

a.hnav:hover
{
 background-color: rgb(0,255,255);
 border: solid darkgray;
 border-width: 2 0 2 0px;
 color: black;
}
*/

ul.nav
{
 margin: 0 0 0 305px;
 padding: 0px;
 text-align: left;
 color: black;
 font-family: Candara, Verdana, Calibri, Helvetica, Arial, Sans-serif;
 font-size: 16px;
 list-style:none;
 background-color: none;
 opacity: 0.8;
 filter: alpha(opacity = 80);
}

ul.horiz
{
 height: 2em;
 background-color: rgb(0,0,62);
}

li.nav
{
 margin: 0;
}

li.horiz
{
 display: inline;
 margin: 0;
 padding: 0;
}

a.nav
{
 float: right;
 clear: none;
 color: black;
 margin: 5 0 0 0px;
 padding: 3 5 3 5px;
 width: 480px;
 border: solid gray;
 border-width: 2 0 2 0px;
 color: black;
 background-color: rgb(180,255,255);
 opacity: 0.8;
 filter: alpha(opacity = 80);
}

a.horiz
{
 width: 110px;
 padding: 3 0 3 0px;
 margin: 5 0 5 5px;
 text-align: center;
}

a.nav:hover
{
 background-color: rgb(0,255,255);
 border: solid darkgray;
 border-width: 2 0 2 0px;
 color: black;
}