/* -------------------------------------------------------------- 
  
   Tiny Prints Base Stylesheet
   by Eric Ritchey
   
-------------------------------------------------------------- */

@import "lib/reset.css";
@import "lib/typography.css";


/* framework
-------------------------------------------------------------- */
body,#container div#content-contain,
#container { background:#fff; }
#container { margin:15px auto 0; }

#container			{ width:960px; }
#container.shop { width:760px; }

/* --- logo section --- */
#logo { margin-top:30px; }
#logo h2 {
	font: bold .9em Arial, Verdana, sans-serif;
	color:#533519;
	
}
/* --- links section --- */
#links {
	width:49%;
	text-align:right;
	font-size:.85em;
	margin-top:50px;
}
#topnav #links a {
	margin:0 3px;
	text-decoration:none;
}
#topnav #links a.days { margin:0; }
#links p { margin:7px 0 0 0; }
.livechatIcon { vertical-align:middle; }

/* actual site content section
-------------------------------------------------------------- */
body,#container div#content-contain	{ background:#fff; }
#content-contain										{ overflow:hidden; margin-top:16px; padding-top:10px; }
#content-contain,#footer						{ clear:both; }
#container #content									{ width:960px; }

/* common elements
-------------------------------------------------------------- */
.gradient-up {
	background:url('img/bgs/up-gradient.gif') repeat-x bottom left;
}
.border {
	border:1px solid #e8e8e8;
	padding:1em;
	margin:0 0 1em 0;
}
.right { float:right; }
.left { float:left; }
/* --- three column framework --- */
.three-col {
	overflow:hidden;
}
.three-col div {
	float:left;
	height:100px;
	padding-right:1em;
}
.three-col div.last {
	padding-right:0;
	padding-left:1em;
}
/* --- five column framework --- */
.five-col {
	overflow:hidden;
}
.five-col div {
	float:left;
	width:161px; /* 1+1+3+3 (border+padding) */
	text-align:center;
	margin-right:2.4em;
}
.five-col div.last {
	margin-right:0;
}
.five-col h4 {
	margin:1em 0 .3em 0;
	font:normal 1em Arial, Verdana, sans-serif;
}
.rowblock {
	border-top:dotted 1px #bbb;
}
.floatright {
	float:right;
	padding:2px;
}
.floatleft {
	float:left;
	padding:2px;
}
.clearblock {
	clear:both;
}
ol {margin-left:25px;}
/* content section
-------------------------------------------------------------- */
#slideshow {
	height:270px;
	overflow:hidden;
}
#slideshow a {
	padding:.8em;
}
#copy-section {
	padding-right:2em;
	margin:0 0 1em 0;
	width:640px;
	float:left;
}
#copy-section h1 {
	font-size:1.5em;
}


#email_signup input#s {
	border:1px solid #CCCCCC;
	color:#939598;
	float:left;
	padding:3px;
	width:125px;
}
#signup-error {
	clear:both;
	color:#FF0000;
}
#extras {
	margin-bottom:2em;
	border-left:2px dotted #6b6b6b;
	float:left;
	padding-left:2em;
}
#extras h5 { margin-bottom:0; }
#extras h5, #copy-section strong { color:#666; }
a.image {
	border:1px solid #6b6b6b;
	display:block;
	padding:3px;
}
a.image:hover { border:1px solid #680; }

/* about section */
#about-tinyprints {
	text-align:center;
}
#about-tinyprints div {
	border-right:2px dotted #6b6b6b;
}
#about-tinyprints div.last {
	border-right:0;
}
#about-tinyprints .col1 {
	background: url('img/bgs/truck.png') no-repeat 175px 65px;
}

#about-tinyprints .col1,
#about-tinyprints .col3 { width:240px; }
#about-tinyprints .col2 { width:400px; }

/* footer section
-------------------------------------------------------------- */
#footer {
	margin:0 0 30px 0;
	font-size:.95em;
	overflow:hidden;
}
#footer a {
	color:#533519;
	text-decoration:none;
}
#footer a:hover {
	border-bottom:1px solid #533519;
}
#foot-links {
	width:100%;
	background:#533519;
	text-align:center;
	padding:5px 0 7px;
	color:#ccc;
}
#foot-links a {
	color:#fff;
	text-decoration:none;
	margin:0 7px;
}
#foot-links a:hover {
	border-bottom:1px solid #533519;
}

#footer .left {
	width:810px;
}
#footer .right {
	width:130px;
}
/*table*/
.price_table {
	border: dotted 1px #bbb;
	font-size: 12px;
	margin-bottom: 20px;
}
.price_table th {
	border: dotted 1px #bbb;
	background:#533519;
	color:#fff;
	font-size:12px;
	height:20px;
	text-align:center;
}
.price_table th, .price_table td {
	padding: 3px;
	border: dotted 1px #bbb;		
}
.price_table tr.odd {
	background: #f3f3f3;
}