/*  
Author: Ben Lidgard
Author URI: http://www.benlidgard.com
*/

/*---------------------------------------------------------------------------
 Global Resets
-----------------------------------------------------------------------------*/
* { border:none; margin:0; padding:0; }
h1, p { margin:0; padding:0 }
* a { position: relative; } /* Gets posts displaying over a PNG background */
a { outline: none; } /* Gets rid of Firefox's dotted borders */
a img { border: none; } /* Gets rid of IE's blue borders */
a:hover img { border:none; }
img { border: 0; }

/*---------------------------------------------------------------------------
 Links
-----------------------------------------------------------------------------*/
a, a:visited { color: #222; text-decoration: underline; } 
a:hover { color: #fff; }

/*---------------------------------------------------------------------------
 Body/Html - Format
-----------------------------------------------------------------------------*/
html { background: #fe525d url(../img/bg_mobile.png) no-repeat; height:100%; text-align:center; }
body { color: #222; font-size:100%; height:100%; }

h1 { color: #222; font: normal 15px/18px Verdana, Geneva, sans-serif; text-align: left; padding: 5px 38px 2px 45px; margin-bottom: 10px; }
p { color: #222; font: normal 12px/18px Verdana, Geneva, sans-serif; text-align: left; padding: 0 38px 0 45px; margin-bottom: 8px; }
.bold { font-weight:600; }
.copyright { font-size: 10px; padding:0 0 20px 0; }
.role { font-size: 10px; }
.top-padding { padding: 30px 38px 0px 45px; }
.base-padding { padding: 0px 38px 25px 45px; }

#wrapper { margin: 0 auto; padding: 0; text-align: center; clear: both; }
#id { float: left; display:inline; width: 100%; margin: 0; padding: 0;}
#content { float: right; display:inline; width: 100%; margin: 30px 0 0 0; padding: 0;}

.mobile { width: 100%; padding: 0 0 25px 0;  }
.project { background-color: #ed6f6d; padding: 4px; margin: 4px 4px 15px 4px; }