/* 
* {border: 2px inset}
*/

/* [element] */

/* a - see [.link a] and [.editmenu a] */

@media screen,tv,projection,print
{

blockquote 
 { margin: 0.5em 10%
 }

blockquote, .italicized
 { font-style: italic
 }

blockquote div
 { text-align: right
 }

blockquote div, .italicized em
 { font-style: normal;
 }

body
 { background: white no-repeat fixed top left 
               url(http://downloads.weblogger.com/weblogger1/marxidad/background.gif);
   color     : black; 
   z-index   : -2;
   /* see also [body, td] and [body, p, td, .date] */
 }

body p
 { width: 99%
 }

body, td
 { margin   : 1em 0.5em;
   font-size: 87%;
 }

body, p, td, .date
 { font-family: Verdana, Arial, Helvetica, sans-serif;
 }


button
 { padding-left: -3em
 }

code, tt, .tt   
 { font-family   : courier new, monospace;
   font-weight   : bold;
   letter-spacing: 110%
 }

dd, dd p 
 { margin     : 0.3em 2em;
   text-indent: 0px;
   /*see also [ul.spaced-out dd]*/
 }

dl
 { margin : 0.8em 9% 1em 5%;
   padding: 0.5em auto;
   /* see also [ul dl] and [ul.spaced-out dl] */
 }

dt
 { font-size  : larger;
   font-weight: bold;
   margin     : 1em 2em 0em;
   /* see also [ul dl.bulleted dt]*/
 }

/* em - see [.italicized em]*/


h1
 { margin-left: 1em
 }

h2
 { margin-left: 2.5%
 }

h3
 { margin-left: 3.5%
 }

h4
 { margin-left: 4.5%
 }

hr
 { color : #666;
   margin: 0;
   width : 80%;
   /* see also [.hr hr] */
 }

ol
 { margin: 1em 10%
 }

p
 { padding     : 3px;
   text-align  : justify;
   text-indent : 1em;
   /* see also [body p], [p., retro-note], [.no-indent, .no-indent p], [table.photo p], and [p.first] */
 }
 
p, .retro-note
 { margin: 0 9% 0 5%;
 }
 
textarea 
 { font    : 9pt Lucida Console ;
   overflow: auto;
   width   : 99%;
   height  : 20em;
 }
 
/* tt - see [code, tt, .tt] */

ul, .glub 
 { margin: 1em 8%
 }
 
ul dl.bulleted dt
 { list-style: circle
 }

ul dl
 { margin: 1em 0
 } 

ul ul
 { margin: auto 2em
 }

ul ul ul 
 { margin-right: -10%
 }
 
/*----------------------------------------------------------------------------------------*/
 
/*** [element.class] ***/

a.deemphasized:link    {color: #000; text-decoration: none}
a.deemphasized:visited {color: #444; text-decoration: none}

div.img, div.img-alt
 { margin: 1.5em 3em;
 }

div.img img,div.img-alt img
 { margin: 4px 4px 4px 2.5em;
   display: inline;
   border: 1px solid gray
 }

div.img p, div.img-alt p
 { text-indent: 0
 }

dl.bulleted dt
 { display: list-item;
 }

h2.small
 { font-size: 1.2em
 }
 
p.first /* first paragraph, which don't need indents */
 { text-indent: 0
 }

table.photo
 { /* width:90%; */
   margin: 0.5em 0;
   border: thin black solid;
   float:right
 }

table.photo p
 { margin-left: 0;
   margin-right: 0;
   margin-top: 10%;
   text-align: left;
   text-indent: 0;
 }

table.photo td
 { width: 50%;
   border: 0px;
   /*border: red 1px solid;  -- for testing*/
   padding       : 0.5em 5%;
   vertical-align: top;
   text-align    : center
 }


table.glub, .glub td, .glub th, 
 { border: 1px solid black
 }

/* td - see [body, td], [body, p, td, .date], and [.glub td] */

ul.closer li /* to bring list items closer together */
 { margin: 0.33em
 }

ul.spaced-out dl
 { margin: -1em
 }
 
ul.spaced-out dd
 { margin-left: 3em
 }

ul.spaced-out li, ul.spaced-out ul.still-spaced-out li
 { margin: 1em auto;
 }

ul.spaced-out li li
 { margin: auto;
 }

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

/* [.class] */
.bold 
 { font-weight: bold
 }

.bottom  
 { color  : black;
   width  : 100%;
   margin : auto -2.5em;
   text-align : center;
   height : 2px
 }

.centered
 { text-align      : center;
 }

.date
 { border-bottom   : 1px #ccc solid;
   background-image: url(http://downloads.weblogger.com/weblogger1/marxidad/blacktowhite.gif);
   padding         : 0.25em;
   /* see also [body, p, td, .date] and [.date, .hr, .time] */
 }

.date, .hr, .time
 { background-position: right;
   background-repeat  : repeat-y;
   margin-left    : 2%;
   width    : 55%;

   /* see also [tr.hCalendarMonthYearRow td, ...] */
 }

.editmenu
 { color : #f99;
   font-size : smaller;
   padding   : 2em 1em 0em 1.5em;
 }

.editmenu a
 { color : red;
 }

.expand  
 { width : 100%;
 }

.geek /* for content that pertains to geeks */
 { background  : #eee;
   border      : 2px #fdfdfd solid
 }

.hr
 { padding     : 0;
   height      : 10px;
   /* see also [.date, .hr, .time], [.hr, .time], and [.hr hr] */
 }

.hr, .time
 { background-image: url(http://downloads.weblogger.com/weblogger1/marxidad/greytowhite.gif);
   font-weight     : bold;
   margin-bottom   : 0.5em;
   margin-top      : 0;

   /* see also [.date, .hr, .time] and [.hr hr] */
 }

.hr hr
 { border: none;
   height: 0;
 }

.internet /* net.centric content */
 { background  : #dfd
 }

.italicized
 { font-style  : italic
 }

.italicized em
 { font-style  : normal
 }

.last-updated
 { font-style: italic;
   position  : absolute;
   right     : 1em;
   text-align: right;
   top       : 1em;
   /* see also [.last-updated, .new] */
 }

.last-updated, .new
 { background: #ff9
 }

.link
 { background: repeat-x bottom transparent 
               url(http://downloads.weblogger.com/weblogger1/marxidad/greysquiggle.gif);
   color     : black;
 }

.link a 
 { background : white;
   color      : #000;
   font-weight: 900;
 }

.link a:link
 { text-decoration: underline;
 }

.link a:visited
 { background: white;
   color : #666
 }


.links
 { padding   : 2em 1em 0em 2em;
   /* font-style: italic; */
   font-size  : xx-small;
   line-height: 140%;
   text-align : left;
 }

.local /* Torontonian/Canadian content */
 { background  : #eef
 }

.manila /* Manilla/UserLand/Weblogger.com/Scripting News/etc. */
 { background  : #ffd
 }

.no-indent, .no-indent p
 { text-indent: 0 
 }

.not-last
 { margin-bottom: 1em
 }

.poetic, div.poetic p /* for poetic entries */
 { letter-spacing  : 0.1em; 
   margin-right    : 5px;
   margin-bottom: 0.5em;
   text-align  : left; 
   text-indent : 0px;
 }

.personal /* content that pertains to people who know me personally */
 { background  : #edf;
 }

.retro-note
 { border      : thin red solid;
   color : red;
   font-style  : italic;
   padding     : 0.5em;
   text-indent : 0px;
   margin-top: 4px;
 }

.see-also
 { color : #666;
   font-style  : italic;
   font-size   : smaller;
   font-weight : bold
 }

.sup 
 { bottom      : 0.5em;
   font-size   : 0.7em;
   position    : relative;
 }

.small, .time
 { font-size   : 65%
 }

.strike { text-decoration: line-through; }

.tagline 
 { color : #666;
   font-style  : italic;
   font-size   : x-small;
   letter-spacing  : 0.05em;
 }

.time
 { padding: 3px;
   /* see also [.small, .time], [.hr, .time], and [tr.hCalendarDayNameRow td...] */
 }


.title
 { color : #000;
   font-weight : 900;
   font-size   : large;
   letter-spacing  : 0.25em;
 }

.top 
 { border-bottom: 1.5em;
   /*width    : 100%;*/
 }
 
/* .tt - see [code, tt, .tt] */

.twitter-title
 { margin: 1em;
   padding: 0;
 }


.underlined {text-decoration: underline }

/*-- # --*/

#mainDiv
 { position:absolute;
   top:0;
   left:0;
   width:100%
 }

#mainContent
 { margin: 5px 10px 5px 190px; 
   padding-top: 1.5em;
   position: absolute;
   top: 5px;
   left: 0px;
   width: 75%;
 }

#leftBar
 { position:fixed;
   top:5px;
   left:10px;
   width:180px;
   margin:5px;

 }

#logo
 { border:2px #eee solid;
   height:158;
   width:122 
 }

#bottomLinks li
 { display: inline;
   margin: 5px 10px;
 }

#doodles img
 { display: block;
   margin-top: 25px;
 }

#lijit_wijit_search_on_site
 { border: 1px silver solid;
 }

#lwp_3_searchbutton
 { background: silver;
 }

/*#searchBox,*/ #lijitHack
 { margin-top: 1em;
   margin-bottom: -1em;
 }

#searchBox input
 { height: 2em;
   border: silver 1px solid;
 }

#twitter_div
 { font-size: smaller;
   background: #eee;
   border: 1px solid #ddd;
   margin-left: 2%;
 }

#twitter_update_list
 { margin-left: 2em;
 }

#twitter_update_list li
 { margin: 0.3em;
   font-size: smaller
 }

#twitter_update_list li A
 { font-size: xx-small;
   font-style: italic
 }

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

/*** Calendar Styles ***/

tr.hCalendarDayNameRow td, .hr, .time
 { background-color: #666
 }
      
tr.hCalendarMonthYearRow td, tr.hCalendarDayNameRow td, .hCalendarTable A,
.date, .time
 { color : #fff;
   text-decoration : none
 }

tr.hCalendarMonthYearRow td, .date
 { background-color: #000
 }

table.hCalendarTable
 { border   : 1px solid #000;
   /*border-right-color : #000;
   border-bottom-color: #000;*/
   padding  : 4px;
   text-align     : center;
 }

tr.hCalendarMonthYearRow td
 { font-weight    :900;
   font-size  : .65em;
   text-align : center;
   width      : 100%;
   padding    : 3px;
   margin-bottom  : -1px;
   letter-spacing : 0.2em;
 }

tr.hCalendarDayNameRow td,td.hCalendarDay
 { margin-top  : -2px;
   margin-left : -2px;
   padding : 2px;
   font-size   : 0.6em
 }

tr.hCalendarDayNameRow td, td.hCalendarDay,
td.hCalendarDayCurrent, td.hCalendarDayLinked  
 { /* border: 1px #ccc solid; */
 }

tr.hCalendarDayNameRow td
 { font-family : Arial Narrow, Arial, Verdana,Helvetica, sans-serif;
 }

td.hCalendarDay
 { background-color : #fff;
   color  : #666
   /* see also [td.hCalendarDay, td.hCalendarDayLinked, td.hCalendarDayCurrent] */
 }

td.hCalendarDay, td.hCalendarDayLinked, td.hCalendarDayCurrent  
 { text-align   : right;
 }

td.hCalendarDayCurrent
 { color  : #fff;
   background-color : #000;
   /* see also [td.hCalendarDay, td.hCalendarDayLinked, td.hCalendarDayCurrent]  */
 }

td.hCalendarDayLinked  
 { font-weight  : 900;
   background-color : #fff;
 }

td.hCalendarDayLinked a:hover
 { background: silver;
 }  

td.hCalendarDayLinked a:link
 { color: blue
 }  

td.hCalendarDayLinked a:visited
 { color: purple
 }
} /* @media screen... */

@media handheld
{
#calendar, #doodles
 { display: none;
 }
} /* @media handlheld */