/* 
 Global CSS Declarations for rpmb.com
 Copyright (C) Randall Lee Spence dba analogueweb.com, all rights reserved
 Version 1.0406
*/

@media aural {
  acronym { speak: normal; }
  abbr.initialism { speak: spell-out; }
  abbr.truncation { speak: normal; }
}

@media screen {
  acronym, abbr { cursor: help; border: medium none; }
}

/* IE5/Mac Filter \*/@media screen, projection {
  /* End Filter */

  /* DEFAULTS */
  * { padding: 0; margin: 0; }
  a { text-decoration: none; outline: none; }
  address { font-style: normal; }
  body { height: 100%; background: #191414; color: #4c3f3a; font: 62.5%/1.5 "Palatino Linotype", Palatino, serif; }
  br { clear: both; }
  h1, h2, h3, h4, h5, h6 { color: #030; font-size: 1em; }
  html { height: 100%; }
  img { border: medium none; }
  input, button, select, textarea { font-family: "Palatino Linotype", Palatino, serif; font-size: 1em; }
  label { cursor: pointer; }
  strong { color: #030; }
  ol, ul { list-style: none; }
  q:before, q:after { content: ""; }

  /* LAYOUT */
  #body { position: relative; min-width: 70em; max-width: 1000px; min-height: 100%; margin: 1em 4%; }
  #container { width: 100%; padding-bottom: 6.5em; background: #d0c1ad url(/assets/img/content.jpg) repeat-y 50% 0%; }
  
  /* HEADER */
  #header { position: relative; height: 275px; }
  #header h1 { position: absolute; bottom: 0; left: -4%; z-index: 25; width: 108%; height: 77px; background: url(/assets/img/title-right.png) 100% 0% no-repeat; }
  #header h1 span { display: block; height: 77px; background: url(/assets/img/title-left.png) no-repeat; text-indent: -5000px; }
  #header h2 { position: absolute; top: -1px; right: -1px; z-index: 25; width: 29px; height: 28px; background: url(/assets/img/header-right.png); }
  #header h2 span { display: none; }
  #header p { position: absolute; top: -1px; left: -1px; z-index: 25; width: 29px; height: 28px; background: url(/assets/img/header-left.png); }
  #header p a { display: none; }
  #header #tagline { display: none; }
  
  /* MENU */
  #menu { position: relative; height: 3.1em; margin: 0 0 2em; background: url(/assets/img/menu-right.png) no-repeat 100% 100%; }
  #menu ul { padding: 1.1em 106px .5em; background: url(/assets/img/menu-left.png) no-repeat 0% 100%; text-transform: uppercase; }
  #menu ul li { display: inline; padding: 0 .7em; font-size: 1em; font-weight: bold; }
  #menu ul li a { background: #e8dbba; color: #030; }
  #menu ul li a:hover { border-top: 1px solid #6e6043; background: #e8dbba; color: #6e6043; }
  #menu cite { position: absolute; top: .8em; right: 106px; font-size: 1.2em; font-weight: bold; }
  
  /* LOCATION */
  #home #header { background: url(/assets/img/home.jpg) 50% 0%; }
  #home #header #tagline { display: block; position: absolute; top: 2em; right: 4%; width: 265px; height: 125px; background: url(/assets/img/tagline.png) no-repeat; text-indent: -5000px; }
  #home #menu ul li.home a { border-top: 1px solid #030; background: #e8dbba; color: #6e6043; }
  #team #header { background: url(/assets/img/team.jpg) 50% 0%; }
  #team #menu ul li.team a { border-top: 1px solid #030; background: #e8dbba; color: #6e6043; }
  #practice #header { background: url(/assets/img/practice.jpg) 50% 0%; }
  #practice #menu ul li.practice a { border-top: 1px solid #030;background: #e8dbba; color: #6e6043; }
  #resources #header { background: url(/assets/img/resources.jpg) 50% 0%; }
  #resources #menu ul li.resources a { border-top: 1px solid #030;background: #e8dbba; color: #6e6043; }
  #contact #header { background: url(/assets/img/contact.jpg) 50% 0%; }
  #contact #menu ul li.contact a { border-top: 1px solid #030;background: #e8dbba; color: #6e6043; }
  #legal #header { background: url(/assets/img/legal.jpg) 50% 0%; }

  /* CONTENT */
  #content { float: right; width: 60%; min-height: 320px; margin: 0 2.5% 0 1.25%; padding: 1.75em 0 1.25em; border: 1px solid #fff; background: url(/assets/img/map.png) 0% 50%; font-size: 1.5em; text-align: justify; }
  #content a { position: relative; color: #030; }
  #content a:hover { color: #6e6043; text-decoration: underline; }
  #content h3, #content h4 { margin: 0 0 .5em; padding: 0 1.7em; font-style: italic; font-size: 115%; }
  #content p { margin: 0 0 .5em; padding: 0 2em; }
  #content p.bio { margin-bottom: 1em; }
  #content p.bio cite { display: block; margin-top: .25em; border-top: 1px solid #fff; font-size: .9em; }
  #content p.bio cite em { font-weight: bold; text-transform: uppercase; }
  #content p.intro:first-line { color: #030; font-weight: bold; font-style: italic; font-size: 115%; }
  #content p strong { font-weight: bold; font-style: italic; font-size: 115%; }
  #content .quote { margin: 0 0 .5em; padding: 0 2em; }
  #content .quote cite { font-style: normal; text-transform: uppercase; }
  #content .quote h4 { margin: 0; padding: 0; }
  #content .quote q { font-style: italic; }
  #content ul { list-style: disc; margin: 0 0 .5em; padding: 0 2em; }
  #content ul li { margin-left: 1em; padding-left: .5em; }
  
  /* SIDEBAR */
  #sidebar { float: left; width: 32.5%; margin: 0 0 0 2.5%; text-align: center; }
  #sidebar a { color: #003300; }
  #sidebar a:hover { color: #6e6043; text-decoration: underline; }
  #sidebar address { margin: 1em 0 .25em; padding: .5em 1em; border: 1px solid #fff; background: url(/assets/img/address.jpg) 50% 50%; font-size: 1.2em; font-variant: small-caps; } 
  #sidebar address a { font-style: italic; font-variant: normal; }
  #sidebar address em { font-variant: normal; text-transform: lowercase; }
  #sidebar img { width: 100%; }
  #sidebar #map { width: 99%; height: 231px; border: 1px solid #191414; }
  #sidebar #image { position: relative; margin-bottom: .5em; }
  #sidebar #image a #poweredby { display: none; position: absolute; bottom: 10px; left: 8px; z-index: 50; width: 62px; height: 30px; }
  #sidebar #image a:hover #poweredby { display: block; }
  #sidebar #image #corner-tl { position: absolute; top: -3px; left: -3px; width: 23px; height: 23px; background: url(/assets/img/corner-tl.png); }
  #sidebar #image #corner-br { position: absolute; bottom: 0; right: -3px; width: 23px; height: 23px; background: url(/assets/img/corner-br.png); }
  #sidebar .quote { margin: 1em 0 .25em; font-size: 1.2em; }
  #sidebar .quote cite { display: block; font-style: normal; text-transform: uppercase; }
  #sidebar .quote h4 { font-variant: small-caps; }
  #sidebar .quote q { font-style: italic; }
  
  /* FORMS */
  form { margin: 0 0 .5em; padding: 0 2em; }
  form fieldset { margin: 0 0 .5em; border: medium none; }
  form strong { font-weight: bold; font-style: italic; font-size: 115%; }
  form .input { width: 22.5em; padding: 1px; border: 1px solid #fff; background: #e8dbba; }
  form .input:focus, form .focus { border: 1px solid #030; }
  form .message { width: 22.5em; }
  form .submit { border: 2px outset #fff; background: #030; color: #e8dbba; font-size: .9em; font-weight: bold; }
  form .submit:hover, form .hover { background: #164416; color: #fff; }
  form .submit:active { border: 2px inset #fff; }
  
  /* FOOTER */
  #footer { position: absolute; bottom: 0; z-index: 25; width: 100%; padding: 1em 0 1.5em; background: #191414; color: #6e6043; font-size: 1.1em; }
  #footer a { background: #191414; color: #6e6043; }
  #footer a:hover { background: #191414; color: #d0c1ad; }
  #footer p { float: right; margin-top: -.75em; padding: .6em .5em; text-align: right; }
  #footer #submenu { float: left; text-transform: uppercase; }
  #footer #submenu li { display: inline; padding: 0 .5em; border-right: 1px solid #6e6043; }
  #footer #submenu li:last-child { border: medium none; }
  #footer #submenu li.last-child { border: medium none; }

  /* CLASSES */
  .clear { clear: both; }
  .left { float: left; }
  .right { float: right; }

  /* IE5/Mac Filter \*/}
/* End Filter */

@media screen, projection {

  /* MSIE ONLY */
  * html #body { height: auto; }
  * html #body { he\ight: 100%; }
  * html #header h1 { bottom: -1px; background: url(/assets/img/title-right.gif) 100% 0% no-repeat; }
  * html #header h1 span { background: url(/assets/img/title-left.gif) no-repeat; }
  * html #menu { background: url(/assets/img/menu-right.gif) no-repeat 100% 100%; }
  * html #menu ul { background: url(/assets/img/menu-left.gif) no-repeat 0% 100%; }
  * html #menu cite { top: .7em; }
  * html #content { width: 59%; height: 319px; margin: 0 1.25% 0 2.5%; }
  * html #content * { position: relative; }
  * html #content p.bio cite { position: static; }
  * html #sidebar { margin: 0 0 0 1.25%; }
  * html #footer { bottom: -1px; }
  
   /* GECKO ONLY */
  form input[type=text] { margin: 1px 0; }
  form input[type=submit] { margin: 1px 0; padding: 1px 6px; }
  form select[id=state], form select[id=case] { margin: 1px 0; }

}