/*
Theme Name: html5 shell by mimoYmima.com
Theme URI: http://html5.mimoymima.com/
Description: a Framework for rapidly developing HTML5 based WordPress Themes
Version: 1.53
Author: Brent Lagerman
Author URI: http://mimoymima.com/
*/
/*
mYm6 - updated: May 13, 2012 - brent@mimoymima.com
* added styling for html code back in, it got removed when we merged the basic.css sheet into style.css
* added a function to functions.php to make it so if you're logged into admin area you see the template that each page is using at the top of the page
--- Color References ---
link blue: #39C;
background: #XXXXXX;
*/
/*--------------------------------------------------------------------------------------------------*/
/* GENERAL STYLES - These defaults aren't site specific so you don't probably need to change them */
/* add your styles in the BASE STYLING section below */
/*--------------------------------------------------------------------------------------------------*/
/*--- RESET by normalize.css 2011-11-04T15:38 UTC - http://github.com/necolas/normalize.css ---*/
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%;overflow-y:scroll;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0}body,button,input,select,textarea{font-family:sans-serif}a:focus{outline:thin dotted}a:hover,a:active{outline:0}h1{font-size:2em}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}blockquote{margin:1em 40px}dfn{font-style:italic}mark{background:#ff0;color:#000}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:75%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}ul,ol{margin-left:0;padding:0 0 0 40px}dd{margin:0 0 0 40px}nav ul,nav ol{list-style:none;list-style-image:none}img{border:0;-ms-interpolation-mode:bicubic}svg:not(:root){overflow:hidden}figure{margin:0}form{margin:0}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}legend{border:0;*margin-left:-7px}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}button,input{line-height:normal}button,input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer;-webkit-appearance:button;*overflow:visible}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}
/*--- TEXT ---*/
/* Font stacks - some premade stacks you could use, by default we're using the sans stack in the 'base styling' section below */
.serif { font-family: Baskerville, Palatino, "Palatino Linotype", "Hoefler Text", "Times New Roman", times, serif; } /*cambria, cochin ??*/
.monospace { font-family: 'courier new', courier, Consolas, Menlo, Monaco, 'Lucida Console', 'Liberation Mono', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', monospace; }
.sans { font-family: 'Helvetica Neue', helvetica, sans-serif; }
/*--- CODE ---*/
code { background-color: #2A410B !important; font-family: 'Andale Mono', 'Lucida Console', "courier new", courier, monospace; background-color: #069; color: #FFF; padding: .5em; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
pre code { line-height: 130%; display: block; padding: 1em; margin: 2em 0; overflow: auto; }
pre { margin: 1em; }
/*--- FORMS ---*/
#search-form input[type='text'] { width: 10em; }
/*--- LISTS ---*/
/* .no-bullet: list without bullets */
.no-bullet { list-style-type: none; margin-bottom: 2em; }
.no-bullet li { margin-bottom: .5em; }
/* .bullet-list: nicer formatting for a bulleted list */
.bullet-list { margin: 1em 0 2em 0; line-height: 150%; }
.bullet-list li { margin: 0 2em 1em 2em; list-style-type: square; }
.bullet-list li ul { margin: .5em 0 1.5em 0; }
.bullet-list li ul li { list-style-type: circle; margin: 0 2em .5em 2em; }
/* .horiz-list: Used to put a list inline (horizontal) and get rid of the bullets */
.horiz-list ul { list-style-type: none; }
.horiz-list li { display: inline; }
/*.horiz-list li a { display: block; float: left; width: auto; }*/
/* .link-list */
.link-list li { list-style-type: none; }
li.link-list a, ul.link-list li a { display: block; background: url(./images/icon_link_arrow.png) 0px 8px no-repeat; padding-left: 20px; margin-left: 20px; }
/* .pdf-list */
.pdf-link { padding-left: 20px; margin-left: 5px; }
.pdf-list li { list-style-type: none; }
li.pdf-list a, ul.pdf-list li a { display: block; background: url(./images/icon_pdf_sm.png) 0 3px no-repeat; padding-left: 20px; margin-left: 20px; }
/*--- UTILITY ---*/
/* Clear Fixes - two methods, clear-fix is attached to the element you want to clear, .clear-all you can attach to a hr or br tag to clear the item before it as a last resort when you're in a hurry */
.clear-fix { display: inline-block; } /* This needs to be first because FF3 is now supporting this */
.clear-fix:after { content: " "; display: block; height: 0; clear: both; font-size: 0; visibility: hidden; }
.clear-all { visibility: hidden; clear: both; margin: 0 !important; padding: 0 !important; font-size: 0; height: 1px; }
/* TODO: might try this one instead one day: http://nicolasgallagher.com/micro-clearfix-hack */
/* WordPress WYSIWYG alignment -- when you put in images that span the entire width of the content area remove the width and height */
img.aligncenter { max-width: 100%; display: block; margin: 5px auto; }
img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; }
img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; }
.alignright { float: right; }
.alignleft { float: left; }
/* Warnings */
.sys { text-align: left }
.warn {}
/*--- JQUERY RELATED --- */
/* PRELOADER: Relies on some js in the functions file and a div in the header (both commented out by default) */
/*.js div#preloader { position: fixed; left: 0; top: 0; z-index: 999; width: 100%; height: 100%; overflow: visible; background: #c0c0c0 url(./images/loading.gif) no-repeat center center; }*/
/* Show-Hide Content */
.make-link { color: #06F !important; text-decoration: none; margin-bottom: .5em; }
.make-link:hover, .make-link:focus, .make-link:active { cursor: pointer; color: #C60; 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: 100; text-align: right; left: 0; }
.indicator a { width: 7em; background-color: #FF0; display: block; font-weight: bold; font-size: 12px !important; text-transform: uppercase; text-decoration: none; padding: .5em 1em; }
.indicator a:link, .indicator a:visited { color: black; }
.indicator a:hover, .indicator a:focus, .indicator a:active { color: black; background-color: #FFF; text-decoration: none; cursor: pointer; }
#js-ind { top: 20em; }
/* Hide these items when Javascript is active */
.js #js-ind, .js .hide { display: none; }
/*--------------------------------------------------------------------------------------------------*/
/* BASE STYLING: sytle 320px first and go up from there using media query areas below */
/*--------------------------------------------------------------------------------------------------*/
/*--- SITE WIDE ---*/
/*#bg { position: fixed; top: 0; left: 0; }
.bgwidth { width: 100%; }
.bgheight { height: 100%; }*/
#bg {
/* Set rules to fill background */
min-height: 100%;
min-width: 1024px;
/* Set up proportionate scaling */
width: 100%;
height: auto;
/* Set up positioning */
position: fixed;
top: 0;
left: 0;
}
@media screen and (max-width: 1024px) { /* Specific to this particular image */
#bg {
left: 50%;
margin-left: -512px; /* 50% */
}
}
.ls {
font-size: 11px;
position: absolute;
right: 0;
text-align: left;
top: 40px;
}
.ls .langMenu { padding: 4px; background: white; padding: 5px 10px; }
.ls ul { padding: 0; }
.ls a:link, .ls a:visited { text-decoration: none; color: black; }
.ls li.active { display: none; }
.ls a:hover { text-decoration: underline; }
.lFlag { position: absolute; right: 10px; top: -2px; }
.lFlag li { display: none; }
.lFlag li.active { display: block; }
/* LOAD FONTS */
@font-face { font-family: 'StMarieThin'; src: url('./fonts/StMarie-Thin-webfont.eot'); src: url('./fonts/StMarie-Thin-webfont.eot?#iefix') format('embedded-opentype'), url('./fonts/StMarie-Thin-webfont.woff') format('woff'), url('./fonts/StMarie-Thin-webfont.ttf') format('truetype'), url('./fonts/StMarie-Thin-webfont.svg#StMarieThin') format('svg'); font-weight: normal; font-style: normal; }
/* Set the background and font color for the html and body, if you don't have a different bkg for the body set both to be the same */
html { background: #FFF; color: #333; }
body { background: #eee; color: #333; }
/* Sets font family, size, width, and margins for the page */
body { text-align: center; font-size: 14px; font-weight: 300; line-height: 150%; font-family: 'Helvetica Neue', helvetica, sans-serif; }
/* Headings */
h1, h2, h3, h4, h5, h6 { font-weight: 500; font-family: 'StMarieThin', 'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', helvetica, sans-serif; }
/* Links */
a:link, a:visited { color: #39C; text-decoration: underline; }
a:hover, a:active, a:focus { color: #F90; text-decoration: none; }
/* Hide These Elements but keep them accessible */
#accessibility, #footer .vcard, nav h1 { position: absolute; left: -999em; }
/* page-wrapper */
#page-wrapper { width: 562px; margin: -14px auto 0; position: relative; }
/*--- HEADER ---*/
#site-header #site-title { display: none; }
#site-header #site-description { display: none; }
#logo {
padding: 23px 0 0;
text-align: center;
}
#logo a {
background: url("img/logo.png") no-repeat scroll 0 0 transparent;
display: inline-block;
height: 144px;
text-indent: -100000px;
width: 154px;
}
/* Nav */
ul.horiz-list { padding: 0; }
.menu-main-container, .menu-footer-container { height: 38px; width: 100%; background: url('img/bg_nav.png') repeat-x; margin: 0; padding: 6px 0 0; text-align: center; }
ul#menu-main { padding: 0 20px 0 0; text-align: center; font-family: 'American Typewriter'; }
ul#menu-main li { background: url("img/separator.gif") no-repeat scroll right 13px transparent; padding-right: 17px; display: inline-block; font-size: 17px; }
ul#menu-main li.menu-item-16 { background: none; padding-right: 0; }
ul#menu-main li a { text-decoration: none; }
ul#menu-main li a:hover, ul#menu-main li.menu-item-20 a:hover, ul#menu-main li.menu-item-19 a:hover,
ul#menu-main li.menu-item-18 a:hover, ul#menu-main li.menu-item-17 a:hover, ul#menu-main li.menu-item-16 a:hover { color: #555; }
ul#menu-main li.menu-item-20 a { color: #fff; }
ul#menu-main li.menu-item-19 a { color: #00aced; }
ul#menu-main li.menu-item-18 a { color: #ea008a; }
ul#menu-main li.menu-item-17 a { color: #fff000; }
ul#menu-main li.menu-item-16 a { color: #fff000; }
ul#menu-footer { padding: 0; text-align: center; font-family: 'American Typewriter'; }
ul#menu-footer li { background: url("img/separator.png") no-repeat scroll right 13px transparent; padding-right: 17px; display: inline-block; font-size: 17px; }
ul#menu-footer li.menu-item-21 { background: none; padding-right: 0; }
ul#menu-footer li a { text-decoration: none; }
ul#menu-footer li a:hover, ul#menu-main li.menu-item-20 a:hover, ul#menu-main li.menu-item-19 a:hover,
ul#menu-footer li.menu-item-21 a:hover, ul#menu-footer li.menu-item-22 a:hover, ul#menu-footer li.menu-item-23 a:hover { color: #555; }
ul#menu-footer li.menu-item-21 a { color: #00aced; }
ul#menu-footer li.menu-item-22 a { color: #ea008a; }
ul#menu-footer li.menu-item-23 a { color: #fff000; }
ul#menu-footer-1 { padding: 0; text-align: center; font-family: 'American Typewriter'; }
ul#menu-footer-1 li { background: url("img/separator.png") no-repeat scroll right 13px transparent; padding-right: 17px; display: inline-block; font-size: 17px; }
ul#menu-footer-1 li.menu-item-21 { background: none; padding-right: 0; }
ul#menu-footer-1 li a { text-decoration: none; }
ul#menu-footer-1 li a:hover, ul#menu-main li.menu-item-20 a:hover, ul#menu-main li.menu-item-19 a:hover,
ul#menu-footer-1 li.menu-item-21 a:hover, ul#menu-footer-1 li.menu-item-22 a:hover, ul#menu-footer-1 li.menu-item-23 a:hover { color: #555; }
ul#menu-footer-1 li.menu-item-21 a { color: #00aced; }
ul#menu-footer-1 li.menu-item-22 a { color: #ea008a; }
ul#menu-footer-1 li.menu-item-23 a { color: #fff000; }
#footer-nav { width: auto; clear: both; padding: 25px 0 0; }
/*--- CONTENT AREA ---*/
#content { background: url('img/ctop_default.png') no-repeat top; width: 100%; }
#content header h1 { font-family: 'American Typewriter'; line-height: normal; padding: 10px 0 0; }
article { background: url('img/cbot_default.png') no-repeat bottom; padding: 0 0 70px 0; }
article header { height: 56px; }
article .entry { background: url('img/c_default.png') repeat-y; min-height: 200px; color: black; }
article .entry a { color: black; font-weight: bold; }
article .entry p { margin: 8px 0 22px; padding: 0; }
article .entry .section { padding: 20px; margin: 0 10px; }
article .entry h2 { font-family: 'American Typewriter'; font-size: 18px; border-bottom: dotted 2px #000; display: inline-block; padding: 0 0 10px; margin: 0 0 15px; }
article .entry h2:before, article .entry h2:after { content: " - "; }
article .entry .section { border-bottom: solid 1px #9b897c; border-top: solid 1px #FFF; }
article .entry .section.first { border-top: none; /*padding: 20px 70px;*/ }
article .entry .section.last { border-bottom: none; }
article .entry .contentfooter { padding: 8px 20px; position: absolute; width: 522px; }
#content em { font-family: baskerville, cambria, cochin, "Palatino Linotype", "Book Antiqua", Palatino, "Times New Roman", serif; }
.navleft:hover, .navright:hover { cursor: pointer; }
/* page variants */
.coffee-bar #content { background: url('img/ctop_coffeebar.png') no-repeat top; width: 100%; }
.coffee-bar article { background: url('img/cbot_coffeebar.png') no-repeat bottom; padding: 0 0 57px 0; }
.coffee-bar article .entry { background: url('img/c_coffeebar.png') repeat-y; min-height: 200px; }
.coffee-bar article .entry .section { border-bottom: solid 1px #166d64; border-top: solid 1px #4ad3c9; }
.coffee-bar article .entry .section.first { border-top: none; }
.coffee-bar article .entry .section.last { border-bottom: none; }
.coffee-bar article .entry .section.menu { border-top: none; border-bottom: none; background: url('img/bg_menu.png') no-repeat; width: 527px; margin: -1px 0 -4px -3px; }
.coffee-bar article .entry .menubottom { height: 21px; width: 567px; background: url('img/menu_bot.png') no-repeat; display: block; margin-left: -3px; }
.bedbreakfast #content { background: url('img/ctop_bb.png') no-repeat top; width: 100%; }
.bedbreakfast article { background: url('img/cbot_bb.png') no-repeat bottom; padding: 0 0 57px 0; }
.bedbreakfast article .entry a { color: white; font-weight: bold; }
.bedbreakfast article .entry { background: url('img/c_bb.png') repeat-y; min-height: 200px; color: white; }
.bedbreakfast article .entry .section { border-bottom: solid 1px #000; border-top: solid 1px #352e30; }
.bedbreakfast article .entry .section.first { border-top: none; }
.bedbreakfast article .entry .section.last { border-bottom: none; }
.bedbreakfast article .entry .section.quotes { padding: 20px 0 0 0; color: black; border-top: none; border-bottom: none; background: url('img/bg_menu.png') no-repeat; width: 567px; margin: -1px 0 -4px -3px; }
.bedbreakfast article .entry .section.quotes .inner { margin: 0 20px; overflow: hidden; }
.bedbreakfast article .entry .section.quotes p { margin: 0; }
.bedbreakfast article .entry .quotesbottom { height: 21px; width: 567px; background: url('img/quotes_bot.png') no-repeat; display: block; margin-left: -3px; }
.bedbreakfast article .entry h2 { border-bottom: dotted 2px #fff; }
.bedbreakfast article .entry ul.quote { list-style: none; padding: 30px 0 0; margin: 0; width: 567px; }
.bedbreakfast article .entry ul.quote li { text-align: center; padding: 20px 60px; float: left; width: 407px; }
.bedbreakfast article .entry ul.quote li a { color: #a8bfe2; }
.bedbreakfast article .entry ul.quote li .source { padding: 30px 0 0 0; }
.bedbreakfast article .entry .navleft { width: 39px; height: 89px; background: url('img/slide_left_b.png') no-repeat;
border-right: solid 1px black; position: absolute; left: -30px; margin-top: 30px; }
.bedbreakfast article .entry .navright { width: 39px; height: 89px; background: url('img/slide_right_b.png') no-repeat;
border-left: solid 1px black; position: absolute; right: -30px; margin-top: 30px; }
.press #content { background: url('img/ctop_press.png') no-repeat top; width: 100%; }
.press article { background: url('img/cbot_press.png') no-repeat bottom; padding: 0 0 40px 0; }
.press article .entry { background: url('img/c_press.png') repeat-y; min-height: 200px; }
.press article .entry .section { border-bottom: solid 1px #166d64; border-top: solid 1px #4ad3c9; }
.press article .entry .section.first { border-top: none; }
.press article .entry .section.last { border-bottom: none; }
.press article .entry .section.quotes { overflow: hidden; padding: 0; color: black; border-top: none; border-bottom: none;
background: url('img/bg_menu.png') no-repeat; width: 567px; margin: -1px 0 -4px -3px; }
.press article .entry .section.quotes .inner { margin: 0 20px; overflow: hidden; }
.press article .entry .quotesbottom { height: 21px; width: 567px; background: url('img/quotes2_bot.png') no-repeat; display: block; margin-left: -3px; }
.press article .entry .section.menu { border-top: none; border-bottom: none; background: url('img/bg_menu.png') no-repeat; width: 527px; margin: -1px 0 -4px -3px; }
.press article .entry .menubottom { height: 21px; width: 567px; background: url('img/menu_bot.png') no-repeat; display: block; margin-left: -3px; }
.press article .entry .pdf { background: white; margin: 10px 40px; border: dotted 2px #e6c26a; text-align: left; }
.press article .entry .pdf h3 { font-family: "American Typewriter"; border-bottom: dotted 2px #e6c26a; padding: 10px 0 15px 10px; margin: 0; }
.press article .entry .pdf p { margin: 5px 0 5px 10px; }
.press article .entry ul.quote { list-style: none; padding: 30px 0 0; margin: 0; width: 567px; }
.press article .entry ul.quote li { text-align: center; padding: 20px 60px; float: left; width: 407px; }
.press article .entry ul.quote li a { color: #e6c26a; }
.press article .entry ul.quote li .source { padding: 30px 0 0 0; }
.press article .entry .navleft { width: 39px; height: 89px; background: url('img/slide_left.png') no-repeat;
border-right: solid 1px black; position: absolute; left: -30px; margin-top: 30px; }
.press article .entry .navright { width: 39px; height: 89px; background: url('img/slide_right.png') no-repeat;
border-left: solid 1px black; position: absolute; right: -30px; margin-top: 30px; }
.wpcf7-form span.wpcf7-not-valid-tip {
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #FF0000;
content: "X";
font-size: 10pt;
left: 0;
padding: 2px;
position: absolute;
top: -3px;
width: 250px;
z-index: 100;
}
.wpcf7-form .checkoutDate span.wpcf7-not-valid-tip, input#checkoutDate { width: 158px; }
.wpcf7-form .checkinDate span.wpcf7-not-valid-tip, input#checkinDate { width: 158px; }
.wpcf7-form { position: relative; }
.wpcf7-form textarea { resize: none; width: 260px; }
.contact #content { background: url('img/ctop_press.png') no-repeat top; width: 100%; }
.contact article { background: url('img/cbot_press.png') no-repeat bottom; padding: 0 0 57px 0; }
.contact article .entry { background: url('img/c_press.png') repeat-y; min-height: 200px; }
.contact article .entry .section { border-bottom: solid 1px #a08142; border-top: solid 1px #f4deae; }
.contact article .entry .section.first { border-top: none; }
.contact article .entry .section.last { border-bottom: none; }
.contact article .entry .section.menu { border-top: none; border-bottom: none; background: url('img/bg_menu.png') no-repeat; width: 527px; margin: -1px 0 -4px -3px; }
.contact article .entry .menubottom { height: 21px; width: 567px; background: url('img/menu_bot.png') no-repeat; display: block; margin-left: -3px; }
.entry ul.social { margin: 20px auto 0; width: 132px; padding: 0; list-style: none; clear: both; display: block; }
.entry ul.social li { float: left; }
.entry ul.social li a { width: 28px; height: 39px; text-indent: -10000px; display: block; }
.entry ul.social li.fb a { background: url('img/icon_fb.gif') no-repeat; margin-right: 24px; }
.entry ul.social li.fb a:hover { background: url('img/icon_fb.gif') no-repeat 0 -39px; margin-right: 24px; }
.entry ul.social li.geo a { background: url('img/icon_geo.gif') no-repeat; }
.entry ul.social li.geo a:hover { background: url('img/icon_geo.gif') no-repeat 0 -39px; }
.entry ul.social li.twitter a { background: url('img/icon_twitter.gif') no-repeat; margin-left: 24px; }
.entry ul.social li.twitter a:hover { background: url('img/icon_twitter.gif') no-repeat 0 -39px; margin-left: 24px; }
.fLabel { float: left; width: 130px; text-align: right; padding-right: 20px; }
.fValue { float: right; width: 300px; text-align: left; }
.fBlock { padding: 3px 0; }
input.wpcf7-form-control { width: 250px; }
input.wpcf7-submit { width: auto; padding: 3px 6px; font-size: 11px; }
#fb-feed { text-align: left; padding: 0 80px; }
#fb-feed .fb-date { display: none; }
#fb-feed p.message { font-weight: bold; margin: 20px 0 8px; }
#fb-feed p.message:before, #fb-feed p.message:after { content: '"'; }
#fb-feed blockquote { margin: 2px 0 20px; border-bottom: dotted 2px #000; }
/* Page */
.page {}
/* Single */
.single {}
/* Comments using Intense Debate */
/*--- SIDEBAR ~ MAIN ---*/
#main-sidebar ul { list-style-position: inside; }
/*--- SIDEBAR ~ FOOTER ---*/
#footer-sidebar ul { list-style-position: inside; }
/*--- FOOTER ---*/
#footer { background: url('img/bg_footer.png'); width: 100%; margin: 32px 0 0; padding: 0 0 40px; position: relative; }
#footer .inner { margin: 0 auto; width: 562px; }
#footer .logo { width: 153px; height: 144px; background: url('img/simon_footerlogo.png') no-repeat right; margin: 50px 0 31px 227px; }
#footer ul.social { margin: 0 auto; width: 132px; padding: 0; list-style: none; }
#footer ul.social li { float: left; }
#footer ul.social li a { width: 28px; height: 39px; text-indent: -10000px; display: block; }
#footer ul.social li.fb a { background: url('img/icon_fb.png') no-repeat; margin-right: 24px; }
#footer ul.social li.fb a:hover { background: url('img/icon_fb.png') no-repeat 0 -39px; margin-right: 24px; }
#footer ul.social li.geo a { background: url('img/icon_geo.png') no-repeat; }
#footer ul.social li.geo a:hover { background: url('img/icon_geo.png') no-repeat 0 -39px; }
#footer ul.social li.twitter a { background: url('img/icon_twitter.png') no-repeat; margin-left: 24px; }
#footer ul.social li.twitter a:hover { background: url('img/icon_twitter.png') no-repeat 0 -39px; margin-left: 24px; }
#footer .info { color: #868182; font-family: Helvetica, Arial, sans-serif; font-size: 14px; margin-bottom: 33px; }
#footer .info a { font-weight: bold; color: #868182; }
#footer .recommendations h2 { color: #00ACED; font-family: 'American Typewriter'; width: 626px;
background: url("img/bg_recommend.png") no-repeat scroll 6px 4px transparent; margin-left: -24px; font-weight: 300; font-size: 18px; }
#footer .recommendations h3 { color: white; font-weight: 300; font-family: 'American Typewriter'; }
#footer .recommendations .reclist { float: left; width: 33%; }
#footer .recommendations .reclist a { text-decoration: none; color: #868182; }
#footer .recommendations .reclist a:hover { text-decoration: underline; }
/* Credit */
#footer #mym-credit { font-size: .9em; clear: both; }
#footer #mym-credit a { letter-spacing: 1px; }
#footer #mym-credit a#cred:link, #footer #mym-credit a#cred:visited { text-decoration: none; color: #39C; }
/*--------------------------------------------------------------------------------------------------*/
/* Specific Page Styles */
/*--------------------------------------------------------------------------------------------------*/
/*--- style the 503 page (coming soon page) you activate this template file in the maintenance mode plugin ---*/
.maintenance {}
/*--- home ---*/
#home {}
/*--- about ---*/
#about {}
/*--------------------------------------------------------------------------------------------------*/
/* 480 media query */
/*--------------------------------------------------------------------------------------------------*/
@media screen and (min-width: 480px) and (max-width: 600px) {
/* For reference, delete later*/
/*body:before { content: "480-600"; left: 1em; position: absolute; top: 1em; z-index: 999; }*/
.row { width: 480px; }
/* add your styles here */
}
/*--------------------------------------------------------------------------------------------------*/
/* 600 media query */
/*--------------------------------------------------------------------------------------------------*/
@media screen and (min-width: 600px) and (max-width: 750px) {
/* For reference, delete later*/
/*body:before { content: "600-750"; left: 1em; position: absolute; top: 1em; z-index: 999; }*/
.row { width: 600px; }
/* add your styles here */
}
/*--------------------------------------------------------------------------------------------------*/
/* 750 media query */
/*--------------------------------------------------------------------------------------------------*/
@media screen and (min-width: 750px) and (max-width: 980px) {
/* For reference, delete later*/
/*body:before { content: "750-980"; left: 1em; position: absolute; top: 1em; z-index: 999; }*/
.row { width: 750px; }
/* add your styles here */
}
/*--------------------------------------------------------------------------------------------------*/
/* 980 media query */
/*--------------------------------------------------------------------------------------------------*/
@media screen and (min-width: 980px) and (max-width: 1200px) {
/* For reference, delete later*/
/*body:before { content: "980-1200"; left: 1em; position: absolute; top: 1em; z-index: 999; }*/
.row { width: 980px; }
/* add your styles here */
}
/*--------------------------------------------------------------------------------------------------*/
/* 1200 media query */
/*--------------------------------------------------------------------------------------------------*/
@media screen and (min-width: 1200px) {
/* For reference, delete later*/
/*body:before { content: "1200 and up"; left: 1em; position: absolute; top: 1em; z-index: 999; }*/
.row { width: 1200px; }
/* add your styles here */
}