/* ---------------------------------------------------------------------------------------
   GRID WEB DESIGN
   ----------------------------------------------------------------------------- */ 
   #master                        { width: 100%; font-family: Georgia, sans-serif; color: #3B3733; font-size: 15px; line-height: 25px;
                                    background: #EBE9D4 url(http://media.smashingmagazine.com/uploads/grid-web-design/background-tile.jpg) repeat 0 0; }
   #article-wrapper               { background: transparent url(http://media.smashingmagazine.com/uploads/grid-web-design/ruler.png) no-repeat top center; }
   #article                       { width: 870px; margin: 0 auto; background: none; }
   #gwd                           { width: 500px; padding: 80px 0 80px 0; }
   #gwd p, #gwd img               { margin: 0 0 25px 0; }
   #gwd p.byline, #gwd .byline a  { font-size: 11px; letter-spacing: 0.3em; line-height: 1em; text-transform: uppercase; color:#3B3733; text-decoration:none; }
   #gwd .byline a:hover           { text-decoration:underline; }
   #gwd p.byline span             { font-style: italic; text-transform: lowercase; color: #9F996C; }
   #gwd p.caption                 { font-style: italic; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; }
   #gwd img                       { margin-top: 5px; padding: 10px; background: #fff; }
   #gwd pre                       { background: #FFFFFF; padding: 25px; font-size: 14px; color: #0033FF; }
   #gwd code                      { font-family: Consolas, Monaco, 'Courier New', monospace; }
   #gwd div.aside                 { width: 310px; padding: 0 0 0 60px; float: right; margin-right: -370px; }
   #gwd blockquote                { font-size: 17px; font-style: italic; margin: 0 0 25px 0; padding: 0 0 0 45px;
                                    background: transparent url(http://media.smashingmagazine.com/uploads/grid-web-design/quote.gif) no-repeat 0 0; color: #202E2E; }
   #gwd blockquote span.source    { display: block; margin-top: 14px; font-size: 11px; font-style: normal; letter-spacing: 0.3em; line-height: 11px;
                                    text-transform: uppercase; color: #9F996C; }
   #gwd h1                        { width: 800px; height: 150px; margin: 0 0 30px 0; text-indent: -10000px;
                                    background: transparent url(http://media.smashingmagazine.com/uploads/grid-web-design/title.png) no-repeat 0 0; }
   #gwd strong.tagline            { display: block; width: 800px; margin: 0 0 36px 0; color: #B0AB86; font-size: 31px; font-weight: normal; font-style: italic; line-height: 25px; }
   #gwd h2                        { width: 870px; height: 30px; margin: 0 0 23px 0; text-indent: -10000px; 
                                    background-image: url(http://media.smashingmagazine.com/uploads/grid-web-design/h2sprite.png); background-repeat: no-repeat; }
   #gwd h2#section1               { background-position: 0 0; }
   #gwd h2#section2               { background-position: 0 -30px; }
   #gwd h2#section3               { background-position: 0 -60px; }
   #gwd h2#section4               { background-position: 0 -90px; }
   #gwd h2#section5               { background-position: 0 -120px; }
   #gwd h2#section6               { background-position: 0 -150px; }
   #gwd h2#section7               { background-position: 0 -180px; }
   #gwd h2#section8               { background-position: 0 -210px; }
   #gwd div.hr                    { width: 870px; height: 25px; border-top: 2px dotted #C5C1A5; clear: both; }
   #gwd a                         { color: #64A354; }
   #gwd a:hover                   { text-decoration: none; }
   #gwd acronym                   { font-variant: small-caps; letter-spacing: 0.1em; text-transform: lowercase; }
   #gwd ol                        { margin: 0 0 25px 25px; }
   #gwd ol li                     { margin: 0 0 10px 25px; list-style-type:decimal; }
   #gwd li                        { margin-bottom: 0.5em; }
   #gwd pre                       { margin: 0 0 25px 0; font-size: 13px; }
   #gwd pre span.sel              { color: #ff00ff; }
   #gwd pre span.prop             { color: #000099; }
   #gwd pre span.val              { color: #0000ff; }
   #gwd p.intro                   { font-size: 17px; font-style: italic; }
   #gwd .no                       { background:none !important; border:none !important; }
   #gwd .no-margin                { margin:0; padding:0; }
   #tooltip                       { position:absolute; border:5px solid #5c9446; background:#225a39; padding:8px; color:#eeedd9; font-weight:bold; display:none;
                                   -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.6); -moz-box-shadow:0 0 10px rgba(0, 0, 0, 0.6);
                                   -moz-border-radius: 8px; -webkit-border-radius: 8px; width:170px; text-align:center; text-shadow:0 0 1px #000; }
   .carbonad                      { background:none !important; width:310px !important; padding-top:40px !important; }

/* ---------------------------------------------------------------------------------------
   FOOTER AND PAGE STYLES
   --------------------------------------------------------------------------------------- */                        
   #informer-footer-wrapper     { display:block; margin:0 auto; width:600px; font-family: 'Lucida Grande', Arial, sans-serif; font-size:12px; font-style:normal; padding-top:40px; }
   #comments, #reply,
   #share, #related             { padding-right:0; width:600px !important; }
   .share-wrapper               { width:600px; }
   .blue-line                   { width:600px; }
   
#wpsidebar { display: none; }