@charset "utf-8";

/* YUI */
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}del,ins{text-decoration:none}
/* End YUI */


/* In fact it's the greatest day of my life */

body,html,#middle ul li a{
	background-color:#4de717;
	color:#4de717;
    font-family: Arial
}
.content{width:1020px;margin:auto;display:block}

strong{font-weight:600}
p{padding-bottom:5px}
pre {color:#000}

#header {margin:0 0 30px;border-top:6px solid #000}

#header h1 {margin:30px 40px}
#header h1,h1 a{
  background-image:url(http://cdn.andybateman.com/images/ab.png);
  width:160px;height:160px;
  display:block
} #header h1 span{display:none}

h2 {padding-bottom:25px}

#middle .frame {
  margin:30px; padding:10px;
  background-image:url(http://cdn.andybateman.com/images/frame_4de717.png);
  background-repeat:no-repeat
}

#middle h2 {margin:0 40px;font-size:1.3em;color:#000;font-weight:600;clear:both}
#middle h3 {margin:0 40px;font-size:1.1em;color:#000;font-weight:600;clear:both}
#middle p {margin:10px 40px;font-size:0.9em;color:#000;font-weight:400;clear:both}

#middle ul.links {width:460px;float:left;padding:0 40px 40px }
#middle ul.links li{display:block;float:left;margin:0 6px 6px 0}
#middle ul.links li a{display:block;float:left;background-color:#000;text-decoration:none;padding:3px 8px 2px 6px;font-weight:600}
#middle ul.links li a:hover{color:#fff}

#middle ul.images {float:left;padding:20px 40px}
#middle ul.images li img {width:270px}
#middle ul.images li{display:block;float:left;margin:0 10px 0 0}
#middle ul.images li a{display:block;float:left;background-color:#000;text-decoration:none;padding:5px 5px;font-weight:600}
#middle ul.images li a:hover{background-color:#333}

#footer {
  background-image:url(http://cdn.andybateman.com/images/footer.png);
  background-repeat:no-repeat;
  background-position:center top;
  padding: 30px 0 25px;
  font-size: 0.8em;
  border-bottom: #333 solid 1px;
  clear:both;
  color:#fff
}
#footer p{padding:0 40px}