<data:blog.pageTitle/> */ /* Use this with templates/template-twocol.html */ body { background:#36393D url(http://www.freecsstemplates.org/templates/previews/themissingpiece/images/img01.gif) repeat-x; margin:0; color:$textcolor; font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-size/* */:/**/small; font-size: /**/small; text-align: center; } a:link { color:$titlecolor; text-decoration:underline; } a:visited { color:$titlecolor; text-decoration:none; } a:hover { color:$titlecolor; text-decoration: none; } a img { border-width:0; } /*Hide Navbar*/ #navbar-iframe { height:0px; visibility:hidden; display:none; } #back2top { height: 72px; background: url(http://www.freecsstemplates.org/templates/previews/themissingpiece/images/img19.gif) no-repeat left bottom; } #back2top a { display: block; width: 40px; padding: 27px 0 0 25px; text-decoration: none; text-align: center; } #back2top a:hover { text-decoration: underline; } /* Header ----------------------------------------------- */ #header-wrapper { width: 980px; height: 140px; margin: 0 auto; background: #D1E9A3 url(http://www.freecsstemplates.org/templates/previews/themissingpiece/images/img02.gif) repeat-x; } #header-inner { background-position: center; margin-left: auto; margin-right: auto; } #header { float: left; height: 100px; padding: 0 0 0 115px; background: url(http://www.freecsstemplates.org/templates/previews/themissingpiece/images/img03.gif) left top no-repeat; font-family: Georgia, "Times New Roman", Times, serif;font-weight: normal; text-align:left; color:$pagetitlecolor; } #header h1 { margin:0px 0px 0; padding:0px 20px .25em; line-height:0em; font: $pagetitlefont; font-size: 3em; } #header a { color:$pagetitlecolor; text-decoration:none; } #header a:hover { color:$pagetitlecolor; } #header .description { margin:0 0px 5px; padding:0 20px 15px; max-width:700px; line-height: 0em; font: 1.4em $descriptionfont; color:$pagetitlecolor; } #header img { margin-left: auto; margin-right: auto; } /* Outer-Wrapper ----------------------------------------------- */ #outer-wrapper { width: 980px; margin:0 auto; padding:20px; text-align:left; font: $bodyfont; } #main-wrapper { padding:30px 0 0 0; width: 610px; float: left; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; /* fix for long non-text content breaking IE sidebar float */ } #sidebar-wrapper { width: 320px; float: right; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; /* fix for long non-text content breaking IE sidebar float */ } /* Search ----------------------------------------------- */ input, textarea { font: normal 1em Arial, Helvetica, sans-serif; color: #36393D; } #search { float: right; width: 200px; padding: 0 20px 5px 0px; background: url(http://www.freecsstemplates.org/templates/previews/themissingpiece/images/img04.gif) no-repeat right top; } #search form { height: 26px; padding: 46px 0 0 15px; background: url(http://www.freecsstemplates.org/templates/previews/themissingpiece/images/img05.gif) no-repeat 0 45px; } #search fieldset { border: none; } #search-text { width: 170px; background: #FFFFFF; border: none; } #search legend, #search-submit { display: none; } /* Menu ----------------------------------------------- */ #menu { clear: both; height: 40px; background: url(http://www.freecsstemplates.org/templates/previews/themissingpiece/images/img09.gif) no-repeat right bottom; padding:0; margin:0; } #menu ul { height: 28px; margin:0 0 0 0px; padding: 12px 0 0 20px; background: url(http://www.freecsstemplates.org/templates/previews/themissingpiece/images/img08.gif) no-repeat left bottom; list-style: none; } #menu li { padding:0; display: inline; } #menu a { padding: 0 20px; background: url(http://www.freecsstemplates.org/templates/previews/themissingpiece/images/img06.gif) no-repeat left center; text-decoration: none; font-weight: bold; color: #36393D; } #menu a:hover { text-decoration: underline; } /* Headings ----------------------------------------------- */ h2 { margin:1.5em 0 .75em; line-height: 1.4em; color:$sidebarcolor; } h2 {font-family: Georgia, "Times New Roman", Times, serif;font-weight: normal; color: #FFFFFF;} /* Posts ----------------------------------------------- */ .post-date { background:#CCE698 url(http://www.freecsstemplates.org/templates/previews/themissingpiece/images/img14.gif) no-repeat; display: block; float: left; width: 69px; height: 64px; margin-top: 17px; text-align: center; font-size: 11px; font-weight: bold; color: #BF3600; } .post-date .theDay, .post-date .theMonth { display: block; font-size: 12pt; } .post-date .theDay{ display: block; color: #FFFFFF; height: 16px; margin-top:-5px; } .post-date .theMonth{ font: bold 36px Georgia, "Times New Roman", Times, serif; margin:0 0 5px 0; } .post { float:right margin:.5em 0 1.5em; border-bottom:1px dotted $bordercolor; padding-bottom:1.5em; margin-bottom: 1.6em; line-height: 180%; list-style-position: inside; } .post h3 { margin:.25em 0 0; padding:0 0 4px; font-size: 2.6em; line-height:1.0em; font-weight:normal; color:$titlecolor; } .post h3 a, .post h3 a:visited{ text-decoration:none; color:$titlecolor; font-weight:normal; } .post h3 a:hover { color:$titlecolor; border-bottom: 1px dotted #000; } .byline {font-size:80%;} .post p { margin: 10px 20px 0 90px; line-height: 180%; } .post-footer { background:url(http://www.freecsstemplates.org/templates/previews/themissingpiece/images/img15.gif) no-repeat; margin:20px 0 0 0; padding:2px 0 0 15px; color:$sidebarcolor; font: $postfooterfont; line-height: 1.4em; height:27px; font-size:1em; } .post-footer a{ text-decoration: none; font-weight:bold; } .post-footer a:hover{ text-decoration: underline; } .comment-link { padding-left: 15px; background: url(http://www.freecsstemplates.org/templates/previews/themissingpiece/images/img17.gif) no-repeat 0 6px; } .post-labels{ padding-left: 15px; background: url(http://www.freecsstemplates.org/templates/previews/themissingpiece/images/img16.gif) no-repeat 0 5px; } .rss{ padding-left: 15px; background: url(http://www.freecsstemplates.org/templates/previews/themissingpiece/images/img18.gif) no-repeat 1px 6px; } .post img { padding:4px; border:1px solid $bordercolor; } .post blockquote { margin:1em 20px; } .post blockquote p { margin:.75em 0; } /* Comments ----------------------------------------------- */ #comments h4 { margin:1em 0; line-height: 1.6em; color: $titlecolor; font-size:1.4em; font-family: Arial, Helvetica, sans-serif; } #comments-block { margin:0; line-height:1.6em; } #comments-block .comment-author { background:$sidebarbg url(http://lh5.google.com/dafool.com/RuqfQe2p65I/AAAAAAAAAYI/WYAm_7hwlCA/commenthead.jpg) no-repeat; height:50px; width:600px; text-align:left; padding: 8px 0 0 0; font-size: 1.6em; } #comments-block .comment-author a{text-decoration:none;} #comments-block .comment-author a:hover{text-decoration:underline;} #comments-block .comment-body { margin:0; background:$sidebarbg url(http://lh5.google.com/dafool.com/RuqfQe2p64I/AAAAAAAAAYA/-o4v60l4KYQ/commentfoot.jpg) ; background-repeat:no-repeat; height:73px; width:600px; color:$sidebarlink; } #comments-block .comment-footer { margin:-.25em 0 0; line-height: 1.4em; } #comments-block .comment-body p { margin:0 0 0; padding:0 0 0 10px; } .deleted-comment { font-style:italic; color:gray; } #blog-pager-newer-link { float: left; } #blog-pager-older-link { float: right; } #blog-pager { text-align: center; } .feed-links { clear: both; line-height: 2.5em; } /* Sidebar Content ----------------------------------------------- */ .sidebar h2{ background:url(http://www.freecsstemplates.org/templates/previews/themissingpiece/images/img11.gif) no-repeat; width:320px; height:50px; text-align:left; padding: 8px 0 0 10px; font-size: 1.6em; } .sidebar a{ color:$sidebarlink; text-decoration:none; } .sidebar a:hover{ color:$sidebarlink; text-decoration:underline; } .sidebar { color: $sidebartextcolor; line-height: 1.5em; } .sidebar ul { list-style:none; margin:0 0 0; padding:0 0 0; } .sidebar li{ margin:0; padding:0 0 0 10px; line-height:1.5em; background:url(http://www.freecsstemplates.org/templates/previews/themissingpiece/images/img13.gif) no-repeat left center; } .sidebar .widget, .main .widget { margin:0 0 1.5em; padding:0 0 1.5em; } .sidebar .widget-content{ margin:-10px 0 0 0; padding:0 40px 60px 10px; } .sidebar .widget{ background:$sidebarbg url(http://www.freecsstemplates.org/templates/previews/themissingpiece/images/img12.gif) bottom left no-repeat; margin:-10px 0 10px 0; padding:0; } .main .Blog { border-bottom-width: 0; } /* Profile ----------------------------------------------- */ .profile-img { float: left; margin: 0 5px 5px 0; padding: 4px; border: 1px solid $bordercolor; } .profile-data { font-weight:bold; } .profile-datablock { margin:.5em 0 .5em; } .profile-textblock { margin: 0.5em 0; line-height: 1.6em; } .profile-link { font: $postfooterfont; text-transform: uppercase; letter-spacing: .1em; } /* Footer ----------------------------------------------- */ #footer { background: #242628 url(http://www.freecsstemplates.org/templates/previews/themissingpiece/images/img20.gif) repeat-x; clear:both; margin:0 auto; line-height: 1.6em; clear: both; padding: 50px 0; text-align: center; color:$footercolor; } #footer a{color:$footercolor;} /** Page structure tweaks for layout editor wireframe */ body#layout #header { margin-left: 0px; margin-right: 0px; } ]]>