/*
-------------------------------------------------
description: master css file
filename: retro.css
author: jeff miller
version: 05.05.2006
-------------------------------------------------
*/


/*---------------{ import hacks }---------------*/


/*----- ie 6 for windoze -----*/
@import "ie6_windoze.css";

/*----- ie 5 for windoze -----*/
@media tty {
i{content:"\";/*" "*/}} @import '/css/ie5_windoze.css'; /*";}
}/* */


/*---------------{ basic html elements }---------------*/

* {
	margin: 0;
	padding: 0;
	}
a:link, a:visited, a:active {
	color: #B00;
	}
a:hover {
	color: #57A0C4;
	}
abbr, acronym {
	border-bottom: 1px dotted #59958C;
	cursor: help;
	letter-spacing: 1px;
	}
body {
	background: #B00 url(/images/bg.gif);
	color: #000;
	font: 11px "Lucida Grande", "Lucida Sans Unicode", Verdana, Tahoma, Arial, sans-serif;
	margin-top: 20px;
	text-align: center;
	}
blockquote {
	background: url(/images/blockquote.gif) 0 1px no-repeat;
	margin: 15px;
	padding-left: 22px;
	}
caption {
	color: #B1856C;
	font-size: 150%;
	margin-bottom: 6px;
	}
code {
	background: #FFF;
	color: #666;
	font-family: Monaco, Courier, Monospace;
	}
dd {
	padding: 0 0 .75em;
	}
dl {
	line-height: 16px;
	}
fieldset {
	border: none;
	}
form {
	padding-bottom: 12px;
	}
h2, h3, h4 {
	margin: 0 0 .3em 0;
	}
h1 {
	font: bold 25px "Lucida Grande", Georgia, Arial, sans-serif;
	margin: 7px 0 2px;
	}
h2 {
	color: #B00;
	font: bold 19px "Lucida Grande", Georgia, Arial, sans-serif;
	margin: 7px 0 2px;
	}
h3 {
	color: #69989B;
	font: 19px Georgia, "New York", Verdana, Tahoma, Arial, sans-serif;
	letter-spacing: -1px;
	margin: 7px 0;
	}
h3 a:link, h3 a:active {
	color: #69989B;
	}
h3 a:visited {
	color: #A57255;
	text-decoration: line-through;
	}
h3 a:hover {
	color: #69989B;
	}
h3 span {
	color: #777;
	font-size: 14px;
	padding: 0 0 3px 5px;
	}
h4 {
	color: #6F90B5;
	font: bold 15px Georgia, "New York", Verdana, Tahoma, Arial, sans-serif;
	margin-top: 4px;
	}
h5 {
	color: #888;
	font: bold 12px Verdana, Tahoma, Arial, sans-serif;
	}
hr {
	background-color: #B00; /* opera */
	border: #B00; /* ie */
	color: #B00; /* netscape + mozilla */
	height: 1px;
	margin-bottom: 12px;
	}
img {
	border: 0;
	}
input, select, textarea {
	background: #fff;
	color: #333;
	font: 11px "Lucida Grande", "Lucida Sans Unicode", Verdana, Tahoma, Arial, sans-serif;
	margin-top: 2px;
	}
input[type=text] {
	width: 210px;
	}
ins {
	color: #EC694A;
	text-decoration: none;
	}
ol {
	line-height: 16px;
	margin: 0 0 8px 30px;
	}
ol li {
	margin-bottom: 4px;
	}
p {
	line-height: 16px;
	margin: 0 0 12px 0;
	}
pre {
	background: #FFF;
	border: 1px solid #999;
	margin: 12px auto;
	overflow: auto;
	padding: 8px;
	width: 94%;
	}
q {
	font: 11px Georgia, New York, Tahoma, Serif;
	color: #777;
	}
table {
	background: #EEE;
	border-spacing: 1px;
	font: 11px "Lucida Grande", "Lucida Sans Unicode", Verdana, Tahoma, Arial, sans-serif;
	margin: 3px auto 12px;
	width: 512px;
	}
