body { margin:0; padding:0; font-family: 'Marvel', 'Arial Narrow', Arial, sans-serif; color:#fff; background: #333;
  -webkit-text-size-adjust:none; cursor:default; }
::-webkit-selection { background:#ff0; color:#333; }
::-moz-selection { background:#ff0; color:#333; }
::selection { background:#ff0; color:#333; }
a, a:before, a:after { text-decoration:none; -webkit-tap-highlight-color: rgba(0,0,0,0); color:#ff0;
  -webkit-transition: all 0.25s linear;
  -moz-transition: all 0.25s linear;
  -ms-transition: all 0.25s linear;
  transition: all 0.25s linear; }
button,input{font-family: 'Marvel', 'Arial Narrow', Arial, sans-serif;}

h1, h2 { margin:0; padding:0; font-weight:bold; }
  h1 { font-size:46px; line-height:45px; }
    h1 a { position:relative; color:#6a5; text-decoration:none; top:0; }
      h1 a:hover { text-shadow: 0 1px 0 #333, 0 2px 0 #333, 0 3px 0 #333, 0 4px 0 #333, 0 5px 0 #333; top:-5px; }
  h2 { font-size:24px; line-height:26px; }
p,ul,ol { padding:0;font-size:18px;line-height:22px; }
  p { margin:5px 0; }
  .inline { display:block; margin:0; list-style:none; }
    .inline li { display:inline-block; margin:5px; padding:0; }
  .normal, .normal { margin:22px 22px 0; }
    .normal { list-style:square; }
    .normal li, .normal li { margin:0; padding:0 10px; }
    .spacebelow { margin:22px; }

.left{float:left;display:block;}
.right{float:right;display:block;}

#nav { display:block; position:fixed; top:22px; bottom:22px; left:50%; width:271px; margin-left:-461px; padding:22px; color:#555; background: #fff;text-align:center;
  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
  #email { display:block;position:absolute;text-align:center;background:#6a5;color:#fff;font-weight:700;cursor:pointer;
		bottom:22px; font-size:25px; height:33px; line-height:33px; padding:22px; left:22px; right:22px; }
    #email:hover, #rss:hover, #rss:hover:before, #rss:hover:after { background:#333 !important; color:#ff0 !important; }
  footer { margin:10px 0 0;padding:0;font-size:18px;line-height:22px; }

#body { display:block; width:630px; margin:22px auto; padding:0 22px 0 315px;
    -webkit-user-select:  text !important;
    -khtml-user-select:  text !important;
    -moz-user-select:  text !important;
    -o-user-select:  text !important;
    user-select:  text !important; }

    nav a, #body section { display:block; margin:0 0 22px; padding:22px; font-size:36px; border-left:0px solid #333; }
      nav a { background:#6a5; color:#fff; font-weight:bold; text-decoration:none; }
        .dullnav a{ background:#333; display:block; margin:0 0 22px; padding:11px 44px; font-size:20px;height:22px;line-height:22px; border-left:0px solid #333; }
        nav a span { font-size:20px; text-transform:uppercase; border:1px solid; border-width:1px 0; position:relative; top:-6px; }
        nav a:hover { background:#444; color:#ff0; border-color:#ff0; border-width: 0 0 0 22px; }

    .box { background:#6a5; color:#fff; font-weight:700; margin:0 0 22px; padding:22px;
      display: -webkit-box; display: -moz-box; display: box;
      -webkit-box-orient: horizontal; -moz-box-orient: horizontal; box-orient: horizontal;
      -webkit-box-align: center; -moz-box-align: center; box-align: center; }
      .box h2 { margin:0 22px 0 0; font-size:35px; line-height:36px; color:#fff; text-align:center; -webkit-box-flex: 0; -moz-box-flex: 0; box-flex: 0; }
        .box h2 span { font-size:18px; text-transform:uppercase; border:1px solid; border-width:1px 0; position:relative; top:-5px; }
			.box a{color:#ff0;}
      .box p { -webkit-box-flex: 1; -moz-box-flex: 1; box-flex: 1; }

    figure { margin:0 0 22px; padding:0; width:100%; display: block; position:relative;line-height:0; overflow:hidden; }
      figure img { display:inline-block; margin:0 !important; padding:0 !important; width:100%; vertical-align:bottom; }
      .two img { width:315px; }
      .three img { width:210px; }
			.three .big { width:420px; }
			.threeb .tall { width:138px; }
			.threeb .wide { width:246px; }
			.foura .tall { width:396px; }
			.foura .wide { width:234px; }
			.fivea .tall { width:243px; }
			.fivea .wide { width:144px; }
      figcaption { background:rgba(0,0,0,0.75); color:#fff; text-shadow:0 1px 1px #000; padding:15px; position:absolute; line-height:24px; font-size:24px; bottom:0; right:0; opacity:0.5;
			-webkit-transition: all 0.25s linear;
			-moz-transition: all 0.25s linear;
			transition: all 0.25s linear;}
				figure:hover figcaption{opacity:1;}

    .ad,.social { display:block; margin:0 0 22px; padding:11px 22px; background:#444; color:#eee; text-align: center; }
      .ad *,.social *{ vertical-align:middle; }
			.socialbutton{display:inline-block;height:22px;padding:0 11px;text-align:center;}

    aside.disclaimer { display:block; padding:10px; background:#444; color:#bbb; margin:0 0 22px; font-weight:bold; font-size:15px; }

    #body .greenText { display:block; margin:0 0 22px; padding:22px; background:#6a5; color:#fff; font-weight:bold; }
    #body .dark { display:block; margin:0 0 22px; padding:22px; background:#555; color:#ddd; }
      #body .dark p { margin:0 0 22px; }
        #body .dark p:last-child { margin:0; }


