Sweet Escape

Designer's Comments

Look carefully for specific instructions

please do not alter anything without my written consent.

Choose Daytime Style in your customization options to use this skin properly.

Using This Layout

For specific instructions read designer's comments

1. Log into createblog.com (customize)
2. Copy (ctrl c) and paste (ctrl v) code to the specified fields

Layout Code

Copy and paste to Header HTML

Help

/*Universal Stuff*/

body {
background-color: #FFFFFF;
background-image: url(http://cbimg6.com/layouts/08/04/06/26728aa.png);
background-repeat: repeat;
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
color: #56738a;
font-family: century, times new roman;
margin-bottom: 0px;
}
table, td, tr {
border-color: #dfe9f2;
font-size: 9pt;
font-family: century, times new roman;
}

#nav,#logo { display: none;}
#header,#footer, #splash, #bestfriends {display: none;}
#profile .right {display: none;}
textarea, input, select, .button {

background-color: #ffffff;
border: 1px solid #dfe9f2;
color: #56738a;
font-weight: normal;
font-size: 9pt;
font-family: century, times new roman;
}

#comments p {color: #ffffff; font-size: 9pt; }
#comments .smaller {font-size: 9pt; }
#comments p.comment_body {color: #56738a; font-size: 9pt; margin-top:10px;}
#comments .innerbox {margin-top: 0px;}
#comments img.image {width: 60px; margin-top: 10px;}

/*Link Styles*/

a:link, a:visited, .alertbox a:link, .alertbox a:visited, .linkbox a:link, .linkbox a:visited, .go a:link, .go a:visited {
color: #bc3131;
font-family: century, times new roman;
font-size: 9pt;
font-weight: normal;
}

a:hover, a:active, .alertbox a:hover, .alertbox a:active, .linkbox a:active, .linkbox a:hover, .go a:hover, .go a:active{
color: #2266ba;
font-family: century, times new roman;
font-size: 9pt;
font-weight: normal;
}

.smaller a {font-size: 8.5pt;}
div#content {width:100%;}
#stuff {margin-left: 20px;}
/*Top naviigation*/
#nav { display: none;}
/*Header Styles*/

h1, h2,h2 a:link, h2 a:visited, h2 a:hover, h2 a:active {
color: #bc3131;
font-family: garamond, century, times new roman, georgia;
font-size: 22pt;
text-transform: capitalize;
font-style: italic;
margin: 0x 0 10px 0;
letter-spacing: 1px;
font-weight: normal;
text-align: left;}
#profile h1, #profile h2, #profile h3 {
border-bottom: none;}

#profile h2, #profile h3 {
border-top: none;}

h3{ color: #28665e;
font-family: garamond, century, times new roman, georgia;
font-size: 22pt;
font-style: italic;
text-transform: capitalize;
margin: 0 0 10px 0;
letter-spacing: 1px;
font-weight: normal;
text-align: left;
}

/*Div and Table Styles*/

.innerbox, .entrybox, .standardbox {
background-color:#eff5fa;
padding-left: 10px;
padding-right: 10px;
margin-bottom:14px;
font-size: 9pt;color: #56738a;

margin-top: 20px;
border-top: 3px solid #4e687e;
font-family: century, times new roman;

}
.alertbox {
background-color: #eff5fa;
padding-left: 10px;
padding-right: 10px;
font-size: 9pt;
border-top: 3px solid #4e687e;

font-family: century, times new roman;
}

.alertbox li {
border-bottom: 0px;
font-size: 9pt;
font-family: century, times new roman;
}
.linkbox {
background-color:#eff5fa;

font-size: 9pt;
font-family: century, times new roman;
padding-left: 10px;
padding-right: 10px;
}

.outerbox {
background: transparent;
}

#profile .outerbox {
background: transparent;
}

/*Image Style Effects*/

.innerbox img.image, .entrybox img.image, .standardbox img.image {
filter: gray;
}
.innerbox a:link img, .standardbox a:link img, .entrybox a:link img {
filter: gray;
}
.innerbox a:visited img, .standardbox a:visited img, .entrybox a:visited img {
filter: gray;
}

.innerbox a:hover img, .standardbox a:hover img, .entrybox a:hover img {
filter: gray;
}

.hr {border-bottom: #555555; height: 10px;}

div#container {
background-color: white !important;
padding:0;
margin: 0;
float: left;
}

#photo .right {display: normal;}
#footer { display: none;}

#friends .custombox { display:none; }

div#cont {
font-family: century, times new roman;
font-size: 9pt;
width: 799px;
color: #56738a;
padding-bottom: 100px;
float: left;
margin-top: -50px;
background-image:url(http://cbimg6.com/layouts/08/04/06/26728ab.png);
background-color: #ffffff;
background-repeat: no-repeat;

}
.innerbox li {border-color: #dfe9f2;}
div#navi {
padding-left: 80px;
color: #255376;
background-color: #ffffff;
text-align: left;
margin-top: 570px;
margin-bottom: 40px;
font-family: century, times new roman;

}
ul#navilist {
margin-left: 0;
padding-left: 0;
white-space: nowrap; font-family: century, times new roman;

}

#navilist li {
text-transform: uppercase;
font-size: 8pt;
display: inline;
height:21px; font-family: century, times new roman;

list-style-type: none;
letter-spacing: .5px;
}

#navilist a {
padding: 3px 5px;
font-size: 8pt;
font-family: century, times new roman;

}

#navilist a:link, #navilist a:visited {
color: #255376;

font-size: 8pt;
font-family: century, times new roman;

background: transparent;
text-decoration: none;
}

#navilist a:hover {
color: #93c848; font-family: century, times new roman;

background: transparent;
}

</style>

<div id="cont">
<div id="navi">
<ul id="navilist">
<li><a href="http://createblog.com">home</a></li>
<li><a href="http://www.createblog.com/home/">my account</a></li>
<li><a href="http://www.createblog.com/forums/">forums</a></li>
<li><a href="http://pandora.createblog.com/">pandora</a></li>
<li><a href="http://2amfix.net/">2amfix.net</a></li>
<li>
<a href='http://pandora.createblog.com/wink.php?height=100&width=300' title='Wink' target="_blank">Wink</a>
</li>
<li><a href='http://pandora.createblog.com/friends/add.php?height=100&width=300' target="_blank">Add Me</a></li>
<li>
<a href='http://www.createblog.com/forums/index.php?act=Msg&CODE=4&MID=4071'>Private message</a></li>
</ul>
</div>