/* Styles for Engine City Times - a website that's part of the ExpressionEngine book from Pragmatic Bookshelf */

/* COPYRIGHT 2007 MIJINGO, LLC */


/*BASICS */

body {
	background-image: url(http://www.mandkevans.org/photos/sky18.jpg);
	background-repeat: repeat;
}                         

a {
	text-decoration:none;
	
}

a:hover {
	color:#000;	
}

a.read_story {
	font-size:10px;
	text-transform:uppercase;
}

img {
	border:none;
}

/*SITE-WIDE */

#layoutWrapper {
	width:750px;
	margin-left: 	auto;
	margin-right:	auto;
	background-color:#fff;
}

#masthead {
	height:125px;
}

#masthead h1,h2 {
	font-family: Georgia, Times, "Times New Roman", serif;
	text-align:center;
	font-weight:normal;
	margin:0;
	padding:0;
}

#masthead h1 {}
#masthead h2 {
	font-size:11px;
	text-transform:uppercase;
	letter-spacing:1px;
	margin-top:8px;
}

#main-nav {
	height:25px;
	border-bottom:1px solid #aaa;
	border-top:4px double #aaa;
	margin-top:15px;
}


#main-nav ul {
	list-style-type:none;
	margin:0;
	padding:0;
}

#main-nav ul li a {
	float:left;
	font-family:"Lucida Grande", lucida, Arial, sans-serif;
	text-transform:uppercase;
	font-size:11px;
	letter-spacing:1px;
	color:#111;
	padding:6px 25px 6px 25px;
}              

#main-nav ul li a:hover{
	background-color:#555;
	color:#fff;
}

#main-nav ul li a.current {
	background-color:#555;
	color:#fff;
	
}

#main-nav p#subscribe {
	color:#111;
	text-transform:uppercase;
	font-family: Georgia, Times, "Times New Roman", serif;
	font-size:9px;
	letter-spacing:1px;
	float:right;
	margin:7px 0 0 0;
	padding:0;  
}

#main-nav p#subscribe img {
	margin:0px 5px 0 0;
	vertical-align: bottom;
}

#main-nav p a {
	color:#111;
}

#topic-nav {
	width:140px;
	float:right;
	margin:0;  
}

#category-nav {
	margin:25px 0 0 0;
	padding:0;
	list-style-type:none;
	font-family:"Lucida Grande", lucida, Arial, sans-serif;
	text-transform:uppercase;
	font-weight:bold;
	font-size:9px;
	letter-spacing:1px;
	margin:0 0 10px 0;
	padding:0 0 3px 0;
}
    
#category-nav a {
	color:#111;
}

#category-nav a:hover {
	border-bottom:1px solid #aaa;
	
}

#topic-nav dl  dd.last {
	margin-bottom:20px;
}

#category-nav li ul {
	font-family: Georgia, Times, "Times New Roman", serif;
	font-size:10px;
	margin:10px 0 15px 0;      
	letter-spacing:.5px;
	border:none;
	text-transform:none;
	list-style-type:none;
	padding:0;
	font-weight:normal;
}           

#category-nav li ul li {
	padding-bottom:5px;
}                     

#topic-nav dt {
	font-family:"Lucida Grande", lucida, Arial, sans-serif;
	text-transform:uppercase;
	font-weight:bold;
	font-size:9px;
	letter-spacing:1px;
	margin:0 0 10px 0;
	padding:0 0 3px 0;
}

#topic-nav dl dd {
	font-family: Georgia, Times, "Times New Roman", serif;
	font-size:10px;
	margin:0 0 5px 0;      
	letter-spacing:.5px;
}

#topic-nav dl dd#cartoon-byline {
	text-transform:uppercase;
	font-size:9px;
	margin-bottom:15px;
}
           

#topic-nav dl dd a {
	color:#111;
}

#topic-nav dl dd a:hover {
	border-bottom:1px solid #aaa;
}

#footer {
	border-top:4px double #aaa;
	margin:25px 0 25px 0;
	padding:15px 0 0 0;
	text-align:center;
	font-size:10px;
	text-transform:uppercase;
	letter-spacing:1px;
	clear:both;
}

#footer ul {
	list-style-type:none;
	margin:0 0 0 30%;
}

#footer ul li {
	float:left;
	margin:0 20px 0 0;
	
}
      
/* CONTENT */

#content {
	margin:-13px 0 0 15px;
	width:550px;
	float:left;
	
}

#blog-posts {
	margin:0;
	padding:0;
}   

#blog-posts h3 {
	font-family:"Lucida Grande", lucida, Arial, sans-serif;
	text-transform:uppercase;
	border-bottom:1px solid #aaa;
	font-size:13px;
	font-weight:normal;
	letter-spacing:1px;
	padding-bottom:5px;
	margin:0 0 10px 0;
}

#lead-blog {
	color:#111;
	margin:0 0 15px 0;
	
}

#lead-blog img {
	float:left;
	margin:0 5px 15px 0;
}

#lead-blog h4 {
	font-size:26px;
	font-weight:normal;
	margin:0 0 5px 0;
	line-height:24px;
	padding:0;
}

