/* Styles for FrankEReillyAtLarge.com */

/* Main Elements */
body {
  margin: 0px;
  padding: 0px;
  height:100%;
  font-family: Georgia, serif;
  background-color: #000;
  font-size:107%;
}

#header {
  display: block;
  width: 900px;
  padding-bottom: 140px;
  background: #000 url('headerb2.png') bottom no-repeat;
  text-align:right;
  font-family: "Trebuchet MS", Trebuchet, sans-serif;
  font-style:italic;
  color: #777;
}

#content {
  width: 900px;
  margin-left: auto;
  margin-right:auto;
  padding: 0px;
  overflow: visible;
  background-color: #FFF;
}

#topbar {
  height:40px;
  margin:0px;
  padding:0px;
  background: url("gradko.png") top right repeat-x;
}

#navbar {
  background-color:#FFDB3A;
}

#navbar a {
  text-decoration: none;
  color: #0042FF;
  font-family: "Trebuchet MS", Trebuchet, sans-serif;
  font-weight: bold;
}

#navbar ul {
  text-align:center;
  margin: 0px;
  padding: 0px;
  display:block;
}

#navbar ul li {
  display:inline;
  padding: 20px;
}

#navbar ul li a:hover,
#navbar ul li a:active {
  color:#FFF;
}

#left {
  left: 0px;
  margin: 0px;
  padding: 1em;
  border: 0px;
  width:10%;
  height:100%;
  background: url("bgbluel.png") top right repeat-y;
}

#center {
  width:890px;
  padding-top:2em;
  border-left: 5px solid #FFDB3A;
  border-right: 5px solid #FFDB3A;
}

#center p {
  font-size:1.25em;
}

#right {
  position: absolute;
  right: 67%;
  margin: 0px;
  padding: 1em;
  border: 0px;
  width: 30%;
  background-color:#00F;
}

#bottombar {
  clear:both;
  border-bottom: .25em solid #FFDB3B;
}

#footer {
  display:block;
  margin: 0em;
  padding: 1em 0em 0em 0em;
}


/* Header & Navigation Bar Formatting */
.headertext {
  font-size:200%;
  margin:0em .5em 0em 0em;
  padding:90px 0px 0px 0px;
}


#nav, #nav ul {
  margin: 0px;
  padding: 0px;
  padding-top:1%;
  list-style: none;
}

#nav li {
  width: 25%;
  float:left;
  display: block;
  font-weight:bold;
}

#nav li ul {
  position: absolute;
  left: -999em;
  width:inherit;
  border-top: 0px;
  background: url('blue-bgtile.png');
  _background: url('blue-bgtile-flat.gif'); /* IE6 doesn't much care for alpha transparencies */
  _width:100%;                              /* and has its own brilliant ideas on formatting */
}

#nav li ul li {
  float:none;
  width:auto;
  text-align:center;
  padding-top:0.5em;
  padding-bottom:0.5em;
  _padding-bottom:0px;
}

#nav li:hover ul, #nav li.sfhover ul {
/*display:inline-block;
position: static;*/
  left:auto;
}


/* Image Layout & Formatting */

.box {
  clear:none;
  float:left;
  margin: auto;
  padding: 10px;
  font-weight: normal;
  font-size: 87%;
/*   font-style: italic;
 color: #AAA;*/
  text-align: center;
  z-index: 10;
}


/* Text Formatting */

h1, h2, h3, h4, h5, h6 {
  margin:0em;
  padding:0em;
  font-family: Georgia, "Times New Roman", Times, serif;
}

h1 {
  letter-spacing:-0.5px;
  padding: 2% 0px;
  font-weight:normal;
  font-size:200%;
}

h2 {
  margin: 0em;
  padding: 0em 0.5em;
/*  border-bottom: 1px solid #CCC;*/
  font-size:125%;
  color: #FFF;
  background: url('blue-edgebar.gif') top right no-repeat;
/*  background-color: #00C;*/
  font-family: 'Trebuchet MS', Trebuchet, Geneva, Helvetica, sans-serif;
  font-weight: bold;
}

p {
  margin:0em;
  padding: .5em;
  line-height:140%;
}

.title {
  font-weight: bold;
  font-style: italic;
/*  font-size: 1.25em;*/
}

.itembox {
  clear:none;
  margin: 1%;
  width: 44%;
  line-height: 130%;
}

.mailhead {
  font-family: "Trebuchet MS", Trebuchet, sans-serif;
  color:#333;
  font-size:.875em;
  font-weight:bold;
  font-style:italic;
}

a.maillink {
  text-decoration: none;
  color: #777;
}

a.maillink:hover, a.maillink:active {
  text-decoration: none;
  border-bottom: 1px solid #F60;
  color:#F60;
}

a.photolink {
 text-decoration:none;
 color:#777;
}

a.photolink:hover, a.photolink:active {
  text-decoration: none;
  border-bottom: 1px solid #F60;
  color:#F60;
}

.job {
  text-align:left;
  font-style: normal;
  color: #333;
  padding-left:0.5em;
}

a {
  text-decoration: none;
  color: #0041FF;
}

a:hover, a:active {
  text-decoration: underline;
}

.formtable {
  font-weight:normal;
  line-height:250%;
  background-color:#FFF;
/*  border:1px #333 solid;*/
}

.playlist {
/* line-height:250%;*/
font-size:1.25em;
list-style-type:none;
}

.playlist li {
padding:0.625em;
}

.sep {
  padding:1em 0em;
}

/*  Miscellaneous Formatting  */
.block {display:block;}
.al {text-align:left;}
.ac {text-align:center;}
.ar {text-align:right;}
.aj {text-align:justify;}
.fl {float: left;}
.fr {float: right;}
.cl {clear:left;}
.cr {clear:right;}
.cb {clear:both;}
.cn {clear:none;}
.spa {margin-top:2em;}
.spb {margin-bottom:2em;}
.bold {font-weight:bold;}
.book {font-weight:normal;}
.ital {font-style:italic;}
.short {font-size:.875em;}
.normal {font-size:1em;}
.tall {font-size:1.25em;}
.vtall {font-size:1.5em;}
.red {color:#F00;}
.maroon {color:#800000;}
.white {color:#FFF;}
.yellow {color:#FF0;}
.blue {color:#000080;}
.gray {color:#999;}
.black {color:#000;}
.bgwhite {background-color: #FFF;}
.bgyellow {background-color: #FF0;}
.bgliteyellow {background-color: #FFC;}
.bgmaroon {background-color:#800000;}
.bglblue {background-color: #EBECF3;}
.bgblue {background-color:#000080;}
.bggray {background-color:#EEEEEE;}
.bgblack {background-color: #000;}