Make your own free website on Tripod.com

body {background-image: url(http://a.photos.cx/darkback2-456.png);

background-opacity: 255;

background-color: #595959;

font-family: verdana, arial, helvetica, sans-serif;

font-size: 7pt;

color: #ffffff;

text-align: center;

margin: 0px}

 

p,

td,

blockquote {font-size: 7pt;

color: #808080;

line-height: 20px}

li {font-size: 7pt;

color: #808080}

a,

a:link,

a:visited {color: #e29da2;

text-decoration: none;

font-weight: bold;

font-family: franklin gothic medium, verdana, arial, helvetica, sans-serif}

a:hover {color: #ffffff}

code,

kbd,

pre,

tt {font-family: monospace;}

 

 

 

/*main table and page*/

#content {width: 609px;

margin-left: auto;

margin-right: auto;

background-color: #444444;

border-width: 0px;

padding: 10px;

text-align: justify;

border-width: 0px}

#maincontent {margin: 0px 0px 0px 185px;

font-family: verdana, arial, helvetica, sans-serif;

font-size: 7pt;

color: #808080;

background-color: #444444;

border-width: 0px;

text-align: justify;

padding: 0px}

 

 

 

/* sidebar i.e. the bar with calendar etc.*/

#sidebar {padding: 10px 15px 0px 0px;

margin-top: 5px;

margin-right: 25px;

background-color: #444444;

font-family: verdana, arial, helvetica, sans-serif;

font-size: 7pt;

line-height: 15px;

color: #808080;

width: 150px;

border-width: 0px;

float: left;

text-align: justify}

div#sidebar a,

div#sidebar a:link,

div#sidebar a:visited {color: #e29da2}

div#sidebar a:hover {color: #ffffff}

.defaultuserpic {text-align: center}

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

color: #000000;

text-align: center}

.sbarbody {padding: 0 10px 0 -11px}

.sbarbody2 {padding: 0 10px 0 10px}

table.calendar {margin-right: auto;

margin-left: auto}

.sbarcalendar {padding: 1px 2px 2px 1px;

border-color: #333333 #666666 #666666 #333333;

border-width: 1px;

border-style: solid;

text-align: center;

font-family: small fonts, arial, helvetica, sans-serif;

font-size: 6pt;

color: #888888;

background-color: #4f4f4f;

line-height: auto}

.sbarcalendarposts {padding: 1px 2px 2px 1px;

border-color: #666666 #333333 #333333 #666666;

border-width: 1px;

border-style: solid;

text-align: center;

font-family: small fonts, arial, helvetica, sans-serif;

font-size: 6pt;

background-color: #4f4f4f;

line-height: auto}

ul.sbarlist {padding-left: 0px;

margin-left: 0px;

list-style: none}

li.sbaritem {padding-left: 30px;

list-style: none;

background-image: url('http://a.photos.cx/grey-arrow5-a9d.gif');

background-repeat: no-repeat;

background-position: center left}

li.sbartitle {padding-left: 20px;

padding-right: 5px;

padding-top: 2px;

padding-bottom: 0px;

list-style: none;

margin-bottom: 10px;

margin-top: 20px;

font-family: century gothic, print clearly, arial, helvetica;

font-size: 10pt;

letter-spacing: 1px;

color: #cd6e84;

text-transform: lowercase;

background-color: #444444;

width: 100%;

border-width: 0;

background-image: url('http://a.photos.cx/grey-arrow4-b45.gif')}

 

 

 

 

/*the top of the page with navigational links*/

#header {width: 100%;

padding: 0px;

margin: 0px 0px 20px 0px;

line-height: 10px;

text-align: center;

font-family: franklin gothic medium, verdana, arial, helvetica, sans-serif;

font-size: 7pt;

font-weight: normal;

color: #c0c0c0;

text-transform: lowercase;

background-color: #444444;

border-width: 0px}

 

 

 

/*title and subtitle of your journal in the header*/

.title {font-size: 30px;

margin: 20px 0px 20px 0px;

font-family: century gothic, print clearly, arial, sans-serif;

color: #c0c0c0;

text-transform: uppercase}

.subtitle {visibility: hidden; font-size: 1px}

 

 

 

/*the bottom of the page with links to entries*/

#footer {width: 100%;

padding: 0px 0px 0px 0px;

margin: 0px;

text-align: right;

font-family: franklin gothic medium, verdana, arial, helvetica, sans-serif;

font-size: 7pt;

text-transform: lowercase;

letter-spacing: 1px;

background-color: #444444;

color: #e29da2;

z-index: 100;

clear: both;

border-width: 0px}

 

 

 

/*more footer and header*/

div#header a,

div#header a:link,

div#header a:visited,

div#footer a,

div#footer a:link,

div#footer a:visited {color: #cd6e84;

font-weight: normal}

div#header a:hover,

div#footer a:hover {color: #444444}

ul.navheader {padding: 0px;

margin: 0px}

ul.navheader li {display: inline;

padding: 0 3px 0 3px}

 

 

 

 

/*entry layout*/

