/* 
Sweetcron Travel log CSS 2009-05-25
Copyright Don McKenzie
Do not steal.
*/



p.original_link a { color:#999;text-decoration:none; }

body {background:url(images/asphalt.jpg);font-family:"Lucida Grande",Arial,Helvetica,sans serif;font-size:12px;color:#000;line-height:1.7em; } 
strong {font-weight:bold;}


div#header {width:960px; margin:0 auto; height: 161px; background:url(images/header.jpg) no-repeat; position:relative;}
div#header h1 a { font-size:18px; display:block; width:376px; height:123px; position:relative; text-indent:-9999px; top:15px; left:14px; background:url(images/h1.jpg) 0px -123px; outline:none;}
div#header h1 a:hover {background:url(images/h1.jpg) 0px 0px;}
div#header p { color:#333; position:absolute; top:95px; left: 418px; font-size:17px; line-height:1.3em;}
div#header ul {position:absolute; top:0px; left:0;}
div#header ul li a {display: block; position: absolute; text-indent:-9999px; outline:none;}
div#header ul li.about a {width:131px; height:46px; top:10px; left:605px; background:url(images/menu_matrix.jpg) 0px 0px; }
div#header ul li.about a:hover {background:url(images/menu_matrix.jpg) 0px -46px;}
div#header ul li.cities a {width:133px; height:53px; top:16px; left:725px; background:url(images/menu_matrix.jpg) -279px -53px;}
div#header ul li.cities a:hover {background:url(images/menu_matrix.jpg) -279px 0px;}
div#header ul li.rss a {width:74px; height:81px; top:4px; left:858px; background:url(images/menu_matrix.jpg) -131px 0px;}
div#header ul li.rss a:hover {background:url(images/menu_matrix.jpg) -205px 0px;}


div#sidebar_container {display:block; float:left; width:283px; height:543px; position: relative; left:-16px; top:550px; background:url(images/recent_notebook.jpg) no-repeat; }
div#sidebar_container ol {display: block; padding: 150px 0 0 24px;}
div#sidebar_container ol li {font-size:14px; line-height:1.8em; font-weight:bold; color:#333;}
/*The illusion of angled text */
div#sidebar_container ol li+li {margin-left:-1px;}
div#sidebar_container ol li+li+li {margin-left:-2px;}
div#sidebar_container ol li+li+li+li {margin-left:-3px;}
div#sidebar_container ol li+li+li+li+li {margin-left:-4px;}
div#sidebar_container ol li+li+li+li+li+li {margin-left:-5px;}
div#sidebar_container ol li+li+li+li+li+li+li {margin-left:-6px;}
div#sidebar_container ol li+li+li+li+li+li+li+li {margin-left:-7px;}
div#sidebar_container ol li+li+li+li+li+li+li+li+li {margin-left:-8px;}




div.center_box { width:960px;margin:0 auto; position:relative;  background:url(images/tiretracks.jpg) no-repeat 8px 588px; }

#map_container {width:100%; height:627px; top:-15px; background:url(images/map_frame.jpg) no-repeat; position:relative;}
#map {width:913px;height:583px; top:22px; left:21px; position:relative; background:url(images/4.gif) no-repeat center center;}

#photo {width:100%; height:627px; top:-15px; background:url(images/about_photo.jpg) no-repeat; position:relative;}


p#bb {display:block; position:absolute; top:520px; left:630px; background:url(images/bb.png); width:321; height:484px;}
p#bb span {visibility: hidden;}
div#main_container {width:655px; float:left; margin-left:-10px; background: url(images/notes_header.jpg) no-repeat; position:relative;}
div#main_container.twitter_com {width:655px; float:left; margin-left:-10px; background: url(images/twitter_header.jpg) no-repeat;}
div#main_container.flickr_com {width:655px; float:left; margin-left:-10px; background: url(images/flickr_header.jpg) no-repeat;}
div#main_container.dsmmcken_posterous_com {width:655px; float:left; margin-left:-10px; background: url(images/email_header.jpg) no-repeat;}
div#main_container #single_container {padding:10px 30px 40px 30px; margin:222px 0 0 11px; background: url(images/paper.jpg) repeat-y;}
div#main_container .content p a {color:#790000; }
div#main_container .content p a:hover {color:#000; }


div#single_container .date {color:#000; font-size:12px; text-align:right; padding:35px 10px 0 0; margin:-65px 0 20px 0;}
.twitter_com div#single_container h2 {font-size:24px;}

div#main_container.city {width:655px; float:left; margin-left:-10px; background: url(images/cities_header.jpg) no-repeat;}
div#main_container.city ul#activity_list {font-size:16px; line-height:1.5em; padding:0 0 20px 40px;}

ul#activity_list {padding:10px 30px 10px 20px; margin:222px 0 0 11px; background: url(images/paper.jpg) repeat-y;}
ul#activity_list li.item { margin-bottom:20px;}
ul#activity_list li.item p, div#single_container p {padding-bottom:7px;}
h2 {font-size:15px; }
h2 a {color:#000; text-decoration:none;}
h2 a:hover {color:#444; text-decoration:none;}
h2:hover a {color:#444; text-decoration:none;}
h2 a[rel="external"] {color:#790000; text-decoration:none;}
h2 a[rel="external"]:hover {color:#000; text-decoration:none;}
.twitter_com h2 {color:#000; line-height:1.2em; }
li.item img,div#single_container img { display:block; background:#FFF; border:1px solid #CCC; padding:10px;margin:5px 0; }

ul#activity_list li.item p.tags {color:#777; padding:0;}
p.tags a {color:#777;}
p.tags a:hover {color:#000;}
p.date,p.original_link {color:#777; font-size:10px;}
p.date a {color:#777;}
p.date a:hover {color:#000;}

.about ul {list-style:disc; padding:0 0 5px 15px;}

#breadcrumb {position:relative; float: right; top:180px; padding:0 40px 0 0; color:#999;}

p#subfooter {font-size:18px; color:#999; display:block;background:url(images/page_bottom.jpg) no-repeat; margin:0 0 0 10px; height:103px; text-align:right; padding:35px 50px 0 0; }
P#subfooter strong {font-size:18px; color: #000;}
p#subfooter a {font-size:18px; color:#000; padding:2px; display:inline-block; text-decoration:none;}
p#subfooter a:hover {background-color:#000; color:#FFF;}

p#subfooter.permalink { font-size:10px; color:#999; }
p#subfooter.permalink a {font-size:10px; color:#999; display:inline; padding:0;}
p#subfooter.permalink a:hover {color:#000; background:none;}

div#footer {background:url(images/footer.jpg) no-repeat; width:960px; height:168px; margin:0 auto; margin-top:-95px;}
div#footer p {padding:130px 0px 0 75px; font-size:15px; color:#333;}


.clear {clear:both;}