/*
Theme Name: ipHouse Olympus
Theme URI: http://www.iphouse.com/
Author: ipHouse Webmaster
Author URI: http://www.iphouse.com/
Description: The ipHouse olympus theme.
Version: 1.0
Tags: iphouse, olympus
*/
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* iphouse-olympus/style.css */

body { font-family: 'Helvetica', sans-serif;
  font-size: 10pt; line-height: 133%; }
h1, h2, h3, h4 { margin: 0px; margin-bottom: 1ex; }
p { margin: 2ex 0px; }
blockquote { margin: 2ex 2em; }
hr { margin: 3ex 0px; border: none; border-top: 1px solid; }
pre { font-family: 'Monaco', monospace; font-size: smaller; }
code { font-family: 'Monaco', monospace; font-size: smaller; }

h1 { font-size: 150%; font-weight: bold; }
h2 { font-size: 125%; font-weight: bold; }
h3 { font-size: 100%; font-weight: bold; }
h4 { font-size: 100%; font-weight: bold; font-style: italic; }
h5 { font-size: 100%; font-style: italic; }

ul, ol { margin: 2ex 0px; padding: 0px; }
li { margin-left: 2em; margin-bottom: 0.5ex; }
ul.inline { list-style: none; }
ul.inline li { display: inline; margin: 0px; margin-right: 1em; }

dl { margin: 2ex 0px; }
dt { margin-top: 1ex; }
dt.key, dt.label { font-weight: bold; }
dd { margin-left: 2em; }
dd p { margin-top: 0px; }

dl.compact dt { clear: left; float: left; width: 18em; text-align: right; }
dl.compact dd { float: left; margin-left: 2em; margin-top: 1ex; }
dl.compact:after { content: '.'; display: block; clear: left;
  height: 0; visibility: hidden; }

table { margin: 2ex 0px; border: 1px solid; border-collapse: collapse; }
th, td { padding: 0.5ex 1em; border: 1px solid;
  text-align: left; vertical-align: top; }
