/* 
TOFA 2012 Stylesheet by albinoblacksheep.com
v0.9.3 2012-06-05

html5doctor.com Reset Stylesheet
v1.6.1 2010-09-17
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

body {
    line-height:1;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
	display:block;
}

nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}


blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}

html {
overflow-y: scroll; 
-webkit-tap-highlight-color: rgba(125,125,125,155); 
-webkit-text-size-adjust:100%; 
-webkit-font-smoothing:antialiased;
-ms-text-size-adjust:100%;margin:0 auto;}

body {color:#000;background: #f5d8ac url(/2012/css/bg9.jpg) fixed;margin:0 auto;text-align:center;font-family: Helvetica, Arial, Tahoma, sans-serif, Baskerville, Georgia, 'Times New Roman', Times, serif}

@media handheld, only screen and (max-width: 768px) {
body {max-width:640px;background: #FFF}
}

/* == ANIM == */

@keyframes myfirst
{from {opacity:0;}
to {opacity:1;}}
@-moz-keyframes myfirst
{from {opacity:0;}
to {opacity:1;}}
@-webkit-keyframes myfirst
{from {opacity:0;}to {opacity:1;}}

@keyframes lift
{from {top:-70px;}
to {top:0px;}}
@-moz-keyframes lift
{from {top:-70px;}
to {top:0px;}}
@-webkit-keyframes lift
{from {top:-70px;}
to {top:0px;}}

/* == TYPOGRAPHY == */

