/* 
  --------------------------------------
  Abstractions
  by Project Seven Development
  www.projectseven.com
  Layout03: 2-Col-Sidebar Left
  --------------------------------------
*/
/*
/* light green: #007b76
/* dark blue: #336699
/* special link red: #9F1212 NO
********************************/

html {
	height: 100%;
}

body {
	height: 101%;
	font-family: "Comic Sans MS", Calibri, Arial, sans-serif;
	margin: 0 0 30px 0;
	padding: 0;
	color: #000;
	background-color: #f0f0f0;
	font-size: 100%;
	min-width: 940px;
	background-image: url(../../assets/gallery/JPEG411/gradient.jpg);
	background-repeat: repeat-x;
}
#layoutwrapper {
	margin: 0 auto;
	width: 933px;
	position: relative;
}
#masthead {
	font-family: Candara, Arial, sans-serif;
	overflow: hidden;
	
}
#masthead h1 {
	font-size: 0.8em; 
/*	text-transform: uppercase; */
	letter-spacing: normal;
	margin: 0px;
	margin-left: 10px;
	font-weight: normal;
	color: #999;
	padding: 3px 0 3px;
	/* background-image: url(../p7abstractions/img/abs_Masthead.jpg);
	background-repeat: repeat-x;
	background-color: #4F4F4F;
	background-position: left bottom; */
}
#quick-cart {
/*	float: right;
	width: 500px; */
	position: absolute;
	right: 1%;
	top: -2%;
}
#quick-cart a {
	font: 80%/90% Arial, Helvetica, sans-serif;
}
#quick-cart a:link, #quick-cart a:visited {
	color: #ccc;
	text-decoration: none;
}
#quick-cart a:hover, #quick-cart a:focus {
	color: #fff;
	text-decoration: underline;
}
.subhead {
	font-size: 0.85em;
	margin: 0 0 12px;
	/* text-transform: uppercase; */
	letter-spacing: 0.15em;
	margin: 3px 0 12px 22px;
	position: relative;
	top: -28px;
}
#content {
	margin: 0px auto;
	width: 924px;
	padding: 8px;
	border: 1px solid #000;
	background-color: #fff;
}
#banner {
	position: relative;
/*	background-color: #007c74; */
	background-image: url(../p7abstractions/img/abs03_topper.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-bottom: 12px;
}
#banner img {vertical-align: bottom; border: 0;}
#columnwrapper {
	background-image: url(../p7abstractions/img/abs03_columns_wrapper.jpg);
	zoom: 1;
}
.content {
	padding: 12px 24px;
	line-height: 1.5em;
	float: left;
}

.maincolumn, .sidebar1, col2 {
	float: left;
}
.maincolumn {
	width: 616px;
	font-size: 0.8em;
	letter-spacing: 0.05em;
	margin-right: 0;
	position: relative;
}

/* MainContent styles */
.maincontent li {
	padding-bottom: 6px;
}
.maincontent .table1 {
	width: 300px;
	border: 1px solid #369;
	border-top: 4px  solid #369; 
	margin: 0 auto;
	padding: 0;
}
.maincontent th {
/* 	background-color: #369; */
	color: #369;
	text-transform: capitalize;
	padding: 6px 0;
	zoom: 1;
/*	border-bottom: 1px solid #369;
	border-top: 4px solid #369; */
}
.maincontent tr {
	margin: 0;
	padding: 0;
}
.maincontent td {
	color: #FFF;
	background-color: #007b76;/*#333*/
	font-size: .85em;
	text-align: center;
	border: 0;
	padding: 0;
	margin: 0;
}
.maincontent a {
	color: #00746b;
	text-decoration: none;
	border-bottom: 1px dotted #999;
}
.maincontent a:hover, .maincontent a:focus {
	color: #369;
	border-bottom: 1px solid #999;

}


/* Sidebar */
.sidebar1 {
	width: 300px;
	color: #000;
	font-size: 0.75em;
	margin-right: 8px;
}
.sidebar1 .content {
	padding: 12px 18px;
}
.sidebar1 .content h3, .sidebar1 .content h4, .sidebar1 .content p {
	color: #00746b;
	padding: 0 12px;
}
#nextEvent {
	clear: left;
	background-color: #ffffcc;
	-moz-border-radius: 6px;
	border-radius: 6px;
	border: 1px solid #000;
	padding: 12px;
	background-color: #007b76; /*#369*/
	margin: 12px 0;
/* 	
	border: 1px solid #333;
	padding: 12px; */
}
#nextEventContent {
	background-color: #FFF;
	margin: 0;
	padding: 6px 0 0;
	border: #00746b 1px dashed;
}
#nextEventContent h3 {
	text-align: right;
	padding: 2px 32px 6px;
	font-family: /*"Bradley Hand ITC", "Comic Sans MS",*/ Candara, Arial, Helvetica, sans-serif;
	font-size: 1.6em;
	letter-spacing: 1.1px;
	color: #369;
}
#nextEventContent h4 {
	text-align: right;
	font-family: /*"Bradley Hand ITC", "Comic Sans MS",*/ Candara, Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	letter-spacing: 1.1px;
	font-weight: bold;
	padding: 0;
}
#nextEventContent p {
	font-size: 1em;
	letter-spacing: 1.1px;
}
#nextEventContent a {
	color: #c33;
	display: inline;
	text-decoration: none;
}
#nextEventContent a:hover, #nextEventContent a:focus {
	color: #00746b;
	text-decoration: underline;
}
.nextEventImg {
	padding: 6px 0 0 12px;
	width: 54px;
	float: left;
	border: 0;
}
.PayPal p a {
	float: left;
	padding-right: 7px;
	border: 0;
}
#nextEventContent p a img {
	border: 0;
}

