/****************************************
    Website Coded by Gelo Factory LLC
           All Rights Reserved
           (c)  Copyright 2007
         http://gelofactory.com/
****************************************/

@import url(global.css);
@import url(navbar.css);

/* GENERAL */

h2 {
	font-size: 1.6em;
	font-weight: bold;
	text-transform: uppercase;
	color: #45338e;
}

h3 {
	font-size: 1.1em;
	color: #45338e;
}

#content a:link, a:visited, a:hover, a:active {
        text-decoration: none;
	color: #777;
}

#content a:hover {
	color: #333;
}

#content a.url:link, a.url:visited, a.url:hover, a.url:active {
	font-size: 1.1em;
	font-weight: bold;
	color: #45338e;
	text-decoration: none;
}

#content a.url:hover {
	text-decoration: underline;
}

#content ul {
	list-style-type: none;
}

#content li {
	padding-left: 12px;
	background: url(../_img/li_bullet.gif) 0 .5em no-repeat;
}

.small_box {
	overflow: auto;
}

.small_box_green {
	width: 275px;
	height: 232px;
	padding: 5px 0 5px 0;
	background: url(../_img/bkgd_sm_box_green.jpg) no-repeat;
}

.large_box {
	width: 620px;
	height: 232px;
	padding: 5px 0 5px 0;
	background: url(../_img/bkgd_lg_box.jpg) no-repeat;
}

.large_box_green {
	width: 620px;
	height: 232px;
	padding: 5px 0 5px 0;
	background: url(../_img/bkgd_lg_box_green.jpg) no-repeat;
}

.large_box p {
	padding-bottom: 14px;
}

.huge_box {
	width: 620px;
	height: 542px;
	padding: 5px 0 5px 0;
	background: url(../_img/bkgd_huge_box.jpg) no-repeat;
	}

.huge_box p {
	padding-bottom: 14px;
}

.txt_box {
	overflow: auto;
	width: 579px;
	height: 192px;
	margin: 5px 0 5px 0;
	padding: 10px 25px 10px 10px;
	text-align: justify;
}

.txt_box_small {
	overflow: auto;
	width: 256px;
	height: 192px;
	margin: 5px 0 5px 0;
	padding: 10px 25px 10px 10px;
	text-align: justify;
}

.txt_box_huge {
	overflow: auto;
	width: 579px;
	height: 480px;
	margin: 5px 0 5px 0;
	padding: 10px 25px 10px 10px;
	text-align: justify;
}

/* HOME */

.home #content {
	position: absolute;
	top: 10px;
	left: 15px;
	width: 966px;
	height: 607px;
	background: url(../_img/home_content.jpg)  no-repeat;
}

#whats_next {
	position: absolute;
	top: 347px;
	left: 23px;
	width: 257px;
	height: 211px;
	padding: 10px 25px 10px 10px;
}



/* BLOG */

.blog #blog_txt {
	position: absolute;
	top: 50px;
	left: 26px;
	display: block;
}

.blog #blog_txt #comingsoon {
	font-size: 2.0em;
	font-weight: bold;
	color: #45338e;
}

.blog .blog_entry {
        border-bottom: 1px dashed #979593;
        padding-bottom: 35px;
        margin-bottom: 35px;
}

.blog #last_blog_entry {
        border-bottom: none;
        padding-bottom: 10px;
        margin-bottom: 0;
}

.blog .blog_entry_header {
	margin-bottom: 10px;
}

.blog .blog_entry_title {
	font-size: 1.6em;
	font-weight: bold;
	text-transform: uppercase;
	color: #45338e;
	margin-bottom: 3px;
}

.blog .blog_entry_author {
	font-size: 1.1em;
	font-weight: bold;
	color: #45338e;
	margin-bottom: 1px;
}

.blog .blog_entry_date {
	font-size: 1.0em;
	color: #45338e;
	margin-bottom: 1px;
}

.blog .blog_entry_approved {
	font-size: 1.1em;
	font-weight: bold;
	color: #F00;
	margin-bottom: 1px;
}

.blog .blog_entry_text {
        margin-bottom: 13px;
}

.blog .blog_entry_links {
        margin-bottom: 6px;
        font-size: 1.0em;
        display: block
}

.blog img.runners_blog_bridge {
	position: absolute;
	top: 11px;
	left: 661px;
}

