/*** Structure ***/ body { font : 12px/16px Optima, Palatino, Times, serif; margin : 0; padding : 0 0 6px; text-align : center; } * { outline : none; -moz-outline : none -moz-mac-focusring; } a:link, a:visited, a:active, a:hover { text-decoration : none; } ul { line-height : 20px; } /* Main Sections. */ #content { width : 800px; margin : 0 auto; text-align : left; } #sidebar { width : 800px; height : 64px; } #main, #colophon { width : 800px; padding : 0 0 16px; } #colophon { margin-top : -38px; padding-top : 38px; font-size : 11px; } /* Sidebar section (now displayed on top of the photo). */ #page-title { position : absolute; top : -8px; left : 50%; width : 83px; height : 43px; margin-left : -350px; padding : 0; } #page-title a:link, #page-title a:visited, #page-title a:active { display : block; width : 83px; height : 43px; text-indent : -9999px; } #tagline { display : none; } #nav { position : absolute; top : 6px; left : 50%; width : 240px; margin-left : 154px; } #nav a:link, #nav a:visited, #nav a:active { margin-left : 14px; font-size : 11px; text-transform : lowercase; } #nav a:hover { } #nav-archives { } #nav-colophon { } #nav-rss { } #nav-contact { } /* Photo. */ #photo { width : 800px; text-align : center; } #photo img { margin : 0 auto; padding : 8px; } #photo img.vert { } #photo-arrow-left, #photo-arrow-right { display : none; } #previous-photos { width : 800px; height : 18px; text-align : left; margin : 6px 0 0; font-size : 16px; } #nav-links { float : left; } #comment-link { display : block; float : right; margin-top : 2px; padding-right : 16px; font-size : 12px; } #buy-prints-link { display : block; float : right; margin-top : 2px; padding-right : 22px; font-size : 12px; } a:link#arrow-left, a:visited#arrow-left, a:active#arrow-left, a:link#arrow-right, a:visited#arrow-right, a:active#arrow-right { display : inline; margin : 16px; font-size : 12px; } div#arrow-left, div#arrow-right { display : inline; margin : 16px; font-size : 12px; } #caption { padding : 0 18px; text-align : center; } #caption-title { display : none; } #caption-copyright { margin : 0; } #footer-badges { display : block; width : 172px; margin : 4px auto 0; } #footer-badges a { display : block; float : left; } #caption-photobloggies { margin-top : 1px; margin-left : 4px; } #caption-photoblogs img { } #permalink { display : none; } /* Prints. */ #prints { position: absolute; top: 0; left: 0; width: 276px; height: 398px; padding: 12px 12px 74px; overflow: hidden; background: url('../images/prints_bkgd.png') no-repeat 0 0; visibility: hidden; } #prints h3 { margin-top: 0; } /* Theme switcher. */ #theme-switcher { display : none; position : absolute; top : 222px; margin-left : -8px; padding-left : 3px; width : 21px; height : 133px; } #theme-switcher a:link, #theme-switcher a:visited, #theme-switcher a:active { display : block; width : 16px; height : 16px; margin : 3px 0; text-indent : -9999px; } #theme-switcher a:hover { } #theme-white { background : #fff; } #theme-grey { background : #666; } #theme-black { background : #000; } /* Styles for the archives. */ #thumbnails { list-style : none; margin : 1em 0; padding : 0; zoom : 1; } #thumbnails:after { content : "."; display : block; height : 0; clear : both; visibility : hidden; } #thumbnails li { float : left; list-style : none; margin : 2px; padding : 3px; } #thumbnails li a { display : block; position : relative; overflow : hidden; width : 100px; height : 100px; } #thumbnails li a img{ position : absolute; border : 0; margin : 0 auto; } #thumbnails li#not-found { width : 100%; float : none; padding-top : 2em; border : 0; text-align : center; } #thumbnails li#not-found a { display : inline; width : auto; height : auto; } #previous-months { margin : 3em 0 1em; } #previous-months dl { display : block; width : 100%; height : 84px; } #previous-months dt { display : block; float : left; width : 60px; height : 20px; margin : 0 6px 0 0; font-size : 130%; font-weight : bold; text-align : center; } #previous-months dt a { padding : 2px; } #previous-months dd { display : block; float : left; margin : 0 4px 0 0; text-align : center; } #previous-months dd a { display : block; width : 54px; height : 76px; } #previous-months dd strong { display : block; width : 42px; margin : 2px 2px 8px; padding : 2px 4px; font-weight : bold; } #previous-months dd span { display : block; width : 50px; margin : 0 2px 6px; font-family : Georgia, Times, serif; font-size : 30px; } #archives #main { width : 600px; margin : 0 auto; } #recent { width : 600px; } #recent h3, #dates h3 { } #recent h4, #dates h4 { float : none; clear : both; padding : 8px 0 0; } #recent img { float : left; border : 0; padding : 3px; margin : 0 9px 12px; } #recent img:hover { } #recent img.vert { margin-left : 23px; margin-right : 23px; } #dates { clear : both; padding-top : 10px; } #dates ul { float : none; clear : both; padding : 0; margin : 0; } #dates li { float : none; clear : both; list-style-type : none; } #dates li a:link, #dates li a:visited, #dates li a:active { display : block; float : left; width : 75px; } #dates li span { display : block; float : left; width : 16px; height : 12px; margin-top : 3px; margin-left : 4px; } #dates li span.plus { display : block; float : left; width : 16px; height : 12px; margin-top : -1px; margin-left : 4px; background : transparent; font-size : 12px; font-family : geneva, arial, sans; font-weight : bold; } /* Styles for the error page. */ #random-photos { margin-top : 3em; } /* Styles for colophon.html. */ #colophon p { line-height : 22px; margin-right : 50px; } #t-photo { float : right; margin : 0 0 12px 12px; padding : 6px; } #friends { float : left; } #inspiration { margin : 22px 0 0 150px; } /* Photobloggies link. */ #photobloggies-link { display : block; position : absolute; top : 360px; margin-left : -3px; width : 15px; height : 80px; } #photobloggies-link img { border : 0; } /* Hacks that force certain browsers to display the page correctly. */ /* The following rules are applied to IE Mac only */ /*\*//*/ /* */ /* The following rules are applied to IE Win only. */ /*\*/ /* */