@import url('../thickbox.css');
@import url('core-0509.css');
@font-face {font-family: 'I-state'; src: url("/media/files/InterstatePlusBoldCond.ttf");}

 
/* ----------------------------------------------------

GRM STD Stylesheet
Author:   Tim Baxter
Version:  2009.04

Extends grmcore.css styles for desktop browsers

----------------------------------------------------- */


h2, 
h3 	{font-family: 'I-state', 'Trade Gothic', 'Helvetica Narrow', 'Arial Narrow', 'GilSans Condensed', Arial, Verdana, sans-serif; 
	letter-spacing: 1px;
	}
h4 {font-weight: bold}

/* BASIC CONTENT STRUCTURE
------------------------------------------------------*/

#wrap, 
#logo h1, 
#footer div,
#signup p,
#search 	{
	width:988px;
	margin:0 auto; 
	}
	
#wrap	{ /* contains all content */
	background: url(/media/img/site/grid_960_16_col.png) repeat 20px;
	background: url(/media/img/grm/navBG.jpg) repeat-y 0px;
	min-height:485px;
	padding-top:9px;
	}	
	
#content { /* main content area */
	background: url(/media/img/grm/contentshadow.png) no-repeat right 10px;
	margin-left: 260px; 
	padding-right:10px; 
	position:relative;
	}	

#content1 { /* primary content area */
	width:440px; 
	float:left;
	}
.narrow #content1	{width:340px }
.widish #content1	{width:580px }
.wide	#content1	{width:100%;}

#content2 			{
	margin-left:457px !important;
	margin-left:447px;
	border-left:1px solid #d9d9d9;
	}
.narrow #content2	{
	margin-left:365px !important;
	margin-left:359px
	}
	
.widish #content2	{
	margin-left:590px !important;
	margin-left:585px;
	}	


/* MASTHEAD 
-------------------------------------------*/
#signup {
	height:33px; 
	padding:3px 0 5px; 
	margin-bottom:-10px; 
	z-index:1000;
	background: #800 url(/media/img/grm/signupBG.png) repeat-x 20px; 
	position:relative;
	}
	#signup p {
		font-weight:bold; 
		padding:7px 0 0
		}
	#signup a,
	#signup a:hover	{
		color:#fff; 
		padding:0 10px
		}
		
#search {
	text-align:right; 
	z-index:20;	
	margin-bottom: -3em; 
	position:relative; 
	width:224px !important;
	}

#search #id_q {
	height:14px;
	margin-right:4px;
	width:150px;
	}

#logo    { background: #a00 url(/media/img/grm/logoBG.png) repeat-x;}
#logo h1 { background: url(/media/img/grm/flag-trans.png) no-repeat right;}

#logo h1 a#grm {
	width:240px;
	background: url(/media/img/grm/logo-240.png) no-repeat 0 10px; 
	height:90px; 
	}

#cta-top {background:#111 url(/media/img/store/GRMstoreNavBg.jpg) repeat-x;
	border:1px solid #111;
	margin-left:-10px;
	-moz-border-radius-topright: 15px; -webkit-border-top-right-radius: 15px;
	-moz-border-radius-topleft: 15px; -webkit-border-top-left-radius: 15px;
	padding:20px;
	position:relative
	}
	
h3.cta {height:50px;
	font-weight:bold;
	font-size:13px;
	line-height:28px;
	padding:0;
	margin-top:-5px;

	}		
h3.cta a {
	width:39%;
	text-shadow: #000 4px 4px 5px;
	color:#ff6;
	}	
h3.cta a:hover {color:#fff; text-shadow: #000 0px 2px 4px;}
.cta strong {display:block; font-size:30px; letter-spacing: 5px; }
	
h3.cta a, #subimgs {float:left;}
	
#subimgs {
	width:11%;
	padding-left:9%;
	margin:-30px 2% -10px 0;
	}
#subimgs img {
	float:left; 
	top:-2px; 
	position:relative; 
	margin-left:-58px; 
	border:1px solid #222
	}

#subimgs #img1		{ margin-top:8px;
						-webkit-transform:rotate(-10deg); 
						-moz-transform:rotate(-10deg);
						}
