Mibba Layouts: Blue Clouds

normal mibba CSS Layout
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: verdana;<br /> font-size: 10px;<br /> }<br /> <br /> html body div #options {<br /> font-family: verdana;<br /> font-size: 10px;<br /> }<br /> <br /> body<br /> {<br /> background-image: url(http://www.backgroundlabs.com/backgrounds/204.jpg);<br /> background-repeat: fixed;<br /> font-family: verdana;<br /> font-size: 12px;<br /> }<br /> <br /> h1, #stories h2, #poems h2, #articles h2, #photos h2, #journals h2, #friends h2, #about-section h2 {<br /> font-size: 2em;<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 /> }