/* CSS Document */

/* Pretty Stuff
================================== */

/* Zero down margin and paddin on all elements */
* {
  margin: 0;
  padding: 0;
}

body {
  font: 62.5%/1.6 Arial, Verdana, sans-serif;
  background-color:#999999;
}

h1 {
 font: small-caps bold 22px arial;
  font-weight: bold;
}

h2 {
 font: small-caps bold 16px arial;
  font-weight: bold;
  margin-top: 12px;
}


h3 {
  font: bold 14px arial;
  margin-left: 4px;
  margin-bottom: 18px;
  margin-top: 45px;
  color: #671255;
}

p, li {
  font-size: 13px;
  line-height: 16px;
}

p {
  margin-top: 3px;
}

p.caption {font: 12px Arial;
color: #000000;
margin-top: .5em;
margin-bottom: 1em;
}


p.captionBody {font: italic 12px Arial;
color: #000000;
margin-left: 4px;
margin-top: .5em;
margin-bottom: 1em;
}


p.copy {font: italic 10px Arial;
color: #666666;
margin-left: 16em;
margin-top: .5em;
margin-bottom: 1em;
}

p.credit {font: 12px Arial;
color: #000000;
margin-top: 1em;
margin-bottom: 1em;
margin-left: 4px;
}
p.Bib {
  font-size: 13px;
  line-height: 23px;
}

  h2, h1 {
  margin-top: 1.9em;
}  

#branding h1 {
  margin: 0;
}

#branding {
  height: 200px;
  background:  url(http://louiskahan.com/images/signature2opt.gif);
  background-position: bottom right;
  background-repeat: no-repeat;
  background-color: #671255;
  padding-bottom: 0px;
}

#portrait {margin-left: 15px;
padding-top: 10px;
}


#TopMenu {
  height: 35px;
  border-top: solid 1px #000000;
  background-color: #671255;
  padding-bottom: 2px;
  margin-bottom: 0px;
}



#mainNav {
  list-style: none;
}

#footer {
  background-color:#b0b0b0;
  padding: 1px 20px;
  height: 25px;
}

#clear {
  clear: both;
  float: right;
  height: 15px;
}
#clear1 {
  clear: both;
  float: right;
  height: 20px;
}

#clear2 {
  clear: left;
  float: right;
  height: 40px;
}

#floatMain {
  float: left;
  margin-top: 45px;
  }
  
  #floatBody{
  float: left;
  margin-top: 25px;
  }

#float {
  float: left;
  }
  
#float p {
font: italic 12px arial;
   text-align: left;
   color: #000000;
   padding-bottom: 1em;
   margin-top: -.2em;
   }


#mainCap {
  }
  
#mainCap p {
font: 12px arial;
   text-align: left;
   color: #000000;
   padding-bottom: 1em;
   }



/* The Core Technique
================================= */

body {
  text-align: center; 
  min-width: 760px;
}

#wrapper {
  width: 820px; 
  margin: 0 auto; 
  text-align: left;
  background: #fff url(http://louiskahan.com/images/nav-bg-fixed2.gif) repeat-y left top;
}


#content { 
  width: 620px;
  border-right: solid 1px #600a61;
  float: right; 
}

#mainNav { 
  width: 180px;
  float: left; 
} 




.clearboth { clear: both; }

 .thumbnail{
 float: left;
 height: 200px;
 border: 1px solid #999;
margin: 0 15px 15px 0;
 }





#thumb {
  float: right;
     margin-bottom: 70px;
  margin-right: 20px;
  height: 200px;
  }
  
#thumb p {
font: italic 12px arial;
   text-align: left;
   color: #000000;
   margin-top: .2em;
    width: 120px;
	
   }











#thumb2 {
  float: left;
     margin-bottom: 30px;
  margin-left: 20px;
  height: 160px;
  }
  
#thumb2 p {
font: italic 12px arial;
   text-align: left;

   color: #000000;
   margin-top: .2em;
	
   }



#footer { 
  clear: both; 
  border-right: solid 1px #600a61;
  border-left: solid 1px #600a61;
  border-bottom: solid 1px #600a61;
} 