.subcontent {background-color: ffffff}

.entry {margin: 10px 10px 10px 10px;

padding: 10px 10px 10px 10px;

background-color: #444444;

font-size: 7pt;

color: #808080;

line-height: 20px;

text-align: justify;

border-width: 0px}

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

margin-left: 15px}

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

margin-left: 15px}

.userpic {position: relative;

float: right;

text-align: center;

background-color: #444444;

padding: 5px;

margin: 10px;

z-index: 15;

border-width: 1px;

border-color: #555555;

border-style: dotted}

.userpicfriends {position: relative;

float: right;

background-color: #444444;

padding: 5px;

margin: 10px;

z-index: 15;

border-width: 1px;

border-color: #eeeeee;

border-style: solid;

font-family: franklin gothic medium, verdana, arial, helvetica, sans-serif;

font-size: 7pt;

font-weight: bold;

text-align: center;

color: #e29da2;

z-index: 15}

.altuserpic {position: relative;

float: right;

text-align: center;

background-color: #444444;

padding: 5px;

margin: 10px;

z-index: 15;

border-width: 1px;

border-color: #eeeeee;

border-style: solid}

.date {font-family: century gothic, print clearly, arial, helvetica, sans-serif;

font-size: 10pt;

letter-spacing: 1px;

color: #cd6e84;

text-transform: lowercase;

background-color: #444444;

text-align: left;

padding: 0px 0px 0px 25px;

border-width: 0px;

background-image: url('http://a.photos.cx/grey-arrow4-b45.gif');

background-repeat: no-repeat}

.subject {font-family: franklin gothic medium, verdana, arial, helvetica, sans-serif;

font-size: 7pt;

color: #222222;

text-transform: lowercase;

line-height: 200%;

text-align: left;

background-color: #444444;

padding: 0px 0px 0px 25px;

border-width: 0px;

letter-spacing: 1px}

.subject a,

.subject a:link,

.subject a:visited {color: #e29da2}

.subject a:hover {color: #444444}

.datesubject {background-color: #444444;

padding: 5px}

.currents,

.currentmood,

.currentmusic {font-family: franklin gothic medium, verdana, arial, helvetica, sans-serif;

font-size: 7pt;

color: #888888;

text-transform: lowercase}

.comments {font-family: franklin gothic medium, verdana, arial, helvetica, sans-serif;

font-size: 7pt;

color: #cccccc;

text-align: center;

text-transform: lowercase;

background-color: #444444;

padding: 0px;

border-width: 0px;

position: relative;

top: 15px}

div.comments a,

div.comments a:link,

div.comments a:visited {color: #e29da2;

font-size: 7pt}

div.comments a:hover {color: #ffffff;

text-decoration: none}

 

 

/*content on entries and comments*/

.datesubjectcomment {background-color: #444444;

padding: 5px;

margin-top: 20px}

.userpiccomment {position: right;

border-width: 5px;

border-style: solid;

border-color: #555555;

background-color: #444444;

top: -30px;

left: 0px;

padding: 5px;

margin: 10px 10px -20px 10px;

z-index: 15;

float: right}

.box {border-color: #444444;

padding: 10px}

input,

textarea {background-color: #444444;

color: #c0c0c0;

font-family: verdana, arial, helvetica, sans-serif;

font-size: 7pt;

border: 1px}

textarea.textbox {width: 100% !important}

.reply {position: relative;

margin: 20px 30px 10px 30px;

padding: 25px 10px 10px 10px;

text-align: left;

font-family: verdana, arial, helvetica, sans-serif;

font-size: 7pt;

line-height: 125%;

background-color: #444444;

color: #c0c0c0}

.replytosubject {font-weight: bold;}

.commentreply {position: relative;

margin: 10px;

font-size: 7pt;

font-family: verdana, arial, helvetica, sans-serif;

color: #808080;}

.commentbox {border-color: #eeeeee;

border-width: 1px;

border-style: solid;

padding: 10px;

margin: 10px;

background-color: #444444}

.datesubjectcomment a:link,

.datesubjectcomment a:visited {color: #e29da2}

.datesubjectcomment a:hover {color: #444444}

.commentboxpartial {border-color: #333333;

border-width: 1px;

border-style: solid;

padding: 10px;

margin: 10px;

background-color: #444444}

.commentinfo {background-color: #444444;

margin-top: 10px;

width: 100%}

/*calendar 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: #555555}

table.yeartable td.yearday {background-color: #555555;

text-align: center}

td.yearmonth {border-style: none}

ul.navfooter {padding: 0px

margin: 0px}

ul.navfooter li {display: inline;

margin: 0 5px 0 5px}

.clearfoot {clear: both}

.clear {height: 15px}

.skiplinks {text-align: center}

.separator {height: 25px}

 

.headerimage {height: 29px;

background-image: url("http://a.photos.cx/grey-curvy2-cdc.png") !important;

background-repeat: no-repeat !important;

background-attachment: scroll !important;

background-position: center !important;

margin-bottom: 0px;

margin-top: 20px}