/* Bone Law Screen CSS */

body
{
  margin: 0px;
  padding: 0px;
  background: #ffffff;
  color: #4a4a4a;
  font-family: Arial, Helvetica, sans-serif;
}

img { border: 0; }
form { margin: 0px; padding: 0px; }
.clear { clear: both; }

#topbar-bg
{
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 23px;
  background: #45484d;
}
#container
{
  position: relative;
  width: 750px;
  margin: 0px auto;
}


/* ----- SWASHES ----- */
#swash1
{
  position: absolute;
  top: 209px;
  left: -207px;
  height: 261px;
  width: 913px;
  background: url(../images/swash1.jpg);
}
#swash2
{
  position: absolute;
  top: 123px;
  left: -105px;
  height: 603px;
  width: 192px;
  background: url(../images/swash2.jpg);
}
#swash3
{
  position: absolute;
  top: 23px;
  left: -194px;
  height: 613px;
  width: 368px;
  background: url(../images/swash3.jpg);
}


/* ----- TOP BAR ----- */
#topbar
{
  position: relative;
  width: 750px;
  height: 23px;
  background: #45484d;
}
#topLogo { position: absolute; top: 0px; left: 14px; }
#searchArea
{
  position: absolute;
  top: 0px;
  right: 46px;
}
#searchArea img { float: left; }
#searchArea form { float: left; }
#searchArea input { float: left; }
#searchArea input.text { margin: 1px 6px 0px 0px; height: 14px; width: 94px; }
#home { margin-right: 20px; }
#search { margin-right: 10px; }


/* ----- NAV BAR ----- */
#navbar
{
  position: relative;
  height: 35px;
  padding-left: 14px;
}
#navbar a
{
  display: block;
  float: left;
  margin: 6px 20px 0px 0px;
  border-bottom: 4px solid #ffffff;
  color: #767676;
  font-size: 13px;
  font-weight: bold;
  text-decoration: none;
}
#navbar a:hover { border-bottom: 4px solid #b783eb; }

#flash { position: relative; padding-left: 12px; }
#logoPassion { position: relative; width: 750px; height: 110px; }
#logo { position: absolute; top: 16px; left: 12px; }
#passion { position: absolute; top: 18px; left: 492px; }
#ftail
{
  position: absolute;
  top: 0px;
  left: 392px;
  width: 14px;
  height: 26px;
  background: url(../images/ftail.jpg);
}


/* ----- CONTENT ----- */
#content { position: relative;  width: 750px; }
#content-home { position: relative; width: 650px; }
#content p, #content-home p
{
  margin: 0px;
  padding: 0px 0px 20px 1px;
  font-size: 12px;
  color: #555555;
  line-height: 1.6em;
}
#content a { color: #a59d25; text-decoration: none; }
#content a:hover { text-decoration: underline; }
#content h1
{
  margin: 0px;
  padding: 0px 0px 8px 0px;
  font-size: 16px;
  font-weight: bold;
  color: #b783eb;
}
#content h2
{
  margin: 0px;
  padding: 4px 0px;
  font-size: 12px;
  font-weight: bold;
  color: #4a4a4a;
}
#content h3
{
  margin: 0px;
  padding: 8px 0px;
  font-size: 12px;
  font-weight: normal;
  font-style: italic;
  color: #4a4a4a;
}
#content ul, ol
{
  margin: 0px 0px 24px 24px;
  padding: 0px; 
  font-size: 12px;
  color: #555555;  
}
#content li
{
  line-height: 1.4em;
  margin: 3px 0px;
}

#textWrap { margin-left: 12px; width: 362px; }
#news
{
  position: relative;
  float: right;
  width: 256px;
}
#news img { display: block; margin-bottom: 4px; }
#news h3
{
  margin: 0px;
  padding: 0px;
  font-size: 11px;
  color: #a6a642;
}
#news p
{
  margin: 0px;
  padding: 0px 0px 10px 0px;
  font-size: 11px;
  color: #4a4a4a;
  line-height: 130%;
}
#news a { color: #4a4a4a; }
#archives { padding-top: 8px; text-align: right; font-size: 11px; }


/* ----- INTERIOR 1 (ABOUT US) ----- */
#pushdown { position: relative; width: 1px; height: 608px; }
#aboutImg { position: absolute; top: 0px; left: -26px; }
#boneLink { position: absolute; top: 283px; right: 0px; }
#larishLink { position: absolute; top: 307px; right: 0px; }
#slogan { position: absolute; top: 0px; right: 25px; }
#contentColumn { position: relative; float: right; width: 388px; }
#quikLinks { position: relative; margin-bottom: 30px; }
#quikLinks a
{
  font-size: 10px;
  font-weight: bold;
  color: #a59d25;
  text-decoration: none;
}
#quikLinks a:hover { color: #b783eb; }
#quikLinks a.active { color: #b783eb; }
.spacer { position: relative; width: 1px; height: 50px; }


