body {
	text-align: center;
	background: #BCBCBC url('images/bkg3.jpg');
	color: #FFF;
	font-size: 10px;
	font-family: "Lucida Grande", Geneva, Helvetica, sans-serif;
	margin:0px;
	padding:0px;
}

#bigcontainer {
	width: 975px;
	margin: 0 auto;
	background-image: url(images/2010_logobig.png);
	background-position: left top;
	background-repeat: no-repeat;
}


h1, h2, h3, h4, h5, h6{ font-family: "Lucida Grande", Geneva, Helvetica, sans-serif;;}

h1{	font-size: 22px; font-weight:bold; color:#0099FF; }
h2 { font-size: 20px; font-weight: 400; color:#0099FF; margin: 8px 0; }
h3 { font-size: 16px; font-weight: 400; color:#0099FF; }
h4{ font-size:10px; font-weight: 600; color: #FF9900; margin: 0px;}

h5{font-size: 10px;}
h6{font-size: 9px;}

p { font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 19px; font-weight: normal; color: #CCCCCC; }

img { border: none; }

pre, code{
	font-size: 1.2em;
}

pre{
	width: 100%;
	overflow: auto;
	border: 1px solid #CCC;
}

fieldset{
	border: none;
}

label{
	cursor: pointer;
}

.field label{
	display: block;
}

input,textarea{
	border: 1px solid #999;
	padding: 0 2px;
}

input:focus,textarea:focus{
	border: 1px solid #15759B;
}

textarea{
	font-size: 1em;
	font-family: "Lucida Grande", Geneva, Helvetica, sans-serif;
}

a, a:visited{
	color: #0099FF;
}

a:hover {
	color: #FFFFFF;
}

.left{
	float: left;
	margin-right: 1em;
}

.right{
	float: right;
	margin-left: 1em;
}



/*--------------------------  NAVIGATION  ---------------------------- */

#fla_header{
	margin: 0 auto;
	margin-top: 8px;
	width: 900px;
	height: 70px;
	background-image: url('images/2010_header_top_5.png');
	background-repeat: no-repeat;
}

#newnavbar {
	margin: 0 auto;
	width: 900px;
	height: 48px;
	background-image: url(images/2010_nav_bar_5.png);
	background-repeat: no-repeat;
	position: relative;
}


#newnavbar ul {
	margin: 0;
	list-style: none;
}

#newnavbar li { float:right; display:block; padding: 0; margin:0px;}

#newnavbar span {
	display: none;
	position: absolute;
}

#newnavbar a {
	display: block;
	text-indent: -900%;
	position: absolute;
	outline: none;
}

#newnavbar a:hover {
  background-position: left bottom;
}

#newnavbar a:hover span {
  display: block;
}


#newnavbar .about { width: 41px; height: 19px; background: url(images/2010_about.png) no-repeat; top: 15px; left: 344px;}
#newnavbar .about span { width: 41px; height: 19px; background: url(images/2010_about.png) no-repeat; top: -34px; left: 344px;}


#newnavbar .parks { width: 39px; height: 19px; background: url(images/2010_parks.png) no-repeat; top: 15px; left: 404px;}
#newnavbar .parks span { width: 39px; height: 19px; background: url(images/2010_parks.png) no-repeat; top: -34px; left: 404px;}

#newnavbar .crew { width: 65px; height: 19px; background: url(images/2010_crew.png) no-repeat; top: 15px; left: 459px;}
#newnavbar .crew span{ width: 65px; height: 19px; background: url(images/2010_crew.png) no-repeat; top: -34px; left: 459px;}


#newnavbar .events { width: 44px; height: 19px; background: url(images/2010_events.png) no-repeat; top: 15px; left: 542px;}
#newnavbar .events span{ width: 44px; height: 19px; background: url(images/2010_events.png) no-repeat; top: -34px; left: 542px;}

#newnavbar .blog { width: 35px; height: 19px; background: url(images/2010_blog.png) no-repeat; top: 15px; left: 603px;}
#newnavbar .blog span { width: 35px; height: 19px; background: url(images/2010_blog.png) no-repeat; top: -34px; left: 603px;}

#newnavbar .multimedia { width: 70px; height: 19px; background: url(images/2010_media.png) no-repeat; top: 15px; left: 656px;}
#newnavbar .multimedia span { width: 70px; height: 19px; background: url(images/2010_media.png) no-repeat; top: -34px; left: 656px;}

#newnavbar .sponsors { width: 60px; height: 19px; background: url(images/2010_sponsors.png) no-repeat; top: 15px; left: 742px;}
#newnavbar .sponsors span { width: 60px; height: 19px; background: url(images/2010_sponsors.png) no-repeat; top: -34px; left: 742px;}

