/* Global */

ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input {margin:0; padding:0}
html,body{background:#FAFAF0;color: #2f2f2f;}
body{font:12px/160% 'Trebuchet MS', Verdana, Arial, sans-serif;}
a {color: #92928c;}
a:hover {color: #cc0000;}
a:active {outline:none;}
a img {border:none;}
h1 {font-size:18px;margin:0 0 5px;}
h2,h3,h4 {text-shadow: #cbcbc3 1px 1px 1px;}
h2 {font-size:18px;color:#333;text-transform: capitalize;}
h3 {font-size:16px;color: #777;}
h4,h5,h6 {font-size:14px;color: #999;}
p {margin: 0 0 10px;}
ul {list-style: none;}
code {padding: 1px 2px; font-family: Monaco,Consolas,"Andale Mono","BitStream Vera Sans Mono","Courier New",monospace;font-size: 12px;color: #cc0000;}
pre,blockquote {margin: 0 0 10px 1em;padding: 5px 5px 5px 10px;width: 85%;font-size: 12px;color: #999;}
blockquote p.form {text-align: right;font-weight: bold;}
pre {display: block;overflow: auto;}
pre code {word-wrap:break-word;overflow:hidden;white-space:pre-wrap;white-space:-pre-wrap;background-color: transparent;}
del {color:#888;}
del a,del a:hover {color:#888;}
ins {text-decoration:none;background:#eee;}
sup,sub {color:#666;padding:0 3px 0 2px;font-family:Georgia;}
acronym,abbr {cursor: help;letter-spacing: .07em;border-bottom: 1px dotted #aaa;}
kbd {font:11px Verdana,monospace;background:#f5f5f5;border:1px solid;border-width:1px 2px 2px;border-color:#fff #ccc #ccc #fff;padding:0 0.5em;cursor:default;text-transform:capitalize;}
.hilite {background: #F2D100;color: #000;}

/* Layout */
/* We need this next bit to get some sort of sanity */
header, footer, nav, article, aside, figure, figcaption { display:block; }

#wrapper {width: 860px;margin: 0 auto;}
#content {padding: 115px 0 0;}
header#site {position: fixed;width: 860px;z-index:1}
#primary {width: 260px;margin: 0 auto;background: #FAFAF0 url(i/box-250-sprite.png) no-repeat center top; margin-top: 120px; float:right; }
footer#site {margin: 10px 0 0 0;width: 860px;padding: 25px 0 20px 0;overflow: hidden;background: #FAFAF0 url(i/main-sprite.png) no-repeat center -210px;font-size: 10px;text-align: center;color: #a3a39d;}

/* header */
header#site {top: 0;background: #FAFAF0 url(i/main-sprite.png) no-repeat center -83px;padding: 0 0 17px;text-align: center;}
#blog-title {padding-top: 10px;color: #fff;background: #A5141B url(i/icons-sprite.png) no-repeat 0 -10px;width: 206px;height: 57px;margin: 0 auto;text-shadow: #64090D 1px 1px 1px;}
#blog-title a {color: #fff;text-decoration: none;}
#blog-description {font-size: 11px;color: #64090D;margin-top: -30px;text-shadow: #64090D 0 0 2px;}

#menu {padding-top: 20px;}
#menu ul li {padding: 0;display: inline;margin: 0 5px;}
#menu ul li a {text-decoration: none;text-shadow: #cbcbc3 1px 1px 1px;display:-moz-inline-stack;display:inline-block;zoom:1;*display:inline;overflow:hidden;vertical-align: middle;_vertical-align:bottom;position:relative;*position:static;padding-bottom: 5px;}
li.current_page_item a,#menu ul li a:hover {color: #2f2f2f;background: url(i/icons-sprite.png) no-repeat -66px -92px;}
li.current_page_item a {font-weight: bold;}

#search {position: absolute;right: 130px;top: 0;width: 200px;opacity: .99;z-index: 20;}
#search fieldset {border: 0;background-color: #252525;}
#search-fieldset {padding: 10px; display: none; }
#site-search #s {border: 0;font-size: 12px;background-color: #565656;color: #fff;padding: 1px 3px;width: 120px;}
#site-search #searchsubmit {background: #ccc url(i/icons-sprite.png) no-repeat -184px -102px;width: 21px;height: 13px;border: 0;color: #2f2f2f;vertical-align: middle; cursor:pointer;}
#search-toggle {background: #252525 url(i/icons-sprite.png) no-repeat -132px -104px;width: 40px;height: 10px;float: right;font-size: 0;line-height: 0;cursor:pointer;}

/* content */

#main { float: left; }
#container { float: left; width: 600px; }
.hentry {padding: 15px 10px;clear: both;} 
.entry-title {font-size: 18px;color: #2f2f2f;}
.entry-title a {color: #2f2f2f;text-decoration: none;}
.entry-title a:hover {color: #cc0000;}
.entry-type {float: right;background-color: #2f2f2f;padding: 2px;width: 16px;height: 16px;}
.entry-type img {}
.entry-date {color: #999;font-size: 12px;margin-right: 15px;padding-right: 10px;float: left;background: url(i/cal_bg.gif) no-repeat right center;text-align: center;}
.entry-date span {display: block;}
.entry-date .entry-day {font-size: 25px;padding-top: 5px;line-height: 20px;}
.entry-content {margin: 10px 0 0 60px;font-size: 13px;}
.entry-content h2,.entry-content h3,.entry-content h4,.entry-content h5 {margin-bottom: 15px;}
/* .entry-content p {text-indent: 2em;} */
.entry-content p.imgbar {text-align: center;text-indent: 0;}
.imgbar a {background: none;padding-left: 0;margin: 0;}
.entry-content img {border: 1px solid #E5E5DC;padding: 3px;background-color: #fff;}
.entry-content img.iright {float: right;margin: 0 0 10px 10px;}
.spline {border-top: 1px solid #E5E5DC;border-bottom: 1px solid #2f2f2f;width: 80%;margin: 15px auto;height: 0;line-height: 0;font-size: 0;}
.spline hr {display: none;}
.entry-content img.habari-smiley {border: 0;padding: 0;}
.entry-content img:hover {border-color: #2f2f2f;}
.entry-content img {max-width:100%; height:auto;}
.entry-content ul {margin: 0 0 10px 1.4em;}
.entry-content ol {margin: 0 0 10px 3em;}
.entry-content dd {padding: 0 0 0 10px;margin-left: 20px;}
.tag-cloud li {display: inline;background: none;}
.entry-content a { color: #C00; }
.entry-content a:hover { color: #333; }
.entry-meta {margin-left: 60px;padding: 5px 0;}
.related {margin:5px 0 0 0;padding:15px 10px 0;}

.entry-related {clear: both;overflow: hidden;zoom: 1;padding: 20px 0;margin-top: 20px;border-top: 1px solid #c8c8c0;background-color: #f3f2e9;}
.entry-related h3 {margin-bottom: 10px;}
.entry-related .related-box {float: left;}
.entry-related #related-post {width: 48%;text-align: right;}
.entry-related #related-tags {float: right;width: 48%;text-align: left;}

.draft { background: #eee url('i/draft.png') no-repeat center 30px; }

figcaption { font-size: 10px; }

/* paged */
.page-title {padding: 0;margin: 10px 0 15px 0;text-align: center;text-shadow: #444 1px 1px 10px;}
body.page .entry-title,body.four04 .entry-title {text-align: center;}
body.page .entry-content,body.page .entry-meta,body.four04 .entry-content {margin-left: 0;}
body.four04 .entry-content {text-align: center;}

/* sidebar */
.sidebar a {text-decoration: none;}
.sidebar ul.xoxo {padding: 0 10px;overflow: hidden; background: #FAFAF0 url(i/box_bg-250.gif) repeat-y center; margin-top: 7px; }
.xoxo h3 {padding: 10px 0 10px 5px; color: #2F2F2F;}
.xoxo li.widget {float: left;padding: 0 10px;}
.xoxo li ul li,.entry-content ul li,.entry-content dt {background: url(i/icons-sprite.png) no-repeat -216px -118px;padding-left: 20px;}
.sidebar .textwidget {padding: 5px 10px;}
.tag-cloud li {display: inline;background:none;padding: 0;margin:0 2px 5px 0;}
.tag-cloud li a {white-space: nowrap;}
.tag-cloud li a:hover {color: #c00 !important;}
.tag-cloud li em {color: #999;}
#sidebar-bottom { background: #FAFAF0 url(i/box-250-sprite.png) no-repeat scroll center bottom; height: 15px;}
#fe { padding-left: 20px; vertical-align: middle;}

/*#widget-recentcomments {width: 48%;} */
#widget-blogroll {width: 150px;}
.comment-authors,.comment-authors a {color: #bbb;}
#freshcomments p { line-height: 100%;}
#freshcomments p a:hover { text-decoration: underline;}

/* Diagona Icons by Yusuke */
span.commentsrsslink,span.commentsrsslink,span.author,span.comment-author,span.tag-links,span.comments-link,#comment-notes,span.edit-link {background: url(i/icons-sprite.png) no-repeat;padding-left: 15px;}
span.author,span.comment-author {background-position: 0 -188px;}
span.tag-links {background-position: -220px -18px;}
span.comments-link {background-position: -220px 0;}
span.commentsrsslink {background-position: 0 -108px;}
span.edit-link {background-position: -220px -60px;}
#comment-notes {background-position: -220px -96px;}

/* comments */
#comments {clear: both;width: 590px;margin: 0 auto;background: url(i/main_bg.gif) no-repeat center top;}
#comments-list,#respond {padding: 20px 0 0;}
#comments h3 {margin-bottom: 20px;text-align: center;}
#comments h3.comments-count {margin-bottom: 5px;}
.metalinks {text-align: center;margin-bottom: 20px;}
.comments ol {list-style: none;}
.comments ol li.comment {background: #F8F8EE url(i/box_sprite.png) no-repeat left top;padding-top: 7px;margin-bottom: 20px;}
.comments ol li.nocomment {}
.comments ol li.comment .comment-content {padding: 3px 10px 0;background: url(i/box_bg.gif) repeat-y;}
.comments ol li.comment .comment-content p {margin-bottom: 0;padding: 5px 0;}
.comments ol li.comment .comment-content em.unapproved {display: block;background: #F2D100;color: #000;}
.comments ol li.comment .comment-info {background: #FAFAF0 url(i/box_sprite.png) no-repeat left -10px;padding: 15px 0 0 92px;}
.comments ol li.comment .comment-info a {color: #2f2f2f;text-decoration: none;font-weight: bold;}
.comments ol li.comment-author-admin {background: #2b2b2b url(i/author_box_sprite.png) no-repeat left top;}
.comments ol li.comment-author-admin .comment-content {background-image: url(i/author_box_bg.gif);color: #fff;}
.comments ol li.comment-author-admin .comment-info {background: #FAFAF0 url(i/author_box_sprite.png) no-repeat left -10px;}
.comments ol li .gravatar {width: 16px;height: 16px;vertical-align: middle;margin-right: 5px;}

#respond {clear: both;}
.formcontainer {padding: 0 10px 10px;}
#comment-notes {margin: 5px 0;}
#comment-notes em {font-weight: bold;font-style: normal;}
.required {color: red;}
#respond .form-label {clear: left;margin-top: 7px; width: 80px; float: left; font-weight: bold; vertical-align: middle;text-align: left;}
.form-textarea {float: left;}
#respond textarea, .form-input input {padding: 2px; margin-top: 5px; width: 280px;font-size: 12px;font-family: "Lucida Grande","Lucida Sans Unicode", helvetica, verdana, arial, sans-serif;}
#respond textarea {width: 440px;height: 100px;padding: 2px;line-height: 150%;}
.form-submit {padding: 5px 0 0 80px;clear: left;}
.form-submit span {margin-left: 10px;}

/* Jambo */
#jambo { width: 400px; margin: 0 auto; }
.comment_box textarea { width: 390px; }
#jambo .submit_btn { text-align: right; }

/* nav && pagebar */
.navigation {clear: both;padding: 10px 0;overflow: hidden;}
.nav-previous {float: left;}
.nav-next {float: right;}
.pagebar {margin: 3px;padding: 10px 0;text-align:center;font-size:18px;font-weight:bold;line-height: 20px;font-family: Georgia, sans-serif;}
.pagebar .current-page {font-weight: bold;color: #444;padding-bottom: 6px;}
.pagebar a {text-decoration: none;}
.pagebar .inactive,.pagebar .break {color: #ccc;}

/* Goals & Bests tables */
#goals-table, #bests-table { margin: 15px auto 10px auto; border-collapse: collapse; width: 100% }
tr.even { background-color: #eee; }
tr.odd {}
tr:nth-child(odd) {}
tr:nth-child(even) { background-color: #eee; }
th { border-bottom: 1px solid #ccc; }
td { line-height: 100%; padding: 3px; }
td.number { text-align: center; color: #C00; font-weight: bold; }
td.left { padding-left: 5px; border-right: 1px solid #ccc; }
td.right { text-align: center; }

/* Bests Table */
#bests-table td, #bests-table th { text-align: center }
td.pad, th.pad { border-left: 1px solid #ccc; border-right: 1px solid #ccc; }


/* p.quickie { border-left: 6px solid #cc0000; padding-left: 8px; margin-left: 25px; } */
aside { border-left: 6px solid #cc0000; padding-left: 8px; margin-left: 25px; }
.center, .centre { margin: 0 auto; text-align: center; display: block;}
img.alignleft { float: left; margin-right: 8px; }
img.alignright { float: right; margin-left: 8px; }
.alert {
background:#FFF6BF none repeat scroll 0 0;
border-bottom:2px solid #FFD324;
border-top:2px solid #FFD324;
margin:10px auto;
padding:5px 20px;
text-align:center;
}

#ttl_dist { background: transparent url(i/widget_bg.png) no-repeat; height: 48px; margin-left: 50px; }
#ttl, #ttlkm { position:relative; top: 15px; left: 10px; font-weight: bold;  color: #666; }
#ttl { font-size: 20px;  }

/* Handicap */
#handicap { background: transparent url(i/handicap.jpg) no-repeat; height: 115px; margin-left: 35px; width: 155px; border: 1px solid #ddd; }
#score { position: relative; font-size: 25px; font-weight: bold; color: #000; left: 61px; top: 77px; }

#training { min-height: 100%; overflow: auto;}
#dist { font-weight: bold; font-size: 16px; }
.race_name { font-weight: bold; }
.race_date { font-size: 0.8em; margin-top: -5px; display: block; padding-left: 10px; }

/* Pace and Distance Calculator Styles */
#paceCalcTbl {
	width: 500px;
	border: 0;
	margin: 0 auto;
	padding:5px;
	border-collapse:collapse;
}

.timeDigits { width: 2em; max-width:2em; text-align: center;  }
.labelled { color: #ccc; }
#paceCalcTbl td { padding-top: 5px; padding-bottom: 5px; }
.tdSecHdr { /* background-color: #000066; color: #fff; */ vertical-align: top; text-align: right; font-weight: bold; /* border-right: 1px solid #ccc;*/ width: 4em; }
#paceCalcTbl .col2, #paceCalcTbl .col3 { text-align: center; margin: 0 auto; vertical-align: top; width: 190px; padding-left: 5px; }
#paceCalcTbl .col3 { vertical-align: middle; }
/* #paceCalcTbl tr.odd{  background-color: #CCF; }
#paceCalcTbl tr.even{  background-color: #EEF }
#paceCalcTbl tr.borderBtm { border-bottom: 1px solid #999; } */
.smallText { font-size: 10px; text-align: center }
.sidebar-books { float: left; margin: 0; padding: 0; width: 48%; }

/* Introducing Responsive layout changes - http://www.alistapart.com/articles/responsive-web-design/ */

/* layouts smaller than 600px and mobiles */
@media screen and (max-device-width: 480px), screen and (max-width: 600px) {
	#wrapper, #main, header#site, #container, #primary, footer#site, #comments {
		float: none;
		width: auto !important;
	}
	header#site { position: relative;}
	#search, #menu { display: none; }
	#content { padding:0}
	#primary, .sidebar ul.xoxo, #sidebar-bottom { background-image: none; margin: 0; }
	.sidebar ul.xoxo > li { width: 45%; float: left;}
	#respond textarea { width: 100% }
}

@media screen and (max-device-width: 480px), screen and (max-width: 400px) {
	.sidebar ul.xoxo > li { width: 100%; float: none; }
}