a {color:#0000FF;}
a:hover {color:#FF0000;}


h1, h2, h3 {word-wrap:break-word;font-weight:normal;font-size:1.5em;line-height:1.0em;margin:24px }
h1 {font-size:2.5em;font-family: 'Eater', cursive;}
h3 {font-size:1.5em; margin:0.75em}
h1, h2, h3, p, figcaption, dl, ul ol, q {font-weight:normal}

dl {margin:1em}
dd {color:#444;margin-left:2em}
p {margin:24px;padding:0;color:#444;line-height: 1.5em}
article p + p {text-indent:1em}

footer p {margin:1em 1em 0em 1em; padding:0 0 1em 0;color:#999}
.quote {text-align:center;font-style:italic}
.center {text-align:center}
.dis {font-family:Arial,Tunga;padding:0}
ol {list-style-type:decimal;margin:1em;padding:0 0 0 24px;line-height:1.5em}

.righty {float:right}
.lefty {float:left}
.center {text-align:center}

q:before {content: "\201C"}
q:after {content: "\201D"}

embed, object {display:block}

header h1 {margin:0;text-indent:-9999px;background: transparent no-repeat -50px -20px;padding:24px 0 0 0;height:158px}



@media handheld, only screen and (max-width: 768px) {
header h1 {
background:transparent no-repeat -18px -18px;
-webkit-background-size: 240px auto;
-moz-background-size: 240px auto;
-o-background-size: 240px auto;
background-size: 380px auto;
height:79px;}
.testimonials {display:none}
}

.files {list-style-type:none;margin: 0.5em;float:left;}
.files li {clear:both;min-height: 24px;margin:2px 0;clear: left;background: #eee; -moz-border-radius: 8px; -webkit-border-radius: 8px; -o-border-radius: 8px; border-radius: 8px;}
.files a {text-decoration:none;display: block;margin: 0;overflow: hidden; text-overflow: ellipsis;padding: 8px; line-height: 135%}
.files h3 {margin:0 0 0.5em 0;font-size:1.2em}
.files img {float:left;margin: 0 0.5em 0.5em 0}
.files p {margin:0;font-size:0.8em}

img {border:0; -ms-interpolation-mode:bicubic}

/* == SECTIONS == */

header {
-webkit-background-size:100% auto;
-moz-background-size:100% auto;
-o-background-size:100% auto;
background-size:100% auto;
margin:0 auto;
padding-bottom:0;
position:absolute;
top:0; left:0;
width:100%;
}

nav {animation: lift 3s;
-moz-animation: lift 3s;
-webkit-animation: lift 3s;
-o-animation: lift 3s;
position:relative;
margin: -87px 24px 0 108px; 
padding: 12px 0;
-webkit-box-shadow: 0px 0px 8px #333;
-moz-box-shadow: 0px 0px 8px #333;
-o-box-shadow: 0px 0px 8px #333;
box-shadow: 0px 0px 8px #333;

-webkit-border-radius: 6px;
-moz-border-radius: 6px;
-o-border-radius: 6px;
border-radius: 6px;

background: url(/2012/css/fadenav.png) center 0px repeat-x;
background: -moz-linear-gradient(top,  rgba(255,255,255,0.5) 0%, rgba(0,0,0,0.5) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(0,0,0,0.5)));
background: -webkit-linear-gradient(top,  rgba(255,255,255,0.5) 0%,rgba(0,0,0,0.5) 100%);
background: -o-linear-gradient(top,  rgba(255,255,255,0.5) 0%,rgba(0,0,0,0.5) 100%);
background: -ms-linear-gradient(top,  rgba(255,255,255,0.5) 0%,rgba(0,0,0,0.5) 100%);
background: linear-gradient(top,  rgba(255,255,255,0.5) 0%,rgba(0,0,0,0.5) 100%);
}

nav ul {font-size:16px;line-height:18px;list-style-type:none;text-align:center}
nav li {list-style-type:none;display:inline}

@media handheld, only screen and (max-width: 768px) {
nav {padding:0; margin:-75px 0.5em 0 3.1em;padding:0;
-webkit-box-shadow: 0px 0px 4px #333;
-moz-box-shadow: 0px 0px 4px #333;
-o-box-shadow: 0px 0px 4px #333;
box-shadow: 0px 0px 4px #333;}
nav ul {font-size: 0.625em;line-height:3em;font-family:Verdana, sans-serif;text-align:center}
}

nav a {text-decoration:none; margin:0; padding: 12px 24px;
color: #FFF; text-shadow: rgba(0,0,0,0.4) 0px 1px 1px;
font-family: Verdana, Helvetica, Arial, Georgia, sans-serif;
background-image: url(/2012/css/fade5.png);
background-position: 0px -250px;
background-repeat: no-repeat;
-webkit-transition: all 0.9s ease-out;
-moz-transition: all 0.9s ease-out; 
-o-transition: all 0.9s ease-out; 
-ms-transition: all 0.9s ease-out;
transition: all 0.9s ease-out;
}

nav a:hover {color:#000; 
background-position: 0px 0px;
text-shadow: rgba(255,255,255,0.4) 0px 1px 1px;
}

@media handheld, only screen and (max-width: 768px) {
nav a {padding: 0.9em 2%;background:transparent; background-position: 0px -250px;
-webkit-transition: none;
-moz-transition: none; 
-o-transition: none; 
-ms-transition: none;
transition: none;}
}

.fade {background:url(/2012/css/fade.png) bottom left repeat-x;
background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,0) 50%, rgba(255,255,255,0.75) 75%, rgba(255,255,255,0.8) 80%, rgba(255,255,255,0.85) 85%, rgba(255,255,255,0.9) 90%, rgba(255,255,255,0.95) 95%, rgba(255,255,255,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(50%,rgba(255,255,255,0)), color-stop(75%,rgba(255,255,255,0.75)), color-stop(80%,rgba(255,255,255,0.8)), color-stop(85%,rgba(255,255,255,0.85)), color-stop(90%,rgba(255,255,255,0.9)), color-stop(95%,rgba(255,255,255,0.95)), color-stop(100%,rgba(255,255,255,1))); 
background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0) 50%,rgba(255,255,255,0.75) 75%,rgba(255,255,255,0.8) 80%,rgba(255,255,255,0.85) 85%,rgba(255,255,255,0.9) 90%,rgba(255,255,255,0.95) 95%,rgba(255,255,255,1) 100%);
background: -o-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0) 50%,rgba(255,255,255,0.75) 75%,rgba(255,255,255,0.8) 80%,rgba(255,255,255,0.85) 85%,rgba(255,255,255,0.9) 90%,rgba(255,255,255,0.95) 95%,rgba(255,255,255,1) 100%); 
background: -ms-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0) 50%,rgba(255,255,255,0.75) 75%,rgba(255,255,255,0.8) 80%,rgba(255,255,255,0.85) 85%,rgba(255,255,255,0.9) 90%,rgba(255,255,255,0.95) 95%,rgba(255,255,255,1) 100%); 
background: linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0) 50%,rgba(255,255,255,0.75) 75%,rgba(255,255,255,0.8) 80%,rgba(255,255,255,0.85) 85%,rgba(255,255,255,0.9) 90%,rgba(255,255,255,0.95) 95%,rgba(255,255,255,1) 100%);
}
.fade {height:420px}
@media handheld, only screen and (max-width: 1024px) {.fade {height: 350px}}
@media handheld, only screen and (max-width: 767px) {.fade {height: 280px}}
@media handheld, only screen and (max-width: 479px) {.fade {height: 180px}}

