-----------------------------------------------
Blogger Template
Designer: Freyja Silver
URL: www.silversdesigns.blogspot.com
Date: 2010
----------------------------------------------- */


/* Variable definitions

====================

type="color" default="#fff" value="#ffffff">
type="color" default="#333" value="#000000">
type="color" default="#58a" value="#000000">
type="color" default="#666" value="#000000">
type="color" default="#999" value="#000000">
type="color" default="#c60" value="#000000">
type="color" default="#ccc" value="#FFF4DC">
type="color" default="#999" value="#000000">
type="color" default="#666" value="#000000">
type="color" default="#999" value="#000000">
type="font" default="normal normal 100% Georgia, Serif" value="normal normal 109% Times, serif">
type="font"
default="normal normal 78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif" value="normal bold 108% Times, serif">
type="font"
default="normal normal 200% Georgia, Serif" value="normal bold 187% Times, serif">
type="font"
default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="normal normal 84% Times, serif">
type="font"
default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="normal normal 78% Times, serif">
type="automatic" default="left" value="left">
type="automatic" default="right" value="right">

/* Use this with templates/template-twocol.html */

body {
background:$bgcolor;
background-image:url(http://hotlayouts2u.com/blogger-layouts/pre_img/1286475939wtchbackgroundcopy.jpg);background-position:left center ;background-attachment:fixed;
margin:0;
color:$textcolor;
font:x-small Georgia Serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: left;
}
a:link {
color:$linkcolor;
text-decoration:none;
}
a:visited {
color:$visitedlinkcolor;
text-decoration:none;
}
a:hover {
color:$titlecolor;
text-decoration:underline;
}
a img {
border-width:0;
}

/* Header
----------------------------------------------- */
#header-wrapper {
background-image:url(http://hotlayouts2u.com/blogger-layouts/pre_img/1286475939wtchheadercopy3.png);background-position: top center; background-repeat:no-repeat;
width: 1000x;
height:450px;
margin-right:0px;
border-bottom: 0px solid #443424;
}
#header-inner {
background-position: center;
margin-left: auto;
margin-right: auto;
}
#header {
margin: 0px;
border: 0px ridge $bordercolor;
text-align: center;
color:$pagetitlecolor;
}
#header h1 {
margin-left:10px;
margin-right:0px;
margin-top:0px;
margin-bottom:0px;
padding-top:150px;
padding-right:100px;
padding-left:0px;
line-height:0.5em;
text-transform:uppercase;
letter-spacing:-1px;
font: $pagetitlefont;
text-align:center:
}
#header a {
color:$pagetitlecolor;
text-decoration:none;
}
#header a:hover {
color:$pagetitlecolor;
}
#header .description {
margin-left:10px;
margin-right:0px;
margin-top:0px;
margin-bottom:0px;
padding-top:5px;
padding-right:100px;
padding-left:0px;
text-transform:none;
letter-spacing:.2em;
line-height: 1.4em;
font: $descriptionfont;
color: $descriptioncolor;
text-align:center;
}
#header img {
margin-$startSide: auto;
margin-$endSide: auto;
}

/* Outer-Wrapper
----------------------------------------------- */

#outer-wrapper {
background:transparent;
background-image:url(http://hotlayouts2u.com/blogger-layouts/pre_img/1286475939wtchcentercopy2.jpg);background-repeat:repeat; background-position:top center; background-attachment:fixed;
width: 1000px;
border-top: 0px solid #ffffff;
border-bottom: 3px solid #000000;
border-left: 3px solid #000000;
border-right: 3px solid #000000;
margin:0 auto;
padding:0px;
text-align:$startSide;
font: $bodyfont;
}

#main-wrapper {
background:none;
background-image:url();background-position: top center; background-repeat:repeat;
width: 500px;
margin-top: 0px;
margin-left:5px;
padding:5px;
float: $startSide;
border:0px solid #816244;
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 {
background:none;
background-image:url();background-position: top right; background-repeat:no-repeat;
margin:0;
width: 215px;
margin-top:0px;
margin-right:10px;
padding:5px;
float: right;
border:0px solid #421f0c;
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 */
}

#left-sidebar-wrapper{
background:none;
background-image:url();background-position: top right; background-repeat:no-repeat;
margin:0;
width: 215px;
margin-top:-5px;
margin-left:5px;
padding:10px;
float: left;
border:0px solid #421f0c;
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 */
}


