-
-
-
<data:blog.pageTitle />
-
-
*/
/* Use this with templates/template-twocol.html */
body {
background:$bgcolor;
margin:0;
color:$textcolor;
font: Verdana, Tahoma, Arial, Sans-serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
margin-bottom:5px;
}
a:link {
color:$textcolor;
text-decoration:none;
}
a:visited {
color:$textcolor;
text-decoration:none;
}
a:hover {
color:$linkcolor;
text-decoration:none;
}
a img {
border-width:0;
}
/*Hide Navbar*/
#navbar-iframe {
height:0px;
visibility:hidden;
display:none;
}
/* Menu
----------------------------------------------- */
#menu {
clear: both;
height: 40px;
width:980px;
background:$sidebarbg;
padding:0;
margin:0 0 0 10px;
}
#menu ul {
height: 28px;
margin:0 0 0 0px;
padding: 12px 0 0 0px;
background: $sidebarbg;
list-style: none;
}
#menu li {
padding:0;
display: inline;
}
#menu a {
padding:10px 20px 10px 20px;
background: $sidebarbg;
text-decoration: none;
font-weight: bold;
color: #36393D;
}
#menu a:hover {
background:#2E2E2E;
color: $sidebarbg;
text-decoration:none;
padding:8px 20px 8px 20px;
}
/* Share Links
-----------------------------------------------*/
#share {
clear: both;
padding:0px;
margin:0px;
border-bottom:1px dotted #ccc;
}
#share ul {
margin:0 0 0 0px;
padding:0;
list-style: none;
}
#share li {
padding:5px;
font-size:12px;
display:block;
}
#share a {
padding:10px 20px 10px 20px;
text-decoration: none;
}
#share a:hover {
text-decoration:none;
}
/* Sponsors
-----------------------------------------------*/
#sponsors img{padding:5px;}
/* Subscribe
-----------------------------------------------*/
#subscribe{
clear: both;
padding:0 0 0 10px;
margin:-40px 0 0 0;
float:right;
width:200px;
height:40px;
background:url(http://lh4.google.com/dafool.com/RuwQru2p69I/AAAAAAAAAZc/zjdASU9X-84/subscribe.gif)
0 0 no-repeat;
}
#subscribe a{
width:200px;
height:40px;
display:block;
}
/* Header
-----------------------------------------------
*/
#header-wrapper {
width:1000px;
margin:0 auto 10px;
}
#header-inner {
background-position: left;
margin-left: auto;
margin-right: auto;
}
#header {
width:360px;
height:60px;
margin:0;
padding:0;
text-align: left;
color:$pagetitlecolor;
display: inline;
}
#header h1 {
margin:5px 0 0;
padding:0 0 0 15px;
line-height:1.2em;
letter-spacing:.2em;
font: $pagetitlefont;
font-size:32px;
}
#header a {
color:$textcolor;
text-decoration:none;
display:block;
}
#header a:hover {
color:$linkcolor;
text-decoration:none;
}
#header .description {
margin:0 5px 5px;
padding:0 0 0 10px;
max-width:660px;
line-height: 1.4em;
font: $descriptionfont;
color: $descriptioncolor;
font-size:16px;
}
#header img {
margin-left: auto;
margin-right: auto;
}
/* Header Advertising
----------------------------------------------- */
#advertising{
float:right;
width:468px;
height:60px;
padding:0 15px 0 0;
margin:0 0 0 15px;
display: inline;
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 */
}
/* Outer-Wrapper
----------------------------------------------- */
#outer-wrapper {
background:url(http://dafool.com/fbt/sitebg.gif) repeat-y;
width: 1000px;
margin:0 auto;
text-align:left;
font: $bodyfont;
}
#main-wrapper {
padding:0 0 0 15px;
margin:0;
width: 660px;
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: 300px;
float: left;
margin:5px 0 0 0;
padding:0 0 0 10px;
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 */
}
/* Posts
-----------------------------------------------
*/
h2.date-header {
margin:1.5em 0 .5em;
}
.post {
margin:.5em 0 1.5em;
padding-bottom:1.5em;
}
.post h3 {
margin:0;
padding:0 0 4px;
font-size:28px;
font-weight:normal;
line-height:1.4em;
color:$titlecolor;
}
.post h3 a, .post h3 a:visited, .post h3 strong {
text-decoration:none;
color:$textcolor;
font-weight:normal;
}
.post h3 strong, .post h3 a:hover {
color:$linkcolor;
}
.post p {
margin:0 0 .75em;
line-height:1.6em;
}
.post-footer {
margin: .75em 0;
color:$sidebarcolor;
font: $postfooterfont;
line-height: 1.4em;
font-size:12px;
}
.comment-link {
margin-left:.6em;
}
.post img {
}
.post blockquote {
margin:1em 20px;
}
.post blockquote p {
margin:.75em 0;
}
/* Comments
----------------------------------------------- */
#comments h4 {
margin:1em 0;
line-height: 1.4em;
color:$textcolor;
font-size:18px;
}
#comments-block {
margin:0;
line-height:1.6em;
}
#comments-block .comment-author {
margin:0;
background:#2E2E2E;
text-align:left;
padding:5px 0 0 8px;
color:$sidebarbg;
font-size:1.2em;
}
#comments-block .comment-author a{
color:$sidebarbg;text-decoration:none;}
#comments-block .comment-author a:hover{color:$sidebarbg;text-decoration:underline;}
#comments-block{
margin:.25em 0 0;
}
#comments-block .comment-footer {
margin:-.25em 0 2em;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.1em;
}
#comments-block{
margin:0 0 .75em;
}
.comment-body {
background:$sidebarbg;
margin:0;
padding:5px 0 0 8px;
}
.comment-body p {
font-size:100%;
margin:0 0 .2em 0;
}
.comment-body-author {
background:$sidebarbg;
margin:0;
padding:5px 0 0 8px;
}
.comment-body-author p {
font-size:100%;
margin:0 0 .2em 0;
color:#CC3300;
text-decoration:bold;
}
.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;
}
.fn{text-decoration:underline;}
/* Sidebar Content
----------------------------------------------- */
.sidebar h2{
background:#2E2E2E;
height:30px;
width:300px;
text-align:left;
padding:5px 0 0 8px;
color:$sidebarbg;
font-size:1.2em;
}
.sidebar {
color: $textcolor;
background: $sidebarbg;
line-height: 1.5em;
font-size:12px;
}
.sidebar a{color:$textcolor;text-decoration:none;}
.sidebar a:hover{color:$titlecolor;text-decoration:none;}
.sidebar ul {
list-style:none;
margin:0 0 0;
padding:0 0 0;
}
.sidebar li {
margin:0;
padding:0 0 .25em 15px;
text-indent:-15px;
line-height:1.5em;
}
.sidebar .widget, .main .widget {
margin:0 0 1.5em;
padding:0 0 1.5em;
}
.sidebar .widget-content{padding:5px 5px 5px 5px;}
.main .Blog {
border-bottom-width: 0;
}
/* Profile
----------------------------------------------- */
.profile-img {
float: left;
margin: 0 5px 5px 0;
padding: 4px;
border: 1px solid $bordercolor;
}
.profile-data {
margin:0;
text-transform:uppercase;
letter-spacing:.1em;
font: $postfooterfont;
color: $sidebarcolor;
font-weight: bold;
line-height: 1.6em;
}
.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 {
width:980px;
height:27px;
clear:both;
margin:0 auto;
margin:0 10px 0 0;
padding:0;
line-height: 1.6em;
background:$sidebarbg;
color:#2e2e2e;
letter-spacing:.1em;
text-align:left;
padding-bottom:0;
}
#footer .widget-content{padding:0 0 0 8px;}
#footer .widget{margin:0 10px 0 0;}
#footer .widget-content a{color:#000;}
#footer-wrapper{margin:0 0 0 10px;padding:0;}
#footer-wrapper a{text-decoration:none;color:$sidebarbg;}
#footer-wrapper a:hover,#footer a:hover{text-decoration:none;color:$linkcolor;}
#footer-wrapper li{padding:5px 0 0 0;}
#footer1{width:328px;height:250px;float:left;background:#2E2E2E;margin:0;padding:0;
color:$sidebarbg;}
#footer-wrapper ul{padding:0;margin:0;list-style:none;background:;}
#footer-wrapper li{}
#footer1 .widget-content,#footer2 .widget-content,#footer3 .widget-content{padding:8px 0 0 8px;}
#footer-wrapper .widget{margin:0 0 1.5em;padding:0 0 1.5em;}
#footer1 h2{border-bottom:1px dotted #ccc;height:30px;width:300px;text-align:left;
color:$sidebarbg;margin:0;padding:5px 0 0 8px;font-size:1.2em;}
#footer2 h2,#footer3 h2{border-bottom:1px dotted #ccc;height:30px;width:300px;
text-align:left;color:$sidebarbg;margin:0;padding:5px 0 0 8px;font-size:1.2em;}
#footer2,#footer3{width:326px;height:250px;float:left;color:$sidebarbg;
background:#2E2E2E;}
/** Page structure tweaks for layout editor wireframe */
body#layout #header {
margin-left: 0px;
margin-right: 0px;
}
]]>
-
-