#newnavbar .safety { width: 43px; height: 19px; background: url(images/2010_safety.png) no-repeat; top: 15px; left: 820px;}
#newnavbar .safety span { width: 43px; height: 19px; background: url(images/2010_safety.png) no-repeat; top: -34px; left: 820px;}


/*------------------------- BODY LAYOUT ----------------------------- */

#container{
	margin: 0 auto;
	margin-top: 3px;
	width: 863px;
	border:6px solid #000;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
		-opera-border-radius:5px;
		-khtml-border-radius:5px;
	border-radius:5px;
	overflow: hidden;
	background-image: url(images/bkg_main.gif);
}


#main {
	float: left;
	width: 650px;
	padding: 25px 0;
	margin: 0;
	background: #252525;
}


#content { 
	margin: 0 20px; padding: 0; text-align: left;}


#sidebar{
	float: right;
	width: 163px;
	margin: 0; 
	padding: 25px;
	background-color: #080808;
	text-align: left;
}


/*------------------------- POSTS ----------------------------- */

.post { margin-bottom: 40px; background: url(images/divider.png) bottom no-repeat; padding-bottom: 40px;}

.comments-icon {
	float: right;
	text-align: center;
	width: 30px;
	height: 27px;
	padding-top: 4px;
	margin: 0 0 20px 20px;
	background-image: url(images/comment.png);
	background-repeat: no-repeat;
}

a.comments-icon {
	font-size: 12px;
	text-decoration: none;
	color: #FFFFFF;
	font-weight: 400;
}

a:hover.comments-icon {
	color: #00CCFF;
	text-decoration: none;
}

.post-date { 
	font-size: 10px;
	font-weight: lighter;
	font-variant: normal;
	color: #CCCCCC;
	letter-spacing: 0.1em;
	margin-bottom: 10px;
}
.post-author {
	font-style: italic;
	font-weight: lighter;
	color: #999999;
	font-size: 11px;
	margin-bottom: 14px;
}

.post-title{ padding: 0; margin-bottom: 5px; }
.post-title a, .post-title a:visited { color: #0099FF; text-decoration: none; }
.post-title a:hover{ color: #CCCCCC; text-decoration: none; }

.post-content { padding-bottom: 10px; }
.post-content blockquote{ font-family: Georgia, serif; font-style: italic;}
.post-content a, .post-content a:visited { color: #FF9900; text-decoration: none; border-bottom-width: 1px; border-bottom-color:#FF9900; border-bottom-style: dotted;}
.post-content a:hover { color: #FFFFFF; text-decoration: none; border-bottom-color:#FFFFFF; }

.post-info { 
	font-size: 9px;
	font-weight: lighter;
	font-variant: normal;
	color: #999999;
	letter-spacing: 0.1em;
	text-align: right;
	text-transform: uppercase;
}
.post-info a, .post-info a:visited { text-decoration: none; border-bottom-width: 1px; border-bottom-color:#0099FF; border-bottom-style: dotted; }
.post-info a:hover { text-decoration: none; border-bottom-width: 1px; border-bottom-color: #FFFFFF; border-bottom-style: dotted; }

.mini-footer{
	clear: both;
}

.addthis_container a {
	border: none;
}

/*------------------------- COMMENTS ----------------------------- */



#comments ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#comments ul li {
	border: 1px dotted #666666;
	padding: 15px;
	margin-bottom: 15px;
}

.comment-author {
	font-style: italic;
	font-weight: lighter;
	color: #999999;
	font-size: 14px;
	margin-bottom: 14px;
}

.comment-date {
	font-size: 9px;
	font-weight: lighter;
	font-variant: normal;
	color: #999999;
	letter-spacing: 0.1em;
	text-align: right;
	text-transform: uppercase;
}

#trackbacks blockquote, #comments blockquote{
	border: 1px solid #DADADA;
	background: #333333;
	margin: 1em 0 1em 30px;
	padding: 1ex 1em;
}

#c-form{
	padding-top: 15px;
}

.comment-user {
	margin: 0;
	font-size: 9px;
	font-weight: lighter;
	font-variant: normal;
	color: #999999;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}

.comment-user a, .comment-user a:visited { text-decoration: none; border-bottom-width: 1px; border-bottom-color:#0099FF; border-bottom-style: dotted; }
.comment-user a:hover { text-decoration: none; border-bottom-width: 1px; border-bottom-color: #FFFFFF; border-bottom-style: dotted; }

#c-fieldset, #send-btn {
	margin: 0;
	padding: 0;
}

#c-fieldset label {
	font-family: "Lucida Grande", Geneva, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: lighter;
	font-variant: normal;
	color: #999999;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}



/*------------------------- SIDEBAR ----------------------------- */


#sidebar ul{ margin: 0; padding: 0; list-style: none; }

#sidebar li a {
	font-size: 11px;
	text-decoration: none;
	color: #7E7E7E;
	display: block;
	padding: 3px;
	border-bottom: 1px dotted #333333;
	font-weight: 300;
}


#sidebar li a:hover{
	color: #FF9900;
	background: #252525;
}

#sidebar h2{
	font-family: "Lucida Grande", Geneva, Helvetica, sans-serif;;
	margin-top: 20px; 
	margin-bottom: 5px;
	padding: 0;
	font-size: 11px;
	font-weight: 300;
	color: #FFFFFF;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}

#sidebar h3{
	color: #15759B;
	font-size: 1em;
	margin: 0;
}

#sidebar ul li ul { margin:0; list-style: none;}

#searchform {
	margin-bottom: 15px;
	padding: 0;
}

#searchform label {
	font-family: "Lucida Grande", Geneva, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: lighter;
	font-variant: normal;
	color: #999999;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	margin-bottom: 5px;
}

