/****************************************************
 *
 *  Additional CSS Styles for Mises Daily Articles
 *  by Aristotle A. Esguerra
 *  http://www.cantemusdomino.net/
 *
 *  -1. Weekend Edition TOC
 *  0. Headers, Paragraphs and Lists
 *  1. Editorial Preface
 *  2. Pullquotes
 *  3. Inline Book Advertisements
 *  4. Notes
 *  5. Images and Figures
 *  6. Subscribe Container
 *  7. Charts
 *  8. Horizontal Rules
 *  9. Nested Lists (Daily Article)
 *  10. Other Fixes
 *
 ****************************************************/

/* -1. Weekend Edition TOC */
.weekend {
	width:700px;
}
.weekend, #content table.weekend tbody tr:hover td {
	background-color:#c8cde1;
}
#content table.weekend td ul.left,
#content table.weekend td ol.left {
	background-color:transparent;
    float: left;
	width: 325px;
}
#content table.weekend td ul.right,
#content table.weekend td ol.right {
	background-color:transparent;
    float: right;
	width: 350px;
}
#content table.weekend td ul li a:hover {
	background-color:transparent;
}

.toc {
	background-color:#c8cde1;
	width:640px;
}
.toc, #content table.toc tbody tr:hover td {
	background-color:#c8cde1;
}

#content table.toc td ul li {
	padding-left:0px;
	margin-left:55px;
	background-image: none;
	background-color: transparent;
	font-size: 1.4em;
	line-height: 1.5em;
	list-style-type:disc;
}

#content table.toc td ul.left,
#content table.toc td ol.left {
	background-color:transparent;
    float: left;
    clear: left;
	width: 295px;
	max-width: 295px;
}
#content table.toc td ul.right,
#content table.toc td ol.right {
	background-color:transparent;
    float: right;
    clear: right;
	width: 320px;
	max-width: 320px;
}

#content table.toc td ol.upper-roman li,
#content ol.upper-roman li, {
#DailyArticle ol.upper-roman li,
	list-style-type: upper-roman;
}

#content ol.lower-alpha li {
	list-style-type: lower-alpha;
}

#content table.toc td ol.left li ol li,
#content table.toc td ol.right li ol li,
#content table.toc td ul.left li ol li,
#content table.toc td ul.right li ol li {
	font-size:1em;
	list-style-type: lower-alpha;
	width: 200px;
	max-width: 200px;
}
#content table.toc td ol.left li ul li,
#content table.toc td ol.right li ul li
#content table.toc td ul.left li ul li,
#content table.toc td ul.right li ul li {
	font-size:1em;
	list-style-type:disc;
	width: 200px;
	max-width: 200px;
}

#content table.toc td ul li a:hover {
	background-color:transparent;
}

/* 0. Headers, Paragraphs and Lists */
#content h2 {
	padding-bottom:.4em;
}

#content h3 {
    font-style:italic;
	padding-top:.4em;
	padding-bottom:.4em;
}

#content h4 {
	padding-top:.5em;
	padding-bottom:.4em;
    font-weight:bold;
}

#content h5 {
	padding-top:.5em;
	padding-bottom:.4em;
    font-style:italic;
}

#content h6 {
	padding-top:.5em;
	padding-bottom:.4em;
    font-style:italic;
}

#content ol li p,
#content ul li p {
	font-size:1em;
}

#content blockquote a {
	font-style:normal;
}

#content ol li blockquote div.quote-in p,
#content ul li blockquote div.quote-in p {
	font-size: 1.4em !important;
}

#content ol li ol li,
#content ul li ul li {font-size:1em;}

#content .upper-roman {
	list-style-type: upper-roman;
}

/* 1. Editorial Preface */
#content div.editorial-preface p {
    font-style:italic;
}

#content div.editorial-preface p i,
#content div.editorial-preface p em {
    font-style:normal;
}

/* 2. Pullquotes */
#content div.pullquote {
    line-height:1.5em;
    float:right;
    width:225px;
    padding-left:1.5em;
    padding-bottom:1em;
    font-size:1.4em;
    font-style:italic;
}

#content div.pullquote i,
#content div.pullquote em {
    font-style:normal;
}

#content div.pullquote div.pullquote-author {
    text-align:right;
    font-style:normal;
}

/* 3. Inline Book Advertisements */
#content div.book-ad,
#content div.book-ad div.ad-title,
#content div.book-ad div.pullquote,
#content div.book-ad div.book-img {
    width:240px;
    text-align:center !important;
    margin:0 auto;
    padding:0;
}

#content div.book-ad {
    float:right;
    padding-left:15px;
    padding-bottom:10px;
}

#content div.book-ad div.ad-title {
    font-family:Georgia,"Times New Roman",Times,serif;
    font-size:1.4em;
    font-weight:bold;
}

#content div.book-ad div.book-img {
    display:table-cell;
}

#content div.book-ad div.book-img img {
    vertical-align:middle;
    padding:0px;
}

#content div.book-ad div.book-price {
    vertical-align:middle;
    text-align:right;
    display:table-cell;
}

#content div.book-ad div.book-price a {
	color:red;
}

