/*
Theme Name: Today on the LightRail
Theme URI: http://www.todayonthelightrail.com
Description: A custom theme created for the blog, Today on the LightRail
Author: Chris McClean
Author URI: http://wheelercentral.net
version: 1.0
Tags: two-column, widget-ready
*/

/* basics */
* { margin: 0; padding: 0; }

body { background: #fff; font: normal 100% Verdana, Arial, sans-serif; margin: 0 20px; }

/* Generated by Font Squirrel (http://www.fontsquirrel.com) on %March %19, %2010 */
@font-face { font-family: 'FranchiseRegular'; src: url('Franchise-Bold-hinted.eot');
	src: local('Franchise'), local('Franchise-Bold'), url('Franchise-Bold-hinted.ttf') format('truetype');
	}

h1 { font-size: 2.5em; } /* 40px / 16px = 2.5em */ 
h2 { font-size: 1.875em; } /* 30px / 16px = 1.875em */ 
h3 { font-size: 1.5em; } /* 24px / 16px = 1.5em */ 
h4 { font-size: 1.25em; } /* 20px / 16px = 1.25em */ 

img { border: none; padding: 0; }
img a { border: none; }

img.left { float: left; border: none; padding: 6px 0 0 0; }
img.right { float: right; border: none; padding: 0 0 0 6px; }

blockquote{ border-left: 1px solid #a5abab; margin: 15px; padding: 0 12px 0 12px; }

code{ font-family:"Courier New", Courier, monospace; }

/* links */
a:link, a:visited { color:#000; text-decoration: none; }
	a:hover, a:focus { text-decoration: underline; }
	a:active {  }

#topnav-container { position: fixed; top: 0; left: 0px; width: 100%; height: 35px; z-index: 10000; background: #272222; overflow: hidden; outline: 0px solid red; }
	#topnav { list-style: none; margin: 0 auto; max-width: 61.75em; /* 988px / 16px = 61.75em */ outline: 0px solid green; }
		#topnav li { float: left; margin: 0 15px; padding: 9px 0 5px 0; color: #fff; outline: 0px solid pink; }
			.style-meta { font: 2.2em "FranchiseRegular", Verdana, sans-serif; padding: 0 !important; margin-left: 0 !important; }
			.search-box { float: right !important; display: block; padding: 7px 0 6px 0 !important; margin: 0 0 0 0/*49.48987%*/ !important; }
			
			#topnav a { color: #fff; }
	
/* container */
#container { 
	position: relative; 
	max-width: 61.75em; /* 988px / 16px = 61.75em */  
	min-height: 100%;
	margin: 0 auto; 
	padding: 0 1em; /* 1em = 16px */
	background: #fff; 
	color: #000; 
	overflow: hidden; 
	outline: 0px solid red; 
	}
	
#container, #footer { width: expression(document.body.clientWidth < 742? "740px" : document.body.clientWidth > 1202? "1200px" : "auto"); }
	
/* header */
#header { position: relative; height: auto; color: #fff; overflow: hidden; outline: 0px solid red; width: 70.85%; /* 700px / 988px = 0.708502 */
	margin: 0 0 20px 29.15%; /* 288px / 988px = 0.291497 */ 			
	}
	#header img { margin: 45px 0 0 4%; /* 28px / 700px = 0.04 */ }

/* sidebar */
#sidebar { float: left; height: 100%; margin: 0 0 0 -10px; padding: 0; border-right: 1px solid #ddd; outline: 0px solid red; background: none; 
	width: 27.126%; /* 268px / 988px = 0.271255 */
	font: 0.875em Verdana, Arial, sans-serif; /* 10pt / 16pt = 0.5em */	
	box-shadow: 3px 0px 4px #ccc; -moz-box-shadow: 3px 0px 4px #ccc; -webkit-box-shadow: 3px 0px 4px #ccc;
	border radius: 0 0 10px 0; -moz-border-radius: 0 0 10px 0; -webkit-border-radius: 0 0 10px 0;
	}
	#sidebar:after { content: '.'; color: #fff !important; width: 0; height: 0; overflow: hidden; clear: both; }
	#sidebar h2 { font: normal 1.875em "FranchiseRegular", Arial, sans-serif; color: #000; margin: 0 0 0 15px; padding: 0; }
	#sidebar label { font: normal 0.875em Arial, sans-serif; color: #000; margin: 0; padding: 0; }
	#sidebar p { margin: 0; padding: 0; }
	#sidebar img { padding: 0; margin: 0; }
	#sidebar ul { margin: 0.75em; padding: 0;	}
		#sidebar ul li { margin: 0; padding: 0; line-height: 14pt; list-style-type: none; }
		#sidebar ul ul { margin: 14px 0 14px 25px; padding: 0; }
			#sidebar ul ul li { list-style-type: none; }
			#sidebar ul ul ul { margin: 0; padding: 0; }
				#sidebar ul ul ul li { padding: 0 0 0 1em; list-style-type: square; color: #898989; }
				
	#sidebar-header { width: 100%; height: 342px; margin: 0 0 70px 0; background: url('images/logo.png') no-repeat 10.26% 55px; outline: 0px solid red; }
		.logoLink { position: absolute; top: 55px; left: 27.5px; display: block; width: 213px; height: 135px; margin: 0; padding: 0; text-indent: -9999px; 
			text-transform: capitalize; 
			outline: 0px solid red; 
			}
		.blurb { position: absolute; top: 218px; left: 1.85%; display: block; padding: 5px 16px; margin: 0; color: #a2a2a2; line-height: 1.5em; 
			width: 20.24%; /* 200px / 988px = 0.202429 */
			outline: 0px solid red; 
			font: 0.875em Verdana, Arial, sans-serif; /* 14px / 16px = 0.875em */ 			
			}
			.blurb:hover { color: #000; }

/* content container */
#content { 
	position: relative;
	float: right;
	width: 70.75%; /* 700px / 988px = 0.708502 */
	height: 100%;
	margin: 0 0 65px 2.024%; /* 20px / 988px = 0.02024 */
	outline: 0px solid red;
	padding: 0 0 10px 0;
	}	

