009; Dark Prince

[arksky]

Request layout for yesungx3...I hope it's not too bad.

I gotta make something different D: sorry guys.




Live Preview?
Instructions?

** D: Please disable everything in the sidebar except the blurb and links!! **
If you don't like the width of the layouts (my layouts tend to be small due to my inexperience with headers),go under .content and change the width to your liking.
If you don't like the header,feel free to change it as well.

:D CODE~

/*---------------------------------------------------
**Dark Prince; YeSung**
ArkSky@livejournal.com
-----------------------------------------------------*/

body {
background-image: url();
position: x-repeat;
background-color: #242424;
text-align: center;
color: #FFFFFF;
font-family: "Times New Roman", sans-serif;
font-size: 11px;
margin: 200px 0 100px 0;
}

a, a:link, a:visited {
color: #759B98;
text-decoration: none;
}

a:hover {
color: #ffffff;
text-decoration: none;
}

blockquote {
font-size: 9px;
padding: 10px;
background-color: #404040;
border: 3px solid #759B98;
}

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

/*---------------------------------------------------------------------
General page alignment and width
------------------------------------------------------------------------*/

#content
{
width: 550px;
margin-left: auto; margin-right: auto;
background-color: transparent;
padding: 0px;
}

#maincontent {
margin-top: 15px;
font-family: "Verdana", sans-serif;
font-size: 11px;
background-color: #666666;
margin-right: auto;
text-align: left;
}

#sidebar {

padding-top: 15px;
margin-top: 15px;
background-color: #666666;
font-size: 11px;
font-family: "Trebuchet MS", sans-serif;
color: #efefef;
width: auto;
float: top;
text-align: center;
}

/*-----------------------------------------------------------------------------
Header - you can add a header image with either #header or .headerimage
--------------------------------------------------------------------------------*/

#header {
width: auto;
padding: 10px;
padding-top: opx;
margin: 0 0 -30px -13px;
text-align: left;
font-family: "Impact", sans-serif;
font-size: 20px;
font-weight: normal;
letter-spacing: -1px;
background-color: transparent;
color: #ffffff;
text-transform: lowercase;
}

.headerimage {
/* for formatting header image */
}

/*look and color of links (also partly for footer)*/
div#header a, div#header a:link, div#header a:visited, div#footer a, div#footer a:link, div#footer a:visited {
color: #efefef;
}

div#header a:hover, div#footer a:hover {
color: #759B98;
text-decoration: none;
}

/*title and subtitle*/
.title, .subtitle {
display: none;
}

/*-----------------------------------------------------------------------------
Header - top navigation
--------------------------------------------------------------------------------*/

/* header -- links to views; title of journal; subtitle of journal */

ul.navheader
{
padding: 0px;
margin: 0px;
}

ul.navheader li {
display: inline;
padding: 0 3px 0 3px;
}

/*-----------------------------------------------------------------------------
Entry stuff
------------------------------------------------------------------------*/

.subcontent {
}

.entry {
margin: 10px 10px 10px 10px;
padding: 10px;
background-color: #666666;
color: #efefef;
font-family: "Trebuchet MS", sans-serif;
font-size: 10px;
text-align: left;
}

.userpic, .userpicfriends {
position: relative;
float: left;
background-color: #efefef !important;
padding: 5px;
margin: 5px;
z-index: 15;
border: 2px solid #efefef;
}

.date {
line-height: 200%;
top: 5px;
color: #000000;
font-family: "Trebuchet MS", sans-serif;
font-size: 9px;
}

.subject {
font-weight: normal;
padding: 10px;
color: #759B98;
font-family: "Impact", sans-serif;
font-size: 20px;
}

.subject a, .subject a:link, .subject a:visited {
color: #759B98;
}

.subject a:hover {
color: #759B98;
}

.datesubject {
background-color: #efefef;
padding: 5px;
text-align: right;
}

.entry ul li
{
padding-left: 5px;
margin-left: 15px;
}

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

/*---------------------------------------------------------------------
Entry Stuff - Current Mood, Music and Location
------------------------------------------------------------------------*/

.ljtags {
display: none;
}

.currentmood, .currentmusic, .currentlocation {
text-transform: lowercase;
font-size: 9pt;
color: #efefef;
margin-top: 0px;
}

/*---------------------------------------------------------------------
Entry Stuff - Comments
------------------------------------------------------------------------*/

.comments {
font-family: "Impact", sans-serif;
font-size: 15px;
text-align: right;
background-color: transparent;
padding: 10px;
position: relative;
top: 15px;
border-bottom: 2px solid #efefef;
}

div.comments a, div.comments a:link, div.comments a:visited{
color: #759B98;
}

div.comments a:hover {
color: #efefef;
text-decoration: none;
}

/*---------------------------------------------------------------------
Entry Stuff - Separator
------------------------------------------------------------------------*/