/* ----- INTERIOR 2 (ATTORNEYS) ----- */
#photoArea
{
  position: relative;
  float: left;
  margin-right: 20px;
  width: 210px;
  height: 322px;
}
#prev { position: absolute; top: 0px; left: 0px; }
#next { position: absolute; top: 0px; left: 117px; }
#photo { position: absolute; top: 22px; left: 0px; }
#caption
{ 
  position: absolute;
  bottom: 0px;
  right: 0px;
  padding: 4px;
  background: #2b2b2b;
  color: #ffffff;
  font-size: 11px;
}
#centerColumn
{
  position: relative;
  float: left;
  width: 315px;
  margin-right: 24px;
}
#centerColumn form { margin: 10px 0px; }
#infoColumn
{
  position: relative;
  margin-top: 54px;
  padding-top: 14px;
  float: left;
  width: 161px;
  background: url(../images/infocol_top.gif) no-repeat #f0f0f0;
}
#infoColumnFoot
{
  position: relative;
  width: 161px;
  height: 17px;
  background: url(../images/infocol_bottom.gif);
}
#infoPad { padding: 0px 12px; }
#infoColumn h1
{
  margin: 0px;
  padding: 0px 0px 4px 0px;
  font-size: 11px;
  color: #b783eb;
}
#infoColumn p { margin: 0px; padding: 0px 0px 12px 0px; font-size: 10px; }
#infoColumn ul { margin: 0px 0px 12px 4px; padding: 0px; font-size: 10px; }
#infoColumn ul li { margin: 0px 0px 0px 4px; padding: 0px; }
#infoColumn ul ul { margin: 0px 0px 0px 14px; padding: 0px; }

#wideColumn { position: relative; float: right; width: 570px; font-size: 12px; }

.slimColumn
{
  position: relative;
  float: left;
  margin-right: 10px;
  width: 180px;
}

#lawlifeBios { position: relative; }
#lawlifeBG
{
  position: absolute;
  top: 31px;
  left: -10px;
  height: 100px;
  width: 333px;
  background: url(../images/lawlife_bg.gif) no-repeat;
}
#lawlife { position: relative; padding-left: 8px; margin-bottom: 4px; }
.llBox
{
  position: relative;
  float: left;
  margin-right: 1px; 
  width: 147px;
  height: 32px;
}
#lawlife p
{
  display: block;
  margin: 0px;
  padding: 8px 0px;
  font-size: 16px;
  font-weight: bold;
  background: url(../images/lawlife_on.gif) no-repeat;
  color: #bcb553;
  line-height: 1.2em;
  text-align: center;
}
#lawlife span { border-bottom: 2px solid #b783eb; }
#lawlife a
{
  display: block;
  margin: 0px;
  padding: 8px 0px;
  font-size: 16px;
  font-weight: bold;
  background: url(../images/lawlife_off.gif) no-repeat;
  color: #ffffff;
  text-decoration: none;
  line-height: 1.2em;
  text-align: center
}
#lawlife a:hover { text-decoration: none; }
#lawlifeBiosText { position: relative; z-index: 10; }



/* ----- SEARCH ----- */
span.phpdigHighlight { background: #e7e3a7; }

/* ----- TABLES ETC ----- */
table { font-size: 11px; color: #555555; }
th { background: #767676; color: #ffffff; }

/* ----- FOOTER ----- */
#footer
{
  position: relative;
  width: 750px;
  margin-bottom: 10px;
  text-align: center;
  color: #555555;
  font-size: 10px;
}
#footer a { color: #555555; }


/* ----- ADMIN ----- */
#admin-content { margin: 24px 0px 0px 176px; width: 574px; }
#admin-content p
{
  margin: 0px;
  padding: 0px 0px 20px 1px;
  font-size: 11px;
  color: #555555;
  line-height: 1.6em;
}
#admin-content a { color: #d0c95c; text-decoration: none; }
#admin-content a:hover { text-decoration: underline; }
#admin-content h1
{
  margin: 0px;
  padding: 0px 0px 8px 0px;
  font-size: 16px;
  font-weight: bold;
  color: #b783eb;
}
#admin-content h2
{
  margin: 0px;
  padding: 4px 0px;
  font-size: 12px;
  font-weight: bold;
  color: #4a4a4a;
}
#admin-content ul.list
{
  margin: 0px 0px 24px 24px;
  padding: 0px; 
  font-size: 11px;
  color: #555555;  
}