/* BASE STYLES */
* {
	margin: 0;
	padding: 0;
}
body {
	background-color: #cccccc;
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	background-image: url(/images/background/leech_2b.jpg);
	background-attachment: fixed;
	background-position: top;
}
h1 {
	line-height: 24px;
	font-size: 25px;
}
h1, h2 {
	color: #00a33d;
}
h2 {
	font-size: 18px;
	margin-top: 20px;
	line-height: 20px;
}
.post h2 {
	margin-top: 0;
}
p {
	margin-top: 13px;
}
a {
	color: #00a33d;
	text-decoration: none;
	border-bottom: 1px dashed #cccccc;
}
a img {
	border: none;
}
.hide {
	display: none;
}
.clear {
	clear: both;
}
.form_message {
	color: #cc0000;
}

/* CONTENT AND CONTAINER STRUCTURE */
#container {
	width: 953px;
	margin: 0 auto 0 auto;
}
#content {
	background-color: #ffffff;
	background-image: url(/images/interface/bg_content.jpg);
	background-repeat: repeat-y;
	width: 920px;
	margin: 0 auto 0 auto;
	
}
#content-inner {
	width: 896px;
	margin-left: auto;
	margin-right: auto;
}
#feature-photo {
	height: 284px;
	background-repeat: no-repeat;	
}


/* NAVIGATION */
#navigation {
	width: 953px;
	height: 109px;
	background-image: url(/images/navigation/bg_navigation.gif);
	background-repeat: no-repeat;
}
#navigation a {
	border: none;
}
#identity {
	width: 214px;
	height: 109px;
	float: left;
	background-image: url(/images/interface/identity-ryan-leech.gif);
	background-repeat: no-repeat;
}
#navigation-links {
	padding: 70px 0 0 245px;
	list-style: none;
}
#navigation-links li {
	float: left;
	margin-right: 2px;
}
#navigation-links a {
	display: block;
	background-repeat: no-repeat;
	height: 30px;
}
#about-ryan {
	width: 101px;
	background-image: url(/images/navigation/about-ryan-off.gif);
}
#about-ryan:hover {
	background-image: url(/images/navigation/about-ryan-on.gif);
}
#events {
	width: 66px;
	background-image: url(/images/navigation/events-off.gif);
}
#events:hover {
	background-image: url(/images/navigation/events-on.gif);
}
#sponsors {
	width: 89px;
	background-image: url(/images/navigation/sponsors-off.gif);
}
#sponsors:hover {
	background-image: url(/images/navigation/sponsors-on.gif);
}
#shop {
	width: 50px;
	background-image: url(/images/navigation/shop-off.gif);
}
#shop:hover {
	background-image: url(/images/navigation/shop-on.gif);
}
#blog {
	width: 49px;
	background-image: url(/images/navigation/blog-off.gif);
}
#blog:hover {
	background-image: url(/images/navigation/blog-on.gif);
}
#downloads {
	width: 104px;
	background-image: url(/images/navigation/downloads-off.gif);
}
#downloads:hover {
	background-image: url(/images/navigation/downloads-on.gif);
}


/* ENEWS SIGNUP FORM */
#enews-signup {
	margin: 10px 0px 20px 0px;
	float: right;
	width: 299px;
}
#enews-signup #email-label {
	background-image: url(/images/interface/ryan-leech-mailing-list.gif);
	background-repeat: no-repeat;
	width: 111px;
	height: 14px;
	display: block;
	float: left;
}
#enews-signup #email-address {
	float: left;
	margin: 0 4px 0 4px;
}
#enews-signup .enews-submit {
	width: 28px;
	height: 21px;
	background-image: url(/images/interface/enews-submit.gif);
	background-repeat: no-repeat;
	display: block;
	float: left;
	border: none;
	cursor: pointer;
}


/* SUBNAVIGATION */
#subnavigation {
	float: left;
	width: 220px;
	font-size: 12px;
}
#subnavigation ul {
	list-style: none;
}
#subnavigation a {
	width: 178px;
	height: 21px;
	display: block;
	color: #00a33d;
	text-decoration: none;
	padding: 5px 0 0 4px;
	margin: 0 0 1px 0;
	text-transform: uppercase;
	background-repeat: no-repeat;
}
#subnavigation-active {
	background-image: url(/images/subnavigation/bg-subnavigation.gif);
	margin: 0 0 1px 0;
	background-repeat: no-repeat;
	display: block;
}