.blog img.runners_blog_title {
	position: absolute;
	top: 26px;
	left: 25px;
}

.blog .blog_entry_images {
        margin-bottom: 13px;
}

.blog .blog_navigation {
        padding-bottom: 35px;
}

.blog .blog_navigation #previous {
	width: 150px;
	float: left;
	text-align: left;
	font-size: 1.3em;
	font-weight: bold;
	text-transform: uppercase;
	color: #777;
	clear: none;
}

.blog .blog_navigation #next {
	width: 150px;
	float: right;
	text-align: right;
	font-size: 1.3em;
	font-weight: bold;
	text-transform: uppercase;
	color: #777;
	clear: none;
}

.blog .blog_navigation #previous a:link, a:visited, a:hover, a:active {
	color: #45338e;
}

.blog .blog_navigation #previous a:hover {
	color: #45338e;
	text-decoration: underline;
}

.blog .blog_navigation #next a:link, a:visited, a:hover, a:active {
	color: #45338e;
}

.blog .blog_navigation #next a:hover {
	color: #45338e;
	text-decoration: underline;
}

.blog img.blogthumbnail {
	border: 1px dashed #979593;
}

.blog img.blogthumbnail:hover {
	border: 1px dashed #45338e;
}

.blog img.blogthumbnailspacer {
	width: 10px;
	height: 58px;
}

.blog #blog_photo_container {
	position: absolute;
	display: none;
	top: 8px;
	left: 14px;
	width: 966px;
	height: 607px;
	background: url(../_img/bkgd_xlg_box.jpg) no-repeat;
	z-index: 2000;
}

.blog #blog_photo_container img.closebutton {
	position: absolute;
	top: 15px;
	left: 892px;
}

.blog #blog_photo_container #blog_photo {
	position: absolute;
	left: 83px;
	top: 45px;
	width: 800px;
	height: 535px;
}

.blog #signup_form fieldset {
	border: none;
}

.blog #signup_form fieldset li {
	list-style-type: none;
	padding: 4px 0;
}

.blog #signup_form .inlinebox label {
	display: -moz-inline-box;
	display: inline-block;
	font-weight: bold;
	vertical-align: top;
	width: 164px;
}

.blog #signup_form .inlinebox input {
	width: 196px;
}

.blog #signup_form h2 {
	margin-bottom: 20px;
	font-size: 1.6em;
	font-weight: bold;
	text-transform: uppercase;
	color: #45338e;
}

.blog #login_form fieldset {
	border: none;
}

.blog #login_form fieldset li {
	list-style-type: none;
	padding: 4px 0;
}

.blog #login_form .inlinebox label {
	display: -moz-inline-box;
	display: inline-block;
	font-weight: bold;
	vertical-align: top;
	width: 110px;
}

.blog #login_form .inlinebox input {
	width: 196px;
}

.blog #login_form h2 {
	margin-bottom: 20px;
	font-size: 1.6em;
	font-weight: bold;
	text-transform: uppercase;
	color: #45338e;
}

.blog #posts_form fieldset {
	border: none;
}

.blog #posts_form fieldset li {
	list-style-type: none;
	padding: 4px 0;
}

.blog #posts_form .inlinebox label {
	display: -moz-inline-box;
	display: inline-block;
	font-weight: bold;
	vertical-align: top;
	width: 110px;
}

.blog #posts_form .inlinebox input {
	width: 196px;
}

.blog #posts_form h2 {
	margin-bottom: 20px;
	font-size: 1.6em;
	font-weight: bold;
	text-transform: uppercase;
	color: #45338e;
}

.blog #blog_subnav {
	position: absolute;
	top: 583px;
	left: 27px;
}

.blog #blog_subnav .subnav_divider {
	background-color: #45338e;
	margin: 0 15px 0 15px;
	clear: none;
}



/* UPCOMING */

.runs img.topleft {
	position: absolute;
	top: 12px;
	left: 17px;
}

.runs img.bridge_runs_title {
	position: absolute;
	top: 26px;
	left: 359px;
}

.runs #runs_txt {
	position: absolute;
	top: 50px;
	left: 360px;
	display: block;
}

.runs #run_detail {
	position: absolute;
	top: 337px;
	left: 26px;
	display: block;
}

.runs #run_detail_subnav {
	position: absolute;
	top: 583px;
	left: 27px;
}