td {
	padding: 4px;
	}
textarea {
	height: 100px;
	width: 450px;
	}
th {
	background: #57A0C4;
	color: #FFF;
	padding: 4px;
	text-align: center;
	}
th a:link, th a:active, th a:visited, th a:hover {
	color: #FFF;
	}


/*---------------{ structure }---------------*/

#container {
	width: 762px;
	margin: 0 auto;
	text-align: left;
	}
#header {
	color: #FFF;
	height: 210px;
	width: 762px;
	}
#navigation {
	background: url(/images/nav_panel.gif) no-repeat;
	height: 37px;
	left: 58px;
	position: relative;
	text-indent: -9999px;
	overflow: hidden;
	top: 172px;
	width: 641px;
	}
#navigation li {
	list-style: none;
	margin: 0;
	position: absolute;
	}
#navigation li, #navigation a {
	height: 37px;
	display: block;
	text-decoration: none;
	}
#weblog {
	left: 0;
	width: 87px;
	}
#weblog a:hover {
	background: transparent url(/images/nav_panel.gif) 0 -37px no-repeat;
	}
#about {
	left: 87px;
	width: 80px;
	}
#about a:hover {
	background: transparent url(/images/nav_panel.gif) -87px -37px no-repeat;
	}
#archives {
	left: 167px;
	width: 99px;
	}
#archives a:hover {
	background: transparent url(/images/nav_panel.gif) -167px -37px no-repeat;
	}
#photographs {
	left: 266px;
	width: 135px;
	}
#photographs a:hover {
	background: transparent url(/images/nav_panel.gif) -266px -37px no-repeat;
	}
#miscellaneous {
	left: 401px;
	width: 146px;
	}
#miscellaneous a:hover {
	background: transparent url(/images/nav_panel.gif) -401px -37px no-repeat;
	}
#contact {
	left: 547px;
	width: 94px;
	}
#contact a:hover {
	background: transparent url(/images/nav_panel.gif) -547px -37px no-repeat;
	}
#bodyTop {
	background: url(/images/bg_bdy_top.gif) left top no-repeat;
	height: 13px;
	width: 762px;
	}
#body {
	background: url(/images/bg_bdy.gif) repeat-y;
	float: left;
	width: 762px;
	}
#mainContent {
	float: left;
	padding: 6px 16px 15px 32px;
	width: 512px;
	}
#mainContent dt {
	color: #6F90B5;
	font: 17px Georgia, "New York", Verdana, Tahoma, Arial, sans-serif;
	letter-spacing: -1px;
	margin: 7px 0;
	}
#mainContent dt a:link, h2 a:active {
	color: #6F90B5;
	}
#mainContent dt a:visited {
	color: #A57255;
	text-decoration: line-through;
	}
#mainContent dt a:hover {
	color: #69989B;
	}
#mainContent dt span {
	color: #777;
	font-size: 12px;
	letter-spacing: 0;
	padding: 0 0 3px 4px;
	}
#mainContent ul {
	margin: 4px 0 8px 14px;
	}
#mainContent ul li {
	background: url(/images/bullet.gif) no-repeat 0 .3em;
	line-height: 16px;
	list-style: none;
	padding: 0 0 3px 14px;
	}
#sidebar {
	color: #666;
	float: left;
	padding: 0 34px 15px 18px;
	width: 150px;
	}
#sidebar a {
	text-decoration: none;
	color: #B00;
	}
#sidebar a:hover {
	background: transparent;
	color: #57a0c4;
	}
#sidebar #desktop, #sidebar #reading {
	padding-top: 4px;
	text-align: center;
	}
#sidebar #desktop img, #sidebar #reading img {
	border: 1px solid #CCC;
	}
#sidebar dt {
	clear: both;
	}
#sidebar dt a:visited {
	color: #A57255;
	text-decoration: line-through;
	}
#sidebar fieldset {
	border: 0;
	}
