/* Begin Typography & Colors */

/* You can change the background here. Under background you can link to a background image in the images folder. The image is set to tile (repeat). If you don't want it to tile change it to "no-repeat" */

body {
	background: #630 url('/images/opulent-bg.gif') repeat;
	color: #000000;
	margin:15px 0px; 
	padding: 0px;
	text-align:center;
	}

/* This is the container box for the content including banner graphics. You change the background color for the main content here. You can add different kinds of borders. Change thickness or color. Change border style from dashed to solid or dotted. */	

.content {
	width:798px;
	margin:0px auto;
	text-align:left;
	padding: 0px;
	padding-bottom: 30px;
	border: 3px solid #630;
	background-color:#fff;
	}

/* Basic typeface for content */	
p {
	font-family: Palatino, Garamond, 'Times New Roman', Serif;
	font-size: 1em;
	line-height: 28px;
	color: #000;
	}

a:link, a:visited, a:hover, a:active {
	font-weight: normal;
	text-decoration: none;
	}

a:link {
	color: #0061BD;
	}
	
a:visited {
	color: #0061BD;
	}
	
a:hover {
	color: #004280;
	text-decoration: underline;
	}

a:active {
	color: #004280;
	}
	
strong {
	font-weight: bold;
	}
 strong .coffee-loc {
 	font-weight: bold;
	color: #333;
 	}
 

blockquote {
	background-color: #DAD7E0;
	font-family: Helvetica, "Lucida Grande", "News Gothic", Arial, sans-serif;
	display: block;
	padding: .2em 2em .2em 1.5em;
	width: 20em;
	margin-left: 0;
	font-size: 1.3em;
	line-height: 1.5em;
	}
blockquote:before, blockquote:after {
	display: block;
	font-size: 7em;
	width: 50px;
	font-family: 'Times New Roman', Serif;
	}
blockquote:before {
  	content: open-quote;
  	color: #000000;
	margin-left: -0.4em;
	padding-top: 0.2em;
	height: 0;
	}
blockquote:after {
  	content: close-quote;
  	color: #000000;
  	margin-left: 2.9em;
	}


/* End Typography & Colors */

/* Begin Structure */

/* Spacing for paragraphs. margin: top right bottom left. */

p {
	margin: 0px 5px 14px 5px;
	}

/* DIVs */
/* Add 10px to the width of your side graphic. Put that down as left margin (the last value under margin). */

.text {
	margin: 0 2em .2em .2em;
	padding: .4em;
	border-left: 0px #222 dashed;
	float: right;
	width: 31em;
	}

.post {
	margin: 0px 0px 0px 0px;
	}
	
.meta {
	text-align: center;
	margin-top: 25px;
	clear: both;
	}

.meta a {
		text-decoration: none;
	}
	
.sidebar {
	font-family: Helvetica, "Lucida Grande", "News Gothic", Arial, sans-serif;
	background-color: #DAD7E0;
	position: relative;
	top: 0px;
	left: 0px;
	margin:0;
	border: 0px red solid;
	width: 216px;
	float: left;
	z-index: 0;
	padding: 1em;
	}

.sidebar p {
	color: #000;
	font-size: 14px;
	line-height: 19px;
	}
	
.sidebar a {
	color: #666;
	text-decoration: none;
	}

.sidebar a:hover {
	color: #A35200;
	}
	
.banner {
	height:164px;
	margin:0;
	background-color:#630;
	}

/* End Structure */



/*	Begin Headers */
h1 {
	font-family: Helvetica, "Lucida Grande", "News Gothic", Arial, sans-serif;
	font-size: 4em;
	color: #630;
	font-weight: bold;
	text-align: left;
	margin: 0;
	padding: 0.2em 0.2em 0.2em 1em;
	line-height: 1.2em;
	}

.banner h1 {
	color:#DAD7E0;
	font-size: 3em;
	text-align:left;
	display:block;
	padding: 0.5em 1em;
	}

h2 {
	font-family: Palatino, Garamond, 'Times New Roman', Serif;
	font-size: 1.6em;
	color: #000;
	font-weight: bold;
	text-align: left;
	margin: .5em 0 0 0;
	padding: 0;
	line-height: 1.2em;
	}

