Caedon: Layout 01

/* Layout 01 by Aly */

* { box-sizing: border-box; }

body { background: none; }

h1#logo { display: none; }

h2 {
margin: -10px;
background-color: #000;
height: 25px;
line-height: 25px;
font-size: 15px;
color: #FFF;
padding-left: 10px;
margin-bottom: 10px;
}

#sidebar h2 {
position: absolute;
left: 25px;
top: 46px;
width: 175px;
background-color: #000;
}

ul.navigation li {
float: left;
margin-left: 15px;
margin-top: 10px;
text-align: center !important;
display: inline-block !important;
}

#wrap {
position: fixed;
left: 0; top: 0; right: 0; bottom: 0;
margin: auto;
height: 500px;
width: 650px;
border: 1px solid #000;
padding: 0;
border-radius: 0px;
}

#content:before, #content:after { display: none; }

#content {
position: absolute;
right: 0; top: 0;
margin: 25px;
padding: 0;
height: 100%;
width: 400px;
border: 0;
background-color: transparent;
}

#bio, #friendlist, #comments {
float: right;
width: 100%;
border: 1px solid #000;
height: 133px;
margin-bottom: 25px;
padding: 10px;
}

ul#actions {
position: absolute;
bottom: -1px;
left: 0;
margin: 25px;
border: 1px solid #000;
width: 175px;
height: 75px;
padding: 7px;
padding-left: 10px;
}

li#likes, li#dislikes, li#hobbies { display: none; }

#sidebar img {
position: absolute;
left: 0; top: 0;
width: 175px;
margin: 25px;
border: 1px solid #000;
}

.friend_container {
border: 1px solid #000;
width: 40px;
height: 40px;
}

.friend_container img {
float: left;
width: 100%;
}

#comments { overflow: auto !important; }

#comments ul li {
border: 1px solid #000;
display: block;
overflow: hidden;
margin-bottom: 10px;
padding: 10px;
}

#comments ul li img {
border: 1px solid #000;
margin-right: 10px !important;
}

#header { background: none !important;
.stop{}