@import url('../buttons.css');
@font-face {font-family: Nevis; src: url("/media/files/nevis.ttf");}

/* NOTES ON COLORS:
   LIGHT GRAY:  	f4f3f3	Background: .even
   BODY GRAY: 		e0e0e0
   MED GRAY:    	c9c9c9	Background: table captions; sidebar h4
   DARKER GRAY: 	444 	Color: .exhead, .note, .help
   LIGHT BLUE:  	e3e9f0
   MED BLUE: 		97abc0
   DARKER BLUE: 	8094ad
   MAROON:      	701a1a	Color: a
   DARK MAROON: 	4f0303
   VERY DARK GRAY:	111		Color: h2, h3, h4, h5, image list a
   PALE YELLOW: 	fefbcd	Background: Article Issues
   YELLOW:			fcfca7	Background: .alert, .highlight
   RED:				900		Color: .error 	



*/
/*********************************************************************************** RESET & DEFAULTS */



html * {margin:0; padding:0} /* yeah, I know, but it works for me */

body, ul, ol, li, dl, h1, h2, h3, h4, h5, td, th, caption, pre, p, blockquote, input, textarea {
    font:15px/24px 'Lucida Grande', 'Arial Unicode MS', "Lucida Sans Unicode", Tahoma, Verdana, Arial, sans-serif;
	}
	
#content-second ul,
#content-second ol,
#content-second li,
#content-second dl,
#content-second td,
#content-second th,
#content-second caption,
#content-second pre,
#content-second p,
#content-second blockquote,
#content-second input,
#content-second textarea,
.sidebar *,
.note	        {font-size:13px; line-height:18px } /* .75 baseline */

p                {margin: 0 0 24px}

#content ul, 
#content ol      {margin: 24px 0 24px 2em}
#content ul      {list-style:square; }