.runs #run_detail_subnav .subnav_divider {
	background-color: #45338e;
	margin: 0 15px 0 15px;
	clear: none;
}

.runs #run_detail_container {
	position: absolute;
	display: none;
	top: 8px;
	left: 14px;
	width: 966px;
	height: 607px;
	background: url(../_img/bkgd_xlg_box.jpg) no-repeat;
	z-index: 2000;
}

.runs #run_detail_container img.closebutton {
	position: absolute;
	top: 15px;
	left: 892px;
}

.runs #run_detail_container #run_large_map {
	position: absolute;
	display: none;
	top: 45px;
	left: 33px;
	width: 900px;
	height: 535px;
}

.runs #run_detail_container #run_photos {
	position: absolute;
	display: none;
	top: 45px;
	left: 33px;
	width: 900px;
	height: 535px;
}

.runs #run_detail_container #run_thumbnails {
	position: absolute;
	width: 80px;
	height: 535px;
	overflow: auto;
}

.runs #run_detail_container #run_thumbnails .run_thumbnail {
	margin-bottom: 16px;
	clear: both;
}

.runs #run_detail_container #run_photo {
	position: absolute;
	left: 100px;
	width: 800px;
	height: 535px;
}

.training_run {
	padding: 0 0 0 55px;
	margin: 0 0 20px 0;
	min-height: 59px;
	background: url(../_img/icon_track.gif) no-repeat;
}

.training_run h4 {
	font-size: 1.2em;
	font-weight: bold;
	color: #45338e;
}

.elevated_run {
	padding: 0 0 0 55px;
	margin: 0 0 20px 0;
	min-height: 34px;
	background: url(../_img/icon_bridge.gif) no-repeat;
}

.elevated_run h4 {
	font-size: 1.2em;
	font-weight: bold;
	color: #45338e;
}

.elevated_run h5 {
	font-size: 1.0em;
	font-weight: bold;
	color: #555555;
}



/* MISSION STATEMENT */

.mission #mission_statement {
	position: absolute;
	top: 50px;
	left: 360px;
}

.mission img.topleft {
	position: absolute;
	top: 10px;
	left: 16px;
}

.mission img.bottomleft {
	position: absolute;
	top: 309px;
	left: 11px;
}

.mission img.mission_title {
	position: absolute;
	top: 26px;
	left: 360px;
}



/* MEMBERS */

.members #runners {
	position: absolute;
	top: 50px;
	left: 360px;
}

.members #runners #comingsoon {
	font-size: 2.0em;
	font-weight: bold;
	color: #45338e;
}

.members #coaches {
	position: absolute;
	top: 50px;
	left: 36px;
}

.members #member_detail {
	position: absolute;
	top: 364px;
	left: 36px;
}

.members #member_detail_header {
	position: absolute;
	top: 328px;
	left: 36px;
}

.members img.coaches_title {
	position: absolute;
	top: 26px;
	left: 36px;
}

.members img.runners_title {
	position: absolute;
	top: 26px;
	left: 360px;
}

.members img.memberstop {
	position: absolute;
	top: 15px;
	left: 22px;
}

.members img.membersbottom {
	position: absolute;
	top: 322px;
	left: 22px;
}

.members img.memberspolaroid {
	position: absolute;
	top: 340px;
	left: 382px;
}

.members img.memberphoto {
	position: absolute;
	top: 354px;
	left: 387px;
}

.members a.memberthumbnail {
	width: 48px;
	height: 48px;
	clear: none;
}

.members img.memberthumbnail {
	border: 1px dashed #979593;
}

.members img.memberthumbnail:hover {
	border: 1px dashed #45338e;
}

.members img.memberthumbnailspacer {
	width: 10px;
	height: 58px;
}

.members img.previousarrow {
	position: absolute;
	top: 570px;
	left: 410px;
}

.members img.nextarrow {
	position: absolute;
	top: 570px;
	left: 539px;
}



/* UNDER CONSTRUCTION */

#under_construction {
	width: 100%;
	height: 100%;
	padding-top: 130px;
	text-align: center;
}

#under_construction #header {
	font-size: 3.0em;
	font-weight: bold;
	color: #45338e;
	padding-bottom: 20px;
}

#under_construction #subheader {
	font-size: 2.0em;
	font-weight: bold;
	color: #45338e;
}