/*
THEME NAME: [mck] Sandbox
THEME URI: http://www.plaintxt.org/themes/sandbox/
DESCRIPTION: Rich with powerful and dynamic semantic class selectors, Sandbox is a canvas for CSS artists
TAGS: widgets, sandbox, microformats, hcard, hatom, xoxo. A canvas for CSS artists created by <a href="http://andy.wordpress.com/">Andy Skelton</a> &amp; <a href="http://www.plaintxt.org/">Scott Allan Wallick</a>
VERSION: 1.5.2
AUTHOR: <a href="http://www.matthijskamstra.nl/blog/">Matthijs Kamstra</a> aka [mck]
AUTHOR URI: <a href="http://www.matthijskamstra.nl/blog/">Matthijs Kamstra</a> aka [mck]

*/

/*
I started with the building a Sandbox theme after I read about the Sandbox competition and a post about "Frameworks for Designers" from AListApart (http://www.alistapart.com/articles/frameworksfordesigners)
I used this article as a starting point because it made sense, and I'm not a professional CSS developer/designer.

So I searched for some real CSS professionals who already created a CSS Framework.

http://www.contentwithstyle.co.uk/Articles/17/a-css-framework - a compact CSS framework (easy to use)
http://www.wymstyle.org/en/ - a large CSS framework (to large for my tast, but with usefull parts)
http://www.gordonbrander.com/taffy-framework - made like described in A List Apart article (at the time of writing this comment, not finished yet, but very usable)
div #post-384 
I tried to use all css framework I found, but ended up with creating my own version.
My CSS framework is build specifically for Sandbox, and to keep it as simple / readable / understandable as I can.
The framework is made around the idea posted on A List Apart, but slightly modified for easier usage.

The CSS framework is build with the following files:
# reset.css �  handles the mass reset.
# type.css � handles the typography.
# layout.css � (I found the name "grid.css" not self explanatory and Sandbox uses layout so this seemed more logical) handles the layout grid.
# forms.css - (seemed as a good idea) handles the form elements
# nav_horizontal.css - (can be quite complex) handles the navigation
# sidebar.css -
# footer.css - (seems over the top, but every other element has it's own stylesheet so footer has one too)
# style.css � (default used by SandBox) includes all the other stylesheets, so that we only need to call base.css from our (X)HTML documents to use the entire framework.


*/

/* Two-column with sidebar on left from the /sandbox-layouts/ folder  */
@import url(sandbox_mck/reset.css);
@import url(sandbox_mck/typo.css);

@import url(sandbox_mck/layout_3c-r.css);  /* grid.css */
@import url(sandbox_mck/nav_horizontal.css);
@import url(sandbox_mck/header.css); /* all stuff from the header */

@import url(sandbox_mck/misc.css);
@import url(sandbox_mck/forms.css);
@import url(sandbox_mck/sidebar.css);
@import url(sandbox_mck/footer.css);

@import url(print.css);


/* hide sticky message */
div #post-384 { border:10px solid pink;}
div #post-384 .entry-date, div #post-384 .sociable, div #post-384 .st-related-posts, div #post-384 .entry-meta, div #post-384 .entry-title ,div #post-384 .swf-title {display:none;}
div #post-384 .entry-meta {display:block;}
/* end sticky message*/

/* END STYLE.CSS */