@charset "UTF-8";

/* Foundation */

@import "reset.css";
@import "base.css";
@import "typography.css";

/**
 * Lt. Blue #a8bfcf
 * Blue/Gray #3b4954
 * Gray/Silver #ccc, #bfbfbf
 * White Contrast "#e7e6e6
 */

html { background: #212121; }
body { background: #fff; border-top: 0px solid #a8bfcf; }

/* PAGE-WRAP */
div#page-wrap { width: 95em; margin: 0 auto 2em auto; background: #fff; }

div#header {
	position: relative;
	padding: 0;
}
div#header h1 {
	float: left;
	position: absolute;
	top: .5em;
}

div#header h1 a {
	padding-left: 30px;
	background: transparent url(/images/branding.png) 0% 50% no-repeat;
    text-decoration: none;
    border: none;
}

body.index-index div#header h1 a:hover { cursor: default; color: #105289; }

ul#header-links {
    position: relative;
    float: right;
}

ul#header-links li {
    display: inline;
}

ul#header-links li a {
    display: block;
    float: left;
    height: 42px;
    margin: 0 1.2em 0 0;
    background-repeat: no-repeat;
    text-decoration: none;
    border: none;
    font-size: 1.2em;
    line-height: 2.4;
}

ul#header-links li#twitter a {
    width: 30px;
    background-image: url(/images/twitter_bird.png);
    text-indent: -9999px
}
ul#header-links li#twitter a:hover { background-position: 50% 100%; }

ul#header-links li#linkedin a {
    width: 82px;
    background-image: url(/images/linkedin.png);
    text-indent: -9999px
}
ul#header-links li#linkedin a:hover { background-position: 50% 100%; }

ul#user-links {
	margin: 0 0 1.5em 0;
}

ul#user-links li {
	margin: 0 0 1em 0;
}

ul#user-links li ul li {
	margin: 0;
	padding: .2em;
	font-size: 1em;
}

/* FOOTER */
div#footer {
	clear: both;
	margin: 0;
	padding: 2.5em 0;
	background: #212121 url(/images/footer-bg.png) 0% 0% repeat-x;
}

ul#footer-list {
	width: 95em;
	margin: 0 auto;
}

ul#footer-list li {
	float: left;
	margin: 0 2em 1em 0;
	padding: 0 2em 0 0;
	font-size: 1.4em;
	color: #3b4954;
	border-right: 1px solid #3b4954;
}

ul#footer-list li ul li {
	float: none;
	margin: .8em 0;
	padding: 0;
	font-size: .8em;
	letter-spacing: .1em;
	border: none;
}

ul#footer-list li ul li a { border: none; }

/* SCROLL BOX */
div#scroll-box {
	position: relative;
	overflow: hidden;
	width: 95em;
	height: 26.5em;
	margin: 0;
	border: 1px solid #ccc;
}

div.items {
	height: 125em;
}

div.item {
	height: 26.5em;
}

div.item-inner {
	/* I hate to have to do this, but I don't know another way */
    padding: 2em;
}

/* TABLES */

table {
    width: 100%;
    margin: 0 0 .5em 0;
    text-align: left;
    font-size: 1.4em;
}

th {
    color: #20282e;
    border-right: 1px solid #C1DAD7;
    border-left: 1px solid #C1DAD7;
    border-bottom: none;
    border-top: 1px solid #C1DAD7;
    letter-spacing: .2em;
    text-align: left;
    font-family: "Trebuchet MS", sans-serif;
    padding: .6em .6em .6em .8em;
    background: #e3e3e3 url(/images/th-bg.png) 0% 100% no-repeat;
}

td {
    border-right: 1px solid #C1DAD7;
    border-left: 1px solid #C1DAD7;
    border-bottom: 1px solid #C1DAD7;
    background: #fff;
    padding: .6em .6em .6em .8em;
    color: #394d52;
}

table tr:hover td {
    background: #d0dafd;
    color: #339;
}

/* Forms */

form {
	padding: 1em 0;
}

/* Pagination */

ul.pagination { border: 0; margin: 1em 0 2.5em 0; padding: .5em; }

.pagination li {
	display: inline;
    border:0; margin-right: .5em; padding: 0;
    list-style:none;
    font-size: 1.1em;
}
.pagination a{
border: solid 1px #9aafe5;
}
.pagination .off {
border:solid 1px #DEDEDE;
color:#888888;
font-weight: bold;
padding: .3em .6em;
}
.pagination .next a,
.pagination .previous a {
font-weight:bold;
}
.pagination .active{
background:#2e6ab1;
color:#FFFFFF;
font-weight:bold;
padding: .3em .6em
}
.pagination a:link,
.pagination a:visited {
color:#0e509e;
padding:.3em .6em;
text-decoration:none;
}
.pagination a:hover{
border:solid 1px #0e509e;
}

/*
***********************************************************/

form#contact-form {
	margin: 0 0 .5em 0;
}

form#contact-form textarea {
    height: 4em;
    width: 40%;
}

div#zend { margin: 2.6em 0; }
div#zend h3 { float: left; margin: 0; text-indent: -9999px; }
div#zend h3 a { display: block; width: 73px; height: 68px; background: url(/images/php5-zce-logo-new.png) 0% 0% no-repeat; }
div#zend h3 a:hover { background-position: 0% 100%; }
div#zend p { padding-left: 93px; }

div#runner-header {
	
}

div#runner-profile {
	float: left;
	padding: 0 1em 1em 1em;
}

div#runs {
	margin-bottom: 1em;
}

div#runs p {
	margin: 0;
	padding: 0;
}

th.notes,
td.notes,
th.update,
td.update {
	padding: 0 .3em;
	text-align: center;
}

div.weekly-run {
	margin: 1em 0;
}

div.weekly-run-date {
	margin: 0;
	padding: .5em;
}
div.weekly-run-date h3 {
	margin: 0; padding: 0;
	background: none;
}

div.runner-link { margin-bottom: 1em; }

form#addrun {
	margin-bottom: 2em;
}

form#addrun-form textarea {
	width: 30em;
	height: 20em;
}

div#addrun {
	width: 40em;
	margin-right: 3em;
}

div#addrun-calc {
	width: 35em;
	padding: 1em 0;
}

div#addrun-calc h3 {
	width: 100%;
}

span#meters-converted,
span#seconds-converted {
	margin: 0 1em;
	padding: 0em 1em;
	border-bottom: 1px solid #f00;
}

label {
    display: block;
}
input.submit {
    display: block;
}

div#fourofour {
	height: 331px;
	border: 1px solid #ccc;
	background: #fff url(/images/404.png) 100% 50% no-repeat;
}
div#fourofour div {
    width: 50%;
    padding: 2em;
}
div#testing {
	height: 644px;
	padding: 2em;
    background: #fff url(/images/testing.jpg) 100% 100% no-repeat;
    border: 1px solid #ccc;
}

div#noscript {
position: absolute;
top: 0;
width: 100%;
background: #eec819;
}

div#noscript p {
text-align: center;
font-size: 1.4em;
}

img { border: none; }

.img-wrapper { float: left; margin-right: 1.5em; margin-bottom: 1em; }
.img-wrapper img { display: block; position: relative; background-color: #fff; border: 1px solid #a9a9a9; padding: 2px; }

div.pagination {
	margin-bottom: 2em;
}