/* Twitter feed */
.twitter_feed {
	clear: left;
	margin: 12px 0;
	padding: 12px 0 18px;
}


#col2 {
	width: 300px;
	margin-left: 134px;
}

.maincolumn h1 {
	font-family: "Bradley Hand ITC", Candara, Arial, sans-serif;
	font-size: 2.4em;
	/* text-transform: uppercase; */
	letter-spacing: normal;
	font-weight: bold;
	line-height: normal;
}
.maincolumn h2 {
	font-family: /* "Bradley Hand ITC", */ Candara, Arial, sans-serif;
	color: #007b76;
	letter-spacing: 0.2em;
	font-size: 1.4em;
/*	text-transform: uppercase; */
	margin: 0 0 18px 0;
	text-align: center;
}
.maincolumn h3 {
	font-family: /* "Bradley Hand ITC", */ Candara, Arial, sans-serif;
	font-size: 1.2em;
	margin: 24px 0 0 0;
	color: #007b76;
}
.orderToday {
	float: right;
	/* font-family: "Bradley Hand ITC", "Comic Sans MS", Candara, Arial, Helvetica, sans-serif;*/ 
	/*font-size: 1.2em;
	letter-spacing: 1.1px;
	font-weight: bold; */
	margin-top: 0;
	padding: 0;
	width: 62px;
}
.orderToday a, .orderToday a:hover, .orderToday a:visited {
	border-bottom: none; /* to counteract cascade from .maincontent a */
}

.noMarginTop {
	margin-top: 0;
}
h3.epmTopper {
	text-transform: uppercase;
	letter-spacing: 0.35em;
	font-size: 0.9em;
	margin: 16px 0 0;
	color: #000;
	background-color: #FFF;
	padding: 6px 6px 6px 12px;
	border: 1px solid #000;
}
#footer_wrapper {
	background-image: url(../p7abstractions/img/abs03_footer_top.jpg);
	background-repeat: no-repeat;
	padding: 18px 0 0 0;
	clear: both;
	background-color: #007c76;
	zoom: 1;
}
.footer {
	color: #EEE;
	background-color: #007c76;
	font-size: 0.7em;
	overflow: hidden;
	zoom: 1;
	text-align: center;
	padding: 16px 0;
}
.footer p {
	margin: 0px 0 4px 0;
}
.uppercase {
	text-transform: uppercase;
	letter-spacing: .25em;
}
.footer ul {
	margin: 16px 0 0 0;
	padding: 0;
}
.footer li {
	list-style-type: none;
	margin: 4px 0;
}
.footer a {
	color: #CCC;
}
.footer a:hover {
	color: #4882D9;
}
#website h5 {
	font-family: Candara, Arial, sans-serif;
	font-size: 0.8em; 
	letter-spacing: normal;
	margin: 0;
	font-weight: bold;
	padding: 3px 0 3px;
	text-align: right;
}
#website a {
	border-bottom: 1px dotted #999;
	text-decoration: none;
}
#website a:link, #website a:visited {
	color: #921a1d;
	border-bottom: 1px dotted #999;
}
#website a:hover, #website a:focus {
	color: #007c76;
	border-bottom: 1px solid #999;
}
img.expando{ /*sample CSS for expando images. Not required but recommended*/
    margin-top: 6px;
	border: 2px solid #666;
	border-left-color: #ccc;
	border-top-color:#ccc;
	padding: 6px;
    vertical-align: top; /*top aligns image, so mouse has less of a change of moving out of image while image is expanding*/
}
acronym {
	cursor: help;
}
.downloadOrderForm, .downloadOrderForm a, .downloadOrderForm a:visited {
	text-align: center;
	border-bottom: none;  /* to counteract cascade from .maincontent a */
}

/* Page-specific styles */
/* Jewellery pages */
.jewellery_nav {
	text-align: center;
	padding-bottom: 6px;
}

.price {
	margin-bottom: 0;
	padding-bottom: 12px;
	border-bottom: 1px dotted #999;
}
.product_item { 
	float: left; 
	position: relative;
	width: 550px;
}
.order_button_table, .order_button_table_last {
	clear: both;
	right: 10px;
	bottom: 10px;
	float: left;
	margin-bottom: 0;
	padding-bottom: 12px;
	border: 0;
	border-bottom: 1px dotted #999;
	width: 100%;
}
.order_button_table td, .order_button_table_last td {	
	background-color: #FEFFED;
	color: #000;
}
.order_button_table td p, .order_button_table_last td p {	
	text-align: left;
}
.order_button_table_last {
	border-bottom: none;
}
.order_button {
/*	padding-left: 245px; */
}

.order_button input, .order_button1 input {
	float: left; 
	padding: 0 4px;
}

/* Events page */
.craft-fairs { padding: 24px 0 12px; }

.GoogleCalendar {
	position: absolute; /* covers "Please wait" notice */
	top: 180px;
	left: inherit;
	padding: 12px 0;
}
.maincontent .waiting {
	font-style: italic;
	color: #007b76;
	padding-bottom: 230px;
	float: left;
}

/* Contact page */
.textfieldServerError {
  display: block;
  margin: 0;
  color: #fff;
  border: 1px solid #007c76;
  background-color: #c33;
}
/* Twitter feed */
.twitter_feed {
	float: left;
	margin: 0;
	padding: 0;
}
.centre_lsm { 
	display: block;
	margin: 0 auto;
	width: 380px;
}