Headers, colours and size... SOLVED! Thank you so much!

[kseenaa]

Username of journal: kseenaa
Layout Style: Flexible squares using THIS layout by cielo_gris.
Basic, Paid or Plus: Permanent.
Problem you are having: I have managed to change the size of the text in this layout, since I thought it was way to small originally, plus I changed the widt, since I found it to small too. I hope I haven't missed anything there...

Now I would like to make sure the header was in the middle of the layout. That is the links to tags (website), recent entries, archive, friends and userinfo plus the title of my journal, KSenas Journal, was in the middle of the layout. Is there a way to do this?

Also, can I change all the links colours to another colour, preferably a blue or green colour... Pink has never been my thing. :-P

Lastly, can I change the default userpic to the left on the layout, so it is shown in its right size?

/* Your love is my drug
layout by cielo_gris.livejournal.com
credit http://community.livejournal.com/velvetb0x */

/* ------------------------------- */

body
{
background-color:#CCCCCC;
background-image: url(http://i50.tinypic.com/2r55d2t.jpg);
background-position: absolute;
background-repeat: repeat;
background-attachment: fixed;
text-align: justify;
padding: 0;
}

::-moz-selection
{background: #F0F0F0;
color: #BBBBBB;}

.title{
color:#EEEEEE;
font-family:arial;
font-size:50px;
letter-spacing:-4px;
padding:0 10px;
text-transform:uppercase;
text-shadow:1px 1px 0 #DDDDDD;}

.subtitle {
display:none;}

/*----------- content&entries -----------*/

#content
{
background-color:#FFFFFF;
font-size:12px;
margin:0 auto;
min-height:220px;
padding:0;
width:900px;
-moz-border-radius-bottomleft:9px;
-moz-border-radius-bottomright:9px;
-moz-border-radius-topleft:9px;
-moz-border-radius-topright:9px;
}

.subcontent {
margin:0;
}

#maincontent
{
color:#999999;
font-family:"Trebuchet ms",arial;
font-size:12px;
margin:0;
padding: 5px;
text-align:left;
width: 650px;
}

.clear
{height: 10px;}

.entry
{
color:#999999;
font-family:"lucida sans unicode", arial,sans-serif;
font-size:12px;
line-height:1.2;
text-align:justify;
}

.entry_text
{
min-height:40px;
padding: 10px;
}

.datesubject
{
padding:9px;
position:relative;
text-align:center !important;
width: 70%;
border-bottom:1px solid #f2f2f2;
margin: 0 auto;
}

.subject, .subject a, .subject a:hover
{
background-color:transparent !important;
color: #DB837F!important;
font-family:"lucida sans unicode",georgia,sans-serif !important;
font-size:14px !important;
font-style:normal !important;
font-weight:normal !important;
letter-spacing:1px;
line-height:1;
text-align: center!important;
text-transform:lowercase;
margin: -2px auto 0;}

.date
{
background-color:transparent !important;
color:#CCCCCC;
font-family:"lucida sans unicode", sans-serif;
font-size:10px;
text-transform:lowercase;
}

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

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

.currents {margin:-26px 10px 5px 0;
text-align: right;
color:#C7BBAF; }

.currents strong { display:none; }

.currentlocation, .currentmood, .currentgroups, .currentmusic {
background:transparent none no-repeat scroll 100% 50%;
padding:0 15px 0 0;
}

.currentmusic {
background-image:url(http://i50.tinypic.com/o7pshw.gif);
}

.currentgroups {
background-image:url(http://i50.tinypic.com/n5t1zt.gif);
}

.currentmood {
background-image:url(http://i48.tinypic.com/2aes2n7.jpg);
}

.currentlocation {
background-image:url(http://i47.tinypic.com/2j63d53.gif);
}

.ljtags {
background:transparent url(http://i28.tinypic.com/2m34itk.png) no-repeat scroll 100% 50%;
color: #C7BBAF;
margin:40px 0 8px auto;
padding:0 15px 0 0;
position:relative;
text-align:right;
text-transform:lowercase;
width:60%;
}

ul.ljtaglist {background-color:#FFFFFF; padding:20px; list-style:none; margin:0 auto;}

/*--------------- links ---------------*/

a, a:link, a:visited {
font-family: "lucida sans unicode", arial, sans-serif;
font-size: 12px;
color: #DB837F;
font-weight: lighter;
text-decoration:none;
font-style:normal;
border:0;
padding:0 1px;
}

a:hover
{
font-family: "lucida sans unicode", arial, sans-serif;
font-size: 12px;
color: #BBBBBB;
font-style: normal;
font-weight: lighter;
text-decoration:none;
padding:0 1px;
cursor: help;
}

/*--------------- sidebar ---------------*/

#sidebar {
color:#BBBBBB;
float:right;
font-family: "Lucida sans unicode",arial,sans-serif;
font-size:12px;
line-height:1.3;
margin: 10px;
width:210px;
}

.sbarbody
{margin:5px auto;
padding:10px; }

.sbarbody2{
margin:0 auto;
padding:10px;}

ul.sbarlist
{
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:5px auto 0;
text-align: left;
padding: 0;
}

li.sbaritem {font-size: 10px;
padding: 0 0 1px;
letter-spacing:1px; }

li.sbaritem:hover {
font-size: 12px;
padding: 0 0 1px;
letter-spacing:1px;}

li.sbaritem a, li.sbaritem a:hover
{font-size: 12px;
display: block;}

li.sbartitle
{display:none;
}

#sidebar_summary, #sidebar_calendar, #sidebar_tags, h2 { display:none!important; }

/*--------------- header ---------------*/

#header {
margin:0 auto;
text-align:right;
text-transform:lowercase;
}

ul.navheader{
line-height:0.8;
margin:0 0 20px;
padding:20px 0 0;
}

ul.navheader li {
margin:0;
list-style-type: none;
padding:0 0 0 1px;
display:inline;}

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

div#header a, div#header a:link, div#header a:visited {
color:#BBBBBB;
font-family:"Lucida Sans Unicode",arial,sans-serif;
font-size:12px;
font-style:normal;
font-weight:normal !important;
letter-spacing:0;
padding:2px 5px;
text-transform:lowercase;
}

div#header a:hover {
background-color:#EEEEEE;
color:#AAAAAA;
font-family:"Lucida Sans Unicode",arial,sans-serif;
font-size:12px;
font-style:normal;
font-weight:normal !important;
letter-spacing:0;
padding:2px 5px;
text-transform:lowercase;
}

div#header li.view {
background-color:#EEEEEE;
color:#AAAAAA;
font-family:"Lucida Sans Unicode",arial,sans-serif;
font-size:12px;
font-style:normal;
font-weight:normal !important;
letter-spacing:0;
padding:2px 5px;
text-transform:lowercase;
}

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

#footer {
margin:1px;
padding:0;
text-align:right;
text-transform:lowercase;
z-index:100;
margin:0 auto;
}

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

ul.navfooter li {
list-style: none;
margin: 0 5px 0 5px;
display:block; }

div#footer a, div#footer a:link, div#footer a:visited
{
color:#AAAAAA;
font-family:"lucida sans unicode",arial;
font-size:15px;
padding:1px;
text-transform:lowercase;
}

div#footer a:hover {
color:#CCCCCC;
font-family:"lucida sans unicode",arial;
font-size:15px;
padding:1px;
text-transform:lowercase;}

#footer .viewing { display:none; }

/*------------ userpics ------------*/

.userpic
{
margin: 0 0 0 -138px;
float:left;
position:relative;
padding-right:10px;
}

.userpicfriends {
background-color: transparent!important;
color: #777777;
float:left;
margin: 0 0 0 -138px;
position:relative;
text-align: center;
padding-right:10px;}

.userpic img, .userpicfriends img
{background:transparent url(http://i47.tinypic.com/a23o7d.png) repeat scroll 0 0;
padding: 13px;
border:1px solid #FFFFFF;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
}

.userpic img:hover, .userpicfriends img:hover
{background:transparent url(http://i47.tinypic.com/a23o7d.png) repeat scroll 0 0;
padding: 13px;
border:1px solid #FFFFFF;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
}

.userpicfriends a font, .userpicfriends a
{
color: #FFFFFF;
font-size: 10px;
}

.userpicfriends a:hover font, .userpicfriends a:hover
{color: #FFFFFF;
font-size: 10px;}

span.ljuser a {color: #C8C8C8; font-style:normal; text-transform:lowercase; font-style:normal; font-weight:normal;}

span.ljuser a:hover {color: #DB837F;
font-style:normal; font-weight:normal; text-transform:lowercase;}

/*------------ default userpic ------------*/

.defaultuserpic {
float:right;
margin:5px 10px;
padding-top:5px;}

.defaultuserpic img {border:1px solid #EEEEEE;
height:40px;
padding:10px;
width:40px;}

/*------------ misc ------------*/

div.ContextualPopup .Content {
padding: 10px;
margin: 4px 59px 4px 4px;
background:#FFFFFF!important;
font-size: 10px;
color:#BBBBBB;
font-family:arial;
border: 1px solid #CCCCCC;
font-weight:none;
}

div.ContextualPopup div.Inner {
position: relative;
top: -2px;
left: -2px;
background-color:transparent!important;
color: #CCCCCC!important;
border:0;
}

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

div.ContextualPopup div.Inner a:hover {color:#BBBBBB!important; background-color:transparent;}

div.ContextualPopup .Relation {font-family:century gothic, arial;
font-size:14px;
letter-spacing:-1.4px;
font-weight:bold;
text-transform:uppercase; }

div.ContextualPopup .Userpic img {
border:5px solid #EEEEEE;
margin:0 -10px 0 0}

#lj_controlstrip { background:#FFFFFF; }

#lj_controlstrip a { color: #BBBBBB;}

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

#lj_controlstrip_statustext {
color:#AAAAAA;
}

#lj_controlstrip input{
background-color:#ffffff;
color: #bbbbbb;
font-family: arial;
font-size: 9px;
border:1px solid #F3F3F3;
font-weight:bold;
letter-spacing:-1px; }

/*------------ calendars ------------*/

ul.year { background-color: #FFFFFF; margin: 0px; color:#BBBBBB; font-size:12px; font-family: georgia, sans-serif; text-align: center; padding: 20px;}

ul.year li {display: inline;}

table.yeartable {margin-top: 0; background-color: #FFFFFF; padding: 20px; width: 100%}

table.yeartable td.yeardate, table.yeartable td.yearday { border:1px solid #EEEEEE; color:#BBBBBB;}

table.yeartable td.yearday { background-color: #f6f6f6; text-align: center; color:#AAAAAA;}

td.yearmonth {border-style: none;}

/*---------- other ----------*/

strong {color:#888888;}

blockquote, code
{
width: 40%;
padding: 10px;
line-height: 11px;
font-size: 12px;
border: 1px solid #EEEEEE;
background: transparent;
margin:0 auto;
}

/*------------ comments ------------*/

.comments
{
background:transparent url(http://i48.tinypic.com/zo9y6f.gif) no-repeat scroll left center;
color:#EEEEEE;
font-family:arial,sans-serif;
font-size:10pt;
margin:0 0 0 auto;
padding: 10px;
position:relative;
text-align: left;
}

div.comments a, div.comments a:link, div.comments a:visited
{
color:#BBBBBB;
font-family:arial,sans-serif !important;
font-size:15px !important;
font-weight:lighter;
letter-spacing:-1px;
padding:4px;
}

div.comments a:hover
{
color:#AAAAAA;
font-family:arial,sans-serif !important;
font-size:15px !important;
font-weight:lighter;
letter-spacing:-1px;
padding:4px;
}

/*------------ comment pages ------------*/

.datesubjectcomment
{
color: #CCCCCC;
background-color: transparent!important;
padding: 5px;
margin-top: 0px;
}

.userpiccomment
{
position: relative;
float: left;
padding: 0px;
margin-right: 10px;
text-align: center;
border-style: solid;
border-width: 8px;
border-color: #F0F0F0;
background:;
font-family: arial, sans-serif;
font-size: 10px;
z-index: 15;
width:80px; height:80px;
}

.box
{
background-color:transparent;
clear: left;
color:#AAAAAA;
margin:0 auto;
}

input
{
background-color: #EEEEEE;
color: #999999;
border-style: solid;
border-width: 1px;
border-color: #BBBBBB;
}

textarea
{
background:#FFFFFF;
color: #AAAAAA;
font-family: arial;
font-size: 15px;
border:1px solid #EEEEEE;
letter-spacing:-1px;
}

.reply
{
position: relative;
margin: 20px 30px 10px 30px;
padding: 25px 10px 10px 10px;
text-align: left;
font-family: arial, sans-serif;
font-size: 12px;
line-height: 125%;
background-color: #FFFFFF;
color: #AAAAAA;
}

.replytosubject
{font-weight: bold;}

.commentreply
{
position: relative;
font-size: 12px;
font-family: arial, sans-serif;
color: #999999;
font-weight:bold;
padding:8px 0;
}

.commentbox
{
padding: 5px;
margin: 12px 0;
color:#544536;
font-size:10px;
border:1px solid #EEEEEE;
}

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

.datesubjectcomment a:hover
{
color: #aaaaaa;
font-style:none!important;
}

.commentboxpartial
{
border-color:;
border-width: 0px;
border-style: solid;
padding: 10px;
margin: 10px;
background-color: #F7F7F7;
}

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

.skiplinks
{
color: #CCCCCC;
font-size:7px;
text-align: center;
padding: 8px;
}

li.viewing {display:none; visibility:hidden; font-size:0px;}

/*------------ tiny icons ------------*/

img[src*="icon_protected.gif"], img[src*="icon_private.gif"], img[src*="icon_groups.gif"], .ljuser img[src*="syndicated.gif"], .ljuser img[src*="newsinfo.gif"], .ljuser img[src*="partnercomm.gif"], .ljuser img[src*="sponcomm.gif"], img[src*="userinfo.gif"], img[src*="talk/none.gif"], img[src*="help.gif"] {height: 0px; width: 0px;background: transparent none no-repeat scroll 0 0; }

.subject img {vertical-align: middle !important;}
img[src*="icon_protected.gif"]{ background-image:url(http://img20.imageshack.us/img20/1182/183o.png);
padding:0 0 11px 12px !important;}
img[src*="icon_private.gif"]{ background-image:url(http://img20.imageshack.us/img20/1182/183o.png); padding:0 0 11px 12px !important;}
img[src*="icon_groups.gif"]{ background-image:url(http://img20.imageshack.us/img20/1182/183o.png); padding:0 0 11px 12px !important; }

.ljuser img { width: 0; height: 0; background: transparent url(http://i45.tinypic.com/30hr4g1.gif) no-repeat 0 0; padding: 10px 8px 0 0px !important; vertical-align: baseline !important;}
.ljuser img[src*="userinfo.gif"] { background: transparent url(http://i45.tinypic.com/30hr4g1.gif) no-repeat center left !important; padding: 10px 8px 0 0px !important; }
.ljuser img[src*="community.gif"] { background:transparent url(http://i45.tinypic.com/2la92ch.gif) no-repeat scroll 0 0 !important;
padding:8px 8px 0 0 !important; }

Thanx in advance to anyone who might consider to help me!