body {
  font: 9px Verdana, sans-serif;
  background-color: white;
}

.content a:link { color: #000; }
.content a:visited { color: #000; }
.content a:hover { color: #cb8338; }
.content a:active, .content a:focus { color: #000; }
.content code, .content pre { color: #000; } /* very optional, but still useful. W3C uses about the same colors for codes */

body div.content a.selected {
  color: #cb8338 !important; /* for IE */
  font-weight: bold;
}



/* 
 * TOOLBAR 
 */
.content div.toolbar {
  height: 32px;
  padding: 14px 0 0 65px;
  background: transparent url(../jasonkleid/images/toolbar-bg.jpg) repeat-x 0 0;
  overflow: hidden;
  position: relative;
  line-height: 16px;
}
.content div.toolbar ul {
  width: 453px;
}
.content div.toolbar .tagline {
  position: absolute;
  margin: 0;
  top: 0;
  left: 530px;
  height: 46px;
	line-height: 46px;
	font-style: italic;
	text-transform: uppercase;
	font-weight: bold;
	font-family: Verdana;
	font-size: 10px;
	color: white;
}
.content div.toolbar .tagline b {
  color: #db7f25;
	font-weight: bold;
}
.content div.toolbar .tagline span {
	color: black;
}

/* toolbar for articles */
.content div.toolbar-alternate {
  background: none;
  background-color: #DD7F27;
}
.content div.toolbar-alternate .tagline b {
  color: #c8eeff;
}
.content div.toolbar-alternate a:link 		{ color: #000; }
.content div.toolbar-alternate a:visited 	{ color: #000; }
.content div.toolbar-alternate a:hover 		{ color: #fff; }
.content div.toolbar-alternate a:active, 
.content div.toolbar-alternate a:focus 		{ color: #fff; }
.content div.toolbar-alternate a.selected {
  color: #fff !important; /* for IE */
  font-weight: bold;
}



/* article content */
.content {
  background: transparent url(../jasonkleid/images/arrow-flourish.jpg) no-repeat 0 42px;
}
.content div.article-columns {
  width: 730px;
  background: transparent url(../jasonkleid/images/jason-kleid-title.jpg) no-repeat 65px 0;
  padding-top: 94px;
}
.content div.article-columns div.main {
  color: #444;
}
.content div.article-columns div.article {
  width: 370px;
}
.content div.article-columns div.main h3 {
  font-size: 14px;
  font-style: italic;
  color: #444;
  background-color: #C8EEFF;
  width: 170px;
  margin: 0;
  padding: 2px 4px;
}
.content div.article-columns div.heading p {
  font-size: 14px;
  letter-spacing: 0.11em;
  font-style: italic;
  margin: 20px 0;
}

.content div.article-columns .sidenote {
  position: absolute;
  left: 490px;
  width: 300px;
  font-style: italic;
}


/* article summaries */
div.summary-list-container {
  width: 730px;
  overflow: hidden;
}
div.summary-list {
  padding: 10px 35px 0 0;
  width: 475px;
  float: left;
}
div.summary {
  padding: 20px 0;
}
div.summary h4 {
  font-size: 16px;
  color: #cb8338;
  font-weight: normal;
  font-style: italic;
  margin: 0;
}
div.summary a:link,
div.summary a:visited,
div.summary a:hover,
div.summary a:active, 
div.summary a:focus {
  text-decoration: none;
  color: #cb8338;
}

div.summary p {
  margin: 8px 0 12px 0;
}
div.summary a.boxed {
  padding: 4px;
  text-decoration: none;
  background-color: #cb8338;
  color: white;
  letter-spacing: 1px;
}
.content div.sidebar {
  float: left;
  padding-left: 10px;
  background-position: 120px left;
  height: 200px;
  margin-top: 20px;
}
.content div.sidebar h5 {
  margin: 0;
}





body#home div#image {
  position: relative;
  height: 325px;
  background: #e08226 url(../jasonkleid/images/home-main.jpg) no-repeat 0 0;
}
body#home div#image h3 {
  position: absolute;
  overflow: hidden;
  text-indent: -9999px;
  top: 94px;
  width: 607px;
  height: 160px;
  margin: 0;
  background: transparent url(../jasonkleid/images/home-headline.jpg) no-repeat 0 0;
}
body#home div#image p {
  color: white;
  position: absolute;
  left: 69px;
  top: 274px;
  font-style: italic;
  font-size: 14px;
  width: 400px;
  letter-spacing: 1px;
  font-weight: normal;
}

body#home div#main {
  float: left;
  width: 523px;
  font-size: 13px;
  line-height: 21px;
  font-style: italic;
  color: #444;
  padding: 30px 0 0 0;
}

div.columns {
  overflow: hidden;
  position: relative;
  padding: 0 0 0 65px;
/*  width: 950px;*/
  width: 800px;
}
div#whats-new {
  float: left;
  padding: 22px 12px;
  top: 0;
  width: 165px;
  background-color: white;
  font-size: 10px;
}

div#whats-new a {
  font-size: 12px;
}

div#whats-new dt {
  margin: 0;
}
div#whats-new dd {
  margin: 0 0 22px 0;
}
div#whats-new dd p.datestamp {
  color: #555;
}

div#whats-new a,
div#whats-new a:link {
  color: #41aeb9;
  text-decoration: none;
  font-size: 12px;
}
div#whats-new a:hover {
  color: #cb8338;
}

div#footer {
  margin: 30px 0 15px 65px;
  /*  width: 920px;*/
    width: 800px;
}
div#footer ul {
}
div#footer p {
  clear: both;
  margin: 0;
  color: #464646;
}

ul.h {
  list-style-type: none;
  white-space: nowrap;
  overflow: hidden;
  margin: 0;
}
ul.h li {
  float: left;
}
.content ul.h li a {
  font-size: 11px;
  text-decoration: none;
}
ul.h li span {
  font-size: 11px;
  padding: 2px 12px;
}

.h-dotted {
/*  width: 710px;*/
  background: transparent url(../jasonkleid/images/horizontal-dotted-line.gif) repeat-x 0 top;
}

.v-dotted {
  background: transparent url(../jasonkleid/images/vertical-dotted-line.gif) repeat-y 0 right;
}



div.single div.article {
  width: 400px;
  line-height: 20px;
}
.content div.single div.heading h3 {
  display: inline;
  width: auto;
  padding-right: 12px;
}
div.single a:link,
div.single a:visited,
div.single a:hover,
div.single a:active, 
div.single a:focus {
  text-decoration: none;
  color: #cb8338;
}

a.text-button { border-top: 1px solid #E7A762; border-left: 1px solid #E7A762; }
a.text-button { border-bottom: 1px solid #624628; border-right: 1px solid #624628; }
a.text-button { padding: 5px 12px; text-decoration: none; background-color: #D38230; }
a.text-button:hover { color: #fff; }
a.text-button { font-style: normal; }

body div.content blockquote {
  border: none;
  border-left: 4px solid #cb8338;
  margin-bottom: 6px;
  font: 15px normal Georgia, serif; 
  color: #cb8338;
}
body div.content blockquote p {
  margin: 0;
  padding: 0;
}

div.testimonials a:link,
div.testimonials a:visited,
div.testimonials a:hover,
div.testimonials a:active, 
div.testimonials a:focus {
  text-decoration: underline;
  color: #cb8338;
}