/* footer */
#footer { position: absolute; bottom: 0; right: 0; width: 70.75%; height: 40px; padding: 10px 0 10px 0; background: #fff; border-top: 1px solid #cc5500; outline: 0px solid red; }
	#footer p { padding: 14px 0; margin: 0; color: #000; text-align:center; font-size: 0.75em; outline: 0px solid red; }
	#footer a { padding: 5px; color: #000; text-decoration: none; }
		#footer a:hover { color: #fff; background: #cc5500; text-decoration: none; }

/* main menu */
#menu { position: relative; right: -12px; width: 251px; height: auto; background: none; font: 1em Verdana, Arial, sans-serif; color: #000;
	margin: 0; 
	padding: 0 20px 0 0; 
	list-style: none;
	outline: 0px solid red; 
	/* width: 95%; /* 268px / 988px = 0.23834008 */
	}
	#menu:after { content: '.'; color: #fff !important; overflow: hidden; width: 0; height: 0; clear: both; }
	#menu li { position: relative; float: left; width: 100%; display: block; overflow:  hidden; outline: 0px solid green; }
		#menu li.page_item { width: 271px; height: 63px; margin: 0 0 0 5px; padding: 0; }
		.bg-even { left: -18px; background: #6c0c00; background: url(images/menu-even_bg.png) no-repeat -2px top; }
		.bg-odd { left: -18px; background: #020d31;  background: url(images/menu-odd_bg.png) no-repeat -2px top; }
		#menu li.page_item a { position: absolute; right: -33%; display: block; width: 100%; height: 100%; padding: 14px 120px 0px 0px; margin: 0; color: #fff; display: block; overflow: hidden;
			text-decoration: none;
			text-transform: lowercase; 
			text-align: right;
			z-index: 99;
			font: 2em "FranchiseRegular", Verdana, sans-serif;
			background: url(images/menu-a_bg.png) no-repeat right 19px; 
			outline: 0px solid red;
			}
			#menu li a:hover { color: #fff; }
		
		span.nav-cap-even { position: absolute; right: 0; top: 0; z-index: 100; display: block; width: 12px; height: 63px; z-index: 999;
			background: url(images/menu-even_bg-cap.png) no-repeat right top; 
			}
		span.nav-cap-odd { position: absolute; right: 0; top: 0; display: block; width: 12px; height: 63px; z-index: 999;
			background: url(images/menu-odd_bg-cap.png) no-repeat right top; 
			}
			

/* content */
div[class|="post"] { position: relative; width: 100% margin: 0; padding: 0; line-height: 14pt; overflow: hidden; outline: 0px solid green; } 
.post { position: relative; width: 100%; margin: 0; padding: 0; line-height: 14pt; overflow: hidden; outline: 0px solid green; }
	div.post-inner { float: left; width: 100%; margin: 10px 0; overflow: hidden; outline: 0px solid blue; }
	div.post-inner h2 { float: left; display: block; font: 2.55em "FranchiseRegular", Verdana, sans-serif; text-transform: lowercase; }
		div.post-inner h2 a { color: #000; text-decoration: none; }
		div.post-inner h2 a:hover { color: #cc5500; text-decoration: none; }
	div.post-inner small { float: left; clear: left; }

.post ul {}
	.post li {}

.entry { float: left; clear: left; width: 82.938%; /* 580.56px / 700px = 0.82938  */ margin: 10px 0 20px 0; overflow: hidden; outline: 0px solid red; }
.entry p { float: left; margin: 12px 0; color: #000 !important; }

img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}

.postmetadata { position: absolute; top: 74px; right: 0; background: #cc5500; background: rgba(204,85,0,1); padding: 6px; font: .675em Verdana, Arial, sans-serif; outline: 0px solid red; color: #fff;
	margin: 20px 0 0 1.3%; /* 20px / 700px = 0.02857 */ 	
	width: 14.285%; /* 100px / 700px = 0.14285 */
	}
        .postmetadata a { color: inherit; }

.navigation { font-size: 8pt; width: 100%; float: left; margin: 0; padding: 0; overflow: hidden; }
	.navigation a { display: inline-block; width: auto; height: auto; padding: 10px; color: #000; background: #cc5500; background: rgba(204,85,0,0.25); 
		-webkit-transition: all 0.25s ease-in; -moz-transition: all 0.25s ease-in; transition: all 0.25s ease-in; 
		}
		.navigation a:hover { color: #fff; background: rgba(204,85,0,1); text-decoration: none; }

/*	
.alignleft a { float: left; margin: 25px 0; }
.alignright a { float: right; margin: 25px 0; }
*/

/* comments */
#respond { float: left; clear: both; width: 100%; height: auto; margin: 20px 0 0 0; padding: 0; }
	#respond h3 { font: 2.5em "FranchiseRegular", Verdana, sans-serif; font-weight: 300; color: #000; margin: 0 0 16px 0; padding: 0; }

#commentform { background: #fff; margin: 0; padding: 0; }
	#commentform p { color: #000; }
	#commentform a { color: #000; text-decoration: none; border-bottom: 1px dotted #465d71; line-height: 14pt; }
	
#comment { width: 80%; margin: 0 0 11px 0; }
#author, #email, #url, #comment, #submit { background: #fff; font: 8pt Verdana, Arial, sans-serif; margin: 5px 5px 0 0; padding: 0; border: 1px solid #000; }
#submit { margin: 16px 5px 0 0; padding: 10px 15px; background: #272222; color: #fff; font: 1.475em "FranchiseRegular", Verdana, sans-serif; cursor: pointer; 
	border: 1px solid #272222; border-bottom: none !important;
	} 
	#submit:hover { margin: 15px 5px 1px 0; border-bottom: 2px solid #fff; }
#comments { margin: 0; padding: 0 }
	
ol.commentlist { list-style-type: none; margin: 0; padding: 0; }

.avatar { float: left; margin: 0 12px 0 0; }

ol.commentlist li { background: #fff; margin: 10px 0; padding: 5px 0 5px 10px; list-style-type: none; }

ol.commentlist li.alt { background: #eee; }
ol.commentlist li p { margin: 6px 0 6px 0; padding: 0 12px 0 0; line-height: 14pt; }

ol.commentlist a { color: #000; }

cite { font: bold 9pt Arial, Verdana, sans-serif; }
	cite a { color: #000; text-decoration: none; border-bottom: 1px dotted #465d71; }

/* search */
#searchform { padding: 0; margin: 0; color: #fff; }
	#searchform label { vertical-align: bottom; }
	#searchform input#s { margin: 0 5px; padding: 2px; color: #666666; border: 0px solid #000; }

/* misc */
img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; }
img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; }

.alignright { float: right; }
.alignleft { float: left; }

.opacity50 { opacity: 50; filter: alpha(opacity="0.5"); }
	
.wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; border-radius: 3px; 
	-moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; 
	}

.wp-caption img { margin: 0; padding: 0; border: 0 none; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; }