th { background: #dedede; }
td.key, td.label { text-align: right; font-weight: bold; }

a { font-weight: bold; color: #2d76c4; }
a img { border: none; }

a.order_now { display: inline-block; min-width: 8em;
  padding: 1ex 1em;
  border: 1px solid #999999; border-radius: 0px 1ex;
  box-shadow: 1px 1px 2px #666666; background: #f0f0f0;
  text-align: center; font-size: larger; line-height: 100%;
  font-weight: bold; text-decoration: none; color: #2d76c4; }
a.order_now:hover { background: #9bafc4; color: white; }

fieldset { margin: 2ex 0px; padding: 1ex 2em; }
legend { margin-left: -1em; padding: 0px 1em; font-weight: bold; }

.callout { margin: 2ex 0px; padding: 0px 2em; border: 1px solid; }
.center { text-align: center; }
table.center { margin-left: auto; margin-right: auto; }
table.center_td td { text-align: center; }
.right, .price { text-align: right; }
.float_left { float: left; margin-right: 2em; margin-bottom: 2ex; }
.float_right { clear: right; float: right;
  margin-left: 2em; margin-bottom: 2ex; }
.float_right.callout { max-width: 25%; }
.clear { clear: both; }
.hidden { display: none; }
.error { color: red; }
.legal { font-size: smaller; }
.nobr { white-space: nowrap; }

.multi_col { position: relative; }
.multi_col .column { float: left;
  margin-left: 4%; margin-right: 0%; }
.col_x2 .column { width: 44%; }
.col_x3 .column { width: 28%; }
.multi_col:after { content: '.'; display: block; clear: both;
  height: 0; visibility: hidden; }

p.table { line-height: 240%; }
p.table label { display: inline-block; width: 15em; padding-right: 1em;
  line-height: 120%; text-align: right; font-weight: bold; }

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* screen */

@media screen {
  body { margin: 0px; padding: 0px;
    background: #dedede url(images/binary.jpg); }
  .assistive-text { display: none; }

  nav ol { margin: 0px; list-style: none; }
  nav ul { margin: 0px; list-style: none; }
  nav li { margin: 0px; }
  nav li a { padding: 0.5ex 1em; border-radius: 0px 1ex;
    text-decoration: none; }
  nav li a:hover { background: #9bafc4; color: white; }

  h1#site-title { margin: 0px 4%; margin-top: 10px; }
  nav#main-menu ul { margin: 0px 4%; margin-bottom: 2ex; text-align: right; }
  nav#main-menu li { display: inline-block; vertical-align: top;
    padding: 1ex 1em; border-radius: 0px 1ex; }
  nav#main-menu li:hover { background: #9bafc4; }
  nav#main-menu li:hover a { color: white; }
  nav#main-menu ul a { display: block; max-width: 16em;
    padding: 0px; font-size: 125%; }
  div#search { position: absolute; top: 20px; right: 4%; }
  div#search input { margin-right: 1em; }

  nav#sub-nav { display: none; float: right;
    min-width: 12%; max-width: 24%;
    margin: 0px 4%; margin-bottom: 4ex; padding: 2ex 1%;
    border: 1px solid #999999; border-radius: 0px 1.5ex;
    box-shadow: 3px 3px 5px #666666;
    background: white; }
  nav#sub-nav li { margin: 1px 0px; }
  nav#sub-nav a { display: block; }
  nav#sub-nav a:hover { background: #9bafc4; color: white; }
  nav#sub-nav li > ol { display: none; margin-left: 1em; }
  nav#sub-nav li li { font-size: smaller; }
  nav#sub-nav li.open > ol { display: block; }
  nav#sub-nav li.active > a { border: 1px solid #9bafc4; }

  article { margin: 0px 4%; margin-bottom: 4ex; padding: 4ex 4%;
    border: 1px solid #999999; border-radius: 1.5ex;
    box-shadow: 3px 3px 5px #666666;
    background: white; }
  h1.entry-title { margin-left: -2%; margin-bottom: 2ex;
    font-size: 175%; }
  article h2 { margin-top: 2ex; }
  article h3 { margin-top: 2ex; }
  article .callout { margin: 4ex 4%;
    border: 1px solid #999999; border-radius: 1.5ex;
    box-shadow: 3px 3px 5px #666666; background: #eeeeee;
    padding-left: 140px;
    background: #eeeeee url(images/gradient-left-rust.png) repeat-y left; }
  article:after { content: '.'; display: block; clear: both;
    height: 0; visibility: hidden; }

  .HYPE_element_container dt { margin: 0px; }

  div.have_sub_nav nav#sub-nav { display: block; }
  div.have_sub_nav article { margin-right: 8%; }
  div.have_sub_nav article .callout { margin-right: 20%; }

  footer { margin: 0ex 4%; margin-bottom: 2ex; padding: 1ex 4%;
    border: 1px solid #999999; border-radius: 1.5ex;
    box-shadow: 3px 3px 5px #666666; }
  footer:after { content: '.'; display: block; clear: both;
    height: 0; visibility: hidden; }

  footer#nav-footer { border-color: #616d7a;  /* 80% of background */
    border-radius: 1.5ex 0px;
    background: #7b8b9c;  /* 80% of #9bafc4 */
    color: white; }
  footer#nav-footer ul { float: left; margin-right: 3em; }
  footer#nav-footer li { display: inline; }
  footer#nav-footer a { color: white; text-decoration: none; }

  footer#site-footer { border-color: #4d4d49;  /* 80% of background */
    border-radius: 0px 1.5ex;
    background: #60605b; color: white; }
  footer#site-footer b { color: #9bafc4; }
  footer#site-footer a { color: #9bafc4; }

  body.admin-bar { padding-top: 28px; }
  body.admin-bar div#search { top: 48px; }
  img#wpstats { position: absolute; left: -100px; }
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* print */

@media print {
  .assistive-text { display: none; }

  h1#site-title { text-align: center; }
  nav#main-menu { display: none; }
  div#search { display: none; }
  nav#sub-nav { display: none; }

  h1.entry-title { padding: 1ex 0em;
    border: 1px solid black; border-radius: 1ex;
    background: #60605b; color: white;
    text-align: center; }
  div.entry-content { margin: 4ex 2em; }

  footer { margin-top: 2ex; padding: 1ex 2em;
    border: 1px solid; border-radius: 1.5ex; }
  footer#nav-footer { display: none; }
  div#badges { display: none; }

  div#wpadminbar { display: none; }
  img#wpstats { display: none; }
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */