/*! normalize.css v1.0.0 | MIT License | git.io/normalize */
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block}audio,canvas,video{display:inline-block;*display:inline;*zoom:1}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}html,button,input,select,textarea{font-family:sans-serif}body{margin:0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}h2{font-size:1.5em;margin:.83em 0}h3{font-size:1.17em;margin:1em 0}h4{font-size:1em;margin:1.33em 0}h5{font-size:.83em;margin:1.67em 0}h6{font-size:.75em;margin:2.33em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}blockquote{margin:1em 40px}dfn{font-style:italic}mark{background:#ff0;color:#000}p,pre{margin:1em 0}code,kbd,pre,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:before,q:after{content:'';content:none}small{font-size:75%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}dl,menu,ol,ul{margin:1em 0}dd{margin:0 0 0 40px}menu,ol,ul{padding:0 0 0 40px}nav ul,nav ol{list-style:none;list-style-image:none}img{border:0;-ms-interpolation-mode:bicubic}svg:not(:root){overflow:hidden}figure{margin:0}form{margin:0}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0;white-space:normal;*margin-left:-7px}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}button,input{line-height:normal}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;*overflow:visible}button[disabled],input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*height:13px;*width:13px}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}
/* ==========================================================================
   FONT STACK
   ========================================================================== */

/*  @font-face format credit to Chris Coyier http://css-tricks.com/snippets/css/using-font-face/ */
/*  And John, Kevin & Sven Read http://www.newnet-soft.com/blog/csstypography */
/*  An old but still great article on @font-face performance http://www.stevesouders.com/blog/2009/10/13/font-face-and-performance/ */

@font-face {
  font-family: 'Comic Neue';
  src: url('fonts/ComicNeue-Bold.eot'); /* IE9 Compat Modes */
  src: url('fonts/ComicNeue-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/ComicNeue-Bold.woff') format('woff'), /* Modern Browsers */
       url('fonts/ComicNeue-Bold.ttf')  format('truetype'); /* Safari, Android, iOS */
  font-weight: 700;
}
body {
    background: url(images/bg.jpg) repeat;
    font-family: 'Chalkboard', 'Comic Neue', 'Comic Sans', sans-serif;
    font-weight: 700;
    font-size: 1em;
    line-height: 1.5;
    /* Enable a font's kerning: http://stackoverflow.com/questions/15160897/font-feature-settings-what-is-the-correct-syntax */
    font-feature-settings: "kern";
    -moz-font-feature-settings: "kern";
    -webkit-font-feature-settings: "kern";
    text-align: center;
}


.content {
  width: 870px;
  margin: 80px auto;
}
h1, h2, h3, h4 {
  line-height: 100%;
  margin: 0;
}
h1 {
  font-size: 90px;
}
h2 {
  font-size: 50px;
}
.pink {
  color: #ff0084;
}
.left-col {
  width: 480px;
  float:left;
  margin-right:40px;
}
.right-col {
  width:350px;
  float:left;
}
.fb-post {
  margin-bottom:30px;
}
.propaganda {
  margin-top:20px;
}
.propaganda:after {
  clear:both;
}
.propaganda .fb-post, .propaganda .twitter-tweet {
  margin-bottom:40px !important;
}
.propaganda .left-prop, .propaganda .right-prop {
  float:left;
  width: 350px;
}
h1 a {
  text-decoration:  none;

}
h1 a:hover {
  text-decoration:  underline;
}
.propaganda .left-prop {
  margin-right: 30px;
  margin-left:70px;
}
#widget, .widget {
  position:absolute;top:20px;right:20px;
  padding: 20px;
  background: purple;
}
#widget:before {
  content:"Twitter:";
  display:block;
}
.widget a, #widget a{
  color: white;
}
.rotate{
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s;
     
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    transition-property: transform;
     
    overflow:hidden;
  
  -webkit-transform:rotate(360deg);
  -moz-transform:rotate(360deg);
  -o-transform:rotate(360deg);
    }  
 #tweet-bar {
  /*top:-140px;*/
  width: 334px;
  height: 68px;
  -webkit-transition: top 0.8s ease-out;
  -moz-transition: top 0.8s ease-out;
  -o-transition: top 0.8s ease-out;
  transition: top 0.8s ease-out;
 }
/*       #tweet-bar.landed {
  top: 20px;
 }*/
.rotate:hover  
{
    -webkit-transform:rotate(0);
    -moz-transform:rotate(0);
    -o-transform:rotate(0);
}