/*  
Theme Name: Skinny for Now
Theme URI: http://www.daleharrison.ca
Description: A placeholder until I can get my act together and put up a full blog and portfolio site.
Version: 1.0
Author: Dale Harrison
Author URI: http://www.daleharrison.ca
*/

/* @group Reset */
/*
Eric Meyer's CSS Reset
v1.0 | 20080212
http://meyerweb.com/eric/tools/css/reset/
*/
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, b, u, i, center, 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-size: 100%; vertical-align: baseline; background: transparent }
body { 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 }/* remember to define focus styles! */
ins { text-decoration: none }/* remember to highlight inserts somehow! */
del { text-decoration: line-through }
table { border-collapse: collapse; border-spacing: 0 }/* tables still need 'cellspacing="0"' in the markup */
/* @end */

/* @group Basics */
body { font-family: Georgia, 'Times New Roman', Times, sans-serif; text-align:center; background:#f2f4d9 url('../images/body.gif') repeat-y scroll center; line-height:18px; }
#wrapper { width:480px; background:#fff; margin:auto; text-align:left; }
#content { padding:0 18px 9px 18px; }

dl, ul { list-style-type:none; }

.header { display:block; margin:auto; border-top:18px solid #aab300;  }
/* @end */

/* @group Accordion */
.accordion_toggle_active { color:#666; }
#vertical_container { overflow:hidden; padding-top:18px; margin-top:9px; border-top:1px dotted #999; }

dt { margin-bottom:3px; cursor: pointer; }
dt:hover { color:#666; }
dd { margin: 6px 0 0 0; overflow: hidden; }

li.hidden { display:none; }
/* @end */

/* @group Typography */
p.top, p.fornow {  font-style:italic; }
p.top { font-size:24px; line-height:27px; padding:27px 0 0 0; margin-bottom:3px; color:#222; }
p.fornow { font-size:12px; color:#666; text-align:right; margin-right:9px; }

dt { font-size:18px; color:#222; }
dd p, p.footer { font-family:'Helvetica Neue', Helvetica, 'Lucida Grande', sans-serif; color:#111; }
dd p { font-size:13px; margin-bottom:9px; color:#222; }

p.footer { padding-top:9px; margin-top:9px; border-top:1px dotted #999; }
p.footer, p.footer a { font-size:10px; color:#aaa; border-color:#999; }

p a { color:#111; text-decoration:none; border-bottom:1px dotted #222; }
p a:hover { border-color:#aab300; color:#aab300; }
p a:active { color:#fff; background:#aab300; }

ul.work { margin-bottom:9px; }
ul.work a { display:block; border:1px solid #999; }
ul.work a img { display:block; }
ul.work a:hover { border:1px solid #aab300; }
ul.work li { margin-bottom:9px; }

span.amp { font-family:Baskerville, Georgia, 'Times New Roman', Times, sans-serif; font-style:italic; }
/* @end */
