s2 flexible squares: Savior

[ixia_ash]

Savior
Layout Style: S2 - Flexible Squares
Browsers: chrome, firefox, IE
Credit: abellalayouts



Live Preview | IMG | Instructions


Note: this layouts looks best when you change your journal ads to "in between entries"

Rules:
-  you must credit abellalayouts in your Profile or Sidebar
- please comment if you're downloading my layout
- feel free to change around the background and colors --> as long as you ask and credit me!
- i love feedback! let me know what you think!
- please add me for updates



Add a button:

http://community.livejournal.com/abellalayouts/">http://i51.tinypic.com/2gy6j9u.jpg" />

Credit:

Layout by

Code:

/****************************************

Layout by http://community.livejournal.com/abellalayouts/
Style: Flexible Squares, S2
Layout: Savior

****************************************/

/* Colors
black: #070707
pink: #ff8a89
green: #588133
yellow: #d7ac29
light yellow: #ffe9a5
*/

*{margin: 0; padding: 0;}

body{ background: url(http://i52.tinypic.com/2zzjldw.jpg) top left no-repeat fixed #fff; font-family: Arial Narrow, sans-serif; font-size:12px; color: #070707; }

a, a:link, a:visited , a:active { color: #ff8a89; text-decoration: none;}

a:hover{color: #588133;}

h2 {display: none;}

.title, .subtitle {color: #d7ac29; font-size: 28px; line-height: 0.7; text-align: right; margin: 0 auto;}
.title:first-letter {color: #ff8a89; font-weight: bold; text-transform: uppercase; font-size: 30px}
.subtitle {font-size: 19px; letter-spacing: 2px}

#content{ margin: 20px auto; width: 850px }

#maincontent{ width: 600px; margin: 0 0 0 auto;}
.lj-view-archive #maincontent {padding: 10px; background: #ffe9a5; border: 1px solid #d7ac29;}
.lj-view-tags #maincontent {padding: 10px; background: #ffe9a5; border: 1px solid #d7ac29; }

.subcontent{ padding: 10px; background: #ffe9a5; border: 1px solid #d7ac29; margin: 5px 0}

.entry { margin: 20px 0 auto 0; }

.entry_text{ font-size: 14px; line-height: 1.2; padding: 0 15px}

#header{ color:#070707; font-size: 18px; text-transform: lowercase; margin: 5px 0; padding-bottom: 20px}

.headerimage {background: url() no-repeat; margin: 0 auto; width: 0px; height: 0px }

div#header li { }

div#header li.view {border-top: 10px solid #588133; padding: 0 5px }

div#header a, div#header a:link, div#header a:visited { color: #588133; font-size: 18px; border-top: 10px solid #ff8a89; padding: 0 5px}

div#header a:hover { color: #ff8a89; border-top: 10px solid #588133; }

ul.navheader{ color: #ff8a89; text-align: right; margin: 10px 0}

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

ul.navheader li:hover {}

#sidebar{ font-size: 11px; text-transform: lowercase; float: left; position: relative; width: 200px; text-align: left; padding: 5px; margin-top: 55px}

.defaultuserpic {text-align: center; }

.defaultuserpic img {border-top: 5px solid #d7ac29; border-left: 5px solid #d7ac29; border-right: 5px solid #ff8a89; border-bottom: 5px solid #ff8a89}

.sbarbody2 {font-size: 13px; padding: 5px; height: 250px; overflow-y: auto}

li.sbartitle {display: none;}

table.calendar {text-align: center; color: #070707; margin: 0 auto}

.sbarcalendar, .sbarcalendarposts { padding: 3px 6px; border-top: 2px solid #588133}

.sbarcalendar:hover, .sbarcalendarposts:hover {border-top: 2px solid #ff8a89}

.sbarcalendarposts a, .sbarcalendarposts {color: #ff8a89;}
.sbarcalendarposts { border-top: 2px solid #ff8a89 }

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

li.sbaritem{ list-style: none; margin: 5px 0}

li.sbaritem a:link, li.sbaritem a:visited, li.sbaritem a:active {font-size: 16px; color: #ff8a89; border-left: 6px solid #588133; padding-left: 5px}

li.sbaritem a:hover {color: #588133; border-left: 6px solid #ff8a89;}

.userpic, .userpicfriends{ float: left; text-align:center; padding: 5px; background: transparent !important; margin-right: 10px; color: #ff8a89}
.userpicfriends font, .userpicfriends a {color: #588133; font-size: 13px}

.userpic img, .userpicfriends img { padding: 5px; background: #588133 }

.subject{ }

.subject a, .subject {color: #ff8a89; font-size: 22px; line-height: 0.8}

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

.date{ line-height: 1; font-size:16px; color:#070707; letter-spacing: 1px}

.datesubject{ text-align: left; border-bottom: 1px solid #d7ac29; padding: 10px; margin: 0 30px}

.entry ol {padding: 5px 0}

.entry ul { list-style: circle; padding: 5px 0 }

.entry ol li{ padding-left: 5px; margin-left: 45px;}

.entry ul li {padding-left: 7px; margin-left: 43px; }

.comments{ text-align: right; color:transparent; margin: 0px auto;}

div.comments a, div.comments a:visited, div.comments a:active{color: #588133; font-size: 18px; border-top: 5px solid #ff8a89}

div.comments a:hover{ color: #ff8a89; border-top: 5px solid #588133}

#footer{ text-align: right; color: #070707; font-size: 18px; text-transform: lowercase; margin-top: 30px}

#footer a:link, #footer a:visited {font-size:18px; border-top: 10px solid #ff8a89; color: #588133; padding: 0 10px}

div#footer a:hover {border-top: 10px solid #588133; color: #ff8a89}

#footer .viewing { border-top: 10px solid #588133;}

ul.navfooter{ padding: 0; margin: 0; display: inline;}

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

.clearfoot{ clear: both; }

div.ljtags {margin-top: 15px; padding: 3px 5px; font-size: 16px; color: #ff8a89; font-weight: bold; }
div.ljtags:first-letter {color: #588133}

div.ljtags a {color: #070707; font-size: 14px; font-weight: normal;}

.currents{ color: #070707; font-size: 14px; margin-top: -33px; margin-left: 11px}

.currentlocation, .currentmood, .currentmusic{ padding-left: 9px; color: #070707;}

.currentlocation a {color: #070707;}

.currents strong {font-weight: 900; color: #ff8a89; font-size: 16px}
.currentlocation:first-letter, .currentmood:first-letter, .currentmusic:first-letter {color: #588133}

blockquote {padding: 5px 10px; margin: 15px auto; width: 90%; color: #588133; text-indent: 25px; text-align: justify; line-height: 1; border-top: 5px solid #d7ac29; border-bottom: 5px solid #d7ac29}
blockquote:first-letter {color: #ff8a89; font-size: 18px; font-weight: bold}

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

#lj_controlstrip { background: url(http://i52.tinypic.com/2zzjldw.jpg) top left no-repeat fixed #fff;}

#lj_controlstrip a:link, #lj_controlstrip a:visited, #lj_controlstrip a:active, #lj_controlstrip, #lj_controlstrip_statustext {color: #ff8a89}

.separator {}

.box {padding: 30px}

.commentbox {background: #ffe9a5; border: 1px solid #d7ac29; padding: 10px; margin: 10px 0}

.datesubjectcomment {color: #ff8a89; margin-bottom: 3px; font-size: 16px}

.userpiccomment {float: right; margin: 5px 5px 5px 15px; padding: 5px; background: #588133}

.commentreply {font-size: 14px}

.skiplinks a { }
.skiplinks {text-align: center;}

table.yeartable {margin: 0 auto}

ul.year {padding: 10px 30px; font-size: 16px }

table.yeartable td.yearday {padding-left: 0px;}

.yearmonth {color: #588133; font-size: 18px}