﻿html {height:101%;margin:0;padding:0;}
body {margin:0;padding:0;background:url(images/headerbg.jpg) center 0 no-repeat #4a4436;}
body, p, td, th, select, input {font-family:Lucida Sans Unicode,sans-serif;font-size:12px;}
a {outline:none;}

#divPage {margin:0;min-height:500px;}
#divAll {position:relative;width:960px;margin:0 auto 20px;padding-top:96px;}



/* header */
#divAll h1 {position:absolute;top:20px;left:0;background:url(images/logo.png);height:27px;width:243px;text-indent:-10000px;margin-top:0;}
#divAll h1 a {display:block;width:243px;height:27px;}
#divAll #divSearchBox {position:absolute;top:15px;right:13px;}
#divAll #divSearchBox #txtSearch {height:20px;width:138px;background:url(images/search.png) no-repeat;border:none;
	padding:5px 10px 3px 30px;color:#888;font-style:italic;}
#divAll #divSearchBox #txtSearch.focus {background-position:0 -28px;}
#divAll #divSearchBox img {position:absolute;right:6px;top:7px;}


/* content */
#divContent {position:relative;float:right;width:520px;padding:10px 33px 20px;background:url(images/main_bg.png) repeat-y;min-height:350px;}
#divContentHeader {position:absolute;top:-22px;left:0;background:url(images/main_header.png) no-repeat;height:22px;width:586px;}
#divContentFooter {position:absolute;bottom:-22px;left:-2px;background:url(images/main_footer.png) no-repeat;height:22px;width:586px;}
#divContent #imgInfiniteScroll {position:absolute;top:140px;right:-200px;}
#divContent #divRetrievingNextPosts {color:#888;font-size:14px;background:url(/images/working.gif) 0 3px no-repeat;padding:3px 0 3px 25px;}



/*side bar */
#divSidebar {position:absolute;left:0;top:220px;width:360px;}
#divSidebar div.box {padding:30px 8px 20px 8px;position:relative;clear:both;}
#divSidebar h3 {margin:0 0 5px 0;padding:0;text-indent:-10000px;height:17px;width:208px;background:url(images/sidebarheaders.gif) no-repeat;}
#divSidebar #divPhotos h3 {background-position:0 -17px;}
#divSidebar #divMusic h3 {background-position:0 -34px;}
#divSidebar #divTwitter h3 {background-position:0 -51px;}
#divSidebar #divOtherSites h3 {background-position:0 -68px;}


/* main links */
div.link {font-size:15px;margin-bottom:90px;padding-bottom:30px;}
div.link h3 {font-family:Georgia, Serif;font-size:30px;margin:0;color:#5c89cd;font-weight:normal;}
div.link h3 a {text-decoration:none;color:#01adef;}
div.link div.addedby {color:#888;font-size:11px;margin-bottom:10px;}
div.link p {margin:0 0 15px 0;line-height:1.4em;color:#666;font-size:13px;}
div.link img {margin:5px 0;padding:5px;border:solid 1px #ddd;max-width:500px;}
div.link div.comments {font-size:12px;padding-left:20px;background:url(images/comment.png) no-repeat 0 2px;color:#888;}
div.link div.comments a {color:#888;padding:0 2px;}
div.link div.closecomments a {padding:2px 0 2px 20px;font-size:12px;text-decoration:none;
	background:url(images/closecomments.png) no-repeat;color:#01adef;}
div.link pre p {margin:0;}

div.comment {padding:10px 10px 5px 30px;background:url(images/comment.png) no-repeat #eeeee4 8px 12px;margin:8px 0;
	border-left:solid 3px #dbdad0;color:#333;}
div.comment p {color:#666;margin:0 0 3px;}
#divContent p.warning {background:url(images/error.png) no-repeat 0 2px;padding-left:25px;font-size:16px;color:#d00;}


/* posts */
#divLinks a.y  {font-size:16px;color:#fff;text-decoration:none;}
#divLinks a.y:hover {text-decoration:underline;}
#divLinks div a {font-size:12px;color:#ddd;text-decoration:none;}
#divLinks div a:hover {text-decoration:underline;}

#divLinks #aAddANewLink {display:block;height:14px;width:130px;background:url(images/addanewpost.gif) no-repeat;
	margin-top:10px;text-indent:-10000px;}

/* photos */
#divFlickrSets a {display:block;width:248px;height:107px;background:url(images/flickrbg.gif);padding:0;
	margin:0 0 0 -2px;position:relative;text-decoration:none;}
#divFlickrSets a:hover {background-position:0 -107px;}
#divFlickrSets a img {border:none;margin:10px 10px 0 12px;filter:alpha(opacity:75);opacity:0.75;width:225px;height:75px;}
#divFlickrSets a label {font-size:11px;margin:0 0 0 12px;color:#666;position:relative;top:-4px;font-family:arial; font-style:italic;}

#divFlickrSets a:hover img {filter:none;opacity:1;}
#divFlickrSets a:hover label {color:#333;}

#divFlickrSets img.new {position:absolute;top:2px;right:1px;margin:0;padding:0;filter:none;opacity:1;z-index:100;width:93px;height:45px;}		

#divPhotos #aAllOfMyPictures {display:block;height:14px;width:130px;background:url(images/allofmyphotos.gif) no-repeat;
	margin-top:10px;text-indent:-10000px;}


/* twitter */
#divTwitter label {display:block;color:#ddd;font-size:14px;}
#divTwitter a {color:#fff;}
#divTwitter em {display:block;font-style:normal;color:#ccc;font-size:10px;margin-bottom:10px;} 


/* music */
#divMusic {}
#divMusic img {margin-top:4px;margin-right:6px;filter:alpha(opacity:75);opacity:0.75;border:solid 2px #fff;float:left;width:75px;height:75px;}
#divMusic img:hover {filter:alpha(opacity:100);opacity:1;}


/* ordinary cyclist */
#aOrdinaryCyclist {display:block;margin:15px 0;text-indent:-10000px;width:260px;height:179px;background:url(images/ordinarycyclist.gif) no-repeat;}


/* bits */
#divBits {margin-top:10px;padding-left:8px;}
#divBits a {text-indent:-10000px;display:block;float:left;margin-right:10px;height:13px;}
#divBits #aRSS {background:url(images/rssfeed.gif);width:50px;}
#divBits #aContact {background:url(images/contact.gif);width:68px}



/* forms */
div.form {}
div.form h2 {font-family:Georgia,Tahoma,Verdana,Candara,sans-serif;font-size:24px;margin:0 0 10px 0;color:#01adef;font-weight:normal;}
div.form div {padding:3px;margin:2px 0;}
div.form label {display:block;float:left;width:100px;color:#666;position:relative;top:2px;font-size:12px;}
div.form label span {color:#999;}
div.form input, div.form textarea {padding:2px 4px;color:#666;}
div.form textarea {font-size:12px;font-family:Consolas, Courier New;padding:5px;}
div.form input.mid {width:300px;}
div.form input.large, div.form textarea.large {width:300px;}
div.form div.current {background:#eeeee4;}
div.form div.buttons {margin-top:20px;}
div.form div.buttons input {padding:4px 10px;}


/* add link */
#divAddLink h2 {padding-left:22px;background:url(images/addlink.png) no-repeat 0 2px;margin-bottom:20px;}
#divAddLink #txtLinkComments {height:100px;}
#divAddLink #divFeedback {margin:15px 0 0 3px;padding-left:20px;font-size:13px;color:#666;}
#divAddLink #divFeedback.warning {background:url(images/error.png) no-repeat 0 2px;}



/* add comment */
#divAddComment {background:#f8f8f8;padding:3px;margin-bottom:5px;}
#divAddComment h2 {padding-left:22px;font-size:14px;background:url(images/commentadd.png) no-repeat;margin:10px 0 3px;}
#divAddComment #txtComment {height:80px;}
#divAddComment div.buttons {margin-top:3px;position:relative;}
#divAddComment div.current {background:none;}
#divAddComment #divCommentFeedback {margin:3px 0;padding-left:20px;font-size:13px;
	color:#666;background:url(images/error.png) no-repeat 0 2px;position:absolute;top:5px;left:150px;}

