Blogger Template Style
Name: Canvas
Author: Klodian
URL: www.deluxetemplates.net
Date: March 2010
License: This free Blogger template is licensed under the Creative Commons Attribution 3.0 License, which permits both personal and commercial use.
However, to satisfy the 'attribution' clause of the license, you are required to keep the footer links intact which provides due credit to its authors. For more specific details about the license, you may visit the URL below:
http://creativecommons.org/licenses/by/3.0/
----------------------------------------------- */
#navbar-iframe {
display: none !important;
}
/* Variable definitions
====================
default="italic bold 120% 'georgia',Trebuchet,Arial,Verdana,Sans-serif" value="italic bold 120% 'georgia',Trebuchet,Arial,Verdana,Sans-serif">
default="italic bold 250% georgia, Serif" value="italic bold 250% georgia">
default="italic bold 110% 'georgia', Trebuchet, Arial, Verdana, Sans-serif" value="italic bold 110% 'georgia', Trebuchet, Arial, Verdana, Sans-serif">
default="italic 80% 'georgia', Trebuchet, Arial, Verdana, Sans-serif" value="italic 80% 'georgia', Trebuchet, Arial, Verdana, Sans-serif">
*/
/* Use this with templates/template-twocol.html */
body {
background:$bgcolor;
color:$textcolor;
font:small arial,serif;
margin:0;
text-align:center;
}
a:link {
color:$linkcolor;
text-decoration:none;
}
a:visited {
color:$visitedlinkcolor;
text-decoration:none;
}
a:hover {
color:#333333;
text-decoration:underline;
}
a img {
border-width:0;
}
#header-wrapper {
height:135px;
margin:0 auto;
width:960px;
}
#header-inner {
background-position:center center;
margin-left:auto;
margin-right:auto;
}
#header {
color:$pagetitlecolor;
text-align:left;
text-shadow:0 1px 0 #000000;
}
#header h1 {
font: $pagetitlefont;
letter-spacing:0;
margin:0;
padding:30px 20px 4px;
text-transform:none;
}
#header a {
color:$pagetitlecolor;
text-decoration:none;
}
#header a:hover {
color:$pagetitlecolor;
}
#header .description {
font: $descriptionfont;
color: $descriptioncolor;
letter-spacing:0;
margin:0;
max-width:700px;
padding:0 20px 15px;
text-transform:none;
}
#header img {
margin-left:auto;
margin-right:auto;
}
#outer-wrapper {
font: $bodyfont;
margin:0 auto;
text-align:left;
width:960px;
}
#main-wrapper {
float:left;
margin-left:15px;
overflow:hidden;
width:600px;
word-wrap:break-word;
}
#sidebar-wrapper {
float:right;
margin-top:-25px;
overflow:hidden;
width:330px;
word-wrap:break-word;
}
h2 {
background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhL8sYTijROh1WA86_Cjsc449LoflrBeoIQdZE5FVlxTWlsTx7koxijtoBs7YXROplzU5fTPg9kgV120hA2qiEnkiOJaPzZ-i4EHGactM2VFxFG16Vji1rMpILEFSR11BGJpsF9ILjlkIIi/s1600/side_title.png") no-repeat scroll 0 0 transparent;
font:$headerfont;
color:$sidebarcolor;
height:36px;
letter-spacing:0;
margin:0;
padding-left:15px;
padding-right:15px;
padding-top:11px;
text-shadow:0 1px 0 #FFFFFF;
text-transform:none;
}
h2.date-header {
background:none repeat scroll 0 0 transparent;
font:italic 12px georgia;
height:15px;
letter-spacing:0;
margin:1.5em 0 0.5em;
padding:0;
text-transform:none;
}
.post {
margin:0.5em 0 1.5em;
padding-bottom:1.5em;
}
.post h3 {
color:$titlecolor;
font-size:160%;
font-weight:normal;
line-height:1.4em;
margin:0.25em 0 0;
padding:0 0 4px;
}
.post h3 a, .post h3 a:visited, .post h3 strong {
color:$titlecolor;
display:block;
font-weight:normal;
text-decoration:none;
}
.post h3 strong, .post h3 a:hover {
color:#333333;
}
.post-body {
line-height:1.6em;
margin:0 0 0.75em;
}
.post-body blockquote {
line-height:1.3em;
}
.post-footer {
background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmCL_DYhSD-63Q0gnOf2X36xc5K8IZ-GqjwZvXnluBmUuqMlmp6PYzGuJ0U0m0WjFMUaGoFLiyeu3DPypadYPwZ0L7RWKQEOlcFHqrpYLGsJMItzpaBBiTa5rMHTzFAGXWd2oQm3LkdVVS/s1600/metadata.png") no-repeat scroll left top transparent;
color:#999999;
font: $postfooterfont;
letter-spacing:0;
margin:0.75em 0;
padding:14px 12px;
text-transform:none;
}
.comment-link {
margin-left:0.6em;
}
.post img, table.tr-caption-container {
border:1px solid #CCCCCC;
padding:1px;
}
.tr-caption-container img {
border:medium none;
padding:0;
}
.post blockquote {
font:italic 13px georgia;
margin:1em 20px;
}
.post blockquote p {
margin:0.75em 0;
}
#comments h4 {
color:#666666;
font-size:14px;
font-weight:bold;
letter-spacing:0;
line-height:1.4em;
margin:1em 0;
text-transform:none;
}
#comments-block {
line-height:1.6em;
margin:1em 0 1.5em;
}
#comments-block .comment-author {
-moz-background-inline-policy:continuous;
background:none repeat scroll 0 0 #E3E3E3;
border:1px solid #E8DEC4;
font-size:15px;
font-weight:normal;
margin-right:20px;
padding:5px;
}
#comments .blogger-comment-icon, .blogger-comment-icon {
-moz-background-inline-policy:continuous;
background:none repeat scroll 0 0 #E8DEC4;
border-color:#E8DEC4;
border-style:solid;
border-width:2px 1px 1px;
line-height:16px;
padding:5px;
}
#comments-block .comment-body {
border-left:1px solid #E3E3E3;
border-right:1px solid #E3E3E3;
margin-left:0;
margin-right:20px;
padding:7px;
}
#comments-block .comment-footer {
border-bottom:1px solid #E3E3E3;
border-left:1px solid #E3E3E3;
border-right:1px solid #E3E3E3;
font-size:11px;
line-height:1.4em;
margin:-0.25em 20px 2em 0;
padding:5px;
text-transform:none;
}
#comments-block .comment-body p {
margin:0 0 0.75em;
}
.deleted-comment {
color:gray;
font-style:italic;
}
#blog-pager-newer-link {
float:left;
font-weight:bold;
}
#blog-pager-older-link {
float:right;
font-weight:bold;
}
#blog-pager {
text-align:center;
}
.feed-links {
clear:both;
line-height:2.5em;
}
.sidebar {
color: $sidebartextcolor;
line-height:1.5em;
}
.sidebar ul {
list-style:none outside none;
margin:0;
padding:0;
}
.sidebar li {
line-height:1.5em;
margin:0;
padding:0 0 0.25em 15px;
text-indent:-15px;
}
.sidebar .widget, .main .widget {
margin:0 0 1.5em;
}
.main .Blog {
border-bottom-width:0;
}
.profile-img {
border:1px solid #CCCCCC;
float:left;
margin:0 5px 5px 0;
padding:4px;
}
.profile-data {
color:#999999;
font:bold 78%/1.6em 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif;
letter-spacing:0.1em;
margin:0;
text-transform:uppercase;
}
.profile-datablock {
margin:0.5em 0;
}
.profile-textblock {
line-height:1.6em;
margin:0.5em 0;
}
.profile-link {
font:78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif;
letter-spacing:0.1em;
text-transform:uppercase;
}
#footer {
clear:both;
margin:0 auto 20px;
padding:0 10px;
text-align:left;
width:940px;
}
#footer p {
color:#434343;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
font-weight:normal;
margin:0;
padding:2px 0;
text-align:left;
}
#topWrap {
background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUHu1sJh_HttBwOeZcnGEZ8n7e1IkN4Zz6JsLKKcA9n6BpZzpQw6EdU007xusIYjMF7VWkK_vBG6PtHv7nEg-53XZ59856cXOAZDCaiGTjKm5m4cAaTE9xp27qkhBTcXxtjWlUnokenvH7/s1600/bg.jpg") repeat-y scroll center top #E3E3E3;
margin:0 auto 10px;
padding:0;
text-align:left;
width:100%;
}
#mainWrapper {
background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7xaD4korxXLXASIiTJsTTpQ6C-GgIusJ3jB8iXc4GsUILbzZTQbIITgy_H5mt86ZlAZKcN-qtVJ2Pq14jCfAoHu7JdukX5tjDUUhZLwOjdYB5io5yvUDg1DyRZ4PZyuX2eyqaA8640aRa/s1600/bg_bottom.jpg") no-repeat scroll center bottom transparent;
margin:0 auto;
padding:0 0 90px;
text-align:left;
width:100%;
}
#bottomWrapper {
background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjX_FvZGPNqcHyd5wBF-hCF4TU6s8Sdf2SgsSKm3jqy4EV88BelmL_CKBsNUFm0bPuIiayeFkL8ln2J0iC2CKK0KO-CZia0XgaIqmszdIWVy4P6tCSbV9wPU1HZJuwToM1ToFvgrtE1q3xw/s0/bg_top.jpg") no-repeat scroll center top transparent;
margin:0 auto;
padding:0;
text-align:left;
width:100%;
}
.crosscol .PageList li, .footer .PageList li {
float:left;
list-style:none outside none;
margin:0;
padding:0.75em 0.75em 0.75em 0;
}
.PageList li.selected a {
background:none repeat scroll 0 0 #B295BB;
color:#FFFFFF;
font-weight:normal;
padding:14px 10px;
text-decoration:none;
text-shadow:0 1px 0 #000000;
}
#PageList1 {
float:left;
margin-left:15px;
width:600px;
}
.PageList li a {
color:#333333;
font-weight:normal;
padding:0 0 0 10px;
text-shadow:0 1px 0 #FFFFFF;
}
.PageList li a:hover {
background:none repeat scroll 0 0 #B295BB;
color:#FFFFFF;
margin:0;
padding:14px 10px;
text-shadow:0 1px 0 #000000;
}
#sidebar-wrapper .widget-content {
padding-left:15px;
padding-right:15px;
}
.fc-topcap, .fc-botverb, .fc-topverb, .fc-botcap-short, .fc-header-sectitle, .fc-members-header {
color:#666666;
}
.fc-members, .fc-members-canvas {
color:#666666;
}
#searchForm {
clear:both;
height:30px;
list-style-type:none;
margin:0 0 10px;
padding:0;
position:relative;
text-align:left;
width:330px;
}
label.hidden {
display:none;
}
#searchForm input#s {
background:none repeat scroll 0 0 #F9F9F9;
border:1px solid #CBB7C8;
color:#575757;
font-size:14px;
height:20px;
left:10px;
margin:0;
padding:4px;
position:absolute;
top:0;
width:209px;
}
#searchForm input#searchsubmit {
background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijSCppRJtpnfo_GU72geghdLWHtDeZJwfTruoptbu6bIMuGVDNkU3VweTj560SLa1A4k5YXtQO9vR7eSjDgED3tooKgX2Eoa7wA7W-I_gTRRYA9yOqmJ5Orvv2gO3BlZfLA8AU2H8_vZyb/s1600/search_but.png") no-repeat scroll 0 0 transparent;
border:medium none;
cursor:pointer;
height:30px;
margin:0;
padding:0;
position:absolute;
right:10px;
text-align:center;
text-indent:-9999px;
top:0;
width:83px;
}
]]>
