(no subject)

[mizz_britain]

Layout for amazinggx21





please dont rush me next time about a request amazinggx21, i do live outside of lj so u have to be patient

- Please remember to credit me by putting this in your profile or on the layout

Layout By

Instructions
1. Go to your Customize Journal page.
2. Make sure your on S2
3. In the search box type "Flexible Squares" and select any that appear
4. Then on the bottom of the same page there is a option to make your layout setup with the sidebar to the Left, click that
5. Then at the top right click Customize Your Theme
6. Click "Custom CSS" on the left. Change all options to NO! It is very important
7. Copy and paste the following into the custom stylesheet box and click "Save Changes":

/* layout: admiration 83 (sidebar)
made by minty_peach. no stealing.
no reposting code as yours. please credit. */

BODY {
margin: 70px 0px 70px 0px;
background-color: #e6e6e6;
text-align: left;
font-size: 10px;
color: #888888;
font-family: "Verdana", sans-serif;
/*--- background image NOT suggested with this version ---*/
}

b, i, s, u {
color: #f47def;
}

a, a:link, a:visited {
color: #33D9E7;
font-style: italic;
font-size: 10px;
text-transform: lowercase;
text-decoration: none;
}

a:hover{
color: #555555;
}

blockquote {
margin: 7px;
padding: 7px;
color: #777777;
background-color: #f5f5f5;
font-size: 10px;
border: 1px solid #cccccc;
text-align: justify;
}

p, td {
font-size: 10px;
}

code, kbd, pre, tt {
font-family: monospace;
}

#content {
width: 700px;
margin-left: auto;
margin-right: auto;
background-color: #e6e6e6;
}

#maincontent {
margin: 0px 0px 0px 220px;
}

/* headerimage */

.headerimage {
position: relative;
margin-left: auto;
margin-right: auto;
margin-bottom: 20px;
width: 650px;
height: 350px;
background-image: url('http://i183.photobucket.com/albums/x11/mizz_britain/jjcopy.png');
background-repeat: no-repeat;
}

.separator {
height: 0px;
}

/* sidebar */

#sidebar {
width: 200px;
color: #999999;
background-color: #FFFFFF;
font-size: 10px;
text-align: justify;
float: left;
}

.defaultuserpic {
text-align: center;
}

.sbarbody, .sbarheader {
padding: 0px;
}

.sbarbody2 {
padding: 10px 8px 10px 8px;
}

table.calendar {
padding: 15px 0px 15px 0px;
margin-right: auto;
margin-left: auto;
}

.sbarcalendar {
padding: 2px;
border: 1px solid #eeeeee;
text-align: center;
color: #cccccc;
font-size: 9px;
}

.sbarcalendarposts {
padding: 2px;
border: 1px solid #eeeeee;
background-color: #f5f5f5;
text-align: center;
color: #EB8A00;
font-size: 9px;
}

ul.sbarlist {
margin: 0px;
list-style: none;
padding: 0px;
}

li.sbaritem {
padding: 7px;
font-size: 8pt;
list-style: none;
border-bottom: 1px solid #eeeeee;
}

li.sbaritem:hover {
background-color: #f3f3f3;
border-bottom: 1px solid #dddddd;
}

li.sbartitle {
list-style: none;
text-align: left;
padding: 15px 5px 5px 5px;
border-bottom: 1px solid #eeeeee;
font-size: 10px;
font-style: italic;
color: #888888;
text-transform: lowercase;
}

ul.ljtaglist li{
padding: 0px;
margin: 5px;
list-style: decimal-leading-zero;
list-style-position: outside;
}

/* header, footer */

#header {
width: auto;
text-align: left;
background-color: #f47def;
font-size: 11px;
color: #FFFFFF;
text-transform: lowercase;
font-style: italic;
}

#footer {
width: auto;
line-height: 30px;
text-align: right;
font-size: 11px;
color: #cccccc;
clear: both;
text-transform: lowercase;
font-style: italic;
}

div#header a, div#header a:link, div#header a:visited {
color: #888888;
font-size: 11px;
text-transform: lowercase;
}

div#footer a, div#footer a:link, div#footer a:visited {
color: #aaaaaa;
padding: 6px;
font-size: 11px;
text-transform: lowercase;
}

div#header a:hover {
color: #bbbbbb;
}

div#footer a:hover {
color: #777777;
}

ul.navheader {
padding: 6px;
margin: 3px;
}

ul.navheader li {
display: inline;
list-style: none;
padding: 0;
}

div#header li.view {
color: #aaaaaa;
}

div#footer li.viewing {
color: #aaaaaa;
}

#footer .viewing {
display:none;
}

ul.navfooter {
padding: 0 2px 0 2px;
margin: 0 2px 0 2px;
}

ul.navfooter li {
display: inline;
margin: 0 0px 0 0px;
}

.clearfoot {
clear: both;
display: none;
}

/* title & subtitle */

.title {
width: auto;
font-size: 10px;
padding: 7px 7px 1px 7px;
font-color: #ffffff;
background-color: #33D9E7;
text-align: right;
}

.subtitle {
width: auto;
font-size: 10px;
padding: 1px 7px 7px 7px;
font-color: #ffffff;
background-color: #33D9E7;
text-align: right;
}

/* subcontent, entries */

.subcontent {
padding: 25px;
background: #FFFFFF;
}

.entry{
margin-left: 0px;
padding: 5px;
color: #999999;
font-family: "verdana" Helvetica, sans-serif;
font-size: 10px;
text-align: justify;
}

.entry ul li {
padding-left: 0px;
margin-left: 0px;
list-style: decimal-leading-zero;
list-style-position: outside;
}