#sidebar #ichat {
	vertical-align: middle;
	padding-right: 3px;
	}
#sidebar li {
	padding: 0 0 2px;
	line-height: 1.4em;
	}
#sidebar #livesearch {
	width: 145px;
	height: 15px;
	}
#sidebar #rss a:hover {
	background: transparent;
	}
#sidebar img.status {
	vertical-align: middle;
	padding-right: 2px;
	}
#sidebar ul {
	list-style: none;
	}
#footer {
	background: top left no-repeat;
	clear: both;
	color: #FFF;
	height: 119px;
	margin: 0 auto;
	padding: 25px 23px 0 0;
	text-align: right;
	width: 739px;
	}
#footer a:link, #footer a:active, #footer a:visited {
	color: #FFF;
	}
#footer a:hover {
	color: #57A0C4;
	}
#footer p {
	line-height: 19px;
	}


/*---------------{ ids }---------------*/

#billy {
	margin-top: 20px;
	}
#blingo {
	margin-top: 22px;
	text-align: center;
	}
#bookmarks {
	color: #333;
	}
#bookmarks li {
	background: none;
	list-style: none;
	line-height: 15px;
	}
#bookmarks li ul {
	padding: 0 0 10px 18px;
	}
#desktop img {
	border: 1px solid #DDD;
	}
#breadcrumbs {
	margin-bottom: 5px;
	}
#browseHappy, #atmedia {
	margin-top: 22px;
	text-align: center;
	}
#catArchives {
	margin-bottom: 10px;
	}
#comments pre {
	width: 410px;
	}
#comments code {
	width: 410px;
	}
#comments dt a:link, h2 a:active {
	color: #69989B;
	}
#comments dt .num a:link,#comments dt .num a:active {
	color: #B1856C;
	}
#comments dt.commentAlt1, #comments dt.commentAlt2, #comments dt.commentAuthor {
	margin: 0;
	padding: 5px .5em;
	}
#comments dd.commentAlt1, #comments dd.commentAlt2, #comments dd.commentAuthor {
	margin: 0 0 1.5em;
	padding: 6px 10px 5px;
	}
#comments dt span {
	color: #B1856C;
	font-weight: bold;
	font-size: 11px;
	padding-top: 3px;
	}
#comments a.num {
	border-right: 1px solid #999;
	font-size: 25px;
	margin: 0;
	padding: 0 5px 0 0;
	text-decoration: none;
	}
#firefox {
	background: #FFF;
	border: 1px solid #5D888A;
	padding: 10px 10px 5px;
	}
#firefox h2 {
	color: #B00;
	font: 17px Georgia, Tahoma, Arial, sans-serif;
	letter-spacing: 1px;
	margin-bottom: 7px;
	}
#firefox p {
	margin-top: 7px;
	text-align: left;
	}
#forgetMe {
	margin-left: 15px;
	}
#ipodAd {
	margin-top: 9px;
	text-align: center;
	}
#isp_step_5 {
	left: 62px;
	margin: 14px 0 14px;
	padding: 2px;
	position: relative;
	}
#iTunesLeft {
	float: left;
	width: 180px;
	margin: 5px 0 15px;
	}
#iTunesLeft #album {
	background: transparent url(/images/border_album_art.gif) no-repeat;
	height: 174px;
	position: relative;
	width: 174px;
	}
#iTunesLeft img {
	padding: 7px 0 0 7px;
	}
#iTunesRight {
	float: left;
	margin: 5px 0 15px;
	}
#iTunesRight img {
	vertical-align: middle;
	padding-bottom: 3px;
	}
#leftColumn {
	float: left;
	margin-top: -5px;
	padding: 0 10px;
	width: 230px;
	}
#miscellaneous ul {
	border-bottom: 1px solid #666;
	margin: 0 20px 0 20px;
	}
#miscellaneous li {
	border-top: 1px solid #666;
	list-style: none;
	margin: 0;
	padding: 10px;
	}