/* H1 HEADER'S IMAGES */
.h1header {
  font-weight: normal;
  font-family: Arial, sans-serif;
  font-size: 30px;
}
/*#biography-header {
	background-image: url(/images/h1/biography.gif);
	background-repeat: no-repeat;
	height: 37px;
}
#vision-header {
	background-image: url(/images/h1/vision.gif);
	background-repeat: no-repeat;
	height: 37px;
}
#environmental-advocacy-header {
	background-image: url(/images/h1/environmental-advocacy.gif);
	background-repeat: no-repeat;
	height: 37px;
}
#charity-support-header {
	background-image: url(/images/h1/charity-support.gif);
	background-repeat: no-repeat;
	height: 37px;
}
#video-appearances-header {
	background-image: url(/images/h1/video-appearances.gif);
	background-repeat: no-repeat;
	height: 37px;
}
#bikes-and-equipment-header {
	background-image: url(/images/h1/bikes-and-equipment.gif);
	background-repeat: no-repeat;
	height: 37px;
}
#book-an-event-header {
	background-image: url(/images/h1/book-an-event.gif);
	background-repeat: no-repeat;
	height: 37px;
}
#events-calendar-header {
	background-image: url(/images/h1/events-calendar.gif);
	background-repeat: no-repeat;
	height: 37px;
}
#dvds-header {
	background-image: url(/images/h1/dvds.gif);
	background-repeat: no-repeat;
	height: 37px;
}
#books-header {
	background-image: url(/images/h1/books.gif);
	background-repeat: no-repeat;
	height: 37px;
}
#music-header {
	background-image: url(/images/h1/music.gif);
	background-repeat: no-repeat;
	height: 37px;
}
#videos-header {
	background-image: url(/images/h1/videos.gif);
	background-repeat: no-repeat;
	height: 37px;
}
#photos-header {
	background-image: url(/images/h1/photos.gif);
	background-repeat: no-repeat;
	height: 37px;
}
#in-the-press-header {
	background-image: url(/images/h1/in-the-press.gif);
	background-repeat: no-repeat;
	height: 37px;
}
#wallpapers-header {
	background-image: url(/images/h1/wallpapers.gif);
	background-repeat: no-repeat;
	height: 37px;
}
#norco-performance-bikes-header {
	background-image: url(/images/h1/norco-performance-bikes.gif);
	background-repeat: no-repeat;
	height: 37px;
}
#shimano-components-header {
	background-image: url(/images/h1/shimano-components.gif);
	background-repeat: no-repeat;
	height: 37px;
}
#marzocchi-suspension-header {
	background-image: url(/images/h1/marzocchi-suspension.gif);
	background-repeat: no-repeat;
	height: 37px;
}
#ryders-eyewear-header {
	background-image: url(/images/h1/ryders-eyewear.gif);
	background-repeat: no-repeat;
	height: 37px;
}
#mace-clothing-header {
	background-image: url(/images/h1/mace-clothing.gif);
	background-repeat: no-repeat;
	height: 37px;
}
#kenda-tires-header {
	background-image: url(/images/h1/kenda-tires.gif);
	background-repeat: no-repeat;
	height: 37px;
}
#caravan-canopies-header {
	background-image: url(/images/h1/caravan-canopies.gif);
	background-repeat: no-repeat;
	height: 37px;
}
#the-trialsin-shop-header {
	background-image: url(/images/h1/the-trialsin-shop.gif);
	background-repeat: no-repeat;
	height: 37px;
}
#event-information-header {
	background-image: url(/images/h1/event-information.gif);
	background-repeat: no-repeat;
	height: 37px;
}
#make-a-purchase-header {
	background-image: url(/images/h1/make-a-purchase.gif);
	background-repeat: no-repeat;
	height: 37px;
}*/

/* MAIN BODY COLUMN AND BLOG CONTENT */
#main-body-text {
	width: 460px;
	float: left;
	font-size: 13px;
	line-height: 21px;
}
.post {
	margin-bottom: 45px;
	border-top: 5px solid #00a33d;
	padding-top: 5px;
}
.navigation {
	margin-bottom: 15px;
}
.related-posts {
	margin-top: 20px;
}