#s {
	margin-top: 2px;
	width: 157px;
}

#searchsubmit {
	margin-top: 5px;
}

#socialbox {
	width: 163px;
	height: 30px;
	margin: 0 0 15px 0;
	padding-top: 2px;
}

#socialbox ul {
	margin: 0;
	list-style: none;
	padding: 0;
}

#socialbox ul li {
	float: left; display: inline; padding: 0 3px 0 0; margin:0px;
}

#socialbox li a, #socialbox li a:hover { background: none;	border: none; }

#socialbox p {
	font-family: "Lucida Grande", Geneva, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: lighter;
	font-variant: normal;
	color: #999999;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	margin-bottom: 5px;
}

#sidebar .rssincl-itemdesc, #sidebar .rssincl-itemdate {
	color: #7E7E7E;
	font-size: 11px;
	line-height: 14px;
	margin: 0;
	padding: 0;
}

/**-------------------------- EVENTS PAGE ----------------------------------**/

#eventslist { float: left; width: 350px; list-style: none; margin: 20px 15px 20px 0; padding: 0; font-size: 12px; font-weight: 300; line-height: 15px;}
#eventslist li { padding: 5px 0; border-bottom: 1px dotted #414141; } 
#eventslist h4 { float: left; color: #0099FF; width: 75px; margin: 0; padding: 0; line-height: 15px; }
#eventslist p { margin: 0; padding: 0; font-size: 12px; font-weight: 300; line-height: 15px;}
#eventslist a, #eventslist a:visited { color: #CCCCCC; border: none; }
#eventslist a:hover { color: #FF9900; border: none; }


/**-------------------------- FOOTER ----------------------------------**/

#footer{
	margin: 0 auto;
	width: 850px;
	height: 50px;
 	background-image: url(images/2010_footer_bkg2.png);
	background-repeat: no-repeat;
	
}

#weather {
	float: left;
	width: 600px;
	height: 44px;
	margin-left: 15px;
	text-align: left;
	padding: 5px 0;
}

#weather p {
	font-size: 11px;
	line-height: 13px;
	font-weight: 300;
	color: #999999;
	margin: 0;
	padding: 0;
}

/**----- RSS Weather 44532-------**/

#rssincl-box-44532 {
	width: 464px;
	font-family: "Lucida Grande", Geneva, Helvetica, sans-serif;;
	margin: 0;
}


#rssincl-box-44532 .rssincl-content .rssincl-entry p.rssincl-itemdesc {
	font-size: 10px;
	line-height: 12px;
	color: #FFFFFF;
	margin: 0;
}

#follow {
	float: right;
	width: 160px;
	height: 34px;
	margin-right: 15px;
	text-align: right;
	border-left: 1px dotted #FFFFFF;
	padding: 5px 0;
}

.followtxt {
	color: #FF9900;
	padding-bottom: 5px;
}

#follow ul {
	margin: 3px 0 0 0;
	list-style: none;
	padding: 0;
}

#follow ul li {
	float: right; display: inline; padding: 0 0 0 5px; margin:0px;
}


#logos{
	margin: 0 auto;
	padding-top: 20px;
	width: 850px;
	height: 40px;
	position: relative;
}

#logos ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

#logos a {
	position: absolute;
}

#logos ul li {
	float: left;
	display: inline;
}

#logos .kab { top: 25px; left: 0px; }
#logos .truth { top: 28px; left: 72px; }
#logos .libtech {left: 185px; }
#logos .airblaster { top: 21px; left: 279px; }
#logos .thirtytwo {top: 24px; left: 353px; }
#logos .neff {top: 25px; left: 448px; }
#logos .smith {top: 29px; left: 523px; }
#logos .skullcandy {top: 22px; left: 631px; }
#logos .etnies {top: 22px; left: 717px; }
#logos .fuel { top: 15px; left: 813px; }

.brightonlogo { margin: 0 auto; margin-top: 10px; width: 850px; text-align: right;}