#netflix {
	float: right;
	padding: 0 0 8px 8px;
	}
#photoAlbum {
	margin-left: 15px;
	width: 497px;
	}
#photoAlbum img {
	border: 1px solid #57A0C4;
	margin: 10px 6px 6px;
	padding: 3px;
	}
#photoArchive {
	width: 512px;
	}
#photoArchive h2 {
	margin-top: 15px;
	}
#photoArchive img {
	border: 1px solid #57A0C4;
	padding: 3px;
	margin: 10px 6px 6px;
	}
#photoInfo {
	background: #FDF8ED;
	border: 1px solid #F1EAB9;
	padding: 7px 10px 0;
	height: 60px;
	margin-bottom: 8px;
	}
#photoShow img {
	border: 1px solid #57A0C4;
	padding: 3px;
	}
#photoShow #photoLeft {
	float: left;
	width: 245px;
	}
#photoShow #photoRight {
	float: left;
	text-align: right;
	width: 245px;
	}
#postComment {
	border-right: 1px dotted #DDD;
	float: left;
	margin-right: 15px;
	padding-right: 15px;
	width: 200px;
	}
#preview {
	display: none;
	}
#redCross {
	margin-top: 10px;
	color: #fd002c;
	border: 1px solid #fd002c;
	background: #FFF;
	padding: 20px 10px 5px;
	text-align: center;
	}
#redCross a:hover {
	color: #fff;
	background: #fd002c;
	}
#redCross img {
	padding-bottom: 6px;
	}
#rightColumn {
	float: left;
	margin-top: -5px;
	padding: 0 10px;
	width: 229px;
	}
#search {
	height: 15px;
	}
#searchform {
	margin: 0;
	padding: 0;
	}
#sendEntry {
	float:left;
	margin-right:15px;
	padding-right:15px;
	width:200px
	}
#sidebar span, #footer span {
	padding: 0 3px 0 3px;
	}
#tCategory {
	width: 110px;
	}
#tDate {
	width: 75px;
	}
#thumbnails ul {
	background: none;
	display: inline;
	line-height: 40px;
	list-style: none;
	margin: 0;
	padding: 10px 0 0 10px;
	}
#thumbnails ul li {
	background: none;
	display: inline;
	list-style: none;
	margin: 0;
	padding: 0;
	}
#thumbnails li a:hover {
	cursor: n-resize;
	}
#thumbnails .thWide {
	display: inline;
	height: 128px;
	padding: 0 10px;
	width: 120px;
	}
#thumbnails .thWide img {
	margin-bottom: 14px;
	}
#thumbnails .thTall {
	display: inline;
	height: 128px;
	padding: 0px 24px;
	width: 120px;
	}
#thumbnails .thBorderWide {
	background: transparent url(/images/ph_th_wide.gif) no-repeat 0 0;
	display: inline;
	height: 86px;
	margin: 2px 0 0 -117px;
	position: absolute;
	width: 114px;
	z-index: 2;
	}
html > body #thumbnails .thBorderWide {
	margin: 7px 0 0 -117px;
	}
#thumbnails .thBorderTall {
	background: transparent url(/images/ph_th_high.gif) no-repeat 0 0;
	display: inline;
	height: 114px;
	position: absolute;
	margin: -2px 0 0 -103px;
	width: 86px;
	z-index: 2;
	}
html > body #thumbnails .thBorderTall {
	margin: -7px 0 0 -103px;
	}
#thumbnails #menu {
	margin: 7px 0 30px;
	text-align: center;
	}


/*---------------{ classes }---------------*/

.bakeCookie {
	vertical-align: 24%;
	}
.category {
	cursor: pointer;
	font: bold 105% "Lucida Grande", "Lucida Sans Unicode", Verdana, Tahoma, Arial, sans-serif;
	margin: 12px 0 0;
	}
.button {
	background: #57A0C4;
	color: #FFF;
	padding: 2px 6px;
	}
.center {
	text-align: center;
	}
