﻿/* CSS - mbPixelated - Meera Tank */

/* 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, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td
{ margin: 0; padding: 0; border: 0; list-style: none; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
a {outline: none; }
a img,:link img,:visited img { border:none }
:link,:visited { text-decoration:none }
:focus { outline: 0; }
blockquote, q {quotes: “” “”;}
q:before, q:after {content: ”;}
abbr, acronym { border: 0;}

/* HTML5 */
section, article, aside, header, footer, nav, dialog, figure {display:block; padding: 0; margin: 0;}
time {display: inline; }
/************************************************* END RESET */

/* CUSTOM STYLES *************************************/
.hidden { display: none;}
.b {font-weight: bold;}
.fl {float: left;}
.fr {float: right}
a:hover {text-decoration: underline;}
p { padding: 0 0 8px 0; font-size: 12px; color: #333;}
h1 {font-size: 18px; text-transform: uppercase; color:#a33647; font-weight: bold; padding: 0 0 5px 0; }
h2 {font-size: 18px; text-transform: uppercase; color:#000; font-weight: bold; padding: 5px 0; text-align: center;}
h1.logo { padding: 0;}
.red {color: #a33647;}
/********************************* END CUSTOM STYLES */

/* STRUCTURE */
body { background: url('/images/bg.gif'); font-family: Trebuchet MS, Arial, verdana; font-size: 12px;}
article { background: url('/images/polaroid.png') no-repeat; width: 887px; height: 808px; margin: 0 auto 50px auto; padding-bottom: 50px; position: relative; left: -26px;  }
article { background: none; width: 883px; height: 808px; margin: 0 auto 50px auto; padding-bottom: 50px; position: relative; left: -13px; overflow: hidden;  }
#uber_container {width: 883px; height: 808px; margin: 0 auto 50px auto; position: relative;}

/* HEADER */
header { width: 100%; height: 120px; background: url('/images/header-bg.gif') no-repeat #050404; background-position: center;}
.header_content { width: 872px; margin: 0 auto;}
.header_content a {position: relative; top: 18px;}

/* FOOTER */
footer { position: absolute; bottom: -150px; left: 62px; color: #a33647; width: 746px;}
footer ul { list-style: none; }
footer ul li {float: left; padding: 0 5px 0 0;}
footer ul li a {color: #a33647;}
footer ul.fr {float: right;}
footer ul.fr a {color: #999; font-size: 11px;}