.entry ol li {
padding-left: 0px;
margin-left: 0px;
list-style: decimal-leading-zero;
list-style-position: outside;
}

/* userpics, friends userpics, date, subject */

.userpic {
position: relative;
float: left;
margin: 0px 20px 20px 0px;
z-index: 15;
}

.userpicfriends {
position: relative;
float: left;
margin: 0px 20px 20px 0px;
text-align: right;
font-size: 7pt;
z-index: 15;
background-color: #FFFFFF !important;
}

.userpicfriends font {
color: #aaaaaa !important;
text-transform: uppercase;
}

.userpicfriends br {
display: block;
height: 0;
}

.date {
text-align: left;
font-weight: normal;
font-style: italic;
color: #bbbbbb;
font-size: 7pt;
text-transform: uppercase;
}

.subject {
text-align: left;
padding-bottom: 2px;
font-size: 10px;
font-style: italic;
color: #888888;
text-transform: lowercase;
}

.subject a, .subject a:link, .subject a:visited {
color: #aaaaaa;
text-transform: lowercase;
}

.subject a:hover {
color: #999;
}

.datesubject {
padding: 2px;
border-bottom: 1px solid #eeeeee;
}

/* currents, comment links for main page, tags on main page */

.currents {
background-color: transparent;
}

.currents strong{
font-weight: normal;
font-size: 9px;
color: #888888;
}

.currentlocation {
text-align: right;
padding-right: 15px;
font-size: 9px;
color: #aaaaaa;
background: url('http://i30.tinypic.com/2rnby8p.png') right no-repeat;
}

.currentmood {
text-align: right;
padding-right: 15px;
font-size: 9px;
color: #aaaaaa;
background: url('http://i27.tinypic.com/25tg2uf.png') right no-repeat;
}

.currentmusic {
text-align: right;
padding-right: 15px;
font-size: 9px;
color: #aaaaaa;
background: url('http://i26.tinypic.com/5aq6px.png') right no-repeat;
}

.ljtags {
margin-top: 15px;
padding-right: 15px;
text-align: right;
text-transform: lowercase;
font-size: 9px;
color: #888888;
background: url('http://i32.tinypic.com/11qmidt.png') right no-repeat;
}

.comments {
text-align: center;
border-top: 1px solid #eeeeee;
font-weight: none;
padding: 8px;
position: relative;
color: #aaaaaa;
top: 10px;
}

/* image hover effects */

img:hover {
filter: alpha(opacity=70);
moz-opacity: .70;
opacity: .70;
}

/* tags page */

.ljtaglist {
list-style-type: none;
margin: -1px 20px 0px 20px;
margin-left: 70px; width: 60%;
text-transform: lowercase;
text-align: left;
}

.ljtaglist li {
border-bottom: 1px solid #eeeeee;
padding: 6px 3px 6px 20px;
color: #aaaaaa;
}

H2 {
margin: 30px;
text-align: left;
padding: 10px;
line-height: 12px;
font-weight: normal;
font-style: italic;
font-size: 12px;
text-transform: uppercase;
color: #aaaaaa;
}

ul.ljtaglist {
color: #cccccc;
font-size: 8pt;
padding: 8px 8px 8px 12px;
text-align: left;
margin-right: auto;
margin-left: auto;
padding: 25px;
}

/* archive page */

ul.year{
text-align: center;
padding: 5px;
}

ul.year li {
color: #aaaaaa;
display: inline;
}

table.yeartable {
margin-left: auto;
margin-right: auto;
padding: 2px;
}

table.yeartable td.yeardate, table.yeartable td.yearday {
color: #888888;
border: 1px solid #cccccc;
background-color: #eeeeee;
padding: 2px;
text-align: center;
}

table.yeartable td.yearday {
background-color: #ffffff;
padding: 2px;
text-align: center;
text-transform: uppercase;
color: #bbbbbb;
}

td.yearmonth {
color: #aaaaaa;
border-style: none;
}

/* comment page (sponsored and paid only) */

.clear {
display: none;
}

.skiplinks {
text-transform: lowercase;
text-align: center;
background-color: #ffffff;
padding: 10px;
color: #999999;
}

.datesubjectcomment {
background-color: #FDFDFD;
color: #aaaaaa;
padding: 5px;
margin-bottom: 5px;
}

.userpiccomment {
position: relative;
top: -10px;
left: 0px;
margin: 0px 10px -20px -10px;
z-index: 15;
float: left;
padding: 10px;
border: 1px solid #dddddd;
}

.box {
width: auto;
clear: right;
padding: 25px;
background-color: #ffffff;
}

input, textarea {
background-color: #BAD8DD;
color: #f47def;
}

textarea.textbox{
border: 0px solid #fff;
width: 95% !important;
}

.reply{
position: relative;
margin: 5px 5px 5px 5px;
padding: 5px 5px 5px 5px;
text-align: left;
font-size: 10px;
line-height: 125%;
color: #36C7AC;
}

.replytosubject {
font-weight: bold;
}

.commentreply {
position: relative;
padding: 10px 10px 20px 130px;
font-size: 10px;
color: #777777;
}

.commentbox {
padding: 15px 0px 15px 0px;
margin: 5px;
border-top: 1px solid #dddddd;
}

.datesubjectcomment a:link, .datesubjectcomment a:visited {
color: #555555;
}

.datesubjectcomment a:hover {
color: #bbbbbb;
}

.commentboxpartial {
background-color: #FFFFFF;
padding: 5px;
margin: 12px;
}

.commentinfo {
margin-top: 10px;
width: 100%;
}

/* additional codes, paste below here */