/**
 * reset
 */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
html, button, input, select, textarea { font-family: sans-serif; color: #222; }
body { margin: 0; font-size: 1em; line-height: 1.6; }

::-moz-selection { background: #999; color: #fff; text-shadow: none; }
::selection { background: #999; color: #fff; text-shadow: none; }

a { color: #00e; }
a:visited { color: #551a8b; }
a:hover { color: #06e; }
a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0; }

abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }

img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }


/*
 * Center the page.
 */

#page,
.region-bottom {
  margin-left: auto; margin-right: auto;
}


/*
 * Apply the shared properties of grid items in a single, efficient ruleset.
 */

#header,
#content,
#navigation,
.region-sidebar-first,
.region-sidebar-second,
#footer {
  /* padding-left: 10px;
  padding-right: 10px; */
  border: 0 !important;
  word-wrap: break-word;
  _display: inline;
  _overflow: hidden;
  _overflow-y: visible;
}


/*
 * Containers for grid items and flow items.
 */

#header,
#main,
#footer {
  *position: relative;
  *zoom: 1;
  padding:0 12px;
}
#header:before, #header:after,
#main:before, #main:after,
#footer:before, #footer:after {
  content: "";
  display: table;
}
#header:after,
#main:after,
#footer:after {
  clear: both;
}

/*
 * Navigation bar
 */

#main {
  padding-top: 46px;
  position: relative;
}

/* #navigation {
  position: absolute;
  top: 0;
  height: 3em;
  width: 892px;
} */



html {overflow-y:scroll;}
#page { position:relative }
#header { position:relative }




/* stuff for onmediaquery.js */
html {
        font-family: 'mobile', 'ipadland', 'ipadport';
    }

* html { /* IE6 */
    font-family: 'arial'
}

*+html { /* IE7 */
    font-family: 'arial'
}

@media \0screen {
    html {  /* IE8 */
        font-family: 'arial'
    }
}

/* reset fonts */
body { font-family: Arial, Helvetica, sans-serif; }

/*

div#main { padding-left:120px;padding-right:14em; }

#region-sidebar-first {
    width: 120px;
    margin-left: -120px;
    float: left;
    display: inline; 
    }

#content { width: 100%; float: left; }  
 .sidebar-second #region-sidebar-second { width: 14em; margin-right: -14em; float: left; } */





/* No Handheld Device ----------- */
body {}
#page { max-width: 812px; }
div#main { padding-left:138px;padding-right:14em; }
#region-sidebar-first {
    width: 138px;
    margin-left: -138px;
    float: left;
    display: inline; /* Fix for IE double margin bug */
    }
#content { width: 100%; float: left; }
/* .sidebar-second #region-sidebar-second { width: 14em; margin-right: -14em; float: left; } */





/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
    
    html { font-family: "ipadland"; }
    
    body {width:100%}
    #page { width: 812px;border:1px solid #fff;}
    div#main { padding-left:138px;padding-right:14em; }
    #region-sidebar-first {
        width: 138px;
        margin-left: -138px;
        float: left;
        display: inline; /* Fix for IE double margin bug */
        }
    #content { width: 100%; float: left; }
    /* .sidebar-second #region-sidebar-second { width: 14em; margin-right: -14em; float: left; } */
}

/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
    
    html { font-family: "ipadport"; }
    
    #page { width: 720px; }
    div#main { padding-left:120px;padding-right:14em; }
    #region-sidebar-first {
        width: 120px;
        margin-left: -120px;
        float: left;
        display: inline; /* Fix for IE double margin bug */
        }
    #content { width: 100%; float: left; }
    /* .sidebar-second #region-sidebar-second { width: 14em; margin-right: -14em; float: left; } */
}



/* Landscape phones and down */
@media screen and (max-device-width: 480px) {
    html { font-family: "mobile"; }
    div#main { padding: 0; }
    #page { width: 100%; }
    #region-sidebar-first {
        width: 100%;
        margin-left: 10px;
        float: none;
        display: block;
        }
    
}



.no-sidebar-first #main { padding-left: 0;}
.no-sidebar-second #main { padding-right: 0;}
.no-sidebar-first #content { margin-left: 0;}
.no-sidebar-second #content { margin-right: 0;}
.no-sidebar-second #region-sidebar-second { display: none; }















/**
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    contenteditable attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that are clearfixed.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after {
    clear: both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.cf {
    *zoom: 1;
}