#subimgs #img2		{margin-top:4px;
						-webkit-transform:rotate(-7deg); 
						-moz-transform:rotate(-7deg);
						}
#subimgs #img3		{margin-top:1px;
						-webkit-transform:rotate(-4deg); 
						-moz-transform:rotate(-4deg);}
#subimgs #img4		{margin-top:0px;
						-webkit-transform:rotate(-1deg); 
						-moz-transform:rotate(-1deg);}
#subimgs #img5		{margin-top:2px;
						-webkit-transform:rotate(2deg); 
						-moz-transform:rotate(2deg);}
#subimgs #img6		{margin-top:5px;
						-webkit-transform:rotate(6deg); 
						-moz-transform:rotate(6deg);}
#subimgs #img7		{margin-top:8px;
					-webkit-transform:rotate(12deg); 
						-moz-transform:rotate(12deg);}
#subimgs #img8		{ margin-top:11px;
						-webkit-transform:rotate(16deg); 
						-moz-transform:rotate(16deg);}
							
/*	

.cta img {float:right;}
.cta a {width:260px; 
	
	}
#subscribe {margin-right:12px; width:240px}
#try {margin-right:-10px;
	width:280px;
	border-left:1px solid #444;
	padding-left:10px;
}
#subimgs {width:75px; 
	display:block; 
	padding:0px 0 0 60px; 
	
	}

*/


						
/*   NAV
--------------------------------------------- */		
#nav  {
	width:240px; 
	float:left
	}
	#nav > li {
		border-bottom:1px solid #ccc; 
		margin-bottom:20px;
		}
#nav, 
#nav ul	{list-style:none; padding:0; margin:0}

#nav,
#nav a {color:#222;}

#nav li {
	font-size:12px; 
	line-height:15px;
	padding:11px 0 9px;
	position:relative;
	font-weight: bold
	}	
#nav h3,
#nav h4 {
	padding: 5px 0; 
	line-height:12px;
	border-bottom:1px solid;  
	margin-bottom:0px; 
	font-size:16px
	}	
#nav h4 {font-size:14px;}	
#nav ul a {
	display:block;	
	padding:7px 8px 6px 0; 
	margin: -11px -8px -10px 0; 
	}
#nav ul a:hover  {
	padding:6px 8px 5px 0; 
	background:#fcfcfc; 
	color:#000; 
	border:solid #e6e6e6; 
	border-width:1px 0}

#nav ul .exhead {
	font-size:11px;
	letter-spacing: 0
	}
#nav .more	{
	position:absolute; 
	right:0; 
	padding:2px 5px
	}
	
#nav .date_list2 li a,
#nav .date_list li a:hover {padding-left:65px}	
#nav .date_list2 .datebox {width:60px; margin-left:-65px }

#nav #birthdays ul li,
#nav #happenings li,
#nav #latestads li   {font-weight:normal; }


#nav #ride img {display:block; border:1px solid #666;
	margin:-1px 0 0 -1px;
	width:238px;
	}
#nav #ride .more {position:static; }
#nav > li {
	border:1px solid #999; 
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background:#fff url(/media/img/site/diag-lines.png);
	margin-bottom:10px
	}
#nav li li a,
#nav li li a:hover {padding-left:10px; margin-left:-10px }
	
#nav h3,
#nav h4,
#nav li li,
#nav li#birthdays,
#nav li#countdown {padding-left:10px; padding-right:10px}	

#nav li#birthdays li {width:45%; display:inline-block; padding-left:0;}

#nav li.navads {border:0; background: transparent}

#nav li.amazon p {font-size:12px; line-height:15px; padding: 5px 10px 0}


/** FOOTER
----------------------------------------------------*/
#finisher 	{clear:both}
#footer 	{
	border-top:1px solid #000;	
	background: url(/media/img/grm/footerBG2.gif) center; 
	width:100%;
	}
#footer p, 
#footer li 	{
	float:left; 
	margin-right:10px; 
	padding-top:4px;
	}
#footer p 	{
	text-align: right;
	width:240px; 
	margin:0
	}
#footer ul 		{
	margin:0 0 0 260px; 
	list-style:none;
	padding:0
	}
#footer li 		{
	width:109px;
	font-size:12px
	}