.separator{
/* for formatting separators between entries */
height: 35px;
}

/*------------------------------------------------------------
Sidebar
-------------------------------------------------------------------------------*/

.defaultuserpic {
text-align: center;
}

.sbarheader {
padding: 0px 5px 0px 5px;
}

.sbarbody {
padding: 0px 5px 0px 5px;
}

.sbarbody2 {
padding: 0 15px 0 15px;
}

div#sidebar a, div#sidebar a:link, div#sidebar a:visited{
color: #759B98;
font-family: "Impact";
font-size: 13px;
}

div#sidebar a:hover {
color: #efefef;
text-decoration: none;
font-family: "Impact";
font-size: 13px;
}

/*------------------------------------------------------------
Sidebar - link box contents and sidebar box titles
-------------------------------------------------------------------------------*/

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

li.sbaritem
{
padding-left: 10px;
list-style: none;
display: inline;
}

li.sbartitle
{
display: none;
}

/*----------------------------------------------------
footer
----------------------------------------------------------------*/

#footer {
width: 100%;
text-align: right;
font-family: "Impact", sans-serif;
font-size: 12px;
font-weight: normal;
letter-spacing: 1px;
background-color: transparent;
color: #ffffff;
z-index: 100;
clear: both;
}

ul.navfooter{
padding: 0px;
margin: 0px;
}

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

.clearfoot {
clear: both;
}

/*----------------------------------------------------
Archive Pages
----------------------------------------------------------------*/

ul.year {
text-align: center;
padding-bottom: 40px;
}

ul.year li {
display: inline;
}

table.yeartable {
margin-left: auto;
margin-right: auto;
}

table.yeartable td.yeardate, table.yeartable td.yearday {
border-width: 1px;
border-style: solid;
border-color: #efefef;
}

table.yeartable td.yearday {
background-color: transparent;
text-align: center;
}

td.yearmonth {
border-style: none;
}

/*----------------------------------------------------
Comments pages
----------------------------------------------------------------*/

.datesubjectcomment {
background-color: #759B98;
padding: 5px;
margin-top: 20px;
}

.userpiccomment {
position: relative;
background-color: #efefef;
top: -30px;
left: 0px;
padding: 5px;
margin: 10px 10px -20px 10px;
z-index: 15;
float: left;
}

.box {
padding: 10px;
clear: left;
}

input, textarea {
background-color: #efefef;
color: #759B98;
border: 1px solid #404040;
padding: 5px;
}

textarea.textbox {
width: 90% !important;
}

.reply {
position: relative;
margin: 20px 30px 10px 30px;
padding: 25px 10px 10px 10px;
text-align: left;
font-family: "Trebuchet ms", sans-serif;
font-size: 11px;
line-height: 125%;
background-color: #ffffff;
color: #242424;
}

.replytosubject {
font-weight: normal;
}

.commentreply {
position: relative;
margin: 10px;
font-size: 11px;
font-family: "Trebuchet ms", sans-serif;
color: #242424;
}

.commentbox {
padding: 10px;
margin: 10px;
background-color: #efefef;
}

.datesubjectcomment a:link, .datesubjectcomment a:visited {
color: #efefef;
}

.datesubjectcomment a:hover {
color: #759B98;
}

.commentboxpartial {
padding: 10px;
margin: 10px;
background-color: #ffffff;
}

.commentinfo {
background-color: #404040;
margin-top: 10px;
width: 100%;
}

.skiplinks {
text-align: center;
}

/*--------------------------------------------
Misc
-----------------------------------------*/

.clear {
height: 15px;
}

div.ContextualPopup div.Inner {
background:transparent!important;
color: #242424!important;
border:none;
padding:10px;
width: 250px;
font-family: trebuchet ms;
}

div.ContextualPopup .Content {
padding:7px 10px 7px 10px;
margin-right:80px;
line-height: 1.4;
background: #666666;
border:1px solid #404040;
}

div.ContextualPopup .Userpic {
padding:10px;
background:# efefef;
margin:0px;
border:1px solid #404040;
}

div.ContextualPopup div.Inner a, div.ContextualPopup div.Inner a:visited {
text-decoration: none !important;
font-weight: normal;
color: #759B98 !important;
}

div.ContextualPopup .Relation {
letter-spacing:1px;
border-bottom: 1px dashed #efefef;
margin-bottom:4px;
padding-bottom:4px;
}

.headerimage {
background: url('http://i37.tinypic.com/2gxqlj7.jpg') no-repeat;
height: 327px;
width: 550px;
margin-left: auto;
margin-right: auto;
}

img:hover{
-moz-opacity: .75;
opacity: .75;
filter: alpha(opacity=75);
}

hope you like ♥ please remember to comment if taking,I like to know who's using my layouts :/