#container {width:910px; margin:0 auto; background: url(/2012/css/border-sprite.png) 0 0 repeat-y; text-align:center}
.top {width:910px;height:25px; margin: 12px auto 0 auto; background: url(/2012/css/border-sprite.png) -910px 0px;}
.bottom {clear: both; width:910px; height:25px; margin: 0 auto 24px auto; background: url(/2012/css/border-sprite.png) -910px -25px;}

#wrapper {width:860px;background:#FFF;margin:0 auto;border:1px solid #333;position:relative;text-align:left}

footer {clear:both}

#shade {background:transparent url(/2012/css/border-sprite.png) no-repeat -910px -50px;overflow:hidden;position:fixed;top:0;left:50%;width:910px;height:12px;margin: 0 0 0 -450px}

* html #shade {display:none}

article {float:left; display:inline; width:560px; margin: 0 0 24px 0; position:relative;top:-44px}
aside {float:right;display:inline;width:270px;margin:24px 0;position:relative;top:-50px}

figure {width:100%; text-align:center;padding:4px 4px 4px 0; border:1px solid #666; border-left:0;}
figure img, figure embed, figure object {display:block; margin: 0 auto}

object embed {padding:0;border:0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
-o-box-shadow: none;
box-shadow: none;}

figcaption {font-size:11px;text-align:center;padding:6px 24px;background:#000;color:#ccc;font-family:Verdana,sans-serif;}

.ad, .vid {width:300px; text-align:center;padding:4px 0px 4px 4px; border:1px solid #666; border-right:0;float:right;margin:0 0 2em 0;background:#FFF}
.vid embed, .vid object {width:100%}

.vid img {display:block;}

.ad, .vid, figure {
-webkit-box-shadow:0px 0px 8px #333;
-moz-box-shadow:0px 0px 8px #333;
-o-box-shadow:0px 0px 8px #333;
box-shadow:0px 0px 8px #333;}

.peace {background:url(/2012/i/peace-balance.jpg) center 0px no-repeat;margin:auto;height:40px;width:100%}

footer {text-align:center}
footer p  {text-align:left}
#disqus_thread {margin:1em;}

@media handheld, only screen and (max-width: 768px) {
#container {width:100%;background:transparent}
.top {width:100%;height:0;margin:0;background:transparent}
.bottom {clear:both;width:100%;height:0;margin:0;background:transparent}
#wrapper {width:100%;border:0}
#shade {
background:none;top:0;width:100%;height:0}
article, aside {width:100%; margin: 0;top:0}
figure {border:0;padding:0;-webkit-box-shadow:none;
-moz-box-shadow:none;
-o-box-shadow:none;
box-shadow:none;}
figure img, embed, object {max-width:640px;
padding: 4px 0; border-top: 1px solid #666; border-bottom: 1px solid #666;
-webkit-box-shadow: 0px 0px 8px #333;
-moz-box-shadow: 0px 0px 8px #333;
-o-box-shadow: 0px 0px 8px #333;
box-shadow: 0px 0px 8px #333;}
figcaption {margin: 1em; text-align:center padding:0; background:transparent; color:#000; font-size:1em;line-height:1em;
font-family:inherit} 
.ad, .vid {padding-right:4px;border-right:1px solid #666;float:none;margin:1em auto}
.peace {
-webkit-background-size: 100% auto;
-moz-background-size: 320px auto;
-o-background-size: 320px auto;
-ms-background-size: 320px auto;
background-size: 100% auto;
margin:auto;
}
.title {margin-top:-44px}
#disqus_thread {margin:0}
}

.org img {vertical-align:middle;padding-right:0.5em;height:24px;width:auto}
.ad img {display:block}
#preloaded-images {position:absolute;overflow:hidden;left:-9999px;top:-9999px;height:1px;width:1px}

.bannerimg {
animation: myfirst 3s ease-in;
-moz-animation: myfirst 3s ease-in;
-webkit-animation: myfirst 3s ease-in;
-o-animation: myfirst 3s ease-in;
-ms-animation: myfirst 3s ease-in;
height:100%;
-webkit-background-size:100% auto;
-moz-background-size:100% auto;
-o-background-size:100% auto;
-ms-background-size:100% auto;
background-size:100% auto;
margin:0 auto;
padding-bottom:0;
overflow:hidden}

@media print {
html {width:100%}
body {background:transparent !important;color:#444 !important;text-shadow:none;font-size:12pt}
@page {margin:0.5cm}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block}
article {width:100%}
a, a:visited {color: #444 !important; text-decoration: underline;}
p a:after {content: " (" attr(href) ")";}
abbr:after {content: " (" attr(title) ")"; }
img {border:0}
a:after {content: ""; }  /* Don't show links for images */ 
nav, footer, aside, .bannerimg, .fade, object, embed, #preloaded-images, .noprint {display:none}
h1, h2 {page-break-before: auto}
p, figure, img {page-break-inside:avoid}
img {display:block; max-height:90%; height:auto;
page-break-before: auto; /* 'always,' 'avoid,' 'left,' 'inherit,' or 'right' */
page-break-after: auto; /* 'always,' 'avoid,' 'left,' 'inherit,' or 'right' */
page-break-inside: avoid; /* or 'auto' */}
pre, blockquote {border:1px solid #999;page-break-inside:avoid}
}

td {padding:4px; font-family:Helvetica, Arial, sans-serif;font-size:80%}

dl, ol {margin:24px; padding:0;}
ol {list-style-position:outside;margin:24px 24px 24px 48px;}
li ul {margin: 12px 24px; padding:0;}
dt {clear: both;font-size: 13px; font-weight: bold;}
dt a {clear: both; font-weight: bold;}
footer .org {font-size: 13px;}
dd {margin: 12px 12px 12px 24px; font-size: 13px; line-height: 22px; }

dt img, .center img {
float: left;
display: inline;
margin: -3px 12px 12px 0;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
-o-border-radius: 8px;
border-radius: 8px;
background: transparent;
padding:6px;
text-align: center;
 -webkit-box-shadow: 1px 1px 3px #999;
-moz-box-shadow: 1px 1px 3px #999;
-o-box-shadow: 1px 1px 3px #999;
box-shadow: 1px 1px 3px #999;
}

table {margin:12px; padding:0; border:0; border-spacing: 2px;}
td {text-align: left; vertical-align: middle; padding: 4px;}
td abbr {font-family: Helvetica, Arial, sans-serif; font-size: 14px;}
th {font-weight: normal; font-size: 13px;}
th {padding:6px 0;background:#ccc}
.markdate {background:url(/2012/css/markdate.jpg)}
td, th{border:1px solid #aaa;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
border-radius:4px; }
.big {font-size: 16px;}
.big18 {font-size: 18px;}
.middle {vertical-align: middle; padding: 4px;}