#footer li.home	{padding-left:10px;}
#footer a 		{color: #d6d6d6}
#footer a:hover {color:#fff !important}


#content2 textarea {width:98%}
#content2 > p {margin:10px;}

	
/* GLOBAL SUPER CLASSES-------------------------------

exhead      -- supplemental hed info 
sup         -- supplemental sidebar boxes

------------------------------------------------------*/
#map {height:198px; border:1px solid #000;  margin-left:-10px }
.exhead {
	color:#555; 
	font-weight:normal; 
	letter-spacing:1px; 
	font-size:12px
	}
.help,
.note  {font-size:12px; color:#555}	
.right { float: right; }	

.more {
	background:#f9f9f9; 
	padding:0 5px;
	border:1px solid #bbb !important; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	font-weight:bold;  
	}
	
.sup {	
	background: url(/media/img/grm/navBG.jpg) repeat-y right; 
	min-height:60px;
	border-bottom:1px solid #999;
	}	
.narrow .sup {background-position: 105px}
.sup dl {
	text-align:right; 
	font-size: 11px; 
	line-height: 15px
	}
.sup dt {font-weight:bold; float:left;  }
.sup dt, 
.sup dd {padding:3px 5px 2px}
.sup dd, .sup li, .sup p {border-bottom:1px dotted #d9d9d9;}
.sup h3 {background:#444 url(/media/img/site/diag-lines.png); color:#fff; 
	font-size:16px; padding:6px 5px 0px 5px; margin-bottom:0px; 
	border-top:1px solid #555;
	border-bottom:1px solid #333;
	}
	.sup h3 a {color:#fff}
.sup p {margin-top:9px}
.sup a.cart {float:right; border:0; padding: 0 20px 0 0}

.sponsors {text-align:center; }
.sponsors img {display:block; padding:10px 0; margin:0 auto}

.sponsors h3 {margin-bottom:10px}
.sponsors h4.exhead {margin:0; padding:0;}

.button,
.cartcontrol {background: #f9f9f9; 
			border:1px solid #bbb !important; 
			padding:5px 10px 3px;
			-moz-border-radius: 5px; -webkit-border-radius: 5px;
			}
.button {background: #fff url(/media/img/classic/buttonBG.png) repeat-x;}

.pull-quote {
	border:1px solid #000; 
	padding:0; 
	margin:0;
	background: #333 url(/media/img/grm/openquote.gif) no-repeat 0 7px; 
	clear:right; 
	}
.pull-quote p {line-height:30px; font-size:15px; 
	font-style:normal;  font-weight: bold;
	padding:9px 28px; margin:0;
	background: url(/media/img/grm/closequote.gif) no-repeat 98% 97%;  }	

.pull-quote p, .pull-quote p * {color:#eee;}

.box {border:1px solid #bbb}
.rounded {-moz-border-radius: 5px; -webkit-border-radius: 5px;}
	
/* SPECIAL LISTS ----------------------------------------

.date_list  -- lists of dates
	datebox -- fancy date display
------------------------------------------------------- */	
.date_list2 li a {min-height:24px}
.datebox, 
.datebox .date {
	float:left; 
	display:block;
	}
.datebox {
	background: url(/media/img/grm/dateBG2.gif) no-repeat; 
	color:#000;
	width:60px;
	height:24px;
	text-align:center;
	font-size:11px;
	font-weight:bold;
	margin-right:5px;
	line-height:22px;
	margin-bottom:-5px;
	}
	.datebox .date {
		color:#fff; 
		width:34px
		}
		
.has-images .shadow {margin:5px 10px 10px 0}

ul.spec_nav {
	background: #c8c8c9 url(/media/img/common/glossgrade.png) no-repeat top center; 
	width:210px; 
	border:4px solid #fdfdfd;
	padding:0 !important;
	list-style: none;
	margin:0 auto 9px !important;
	-moz-box-shadow: 1px 1px 3px #666;
	-webkit-box-shadow: 1px 1px 3px #666;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	font-size: 98%
}
.spec_nav > li:first-child {border-top:1px solid #ddd}
.spec_nav > li:last-child {border-top:1px solid #ddd}

.spec_nav li {padding:9px 5px 8px;  text-align: center;
		text-shadow: #fff -1px 1px 0;
		letter-spacing: .5px;
		font-weight:bold;
		border:solid #ddd;
		border-width:0 1px 1px;
	}
.spec_nav li a:hover {border:0; color:#000; }
.spec_nav li a.attend {background: url(/media/img/grm/graygrade.png);
	padding:3px 6px 2px;
	position:relative;
	left:5px;
	border:1px groove #999;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;}
.spec_nav li a.attend:active {border-style:inset; background-position: bottom; color:#fff;
text-shadow: #666 1px 1px 0}


#tipscontrols { /* special control lists used on rides and tips. Shifts icons to left */
	border-bottom:1px solid #ccc; 
	padding-bottom:10px}
#tipscontrols li {
	padding:8px 5px 7px; 
	border-top:1px solid #eee
	}
#tipscontrols a {
	padding: 3px 0 3px 20px; 
	background-position:left; 
	font-weight: bold; 
	display:block; 
	line-height: 15px}

#tipscontrols ul a {
	padding: 0 0 0 18px; 
	font-weight: normal; 
	color:#444;
	font-size:12px;
	}	
#tipscontrols li li {padding:3px 5px 2px}

/* STAFF  ----------------------------------------------
--------------------------------------------------------*/
#stafflist li 	{
	text-align:right; 
	border-bottom:1px dotted; 
	color:#444;
	font-size: 12px
	}
#stafflist li a {
	float:left; 
	font-weight: bold
	}
object.blogupdateimg,
#officetour {width:354px; height:290px;}	


/* ARTICLES --------------------------------------------
	#article-lead-in -- main photo and blockquote at top
--------------------------------------------------------*/
#articles #content1 h2 {padding-bottom:0}

#articles #content1 ul.has-images {
	border:1px solid #ccc;
	padding:0 10px;
	width:95%;
	background:#f0f0f0;
	}
#articles #content1 ul.has-images li { 
	min-height:79px; font-size:13px; line-height: 17px;
	border-bottom:1px solid #ddd;
	padding-top:6px}

.article-section-sponsor {padding-top:20px}

#article-cats-hold ul {margin:0; padding:0; }
#article-cats-hold ul li {font-weight:bold; list-style:none; border-bottom:1px solid #ccc; padding:10px 10px 8px}
#article-cats-hold ul ul {padding:0 !important;
	border:1px solid #ccc;
	background: #f9f9f9;
	margin-bottom:9px;
	}
#article-cats-hold ul ul li {font-weight:normal; font-size:13px; border-bottom:1px dotted #ccc; padding: 7px 5px 6px}
#article-cats-hold ul ul li .partner {margin:-2px 0 0 10px}

#article-cats-hold .sponsors {clear:none}

ul#article-make-list {height:330px; overflow:auto; margin-bottom:0 !important}
ul#article-make-list li {font-weight:normal; font-size:13px; border-bottom:1px dotted #ccc; padding: 4px 5px 3px}

#article #article-copy  {padding-right:230px; width:auto}

#article-lead-in {float:right; margin:-50px 0 10px 10px}
#article .pull-quote {width:352px}


#article ul.size-460 {width:460px; margin-right:-230px}

#article ul.left {float:left; margin: 4px 10px 0 0; width:auto; }
#article ul.left li {margin-left:0}
#article table.narrow {width:340px; margin-top:2px}
#article table th {text-align:center}
#article table.right {margin-left:10px;}

.sidebar {
	float:right;
	width:330px; 
	border:1px solid #ccc;
	margin: 0 -230px 10px 10px;
	background: #e6e6e6 url(/media/img/grm/diag-stripes.png);
	clear:right;
	}
.sidebar table {
	background: #e6e6e6; 
	border-bottom:1px solid #666;
	clear:both
	}
.sidebar h3 {
	font-size:14px; 
	background:#cfcfcc url(/media/img/grades/litegray.png) repeat-x top; 
	padding:9px 10px
	}
.sidebar h4, 
.sidebar p {
	margin-left:10px; 
	margin-right:10px
	}
.sidebar td, 
.sidebar th, 
.sidebar p,
.sidebar ul li {font-size:12px; line-height: 15px}	

#article .gallery {margin-right:-230px}	
#article .sidebar .gallery {margin-right:2px;}
#article .sidebar .gallery,
#article .sidebar img {margin:0 !important}
#article table .evencol {background:#ddd}

#articles .unpad {margin-top:18px; margin-left:-10px; min-width:240px; text-align:center}
.unpad img {margin: 0 0 18px; display:block}


/* STORE    --------------------------------------------
--------------------------------------------------------*/
#store .cta, #storefront .cta, #storefront #birthdays, #storefront #countdown, 
#storefront #cta-top, #store #cta-top, #cart #cta-top {display:none}
#storefront #wrap {padding-bottom:0px; border:1px solid #fff;}
#storefront #content {margin-bottom:-120px; margin-left:250px}
#storefront #content1 {
	width:250px !important; 
	background: url(/media/img/store/GRMstoreNavBg.jpg) repeat-x;
	border:solid #000; 
	border-width:6px 0 2px 6px;
	height:542px; 
	margin:0 -30px -80px 0px;
	color:#fff; 
 }
#storefront #content1 ul {margin:0; padding: 36px 0 0 !important; }
#storefront #content1 li {list-style:none; margin:0 !important; font-weight:bold; font-size:24px;}
#storefront #content1 li a {border:0; text-shadow: #000 2px 2px 2px; color:#fff; display:block; line-height:72px; padding-left:10px; }
#storefront #content1 li a:hover  {background: url(/media/img/site/opacity20.png); color:#fff !important} 
#storefront #content1 h3 {opacity:.25; font-size:24px; color:#fff}


#storefront #content2 {
	background: url(/media/img/store/grmstorefront3.jpg) no-repeat right bottom;
	border:solid #000;
	border-width: 6px 6px 2px 6px;
	margin-left:253px !important;
	width: 466px;
	height:542px;
	position:relative;
	}
	
