/* CSS Document */

/* 
Theme Name: JohnLeo
Theme URI: http://www.johnleo.com/
Description: Official John Leo website
Version: 2.0
Author: Harriet Goren, Karen Propp
CSS Refinement: Christian Riggs
Author URI: http://www.15minutesmedia.com/
*/

body {
	margin: 0px;
	text-align: center;
	background: url(http://67.59.191.166/images/bg-tile.gif) repeat #ebd6b4;
	font-size: 85%
	}
#wrap {
	margin:0px auto;
	text-align:left;
	width: 740px;
	background-color: #fff;
	}
a:link, a:visited {
	color: #993300;
	text-decoration: none;
	}
a:hover; a:active {
	color: #993300;
	text-decoration: underline;
	}
	
/* HEADER */
#bgstyles {background:url(http://67.59.191.166/images/bg-tile2.gif) repeat-y #ffffff; width:740px; margin:0 auto; display:block;}
#hdr-new {width:740px; background:url(http://67.59.191.166/images/hdr2.gif) no-repeat top;}
#hdr-content {height:184px; width:572px; float:left;}
#quotebox {width:280px; height:100px; float:left; padding-top:28px; padding-left:280px;}
#top-nav-box {width:572px; height:24px; float:left; margin-top:32px;}
	
	
/* SIDEBAR */

#sidebar {float: left; width: 220px; text-align:left;}
.sdbr-ttl {font-family:'Times New Roman', Times, serif; font-weight:bold; color:#006633; text-align:left; padding-left:20px;}
.sdbr-sq-bllt {padding:2px 5px 2px 0px;}
a.sdbr-li:link, a.sdbr-li:visited {color: #993300; text-decoration:none;}
a.sdbr-li:hover; a.sdbr-li:active {color: #CC6633; text-decoration:underline;}
.sdbr-li {color:#993300;}
#sb li {margin-left: 1.2em;}
#sb a:hover {color:#CC6633;#CC6633; text-decoration:underline;}
	
/* MAIN INDEX */
.storybox {width:325px; float:left;}
.artactions {width:143px; float:right; font-family:'Times New Roman', Times, serif; font-size:11px;}
.aastyles {margin-top:0px; 	border-left: 1px solid #006633; padding-left:10px; font-size:11px;}
.storyborder {width:485px; border-top:#bbbbbb solid 1px; padding-bottom:25px;}
	
	
	
#content {
	float: right;
	width:480px;
	background:url(http://67.59.191.166/images/hdr-img2.jpg) top right no-repeat;
}
.contentpadding {
	padding:5px 25px 10px 0px;
}
p {
	font-family: "Times New Roman", Times, serif;
	text-align:left;
	vertical-align: top;
	margin-right:25px;
	}
p.quote {
	margin-top:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:bold;
	line-height:18px;
	color:#ffffff;
}

h2 {
	text-transform: uppercase;
	font-family: "Times New Roman", Times, serif;
	font-size: 11px;
	font-weight:normal;
	margin-top:0px;
}
h3 {
	text-transform: uppercase;
	font-family: "Times New Roman", Times, serif;
	font-size: 16px;
	font-weight:bold;
	margin-top:0px;
	text-align: left;
	color: #20831d;
}
.more {
	font-family:"Times New Roman", Times, serif;
	font-size:11px;
	font-weight:bold;
	color:#000000;
	text-align:left;
}
.more-link {
	font-family:"Times New Roman", Times, serif;
	font-size:11px;
	font-weight:bold;
	color:#000000;
	text-align:left;
}

	/* .pkg class wraps enclosing block element around inner floated elements */
	.pkg:after
	{
		content: " ";
		display: block;
		visibility: hidden;
		clear: both;
		height: 0.1px;
		font-size: 0.1em;
		line-height: 0;
	}
	* html .pkg { display: inline-block; }
	/* no ie mac \*/
	* html .pkg { height: 1%; }
	.pkg { display: block; }
	/* */
	
ul { text-align:left;}
li {padding-left:10px; font-family:"Times New Roman", Times, serif;}
.sdbr {
	color:#000; 
	margin-left: 0;
	padding-left: 3.5em;
	list-style-image:url(http://67.59.191.166/images/sdbr-bllt.gif); 
	text-indent: -1em;
	}

.sdbr {font-size:12px;}


.title {font-family:"Times New Roman", Times, serif; font-weight:normal; font-size:23px; line-height:24px; color:#006633; text-align:left;}

a.posttitle {font-family:"Times New Roman", Times, serif; font-weight:normal; font-size:23px; line-height:24px; color:#006633; text-align:left;}
a.posttitle:link {text-decoration: none; color: #006633;}
a.posttitle:visited {text-decoration: none; color: #006633;}
a.posttitle:hover {text-decoration: none; color: #006633;}
a.posttitle:active {text-decoration: none; color: #006633;}

.padding {
	padding: 20px;
	}
.meta {
	color: #993300;
	font-size: 11px;
	text-align:left;
	}
a.crumb  {
	font-style:italic;
	}
.dkg {
	background-color: #b5c6a9;
	padding:5px 0px;
	}
	
.ltg {
	background-color: #c6d3bd;
	padding:5px 0px;
	}
	
.lmenu	{
	margin-top: 6px;
	}
.top_nav {
	color:#ffffff;
	margin-top:5px;
}

a.top_nav {font-family:Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size:15px; color:ffffff; letter-spacing:.5px;}

a.top_nav:link {font-weight:bold; color: #ffffff; text-decoration: none;}

a.top_nav:visited {font-weight:bold; text-decoration: none; color: #ffffff;}

a.top_nav:hover {font-weight:bold; text-decoration: underline; color: #ffffcc;}

a.top_nav:active {text-decoration: none; color: #ffffff;}

#right_col {
	float: right;
	}
.clear {
	clear: right;
	}
.author {
	font-style: italic;
	color: #fff;
	text-align: right;
	}
#hdr {
	margin-left: 30px;
	padding:6px 0;
	border-top: 2px solid #fff;
	color: #fff;
	}
#top {
	background-color: #993300;
	}
.post {
	font-family: times, times-new-roman, serif;
	text-align: left;
	}
.ital {
	font-style: italic;
	}
.postinfo {
	color: #999;
	}
.pgc {
	padding: 10px;
	text-align: left;
	}
#content img {float: left; margin: 10px;}