/* A fluid template for business or fun */
/* By Dave Reeder, www.davereederdesign.com */
/* with heavy mods by Glenn Franxman, www.hackermojo.com */

body { margin: 0; padding: 0; 
    background: #262626; 
}

* {margin: 0; padding: 0; border: 0; font-family: "Trebuchet MS", Arial, sans-serif; }


/*------------Basic styles------------*/

p, h1, h2, h3, span#copyright, span#design { margin: 0 10px; color: #ffffd0; font-weight: normal; text-decoration: none; background: transparent }
pre { margin: 10px 20px ; color: white; font-family: system ; }

p { font-size: 0.8em; line-height: 1.4em; text-align: justify; margin-bottom: 0.1in; }
/*
 p small { text-align: right; display:block; clear: both; margin-top: 0in;}
*/
h1 { font-size: 1.3em; line-height: 1.4em; color: #FFA000; letter-spacing: 0.25em }	/* site heading */
h2 { font-size: 1.0em; line-height: 1.4em; color: #FFA000; margin-bottom: 0.1in; }	/* site heading */
h3 { font-size: 0.9em; line-height: 1.4em; color: #FFA000; margin-bottom: 0.1in; }				/* sub headings */
h1 a,h2 a,h3 a { color: #FFA000 ;}
h1 a:hover, h2 a:hover, h3 a:hover { text-decoration: none ;}
span#copyright { font-size: 13px; line-height: 35px }  /* sets the copyright styles */
span#design {  float: right; font-size: 13px; line-height: 35px }  /* floats the design link into position */
span.validation {  float: right; margin-right: 10px; } /* floats the validation buttons */
.validation img {  margin: 0; } /* floats the validation buttons */

div { padding: 10px 0;}

#hdrimg a {color: #06FF00; text-decoration: none; font-weight: normal;}
#hdrimg a strong {color: #fff; text-decoration: none; font-weight: normal;}
#hdrimg a:hover {color: #fff; text-decoration: none; font-weight: normal;}
#hdrimg a:hover strong {color: #06FF00; text-decoration: none; font-weight: normal;}

a {color: #06FF00; text-decoration: none}
a:hover {color: #fff; text-decoration: underline}


/*-------------Layout----------------*/

#hdrimg {			/* Large image */
	float: left; 			
	width: 100%;
	margin-bottom: 5px;
	background: url('/media/images/bg1b.gif') repeat-x;
        background-color: #FC3;
        background-position: center;
	height: 170px;  	/* ie5x hack begins here */     
	voice-family: "\"}\"";
	voice-family: inherit;
	height: 150px;
}
html>body #hdrimg {
	height: 150px;        /* ie5x hack ends here */
}
.watermark {
        width: 1680px;
        height: 2000px; /* height of bg! */
        position: absolute;
        top: -100px;
        left: -300px;
        background: url('/media/images/franxman_wordle_2008-7-transparent-black.png') ;
        z-index: -10;
    filter:alpha(opacity=5);
    -moz-opacity:.05;
    opacity:.05;
}
.allcontent1 {
    filter:alpha(opacity=5);
    -moz-opacity:.05;
    opacity:.05;
}
.rowcontainer {						/* Used to keep the divs in a row.  you can use this for any size of divs */
	float: left;
	margin-bottom: 5px;
	width: 100%;
	overflow: hidden;
	#background: #333;

}
/*
.rowcontainer p:first-letter { font-size: 125%; vertical-align: baseline }
*/
p:first-letter { font-size: 125%; vertical-align: baseline }
/* this don't work with my habbit of combining links with h1's for entry titles.
h1:first-letter { font-size: 125%; vertical-align: baseline }
h2:first-letter { font-size: 125%; vertical-align: baseline }
*/
#bttmbar { text-align:center; float: left; width: 100%; height: 35px; background: url('/media/images/snakeskin.jpg') bottom repeat-x }    /* Bottom copyright bar */


/*------Columns: Note they dont add up to 100%, this is intentional to avoid problems!----------*/ 

.fullcolumn { float: left; width: 99%;}		/* Full width column for a one column site */
			
.halfcolumn { float: left; width: 49%;}		/* Half width column for a two column site. */

.quartercolumn { float: left; width: 24.5% }		/* One quarter width column for a four column site */

.onethirdcolumn { float: left; width: 33%; }		/* One third width column for a three column site */
.twothirdscolumn { float: left; width: 66%; }		/* One third width column for a three column site */


/*------------------------------Main Navigation------------------------------------------*/

#nav { position: absolute; top: 145px; left: 0px; height: 25px; width: 79% }

ul#nav  { margin: 0 }

#nav li  /* Main nav list items */
{
	font-size: 13px;
	float: left;
	list-style: none;
	text-align: center
}

#nav li a {   /* Main nav styles for all links */
	display: block; /* Although display:block suggests a vertical list the float:left property under #nav li causes the menu to float inline */
	margin-left: 5px; /* adds a gap between the tabs */
	width: 90px; 	/* width of the tab */
	line-height: 25px; /* height of the tab */
	text-decoration: none;
}
	 
#nav a:link, #nav a:visited  { background: url('/media/images/tab.gif') no-repeat 0 -25px }

#nav a:hover, #nav a:active { background: url('/media/images/tab.gif') no-repeat 0 0 }

#nav a#current { background: url('/media/images/tab.gif') no-repeat 0 0 }

#rnav { position: absolute; top: 140px; right: 0px; height: 25px; width: 19% }
ul#nav  { margin: 0 }
#rnav li  /* right nav list items */
{
	font-size: 13px;
	float: right;
	list-style: none;
	text-align: center;
	display: block; /* Although display:block suggests a vertical list the float:left property under #nav li causes the menu to float inline */
	margin-left: 5px; /* adds a gap between the tabs */
	width: 90px; 	/* width of the tab */
	line-height: 25px; /* height of the tab */
	text-decoration: none;
	background: url('/media/images/tab.gif') no-repeat 0 -25px 
}
/*-----------------------------------Other tags-----------------------------------------*/

acronym { border-bottom: 1px dashed #999; cursor: help }

/* lists */
ul { margin: 5px 0 5px 35px;  }
ol { margin: 5px 0 5px 35px; list-style: decimal }
ol li, ul li { color: #fff; font-size: 0.8em; line-height: 1.4em }

hr { margin: 10px 0px; height: 1px; background: #444; color: #444 }  /* rule styling */

img {margin: 0 10px} /* all images styling */
img.right {float: right}  /* right floating images */
img.left {float: left}   /* left floating images */

code { /* make pasted code look like pasted code */
       white-space: pre;
       display: block ;
       padding-left: 10% ;
       color: black ;
     }
q,blockquote {
  font: italic 15px Georgia, Times, serif;
  color: gray;
  background: url(http://radar.oreilly.com/images/quotes.gif) 0em 0em no-repeat; 
  margin-left: 5em ;
  margin-right: 5em ;
  padding-left: 2em;
  }
q b, blockquote b {
  color: white;
  }
.caption {
  font:  13px Georgia, Times, serif;
  color: gray;
  margin-left: 10em ;
  margin-right: 5em ;
  }
.entrytext>p { font-size: 1.0em; line-height: 1.4em; text-align: justify; margin-bottom: 0.1in; }
.entrytext>p:first-letter { font-size: 125%; vertical-align: baseline }/* not working */

div.comment_odd span.comnum, div.comment_even span.comnum {
        font-family: Futura, "Century Gothic", "Tw Cen MT", Corbel, Tahoma, sans-serif;
        }
        


div.comment_odd span.comnum_, div.comment_even span.comnum_  {
        /*position: absolute; */
        z-index: 10;
        padding: 0;
        top: -25px;
        /*left: -55px;*/
        color: #d9e8f7;
        font-size: 80px;
        line-height: 80px;
        }

.source { font-size: 80%; }