/* Headings
----------------------------------------------- */
h2 {
background:transparent;
background-image:url(http://hotlayouts2u.com/blogger-layouts/pre_img/1286475939wtchpostheadcopy.png);background-repeat:no-repeat;
color:#000000;
border:0px solid #20110c;
margin:0px 0 .5em;
padding-left:45px;
padding-top:40px;
height:28px;
font:$headerfont;
line-height:15px;
text-transform:uppercase;
letter-spacing:-1px;
}

/* Posts
----------------------------------------------- */
h2.date-header {
color:#000000;
border:none;
background:none;
font-weight:normal;
text-align: left;
padding-left:10px;
margin-top:0px;
line-height:16px;
text-transform:none;
text-align:center;
}

.post {
margin:0px;
text-align: left;
border-bottom:0px dotted $bordercolor;
padding-bottom:0px;
padding-top:0px;
}

.post h3 {
background-image:url();background-repeat:no-repeat;
color:#000000;
margin:5px 5px 0;
padding-right:10px;
padding-left:50px;
padding-top:12px;
height:30px;
text-align: left;
font-size:125%;
text-transform:uppercase;
font-weight:normal;
line-height:16px;
letter-spacing:0px;
border-bottom:0px solid #c3c323;
}

.post h3 a, .post h3 a:visited, .post h3 strong {
display:block;
text-decoration:none;
color:#000000;
font-weight:normal;

}

.post h3 strong, .post h3 a:hover {
color:$textcolor;

}

.post-body {
padding:15px;
margin:0 0 .75em;
line-height:18px;
padding-top:10px;
}

.post-body blockquote {
line-height:1.3em;
}

.post-footer {
background-image:url(http://hotlayouts2u.com/blogger-layouts/pre_img/1286475939wtchpostfootercopy.png);background-repeat:no-repeat; background-position:center;
height:200px;
color:$sidebarcolor;
text-transform:uppercase;
letter-spacing:0px;
font: $postfooterfont;
line-height: 16px;
padding:10px;
border-bottom:0px solid #95d4e3;
}

.comment-link {
margin-$startSide:.6em;
}
.post img {
padding:0px;
border:0px solid #000000;
}
.post blockquote {
margin:1em 20px;
}
.post blockquote p {
margin:.75em 0;
}

/* Comments
----------------------------------------------- */
#comments h4 {
margin:1em 0;
font-weight: bold;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.2em;
color: $sidebarcolor;
}

#comments-block {
margin:1em 0 1.5em;
line-height:1.6em;
}
#comments-block .comment-author {
margin:.5em 0;
}
#comments-block .comment-body {
margin:.25em 0 0;
}
#comments-block .comment-footer {
margin:-.25em 0 2em;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.1em;
}
#comments-block .comment-body p {
margin:0 0 .75em;
}
.deleted-comment {
font-style:italic;
color:gray;
}

.feed-links {
clear: both;
line-height: 2.5em;
}

#blog-pager-newer-link {
float: $startSide;
}

#blog-pager-older-link {
float: $endSide;
}

#blog-pager {
text-align: center;
}

/* Sidebar Content
----------------------------------------------- */
.sidebar {
color: $sidebartextcolor;
line-height:20px;
padding:10px;
margin-bottom:8.5px;
}

.sidebar ul {
list-style:none;
margin:0 0 0;
padding:0 0 0;
}
.sidebar li {
margin:0;
padding-top:0;
padding-$endSide:0;
padding-bottom:.1em;
padding-$startSide:15px;
text-indent:-15px;
line-height:1.0em;
}

.sidebar .widget, .main .widget {
border-bottom:0px dotted $bordercolor;
margin:0 0 .5em;
padding:0 0 .5em;
}

.main .Blog {
border-bottom-width: 0;
}
/* Profile
----------------------------------------------- */
.profile-img {
float: $startSide;
margin-top: 0;
margin-$endSide: 5px;
margin-bottom: 5px;
margin-$startSide: 0;
padding: 0px;
border: 0px solid $bordercolor;
}

.profile-data {
margin:0;
text-transform:uppercase;
letter-spacing:0px;
font: $postfooterfont;
color: #000000;
font-weight: bold;
line-height: 1.6em;
}

.profile-datablock {
margin:.5em 0 .5em;
}

.profile-textblock {
margin: 0.5em 0;
line-height:18px;
}

.profile-link {
font: $postfooterfont;2
text-transform: uppercase;
letter-spacing:0px;
}

/* Footer
----------------------------------------------- */
#footer {
width:950px;
height:0px;
background-image:url();background-position: bottom center;
clear:both;
margin:0 auto;
padding-top:0px;
line-height: 1.6em;
text-transform:uppercase;
letter-spacing:-1px;
text-align: center;
}

/* Design Credit
----------------------------------------------- */
#credit-link {
color:#ffffff;
text-align: center;
}

/* Rounded Corners
----------------------------------------------- */
.spiffy{display:block}
.spiffy *{
display:block;
height:1px;
overflow:hidden;
font-size:.01em;
background:#E3B856}
.spiffy1{
margin-left:3px;
margin-right:3px;
padding-left:1px;
padding-right:1px;
border-left:1px solid #E3B856;
border-right:1px solid #E3B856;
background:#E3B856}
.spiffy2{
margin-left:1px;
margin-right:1px;
padding-right:1px;
padding-left:1px;
border-left:1px solid #E3B856;
border-right:1px solid #E3B856;
background:#E3B856}
.spiffy3{
margin-left:1px;
margin-right:1px;
border-left:1px solid #E3B856;
border-right:1px solid #E3B856;}
.spiffy4{
border-left:1px solid #E3B856;
border-right:1px solid #E3B856}
.spiffy5{
border-left:1px solid #E3B856;
border-right:1px solid #E3B856}
.spiffyfg{
background:#E3B856;
margin: 0px 0 -10px 0;}

]]>










Wednesday, June 20, 2012

Blessed Midsummer!


No comments:

Post a Comment