/* Start of CMSMS style sheet 'theme : style' */
/* -------------------------------------------------------------- 
  
   reset.css
   * Resets default browser CSS.
   
   Based on work by Eric Meyer:
   * meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
   
-------------------------------------------------------------- */

/*  Color Defaults
Black         #0d0d0d
Dark-Grey     #3a3a3a
Mid-Grey      #9c9c9c
Blue          #4296ab
Orange        #de9811
White         #fcfbfd
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

body { 
  background: #FFF4C8; 
  text-align: center;
  background: #fcfbfd url('uploads/images/sprites/background.gif') repeat left top;
}
html, body { height: 100%;}
/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

a img { border: none; }

/* -------------------------------------------------------------- 
   
   typography.css
  
-------------------------------------------------------------- */

/*  Color Defaults
Black         #0d0d0d
Dark-Grey     #3a3a3a
Mid-Grey      #9c9c9c
Blue          #4296ab
Orange        #de9811
White         #fcfbfd
*/

/* Default font settings
   The font-size percentage is of 16px (0.625 * 16px = 10px) */

body {        font-family: "Trebuchet MS", "Lucida Grande", Arial, sans-serif; 
              font-size: 62.5%; line-height: 1.5000; color: #3a3a3a;}

/* Headings
-------------------------------------------------------------- */

h1,h2,h3       { font-weight: normal; color: #3a3a3a; }

h1          { font-family: "Handwriting - Dakota", "Trebuchet MS", "Lucida Grande", Arial, sans-serif;
              font-size: 2.6000em; line-height: 1.4615; color: #4296ab; font-weight: bold;
              margin-bottom: 0.5000em; }
legend      { font-family: "Trebuchet MS", "Lucida Grande", Arial, sans-serif; 
              font-size: 1.6000em; line-height: 1.1875; font-weight: bold; margin-bottom: 1.1875em; }
h2, dt
            { font-size: 1.4400em; line-height: 1.3194; font-weight: bold;
              color: #0d0d0d;}
h3          { font-size: 1.6000em; line-height: 1.1875; font-weight: bold; color: #0d0d0d;
              margin-bottom: 1.1875em;}
h1 img, h2 img, h3 img, 
h4 img, h5 img, h6 img {
              margin:0;
}


/* Text elements
-------------------------------------------------------------- */
p, ol, ul, dd { 
              font-size: 1.3000em; line-height: 1.4615;}

p           { margin: 0 0 1.5000em; }
p.last      { margin-bottom: 0; }
/*p img       { float: left; margin: 1.5000em 1.5000em 1.5000em 0; padding: 0; }*/
/*img         { margin: 0 0 1.8000em; }*/

a:focus, 
a:hover     { color: #4296ab; border-bottom: 1px dotted #4296ab;}
a:focus     { color: #4296ab; border: 1px dotted #4296ab; margin: -1px -1px 0 -1px;}
a           { color: #de9811; text-decoration: none; }

blockquote  { margin: 1.8000em; /*color: #2E2110;*/ font-style: italic; }
strong, dfn { font-weight: bold; color: #0d0d0d;}
em,dfn      { font-style: italic; /*background: #ffc;*/ }
sup, sub    { line-height: 0; }

abbr, 
acronym     { /*border-bottom: 1px dotted #2E2110;*/ }
address     { margin: 0 0 1.4615em; font-size: 1.3000em;}
del         { color: #9c9c9c; }

pre,code    { margin: 1.4615em 0; white-space: pre; }
tt          { display: block; margin: 1.4615em 0; line-height: 1.4615; }
pre,code,tt { font: 1.3000em 'andale mono', 'lucida console', monospace; line-height: 1.4615; }
hr          { font-size: 1.3em;}


/* Lists
-------------------------------------------------------------- */

li ul, 
li ol       { margin: 0 1.4615em; }
ul, ol      { margin: 0 1.4615em 1.4615em 1.4615em; }

ul          { list-style-type: bullet; }
ol          { list-style-type: decimal; }

dl          { margin: 0 0 1.9000em 0; }
dl dt       { /*font-weight: bold;*/ margin-bottom: 0; }
dd          { margin-bottom: 1.4615em;}


/* Tables
-------------------------------------------------------------- */

table       { margin-bottom: 1.8000em; }
th          { border-bottom: 1px solid #3a3a3a; border-top: 1px solid #3a3a3a; font-weight: bold; background: #3a3a3a;
              color:#fff; }
td          { border-bottom: 1px solid #9c9c9c; }
/*th,td       { font-size: 1.2000em; padding: 0.6700em 0.9500em 0.6700em 0.4167em }*/
th,td       { font-size: 1.3000em; line-height: 1.4615; padding: 0.6750em 0.95em 0.7125em 0.4167em; }
tr.even td  { background: #e3f4f8; 
              /*color:#fff;*/}
tfoot       { font-style: italic; }
caption     { font-size: 1.3000em; line-height: 1.4615;}
/*table a:focus, 
table a:hover     { color: #2E2110; border-bottom: 1px dotted #2E2110;}
table a:focus     { color: #2E2110; border: 1px dotted #2E2110; margin: -1px -1px 0 -1px;}
*/



/* Use this if you use span-x classes on th/td. */
table .last { padding-right: 0; } 

/* Common Nested Elements
-------------------------------------------------------------- */
ol ol, ol ul, ul ol, ul ul, dl ul, dl ol, li dl, li p, dd p, td p/*,
li *, dd **/  
            { font-size: 100%; /*margin-bottom: 0;*/ }

/* Misc classes
-------------------------------------------------------------- */

.small      { font-size: 1.1000em; margin-bottom: 1.7272em; line-height: 1.7272; }
.large      { font-size: 1.4400em; line-height: 1.3194; margin-bottom: 1.3194em; }
.hide       { display: none; }

.quiet      { color: #666; }
.loud       { color: #0d0d0d; }
.highlight  { background:#ff0; }
.added      { background:#060; color: #fff; }
.removed    { background:#900; color: #fff; }

.top        { margin-top:0; padding-top:0; }
.bottom     { margin-bottom:0; padding-bottom:0; }

.box, .box * { color: #fff;}


/* Classes for sIFR replacement block */
#secondary p.tel 
            { font-family: "Handwriting - Dakota", "Trebuchet MS", "Lucida Grande", Arial, sans-serif;
              font-size: 1.9000em; line-height: 1.0; font-weight: bold; margin-bottom: 0.5000em; }
p.email 
            { font-family: "Handwriting - Dakota", "Trebuchet MS", "Lucida Grande", Arial, sans-serif;
              font-size: 1.4400em; line-height: 1.3194; font-weight: bold;
              margin-bottom: 0.6250em; }
div.vcard   { overflow: hidden; }

/*#vcards div.vcard 
              { overflow: visible;}*/
/* Tutors */
#vcards li.vcard p, #vcards li.vcard h3, #vcards li.vcard address 
              { margin-bottom: 0; font-size: 100%;}
#vcards li.vcard h3.fn
            { font-size: 1.1000em;}


/* -------------------------------------------------------------- 
   
   grid.css
  
-------------------------------------------------------------- */

/*  Color Defaults
Black         #0d0d0d
Dark-Grey     #3a3a3a
Mid-Grey      #9c9c9c
Blue          #4296ab
Orange        #de9811
White         #fcfbfd
*/


/* wrap most everything*/
.container {
/*  width: 950px;*/
  width: 1024px;
  margin: 0 auto;
  text-align: left;
  position: relative;
}
.showgrid { 
  background: url("grid.png"); 
  border: 1px solid #222;
}

#wrap { position: relative; 
        width: 100%; min-height: 100%;
        background: transparent url('uploads/images/sprites/bg-wrap.png') repeat-x left bottom;
        }

/* Header
-------------------------------------------------------------- */

#header       { position: relative; width:100%; min-width:834px; height: 180px; background-color: #0d0d0d; margin-bottom: 2.4000em;}
#header #branding 
              { position: relative; top: 24px;}
#header #branding a
              { display: block; position: relative; margin: 0 auto; width:260px; height: 2.4444em; text-indent: -99999px;
                background: transparent url('uploads/images/sprites/branding.gif') no-repeat center top; 
                overflow: hidden;}
#header #branding a:focus,
#header #branding a:hover
              { border: 0px none transparent; }

/* Content
-------------------------------------------------------------- */
#content    { position: relative; width: 834px; 
              margin: 0px auto; 
              padding-bottom: 9.5000em;
              text-align: left; }
#homepage #content
            { text-align: center;}
#primary    { width: 56.1151%; float: left;}
#headshot   { float: left; padding: 0 17px 0 0;}
#secondary  { width: 35.9712%; margin-top: 1.8000em; float: right;}
#secondary div.vcard p, #secondary-content
            { margin-right: 12px; margin-left: 12px;}
#secondary-content { padding-top:2.8em; background: transparent url('uploads/images/sprites/hr.gif') no-repeat center top;}
#homepage h1#tagline
            { background: transparent url('uploads/images/sprites/tagline.png') no-repeat center center;}

body.tutors .section 
            { padding-top: 1.8000em;
              clear: both; background: transparent url(uploads/images/sprites/hr.gif) repeat-x scroll center top;}
body.tutors .section ul
            { margin: 0;}
body.tutors .section li.vcard 
            { float: left; width: 37.4010%; position: relative; height: 140px; padding-left: 105px; overflow: visible; list-style-type: none;}
body.tutors .section .vcard div.photo 
            { position: absolute; top: 0; margin-left: -105px; }

/* Footer
-------------------------------------------------------------- */
#footer     { position: absolute; bottom: 0px; width: 100%; height: 5.7000em;}
#footer p, #footer ul, #footer li
            { display: inline; }
#footer p   { font-size: 1.1000em; line-height:1.7272; }
#footer p#credits
            { display: block; }
#footer ul  { margin: 0;}
#footer ul li 
            { padding-left: 4px; border-left: 1px solid #949d9f; 
              font-weight: bold; font-size: 0.8462em; line-height:1.7272;  }
#footer ul li:first-child
            { border-left: none; padding-left: 0px; }
#footer a
            { font-weight: bold; color: #000; }

/* Misc classes and elements
-------------------------------------------------------------- */

/* Use a .box to create a padded box inside a column.  */ 
.box { 
  padding: 1.8000em; 
  margin-bottom: 1.8000em; 
  background: #4296ab; 
}

/* Clearing floats without extra markup
   Based on How To Clear Floats Without Structural Markup by PiE
   [http://www.positioniseverything.net/easyclearing.html] */

/*.clear, .container, #content { display: inline-block; }*/
.clear:after, .container:after, #content:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}
* html .clear,
* html .container,
* html #content   { height: 1%; }
.clear, .container, #content  { display: block; }

/* Hide accessiblity related classes */
.skip, #access-links, .access
            { position: absolute; width: 1px; height: 1px; 
              text-indent: -9999px; list-style-type: none; clear: none; margin: 0; display: none;}

/* -------------------------------------------------------------- 
   
   tabs.css
  
-------------------------------------------------------------- */


/*  Color Defaults
Black         #0d0d0d
Dark-Grey     #3a3a3a
Mid-Grey      #9c9c9c
Blue          #4296ab
Orange        #de9811
White         #fcfbfd
*/

/* Cleanup
----------------------------------------------------------------------- */
#nav ul, #nav ol { overflow: hidden; list-style: none; margin: 0; width: 94.8421%;}
#nav dd , #nav dd { margin: 0;}


/* Tab Metaphor
----------------------------------------------------------------------- */
#nav        { /*border-bottom: 1px solid #222;*/
              position: absolute; width: 100%;
              top: 102px; padding-bottom: 12px;
              background: transparent url('uploads/images/sprites/border.gif') repeat-x left bottom;
            }
#nav ul     { width: 834px; text-align: center; position: relative; margin: 0px auto; }
#nav ul li  { float: left; width: 16.0718%; /*height: 25px;*/ padding: 0 4px;  
              font-size: 1.2500em; font-weight: bold; 
              font-family: "Handwriting - Dakota","Trebuchet MS","Lucida Grande",Arial,sans-serif; }
#nav ul li#home 
            { width: 75px; padding: 0;}
#nav ul li#services 
            { width: 130px; }
#nav ul li#about
            { width: 112px; }
#nav ul li#biography
            { width: 136px; }
#nav ul li#tutors
            { width: 108px; }
#nav ul li#non-profit
            { width:137px; }
#nav ul li#contact
            { width: 88px; padding: 0; }

/*#nav ul li a, #nav ol li a 
            {  }*/
#nav li a
            { overflow: hidden; padding-top: 46px; height:25px; color: #9c9c9c; text-indent: -9999px;
              display: block; border: 0 none transparent; width: 100%;
              background: transparent url('uploads/images/sprites/nav.gif') no-repeat 10px top;
            }
#nav li a:hover, 
#nav li a:focus,
#nav li a#current
            { padding-top: 45px; padding-bottom: 1px; color: #fcfbfd;}
#nav li a:focus
            { border: 1px dotted #fcfbfd; margin: -1px;}

/* Tab sprite action
----------------------------------------------------------------------- */
#nav ul li#home a       { background-position: left top;}
#nav ul li#services a   { background-position: -75px top;}
#nav ul li#about a      { background-position: -204px top;}
#nav ul li#biography a  { background-position: -316px top;}
#nav ul li#tutors a { background-position: -451px top;}
#nav ul li#non-profit a { background-position: -559px top;}
#nav ul li#contact a    { background-position: right top;}

#nav ul li#home a:hover, #nav ul li#home a#current
                        { background-position: left -75px;}
#nav ul li#services a:hover, #nav ul li#services a#current
                        { background-position: -75px -75px;}
#nav ul li#about a:hover, #nav ul li#about a#current
                        { background-position: -204px -75px;}
#nav ul li#biography a:hover,#nav ul li#biography a#current
                        { background-position: -316px -75px;}
#nav ul li#tutors a:hover,#nav ul li#tutors a#current
                        { background-position: -451px -75px;}
#nav ul li#non-profit a:hover, #nav ul li#non-profit a#current
                        { background-position: -559px -75px;}
#nav ul li#contact a:hover, #nav ul li#contact a#current
                        { background-position: right -75px;}

/* sIFR styles
-------------------------------------------------------------- */

/* sIFR
----------------------------------------------------------------------- */
.sIFR-flash {
  visibility: visible !important;
  margin: 0;
  padding: 0;
}

.sIFR-replaced, .sIFR-ignore {
  visibility: visible !important;
}

.sIFR-alternate {
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 0;
  display: block;
  overflow: hidden;
}

.sIFR-replaced div.sIFR-fixfocus {
  margin: 0pt; 
  padding: 0pt; 
  overflow: auto; 
  letter-spacing: 0px; 
  float: none;
}
.sIFR-active h1.sIFR-replaced {
  visibility: hidden;
  font-family: Verdana;
  line-height: 1.0;
  font-size: 2.2000em;
  margin-bottom: 0.2727em !important;
}  

.sIFR-active #secondary p.tel {
  font-size: 18px; line-height: 1.0; font-weight: bold; margin-bottom: 5px;
}
.sIFR-active p.email {
  font-size: 14.400px; line-height: 1.25; font-weight: bold;
}
.sIFR-active div.vcard {
  overflow: hidden;
}

/* End of 'theme : style' */