ul#storenav {background: #111 url(/media/img/grm/ctaBG.png);
	height:66px;
	border:2px solid #000;
	margin:0 -1px 0 -10px;
	padding:0;
	float:none;	
	}
	#storenav li {background: #111 url(/media/img/grm/ctaBG.png);
	float:left; width:119px;list-style:none !important; margin:0 0 0 -1px !important; font-weight: bold;  font-size:16px; border-left:1px solid #222; text-align:center}
	#storenav li a {color:#fff; text-shadow: #000 2px 2px 2px;display:block; line-height:61px; padding-top:5px}
	#storenav li a:hover,
	#storenav li a.active  {background: url(/media/img/site/opacity20.png); color:#fff !important} 


#cartinfo {float:right; border-left:1px solid #ccc; width:218px; padding:0 10px}
#cartinfo ul {padding:0 !important; font-size:90%; margin-top:0}
#cartinfo li {margin:0 !important; padding:8px 0  5px !important; border-bottom: 1px solid #ccc; list-style:none !important; text-align:center}
#cartinfo img {margin:18px 0 5px -10px; }
#cartinfo img#emptycart {position:relative; top:0}
#cartinfo h4 {text-align:center; margin-bottom:0}
#cartinfo a {border:0}
#cartinfo .cartcontrol {font-size:90%; display:block; margin-top:9px}
#cartinfo .cartcontrol:hover {cursor: pointer}