a 	             {color: #701a1a; text-decoration:none;}
a img            {border:0}

blockquote,
blockquote p     {font-family: Georgia; font-style: italic;}
blockquote.pull-quote p {font-size: 16px; text-align: center; color: #444;}


/******************************************************************************************* HEADERS */
h2				 {font-size: 21px; }    /* we can skip h1, since we're reserving it for the masthead */				
h3               {font-size: 18px; }
h4               {font-size: 16px; }
h5               {font-size: 14px; }

h2, h3, h4, h5	 {line-height: 24px; color: #111; }
h2, h3, h4 		 {font-family: Nevis, Tahoma, sans-serif}
h2, h3			 {padding: 6px 0;}                         /* for 36px overall (1.5 baseline) overall */

#content h2, 
#content h3      {letter-spacing: 1px}

#content-main h2 {
	background:   #f4f3f3; 
	margin:       0 0 18px -20px; 
	padding-left: 20px; 
	width:        640px; 
	}
h2 .add, h2 .right {margin: 5px 15px}

/*********************************************************************************************************
                                       SPECIAL 'HELPER' CLASSES 
*********************************************************************************************************/

.hide, #skipnav    { display: none; }

.left, .formFloat  { float: left; }
.right, .remove    { float: right; }
.clear             {clear:both }
.clearfix          { display: inline-block; }
.clearfix:after    { content: "."; display: block; height: 0; clear:both; visibility: hidden;}

hr.clear, 
.invisible         { visibility: hidden;}

.alert, .error 	   { font-weight: bold }
.alert, .highlight { background: #fcfca7; }
.error			   { color: #900 }

.exhead, 
.note, 
.help              { color: #444; 
        			 font:13px 'Lucida Grande', 'Arial Unicode MS', "Lucida Sans Unicode", Tahoma, Verdana, Arial, sans-serif;
                   }
.help, .remove     { padding-left:20px !important}
.cart, .add        { padding-right:20px}

.even              { background: #f4f3f3}

.main-photo        { display:block}

.cartcontrol       {background: #c9c9c9 url(/media/img/classic/buttonBG.png) repeat-x; 
					border:1px solid #bbb; 
					font-weight:normal; 
					padding:0 10px
				   }
.help   		   {background: url(/media/img/icons/help.png) no-repeat left center;}
.cart              {background: url(/media/img/icons/fam/cart_put.png) no-repeat right;}
.add               {background: url(/media/img/icons/sweetie/12-em-plus.png) no-repeat center right;}
.remove            {background: url(/media/img/icons/sweetie/16-em-cross.png) no-repeat 0 2px; }
.addto 			   {background: url(/media/img/icons/sweetie/24-book-blue-add.png) no-repeat center left; 
					padding-left: 28px;                                   /* for microformat sync links */
				   }
.ok 				{background: url(/media/img/icons/check-16.png) no-repeat center left;
					padding-left:20px
					}

div.adsense 	   {text-align: center}


.dropcap { /* for, um, drop caps, also vote nums */
	color: #fff;
	background: #a8b6c7;
	font-size:74px;
	padding: 11px 10px 9px;
	line-height:42px;
	font-family: Georgia, Times, serif;
	display:block;
	float:left;
	margin:0px 5px 0 0;
	border:1px solid #8094ad;
	text-shadow: #8094ad -1px -1px 1px;
	}
	
	
.sponsors {text-align:center}
#content-second .sponsors {background:#fff; margin:10px 15px; border:1px inset #ccc}
#content-second .sponsors img {margin:10px auto}
/*********************************************************************************************************
                                       SPECIAL LISTS 
*********************************************************************************************************/
#content ul.date_list, #content ul.gallery, #content ul.has-images, ul#nav, #nav ul, #footer ul,
#content ul.spec_nav {list-style:none;}

.gallery img, 
.has-images strong   {display:block}

img.shadow, 
span.shadow img, 
.gallery img              { border:1px solid #000;}

#content ul.date_list     { padding-left:30px}
#content ul.date_list li  { margin-bottom:18px}
.date_list .datebox 	  { margin:6px 0 0 -60px}

#content ul.gallery       { position:relative;}	
.gallery img		      { margin-bottom:12px; }	

#content ul.has-images,
#content ul.gallery,
#content ul.spec_nav,
#content ul.buttons       { margin:0;}     
      	                      											/********* Image lists *********/
#content ul.has-images li { padding-left:115px; 
							clear:left; 
							margin-bottom:18px; 
							min-height:90px;
							}	
.has-images img 		  { float:left; margin:4px 15px 18px -115px}
.has-images li a 		  { color: #111}	

img.shadow, 
span.shadow img,
.has-images img           {-moz-box-shadow: 2px 2px 5px #666; -webkit-box-shadow: 2px 2px 5px #666;}
img.shadow:active, 
span.shadow img:active,
.has-images img:active    {-moz-box-shadow: 0 0 1px #666; -webkit-box-shadow: 0 0 1px #666;}
	
.datebox, 																 /*********  datelists **********/
.datebox .date { display:block; }	                             
.datebox       { background: url(/media/img/icons/cal-date.png) no-repeat; 
				 width:45px;
				 padding-right:1px;
				 height:48px; 
				 float:left;
				 clear:left; 
				 text-align: center;
				 font-size:24px; 
				 line-height:32px; 
				 font-weight: bold;
				}
.datebox .date { color: #fff; font-size:10px; line-height:14px; text-transform: uppercase; }

.enlarge 	   {position:absolute; 										/***** for galleries ********/
				z-index:20; 
				margin-top:-30px; 
				right:0; 
				border:0 !important
				}
.spec_nav li {padding:10px 10px 8px; font-weight: bold; border-bottom:1px solid #d6d6d6}
/*********************************************************************************************************
                                       TABLES
*********************************************************************************************************/
table  {margin-left:-20px; border-collapse:collapse; }
tr     {border-bottom:1px solid #eae8e0; }
th, td {padding:1px 10px 2px 20px; line-height: 18px} 
th     {text-align:left;} 

caption {
	text-align:left; 
	padding:0 5px 0 20px; 
	color: #333;
	background: #c9c9c9; 
	font-weight:bold
	}
thead, tfoot {background: #f6f6f6 url(/media/img/site/gradient.gif) repeat-x bottom;}

.hoverTR, .hoverTR td {background: #c9c9c9}

table.sortable thead tr th          {background: url(/media/img/icons/sortable.gif) no-repeat 2px 10px; cursor: pointer;}
table.sortable thead tr th.sortdesc {background-image: url(/media/img/icons/desc_b.gif)}
table.sortable thead tr th.sortasc  {background-image: url(/media/img/icons/asc_b.gif)}

.filter {float:right;}

.filterbox {
	background: url(/media/img/icons/sweetie/16-zoom.png) no-repeat right !important;
	border:1px solid #ccc; padding:2px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	}	




/**************************** forms ***********************************/
fieldset {border:0}
#id_state {width:2em}


/********************** masthead and nav *****************************/
#top {height:118px; border-bottom:2px solid #701a1a}
#top a, #top a:active, #top a:focus {outline: none;}
	
#logo {height:118px; width:340px; float:left; text-align:center;}
#logo a {display:block; height:118px;
	background: url(/media/img/classic/logo.jpg) no-repeat right;
	margin-left:10px;
	text-indent:-5000px;
	}

/***** nav *****/
ul#nav, #nav ul {position:absolute; height:36px; width:640px;}
ul#nav { left:340px; top:84px; background: #701a1a url(/media/img/classic/navBG.png) repeat-x;
	-moz-box-shadow: 0px 3px 7px rgba(30,30,30,1);
	-webkit-box-shadow: 0px 3px 7px rgba(30,30,30,1);
	z-index:50;
	}
#nav li, #nav li a {color: #cdcdcd;  
	text-shadow: #000 1px 1px 1px;
}
#nav li:hover, #nav li a:hover, #nav li.sfHover {color: #fff}
#nav li.sfHover {background: #4f0303}
#nav li {float:left; margin-top:1px; padding: 5px 17px 3px; font-size: 14px; font-family: Nevis, Tahoma, sans-serif;
	 }
#nav ul {display:none; left:0px; }	
#nav li:hover ul, #nav li.sfHover ul {display:block; margin:2px 0 0 0; 
	background-color: #111; opacity:.90;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=90)"; 
	}
#nav li ul li {font-size: 13px;padding-right:15px;}

.sf-sub-indicator {
	display:		inline;
	color: 			#900000;
	font-size: 3px;
	padding:   6px;
	background: url('/media/img/icons/arrows-ffffff.png') no-repeat -8px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.9em;
	background-position: 4px -100px; /* use translucent arrow for modern browsers*/
}

.cta {width:260px; float:left; ;
	border-left:60px solid #a8b6c7;
	padding:0;
	background: url(/media/img/classic/ctaBG.png) repeat-x left -1px;	
	}
	.cta a   {height:70px; display:block; padding:12px 15px 36px; margin-left:-60px; text-indent: -5000px; }
#try, #try a {-moz-border-radius-topright: 10px; -webkit-border-top-right-radius: 10px;}
#try a       {background: url(/media/img/classic/try_bg_rev.png) no-repeat }
#subscribe a {background: url(/media/img/classic/buy_bg_rev.png) no-repeat }
/* end masthead & nav */

/****************************** begin structure *************************/

body {background: #e0e0e0 url(/media/img/classic/swirly.jpg) center top fixed;}

#wrap {width:980px; 
	background: #fff /*url(/media/img/site/grid-960.png)*/; 
	margin:12px auto;
	border:2px solid #888;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	position:relative
	}

#content     {clear:both; background: #fff}
#content-main {float:left; width:620px; padding:0 20px;  }

#content-second,
.sidebar {width:319px; float:right; background: #dfdfdf; border-left:1px solid #bbb; margin-bottom:-24px; }

.sidebar {width:240px; border:1px solid #ccc;  margin-left:15px;}
.sidebar .gallery img {margin-right:-1px}

#content-second h3,
.sidebar h3,
#content-second h4,
.sidebar h4 {background: #c9c9c9; padding-left:15px; font-size:95%}

#content-second p,
#content-second ul,
#content-second form,
#content-second address,
.sidebar p,
.sidebar ul,
.sidebar blockquote {margin-left:15px; margin-right:15px}

#content-second ul {margin-left:36px}

.wide #content-main,
.wide #content-main h2     {width:960px}
.wide table                {width:980px;}

.wide-740 #content-main    {width:738px; }
.wide-740 #content-main h2 {width:759px}
.wide-740 #content-second  {width:240px;}

.widish #content-main      {width:760px; }
.widish #content-main h2   {width:780px}
.widish #content-second    {width:179px;}
 
.narrow #content-main      {width:539px; }
.narrow #content-second    {width:400px;}

/*********************************** footer ***********************/
#footer {clear:both; background: #97abc0 url(/media/img/classic/footerBG.png) repeat-x left 48px;}
#footer .uname {white-space: nowrap}
#footer h2 {padding:12px 0 12px 30px; 
	background: #fff url(/media/img/classic/footerh2BG.png) 5px bottom repeat-x; 
	text-align:center; text-transform: uppercase; letter-spacing: 2px; 
	color: #8094ad;
	clear:both;
	border-top:1px solid #fff;
	}
#footer > ul {margin:0 20px 0; padding-top:12px; 
	background: url(/media/img/classic/footerCM.jpg) no-repeat right 5px; 
	min-height:126px}
#footer ul > li {font-weight: bold; float:left; width:161px; font-size:12px; line-height: 18px}
#footer ul ul {padding-bottom:18px}
#footer li li {font-weight:normal; float:none}
#footer li, #footer li a {color: #3c4d60}
#footer p {background: #000; color: #fff; text-align:right; line-height: 24px; padding-right:20px; font-size:10px;
	margin:18px 0 -2px -2px; width:960px; border:2px solid #000;
	-moz-border-radius-bottomright: 8px;
	-webkit-border-bottom-right-radius: 8px;
	-moz-border-radius-bottomleft: 8px;
	-webkit-border-bottom-left-radius: 8px;
	border-top:1px solid #ddd;
}
/**** end footer ****/	
	
	
#map {width:100%; height:144px; font-size:11px}

	
#content-main ul#sociallinks {margin:0; width:460px }
#content-second ul#sociallinks, #content-second #social {margin-left:15px; margin-top:0}

#sociallinks li {list-style:none; float:left; padding:0 5px; }
#content-main #sociallinks li {width:220px}

#content-second #sociallinks {padding-top:18px}
#content-second #sociallinks li {width:160px}

#social {padding:5px; line-height:18px}
#social:after {
    content: ".";
    display: block;
    height: 1em;
    clear: both;
    visibility: hidden;
}
#socialexplain {display:none}


#signup {background: #f6f6f6; 
	border:solid #666; 
	border-width: 0 1px 2px;
		-moz-box-shadow: 0px 3px 7px #666;
	-webkit-box-shadow: 0px 3px 7px #666;
	margin:0 auto;
	width:980px;
	-moz-border-radius-bottomright: 6px; -webkit-border-bottom-right-radius: 6px;
	-moz-border-radius-bottomleft: 6px; -webkit-border-bottom-left-radius: 6px;
	 }
#signup p {width:980px; margin:0 auto; line-height:30px; font-size: 12px}
#signup a {font-weight:bold; padding: 0 10px;}
	
/************************************************ events ************************************************/
.event_sponsors a {background: #fff; width:240px; height:90px; padding:10px 30px; display:block; margin:0 auto; 
	border:1px solid #bbb; border-width:0 1px}
#special_event #content-second .sidebar {background:#f6f6f6; width:100%}	
#special_event #content-second .sidebar h4 {margin-bottom:18px}	
#eventdetail #jhCalendar {height:216px !important}
#events .gallery img {margin-left:10px} /* for updates */

/************************************************ contests **********************************************/	
#rules ol li {font-size:12px; line-height:18px}
#contestform .formFloat {width:170px; margin-right:10px}
#contestform input[type="text"] {width:170px}

/******************************************** articles ****************************************************/
#articles ul.has-images li 		{
								float:left; 
								clear:none; 
								font-size:13px; 
								line-height:18px;
								}
#articles .has-images li.even 	{margin-right:20px; background: transparent; clear:left}

#articles #article-cats-hold ul ul {margin:0 0 0 30px; padding:0}
#articles ul#article-make-list {height:280px; overflow:auto; margin:0; padding:9px 40px}

#articles .unpad {width:240px; margin-top:18px}

#article-lead-in 				{float:right; margin-top:-54px; width:410px;} /* photo, photo hold & pull */

#article .main-photo-hold,
#article blockquote.pull-quote	{margin-left:10px;}

#article .main-photo-hold 		{display:block;
								-webkit-transform:rotate(1.2deg); -moz-transform:rotate(1.2deg);
								background: url(/media/img/classic/photoshadow.png) no-repeat -8px 24px;
								padding:35px 20px;
								width:358px; 
								min-height:234px;
								}
#article .main-photo,
#events .main-photo 			{border:1px solid #777; background: #f3f3ed; padding:8px;}
#article blockquote.pull-quote 	{clear:right; 
								 width:330px; 
								 padding:12px 30px 9px; 
								 border-bottom:12px solid #ccc;
								 margin-left:20px
								}
#article .article-section-sponsor {position:absolute; width:270px; text-align:center; margin-left:100px}
#article .article-section-sponsor img {border:1px solid #000; margin-top:36px}

#article ul.size-460, 
#article ul.size-350 {margin-left:20px;}
#article ul.size-350 			{width:370px; }

#article ul.size-460 			{width:490px; }
#article .gallery 				{float:right; margin-left:20px; }
#article .gallery img 			{padding:8px; border-color: #777}
#article ul.left 				{margin: -5px 10px 0 0; width:auto; clear:left; float:left}

#article-copy > p,
#article-intro > p				{ padding:0 0 0 60px; max-width:620px }
	 
#article .sidebar {width:360px; color: #333; background: #e3e9f0; clear:right; margin-bottom:2em}
#article .sidebar ul.gallery {margin:-1px 1px 0 15px}
#article .sidebar p {margin:9px 15px}
#article .sidebar img {padding:0}
#article .sidebar blockquote { margin:18px 15px}
#article .sidebar h3 {background: #222; color: #eee; padding-right:15px}
#article .sidebar table,
.wide #article .sidebar table {margin:0; width:auto}

#article-copy > table {margin:0 60px 20px; width:620px !important}
#article-copy > table th,
#article-copy > table td {font-size:90%}
#article-tools {
	border:1px solid #ddd;
	background:#f6f6f6;
	margin:0 60px 20px;
	padding:0 0 0 10px;
	clear:right;
	-moz-border-radius: 10px; -webkit-border-radius: 10px;
	}

#article-share {float:left;  width:240px;}
#article-share ul#sociallinks {padding:10px 0 !important}
#article-share ul#sociallinks li {width: 30px;}
#article-share ul.tags {margin:0; list-style:none; }
#article-share ul.tags li {font-size:85%} 
#article_issues {margin-left:240px;
	background: url(/media/img/grm/diag-stripes.png);
	padding:0 10px 10px 20px;
	min-height:140px;
	border-left:1px solid #ddd;

	}
#article_issues hr.clear {visibility: hidden}		
#article_issues img {
	float:right; 
	border:1px outset #333; 
	margin:-30px 0 -20px 10px
	}
#article_issues p {
	font-weight: bold;
	color:#222
}	
#article_issues p {margin:0; font-size:85%; line-height:16px}


/*
#article_issues {clear:left; 
				border:1px solid #671e15; 
				background: #fefbcd; 
				padding:0 15px 10px; 
	 			color: #222; 
	 			margin-right:20px; 
	 			width:430px; 
	 			float:right 
	 			}
#article_issues p {margin:0; font-size:85%; line-height:16px}
#article_issues img {float:right; border:1px solid #333; margin:-60px -30px 0 10px; }
#article_issues h3 {color: #671e15}
*/
#article .dropcap {margin-left:-.5em}


/****************************************** barnfinds/ranwhenparked *****************************/
ul#findlist {margin:0; list-style: none}
#findlist img {border:1px solid #000; float:left; margin-right:20px; margin-bottom:18px}
#findlist li {clear:left; padding-bottom:18px; font-size:14px; line-height: 18px}
#findlist li a {color: #222}
#findlist .note {display:block}
#content-second form#barn-find-form {margin-left:0}
#barn-find-form p {color: #555}
#barn-find-form label {color: #000; font-size: 110%;display:block; float:left; width:60px}
#barn-find-form #id_make {display:block; margin-left:60px}


/***************************************** carslist ******************************************/
ul#cars_list {margin-left:0}
#modules .module ul {margin:0}

/************************************** clubs ****************************************************/

.selectbox 	  {width:31.5%; border:1px solid #ccc; float:left; margin-left:1%; background:#f6f6f6}


.selectbox select {width:100%; font-size:120%}
.selectbox select option {padding:5px; }
.selectbox .search {width:80%; font-size:120%}


#content .selectbox ul,
.selectbox li {margin:0; padding:0; list-style:none}

#content .selectbox ul {height:275px; overflow:auto; }
.selectbox li a, 
#clubForm label, #clubForm .help {display:block}

.selectbox li a {padding:3px 5px; border-bottom:1px solid #e6e6e6}
.selectbox li a:hover {background: #e6e6e6}
#clubForm .formFloat {width:33%; min-height:5em}
#clubForm textarea, #clubForm #id_club_cars, #content-second textarea {width:300px; height:168px}

#clublist #content-main h2  {margin-bottom:0}
#clubstable caption {line-height:36px}
#clubstable td {padding:6px 20px; font-size: 13px}
#clubstable td.t {font-weight: bold}
#club_detail .vcard {padding: 9px 15px}
#club_detail .vcard address {margin-left:0}

/************************************ forum ******************************************************/
#forum #content-main {padding:0; width:739px; float:right; border-left:1px solid #888}
#forum #content-second {width:240px; border-left:0; }

#forum ul.postlist,
#forum ul.postcontrols,
#forum ul.paginate,
#forum ul.post_list_controls,
#content ul#forum_nav {margin: 0; list-style: none}

#content ul#forum_nav {margin:0; min-height:60px;  width:240px; background: transparent}
#content ul#forum_nav li {width:110px; padding:0 20px;}
#content ul#forum_nav li a {padding-top:0}

#content ul#forum_nav li a,
#forum a.add,
.breadcrumbs {font-size:13px !important }

#forum #content-main table th,
#forum #content-main table td,
#forum td.t ul.recent li,
#forum #content-main table td.c {font-size: 12px;}

#forum .paginate, 
#forum .pagination {display:inline; margin-left:18px; white-space:nowrap; padding:0 !important; }
#forum #content-main table.forum_list td.t {padding-left:20px; }
.pagination .pagearrow {border:0;}
#forum #content-main table th .pagination a {padding:0px}
.breadcrumbs {color: #333;}

#forum #content-second a.add {float:none; display:block; margin:0 6px 9px; font-weight:bold}

#forum #content-main table {margin-left:0; width:100%}

#forum #content-main table th {padding:7px 9px 5px; }
#forum #content-main table td {padding:9px }

#forum #content-main table td.t {padding-left:0}
#forum #content-main table td.topic_notices {padding:0 5px}

#forum td.t ul.recent {margin:0 0 10px; padding:0 0 0 18px}
#forum td.t ul.recent li {line-height: 18px}
#forum #content-main table td.c {text-align:center;}


#forum ul.postcontrols {height:36px}
#forum ul.postcontrols li {line-height:16px; }
#forum ul.postcontrols li.voteup {left:40%;}
#forum ul.postcontrols li.report {left:31%; width:5em; }
#forum ul.postcontrols li.quote a,
#forum ul.postcontrols li.reply a {font-size:10px}


#forum .odd {background: #fff}
#forum ul.postlist {margin-left:8px; border-left:1px solid #ddd}
#forum .postlist h4 {
	border:1px solid #ccc;
	font-size:13px; 
	font-family: 'Lucida Grande', 'Arial Unicode MS', "Lucida Sans Unicode", Tahoma, Verdana, Arial, sans-serif;}
#forum .postlist li {border:0}

#forum #sociallinks {padding-top:18px}
#forum #sociallinks li {display:inline; width:20px}

/***** forum supplementals  *****/
#feat_ride img, #feat_ride .more {display:block}
#feat_ride .more, #poll-q {font-weight:bold; }

/***** forum featured ride *****/
#feat_ride p {margin:0}
#feat_ride img {border: 1px solid #000;}
#feat_ride .more {padding:2px 15px; width:210px; font-size:10px; color:#000;
	text-shadow: #ddd 1px 1px 1px;}

/****** forum poll *************/
#poll     {background: url(/media/img/classic/poll-q.png) no-repeat 180px 44px}
#poll-q   {padding-right:48px}
#poll p   {margin:12px 10px 12px 15px}
#pollform {margin:0; }
.pollchart {height:8px; background: #701a1a url(/media/img/classic/navBG.png) repeat-x center; 
	border:1px inset #666; display:block;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;}

/* poll list */
#polls th, #polls td {padding-top:10px; padding-bottom:8px}
#polls a {color:#222}


/*       news */
#news #content-second img { margin:24px 22px !important}

/* projects */
#specs dl {text-align:right; font-size: 11px; line-height: 12px}
#specs dt {font-weight:bold; float:left; }
#specs dt, #specs dd {padding:4px 5px 3px}
#specs dd {border-bottom:1px dotted #ccc}

#projectupdate ul.gallery {margin: 9px 0 0 10px; text-align: center;}
#projectupdate ul.gallery li {font-size: 10px}
#projectupdate #content-second blockquote {margin-top:24px}
#projectupdate #sponsors,
.np-nav {font-weight:bold; text-align:center}

#projectupdate .pull-quote p {font-size:18px; line-height:36px}
/****************************************** issues ********************************/
#issue #content-second img {display:block; margin:18px auto; border:1px solid #444}

/************************** Readers Rides *****************************************/
#ridelist #content-main h2 {margin-bottom:0}
#ridelist #content-main table {width:800px}
#ridelist table td.collapse {padding:5px 0 3px 5px}
#ridelist table td.collapse img {border:1px solid #444}
.ridepic {padding:8px; background: #f4f3f3; border:1px solid #777; display:block; margin:18px auto }

#ride_detail h2 .right {margin-right:90px}

#ihrotd .main-photo-hold {display:block; float:right;
								-webkit-transform:rotate(1.2deg); -moz-transform:rotate(1.2deg);
								background: url(/media/img/classic/photoshadow.png) no-repeat 0px 24px;
								padding:35px 20px 0;
								width:388px; 
								min-height:234px;
								}
#ihrotd .main-photo 			{border:1px solid #777; background: #f3f3ed; padding:8px;}
#ihrotd p {font-size:16px; line-height:30px; color:#333; }
#ihrotd strong, 
#ihrotd .exhead {display:block}

#rideoptions div {margin-right:10px; border-right:1px solid #ccc;float:left;}
#rideoptions .exhead {display:none}
#rideoptions div ul.options li {display:inline; padding-right:15px; border-bottom:1px solid #ccc}
#rideupdates a, #ridecomments a {display:block}


ul#tipscontrols {margin:9px 10px}
#tipscontrols li {padding:3px 0 2px; border-bottom:1px solid #e6e6e6; list-style: none}
#tipscontrols a {padding: 3px 0 3px 20px; background-position:left; font-weight: bold; display:block;}
#tipscontrols ul {margin-top:0}
#tipscontrols ul a {
	padding: 0; 
	font-weight: normal; 
	color:#444;
	font-size:12px;
	}
	
.latest 			{background: url(/media/img/icons/sweetie/16-clock.png) no-repeat center right;}
.interesting	{background: url(/media/img/icons/new.png) no-repeat center right;}
.highest 		{background: url(/media/img/icons/up.png) no-repeat center right;}
.comments 		{background: url(/media/img/icons/fam/comments.png) no-repeat center right;}
.mostviews 		{background: url(/media/img/icons/fam/application_double.png) no-repeat center right;}
.lastupdate		{background: url(/media/img/icons/edit-update.png) no-repeat center right;}
.by-make  	   {background: url(/media/img/icons/wheel-18.png) no-repeat center right;}

#rideoptions div {width:180px}
#rideoptions div.wide {width:380px; margin-right:0%; border-right:0; }
#rideoptions div.x-wide {width:378px; background-color: #eee; border:1px solid #ccc; padding:9px 10px; height:300px}
#rideoptions h4 {padding:0; margin-right:50px}

#rideoptions div ul {list-style:none; margin:0; padding:0; margin-right:40px}

#rideoptions div ul#rideupdates, 
#rideoptions div ul#ridecomments {margin:10px 0 0; }
#rideoptions div ul#rideupdates li, 
#rideoptions div ul#ridecomments li {padding:6px 0 5px; border-bottom:1px solid #ccc; display:block; }

#rideupdates .exhead {line-height:12px}

#rideoptions div.updated ul {margin-bottom:0}
#rideoptions div.by-make {margin:0 0 0 -5px; position:relative; left:10px; border-right:0; width:120px; background: transparent}
#rideoptions .by-make h4 {margin:0}
#rideoptions .by-make ul {height:300px; overflow:auto; margin:0;}
#rideoptions .by-make ul li {display:block}
#rideoptions hr.clear {border:solid #ccc; border-width:1px 0 0; margin-bottom:18px}
/*#rideoptions .highest 	  {background-image: url(/media/img/icons/up-big.png)}*/
#rideoptions .highest 	  {background-image: url(/media/img/icons/check-64.png)}
#rideoptions .latest 	  {background-image: url(/media/img/icons/clock-big.png)}
#rideoptions .interesting {background-image: url(/media/img/icons/star-big.png)}
/*#rideoptions .add-big     {background-image: url(/media/img/icons/plus-big.png)}*/
#rideoptions .add-big     {background-image: url(/media/img/icons/add-64.png)}
#rideoptions .add-big p   {margin: 0 70px 9px 0 }
#rideoptions .add-big a	  {border:0}
#rideoptions .commented   {background-image: url(/media/img/icons/quote-big.png) }
#rideoptions .updated     {background-image: url(/media/img/icons/edit-update-big.png)}
#rideoptions div          {background-position: 96% top; background-repeat: no-repeat}


/*************** user details *********************/ 
#user-detail .main-photo {margin:18px auto; padding:8px; border:1px solid #777}
#user-detail #watchlist ul, #user-detail #controls ul {margin-left:380px; }
#user-detail #watchlist ul li, #user-detail #controls ul li {font-size:13px; line-height: 18px}

#watchlist #content-second {padding-top:36px}

#staff #content-main ul,
#staff #content-main li	{list-style:none; margin:0; padding:0; font-size:13px}
#stafflist li 		    {text-align:right; border-bottom:1px dotted; color: #555;}
#stafflist li a 	    {float:left; font-weight: bold}
#officetour             {width:400px; height:300px}
#staff #content-second h5 {margin-left:15px}


#tipslist #content-main h2 {margin-bottom: 0}
#tipslist #content-main table {width:800px; border-top:1px solid #666}
#tipstable td {font-size:12px}
#tipstable a  {font-size:13px; font-weight: bold; padding:10px 0; display:block}

/* voting */
#vote {min-height:118px;}
#vote .score {
	color: #fff;
	text-align:center;
	background: #a8b6c7;
	text-shadow: #444 -1px -1px 1px;
	padding: 0 15px !important;
	display:block;
	float:left;
	margin-right:10px;
	border-right:1px solid #8094ad;
	}
	#vote .score .votes {font-size:72px; line-height:69px;
	font-family: Georgia, Times, serif;
	display:block; margin-top:-12px;
	width:89px; overflow:visible; white-space: nowrap}

#content-second #vote h4 {font-size:18px; background:transparent; margin-top:12px}

/*  vcards */
.vcard, .vcard dt, .vcard dd, .vcard li {font-size: 13px; line-height:18px}
.vcard dl {margin-top:18px}
address {font-style: normal}

/*** 404/500 pages ***/
.errorpic {border:1px solid #777; display:block; margin:20px 0 0 -5px;
	-webkit-transform:rotate(1.2deg); -moz-transform:rotate(1.2deg);
		background:#fff;
								padding:8px;
								position:absolute;
								}



#calpromo .main-photo-hold {position:absolute
								;
								}
#calpromo .main-photo 			{border:1px solid #777; background: #f3f3ed; padding:8px;
	-webkit-transform:rotate(1.2deg); -moz-transform:rotate(1.2deg);
	margin:10px 0 0 -10px;
	-moz-box-shadow: 2px 2px 5px #666; -webkit-box-shadow: 2px 2px 5px #666;
	}