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, 
b, u, i, center, dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend, table, 
caption, tbody, tfoot, thead, tr, th, td{margin:0; padding:0; border:0; outline:0;  font-size:100%; vertical-align:baseline;  background:transparent}
body{line-height:1}
ol, ul{list-style:none}
blockquote, q{quotes:none}
blockquote:before, blockquote:after, 
q:before, q:after{content:''; content:none}
:focus{outline:0}
ins{text-decoration:none}
del{text-decoration:line-through}
table{border-collapse:collapse; border-spacing:0}

@font-face{    font-family:'new_theoryregular';     src:url('font/newtheory-webfont.eot');     src:url('font/newtheory-webfont.eot?#iefix') format('embedded-opentype'),         url('font/newtheory-webfont.woff') format('woff'),         url('font/newtheory-webfont.ttf') format('truetype'),         url('font/newtheory-webfont.svg#new_theoryregular') format('svg');  font-weight:normal;  font-style:normal}

/*  Web */
*{margin:0; padding:0}
html{overflow:auto; -webkit-animation-name:reset,fade-in; -webkit-animation-duration:500ms; -webkit-animation-timing-function:ease-out; -webkit-animation-iteration-count:1}
html, body{height:100%; height:99.99999%; color:#aaa; font:"Times New Roman",Times,serif; font-size:14px; background-color:rgb(28,29,32); font-style:italic; font-weight:100}
a{color:#2c2c2c; text-decoration:none}
a:hover{color:#9a9a9a; text-decoration:none}
.button a img:hover{margin-bottom:10px}
h2{font:Verdana,Geneva,sans-serif; color:rgb(201,170,106); font-size:48px; font-family:'new_theoryregular'; font-weight:lighter; font-style:normal}
h1{font:Verdana,Geneva,sans-serif; color:rgb(201,170,106); font-size:48px; font-family:'new_theoryregular'; font-weight:lighter; font-style:normal}
#wrapper{display:table; height:100%; min-height:100%; width:100%; margin-bottom:-19px}
#wrapper >.row{display:table-row}
#wrapper >.row >.cell{display:table-cell}
#middle-row{height:100%}
#middle-cell{vertical-align:middle}
#main-content{display:inline-block}
#push, #footer{height:19px}

body, #middle-cell{}
#wrapper, #footer{text-align:center}
#main-content{width:80%; padding:10px}
#footer{height:51px; padding-left:60px; padding-right:60px; padding-bottom:60px}

.footer_outer{width:100%; margin-left:auto; margin-right:auto}

.footer_inner_left{width:49%; float:left; display:inline; text-align:left; font-style:italic}

.footer_inner_right{width:49%; float:right; display:inline; text-align:right; font-style:italic; color:#aaa}
.twitter-share-button{vertical-align:middle; margin-left:10px}

@media screen and (-webkit-min-device-pixel-ratio:0){html,body{height:100%}
.cell-footer{height:19px}
}
::selection{background:#333; color:#aaa}
::-moz-selection{background:#333; color:#aaa}
::-webkit-selection{background:#333; color:#aaa}

@-webkit-keyframes fade{0%{opacity:0}
25%{opacity:.25}
50%{opacity:.50}
75%{opacity:.75}
100%{opacity:1}
}

@-webkit-keyframes in{ 0%{margin-top:-50px; opacity:0}
 25%{margin-top:-30px; opacity:.2}
 50%{margin-top:20px; opacity:.5}
 100%{opacity:1}
}

@-webkit-keyframes reset{ 0%{ opacity:0}

 100%{ opacity:0}
}

@-webkit-keyframes fade-in{ 0%{ opacity:0}

 100%{ opacity:1}
}

.space{margin-right:20px}