/*
Theme Name: html5 shell by mimoYmima.com
Theme URI: http://www.mimoymima.com/
Description: a Framework for rapidly developing HTML5 based WordPress Themes
Version: 1.0
Author: Brent Lagerman
Author URI: http://html5.mimoymima.com/
*/
/*
## Updated: May 14, 2012
## brent@mimoymima.com
** Happy Thanksgiving
- - - Color References - - -
link orange: #39C;
background: #000;
*/
/* FONTS - to get other font kits visit: fontsquirrel.com */
@font-face {
font-family: 'QuicksandLight';
src: url('fonts/Quicksand_Light-webfont.eot');
src: local('☺'), url('fonts/Quicksand_Light-webfont.woff') format('woff'), url('fonts/Quicksand_Light-webfont.ttf') format('truetype'), url('fonts/Quicksand_Light-webfont.svg#webfontoB19sJmp') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'QuicksandBook';
src: url('fonts/Quicksand_Book-webfont.eot');
src: local('☺'), url('fonts/Quicksand_Book-webfont.woff') format('woff'), url('fonts/Quicksand_Book-webfont.ttf') format('truetype'), url('fonts/Quicksand_Book-webfont.svg#webfontql8zHAcQ') format('svg');
font-weight: normal;
font-style: normal;
}
/* GENERAL STYLING - - - - - - - - - - - - - - - - */
html { color: #EEE; background: #000 url('./images/bkg_page.jpg') top center no-repeat; } /*remove this background if you're using 100% background image*/
/* Sets fonts, page width & margins */
body { width: 980px; margin: 0 auto; font: 300 14px/170% 'QuicksandBook', 'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', 'myriad pro', 'myriad web pro', 'myriad web', myriad, helvetica, sans-serif; }
/* Font stacks - switch these out with the font listing above and add your specific sans, monospace, or serif to the beginning of the list */
.Serif { font-family: cambria, baskerville, cochin, georgia, times, serif; }
.Monospace { font-family: Consolas, Menlo, Monaco, Lucida Console, 'Liberation Mono', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Courier New', courier, monospace; }
/* Text */
blockquote { margin: 20px 0 !important; }
blockquote cite { font: normal 1.2em cambria, baskerville, cochin, georgia, times, serif; padding: 1em 0 .5em 0; display: block; text-align: right; }
/* Headings */
h1, h2, h3, h4, h5, h6 { font-weight: 300; font-family:'QuicksandLight', 'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', 'myriad pro', 'myriad web pro', 'myriad web', myriad, helvetica, sans-serif; }
/* Links */
a:link { color: #F93; text-decoration: none; }
a:visited { color: #C63; text-decoration: none; }
a:hover, nav a:active, nav a:focus { color: #FF0; text-decoration: underline; }
/* Forms */
/* labels */
label { color: #39C; }
label:hover, label:focus { color: #F90; }
/* text inputs */
input, select, textarea, button { padding: 3px; margin-right: 5px; vertical-align: middle; -moz-border-radius: 7px; -khtml-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; }
input, select, textarea { color: #CCC; border: 3px solid #85C3D6; background: #F6F6F6; }
input:hover, select:hover, textarea:hover, input:focus, select:focus, textarea:focus { color: #666; background: #EDEDED; border-color: #39C; }
/* buttons */
input[type='submit'], button { background: #85C3D6; border: 0; padding: 4px; margin-top: 3px; color: #FFF; font-size: .8em; text-transform: uppercase; font-weight: bold; }
input[type='submit']:hover, button:hover, input[type='submit']:focus, button:focus { background: #39C; cursor: pointer; }
/* Tables */
/* Hide These Elements but keep them accessible */
#accessibility,
#footer .vcard,
nav h1,
#content h1 { position: absolute; left: -999em; }
/* Hide these items when Javascript is active */
.js #js-ind, .js .hide { display: none; }
/* Lists */
#revision-history dt { margin-top: 2em; }
/* Sections of the document (including layout) - - - - - - - - - - - - - - - - */
/* - - - MASTHEAD - - - */
#masthead { color: #FFF; width: 250px; margin-top: 60px; margin-left: 112px; }
#masthead em { font-style: normal; font-size: 64px; }
#masthead i { font-style: normal; font-size: 25px; margin-left: 4px; }
#masthead .title { line-height: 21px; }
#masthead .title a { color: #FFF; }
#masthead .author { line-height: 21px; margin-left: 6px; font-size: 15px; letter-spacing: 3px; font-family: 'QuicksandBook', 'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', 'myriad pro', 'myriad web pro', 'myriad web', myriad, helvetica, sans-serif; }
#masthead .description { color: #CCC; margin-top: 92px; line-height: 27px; margin-left: 6px; font-size: 15px; letter-spacing: 1px; }
/* - - - Nav - - - */
#main-nav { margin-top: 30px; }
#main-nav .menu { margin-left: 352px; } /*unfortunately we can't center this properly so we're resorting to margin, when the nav changes this value will need to be adjusted*/
#main-nav a { text-transform: lowercase; font-size: 24px; font-family:'QuicksandLight', 'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', 'myriad pro', 'myriad web pro', 'myriad web', myriad, helvetica, sans-serif; text-decoration: none; display: inline-block; padding: 1em; }
/* DownStates*/
#main-nav .current-menu-item a { color: #FF0; }
/* - - - CONTENT - - - */
#content { width: 747px; margin: 0 auto; clear: both; }
#content h2 { font-size: 48px; margin-bottom: .5em; margin-top: 1em; }
#content p { margin-bottom: 1.5em; }
#content em { font-family: cambria, baskerville, cochin, georgia, times, serif; }
#content .important { font-size: 24px; margin: .5em; }
#content .important a { display: inline-block; padding: .5em 1em; background: #FF0; color: #000; }
#content .important a:link, #content .important a:visited { opacity: 0.5; -moz-opacity:.5; filter:alpha(opacity=50); }
#content .important a:hover, #content .important a:active, #content .important a:focus { opacity: .9; -moz-opacity:.9; filter:alpha(opacity=90); }
.sociable { margin-top: 2em; }
/* Posts */
.post { clear: both; padding: 2em 0 3em 0; }
.entry { }
.post-Date { color: #999; font-size: .9em; margin-bottom: .5em; }
.entry p {}
.utw {}
.post_nav {}
.post-edit-link { margin-left: 1em; }
.post-meta-data { float: right; }
.stbutton { float: left; } /* share this button */
/* Page */
.page { margin-bottom: 3em;}
/* Single */
.single {}
/* Comments using Intense Debate */
/* - - - WIDGETS - - - */
/* Calendar Widget Styling */
#calendar caption { background: #CCC; padding: 5px 0px; }
#calendar table { width: 170px; border: solid 1px #CCC; }
#calendar table th { text-align: center; letter-spacing: -1px; border-bottom: solid 1px #CCC; padding: 3px 0px; }
#calendar table td { text-align: center; padding: 3px 0px; font-size: .8em; }
#calendar table td a { font-weight: bold; }
#calendar h2 { padding-bottom: 8px; }
/* - - - FOOTER - - - */
#footer { clear: both; width: 747px; margin: 0 auto; padding-bottom: 50px; }
/* Footer Links */
#footer a { font-size: 1.4em; padding: 1em; }
#footer a:link, #Footer a:visited { color: #39C; text-decoration: none; }
#footer a:hover, #Footer a:active, #Footer a:focus { color: #FF0; text-decoration: underline; }
#footer current-menu-item a { color: #FF0; }
/* mYmCredit */
#footer #mym-credit { font-size: .9em; clear: both; margin-top: 200px;}
#footer #mym-credit a { letter-spacing: 1px; }
#footer #mym-credit a#cred:link, #footer #mym-credit a#cred:visited { text-decoration: none; color: #A5540C; }
/* jQuery Styles - - - - - - - - - - - - - - - - - - - - - - - - */
.js div#preloader { position: fixed; margin: 0; padding: 0; z-index: 999; left: 0; top: 0; width: 100%; height: 100%; overflow: visible; background: #000 url(./images/loading.gif) no-repeat center center; }
/* Show-Hide Content */
.make-link { color: #F93 !important; text-decoration: none; margin-bottom: .5em; }
.make-link:hover, .make-link:focus, .make-link:active { cursor: pointer; color: #FF0; text-decoration: underline; }
ul.hide { margin: 0 0 0 1em !important; padding: 0 !important; }
/* Adds 'Plus-Minus' sign to header */
/*.header-shown { background: url('./images/icon_link_plus_minus.png') no-repeat 0 -20px; height: 17px; }*/
/*.header-hidden { background: url('./images/icon_link_plus_minus.png') no-repeat 0px 3px; height: -14px; }*/
/* Indicators */
.indicator { position: absolute; z-index: 10; text-align: right; left: 0; width: 7em; }
.indicator a { background-color: #FF0; display: block; font-weight: bold; font-size: 12px !important; text-transform: uppercase; color: #09C; text-decoration: none; padding: .5em 1em; }
.indicator a:hover, .indicator a:focus { background-color: #FFF; text-decoration: underline; cursor: pointer; }
#js-ind { top: 30em; }
/* SPECIFIC PAGE STYLES - - - - - - - - - - - - - - - - */
.about-html5-wordpress-shell .entry { margin-top: 3em; }
.copyright #idc-container { display: none; } /*do this with php instead - turns off comments on the copyright page*/