/* Theme Name: Hobo, a theme for Mosey Home Theme URI: http://moseyho.me Description: The theme for our little adventure. Version: 1.0 Author: Nathan Swartz Author URI: http://clicknathan.com I'd prefer you didn't steal my theme. Copyrights and such. But just ask, I'll build you one for money. :P */ /* CSS by Nathan Swartz in the foothills of these Rocky Mountains */ body, h1, h2, h3, h4, h5, h6, form, input, fieldset, p, blockquote, ul, ol, li, dd, dt, dl {margin:0; padding:0;} img, fieldset {border:none;} body {background:url(img/bg_tile.jpg) repeat top center; font: 16px/150% Monaco,"Lucida Console",Helvetica,Arial,sans-serif; color:#3a3a3a; text-align:center; letter-spacing:-0.05em; } /* Positioning */ .homer, .blog {max-width:1200px; margin:0 auto;} .homer {background:url(img/bg_home.jpg) no-repeat top center;} .blog {background:url(img/bg_blog.jpg) no-repeat top center;} .single {background:url(img/bg_single.jpg) no-repeat top center;} .video_single {background:url(img/bg_single_video.jpg) no-repeat top center;} .video {background:url(img/bg_video.jpg) no-repeat top center;} .photogallery {background:url(img/bg_photogallery.jpg) no-repeat top center;} .container {width:914px; margin:0 auto; text-align:left;} .homer .post {height:265px;} #header {height:157px; position:relative;} h1 {position:absolute; left:6px; top:29px; width:350px; height:91px; z-index:5;} h1 a {display:block; height:91px; text-indent:-999em;} .tagline {position:absolute; color:#a4a49d; top:42px; left:205px; z-index:3; text-transform:lowercase; font-size:80%;} .twitter_follow {position:absolute; top:40px; left:481px; width:57px; height:44px;} .twitter_follow a {display:block; height:44px; text-indent:-999em;} .rss_info {position:absolute; top:84px; left:465px; width:64px; height:50px;} .rss_info a {display:block; height:50px; text-indent:-999em;} #nav {position:absolute; list-style:none; left:555px; top:103px;} #nav li {float:left; margin-right:34px; text-transform:lowercase;} #header form {position:absolute; top:32px; left:760px; width:152px;} #header input {color:#82827c; font-size:120%; border:none; width:88px; background:transparent; text-transform:lowercase;} #header button {border:none; width:56px; height:48px; background:transparent; text-indent:-999em; position:absolute; right:0; top:-15px;} #content {padding-bottom:43px;} #copy {float:left; width:505px;} .blog #copy, .single #copy {width:608px;} .photogallery #copy {width:658px;} #sidebar {float:left; width:409px;} .blog #sidebar, .single #sidebar {width:306px;} .photogallery #sidebar {width:256px;} .post .gallery {background:url(img/bg_gallery.png) repeat-y; padding:10px 17px 10px 57px; margin-left:-50px;} #categories ul, #all_galleries ul {padding:50px 0 100px 50px; list-style:none;} #categories ul ul {padding:0 0 0 15px;} #vw_restoration {margin:35px 0 0 50px;} #vw_restoration ul {padding-left:70px; list-style:none;} #recent_conversations ul {padding:0 0 0 50px; list-style:none; font-size:75%; color:#898989;} .post {margin-left:21px; padding:16px 77px 0 52px; position:relative;} .single .post {width:60%;} .blog .post {padding-right:110px;} .date_stamp {position:absolute; top:-17px; left:0; width:40px; color:white; text-align:center; font-size:205%; line-height:85% !important;} p.date_stamp:first-line {font-size:70%;} .post_meta, .video_meta {position:absolute; top:45px; right:0px; width:103px;} .single .post_meta {right:-39px; width:103px;} .give_the_slip {right:-34px !important;} .photogallery .post_meta {top:94px; right:596px; text-align:right;} .post_meta p, .video_meta p {font-size:75%;} .video_meta {top:345px; width:300px; right:-285px;} .twitter {background:url(img/bg_twitter.png) no-repeat; position:relative; width:406px; height:195px; margin-left:50px; padding-top:25px; padding-right:31px;} .vid_excerpt {min-height:170px;} #about {padding:50px 25px 0 150px;} #visuals {clear:left; position:relative;} #latest_tweet {position:relative; height:115px;} #restoration_banner {margin-top:114px;} #latest_video {padding-top:102px; margin:0 0 0 31px;} #latest_gallery .gallery {position:absolute; left:379px; top:54px; height:231px; overflow:hidden;} #latest_gallery p {display:none !important;} #latest_gallery p.large {display:block !important;} .gallery dl {float:left; margin:0 15px 4px 0;} .photogallery .gallery dl {margin:0 14px 4px 0;} .gallery img {border:none !important;} .gallery-caption {display:none;} #latest_gallery .large {position:absolute; top:276px; right:66px; width:250px; text-align:right;} #footer {height:142px; position:relative; clear:left;} .extras {background:url(img/sitemap_arrow.png) no-repeat; padding:21px 0 23px 106px; position:absolute; top:15px; left:-35px; text-transform:lowercase;} .credit {background:url(img/created_by.png) no-repeat; width:432px; height:99px; position:absolute; right:16px; top:44px;} .credit a {display:block; height:62px; text-indent:-999em;} .tumblewagon {position:absolute; right:104px; top:91px;} .commentlist {list-style:none; clear:left;} .commentformer {clear:left; text-align:right; text-transform:lowercase;} #commentform {position:relative;} .commentrules {position:absolute; font-size:80%; color:#a4a49d; right:-400px; width:300px;} #commentform label {display:none;} #commentform .subscribe-to-comments label {display:inline !important; font-size:80%; margin-top:-15px;} #commentform input, #commentform button, #commentform textarea {color:#a4a49d; font-size:80%; background:url(img/bg_field.png) repeat; padding:5px; margin:5px 0 9px 0; -moz-border-radius:6px; -webkit-border-radius:6px; border:1px solid transparent;} #commentform input {clear:right;} #commentform textarea {position:absolute; top:0; right:-93px; width:255px;} #commentform button {background:#9d9a6f; color:white; float:right; margin-top:50px;} .commentlist li {margin-bottom:15px; float:left;} .cal_l {width:106px; float:right; padding:9px 24px 0 30px; background:url(img/avatar_right.png) no-repeat; clear:none;} .cal_l img {margin-bottom:10px;} .cal_r {width:276px; float:left; -moz-border-radius:6px; -webkit-border-radius:6px; background:url(img/bg_comment.png) repeat; border:1px solid transparent; color:white; padding:9px 10px; min-height:70px;} .single .cal_r {width:182px;} .alt .cal_l {float:left; clear:left; background:url(img/avatar_left.png) no-repeat; padding:9px 32px 0 22px;} .video_single .cal_r {width:173px;} .video_single #commentform textarea {right:-84px; width:225px;} .video_single p object, .video p object {position:absolute; right:-373px; top:26px;} .more_videos {position:absolute; top:640px; list-style:none;} .more_videos li {float:left; margin:0 9px 0 24px;} .video .post {min-height:700px;} .page_nav {height:100px;} .page_nav p {width:45%; float:left;} img.alignright {float:right; background:url(img/bg_comment.png) repeat; padding:7px; margin:0 0 10px 10px; -moz-border-radius:6px; -webkit-border-radius:6px;} img.alignleft {float:left; background:url(img/bg_comment.png) repeat; padding:7px; margin:0 10px 10px 0; -moz-border-radius:6px; -webkit-border-radius:6px;} img.aligncenter {display:block; margin:10px auto; background:url(img/bg_comment.png) repeat; padding:7px; -moz-border-radius:6px; -webkit-border-radius:6px;} img.alignoff {position:absolute; right:-434px; top:20px; background:url(img/bg_comment.png) repeat; padding:7px; -moz-border-radius:6px; -webkit-border-radius:6px;} #latest_video object, #latest_video embed {width:320px !important; height:240px !important;} #latest_video p {padding:0 !important; margin:0 !important;} /* Typography */ a {color:#a63171; text-decoration:none; font-weight:bold;} #content h2, #latest_tweet p, .twitter p, h3, h4 {font-family:Georgia,Times,"Times New Roman",serif; letter-spacing:-0.06em; color:#505050; } #content h2 {font-size:205%; font-weight:normal; line-height:82%; margin-bottom:10px;} #content h2 a {color:#505050; text-decoration:none; font-weight:normal;} #about h2, #restoration_banner h2, #visuals h2 {display:none;} #latest_tweet p, .twitter p {font-size:125%; padding:20px 15px 20px 30px;} .twitter p {font-size:125%; padding:3px 15px 20px 30px;} #latest_tweet p.tweet_stamp, .twitter p.tweet_stamp {font: 12px/100% Monaco,"Lucida Console",Helvetica,Arial,sans-serif !important; position:absolute; top:94px; left:173px; color:#80a0a2; text-transform:lowercase;} .twitter p.tweet_stamp {top:136px;} #latest_video .large {padding-left:61px; margin-top:0px;} .photogallery #copy h2 {width:400px;} .post h2 em {color:#80a0a2; font-style:normal;} h3 {font-size:175%; margin:40px 0 20px 0; color:#505050; font-weight:normal;} h4 {font-size:150%; font-weight:normal; color:#505050;} #search_results h3 {margin-top:0 !important;} #search_results h3 a {font-weight:normal !important; font-weight:normal !important;} #search_results .post {margin-bottom:35px;} #restoration_banner a {display:block; padding:107px 0 0 227px; text-transform:lowercase;} #content p {line-height:125%; margin:10px 0;} .entry p, .entry li {font-size:90%; line-height:175%;} .large {font-size:150%;} #content .post .large {background:url(img/read_it.png) no-repeat; padding:19px 57px 47px 117px; font-weight:normal; margin-left:-19px;} #about .large {text-transform:lowercase; text-align:right;} .large a, .comment_link a {font-weight:normal;} .comment_link {font-family:Georgia,Times,"Times New Roman",serif; letter-spacing:-0.06em; text-align:right; font-size:205%; text-transform:lowercase; padding-right:25px;} .short {width:100px; height:130px;} .subscribe-to-comments {width:350px;} .post ul { margin:8px 0 8px 20px;} .post li {padding:8px 0;} /* Forms */ input, button {font: 16px/150% Monaco,"Lucida Console",Helvetica,Arial,sans-serif;} /* you bring out the good in me, the lasting longing to be free, and you know i'd give away, everything for just one more day */