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: #31849C;

            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: #31849C}

           

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

            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}

 

 

 

 

/*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: #31849C;         

            z-index: 100;

            clear: both}

 

 

 

 

/*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: #009999;

         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: #31849C;

            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: #8f8f8f;

            text-transform: lowercase;

            line-height: 200%;                   

            top: 5px;

            text-align: center;

            background-color: #eeeeee;

            padding: 0px 0px 0px 15px}

           

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

            font-size: 10pt;

            letter-spacing: 1px;

            color: #407080;

            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: #31849C}

           

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

        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: #31849C}

                       

.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: 227px;

            background-image: url("http://i6.tinypic.com/14mf7dk.gif") !important;

            background-repeat: no-repeat !important;

            background-attachment: scroll !important;

            background-position: center !important;

            margin-bottom: 0px}