h3 {
	font-family: Helvetica, "Lucida Grande", "News Gothic", Arial, sans-serif;
	font-size: 1.2em;
	color: #333;
	font-weight: bold;
	text-align: left;
	margin: .2em 0px .1em 0px;
	padding: 0px .2em;
	line-height: 1.8em;
	}

.sidebar h1 {
	font-family: Palatino, Garamond, 'Times New Roman', Serif;
	font-size: 1.2em;
	color: #222;
	font-weight: bold;
	line-height: 1.3em;
	vertical-align: text-bottom;
	padding-left: 5px;
	margin-top: .9em;
	margin-bottom: 0;
	text-align: center;
	border: 0px blue solid;
	}

.sidebar h2 {
	font-family: Helvetica, "Lucida Grande", "News Gothic", Arial, sans-serif;
	font-size: .8em;
	color: #222;
	background: #fff;
	font-weight: bold;
	vertical-align: text-bottom;
	padding-left: 5px;
	margin-top: .1em;
	margin-bottom: 0;
	text-align: left;
	border: 0px red solid;
	}

/* End Headers */



/* Begin Images */
img {
	padding: 0px;
	margin: 0px;
	border: 0px solid #473624;
	}

p img {
	border: 0px solid #473624;
	padding: 0px;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top:30px;
	border: 3px solid #473624;
	}

img.alignright {
	padding: 0px 0px 0px 0px;
	margin: 5px;
	display: inline;
	float: right;
	border: 3px solid #473624;
	}

img.alignleft {
	padding: 0px 0px 0px 0px;
	margin: .2em .5em;
	display: inline;
	float: left;
	border: 3px solid #473624;
	}
	
.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
	

/* End Images */



/* Don't worry about the following unless you plan to use the list tags */


/* Begin Lists */

ul {
 	list-style-position: inside;
	list-style: disc;
	margin: .5em 0;
	padding-left: .7em;
	border: 0px red dashed;
   	}
ol {
	list-style-position: outside;
	list-style-type: decimal;
	}

li {
	line-height: 1.3em;
	font-family: Palatino, Garamond, 'Times New Roman', Serif;
	margin: 0 0 .5em .5em;
	list-style-type: square;
	}
ul.arrow li {
	list-style-image: url(images/arrow-right.gif);
	list-style-position: inside;
	}

.sidebar ul {
	color: #000;
	margin: 0;
	padding-left; 0;
	border: 0px yellow solid;
	}
	
.sidebar li {
	font-family: Helvetica, "Lucida Grande", "News Gothic", Arial, sans-serif;
	font-size: .9em;
	list-style-type: square;
	}
	
/* End Entry Lists */

/* Begin Form  */

form {
	width: 470px;
	margin-left: auto;
	margin-right: auto;
	font-family: helvetica, arial, sans-serif;
	}

form.cmxform input, textarea {
	background: #E5E5CD;
	}
form.cmxform fieldset {
  margin-bottom: 10px;
  margin-left: 10px;
}
form.cmxform legend {
  padding: 0 2px 0 0;
  font-weight: bold;
  color: #630;
}
form.cmxform label {
  display: inline-block;
  line-height: 1.8em;
  vertical-align: top;
  margin-right: 1em;
  width: 10em;
}
form.cmxform li input {
	text-align: left;
}
form.cmxform fieldset ol {
  margin: 0;
  padding: 0;
}
form.cmxform fieldset li {
  list-style: none;
  padding: 5px;
  margin: 0;
}
form.cmxform fieldset fieldset {
  border: none;
  margin: 3px 0 0;
}
form.cmxform fieldset fieldset legend {
  padding: 0 0 5px;
  font-weight: normal;
}
form.cmxform fieldset fieldset label {
  display: block;
  width: auto;
}
form.cmxform em {
  font-weight: bold;
  font-style: normal;
  color: #f00;
}
form.cmxform label {
  width: 120px; /* Width of labels */
}
form.cmxform fieldset fieldset label {
  margin-left: 123px; /* Width plus 3 (html space) */
}


/* End Form */



/* "Daisy, Daisy, give me your answer do. I'm half crazy all for the love of you.
	It won't be a stylish marriage, I can't afford a carriage.
	But you'll look sweet upon the seat of a bicycle built for two." */