body {
	background: #9E9E9E;
}

a:link, a:visited {
	color: #B84F5F;
	text-decoration: none;
}

a:hover, a:active {
	color: #b82c36;
	text-decoration: underline;
}

.linkButton a:link, .linkButton a:visited {
	font-size: 12px;
	line-height: 28px;
	color: #fff;
	background-color: #b82c36;
	border: 3px solid #861c23;
	padding: 3px;
	text-decoration: none;
	margin: 5px 0;
}

.linkButton a:hover, .linkButton a:active {
	font-size: 12px;
	line-height: 28px;
	color: #fff;
	background-color: #e23641;
	border: 3px solid #861c23;
	padding: 3px;
	margin: 5px 0;
	text-decoration: none;
}

#container {
	/*width: 1000px;*/
	\width: 810px;
	w\idth: 800px;
	border: 1px solid #272727;
	margin: 5px;
	margin-left: auto;
	margin-right: auto;
	padding: 5px;
	font-family: 'Lucida Grande', LucidaGrande, Lucida, Helvetica, Arial, sans-serif;
	background: #FFFFFF;
}

#header {
	margin-bottom: 5px;
	background: no-repeat url(../images/head_skateboarding.jpg) transparent;
	padding-top: 158px;
}

#content {
	padding: 5px;
	margin-right: 0px;
	background-color: #FFFFFF;
}

#menu {
	margin: 0px;
	display: block;
	height: 50px;
	padding-top: 4px;
	padding-left: 195px;
	background: no-repeat url(../images/logo.gif) transparent;
	list-style: none;
}

#menu li {
	padding: 0px;
	font-size: 10px;
	line-height: 20px;
	display: inline;
}


#menu li a {
	color: #6E6E6E;
	padding: 4px 10px 10px 10px;
	margin-bottom: 5px;
	font-family: 'Lucida Grande', LucidaGrande, Lucida, Helvetica, Arial, sans-serif;
}

#menu li a:link, #menu li a:visited {
	color: #6E6E6E;
	font-style: normal;
	text-decoration: none;
}

#menu li a:hover {
	color: #8E1123;
	text-decoration: none;
}

#menu li a:active {
	color: #605456;
	text-decoration: none;
}

/* @group Sidebar */

#sidebar {
	float: right;
	width: 150px;
	\width: 160px;
	w\idth: 150px;
	margin-left: 5px;
	padding-left: 5px;
	background-color: #FFFFFF;
	border-left: 1px dotted #b6b6b6;
	border-top: 4px solid #AA152B;
}

#sidebar h2 {
	font-size: 14px;
	line-height: 18px;
	margin-top: 5px;
	margin-bottom: 3px;
}

#sidebar h3 {
	font-size: 14px;
	line-height: 18px;
	margin-top: 5px;
	margin-bottom: 3px;
}

#sidebar p {
	font-size: 12px;
	margin-bottom: 5px;
	line-height: 14px;
}

#sidebar dt {
	font-size: 9px;
	color: #979797;
	margin: 0;
	padding: 0;
	line-height: 12px;
}

#sidebar dd {
	font-size: 12px;
	margin: 0;
	padding: 0;
	line-height: 14px;
}

#sidebar ul {
	padding-left: 2px;
	margin-left: 0px;
}

#sidebar li {
	font-size: 12px;
	margin: 4px 0;
	padding: 0;
	line-height: 14px;
}

#homelinks {
	background: #f8e6e6;
}

#homelinks li {
	list-style: none;
	padding-bottom: 3px;
}

#homelinks h1 {
	font-size: 10px;
	padding-left: 4px;
	padding-top: 4px;
	padding-bottom: 0px;
	background: #d4a5a5;
}

#homelinks p {
	margin-top: 0px;
	margin-bottom: 0px;
	padding-right: 2px;
	padding-left: 2px;
}

#homelinks a {
	display: block;
	width: 144px;
	padding: 2px;
}

#homelinks a:link, #homelinks a:visited {
	
}

#homelinks a:hover, #homelinks a:active {
	background: #eccece;
	text-decoration: none;
}
	
/* @end */

.hidden {
	visibility: none;
}

#footer {
	clear: both;
	padding: 5px;
	margin-top: 5px;
	
	background-color: #FFFFFF;
	color: #6E6E6E;
	font-size: 9px;
}

/* @group story */

.story {
	margin-left: 30px;
	margin-bottom: 20px;
	clear: none;
	display: block;
}

.story h1 {
	color: #752726;
	font-size: 14px;
	padding-top: 2px;
	margin-bottom: 1px;
	margin-top: 5px;
	clear: none;
}

.story h2 {
	color: #765152;
	font-size: 12px;
	padding-top: 1px;
	padding-bottom: 5px;
	margin-top: 2px;
	margin-bottom: 2px;
}

.story h3 {
	color: #6E6E6E;
	font-size: 12px;
	padding-top: 1px;
	padding-bottom: 5px;
	margin-top: 2px;
	margin-bottom: 2px;
}

.story p {
	color: #6E6E6E;
	margin-top: 1px;
	margin-bottom: 3px;
	font-size: 12px;
	line-height: 16px;
	padding-bottom: 5px;
}

.story ul {
	margin-top: 1px;
	margin-bottom: 2px;
	line-height: 16px;
	font-size: 12px;
	list-style-type: disc;
	list-style-position: outside;
}

.story li {
	color: #6E6E6E;
	margin-bottom: 5px;
	margin-left: 15px;
}

.story ol {
	color: #8E8E8E;
	margin-top: 1px;
	line-height: 12px;
	font-size: 12px;
}

.credit {
	font-size: 9px;
	font-style: italic;
}

.photo img {
	border-style: solid;
	border-color: #939393;
}

.photo {
	margin-top: 5px;
	margin-bottom: 15px;
}