.clear {
	clear: both;
	}
.commentAlt1 {
	background: #E5F4FB;
	}
.commentAlt2 {
	background: #E7F4F2;
	}
.commentAuthor {
	background: #FEF6F1;
	}
.entryLinks {
	color: #666;
	margin: 0 0 18px;
	}
.error {
	color: #C00;
	}
.even {
	background: #FFF;
	}
.gravatar {
	background-image: url(/images/border_gravatar.png);
	float: left;
	height: 54px;
	margin: 0 6px 0 0;
	position: relative;
	width: 54px;
	}
.gravatar img {
	padding: 7px 0 0 7px;
	}
.hide {
	display: none;
	}
.hidden {
	display: none;
	}
.highlight {
	color: #B00;
	}
.ichat {
	vertical-align: middle;
	}
.imgLeft {
	float: left;
	margin: .4em 1em .4em 0;
	padding: 2px;
	position: relative;
	}
.imgRight {
	float: right;
	margin: .4em 0 .4em 1em;
	padding: 2px;
	position: relative;
	}
.jeff {	
	float: right;
	margin: 0 0 8px 8px;
	padding: 2px;
	}
.large {
	font-size: 11px;
	}
.light {
	color: #666;
	}
.links {
	margin-left: 15px;
	}
.message {
	background: #EBF4FD;
	border: 1px solid #4F7197;
	color: #444;
	padding: 10px;
	}
.missingField {
	background: #EEE;
	color: #000;
	}
.new {
	color: #690;
	font: 11px Verdana, Tahoma, Arial, Sans-serif;
	}
.noline {
	border: none;
	text-decoration: none;
	}
.odd {
	background: #E5F4FB;
	}
.pdf {
	background: url(/images/icon_pdf.gif) no-repeat top right;
	padding-right: 14px;
	margin-right: 2px;
	}
.Photo {
	display: inline;
	height: 377px;
	padding: 0 10px;
	width: 500px;
	}
.paginate {
	background: #FDF8ED;
	border: 1px solid #F1EAB9;
	height: 17px;
	padding: 6px;
	width: 497px;
	}
.paginateLeft {
	float: left;
	text-align: left;
	width: 160px;
	}
.paginateRight {
	float: left;
	text-align: right;
	width: 337px;
	}
.photo {
	background: transparent url(/images/photo_border.gif) no-repeat;
	height: 114px;
	margin-bottom: 8px;
	position: relative;
	width: 511px;
	}
.photo img {
	padding: 7px 0 0 7px;
	}
.photoCol1 {
	float: left;
	width: 85px;
	text-align: right;
	padding-right: 10px;
	vertical-align: middle;
	}
.photoCol2 {
	float: left;
	width: 146px;
	}
.photoCol2 a:link, .photoCol2 a:active, .photoCol2 a:visited {
	color: #69989B;
	}
.photoCol2 a:hover {
	color: #57A0C4;
	}
.photoCol2 p {
	padding: 11px 0 0 3px;
	}
.photoEnlarge {
	background: transparent url(/images/enlarge.gif) no-repeat;
	cursor: pointer;
	height: 16px;
	left: 385px;
	position: absolute;
	top: 91px;
	width: 119px;
	z-index: 2;
	}
.photoEven {
	float: left;
	padding-left: 5px;
	width: 251px;
	}
.photoOdd {
	float: left;
	padding-right: 5px;
	width: 250px;
	}
.posted {
	border-bottom: 1px dotted #6F90B5;
	color: #666;
	margin: -5px 0 12px;
	padding: 1px 0 1px 0;
	width: 511px;
	}
#mainContent ul.quicktime li {
	background: url(/images/icon_mov.gif) no-repeat 0 .1em;
	padding: 0 0 5px 18px;
	}
ul.required {
	color: #B00;
	}
.right {
	text-align: right;
	}
.sig {
	margin-top: 20px;
	}
.small {
	font-size: 9px;
	}
.stars img {
	width: 88px;
	height: 14px;
	}
