Make your own free website on Tripod.com

body {background-image: url(http://i5.tinypic.com/14mf6zt.gif);

background-opacity: 255;

background-color: #ffffff;

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

font-size: 7pt;

color: #ffffff;

text-align: center;

margin: 20px 0 20px 0}



p,

td,

blockquote {font-size: 7pt;

color: #808080;

line-height: 20px}


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: 655px;

margin-left: auto;

margin-right: auto;

background-color: #ffffff;

border-width: 0;

padding: 10px;

text-align: justify;

border-color: #cccccc;

border-style: solid;

border-width: 0px 1px 1px 1px}


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

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

font-size: 7pt;

color: #808080;

background-color: #ffffff;

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: #ffffff;

border-width: 0px 0px 0px 0px;

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

font-size: 7pt;

line-height: 15px;

color: #808080;

width: 150px;

border-color: #eeeeee;

border-style: dotted;

border-width: 0px 1px 0px 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: 2px;

border-color: #eeeeee;

border-width: 1px;

border-style: solid;

text-align: center;

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

font-size: 6pt;

        color: #aaaaaa}

.sbarcalendarposts {padding: 2px;

border-color: #efefef;

border-width: 1px;

border-style: solid;

background-color: #efefef;

text-align: center;

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

font-size: 6pt}

ul.sbarlist {padding-left: 0px;

margin-left: 0px;

list-style: none}


li.sbaritem {padding-left: 15px;

list-style: none}


li.sbartitle {padding-left: 5px;

padding-right: 5px;

        padding-top: 2px;

        padding-bottom: 0px;

list-style: none;

margin-bottom: 10px;

margin-top: 10px;

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

font-size: 10pt;

letter-spacing: 1px;

color: #cd6e84;

text-transform: lowercase;

background-color: #ffffff;

width: 100%;

border-style: dotted;

border-color: #eeeeee;

border-width: 0px 0px 1px 0px} 






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


#header {width: 100%;

padding: 20px 0px 0px 0px;

margin: 25px 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;

letter-spacing: 2px;

color: #808080;

text-transform: uppercase;

background-color: #ffffff;

border-top: 1px #eeeeee dashed;

border-bottom: 1px #eeeeee dashed;

border-right: 0px;

border-left: 0px}





/*title and subtitle of your journal in the header - currently invisible*/


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

.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: #ffffff;

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: #ffffff}

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 40px;

background-color: #ffffff;

font-size: 7pt;

color: #606060;

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: #ffffff;

padding: 5px;

margin: 10px;

z-index: 15;

border-width: 1px;

border-color: #eeeeee;

border-style: solid}

.userpicfriends {position: relative;

float: right;

background-color: #ffffff;

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: #ffffff;

padding: 5px;

margin: 10px;

z-index: 15;

border-width: 1px;

border-color: #eeeeee;

border-style: solid}

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

font-size: 7pt;

color: #888888;

text-transform: lowercase;

line-height: 200%;

top: 5px;

text-align: center;

background-color: #f3f3f5;

padding: 0px 0px 0px 15px}

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

font-size: 10pt;

letter-spacing: 1px;

color: #e29da2; 

text-transform: lowercase;

background-color: #ffffff;

text-align: center;

padding: 0px 0px 0px 0px;

border-width: 0px;

padding: 0px 0px 0px 0px}

.subject a,

.subject a:link,

.subject a:visited {color: #e29da2}

.subject a:hover {color: #ffffff}


.datesubject {background-color: #ffffff;

padding: 5px}

.currents,

.currentmood,

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

font-size: 7pt;

letter-spacing: 1px;

color: #aaaaaa;

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: #ffffff;

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: #ffffff;

padding: 5px;

margin-top: 20px}

.userpiccomment {position: right;

border-width: 5px;

border-style: solid;

border-color: #cccccc;

background-color: #ffffff;

top: -30px;

left: 0px;

padding: 5px;

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

z-index: 15;

float: right}

.box {border-color: #ffffff;

padding: 10px}


input,

textarea {background-color: #ffffff;

color: #404040;

        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: #ffffff;

color: #404040}

.replytosubject {font-weight: bold;}

.commentreply {position: relative;

margin: 10px;

font-size: 7pt;

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

color: #404040;}

.commentbox {border-color: #eeeeee; 

border-width: 1px; 

border-style: solid; 

padding: 10px; 

margin: 10px; 

background-color: #ffffff}

.datesubjectcomment a:link,

.datesubjectcomment a:visited {color: #e29da2}

.datesubjectcomment a:hover {color: #ffffff}

.commentboxpartial {border-color: #eeeeee; 

border-width: 1px; 

border-style: solid; 

padding: 10px; 

margin: 10px; 

background-color: #ffffff}


.commentinfo {background-color: #ffffff; 

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: #eeeeee}

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

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: 30px}


.headerimage {height: 225px;

background-image: url("http://i12.photobucket.com/albums/a218/Safaia_Kitty/Pretty%20Boys/Hide/hide56.jpg") !important;

background-repeat: no-repeat !important;

background-attachment: scroll !important;

background-position: center !important;

margin-bottom: 0px}