<data:blog.pageTitle/>
Templatelite.com.
Version: 1.00
Author: TemplateLite.com
Author URI: http://www.templatelite.com/
Tags: Light purple, Right Sidebar, Fixed Width, 3 columns, Widget Ready, Valid XHtml, Valid CSS
Converted to blogger template by FalconHive.com
Template Name: Letter Frame
Template URI: http://www.falconhive.com/2009/08/letter-frame-blogger-template.html
Version: 1.00
Converter: FalconHive.com
Converter URI: http://falconhive.com
------------------------------------------------------------------------------- */
/* Variable definitions
====================
*/
#navbar-iframe {
height:0px;
visibility:hidden;
display:none;
}
/***** GENERAL *****/
body{
margin:0px auto;
font-size: 12px;
font-family: tahoma, Arial, Helvetica, Sans-Serif;
color:$textcolor;
background:#232237 url(http://img199.imageshack.us/img199/7101/bgrepeats.jpg) repeat-y top center;
border:0px yellow solid;
}
img {
border:0px;
padding:5px;
max-width: 100%; /* not working in IE6*/
}
a {color:$linkcolor;text-decoration: none;}
a:hover {color:$hoveredlinkcolor;text-decoration: underline;}
h1 {font-size:30px;}
h2 {font-size:26px;}
h3 {font-size:21px;}
h4 {font-size:17px;}
h5 {font-size:14px;}
h6 {font-size:12px;}
p {margin: 0px 0px 12px 0px;}
hr {height:1px;border:none;border-top:1px dashed #76543C; width:95%;}
del {color:red;}
ins {color:green;}
blockquote {
clear: left;
text-align: justify;
padding: 0px 0px 0px 22px;
margin: 10px 10px 10px 10px;
border-left: 2px solid #76543C;
}
input,select,textarea {
font-size:12px;
font-family: Verdana, Arial, Helvetica, Sans-Serif;
}
code{
font: 1.1em 'Courier New', Courier, Fixed;
}
.alignleft {float: left;}
.alignright {float: right;}
.aligncenter,div.aligncenter{
display: block;
margin-left: auto;
margin-right: auto;
}
img.alignleft {
padding: 5px;
margin: 0 7px 2px 0;
display: inline;
}
img.alignright {
padding: 5px;
margin: 0 0 2px 7px;
display: inline;
}
img.centered {
display: block;
margin-left: auto;
margin-right: auto;
}
.clear {clear:both;}
.spacer {height:35px;}
/********** LAYOUT **********/
#base{
position:relative;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjruoQaXieQOSWl5RXPU6n0O-7oEXcibiDxFrG4j44PWbFL21uzwHblIqUD8qCt0ubbo6k48Bv_itqaQkclDlQUk9vkwyAMWVngzYTr9SoGh5H46tJ3aWQj52wHK6ppzPtU3H3mHDlYkBU/s1600/bg_base_repeat.jpg) repeat-y top center;
width:990px;
margin:0px auto;
padding:0;
}
#header{
position:relative;
width: 990px;
height: 253px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhaRxuwU1pNXTxU6dV1MZE8lFynEr3Mz9BmmfxdZGdEzjndGBErBWgoLoAXTIdg2Ixn5CBhF4DHfO-JdKId9EwEIbKsYvFYaHBWVdL6S9ZySb0Jwvi-ZF5SfG3SlbfIQGhC4emcK3QOc9Y/s1600/bg_header.jpg) no-repeat center top;
}
#container{
position:relative;
/*overflow:hidden;*/
width:990px;
text-align:right;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigORHzMMjB3Lvu2KBIz6IBWeYwmwV265TU-fdfTsqDhRqOg0YtdN5OcYtZoNjhXa7KpVWRviDN3_xxAT1GqjzZYhB76EfYitut0yoZSoVQeRdA_iw8xb0D5wlU8Rme7JOHhBRZujvAy5k/s1600/bg_container_top.jpg) no-repeat top center;
}
#content{
float:left;
display:inline;
overflow:hidden;
width:600px;
margin:0px 0px 0px 24px;
padding: 0 0px 0 0px;
}
#sidebar{
float:right;
display:inline;
width:346px;
overflow:hidden;
margin: 60px 20px 0 0px;
padding:0px 0 0px 0px;
}
#footer{
color:$footertextcolor;
overflow:hidden;
font:$footerfont;
width:470px;
height:95px;/*135*/
padding:40px 490px 0 30px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7z8I2-VEgSBp3OM2yVeT-VDAOeh0-b18Wu4Nr0GIYEOpT3sC23h05VvTigtG9OJB6Z8T-M32Z51YCTE3435Bwqmc7BKKC4IkI7fY7BvzO6iMUqTYTs3V3TOAP9PSxIeTBixtc6wxIukQ/s1600/bg_footer.jpg) no-repeat bottom center;
}
/*=================== Header ===================*/
#blogtitle h1{
width:600px;
margin:0;
padding:0;
font:$pagetitlefont;
color:$pagetitlecolor;
text-align:right;
padding:0 355px 0 30px;
}
#blogtitle h1 a, #blogtitle h1 a:hover {
color:$pagetitlecolor;
text-decoration:none;
}
#subtitle {
width:500px;
margin:0;
padding:0;
font:$pagedescriptionfont;
color:$pagedescriptioncolor;
text-align:right;
padding:1px 360px 0 30px;
}
#header .home {
position: absolute;
margin:0px;
padding:0px;
left: 0px;
top: 0px;
width:620px;
height:65px;
}
#header .rss {
position:absolute;
display:block;
top:67px;
left:391px;
width:104px;
height:100px;
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzWuxM0iSjv0TpaT93bSThfUwWw-oG82hovIzXtuPz0JNCJkNpY4Z7ZpxpPWBmCucKXwUneky07WOJ9cqzmm-dIP278cKVG-lWIxThMziDmnotSXwCyGQh8bsZ76yX1UkHe76_T2nBY38/s1600/bg_rss_hover.jpg') no-repeat -100px -100px;
}
#header .rss:hover{
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzWuxM0iSjv0TpaT93bSThfUwWw-oG82hovIzXtuPz0JNCJkNpY4Z7ZpxpPWBmCucKXwUneky07WOJ9cqzmm-dIP278cKVG-lWIxThMziDmnotSXwCyGQh8bsZ76yX1UkHe76_T2nBY38/s1600/bg_rss_hover.jpg') no-repeat 0 0;
}
#mainsearch {
position:absolute;
top:111px;
left:136px;
overflow:hidden;
width:160px;
height:40px;
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-UIBRWzEavGFqAwo8wXHAVRPciBLFWm_WK2oIVTMsP8s3coRI_pJbFqSSUbY4kDUF8nV7VgDqrA-sxUjbs3xtFkGw_EhDXBf4dxq85AnPAOAXNU9mREgL7TreyR-VSGTx7kQ5toeUhqU/s1600/bg_search.jpg') no-repeat right top;
}
#mainsearch:hover{
background:none;
}
#mainsearchform .input {
position:absolute;
top:10px;
left:60px;
width:80px;
height:17px;
padding:5px 5px 0px 5px;
margin:0 0 0 0;
font-size:13px;
font-family: Arial, Verdana, Helvetica;
font-weight:bold;
color:#654224;
border:none;
background:none;
}
#mainsearchform .submit{
position:absolute;
cursor:pointer;
border:none;
top:10px;
left:0px;
height:40px;
width:50px;
background:transparent;
}
/*=================== Menu ===================*/
#menu ul {
position:absolute;
overflow:hidden;
top:228px;
left:24px;
width:600px;
height: 23px;
margin:0;
padding:0;
}
#menu ul li {
display:inline;
font:$menufont;
margin:0px;
}
#menu ul li a {
float: right;
display: block;
overflow:hidden;
height:23px;
line-height:23px;
color: $menulinkcolor;
padding:0px 10px 0px 8px;
margin:0;
text-align:right;
text-decoration:none;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_z5WkQ5XMGd3cq5Gc3uKOd2HUHKx8UgII1kFKoxBXptDAIsLgb1a7UEGP1lplmNt-wdbdNW3UoFPqirE16eibaSiz87QB3pFMoYmULmQE6h0QyYuyrPiMf7vtK0nKf_i8rv-JVRpffKI/s1600/bg_menu_arrow.jpg) no-repeat right;
}
#menu ul li a:hover, #menu ul li.current_page_item a{
color:$hoveredmenulinkcolor;
}
/*=================== Content ===================*/
.archivetitle {
color: #FFFFFF;
text-align:right;
font-size: 11px;
font-weight:bold;
font-style:italic;
line-height:15px;
padding: 10px 25px 10px 25px;
margin:0;
}
.post,.page{
overflow:hidden;
width:593px; /*593*/
margin:0 0 35px 3px;
padding:0 0 0 0px;
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBgTEgWS9rJ75Er_3Xf1ge3Vg7Wqg7hlUqM_Z_U_BCw6z0PikOrAgQLe8MZry1hZUPPcPnibmOOiTy-h-PkfdvMM6xOG-m4RkCY0_qxyOjrO83Oj2dM7Fg0UKSgmIw-pXL0AttdqtbqEk/s1600/bg_post_title.png') no-repeat top;
}
.sticky {
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMJijMPeIJFMwpZTdsIuwXDgvxGDDKwAIcGu136Av_pogsFirD3897IAo_G7iS3UsHCb8B_0-FjLAEByqnkbuTfL7Tb9dQGS7IDzmhtLYwGXxGlJBkhfwWjxTWc8zwBTuPBQEo0RbjIZQ/s1600/bg_post_title_sticky.png') no-repeat top;
}
.post_title{
font:$posttitlefont;
overflow:hidden;
width:572px;
height:25px;
padding:0px 15px 0 0px;
margin:15px 0 0px 10px;
}
.post_title a, .post_title a:hover{
color: $titlecolor;
text-decoration:none;
}
.post_title h1, .post_title h2{
font-size:21px;
line-height:25px;
font-weight:bold;
margin:0 0 0px 0;
padding:0;
}
.post_date{
width:575px;
height:18px;
padding-right:10px;
margin:4px 0 20px 4px;
font-family:tahoma;
font-size:11px;
line-height:18px;
color:#7D7D7D;
text-align:right;
}
.sticky .post_date{
color:#EDF2F2;
}
.entry{
position:relative;
overflow:hidden;
line-height: 1.7em;
width:570px;
margin: 0px 0px 10px 10px;
padding:0 15px 0 0;
font:$bodyfont;
color:$posttextcolor;
text-align:justify;
}
.entry a{
text-decoration:underline;
}
.info a{
text-decoration:none;
}
.entry a, .info a{
color:$linkcolor;
}
.entry a:hover, .info a:hover{
color:$hoveredlinkcolor;
text-decoration:underline;
}
.info {
position:relative;
line-height: 1.7em;
font-size: 10px;
color:$postmetacolor;
padding:5px 0 0 0;
margin:0 15px 0 15px;
text-align:right;
}
.category {
font-size: 10px;
margin: 0px 0px 0px 0px;
padding: 0px 20px 4px 20px;
background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-kSrjlInpQVYWJvp7tTqkmh1tHjUdLJjCkE8aiuUxm7vfLzGZowns7eUGS7XE0ayBwgwwcz_DM-XItxpQqayMYLXw_eSpIjCo7B0LJ8yUKenVEA0oxku4h81Bmx08N8r3KUqw-bClS28/s1600/icon_category.png') no-repeat top right;
}
.tags {
font-size: 10px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 4px 20px;
background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifpi9sOl1Lx7BcpaNJYrXJ1iuFE9_H5RA0AChh2KTiVHrk0g8YgVT-MD8_MwqxfhAePe0OhHkAjxORhhLrTvfY1VFbVP2lCtuu82wFEeA1yCkupHDvbkRatZ0gtaEirDJEDqxBKW5EF7I/s1600/icon_tag.png') no-repeat top left;
}
.bubble {
font-size: 10px;
margin: 0px 0px 0px 0px;
padding: 0px 20px 4px 20px;
background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDIP3Bh7MQIDAHDPVHGchaJFVKDkKOXezWFu-Y5jddFGjnR2Fl_fDsJsA1rCxDrpVsyRqTTGZXnuRrPhyphenhyphenh5EXgJDgJm-VS8I2BOm_3w5SxKvlxY6FThROhX1Q6uHxFAQ_cJ2P-1kepsic/s1600/icon_comment.png') no-repeat top right;
}
.navigation {
clear:both;
overflow:hidden;
font-size: 11px;
font-weight:normal;
margin: 30px 20px 5px 20px;
padding: 5px 5px 5px 5px;
border-top:2px #76543C dashed;
}
.navigation a{
text-decoration:none;
}
.sorry {
font-size: 11px;
font-style: italic;
margin: 20px 20px 0px 20px;
padding: 10px 10px 10px 10px;
border: 2px dashed #76543C;
}
/*=================== Sidebar ===================*/
#sidebar1{
float:left;
display:inline;
overflow:hidden;
width:160px;
padding:0;
margin:0 0 0 3px;
}
#sidebar2{
float:right;
display:inline;
overflow:hidden;
width:160px;
padding:0 0px 0 0;
margin:0 3px 0 0;
}
#sidebar select{
margin:10px 0px 0px 10px;
font-size:11px;
width:135px;
overflow:hidden;
}
/***** Sidebar 1 *****/
#sidebar1 {color:$sidebar1textcolor; font-size:11px; font-family:tahoma;}
#sidebar1 a{color:$sidebar1linkcolor; text-decoration:none;}
#sidebar1 a:hover {color:$sidebar1hoveredlinkcolor;text-decoration:underline;}
#sidebar1 ul {
list-style-type: none;
margin: 0px 0px 0px 0px;
padding: 0px 10px 15px 0px;
}
#sidebar1 h2 {
color: $sidebar1color;
font:$header1font;
min-height:28px;/*47*/
line-height:12px;
letter-spacing: 0px;
font-variant: normal;
margin: 0;
padding: 14px 15px 5px 28px;
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjseGKYX7XOXTIOM-1d-KaXJXran7cuMhrV3YGahxY7N3ohclyFGRVA1XvD-bJM6WVDbO8NckMskj0ijmEzt6npZ41U6q7UMeG3hSTZ3XUsioxijB5vzW99SFW6suUDzwmINy8P-gBiX4k/s1600/bg_sb_head1.png') no-repeat 5px 0;
}
#sidebar1 li {
line-height: 1.6em;
list-style-type: none;
margin-left:10px;
padding: 2px 0px 0px 10px;
background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjs2atziuPflMaz3-T49uQDGsK8lm09JZ3ul8GiSrlDQrdoN7KpHMxX0RQ7613WHnRpZxyEboj4fVySmOpq6jQuXVQiwV5oEfUW17e16gzadvjg1pZjSmX8KbBeU3I5atJUb2Gez1397Ac/s1600/bg_sb_arrow1.png') no-repeat 0px 10px;
border:0px red solid;
}
/***** Sidebar 2 *****/
#sidebar2 {color:$sidebar2textcolor; font-size:11px; font-family:tahoma;}
#sidebar2 a{color:$sidebar2linkcolor; text-decoration:none;}
#sidebar2 a:hover {color:$sidebar2hoveredlinkcolor; text-decoration:underline;}
#sidebar2 ul {
list-style-type: none;
margin: 0px 0px 0px 0px;
padding: 0px 10px 15px 0px;
}
#sidebar2 h2 {
color: $sidebar2color;
font:$header2font;
line-height:12px;
min-height:27px; /*56*/
letter-spacing: 0px;
font-variant: normal;
margin: 0;
padding: 13px 15px 16px 15px;
background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHqabx7s4rIY1pZJ8mP6rEbVxRF_o7VzWmz6HbvPJMkN-4m6Gsh4EJoGDp5mCPpFmwGlo56sG8_8U9tOFQaME6FxqUTEH40Jwy-0KcD_4fQjpY8w3lUzUhr6fvfxxYimOGc1Ep3egZWi4/s1600/bg_sb_head2.png') no-repeat top left;;
}
#sidebar2 li {
line-height: 1.6em;
list-style-type: none;
margin: 0px 0px 0px 5px;
padding: 2px 0px 0px 12px;
background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdyo54uA5g3UbVJyILszn9n86TYHsXoB0jQHrvIu0flUbARoYnJ-lc93Ttw2Rqmm2Yu0GrTbLQglROMXjByXYlQyY9TWdRe1hTVziprdfSjCW4T5ioNd4ZxfILMQsUKONMrLbZVrscUGs/s1600/bg_sb_arrow2.png') no-repeat 0px 7px;
}
/*************** comment ***************/
#postmetadata {
font-size: 11px;
margin: 10px 10px 20px 10px;
padding: 5px 15px 5px 15px;
border:1px #898182 solid;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBxcAcqvjZq_MfJMUwX6pJftQU3aVNJQGwpdLI-Oo6zTC0ByxvCMq8rxqE-2NrTCu17_H4u3YYLGPNVzSq1tCDu-tLYcIaur5XyFPsEaxD9RTSzzWbAg0wfls5EPdAkSy4RSJWGyiY2so/s1600/bg_comment.png) repeat;
}
.nocomments {background: none;}
#comments {
font-size: 13px;
text-align: right;
font-weight: bold;
margin: 0px 10px 0px 10px;
padding:0;
font-variant: normal;
border-bottom: 1px dotted #898182;
}
ol.commentlist {
position:relative;
list-style: none;
margin:5px 0px ;
padding:5px 10px 5px 10px;
font-size:12px;
background:none;
border:none;
}
ol.commentlist .comment a{
text-decoration:none;
border-bottom: 1px #898182 dotted;
}
ol.commentlist .comment,
ol.commentlist .trackback,
ol.commentlist .pingback{
margin:10px 0 0 0;
padding:0;
}
ol.commentlist .children{
list-style: none;
padding:0;
margin:0 0 0 15px;
}
ol.commentlist .comment div,
ol.commentlist .trackback div,
ol.commentlist .pingback div{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBxcAcqvjZq_MfJMUwX6pJftQU3aVNJQGwpdLI-Oo6zTC0ByxvCMq8rxqE-2NrTCu17_H4u3YYLGPNVzSq1tCDu-tLYcIaur5XyFPsEaxD9RTSzzWbAg0wfls5EPdAkSy4RSJWGyiY2so/s1600/bg_comment.png) repeat;
border:1px #898182 solid;
padding:5px;
}
ol.commentlist .trackback div,
ol.commentlist .pingback div{
border:1px #898182 dashed;
}
ol.commentlist .comment div div,
ol.commentlist .trackback div div,
ol.commentlist .pingback div div{
background:none;
padding:0;
border:none;
}
ol.commentlist .says{
display:none;
}
ol.commentlist .avatar{
position:relative;
float: left;
margin: 0px 5px 0px 0px;
padding: 0;
border:none;
}
ol.commentlist .fn{
font-weight:bold;
font-size: 11px;
}
ol.commentlist .fn a{
text-decoration:none;
border:none;
}
ol.commentlist .fn a:hover{
text-decoration:underline;
}
/* can remove if set in jQuery*/
/* ie6 not support */
ol.commentlist .bypostauthor>div>div>.fn,
ol.commentlist .bypostauthor>div>div>.fn a,
ol.commentlist .bypostauthor>div>div>.fn a:hover{
text-decoration:underline;
border:none;
}
ol.commentlist .comment .comment-meta,
ol.commentlist .trackback .comment-meta,
ol.commentlist .pingback .comment-meta{
border-bottom: 1px dashed #898182;
margin:0 0 10px 0px;
padding:6px 0 6px 0;
font-size:10px;
}
ol.commentlist .comment .comment-meta a,
ol.commentlist .trackback .comment-meta a,
ol.commentlist .pingback .comment-meta a {
text-decoration:none;
border:none;
}
ol.commentlist .comment .reply{
clear:both;
margin:5px 0 0 0;
padding:2px;
font-size:10px;
text-align:right;
}
ol.commentlist .comment .reply a{
text-decoration:none;
}
ol.commentlist .trackback .reply,
ol.commentlist .pingback .reply{
display:none;
}
/**comment paging WP2.7**/
.commentnavi{
overflow:hidden;
font-size:11px;
margin:0;
padding-right:10px;
}
.commentnavi a{
text-decoration:underline;
}
.commentpages{
float:right;
padding:5px 10px;
}
.page-numbers{
font-weight:bold;
padding:2px 3px 2px 3px;
}
.current{
font-weight:bold;
}
/*** comment form ***/
#respond {
clear:both;
padding:5px 10px 5px 5px;
margin:15px 15px 0px 15px;
font-size:11px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBxcAcqvjZq_MfJMUwX6pJftQU3aVNJQGwpdLI-Oo6zTC0ByxvCMq8rxqE-2NrTCu17_H4u3YYLGPNVzSq1tCDu-tLYcIaur5XyFPsEaxD9RTSzzWbAg0wfls5EPdAkSy4RSJWGyiY2so/s1600/bg_comment.png) repeat;
border:1px #898182 solid;
}
.commentlist #respond{
margin-right:0;
}
#respond .cancel-comment-reply a{
color:#ff0000;
}
#respond a, #respond a:hover{
}
#commentform {
margin:0;
padding:10px 0 0 0;
}
#email, #author, #url {
font-size: 11px;
padding-left: 2px;
vertical-align: middle;
border: 1px solid #898182;
font-family: Verdana, Arial, Helvetica, Sans-Serif;
}
#comment {
width: 98%;
font:$commenttextfont;
border: 1px solid #898182;
padding: 2px 2px 2px 2px;
}
#submit {
cursor:pointer;
height: 20px;
color: #000000;
font-weight:bold;
font-size: 11px;
margin: 0px 0px 0px 0px;
padding: 0px 15px 2px 15px;
border: 1px solid #898182;
background:#DFDBDA;
font-family: Verdana, Arial, Helvetica, Sans-Serif;
}
.comment-form {
margin:25px 0px 0px 10px;
max-width:575px !important;
width:575px !important;
}
h4#comments{
font:$commentheaderfont;
padding:0 0 20px 5px;
margin:0 0 10px 25px;
}
h4.backlinks{
font:$commentheaderfont;
color:$commenttitlecolor;
padding:0 0 20px 0px;
margin:0 0 10px 0px;
}
a.blog-pager-newer-link {
float: left;
padding: 6px;
margin: 4px;
color:$linkcolor;
}
a.blog-pager-older-link {
float: right;
padding: 6px;
margin: 4px;
color:$linkcolor;
}
a.home-link {
position:absolute;
padding: 2px;
margin: 2px;
color:$linkcolor;
}
#blog-pager{
text-align:center;
color:$linkcolor;
}
.feed-links {
margin: 0 0 0 10px;
font:$bodyfont;
color:$textcolor;
}
.feed-links a:hover{
font:$bodyfont;
color:$linkcolor;
}
.feed-link {
color:$linkcolor;
}
.feed-link a:hover {
color:$linkcolor;
}
]]>