<data:blog.pageTitle/> Skinpress.com. Version: 1.6 Author: Skinpress.com Author URI: http://www.skinpress.com/ Converted to blogger template by FalconHive.com Template Name: Tree House Template URI: http://falconhive.com/2009/06/tree-house-blogger-template.html Version: 1.00 Date: 27 June 2009 Author URI: http://www.falconhive.com ----------------------------------------------- */ /* Variable definitions ==================== */ /* Use this with templates/template-twocol.html */ #navbar-iframe{ height:0px; visibility:hidden; display:none; } ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input{ margin:0; padding:0; } ul{ list-style:none; } a{ color:$linkcolor; text-decoration:none; } a:hover{ text-decoration:underline; } a img{ border:0; } .clear{ clear:both; } html{ background:url(http://www.ghostyroasty.com/treehouse/bgr_html.gif) repeat center top; } body{ margin:0px; padding:0px; font-family:Verdana, Geneva, sans-serif; font-size:11px; background:url(http://www.ghostyroasty.com/treehouse/bgr_main.gif) repeat-x center top; color:$textcolor; } #wrapper{ width:100%; height:100%; background:url(http://www.ghostyroasty.com/treehouse/bgr_wrapper.gif) repeat-x bottom; } #page{ width:1000px; margin:0px auto; } /* HEADER */ #header{ width:100%; height:135px; background:url(http://www.ghostyroasty.com/treehouse/bgr_header.gif) no-repeat; } #header #logo{ padding:25px 0 0 30px; float:left; } #header #logo h1{ color:$pagetitlecolor; font:$pagetitlefont; letter-spacing:-4px; } #header #logo h1 a{ color:$pagetitlecolor; } #header #logo span{ display:block; text-align:center; position:relative; top:-10px; font:$pagedescriptionfont; color:$pagedescriptioncolor; letter-spacing:0; } #header #logo a:hover{ text-decoration:none; } #main_search{ width:341px; float:right; } #searchform_top{ float:left; padding:60px 0 0 0; } #searchform_top_text{ width:205px; padding:3px; color:#e7e7e7; font-size:12px; font-family:Arial, Helvetica, sans-serif; float:left; border:0; margin:0 15px 0 0; background:none; } #gosearch{ float:left; margin:3px 0 0 0; } /* MENU */ #menu{ width:100%; height:75px; background:url(http://www.ghostyroasty.com/treehouse/bgr_menu.gif) no-repeat; } #mainmenu{ float:left; padding:15px 0 0 70px; } #main_rss{ float:right; padding:1px 50px 0 0; } #main_rss img{ float:left; } #main_rss a span{ color:#fb3e31; } #mainmenu ul{ margin: 0; padding: 0; list-style-type: none; z-index:1000; } /*Top level list items*/ #mainmenu ul li{ position: relative; display: inline; float: left; z-index:1000; color:#fff; padding:0 0 0 45px; font-size:15px; background:url(http://www.ghostyroasty.com/treehouse/bgr_menu_li.gif) no-repeat left center; font-family:Tahoma, Geneva, sans-serif; } #mainmenu ul li.first{ padding:0; background:none; } /*Top level menu link items style*/ #mainmenu ul li a{ display:block; color:#fff; z-index:1000; padding:10px; } * html #mainmenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/ display: inline-block; float:left; } * html #mainmenu ul li ul li a{ /*IE6 hack to get sub menu links to behave correctly*/ float:none; } #mainmenu ul li a:link, #mainmenucat ul li a:visited{ text-decoration:none; } #mainmenu ul li a:hover, #mainmenu .current_page_item a, #mainmenu .select a{ text-decoration:none; background:#000000; } /*board*/ #board{ width:100%; height:154px; overflow:hidden; background:url(http://www.ghostyroasty.com/treehouse/bgr_board.gif) no-repeat; } #logo_twitter{ position:absolute; margin:203px 0 0 100px; } #twitter_box{ float:right; width:500px; padding:20px 125px 0 0; } #twitter_update_list{ } #twitter_update_list li{ font-style:italic; color:#5c5c5c; font-size:13px; font-family:Georgia, "Times New Roman", Times, serif; line-height:18px; z-index:20; position:relative; } #twitter_update_list li a{ color:#5c5c5c; font-weight:bold; display:block; margin:5px 0 0 0; } #twitter_update_list li span a{ font-weight:normal; display:inline; margin:0; } #twitter_box h2{ color:#555555; font-size:18px; font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; width:100%; overflow:hidden; margin:0 0 8px 0; } #twitter_box h2 span{ border-bottom:1px solid #555555; display:block; float:left; } /* BODY */ #body{ width:100%; background:url(http://www.ghostyroasty.com/treehouse/bgr_body.gif) repeat-y; overflow:hidden; } #body_top{ width:100%; background:url(http://www.ghostyroasty.com/treehouse/bgr_body_top.gif) no-repeat; } #body_end{ width:100%; background:url(http://www.ghostyroasty.com/treehouse/bgr_body_end.gif) no-repeat left bottom; overflow:hidden; padding:0 0 100px 0; } #body_left{ width:669px; float:left; } #body_right{ width:331px; float:right; } /* left contact */ #body_left_content{ width:557px; margin:60px 0 0 86px; } .post{ width:100%; margin:0 0 10px 0; } .post-top{ width:100%; background:url(http://www.ghostyroasty.com/treehouse/bgr_post_title.gif) no-repeat left bottom; padding:0 0 12px 0; overflow:hidden; } .post-title{ float:left; width:460px; } .post-title h2{ margin:0 0 5px 0; font:$posttitlefont; color:$titlecolor; } .post-title h2 a{ color:$titlecolor; } .postcomment{ width:97px; height:68px; padding:30px 0 0 0; margin:0 0 5px 0; color:#fff; text-align:center; font-weight:normal; font-size:25px; font-family:Georgia, "Times New Roman", Times, serif; float:right; background:url(http://www.ghostyroasty.com/treehouse/bgr_post_comment.png) no-repeat; } .postcomment a{ color:#fff; } .postmeta{ font-weight:normal; color:$postmetacolor; font-size:11px; margin:0 0 5px 2px; font-family:Verdana, Geneva, sans-serif; } .postmeta a{ color:$postmetalinkcolor; font-weight:bold; text-transform:capitalize; } .entry{ line-height:20px; font:$bodyfont; margin:10px 0 0 0; } .entry .banner{ text-align:center; padding:0 0 10px 0; } .entry .banner img{ border:0; } .banner_left{ float:left; padding:0 20px 10px 0; } .entry .banner_left img{ border:0; } .entry img{ border:1px solid #666; max-width: 100%; /* not working in IE6*/ } .entry p{ padding-bottom:15px; } .entry p a{ font-weight:bold; text-decoration:underline; } .entry p a:hover{ text-decoration:none; } .postmetadata{ width:100%; overflow:hidden; background:url(http://www.ghostyroasty.com/treehouse/bgr_postmetadata.gif) no-repeat right top; } .postmetadata p{ font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold; font-size:13px; text-align:right; padding:15px 15px 25px 0; } .postmetadata p a{ text-decoration:underline; } .postmetadata p a:hover{ text-decoration:none; } .post-page{ padding:0 0 60px 0; } h2.page_title{ font-size:27px; color:#000; font-weight:normal; background:url(http://www.ghostyroasty.com/treehouse/bgr_post_title.gif) no-repeat left bottom; padding:0 0 20px 5px; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; } .entry a{ font-weight:bold; text-decoration:none; } .entry a:hover{ text-decoration:underline; } .entry h1{ font-size:26px; padding:0 0 14px 0; } .entry h2{ font-size:24px; padding:0 0 14px 0; } .entry h3{ font-size:22px; padding:0 0 12px 0; } .entry h4{ font-size:20px; padding:0 0 10px 0; } .entry h5{ font-size:18px; padding:0 0 8px 0; } .entry h6{ font-size:16px; padding:0 0 6px 0; } /* ADS */ #sidebar_ads{ width:100%; overflow:hidden; margin:29px 0px 0 2px; float:left; } #sidebar_ads div{ float:left; padding:0 0 5px 5px; } #sidebar_ads div img{ float:left; } /* SIDE BAR */ #sidebar{ width:267px; margin:15px 0 0 0; font:$sidebartextfont; color:$sidebartextcolor; background:url(http://www.ghostyroasty.com/treehouse/bgr_sidebar.gif) repeat; float:left; } .sidebars h2{ font:$headerfont; color:$sidebarcolor; margin:0 0 6px 0; border-bottom:2px solid #ead1d5; padding:0 0 10px 23px; } .sidebars ul{ font-size:13px; padding: 0 0 10px 0; } .sidebars ul li{ margin-bottom:0px; border-bottom:2px solid #e0e7f4; padding:8px 0 8px 35px; background:url(http://www.ghostyroasty.com/treehouse/ico_cat.gif) no-repeat left 11px; } .sidebars ul li ul li{ margin-bottom:0; width:auto; } .sidebars ul li ul li ul li{ margin-left:0; } .sidebars li ul li ul{ padding:0 0 0 10px; width:auto; } .sidebars li{ margin-bottom:0px; background:none; } .sidebars li li li{ background:none; border:0; padding:8px 0 8px 5px; } .sidebars li a{ color:$sidebarlinkcolor; } .sidebars li.widget_categories ul li{ color:#f26521; font-weight:bold; } .sidebars li.widget_categories ul li a{ font-weight:normal; } /* FOOTER */ #footer{ width:100%; height:100px; } #footer_text{ padding:10px 0 0 0; text-align:center; } #footer_text p{ font:$footerfont; color:$footertextcolor; padding:0 0 8px 0; } #footer_text a{ color:$footerlinkcolor; text-decoration:underline; } #footer_text a:hover{ text-decoration:none; } #footer_text b a{ color:#9e631b; } /* Begin Images */ p img{ padding: 0; max-width: 100%; } /* Using 'class="alignright"' on an image will (who would've thought?!) align the image to the right. And using 'class="centered', will of course center the image. This is much better than using align="center", being much more futureproof (and valid) */ img.centered{ display: block; margin-left: auto; margin-right: auto; } img.alignright{ padding: 4px; margin: 0 0 2px 7px; display: inline; } img.alignleft{ padding: 4px; margin: 0 7px 2px 0; display: inline; } .alignright{ float: right; } .alignleft{ float: left } /* End Images */ /* Begin Various Tags & Classes */ acronym, abbr, span.caps{ cursor: help; } acronym, abbr{ border-bottom: 1px dashed #999; } blockquote{ margin: 15px 30px 10px 10px; padding-left: 24px; padding-bottom:7px; background:url(http://www.ghostyroasty.com/treehouse/blockquote_bg.gif) repeat-y; } blockquote blockquote{ background:url(http://www.ghostyroasty.com/treehouse/blockquote_bg2.gif) repeat-y; } blockquote cite{ margin: 5px 0 0; display: block; } .center{ text-align: center; } hr{ display: none; } a img{ border: none; } .navigation{ text-align: right; margin:10px auto 0 auto; width:97%; padding:10px; overflow:hidden; font-size:13px; background:#efeff7; border:1px solid #d9d9e0; color:#000; font-family:Arial, Helvetica, sans-serif; } #content_single .navigation{ text-align: center; width:96%; padding:10px 0 10px 0; margin:30px 0 0 25px; } .navigation a{ color:#000; font-size:13px; } .feed-links{ margin: 10px 0 0 0; font-size: 13px; } /* End Various Tags & Classes*/ /* Begin Lists Special stylized non-IE bullets Do not work in Internet Explorer, which merely default to normal bullets. */ .entry ul{ margin: 0 10px 15px 30px; list-style: none; padding:15px 15px 15px 20px; background:#efeff7; border:1px solid #d0d0d7; font-family:Verdana, Geneva, sans-serif; } .entry ul li{ border-bottom:1px solid #ceced5; background:url(http://www.ghostyroasty.com/treehouse/ico_entry.gif) no-repeat left 13px; padding:7px 0 7px 15px; } .entry ol{ margin: 0 10px 15px 30px; padding:15px 15px 15px 40px; background:#efeff7; border:1px solid #d0d0d7; font-family:Verdana, Geneva, sans-serif; } .entry ol li{ margin: 0; padding:7px 0 7px 0; border-bottom:1px solid #ceced5; } .postmetadata ul, .postmetadata li{ display: inline; list-style-type: none; list-style-image: none; } ol li{ list-style: decimal outside; } /* End Entry Lists */ /* Begin Form Elements */ #searchform{ margin: 10px auto; padding: 5px 3px; text-align: center; } #sidebar #searchform #s{ width: 108px; padding: 2px; } #sidebar #searchsubmit{ padding: 1px; } .entry form{ /* This is mainly for password protected posts, makes them look better. */ text-align:center; } select{ width: 130px; } #commentform{ width:400px; } #commentform input{ width: 170px; padding: 2px; margin: 5px 5px 1px 0; } #commentform textarea{ width: 350px; padding: 2px; } #commentform #submit{ margin: 5px 0 0 0; padding:0; width:85px; height:35px; } /* End Form Elements */ /* Begin Comments */ .comment-form{ margin:25px 0px 0px 25px; max-width:550px !important; width:550px !important; } h4#comments{ font:$commentheaderfont; color:$commenttitlecolor; background:url(http://www.ghostyroasty.com/treehouse/bgr_post_title.gif) no-repeat left bottom; padding:0 0 20px 5px; margin:0 0 10px 25px; } h4#comment-post-message{ font:$commentheaderfont; color:$commenttitlecolor; background:url(http://www.ghostyroasty.com/treehouse/bgr_post_title.gif) no-repeat left bottom; padding:0 0 20px 5px; margin:0 0 10px 0px; } h4.backlinks{ font:$commentheaderfont; color:$commenttitlecolor; background:url(http://www.ghostyroasty.com/treehouse/bgr_post_title.gif) no-repeat left bottom; padding:0 0 20px 5px; margin:0 0 10px 25px; } .comment-link{ margin: 0 0 25px 25px; font-size: 13px; } .alt{ margin: 0; padding: 10px; } .commentlist{ padding: 0; text-align: justify; margin:0 0 0 25px; } .commentlist .comment{ margin: 15px 0 0 0; padding: 10px 15px 20px 15px; list-style: none; background:#ececf5; border:1px solid #d0d0d7; } .commentlist .alt{ background:#ececf5; } .commentlist .comment .comment{ margin: 15px 15px 15px 15px; padding: 10px 15px 20px 15px; width:auto; } .commentlist p { margin: 10px 5px 10px 0; line-height:18px; } .commentmet_data{ width:100%; overflow:hidden; } .commentmet_data td{ vertical-align:top; text-align:left; } .commentmet_avatar{ width:102px; padding:15px 0 0 0; } .commentmet_text{ } .commentmet_avatar img{ border:1px solid #2c0202; } #commentform p{ margin: 5px 0; } .commentmet_replay{ width:100%; overflow:hidden; } .commentmet_replay a{ float:right; display:block; text-indent:-9999px; text-transform:capitalize; background:url(http://www.ghostyroasty.com/treehouse/button_replay.gif) no-repeat; width:95px; height:25px; } .nocomments{ text-align: center; margin: 0; padding: 0; } .commentmetadata{ margin: 0; display: block; padding:0 0 5px 0; font:$commentmetafont; color:$commentmetacolor; text-transform:capitalize; } .commentmetadata a{ color:$commentmetalinkcolor; font-weight:bold; } .commentmetadata span{ color:$commentmetalinkcolor; font-weight:bold; } .commentmet_text{ font-size:12px; color:#000; font-family:Verdana, Geneva, sans-serif; } #respond{ margin:10px 0 0 10px; font-family:Verdana, Geneva, sans-serif; background:#e5e5f1; padding:15px; width:90%; } h3#respond_title{ font-size:27px; color:#000; font-weight:normal; background:url(http://www.ghostyroasty.com/treehouse/bgr_post_title.gif) no-repeat left bottom; padding:0 0 20px 5px; margin:0 0 20px 0; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; } #commentform{ margin-left:25px; color:#000; font-size:12px; width:90%; } #commentform small{ position:relative; top:-1px; font-size:12px; } #cancel-comment-reply-link{ font-size:12px; color:#000; } #commentform a, #commentform small{ color:#000; } #commentform input{ background:#cfcfda; border:2px solid #ededf2; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; padding:4px; color:#000000; } #commentform textarea{ background:#cfcfda; border:2px solid #ededf2; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; padding:4px; margin:5px 0 0 0; color:#000000; overflow:auto; } #commentform input#submit{ background:none; border:0px; } /* End Comments */ a.blog-pager-newer-link{ float: left; padding: 4px; margin: 2px; color:#879696; background:#000000; } a.blog-pager-older-link{ float: right; padding: 4px; margin: 2px; color: #879696; background:#000000; } a.home-link{ position:absolute; padding: 4px; margin: 2px; color: #879696; background:#000000; } #blog-pager{ text-align:center } ]]>

Recent twitter entries...

  •  

Posted by | , |

Continue Reading