#content div.book-ad div.pullquote {
    clear:both;
    line-height:1.5em;
    font-size:1.4em;
    font-style:italic;
}

#content div.book-ad div.pullquote i,
#content div.book-ad div.pullquote em {
    font-style:normal;
}

#content div.book-ad div.pullquote div.pullquote-author {
    text-align:right;
    font-style:normal;
}

#content div.book-ad div.caption {
    clear:both;
    line-height:1.5em;
    font-size:1.4em;
    text-align:center;
    font-style:normal;
}

#content div.article-author {
    border-top:1px solid #ccc;
	clear:both;
	padding-top:1.5em;
}

#content div.article-author p {
    font-size:1.2em;
    line-height:1.3em;
	margin-top:0.3em;
	margin-bottom:0.3em;
}

.line-through {
	text-decoration:line-through;
}

/* 4. Notes */
#content div.notes {
	clear:both;
}

#content div.notes ul li,
#content div.notes ol li {
	font-size:1.1em;
}

#content div.notes blockquote {
	background:transparent;
	margin:0;
	padding:1em;
	font-style:normal;
}

#content div.notes blockquote div.quote-in,
#content div.notes blockquote div.quote-in p {
	background:transparent;
	margin:0;
	padding:0;
	font-style:normal;
}

/* 5. Images and Figures */
#content div.figure-left {
	float:left;
	text-align:center;
	max-width:300px;
	padding-right:1.5em;
	padding-bottom:1em;
}

#content div.figure,
#content div.figure-right {
	float:right;
	text-align:center;
	max-width:300px;
	padding-left:1.5em;
	padding-bottom:1em;
}

#content div.figure div.caption,
#content div.figure-left div.caption,
#content div.figure-right div.caption {
	text-align:center;
    font-size:1.2em;
    line-height:1.3em;
	width:auto;
	max-width:300px;
	margin-left:auto;
	margin-right:auto;
}

#content div.figure div.caption-align-left,
#content div.figure-left div.caption-align-left,
#content div.figure-right div.caption-align-left {
	text-align:left;
    font-size:1.2em;
    line-height:1.3em;
	width:auto;
	max-width:300px;
	margin-left:auto;
	margin-right:auto;
}

#content div.figure div.pullquote,
#content div.figure-left div.pullquote,
#content div.figure-right div.pullquote {
	text-align:center;
    clear:both;
	padding:0;
	width:auto;
    line-height:1.5em;
    font-size:1.4em;
    font-style:italic;
}

#content div.figure div.pullquote i,
#content div.figure div.pullquote em {
    font-style:normal;
}

#content div.figure div.pullquote div.pullquote-author {
    text-align:right;
    font-style:normal;
}

/* 6. Subscribe Container */
#content div.subscribe {
	clear:both;
}

#content div.subscribe a img {
	margin-left:65px;
}

/* 7. Charts */
#content div.chart {
	display:table;
	clear:both;
	width:640px;
	max-width:640px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:2em;
}

#content div.chart div.single-chart {
	width:640px;
	max-width:640px;
	margin-left:auto;
	margin-right:auto;
}

#content div.chart div.single-chart div.table table {
	margin:0.2em auto;
}

#content div.chart div.single-chart div.chart-title {
	font-size:1.6em;
	font-weight:bold;
	letter-spacing:-0.05em;
	width:640px;
	max-width:640px;
	text-align:center;
}

#content div.chart div.single-chart div.chart-caption {
	font-size:1.3em;
	font-style:italic;
	text-align:center;
}

#content div.chart div.single-chart div.image {
	float:none;
	max-width:640px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	margin-top:3px;
	margin-bottom:3px;
}
#content div.chart div.left-chart {
	float:left;
	width:300px;
	max-width:300px;
	margin-left:0;
	margin-right:0;
}

#content div.chart div.right-chart {
	float:right;
	width:300px;
	max-width:300px;
	margin-left:0;
	margin-right:0;
}

#content div.chart div.left-chart div.image,
#content div.chart div.right-chart div.image {
	max-width:300px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	margin-top:3px;
	margin-bottom:3px;
}

#content div.chart div.left-chart div.table table,
#content div.chart div.left-chart div.table table {
	margin:0.2em auto;
}

#content div.chart div.left-chart div.chart-title,
#content div.chart div.right-chart div.chart-title {
	font-size:1.6em;
	font-weight:bold;
	letter-spacing:-0.05em;
	width:300px;
	max-width:300px;
	text-align:center;
}

#content div.chart div.left-chart div.chart-caption,
#content div.chart div.right-chart div.chart-caption {
	font-size:1.3em;
	font-style:italic;
	text-align:center;
}

/* 8. Horizontal Rules */
#content div.hr {
	background:url('hr.png') no-repeat;
	width:400px;
	height:20px;
	margin:0 auto;
}

#content div.hr hr {
	display:none;
}

/* 9. Nested Lists (Daily Article) */
#DailyArticle ol li ul li {
	background:none;
	padding-left:0;
	list-style-type:disc;
	font-size:1em;
}

#DailyArticle ol li p.studyguide-comment {
	margin-left:55px;
}

/* 10. Other Fixes */
ul.eventsbig li {
  clear:both;
}