@import url("http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,400italic,700,300,300italic,600,600italic,200,200italic,900,900italic");
@import url("http://fonts.googleapis.com/css?family=Indie+Flower");
@import url("base.css");



body,html {
     font-family: 'source sans pro', sans-serif;
     font-weight: 400;
     margin 0 0 0 0;
     padding 0 0 0 0;
 }

html {
    font-size: 10px; /* default font, adjusted ith rem's below */
}

body {
    font-size: 2rem;    
}


/* overrides */
.name {
     margin 0 0 0 0;
     padding 0 0 0 0;
    background: #000000;
    color: #ffffff;
    height: 2em;
    text-align: center;
    font-size: 48px;  /* old browsers, next overrides this */
    font-size: 4rem;
    
}


.name span.middle-name {
    display: none;
}

 .main-text {
     position: relative;
     padding-left: 5pt;
     top: 50pt;
     width:75%;
     left: 22%;
     padding-bottom: 50pt;
 }


      .outercontainer {
         position: relative;
         font-family: 'Source Sans Pro', sans-serif;
         width: 100%;
	 font-size: 2rem;
         text-align: center;
      }

      .innerbox {
         border-top: 1px #000 solid;
         border-bottom: 1px #000 solid;
         -moz-border-radius: 10px;
         border-radius: 10px;
         position: relative;
         margin:10px auto;
         xpadding: 4pt 0;
         display: inline-block;
         white-space: nowrap;
         font-weight:600;
      }
      

/* changed from http://www.devinrolsen.com/wp-content/themes/dolsen/demos/css/infinite-sub-menu/ */

.navouter, .nav, .navouter .nav li,
.linear, .navouter > .linear li
 {
      margin:0px; 
      padding:0px; 
}

ul.navouter {
      padding:0px 10px 0px 10px;
}

.navouter li {
    xborder-left: 1px #000 solid;
    float:left;
    display:inline;
    cursor:pointer;
    list-style:none;
    padding:0px 10px 0px 10px;
    position:relative;
}

/*
.navouter li:first-child {
      border-left: 0px red solid;
}
*/

.navouter li ul.first {
      left:-1px;
      top:100%;
      }

li.nav, li.nav a,
li.linear, li.linear a 
{
    color:#000;
    text-decoration:none;
    text-align: left;
}

.navouter .nav li
      {
      xborder-top:1px #000 solid; 
      width:100%;
      text-indent:10px;
      line-height:30px;
      margin-right:10px;
    }

b.navouter li a {
      display:block;
      width:inherit;
      height:inherit;
      }

/*
 * linear sub-menus
 */

.navouter li .linear li
{
    display: inline;
    width:100%;
    text-indent:0px;  
    line-height:30px;
    xmargin-right:10px;
    text-align: center;    
}


ul.nav, ul.linear {
      display:none;
 }

.navouter li:hover > li.nav a, .navouter li.nav:hover { 
x      background:#ffd;
      color:#000;
 }


li.linear a img { 
      margin: 8pt 4pt 4pt 4pt;
      xbackground:#fff;
      border: 0px;
      color:#000;
 }

li.linear a img:hover { 
      margin: 4pt 0pt 4pt 0pt;
      border: 0px;
      border-bottom: 4pt #ffd solid;
      border-left: 4pt #ffd solid;
      border-right: 4pt #ffd solid;
      color:#000;
 }



li:hover > .nav
 { 
     border:1px #000 solid;
     xborder-left:1px #000 solid;
     xborder-bottom:1px #000 solid; 
     display:block;
     position:absolute;
     top:25px;
     top:2.5rem;
     background: #fff;
     left:10%;
     z-index:1000;
 } 

li:hover > .linear
 { 
     border:1px #000 solid;
     xborder-left:1px #000 solid;
     xborder-bottom:1px #000 solid; 
     display:inline;
     position:absolute;
     margin: 0 0;
     padding: 0 0;
     text-indent:0px;
     top:25px;   
     top:2.5rem;   
     background: #fff;
      left:10%;
      z-index:1000;
 }

.linear > li {
      display: inline;
}

.linear  li a {
    display: inline;
}

li:hover {
xs      position:relative;
      z-index:2000;
 }



.desktop-only {
    display: inherit;
}

.ipad-only {
    display: none;
}

.iphone-only {
    display: none;
}

.not-on-iphone {
    display: inherit;
}