/*reset*/
html, body{ 	margin: 0; 	padding: 0; 	border: 0; 	outline: 0; 	font-size: 100%; 	vertical-align: baseline; 	background: transparent; }
body { line-height: 1; } 
ol, ul {	list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { 	content: '';	content: none; }
:focus { 	outline: 0; }
ins {  	text-decoration: none; }
del { 	text-decoration: line-through; }
table {	border-collapse: collapse; 	border-spacing: 0; }

.clearfix:after {	content: "."; 	display: block;	clear: both;	visibility: hidden;	line-height: 0;	height: 0; }
 .clearfix { 	display: inline-block; }
 html[xmlns] .clearfix { 	display: block; }
 * html .clearfix { 	height: 1%;}

/*start styles*/
html { background: url(/local/css/img/bg.jpg) no-repeat 0 0; }
body { font-family: "Helvetica", "Lucida Sans Unicode", Arial, Verdana; font-size:14px; color: #717171; }
img { border:0; padding-bottom:20px; }

#colLeft { width:361px; float:left; margin-top:229px;  text-align:right; }
#colNarrow {width:115px; float:left; margin-top:50px; border-left:1px solid #a1a1a1; }
#colNarrow ul {padding-left:20px;}
#colRight { width: 689px; float:left; margin-top:50px; border-left:1px solid #a1a1a1; padding-bottom:55px; }
#colRightInside { padding-left:31px; }
.mainWrapper { width:1200px;}

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

.italic { font-style:italic; }
.footnote { font-size:12px; margin-top:0px; padding-top:0; }

ul.nav { list-style:none; font-size:13px; line-height:1.6em; color:#000; margin-top:30px; }
ul.nav li a { text-decoration:none; color:#000; padding: 3px 23px 4px 15px; }
ul.nav li a:hover { background-color: #cb1717; color: #fff; }
ul.nav li a.active { background-color: #000; color: #fff; }

ul.sub { list-style:none; font-size:13px; line-height:1.6em; color:#000; margin-top:30px; margin-left:-51px; }
ul.sub li { float:left; }
ul.sub li a { text-decoration:none; color:#000; padding: 3px 23px 3px 15px; }
ul.sub li a:hover { background-color: #cb1717; color: #fff; }
ul.sub li a.selected { background-color: #000; color: #fff; }
ul.sub li a:focus { outline: none; }

.logo { padding-right:15px; margin-top: 50px; display:block; }

h1, h2, h3 { font-family:Helvetica,Trebuchet Ms, Verdana, Arial, sans-serif; color: #838383; font-weight:normal; }
h1 { font-size: 33px; letter-spacing:-1px; margin-bottom:20px;}
h2 { font-size: 12px; text-transform:uppercase; color: #393939; margin-top:25px; font-weight:bold; margin-bottom:10px;}
h3 { font-size: 10px; margin-bottom:10px;}

h2.divider { background:transparent url(/local/css/img/paraBg.jpg) no-repeat scroll 0 0; margin:25px 0 10px -31px; padding:30px 0 0 30px; }
.dividerBox { height:40px; width:539px; background:transparent url(/local/css/img/paraBg.jpg) no-repeat scroll 0 0; margin-left:-31px; }

#colLeft h2 { padding-right: 23px; }

p { line-height:1.4em; margin-bottom:20px; max-width:650px; margin-top:10px;  }

.hoverImg { margin:20px 0 0 -35px; }
.ninjahoverImg { margin-left:-191px; margin-top:20px; }

/*blog*/
.post-title  a , .post-title  a:visited, .post-title  a:hover { font-family: Verdana, Arial; color: #838383; font-size: 9px; text-transform:uppercase; color: #575454; margin-top:25px; font-weight:bold; background-color:#fff; }
h2.date-header { margin-bottom:0px; padding-bottom:0px;}
a, a:visited { font-family:"Lucida Sans Unicode","HelveticaNeue LT 65 Medium",Arial,Verdana; font-size:11px; text-decoration:none; color: #CB1717; }
a:hover { text-decoration:underline; }
.post-body { padding-top:20px; } 

#sidebar { float:right;}
#colLeft #ArchiveList ul { padding-right: 23px; }

.clearfix:after { content:"."; display: block; height:0; clear:both; visibility:hidden; }
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/* coda stuff */

#slider { width: 620px; margin: 0 auto; position: relative; padding-top:1px; }
.scroll { height: 400px; width: 620px; overflow: auto; overflow-x: hidden; position: relative; clear: left; }
.scrollContainer div.panel { padding: 20px 0 0 0; height: 210px; width: 620px; }
.scrollContainer div.panel img { padding:0px; }
.scrollContainer div.panel a .img{ margin: 0 16px 16px 0; display:block; float:left; border:6px solid #000; }
.scrollContainer div.panel a.img:hover { border:6px solid #CB1717; }
.hide { display: none; }

.widget-content  #ArchiveList { text-align:right; }