/*
-------------------------------------------------------------- 
stuff by Ryan Willis at Flatcrabs.com
blame him for everything
February 2009
-------------------------------------------------------------- 
   == STRUCTURE: ========================
    * Page width:            940 px
    * Number of columns:     24
    * Column width:          20 px
    * Margin width:          20 px
   ======================================
 



/* ye olde building blocks
-------------------------------------------------------------- */
html {height: 101%;}
body { background-image: url(i/pattern_002.gif); border-top: 20px solid #B20F02; padding-bottom: 40px;}
.container { background: #fff; border: 30px solid #fff; border-top: 20px solid #fff;}
#branding { padding-top: 10px; }
#topnav { }
#page { padding-top: 40px; margin-top: 10px; border-top: 2px double #999; }
#intro {}
#content {}
.project { padding-top: 20px; padding-bottom: 20px; margin-top: 10px; border-top: 1px dotted #999;}

#branding img { float: right; }



/* top nav
-------------------------------------------------------------- */
#topnav ul {  margin-top: 24px; margin-left: -10px;}
#topnav ul li { display: inline; }

#topnav a { color: #444; text-decoration: none; }
#topnav a {padding:.5em 1em; border-right: 1px solid #999;}
#topnav a.last { border: 0; }
#topnav a:hover, #topnav a.current { color: #B20F02; }


/* projects 
-------------------------------------------------------------- */
.project img { padding: 8px; border: 1px solid #999; }

ul.worklinks { margin:0; margin-top: 20px; text-align: right;}
ul.worklinks li {margin:0; font-style: italic; text-transform: uppercase; letter-spacing: .3em; font-size: 10px; }

ul.worklinks a { color: #999; text-decoration: none; border-bottom: 1px dotted;  }
ul.worklinks a:hover { color: #C95623; }


/* Misc classes
-------------------------------------------------------------- */
.small-caps { text-transform: uppercase; letter-spacing:.15em; font-size: 13px; }
.small      { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large      { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.hide       { display: none; }

.quiet      { color: #999; }
.loud       { color: #B20F02;}
.highlight  { background:#ff0; }
.added      { background:#060; color: #fff; }
.removed    { background:#900; color: #fff; }

.giant		{ font-size: 30px; }


.first      { margin-left:0; padding-left:0; }
.last       { margin-right:0; padding-right:0; }
.top        { margin-top:0; padding-top:0; }
.bottom     { margin-bottom:0; padding-bottom:0; }