.subheading {
	margin-left: 30px;
	}
.sublinks {
	margin-left: 30px;
	}
.th {	
	float: right;
	margin: 0 0 3px 3px;
	}
.thAlt {	
	float: left;
	margin: 0 3px 3px 0;
	}
.thPhoto {
	display: inline;
	height: 75px;
	padding: 0 10px;
	width: 75px;
	}
.thPhoto a:hover {
	cursor: n-resize;
	}
.thPhoto img {
	margin-bottom: 14px;
	}


/*---------------{ applescript  }---------------*/

#searchform input {
	margin: 6px 0;
	width: 163px;
	}
#searchresult {
	display: none;
	}
#noresults {
	background: #FFFFE6;
	margin-bottom: 12px;
	padding: 8px 8px 4px;
	}
#noresults h3 {
	color: #000;
	margin: 0 0 4px;
	}
#noresults pre {
	color: #666;
	margin-left: -8px;
	}
.row {
	background: #FFF;
	border-bottom: 1px solid #FFF;
	border-top: 1px solid #FFF;
	margin: 0 -8px;
	padding: 2px 8px 4px;
	}
#searchcontrols {
	background: #FBFBFB;
	border-bottom: 1px solid #E3E3E3;
	color: #666;
	font-size: 9px;
	margin: 0 -8px;
	padding: 3px 8px;
	}
#searchcontrols .left {
	float: left;
	text-align: left;
	}
#searchcontrols .right {
	display: block;
	float: right;
	text-align: right;
	z-index: 4;
	}
#searchheader {
	font-size: 10px;
	font-weight: bold;
	margin: 0 -8px;
	padding: 3px 8px 5px;
	}
#searchresultshadow {
	background: #FFF;
	border: 1px dotted #6F90B5;
	margin-top: 2px;
	padding: 0 8px;
	position: absolute;
	text-align: left;
	width: 240px;
	}
#searchhighlight {
	background: #FDF8ED;
	border-bottom: 1px solid #F1EAB9;
	border-top: 1px solid #F1EAB9;
	}


/*---------------{ mtcodebeautifier  }---------------*/

#php {
	font: 110% "Lucida Grande", "Lucida Sans Unicode", Verdana, Tahoma, Arial, sans-serif;
	}
.blockcomment {
	color: #F90;
	}
.category1 {
	color: #060;
	}
.category2 {
	color: #00F;
	}
.category3 {
	color: #00F;
	}
.linecomment {
	color: #F90;
	}
.prepro {
	color: #00B;
	}
.quote {
	color: #C00;
	}


/*---------------{ applescript  }---------------*/

#applescript {
	font: 110% "Lucida Grande", "Lucida Sans Unicode", Verdana, Tahoma, Arial, sans-serif;
	}
.as_new_text{
	color: #922592;
	}
.as_operators {
	color: #000;
	}
.as_language {
	color: #00F;
	font-weight: bold;
	}
.as_application {
	color: #00F;
	}
.as_comments {
	color: #555;
	font-style: italic;
	}
.as_values {
	color: #000;
	}
.as_variables {
	color: #518b18;
	font-weight: bold;
	}
.as_references {
	color: #922592;
	}


/*---------------{ sifr styles }---------------*/

.sIFR-hasFlash h1 {
	font-size: 37px;
	visibility: hidden;
	}
.sIFR-hasFlash h2 {
	font-size: 23px;
	letter-spacing: -1px;
	margin: 0;
	visibility: hidden;
	}
.sIFR-hasFlash #sidebar h3 {
	font-size: 14px;
	margin: 16px 0 1px 0;
	visibility: hidden;
	}
.sIFR-flash {
	visibility: visible !important;
	}
.sIFR-replaced {
	visibility: visible !important;
	}
.sIFR-alternate {
	display: block;
	height: 0;
	left: 0;
	letter-spacing: 0;
	overflow: hidden;
	position: absolute;
	top: 0;
	width: 0;
	}