.storyblock {
	display: block;
	float: right;
}

.storyblock p {
	font-size: 9px;
}

.morelink a {
	color: #B84F5F;
	text-decoration: none;
	border-bottom: 1px solid #E4E4E4;
	margin-left: 5px;
}

.biospecs {
	display: block;
	float: left;
	padding: 5px;
	margin: 5px;
	border: 1px solid #e0e0e0;
	font-size: 10px;
	width: 160px;
	background: #f8ecec;
}

.biospecs dt {
	font-weight: bold;
	color: #6e6e6e;
	float: left;
	display: block;
	text-align: right;
	width: 60px;
	margin-right: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
}

.biospecs dd {
	margin-left: 5px;
	clear: right;
	padding-left: 5px;
	display: block;
	padding-top: 2px;
	padding-bottom: 2px;
}
	
/* @end */

#signup {
	font-size: 12px;
	color: #8E8E8E;
	line-height: 16px;
	margin-top: 5px;
	display: table;
}

/* @group Error Message */

#errors {
	border: 1px solid #FF0513;
	margin: 4px;
	padding: 0px;
	text-align: left;
	width: 80%;
}

#errors li {
	list-style: square inside;
	display: list-item;
	margin: 2px;
	text-align: left;
	font: 10px/12px 'Lucida Grande', LucidaGrande, Lucida, Helvetica, Arial, sans-serif;
}

#errors ul {
	list-style: square inside;
	margin: 0px;
	padding: 5px;
	text-align: left;
}

#errors h1 {
	background: #ff6e6e no-repeat url(../images/warning.gif);
	border-style: none;
	color: #FFFFFF;
	margin: 0px;
	text-align: left;
	text-shadow: 2px 2px 3px black;
	padding: 4px;
	font: bold 10px/14px 'Lucida Grande', LucidaGrande, Lucida, Helvetica, Arial, sans-serif;
}
	
/* @end */

/* @group DateLocation */

.where {
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	padding-left: 36px;
	border-bottom-width: 1px;
	background: no-repeat left center url(../images/where.png);
	margin-right: 5px;
}

.when {
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	padding-left: 31px;
	border-bottom-width: 1px;
	background: no-repeat left center url(../images/when.png);
	margin-right: 5px;
}

.whenwhere {
	color: #16267e;
	padding-right: 5px;
	padding-left: 5px;
	border-left-width: 1px;
	border-left-style: dotted;
	padding-bottom: 5px;
	display: inline;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	text-align: right;
}
	
/* @end */

.alert {
	color: #961f1e;
	background-color: #ffe9b2;
	border: 1px solid #bc1b00;
	padding: 3px;
	width: 550px;
}


#membership{ margin-right: 30px; }


#membership .section{ overflow: hidden; border-top: 1px dashed #cfcfcf; padding: 15px 0; }

#membership .section .info{ float: left; width: 142px; padding: 0 8px 0 0; }
    #membership .section .info p{ font-size: 11px; font-style: italic; line-height: 14px; }

#membership .section fieldset{ width: 580px; margin: 0 0 0 150px; border: 0; padding: 0 0 20px; }
    #membership  legend{ font-size: 16px; font-weight: bold; margin: 0 0 20px; padding: 0; }
    #membership dl{ font-size: 12px; overflow: hidden; margin: 0; }
        #membership dt{ width: 150px; padding: 2px 10px 0 0; clear: both; float: left; text-align: right; }
        #membership dd{ width: 300px; float: left; margin: 0; padding: 0 10px 20px 0; position: relative; }
        #membership label, #membership dd p, #membership dd h3{ color: #000; }
        #membership dd h3{ padding: 8px 0 0;}
        #membership input, #membership textarea, #membership select{ vertical-align: text-bottom; font-family: 'Lucida Grande', LucidaGrande, Lucida, Helvetica, Arial, sans-serif; }
        #membership .checkbox-input{ margin: 0 3px; }
        #membership .submit-input{}
        #membership .text-input{ font-size: 12px; width: 160px; border: 1px solid #cecece; padding: 2px; }
        #membership .long{ width: 240px; }
        
        #membership .textarea-input{ font-size: 12px;  border: 1px solid #cecece; padding: 5px; width: 240px; }
        #membership .submit-input{ font-size: 16px; padding: 4px 20px; border: 1px solid #ccc; background: #f0f0f0; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; vertical-align: middle; color: #742b2a; }
        #membership .buttonContainer{ clear: both; font-size: 12px; color: #6E6E6E; padding: 10px 100px 10px 0; text-align: right;}
        #membership .signin .buttonContainer{ padding: 10px 0; width: 326px; }
        
        #membership .moreInfo{ position: absolute; top: 0; right: 0; padding: 3px 0; }
        #membership .moreInfo .content{ display: none; }
        
        
    #membership .answerAndResponse{ overflow: hidden; }
        #membership .answerAndResponse ul{ list-style: none; margin: 0; padding: 0;}
    
        #membership .answerAndResponse .answers{ width: 150px; float: left; clear: both; }
            #membership .answerAndResponse .answers li{ padding: 0 0 5px; }
        #membership .answerAndResponse .responses{ margin: 0 0 0 150px; }
            #membership .answerAndResponse .responses li{ display: none; }
            #membership .answerAndResponse .responses li.active{ display: block; }

#membership div.error { margin: 10px 0; padding: 10px; border: solid thin red; color: red; font-size: 1.2em; }
#membership form ul.errors li { color: red; }



#membership .introSection{ padding: 10px 0 10px 150px; }
    #membership .introSection h2{ font-size: 16px; font-weight: bold; color: #000; }
    #membership .introSection ul{ margin: 0 0 20px; }
    
    
body .ui-widget{ font-size: .8em; }