/* ==========================================================================
   Reset
   ========================================================================== */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
}

iframe {
    border:0;
}

strong { 
    font-weight: bold; 
}

button,
label,
input,
select,
textarea {
    font-family: inherit;
}    

img,
video,
object {
    border: none;
    display: block;
    height: auto;
}

.rbkltd img { max-width: 100%; }
/*width auto needed for max-width to work properly in ie8, http://stackoverflow.com/questions/1771176/ie8-non-compatibility-mode-image-with-max-width-and-heightauto*/
.lt-ie9 .rbkltd img { width: auto; }

.gte-ie9 .hasGradient { filter: none; }

/* Remove text-shadow in selection highlight. These selection rule sets have to be separate. */
::-moz-selection {
    background: #b3d4fc;
    -webkit-text-shadow: none;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    -webkit-text-shadow: none;
    text-shadow: none;
}

/* Reset Firefox inner border & padding */
button::-moz-focus-inner {
	border: 0;
	padding: 0;
}

/* ==========================================================================
   Base
   ========================================================================== */
html, 
body {
    background-color: #fff;
    color: #2f2f2b;
    font-family: "ReefontRegular", Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-size: 13px;
}

/*Set base font for Pex content wrapper*/
.rbkltd {
    font: 16px/1.5 "ReefontRegular", Arial, "Helvetica Neue", Helvetica, sans-serif;
    -webkit-font-smoothing: antialiased;
}

/*Set min-width for the site, consider to remove this if design allows it*/
.rbkltd,
#header,
#footer {
    min-width: 320px;
}

.rbkltd a { 
    color: #5D5D5D;
    cursor: pointer;
    outline: medium none;
    text-decoration: none;
}

.rbkltd li p, 
.rbkltd li ul, 
.rbkltd li ol {
    margin-top: 0;
    margin-bottom: 0;
}

/*DEBUG media-queries*/
/*
#content:before {
    content: "default";
    display: block;
    border: 1px solid red;
    float: left;
}
@media (max-width: 1205px) { #content:before { content: "breakpoint = 1250px"; } }
@media (max-width: 980px) { #content:before { content: "breakpoint = 980px"; } }
@media (max-width: 959px) { #content:before { content: "breakpoint = 959px"; } }
@media (max-width: 800px) { #content:before { content: "breakpoint = 800px"; } }
@media (max-width: 767px) { #content:before { content: "breakpoint = 767px"; } }
*/