#cartinfo span.button {width:200px}

#shipping-note {-moz-border-radius: 5px; -webkit-border-radius: 5px; 
	border:1px solid #1c6904; padding:2px 10px 2px 30px; 
	background-position: 5px;
	text-align: center;
	color:#1c6904 !important;
	font-weight:bold;
	background-color: #d2ebcb
}

.suboptions {
	padding:0 10px 9px;
	border-top:1px solid #bbb}
.suboptions li {list-style:none; display:inline; padding:18px 2px }
.suboptions li a {-moz-border-radius: 5px; -webkit-border-radius: 5px; color:#111;background:#f9f9f9; border:#ccc; border:1px solid #bbb !important; padding:2px 5px; font-weight:bold; white-space: nowrap
}
.suboptions li a .note {letter-spacing: normal}

#subsgroup .box {width:470px; margin-bottom:18px; min-height:84px;
	background:#fff url(/media/img/site/diag-lines.png);
	}
#subsgroup .box h3 {
	background: #111 url(/media/img/grm/ctaBG.png);
	float:left; width: 100px; text-align:right; padding-right:10px;
	border-right:1px solid #bbb;
	color:#fff;
	font-size:17px;
	margin:-1px 10px 0 0;
	height:66px;
	line-height:30px;
	}
	
