Burnout

[ixia_ash]

Live Preview | IMG | S2 Flexible Squares

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

Best view: best viewed in chrome, firefox
Browser Compatible: tested in chrome, firefox, and IE

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



Credit:
Layout by

Code:

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

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

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

/* Colors
blue: #00c9ae
black: #1c1819
grey/white: #e7e7e7
*/

*{margin: 0; padding: 0;}

body{ background: url(http://i34.tinypic.com/14b8td.jpg) #fff; font-family: Georgia, sans-serif; font-size:12px; color: #e7e7e7; }

a, a:link, a:visited , a:active { color: #00c9ae; font-size: 11px; text-decoration: none;}

a:hover{color: #fff;}

h2 {display: none;}

.title {color: #1c1819; font-size: 46px; line-height: 0.7; text-align: left; width: 150px; position: absolute; top: 100px; letter-spacing: -2px}
.subtitle {display: none}

#content{ margin: 0 auto; }

#maincontent{ width: 900px; margin: 0 auto; }
.lj-view-archive #maincontent {background: url(http://i33.tinypic.com/bg1sut.jpg)}
.lj-view-tags #maincontent {background: url(http://i33.tinypic.com/bg1sut.jpg); padding: 20px 10px; width: 880px; font-family: Tahoma}

.subcontent{ padding: 20px; background: url(http://i33.tinypic.com/bg1sut.jpg); margin: 5px 0}

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

.entry_text{ font-size: 11px; line-height: 1.3; padding: 0 15px; font-family: Tahoma}

#header{ color:#e7e7e7; font-size: 18px; text-transform: lowercase; margin-top: 10px}

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

div#header li { }

div#header li.view { font-size: 58px; font-style: italic; letter-spacing: -2px}

div#header a, div#header a:link, div#header a:visited { color: #1c1819; font-size: 58px; font-style: italic; letter-spacing: -2px}

div#header a:hover, div#footer a:hover{ color: #00c9ae;}

ul.navheader{ color: #00c9ae; text-align: center}

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

ul.navheader li:hover {}

#sidebar{ font-size: 10px; text-transform: lowercase; width: 900px; text-align: left; background: url(http://i33.tinypic.com/bg1sut.jpg); height: 200px; margin: 25px auto}

.defaultuserpic {text-align: center; float: left; margin: 30px 10px 30px 30px}

.defaultuserpic img {padding: 20px; background: #00c9ae}

.sbarbody2 {font-size: 10px; font-family: Tahoma; padding: 5px; margin: 29px auto; float: left; border: 10px solid #00c9ae; padding: 10px; width: auto; max-width: 140px; height: 107px; max-height: 107px; overflow-y: auto; overflow-x: hidden}

li.sbartitle {display: none}

table.calendar {text-align: center; color: #1c1819; margin: 0 auto; float: left; border: 10px solid #00c9ae; padding: 10px;}

.sbarcalendar, .sbarcalendarposts { padding: 3px 5px; background: #f2f2f2;}

.sbarcalendar:hover, .sbarcalendarposts:hover {}

.sbarcalendarposts a, .sbarcalendarposts {color: #00c9ae; font-size: 10px }

ul.sbarlist{ list-style: none; float: left; margin: 30px 5px 0 -5px; max-height: 150px; overflow-y: auto; overflow-x: hidden; padding-right: 25px}

li.sbaritem{ list-style: none; border: 3px solid #00c9ae; padding: 3px; width: 110px; margin: 5px 0 }

li.sbaritem a:link, li.sbaritem a:visited, li.sbaritem a:active {font-size: 12px; padding: 5px 0; color: #e7e7e7}

li.sbaritem a:hover {color: #00c9ae}

.userpic, .userpicfriends{ float: left; text-align:center; padding: 5px; background: transparent !important; margin-left: -160px}
.userpicfriends font , .userpic font, .userpicfriends a {color: #e7e7e7; background: #1c1819; font-family: Tahoma; padding: 2px; margin: 5px 0}

.userpic img, .userpicfriends img { padding: 10px; background: #00c9ae }

.subject{ }

.subject a, .subject {color: #1c1819; font-size: 18px; letter-spacing: 1px; line-height: 0.5; font-style: italic}

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

.date{ line-height: 1; font-size:20px; color:#e7e7e7; letter-spacing: -2px}

.datesubject{ text-align: center; background: #00c9ae; margin: -20px -20px 10px -20px; padding: 10px;}

.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: center; color:transparent; margin: 0px auto;}

div.comments a, div.comments a:visited, div.comments a:active{font-size: 30px; letter-spacing: -2px }

div.comments a:hover{ color: #e7e7e7}

#footer{ text-align: center; color: #e7e7e7; font-size: 15px; text-transform: lowercase}

#footer a:link, #footer a:visited, #footer:active {font-size:45px; color: #1c1819; font-style: italic; letter-spacing:-1px}

div#footer a, div#footer a:link, div#footer a:visited {}

#footer .viewing { font-size: 40px; color: #00c9ae; letter-spacing:-2px}

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: 5px 18px; font-size: 12px; color: #00c9ae; font-weight: normal; background: url(http://i38.tinypic.com/2sagtj4.jpg) no-repeat 0 6px; margin-left: -3px; text-transform: lowercase; letter-spacing: -1px}

div.ljtags a {color: #e7e7e7; font-size: 11px; font-weight: normal; letter-spacing: 0px}

.currents{ color: #e7e7e7; font-size: 11px; margin-top: -33px; margin-left: 11px; font-family: Tahoma}

.currentlocation, .currentmood, .currentmusic{ color: #e7e7e7 ; padding: 3px 0 3px 18px}
.currentlocation {background: url(http://i36.tinypic.com/14ihl09.jpg) no-repeat 0 6px}
.currentmood {background: url(http://i34.tinypic.com/2upsnpe.jpg) no-repeat 0 6px}
.currentmusic {background: url(http://i38.tinypic.com/2mplg7c.jpg) no-repeat 0 6px}

.currentlocation a {color: #e7e7e7;}

.currents strong {font-weight: normal; color: #00c9ae; font-size: 12px; text-transform: lowercase; letter-spacing: -1px}

blockquote {font-size: 11px; padding: 10px; margin: 20px auto; width: 700px; color: #00c9ae; text-indent: 25px; text-align: justify; line-height: 1; letter-spacing: 1px; border-top: 2px solid #e7e7e7; border-bottom: 2px solid #e7e7e7}

code, kbd, pre, tt { font-family: sans-serif; font-size: 11px; padding: 10px; margin: 20px auto; width: 700px; color: #00c9ae; line-height: 1; border-top: 2px solid #e7e7e7; border-bottom: 2px solid #e7e7e7}

#lj_controlstrip {background: url(http://i33.tinypic.com/bg1sut.jpg) }

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

.separator {}

.box {padding: 30px}

.commentbox {background: url(http://i33.tinypic.com/bg1sut.jpg); padding: 10px; margin: 10px 0; min-height: 120px}

.datesubjectcomment {font-style: italic; margin: -10px -10px 15px -10px; font-weight: bold; background: #00c9ae; padding: 5px}
.datesubjectcomment a {color: #1c1819}

.userpiccomment {float: left; border: 10px solid #00c9ae; margin: 5px; margin-left: -140px}

.commentreply {font-family: Tahoma; font-size: 11px}

.skiplinks {background: url(http://i33.tinypic.com/bg1sut.jpg); width: 900px; padding: 5px 0}
.skiplinks, .skiplinks a {text-align: center}

table.yeartable {margin: 0 auto; width: 600px}

ul.year {padding: 10px 30px }

table.yeartable td.yearday {padding: 5px; text-align: center; background: #00c9ae; font-size: 18px; font-style: italic; letter-spacing: -1px}

.yeardate {border: 1px solid #00c9ae; padding: 5px}
.yeardate a {font-size: 18px}

.yearmonth {font-size: 22px; font-style: italic; letter-spacing: -1px}
.yearmonth a {font-size: 11px; font-style: normal; letter-spacing: 0px}

.ljuser img { width: 0; height: 0; background: transparent url(http://i33.tinypic.com/a0kilw.jpg) no-repeat 5px 0; padding: 13px 19px 0 0px !important; vertical-align: baseline !important;}

.ljuser img[src*="userinfo.gif"] { background: transparent url(http://i33.tinypic.com/a0kilw.jpg) no-repeat center left !important; padding: 13px 19px 0 0px !important; }

.ljuser img[src*="community.gif"] { background:transparent url(http://i36.tinypic.com/zje2r8.jpg) no-repeat scroll 5px 0 !important;
padding: 10px 18px 0 0 !important; }