/*
Theme Name: Madison Craft Custom
Theme URI: http://wordpress.org/
Description: A custom WordPress theme created for Madison Craft and Gift Shop to enable web sales, and a new more feature-rich and extensible website..
Version: 2.0
Author: James Pederson
Author URI: http://www.jpederson.com/
Tags: blue, custom header, fixed width, two columns, widgets
*/

/* Madison Craft & Gift Shops Styles */

body {
	margin: 0;
	padding: 0;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	background: #a78658 url(images/mainbg.jpg) top center fixed no-repeat;
	color: #412909;
}
p, li, td {
	line-height: 14pt;
	text-align: justify;
}
blockquote {
	margin: 0;
	padding: 0;
	padding: 0 30px;
}
ul, ol {
	padding-left: 25px;
}
ul.cat-list {
	padding: 0;
	margin: 0;
}
ul.cat-list li {
	background: none;
	padding: 0;
	margin: 0;
}
ul.cat-list li a {
	padding: 5px 0;
	display: block;
	font-size: 11pt;
	line-height: 12pt;
	font-weight: bold;
	text-decoration: none;
	color: #716333;
}
ul.cat-list li a:hover {
	color: #4a3f18;
}
ul li {
	list-style: none;
	background: url(images/bullet.png) top left no-repeat;
	padding-left: 20px;
}
h1, h2, h3, h4, h5 {
	font-family: "Palatino Linotype", Georgia, "Times New Roman", Times, serif;
	color: #646054;
	padding: 0;
	margin: 0;
}
h1 a, h2 a, h3 a, h4 a {
	text-decoration: none;
}
h1 {
	font-size: 30pt;
	line-height: 30pt;
	font-weight: normal;
	letter-spacing: -2px;
	margin: 0;
	padding: 10px 0 0 0;
}
h2 {
	font-size: 25pt;
	line-height: 25pt;
	font-weight: normal;
	letter-spacing: -2px;
	margin: 0;
	padding: 10px 0 5px 0;
}
h3 {
	font-size: 20pt;
	line-height: 20pt;
	font-weight: normal;
	letter-spacing: -1px;
	margin: 0;
	padding: 10px 0 5px 0;
}
h4 {
	font-size: 15pt;
	line-height: 15pt;
	font-weight: normal;
	letter-spacing: -1px;
	margin: 0;
	padding: 10px 0 5px 0;
}
a {
	color: #cc0404;
}
a:hover {
	color: #9e0101;
}
small {
	font-size: 8pt;
	color: #777;
	font-style: italic;
}
hr {
	border: 0;
	border-top: 1px solid #cecabf;
	height: 0;
	clear: both;
}

/***************** INPUT STYLES *****************/
input[type=text], textarea {
	padding: 4px;
}
.button {
	border-right: 1px solid #868173;
	border-bottom: 1px solid #868173;
	border-top: 1px solid #a5a092;
	border-left: 1px solid #a5a092;
	background-color: #999486;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	text-transform: uppercase;
	padding: 3px;
	color: #FFF;
}

/***************** CONTAINER STYLES *****************/
#wrapper {
	width: 100%;
	padding: 0 0 15px 0;
	text-align: left;
}
#container {
	width: 900px;
	background: url(images/image_02.jpg) top center repeat-y;
	margin: 0 auto;
}
#subcontainer {
	background: url(images/image_01.jpg) top center no-repeat;
	padding: 131px 21px 0px 20px;
}
#menu {
	height: 28px;
	text-align: center;
}
#menu ul {
	margin: 0;
	margin-top: 1px;
	padding: 0;
}
#menu ul li {
	display: inline;
	padding: 0;
	margin: 0;
	background: none;
	height: 33px;
}
#menu ul li a {
	padding: 9px 13px 6px 13px;
	display: inline;
	color: #e6e2d8;
	text-decoration: none;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	line-height: 16px;
}
#menu ul li a:hover {
	background: url(images/menu-hover.jpg) top center;
	#background: transparent;
	color: #FFF;
}
#content {
	background-color: #FFF;
	padding: 10px 25px 10px 25px;
	border: 1px solid #310301;
}
#left-column {
	width: 68%;
	margin-right: 2%;
	float: left;
}
#right-column {
	width: 30%;
	float: left;
	padding-bottom: 25px;
}
#right-column p {
	text-align: center;
}
#footer {
	background: url(images/image_03.jpg) top center no-repeat;
	padding: 25px 10px;
	clear: both;
}
#footer p {
	margin: 0;
	padding: 4px 0;
	text-align: center;
}
#footer p.small {
	font-size: 8pt !important;
}

/***************** PRODUCT & CART CLASSES *****************/
.product .product-image {
	float: right;
	margin: 0 10px 10px;
	border: 2px solid #868173;
}
.product .shrink {
	width: 300px;
}
.product-table {
	border: 1px solid #CCC;
	background: #F5F5F5;
}
.product-table tr td {
	border: 1px solid #DDD;
	background: #EEE;
	padding: 10px;
	width: 200px;
	vertical-align: top;
	text-align: center;
}
.product-table tr td .product-image {
	width: 150px;
	border: 2px solid #620909;
}
.product-table h4 {
	padding: 0 0 10px 0;
}
.product-table p.price {
	font-size: 13pt;
	font-weight: bold;
	letter-spacing: -1px;
	color: #999;
	padding: 5px 0;
	margin: 0;
}
.product-table p.price span {
	font-style: italic;
	color: #70ab43;
}
.product .title {
	clear: both;
}
.order-table {
	border: 1px solid #CCC;
	background: #F5F5F5;
	width: 100%;
	margin: 10px 0;
}
.order-table tr th {
	padding: 4px 6px;
	font-size: 8pt;
	text-transform: uppercase;
	font-weight: bold;
	background-color: #868173;
	color: #FFF;
}
.order-table tr td {
	padding: 4px 7px;
	vertical-align: top;
	color: #5d594e;
}
.order-table tr.row-even td {
	background: #eeece6;
}
.order-table tr.row-odd td {
	background: #dedad0;
}
.order-table .right {
	text-align: right;
}
.order-table .center {
	text-align: center !important;
}
.order-table img {
	border: 0;
}
.order-table .qty-field {
	width: 20px;
}
.order-table .quiet {
	color: #999486;
}
.order-table tr.total td {
	background-color: #c6c1b4;
	font-weight: bold;
}
.small {
	font-size: 8pt !important;
}
.checkout-button {
	border-right: 1px solid #868173;
	border-bottom: 1px solid #868173;
	border-top: 1px solid #a5a092;
	border-left: 1px solid #a5a092;
	background-color: #999486;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	text-transform: uppercase;
	padding: 3px;
	color: #FFF;
}
.column-50 {
	width: 46%;
	margin-right: 4%;
	float: left;
}

/***************** HELPFUL CLASSES *****************/
.alignleft {
	float: left;
	margin: 0 10px 10px 0;
}
.alignright {
	float: right;
	margin: 0 0 10px 10px;
}
.clear {
	clear: both;
}
.quiet {
	color: #777;
	font-size: 8pt;
}