#subsgroup .box h3 a {color:#fff}
#subsgroup .sub-price {font-size:150%}
#subsgroup .box p {margin:10px}
#subsgroup .box a.cart {display:block; background-position: 110px; padding-left:130px}

#subsgroup .box .cart,
#subsgroup .box .ok {font-weight:bold; border:0; }

#subsgroup .box a.ok {color:#222}

#subsgroup #cartinfo #breakshed,
#subsgroup #cartinfo #breaks {display:none}

.subhelp, .submail, .subphone {padding:0 72px 0 0; margin:0 }
.submail  {background: url(/media/img/store/mail72.png) no-repeat right 0px;}  
.subphone {background: url(/media/img/icons/phone.png) no-repeat right 0px; }
.subhelp  {background: url(/media/img/icons/subhelp.png) no-repeat right  0px;}

.subhelpbox {float:left; text-align:center; width:218px; padding:0 10px 0; margin-right:-1px; 
	background: #e6e4de;
	border:1px solid #bbb; border-width:0 1px;
	 min-height:140px;
	  }

#covers {text-align:center; width:485px; margin-top:18px;}
#covers img {border:1px solid #333; margin:0 5px 5px 0}

.itemslist {margin:0 220px 0 -5px !important; padding:0 !important; }
	.itemslist li {float:left; list-style:none !important;
		font-size:90%; 
		/*height:116px;*/
		height:180px;
		margin:8px 7px 0 0 !important;
		line-height:normal; 
		width:150px; 
		font-weight:bold;
		text-align:center;
		}
	/*.itemslist .itemimg {display:block; float:right;
		 height:94px;  margin:-7px -2px 0 2px; overflow:hidden;}
	.itemslist img {background:#fff; display:block; margin-left:-1px;
		}*/
	.itemslist .itemimg {display:block; border:1px solid #888;
		height:135px; overflow:hidden;
		margin:0 auto 5px;
		width:150px; }	
		.itemslist .itemimg img {display:block;  }
		.itemslist .cartcontrol, .itemslist .item-price {display:none}

#cart_text {clear:both}

/* issues */
/* grm-specific styles for fancy new sliding issues list 
   for general styles see common.css
*/
#issuesgroup {background:#030303; margin:0 0 -72px -10px !important; padding-top:36px; padding-bottom:70px}
#issuesgroup h3, #issuesgroup p {color:#ddd; margin-left:10px}
#issuesgroup #cartinfo {border-left:1px solid #555;}
#issuesgroup h3 .exhead {font-weight:bold}
#issuesgroup #breaks {color:#ccc; }
#issuesgroup hr {visibility:hidden}

#yrlist {background:#111; position:absolute; top:66px; left:-10px; width:96% }	
	#yrlist li a {color:#bbb;}
	#yrlist li a:hover {color:#fff}

img.next, img.prev{top:60px;}
	img.prev{left:-10px !important;}
	img.next{right:-5px;}

ul#sections, #sections ul {margin-top:0}
.section li a.thickbox {color:#ccc; letter-spacing: .1em}
#issuesgroup #aq {border:1px solid #593e0c; background: #111; color:#eee;}

span.out {display:block; margin:5px 0 0 !important; padding:0 !important; width:100%; background:#c00; color:#fff}


#cartTable {margin:20px 20px 10px 0; width:98%}
#cartTable td, #cartTable th {padding:5px 10px}
#cartTable .alert {background:#ffa}
#cartTable .carttotals {background:#d6d6d6; }
.carttotals * {font-weight: bold}
#cartTable .button {font-size:80%; margin-left:20px}
#cartTable col.odd {background:#f0f0f0}
#cart-totals th {text-align:right; font-weight: bold; font-size:110%}

/* For more paymentform, see core.css */

#mmi-info {color:#666;
	float:right;
	padding:0 10px;
	border-left:1px solid #666;
	margin-left:20px;
	width:210px;
	}
#mmi-info strong {color:#222; display:block}
#mmi-info, #mmi-info * {font-size:12px; }
#mmi-info img {margin:10px 5px 0 0}

#paymentform {margin-top:20px}
#paymentform fieldset {
	margin:0 8px 30px 0;
	border-top:1px solid #444;
	max-width:470px;
	}
	#paymentform fieldset.submitHold {border:0}
