/* -------------------------------------------------------------- 
  
   Blueprint CSS Framework Print Styles
   * Gives you some sensible styles for printing pages.
   See Readme file in this directory for further instructions.
      
   Some additions you'll want to make, customized to your markup:
   #header, #footer, #navigation { display:none; }
	 
-------------------------------------------------------------- */

body {
  line-height: 1.5;
  font-family: "Helvetica Neue", "Lucida Grande", Arial, Verdana, sans-serif;   
  color:#000;
  background: none;
  font-size: 10pt;
}
.container {
  background: none;
}

h1,h2,h3,h4,h5,h6 { font-family: "Helvetica Neue", Arial, "Lucida Grande", sans-serif; color:#333333;}
code { font:.9em "Courier New", Monaco, Courier, monospace; } 

img { float:left; margin:0 0 0 0; }
a img { border:none; }
p img.top { margin-top: 0; }

hr { 
  background:#ccc; 
  color:#ccc;
  width:100%;
  height:2px;
  margin:2em 0;
  padding:0;
  border:none;
}

blockquote {
  margin:1.5em;
  padding:1em;
  font-style:italic;
  font-size:.9em;
}

.small  { font-size: .9em; }
.large  { font-size: 1.1em; }
.quiet  { color: #999; }
.hide   { display:none; }

a:link, a:visited {
	background: transparent;
	font-weight:700;
	text-decoration: underline;
}


/* If you're having trouble printing relative links, uncomment and customize this:
   (note: This is valid CSS3, but it still won't go through the W3C CSS Validator) */

/* a[href^="/"]:after {
  content: " (http://www.yourdomain.com" attr(href) ") ";
} */


body {
   background: white;
   font-size: 11px;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   }
   
#menu {
   display: none;
   }
#nav {
   display: none;
   }
#wrapper, #content {
   width: auto;
   margin: 0 5%;
   padding: 0;
   border: 0;
   float: none !important;
   color: black;
   background: transparent none;
   }
div#content {
   margin-left: 10%;
   padding-top: 1em;
   border-top: 1px solid #930;
   }
div#mast {
   margin-bottom: -8px;
   }
div#mast img {
   vertical-align: bottom;
   }
a:link, a:visited {
   color: #520;
   background: transparent;
   font-weight: bold;
   text-decoration: underline;
   }
#content a:link:after, #content a:visited:after {
   content: " (" attr(href) ") ";
   font-size: 90%;
   }
#content img {
   float:left; clear:right; margin-right:20px;
   }
#content a[href^="/"]:after {
   content: " (http://www.alistapart.com" attr(href) ") ";
   }
   
#logo {
	display: block;
}
#date {
	display: block;
}
.print-width { width:680px;}

.column {
  float: left;
  margin-right: 10px;
}
.span-7   { width: 286px; }
.span-13  { width: 575px; }
.span-25  { width: 575px; }
.span-35   { width: 400px; }
.span-36   { width: 256px; }

.last { margin-right: 0; }

.h-sep { border-bottom: 1px solid #E0DFE3; padding-bottom: 18px; margin-bottom: 20px; } 

.columnRight {
  float: right;
  margin-left: 10px;
}

a:link.borderlink {border: 2px solid #C2B98C; padding: 1px; display: block; height:107px; width: 150px; margin-bottom:15px;}
a:visited.borderlink {border: 2px solid #C2B98C; padding: 1px; display: block; height:107px; width: 150px; margin-bottom:15px;}
a:hover.borderlink {border: 2px solid #4F492E; padding: 1px; display: block; height:107px; width: 150px; margin-bottom:15px;}
a:active.borderlink {border: 2px solid #C2B98C; padding: 1px; display: block; height:107px; width: 150px; margin-bottom:15px;}

a:link.borderlink2 {border: 2px solid #C2B98C; padding: 1px; display: block; height:188px;}
a:visited.borderlink2 {border: 2px solid #C2B98C; padding: 1px; display: block; height:188px;}
a:hover.borderlink2 {border: 2px solid #4F492E; padding: 1px; display: block; height:188px;}
a:active.borderlink2{border: 2px solid #C2B98C; padding: 1px; display: block; height:188px;}

a:link.borderlink3 {border: 2px solid #C2B98C; padding: 1px; display: block; height:110px; margin:2px;}
a:visited.borderlink3 {border: 2px solid #C2B98C; padding: 1px; display: block; height:110px; margin:2px;}
a:hover.borderlink3 {border: 2px solid #4F492E; padding: 1px; display: block; height:110px; margin:2px;}
a:active.borderlink3{border: 2px solid #C2B98C; padding: 1px; display: block; height:110px; margin:2px;}

a:link.borderlink4 {border: 2px solid #C2B98C; padding: 1px; display: block; height:110px;width: 117px;margin:2px;}
a:visited.borderlink4 {border: 2px solid #C2B98C; padding: 1px; display: block; height:110px; width: 117px;margin:2px;}
a:hover.borderlink4 {border: 2px solid #4F492E; padding: 1px; display: block; height:110px; width: 117px;margin:2px;}
a:active.borderlink4{border: 2px solid #C2B98C; padding: 1px; display: block; height:110px; width: 117px;margin:2px;}

.wrapright2 {float:right; clear:left;}
.wrapright3 {float:right; clear:left; padding-top:5px; padding-bottom: 5px;}

.wrap1 {	clear: left;	float: right;	margin: 0px 0px 10px 10px;}
.wrap2 {	clear: right;	float: left;	margin: 0px 20px 5px 0px;}

.clear { display: inline-block; }