/* ---------------------------------------------------------------------------------------
   DEFAULT CLASSES
   --------------------------------------------------------------------------------------- */  
   .no-bg                 { background:none; }
   .no-display            { display:none; }
   .no-border             { border:0; }
   .no-margin             { margin:0 !important; }
   .no-padding            { padding:0 !important; }
   .clear                 { clear:both; }
   .clear-fix             { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }
   .left                  { float:left; }
   .right                 { float:right; }
   .center                { text-align:center; }
   .alignleft             { float:left; margin:0 20px 10px 0; }
   .alignright            { float:right; margin:0 0 10px 20px; }
   .aligncenter           { margin:0 auto; }

/* ---------------------------------------------------------------------------------------
   ILLUSTRATION STYLES
   --------------------------------------------------------------------------------------- */  
   #illustration         		 	{ background: #f7f5f2 url("http://media.smashingmagazine.com/uploads/good-illustration/main.jpg") no-repeat center top; padding-bottom:20px; border-bottom:solid 1px #d2d1cc; }
   #illustration, #illustration p   { font-family: Arial, "Lucida Sans Unicode", Helvetica, sans-serif; font-size: 14px; line-height: 1.4em; color: #433932; }
   #illustration p					{ margin-bottom: 20px; }
   #illustration #container-alt		{ width: 800px; margin: 0 auto; }
   #illustration #header-alt		{ padding: 110px 0 0 0; }
   #illustration #logo-alt 			{ height: 60px; margin: 0 0 20px 530px; width: 130px; text-indent:-9999px; }
   #illustration #logo-alt a     	{ height: 60px; width: 130px; display:block; }
   #illustration #title 			{ height: 98px; width: 470px; background: url("http://media.smashingmagazine.com/uploads/good-illustration-2/title.png") no-repeat; margin: 0 0 0 300px; }
   #illustration #byline,
   #illustration .author		{ color: #857F78; text-transform: uppercase; font-size: 12px; }
   #illustration #byline			{ margin: 30px 0 15px 446px; }
   #illustration .author			{ text-align: right; }
   #illustration #content-alt		{ margin: 75px 55px 0; }

   #illustration .pad				{ height: 20px; }
   #illustration .shadow 			{ -moz-box-shadow: 1px 1px 10px #C4B997; -webkit-box-shadow: 1px 1px 10px #C4B997; -o-box-shadow: 1px 1px 10px #C4B997; } 
   #illustration .note				{ border-left: 15px solid #e0daca; padding: 0 15px; margin: 0 0 20px; } 
   #illustration .note p, blockquote			{ font-family: "Bookman Old Style", Georgia, serif; font-style: italic; }
   #illustration .col				{ margin: 0 20px 0 0; }
   #illustration .frame				{ background-color: #fff; border: 5px solid #fff; }
   
   #illustration a					{ text-decoration: none; color: #5ca3a3; }
   #illustration a:hover			{ text-decoration: underline; }
   #illustration a img,
   #illustration a img:hover		{ text-decoration: none; }
   
   #illustration em, i				{ font-style: italic; }
   #illustration strong, b			{ font-weight: bold; }
   #illustration ul, #illustration ol
   									{ margin: 0 0 20px 30px; }
   #illustration ul li				{ list-style-image: url("http://media.smashingmagazine.com/uploads/good-illustration-2/bullet.png"); }
   #illustration ol li				{ list-style-type: decimal; }
   #illustration li					{ margin: 0 0 20px; }
   #illustration blockquote			{ margin: 0 60px 15px 60px; font-style: italic;  color: #857F78; }
   
   #illustration h1, #illustration h2, #illustration h3
                                    { background-repeat: no-repeat; background-color: transparent; margin: 0 0 15px; padding: 0; }
   #illustration h1, #illustration h2
                                    { text-indent:-9999px; }
   #illustration h1	 /* Part */		{ height: 27px; }
   #illustration h3	 /* Section */	{ height: 25px; font-size: 18px; font-weight: bold; padding-top: 15px; }
   #illustration h3	 /* Example */	{ height: 25px; }
   
   #illustration h2.intro2			{ background-image: url("http://media.smashingmagazine.com/uploads/good-illustration-2/h-intro2.png"); display:block; margin-top:80px; }
   #illustration h2.part2			{ background-image: url("http://media.smashingmagazine.com/uploads/good-illustration-2/h-part2.png"); margin-top: 60px; }
   
   #illustration .credits			{ color: #bbb; font-size: 10px; text-transform: uppercase; }
   
/* ---------------------------------------------------------------------------------------
   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; }