#paymentform legend {font-weight:bold; padding:5px 10px 1px; 
	background: #555 url(/media/img/grades/30px-grade.png) repeat-x bottom;
	color:#fff;
	-moz-border-radius: 5px; -webkit-border-radius: 5px;
	text-shadow: #222 -1px -1px 0px;
	}
	#paymentform fieldset p {padding:5px; margin:0;
		-moz-border-radius: 5px; -webkit-border-radius: 5px;}

#paymentform label {font-weight: bold; color:#555; display:block; font-size:90%; line-height:15px}
#paymentform label .help {font-weight:normal; margin-left:10px}

#paymentform label.error {position:absolute;  border:1px solid #900; color:#fff;
	padding:3px 5px 2px 20px;
	background:#ba1c0c url(/media/img/icons/exclamation-18.png) no-repeat;
	}

#paymentform p.formFloat {width:47%}


	
	#bname,
#ccnum input, input#country, #sname, #saddr1 {width:97%}

#cctypes img {vertical-align: middle; padding-right:2.5em}
#cctypes label {display:inline}

#paymentform .shortinput input {width:96%;}
#paymentform input[type=checkbox] {width:1.5em; }

#paymentform #checkout {height:3em; width:45%; font-weight:bold; font-size:120%; cursor:pointer}

.nobr input	 {float:left}		

input#cvnotpres {display:inline}
#paymentform .datefield select {width:7em}

	#paymentform p.formFloat #bstate,
	#paymentform p.formFloat #sstate, {width:30px !important; background:aqua}
	
/* fancy issues list */


#yrlist {border:1px solid #593e0c; 
	-moz-border-radius: 5px; -webkit-border-radius: 5px; 
	height:24px !important; 
	padding:0 !important; 
	margin:10px 24px 0 10px !important; 
	text-align:center;
	}
	#yrlist li {list-style:none; display:inline; line-height:24px; font-size:12px}
		#yrlist li a {font-weight: bold; padding:5px}
		
#breakshed {margin:20px 0 0; padding:0 }

#breaks {float:right; clear:right; padding:0 !important; }
	#breaks li {margin:0 !important; padding:8px 0  5px !important; border-bottom: 1px solid #ccc; 
		list-style:none !important; text-align:center; }
	#breaks img {float:left; margin: 0 5px 0 0}

#adv_search {float:right !important; margin:16px 10px }
	.searchform label {display:none}
	#aq { -moz-border-radius: 3px; -webkit-border-radius: 3px;
		padding:2px 3px; text-align:right; font-weight:bold }

#slider {
	overflow:hidden;
	height:400px;
	padding-left:10px
	}
img.next, img.prev{
	cursor:pointer;
	position:absolute !important;
	top:120px;
	border:0 !important;
	margin-top:-50px;
	z-index:100
	}
	img.prev{left:-25px !important;}
	img.next{right:-5px;}
	
#sections {width:15060px;}

	li.section{
		list-style:none;
		margin:0 15px;
		float:left;
		padding: 0 7px 0 5px;
		border-right:1px solid #555;
		text-align:center;
		max-width:355px;
	}
	.section ul {padding:0 !important;}

	.section h3 {text-align:left; color:#444 !important; letter-spacing: .2em}
	.section li {
		width:65px; margin:9px 10px 9px 10px; height:144px; 
		float:left; display:inline;
		font-weight:bold; 
		font-size:11px;
		}
		.section li img {display:block; margin:0 !important} 
		.section li .reflection, .section li .rheight30 {margin-bottom:-24px}

		.out { -moz-border-radius: 3px; -webkit-border-radius: 3px;}


/***  events ********************************************** 
***********************************************************/
#special_event #map {border-bottom: 1px solid; width:100%}
#special_event .calTable {width:100%}
#events #content1 #sponsors img {padding:20px 24px !important; margin:0 0 9px 15px}
ul.event_list {margin-top:18px}
#event_list table {margin-bottom:36px; border:0}
#event_list thead {border:solid #999; border-width:1px 0 2px}
#event_list table caption {font-weight:bold; text-transform: uppercase; letter-spacing: 2px; padding:0}
#event_list table td {padding:4px 5px 5px}
#event_list table td.date {padding:0}
#event_list .summary {font-weight: bold; }
#event_list .vcalendar {display: none}
.event_list .datebox {margin-top:8px; margin-bottom:-10px;}

#special_event .sidebar {
	margin: 0;
	width:auto;
}

