/* -------------------------------------------------------------- 
  
   Boilerplate Screen Styles
   * Version:   0.5 (2007-11-19)
   
-------------------------------------------------------------- */

@import "lib/reset.css";
@import "lib/typography.css";
@import "lib/forms.css";
@import "lib/plugins/tabs.css";

/* Page
-------------------------------------------------------------- */

#page { margin: 0 auto; width: 950px; }


/* Header
-------------------------------------------------------------- */
#headImage { height: 120px; background-image: url(/media/images/123cardsnowLogo.jpg); background-repeat: no-repeat; }
#header { margin-top: 20px; }

#header .tabs { border-bottom: 1px solid #ddd; }
#header .tabs li { margin-right: 1px; }
#header .tabs a { padding: 5px 15px; background: #ddd; color: #9B2121; text-decoration: none; }
#header .tabs a:hover { background: #888; color: #ffffff; text-decoration: none; }


/* Body
-------------------------------------------------------------- */

#body { margin-top: 20px; }
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}

#introduction { float: left; width: 480px; margin-right: 130px; }

#resources { float: left; width: 290px; }
#resources h3 { color: #888; }
#resources ul, #resources ol { color: #888; }
#resources ul a { color: #555; }
#resources a:hover { color: #9b2121; } 

/* Footer
-------------------------------------------------------------- */
#footer { border-top: 1px solid #eee; margin-top: 20px; }

#footer .tabs { width: 405px; border-top: 3px solid #eee; }
#footer .tabs a { padding: 10px 30px 10px 0; color: #666; text-decoration: none; }

#footer p.quiet { color: #ccc; }

/* Post Block
-------------------------------------------------------------- */
#postblock p { margin-top: 10px; padding: 0; }
#postblock a { color: #9b2121; text-decoration: none; }
#postblock a:hover { color: #d78e8e; }
#postblock h2 {line-height: 100%; margin-top: 15px; }

/* Detail Block
-------------------------------------------------------------- */
.postdetail a, h2 { color: #9b2121; }
.postdetail h2 { padding: 0; line-height: 100%; }
.postdetail p { margin-top: 10px; padding: 0; }

/* Meta
-------------------------------------------------------------- */
#postblock .postmeta p { padding: 0; margin: 0; }
.commentmeta { text-align: right; }

/* Archives
-------------------------------------------------------------- */
.archivelink { color: #9b2121; text-decoration: none; }
.archivelink a:hover { color: #d78e8e; } 

/* Typography 
-------------------------------------------------------------- */
.posthead { margin-bottom: 5px; padding: 0; }
.date { color: #737373; font-weight: bold; }

/* Errors
-------------------------------------------------------------- */
.errorlist { color: red; }

/* Misc
-------------------------------------------------------------- */
.space { background-color: #000000; margin: 20px 0; }
.rss { list-style: url(/media/images/icon_feed.gif) none outside; }
.postimg { float:left; margin: 5px 10px 0 0; }
.picture { padding: 4px; border: 1px solid #333333; }
a#rollover {background-image:url(/media/images/cloudbluethumb.png); height: 54px; width: 83px; display: block; }
a#rollover span { display: none; }
a#rollover:hover {background-image:url(/media/images/cloudredthumb.png); }
blockquote {margin:1.5em;color:#666;font-style:italic;}