/* TWO COLUMN BODY TEXT */
#two-column-body-text {
	float: left;
	padding-right: 10px;
	font-size: 13px;
	line-height: 17px;
	width: 650px;
}
#two-column-body-text ul {
	list-style: none;
}
#two-column-body-text li {
	float: left;
	margin-right: 25px;
	width: 185px;
}
#two-column-body-text ul li h2 {
	margin: 0;
}
#two-column-body-text p {
	margin: 0;
}
.download-links {
	margin-bottom: 25px;
}


/* SHOP */
#shop-items {
	float: left;
	font-size: 13px;
	line-height: 17px;
	width: 600px;
}
#shop-items h2 {
	margin-top: 0;
}
.shop-options {
	margin-top: 13px;
	list-style: none;
}
.shop-options li {
	clear: both;
	margin-top: 10px;
}
.shop-options li img {
	float: left;
	margin-right: 3px;
}
#shop-items .shop-image {
	float: left;
	text-align: center;
	padding: 5px;
	border-right: 1px dashed #cccccc;
}
#shop-items .shop-info {
	width: 300px;
	float: left;
	margin-left: 10px;
}
.shop-item {
	margin-bottom: 45px;
}
/* SIDEBAR */
#sidebar {
	float: right;
	width: 180px;
	font-size: 13px;
	line-height: 19px;
	padding-left: 20px;
}
#sidebar .widget_categories h2, #sidebar .widget_archives h2 {
	font-size: 16px;
	color: #00a33d;
}
#sidebar ul {
	list-style: none;
	margin-bottom: 15px;
}
#send-to-friend {
	margin-top: 40px;
}

#sidebar .widget_links h2 {
	font-size: 14px;
	color: #00a33d;
}
#sidebar .widget_links a {
	font-size: 11px;
}

/* VIDEO PAGE */
#video-player {
	margin-bottom: 20px;
}
#video-player h2 {
	margin: 0 0 10px 0;
}
#current-video-reviews, #post-video-review, #synopsis {
	margin-top: 20px;
	padding-top: 10px;
	border-top: 1px dashed #cccccc;
}
.video-review {
	margin: 0 0 20px 0;
}
.reviewer-name {
	float: left;
	width: 125px;
}
.reviewer-comments {
	float: left;
	width: 300px;
	padding-left: 10px;
	margin-left: 5px;
	border-left: 1px dashed #cccccc;
}

/* FOOTER */
#footer {
	margin-top: 90px;
	padding: 15px 0 20px 200px;
	background-color: #00a33d;
	color: #ffffff;
	font-size: 11px;
	background-image: url(/images/interface/bg-footer.jpg);
	background-repeat: repeat-y;
	line-height: 18px;
}
#footer .footer-main {
	margin-left: 20px;
	float: left;
}
#footer ul {
	list-style: none;
}
.footer-main a {
	color: #ffffff;
	border-bottom: 1px dashed #ffffff;
	text-decoration: none;
}
#footer h4 {
	font-size: 13px;
}

#footer a {
	color: #ffffff;
}

/*CALENDAR */
#calender-info {
	text-align: right;
	margin-right: 10px;
}

/* FLICKR STYLES */
/*
Images are wrapped in divs classed "flickr_badge_image" with ids
"flickr_badge_imageX" where "X" is an integer specifying ordinal position.
Below are some styles to get you started!
*/
.flickr_badge_image { 
	margin: 5px 0 10px 0; 
}
#flickr_badge_wrapper a, #flickr_badge_wrapper img { 
	border: none; 
}


/*HOMEPAGE */
#homepage-items {
	border-right: 1px #CCCCCC dashed;
	width: 555px;
	margin: 0 0 0 30px;
	padding-right: 10px;
	padding-top: 20px;
	float: left;
	font-size: 13px;
	line-height: 19px;

}
#homepage-items h2 {
	margin-top: 0px;
	padding-top: 0px;
}
#home-sidebar {
	float: left;
	width: 240px;
	font-size: 13px;
	line-height: 19px;
	padding-left: 20px;
}

.feature-item {
	margin-bottom: 20px;
	padding-bottom: 20px;
	width: 550px;
	border-bottom: 1px dashed #cccccc;

}

.left-image{
	float: left;
	padding: 0 10px 0 0;
	border-right: 1px #CCCCCC dashed;
}

.right-info {
	float: left;
	margin: 0 10px;
	width: 300px;
}

.left-info{
	float: left;
	width: 300px;
}

.right-image {
	float: right;
	padding: 0 0 0 10px;
	border-left: 1px #CCCCCC dashed;
}