/* Reset */
* { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }

body { font: 62.5%/1.8 Helvetica, Arial, sans-serif; color: #303030; line-height: 1; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }

:focus { outline: 0; }

ins { text-decoration: none; }
del { text-decoration: line-through; }

input, textarea { font-family: Helvetica, Arial, sans-serif; border: none; }

.wrap:after {content:"."; height: 0px; width: 0px; display: block; line-height: 0px; clear: both; visibility: hidden; }
.wrap { zoom: 1; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }

p { font-size: 1em; line-height: 1.3em; margin-bottom: 1.1em; }

#content.contact p { font-size: 1.2em; margin-bottom: 0.7em; }

.hide,hr { display: none; }
hr { margin: 0; padding: 0; }

/* Splash page */
#splash { display: block; width: 1035px; height: 553px; background: url('../img/splash.jpg'); margin: 0 auto; margin-top: 130px; }

#splash span, #sidebar h1 span, #navMain a span { display: none; }

/* Main */
#container { width: 932px; margin: 26px 0 0 28px; }

#sidebar { width: 164px; float: left; }

#sidebar h1 img { display: block; }

#navMain { margin-top: 19px; }
#navMain a, #navMain a:link, #navMain a:active, #navMain a:visited { display: block; background: url('../img/navButtons.gif') no-repeat; }
#navMain #portfolio { margin-bottom: 14px; }
#navMain #portfolio a { height: 52px; }
#navMain #portfolio a:hover, #navMain #portfolio.active a { background-position: 0 -378px; }
#navMain #characters { margin-bottom: 10px; }
#navMain #characters a { height: 38px; background-position: 0 -67px; }
#navMain #characters a:hover, #navMain #characters.active a { background-position: 0 -445px; }
#navMain #patterns { margin-bottom: 12px; }
#navMain #patterns a { height: 48px; background-position: 0 -114px; }
#navMain #patterns a:hover, #navMain #patterns.active a { background-position: 0 -492px; }
#navMain #typography { margin-bottom: 13px; }
#navMain #typography a { height: 36px; background-position: 0 -174px; }
#navMain #typography a:hover, #navMain #typography.active a { background-position: 0 -552px; }
#navMain #about { margin-bottom: 10px; }
#navMain #about a { height: 34px; background-position: 0 -223px; }
#navMain #about a:hover, #navMain #about.active a { background-position: 0 -601px; }
#navMain #contact { margin-bottom: 9px; }
#navMain #contact a { height: 39px; background-position: 0 -268px; }
#navMain #contact a:hover, #navMain #contact.active a { background-position: 0 -646px; }
#navMain #blog a { height: 39px; background-position: 0 -316px; }
#navMain #blog a:hover, #navMain #blog.active a { background-position: 0 -694px; }

#content { width: 718px; float: left; margin: 225px 0 0 50px; }

#textContainer { width: 240px; float: left; }

#textContainer a, #textContainer a:link, #textContainer a:active, #textContainer a:visited { color: #303030; text-decoration: none; border-bottom: 2px solid #cbcbcb; }
#textContainer a:hover { color: #ed60ab; }

#content h1 { text-transform: uppercase; margin-bottom: 1.3em; }

#content.contact h1 { font-size: 1.2em; }

#imageContainer { width: 417px; float: right; }

#navSub { width: 102px; float: left; }

#navSub li { margin-bottom: 14px; }

#navSub a { text-transform: uppercase; color: #303030; text-decoration: none; }
#navSub a:hover, #navSub a.active { color: #ed60ab; }

#gallery { width: 570px; float: right; }
#gallery li { margin-bottom: 40px; position: relative; }

.absolute { position: absolute; top: 0; left: 0; }