/* @override http://www.happymagicfuntime.com/assets/css/screen.css */
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,
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-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;}
/* remember to define focus styles! */
:focus {outline: 0;}
body {line-height: 1; color: black; background: white;}
ol, ul {list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate; border-spacing: 0;}
caption, th, td {text-align: left; font-weight: normal;}
blockquote:before, blockquote:after,
q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
/*--------------------------
// Begin Stylesheet 
---------------------------*/
/* Written by Kenny Meyers */


/* @group Generic Page Styles & Layout */
body {font: 14px 'Helvetica', 'Arial', sans-serif; background: #f4efe2 url(../images/background.jpg) top center  fixed no-repeat;}
#container {width: 950px; margin: 0 auto; padding: 0 5px 0 5px; position: relative;}
h1 {margin-bottom: 40px;} /* Logo */
.center {margin: 0 auto;}
.left {float: left; margin: 0 10px 10px 0;}
.right {float: right; margin: 10px 0 0 10px;}
.text_center {text-align: center;}
.small {font-size: 10px;}
/* @end */


/* @group Content */
#content {width: 600px; float: left; margin-right: 70px; margin-bottom: 30px; margin-top: 0}
#content p, #content h3 {margin-bottom: 10px}
/* @end */

/* @group Entry */
#entry {background-color: #FFF; padding: 15px 15px 20px 15px;}
#entry p.entry_metadata {margin-top: 5px;}
#entry h2 {font-size: 30px; font-weight: bold;}
#entry h3 {font-weight: bold; font-size: 18px;}
#entry .more_information {display: block; margin-top: 10px;}
#entry strong {font-weight: bold;}
#entry em {font-style: italic;}
#content #entry p {line-height: 1.5;}
#entry .imglink img{background: #e9e9e9; padding: 5px; margin: 5px 0 5px -5px;}
#entry .imglink .left, 
#entry .imglink .right { margin-top: 0;}
#entry blockquote {font-style: italic; background: #f1f1f1; padding: 5px 10px; margin: 10px 0; border-top: 5px solid #e9e9e9; border-bottom: 5px solid #e9e9e9;}
#entry blockquote p { margin: 0; padding: 0;}
#entry ol { list-style-type: decimal; padding-left: 30px; background: #f1f1f1; padding: 10px 30px; margin: 10px 0; border-top: 5px solid #e9e9e9; border-bottom: 5px solid #e9e9e9; }
#entry ul { list-style: disc; padding-left: 30px; background: #f1f1f1; padding: 10px 30px; margin: 10px 0; border-top: 5px solid #e9e9e9; border-bottom: 5px solid #e9e9e9; border-color: #e9e9e9; }
#entry .codeblock { background: #f1f1f1; padding: 10px 30px; margin: 10px 0; border-top: 5px solid #e9e9e9; border-bottom: 5px solid #e9e9e9; -webkit-border-radius: 5px;
-moz-border-radius: 5px; border-color: #e9e9e9; overflow: auto; font-family: 'Monaco', 'Courier New', mono; }
#entry code { font-family: 'Monaco', 'Courier New', mono; font-size: 11px; }
#entry li { margin-bottom: 5px; font-size: 12px; font-family: 'Monaco', 'Courier New', mono; }
#entry sup {font-size: 80%; vertical-align: super; color: #666; padding-left: 2px;}
#entry .footnote {font-size: 85%; color: #333; margin-bottom: 3px; padding: 10px 10px; background: #f4efe2;}
#entry .footnote sup {font-size: 100%; padding-right: 10px;}
/* @end */

/* @group Sidebar */
#sidebar {width: 280px; float: left; margin-top: 30px;}
#sidebar #profile {margin: 0 auto; position: absolute; left: 620px;}
#sidebar p {margin-bottom: 20px;}
#sidebar h3 {font-size: 24px; font-weight: bold; margin-top: 10px; margin-bottom: 15px;}
#sidebar h4 {margin: 30px 0 20px 0; font-size: 18px; font-weight: bold; letter-spacing: -1px; clear: both;}
#sidebar_container {background: transparent url('../images/sidebar_bg.png') top left repeat-y; width: 260px; padding: 10px; margin-top: 265px; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin-bottom: 10px;}
#sidebar #ee_link {display: block; margin-top: 35px; margin-bottom: 20px;}
/* @end */


/* @group Sidebar About */
#about strong {font-weight: bolder;}
#sidebar #about h3 {text-indent: -9000px; background: transparent url(../images/about_header.png) center left no-repeat;}
/* @end */

/* @group Sidebar Portfolio */
#sidebar #recent_work {height: 120px;}
#sidebar #recent_work li {float: left; margin-right: 5px; margin-left: 2px;  height: 80px;-webkit-box-shadow: 1px 1px 2px #747474; -moz-box-shadow: 1px 1px 2px #747474;}
#sidebar #recent_work li.last {margin-right: 0;}
#sidebar #recent_work h4 {text-indent: -9000px; background: transparent url(../images/recent_work_header.png) center left no-repeat; margin-bottom: 10px;}
#sidebar #recent_work ul li img {display: block; height: 80px; overflow: hidden;}
/* @end */

/* @group Sidebar Projects */
#sidebar #projects h4 {text-indent: -9000px; background: transparent url(../images/projects_header.png) center left no-repeat;}
#sidebar #projects ul {margin-left: 10px;}
/* @end */

/* @group Footer */
#footer {clear: both; background-color: #2d2722; margin-top: 40px; color: #FFF; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; padding: 15px 10px 10px 10px;}
#footer #copyright {float: right;}
/* @end */

/* @group Archive Page */
#archive #entry {margin-top: 30px;}
#archive .pagination {clear: both; margin-top: 20px; text-align: right; font-size: 16px; font-weight: bold;}
/* @end */

/* @group Links */
a:link, a:visited {color: #333366;}
a.read_more {display: block; margin: 20px 0; font-size: 18px; font-weight: bold; text-align: right; text-transform: uppercase; text-decoration: none;}
a.read_more:hover {text-decoration: underline;}
#sidebar a:link, #sidebar a:visited {color: #2d2722; font-weight: bold;}
#twitter .follow a:link, .follow a:visited {color: #FFF;}
#blog #twitter .follow a:link, #blog #twitter .follow a:visited {color: #333366;}
/* @end */

#promo {background-color: #F1F1F1; font-size: 94%; border-radius: 5px; padding: 10px;}
#what {padding: 5px; width: 400px; margin: 10px auto; -webkit-box-shadow: 1px 1px 2px #747474; -moz-box-shadow: 1px 1px 2px #747474; display: block;}
#what + p {text-align: center;}