/***  VIDEO  ********************************************** 
***********************************************************/
#videohold {text-align:center; background: #030303; 
	padding:1px;
	margin:-1px -8px 0 -10px;
	}
#videohold object {width:100%; display:block; }



/***  RECOMMENDED ***************************************** 
***********************************************************/
.amazon img {border:1px solid #666}
.amazon img.left {margin-right:7px}
.amazon a {color:#222}
.amazon strong {display:block}
#recommended-list li {padding-left:80px; padding-bottom:20px}


/***  VOTING ***************************************** 
***********************************************************/
#vote {min-height:110px;}
#vote .score {
	text-align:center;
	background: #ccc;
	text-shadow: #fff -1px -1px 1px;
	padding: 30px 15px 0 !important;
	display:block;
	float:left;
	margin-right:10px;
	border-right:1px solid #444;
	min-width:41%;  text-align:center; 
	color:#111; 
	height:52px;
	
	}
	#vote .score .votes {font-size:72px; line-height:62px;
	font-family: Georgia, Times, serif;
	display:block; 
	float:left;
	margin-top:-30px;
	}
#vote h4 a.voting {display:block; margin-top:20px}
/***  FORUM ***************************************** 
***********************************************************/
#forum #content {margin-left:250px;}
#forum #cta-top {margin-left:0px;}
#forum .recent li,
#forum td.c {font-size:12px; }
#forum blockquote {
	border: 1px solid #ccc; 
	font-style: italic; 
	color:#333; 
	margin:10px 0; 
	padding:10px 10px 0;
	background:#f9f9f9;
	}
#forum blockquote blockquote {margin:10px 10px}


/***  USER PROFILES *************************************** 
***********************************************************/
#user-detail .vcard dt {width:150px; }

#community .exp 	{ /* explanatory text on user profile form */
	float:right; width:220px; margin-right:-260px; color:#444; font-size:95% }
#community label 	{display:block}

/***  CLUBS      ****************************************** 
***********************************************************/
#clublist #content {margin-left:250px;}
#clublist #cta-top {margin-left:0px;}
#clublist #clubstable th,
#clublist #clubstable td {padding:8px 15px 7px;}
#clublist #clubstable th .buttons {margin:0; width:240px}
#clublist #clubstable td.t a {font-weight:bold}
.selectbox {border:1px solid #ccc; padding:20px 10px; margin:0 10px 10px 0; background:#f6f6f6 url(/media/img/site/diag-lines.png)}
.selectbox h3 {font-size:14px; padding:5px }

#content1 .selectbox ul {margin:0; padding:0; list-style:none; height:275px; overflow:auto; }
#content1 .selectbox li {margin:0; padding:0; list-style:none}
.selectbox li a {display:block; padding:3px 5px; border-bottom:1px solid #e6e6e6}
.selectbox li a:hover {background:#e6e6e6}

.selectbox select {width:100%; font-size:120%}
.selectbox select option {padding:5px}
.selectbox #adv_search {width:100%; margin:0; float:none !important;  }
.selectbox #adv_search input.search {width:90%}

#club_detail .vcard {padding-left:10px}


/* Comments */
#comment-list dd {margin-bottom:20px;}


/***  PROJECTS   ****************************************** 
***********************************************************/
#projects .sup ul {margin:5px 0}
#projects .sup li {font-size:85%}
#projects .sup li a {color:#444}
#projectupdate #content1 p {margin-top:0 !important}

/***  Tips   ****************************************** 
***********************************************************/
#tipstable {margin-left:-10px; width:103%}
#tipstable th,
#tipstable td {padding-left:10px;; font-size:90%}
#tipstable td a {font-weight:bold; font-size:110%}