/**
 * Standard style sheet.
 *
 * @package    vanilla
 * @subpackage css
 * @author     Loops <evrard at h2a dot lu>
 * @version    SVN: $Id: standards.css 68 2012-08-01 08:19:31Z xarn $
 */

* { box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box }

.clear { display: block; clear: both; }
.hidden { position: absolute; left: -9999em; top: -9999em; }
.not-hidden { position: static !important; }
.hidden-text { text-indent: -9999em; overflow:hidden; }
.has-js .js-hide { display: none }

.left { display: inline; float: left; }
.right { display: inline; float: right; }

img.left { margin-right: 15px; margin-bottom: 15px; }
img.right { margin-left: 15px; margin-bottom: 15px; }

.vanilla { padding:0; margin:0; list-style:none; border: 0; background: transparent url(); }
.no-border { border: none }
.block { display:block; }

button { vertical-align: middle; cursor: pointer; outline: 0; overflow: visible; border:none }
.box { box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
.fit { width: 100%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box }

a { text-decoration:none; outline: none;}
a:hover {text-decoration: underline; }
a.block { display:block; text-decoration:none !important; }

.placeholder { color: #777 !important; }
::-webkit-input-placeholder { color: #777 !important; }
:-moz-placeholder { color: #777 !important; }

.uc{ text-transform: uppercase }
.lc{ text-transform: lowercase }
.nc{ text-transform: none !important }

.u{ text-decoration: underline; }
.b,.strong{ font-weight:bold; }
.n{ font-weight:normal; }
.em,.i{ font-style:italic; }
.caps { font-variant: small-caps }
.small { font-size: 75% }
.big { font-size: 150% }

.text-center { text-align: center }
.text-left { text-align: left }
.text-right { text-align: right }
.text-justify { text-align: justify }

/*** forms, the text and pwd are needed to overwrite a stupid resetter ***/
select[name], textarea[name], input[type="text"], input[type="password"], button {
  border: 1px #ccc solid; font-size: 12px; color: #444; padding: 2px; margin-bottom: 2px; border: 1px #ccc solid; background-color:#f0f1f2;
  box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
}

/* Adjust display */
input[type="text"], input[type="password"] { padding: 3px 2px; }
input[type="radio"], input[type="checkbox"] { width: 16px !important; vertical-align: -2px; }

option { background: white }

label { cursor: pointer }

p, fieldset, table, pre, hr, ul, ol, dl, h1, h2, h3, h4, h5, h6 { margin:0 0 10px 0; }
ul, ol { padding-left: 18px; }

header, footer, article, section, nav, menu, hgroup { display: block; } 

/* Hack for Safari 3.0 and Opera 9 (! Opera 10) */
@media screen and (-webkit-min-device-pixel-ratio:0)
{
}

/* Hack for Opera 10 (and below) only */
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0)
{
  input[type="radio"], input[type="checkbox"] { vertical-align: 0; }
}