/* the top menu
================================== */

.menu {font-family: Arial, sans-serif;
font-size: 18px;
height:20px; 
position:relative; margin-left:200px; 
background:#671255; 
position:relative; 
z-index:100;}

.menu ul 
{margin-top:-30px; margin:0; 
list-style-type: none;}

.menu ul li 
{float:left;
}

.menu ul li a, .menu ul li a:visited {
display:block; float:left;  
text-decoration:none; 
padding:10px 25px 0px 0px; height:27px; 
line-height:20px; color:#ffffff; 
background:#671255;}

.menu ul li ul {display: none;}

/* specific to non IE browsers */
.menu ul li:hover a {
color:#CCC; 
background:#671255;}

.menu ul li:hover ul 
{background:#ffffff; 
color:#000000;
display:block;
position:absolute; 
top:37px; 
left:100px;
}
 
.menu ul li:hover ul li ul {display: none;}

.menu ul li:hover ul li a {
display:block; 
padding-left: 10px;
vertical-align: top;
background:#ffffff url(http://louiskahan.com/images/corner.gif) center left no-repeat;
color:#000000;}

.menu ul li:hover ul li a:hover {
padding-left: 10px;
vertical-align: top;
background:#ffffff url(http://louiskahan.com/images/corner.gif) center left no-repeat;
color:#671255;}



/* the links
================================== */
a.one:link
{
font-family: Arial, sans-serif;
margin-left: 12px;
color: #000000; font-size: 14px;
text-decoration: none;
line-height: 2.5em;
}

a.one:visited
{
font-family: Arial, sans-serif;
margin-left: 12px;
color: #000000; font-size: 14px;
text-decoration: none;
line-height: 2.5em;
}

a.one:hover {
font-family: Arial, sans-serif;
margin-left: 12px;
color: #671255; font-size: 14px;
text-decoration: none;
line-height: 2.5em;
}


a.two:link
{
font-family: Arial, bold;
color: #000000; font-size: 18px;
text-decoration: none;
}

a.two:visited
{
font-family: Arial, bold;
color: #000000; font-size: 18px;
text-decoration: none;
}

a.two:hover {
font-family: Arial, bold;
color: #671255; font-size: 18px;
text-decoration: none;
}


a.three:link
{
font-family: Arial, bold;
color: #000000; font-size: 13px;
text-decoration: underline;
}

a.three:visited
{
font-family: Arial, bold;
color: #000000; font-size: 13px;
text-decoration: underline;
}

a.three:hover {
font-family: Arial, bold;
color: #671255; font-size: 13px;
text-decoration: underline;
}


a.four:link {
font-family: Arial, italic;
color: #000000; font-size: 10px;
text-decoration: none;
}

a.four:hover {
font-family: Arial, italic;
color: #666666; font-size: 10px;
text-decoration: none;
}
a.four:visited {
font-family: Arial, italic;
color: #000000; font-size: 10px;
text-decoration: none;
}

/* Add some padding
================================== */

#mainNav {
  padding-top: 35px;
  padding-bottom: 20px;
}

#mainNav * {
  padding-left: 20px;
  padding-right: 20px;
}

#mainNav * * {
  padding-left: 0;
  padding-right: 0;
}

#content * {
  padding-right: 20px;
}

#content * * {
  padding-right: 0;
}

/* the table
================================== */
.mainT
 {
 margin-left: 4px;
 width: 600px;
 float: left;


 }

.TextT
 {
 width: 600px;
 float: left;
 }


.TextT p
{
font-family: Arial;
font-weight: bolder;
color: #000000; font-size: 13px;
}

.TextBib
 {
 width: 600px;
 float: left;
 }


.TextBib td
 {
padding-top: 8px;
 }

.TextBib p
{
font-family: Arial;
font-weight: normal;
color: #000000; font-size: 13px;
}

 .cell1
 {
 align: bottom;
 padding-right: 20px;
 padding-bottom: 40px;
 vertical-align: bottom;
 }

 .cell2
 {
 padding-right: 20px;
 padding-bottom: 5px;
 vertical-align: top;
color: #000000; font-size: 13px;
 }


-->