Mibba Layouts: Swirls

HTML Code
<div id="main"><br /> <div id="info-section"><br /> <h1>{USERNAME}</h1> <br /> <br /> <!-- image_start --><br /> <div id="image"> {IMAGE}<br /> </div> <!-- image_end --><br /> <br /> <br /> <!-- info_start --><br /> <div id="info"> {INFO}<br /> </div> <!-- info_end --><br /> <br /> <br /> <!-- stories_start --><br /> <div id="stories"> <h2>Stories</h2> {STORIES}<br /> </div> <!-- stories_end --><br /> <br /> <br /> <!-- articles_start --><br /> <div id="articles"> <h2>Articles</h2> {ARTICLES}<br /> </div> <!-- articles_end --><br /> <br /> <br /> <!-- poems_start --><br /> <div id="poems"> <h2>Poems</h2> {POEMS}<br /> </div> <!-- poems_end --><br /> <br /> <br /> <!-- journals_start --><br /> <div id="journals"> <h2>Journals</h2> {JOURNALS}<br /> </div> <!-- journals_end --><br /> <br /> <br /> <!-- photos_start --><br /> <div id="photos"> <h2>Photos</h2> {PHOTOS}<br /> </div> <!-- photos_end --><br /> <br /> <br /> <!-- friends_start --><br /> <div id="friends"> <h2>Friends</h2> {FRIENDS}<br /> </div> <!-- friends_end --><br /> <br /> </div><br /> <br /> <div id="about-section"> <br /> <!-- about_start --><br /> <div id="about"> <h2>About</h2> <div id="about-content"> {ABOUT}<br /> </div> </div> <!-- about_end --><br /> <br /> <br /> <!-- comments_start --><br /> <div id="comment-area"> <h2>Comments</h2> {COMMENTS}<br /> </div> <!-- comments_end --><br /> <br /> </div><br /> </div>
CSS Code
html body div #menu {<br /> font-family: georgia;<br /> font-size: 10px;<br /> }<br /> <br /> html body div #options {<br /> font-family: georgia;<br /> font-size: 10px;<br /> }<br /> <br /> body<br /> {<br /> background-image: url(http://www.backgroundlabs.com/backgrounds/42.jpg);<br /> background-repeat: fixed;<br /> font-family: georgia;<br /> font-size: 13px;<br /> }<br /> <br /> h1, #stories h2, #poems h2, #articles h2, #photos h2, #journals h2, #friends h2, #about-section h2 {<br /> font-size: 20px;<br /> }<br /> <br /> #main {<br /> background-image: none;<br /> overflow: hidden;<br /> }<br /> <br /> #info-section {<br /> border-style: none;<br /> border-width: 0 0 10px 0;<br /> }<br /> <br /> #about-content {<br /> line-height: 1.7em;<br /> }<br /> <br /> <br /> html body div #menu, #info-section {<br /> background-color: transparent;<br /> }<br /> <br /> #main, #info-section, #photos .photo, #friends img, #comment-list img {<br /> border-color: transparent;<br /> }<br /> <br /> <br /> #photos .photo, #comment-list li, #comment-list img, .pages, .add-comment, html body div #options, h1, #stories h2, #poems h2, #articles h2, #photos h2, #journals h2, #friends h2, #about-section h2, #info dt, #info dd, #stories li, #articles li, #poems li, #journals li, #friends img, #photos .photo div {<br /> background-color: transparent;<br /> }<br /> <br /> #image img {<br /> border-color: transparent;<br /> }<br /> <br /> body, #main, #comment-list .options, #about-section, #image, #image img, #info, #stories, #articles, #poems, #journals, #friends, #photos, #friends a:hover img {<br /> background-color: #ffffff;<br /> <br /> }<br /> <br /> .pages .info {<br /> color: #000000;<br /> }<br /> <br /> h1, #stories h2, #poems h2, #articles h2, #photos h2, #journals h2, #friends h2, #about-section h2, #info dt, #info dd, #stories li, #articles li, #poems li, #journals li, #friends img, #photos .photo div, html body div #menu a, #comment-list .options a, .pages a, .add-comment a, #about-content, #comment-list li, #comment-list .options, html body div #options a, html body div #options span a, #info dt, #info dd, #stories li, #articles li, #poems li, #journals li, #friends img, #photos .photo div, #stories li h3 a, #articles li h3 a, #poems li h3 a, #journals li h3 a, #about-content a, #stories li span a, #articles li span a, #poems li span a, #journals li span a {<br /> color: #000000;<br /> }<br /> <br /> #stories li span, #articles li span, #poems li span, #journals li span {<br /> color: #000000;<br /> }<br /> <br /> #articles li img {<br /> padding: 0;<br /> border-color: #fff;<br /> }