#lead-blog h5 {
	margin:0;
	font-family:"Lucida Grande", lucida, Arial, sans-serif;
	font-weight:normal;
	text-transform:uppercase;
	font-size:12px;
	
}

#lead-blog h5 .by {
	text-transform:none;
}

#lead-blog p {
	font-size:14px;
	line-height:19px;
	margin:10px 0 0 0;
}

#other-blog {
	color:#111;
	margin:0 0 15px 0;
	
}

#other-blog img {
	float:left;
	margin:0 5px 15px 0;
}

#other-blog h4 {
	font-size:26px;
	font-weight:normal;
	margin:0 0 5px 0;
	line-height:24px;
	padding:0;
}

#other-blog h5 {
	margin:0;
	font-family:"Lucida Grande", lucida, Arial, sans-serif;
	font-weight:normal;
	text-transform:uppercase;
	font-size:12px;
	
}

#other-blog h5 .by {
	text-transform:none;
}

#other-blog p {
	font-size:14px;
	line-height:19px;
	margin:10px 0 0 0;
}

#blog {
	margin-top:15px;
}

#blog img {
	float:left;
	margin-right:10px;
}

#blog h4 {
	font-size:26px;
	font-weight:normal;
	margin:0;
	line-height:24px;
	padding:0;
}

#blog h5 {
	margin:0;
	font-family:"Lucida Grande", lucida, Arial, sans-serif;
	font-weight:normal;
	text-transform:uppercase;
	font-size:12px;
	
}

#blog h5 .by {
	text-transform:none;
}

#blog h6 {
	font-size:16px;
	font-weight:bold;
	margin:0;
}

#blog p {
	font-size:15px;
	line-height:19px;
	margin:10px 0 0 0;
}


/* ARTICLE COMMENTS */

#comments {
}

#comments h6, #comment-form h6 {
	font-family:"Lucida Grande", lucida, Arial, sans-serif;
	text-transform:uppercase;
	border-bottom:1px solid #aaa;
	font-size:11px;
	font-weight:normal;
	letter-spacing:1px;
	padding-bottom:5px;
	margin:25px 0 0 0;
}

#comments dl {
	padding:0;
	margin:0;
}            

#comments dl dt  {
	font-family:"Lucida Grande", lucida, Arial, sans-serif;
	font-size:10px;
	text-transform:uppercase;   
}

#comments .comment-date {
	float:right;
	font-family: Georgia, Times, "Times New Roman", serif;
	font-size:11px;
}

#comments .posted-by {
	text-transform:none;
}

#comments dl dd {
	margin:15px 0 0 0;
	font-size:14px;
	line-height:18px;
}

#comments .comment-content {
	margin-bottom:15px;
	width:70%;
	padding:15px;
}

#comments .even {
	background-color:#eee;
}

#comment-form {
	
}           

#comment-form h6 {
	
}   

fieldset#comment-form-field {
	background-color:#eee;
	border:1px solid #ccc;
	margin:25px 0 25px 0;
	padding:10px 0 10px 25px;
}

fieldset#comment-form-field label {
	font-size:12px;
	font-family: Georgia, Times, "Times New Roman", serif;
	color:#111;
}

form#comment-form-form {
	float:left;
	width:50%;
	clear:left;
}

#disclaimer {
	float:right;
	width:40%;
	clear:left;
	margin:20px 20px 0 0;
}

#disclaimer p {
	font-family:"Lucida Grande", lucida, Arial, sans-serif;
	font-size:11px;
} 

/* CATEGORY PAGE */

#category-featured {
	margin:20 0 25px 0px;
}

#category-featured p {
	font-size:13px;
	line-height:18px;
}
                   
#category-featured h3 {
	font-family:"Lucida Grande", lucida, Arial, sans-serif;
	text-transform:uppercase;
	border-bottom:1px solid #aaa;
	font-size:13px;
	font-weight:normal;
	letter-spacing:1px;
	padding-bottom:5px;
}

#category-featured h4 {
	font-size:15px;
	margin:0;
	padding:0;
	font-weight:normal;
}                  

#category-featured h5 {
	font-family:"Lucida Grande", lucida, Arial, sans-serif;
	font-weight:normal;
	text-transform:uppercase;
	font-size:9px;
	margin:0;
}

#category-featured h5 .by {
	text-transform:none;
}

#category-featured p.subhead {
	font-size:12px;
	margin:0;
	padding:0;
	letter-spacing:1px;
}

#category-featured #lcol {
	float:left;
	width:220px;
	margin:15px 15px 0 0;
}

#category-featured #mcol {
	float:left;
	width:220px;
	margin:15px 15px 0 0;
}

#category-featured #rcol {
	float:left;
	width:220px;
	margin:15px 0 0 0;
}

#category-articles {
	float:left;
	width:275px;
	margin:15px 0 0 0;
}               

#category-articles ul {
	list-style-type:none;
	margin:0;
	padding:0;
	font-size:13px;
}

#category-articles ul li {
	margin-bottom:10px;
}

#cartoon {
	float:right;
	margin:15px 0 0 0;
} 

#search_results {
	list-style-type:none;
	margin:15px 0 0 0;
	padding:0;
}             

#search_results dd {
	margin:0 0 20px 0;
	padding:0;
}                                                                                                                                                                                                                               