@charset "iso-8859-1";
/*
DARKROOM - A TEMPLATE FOR SINGAPORE
This CSS is made of two parts :
1. A 3-column fluid layout that I use as a separate CSS in the Wordpress area of my web site
2. Changes and complements for the Singapore template itself
Works fine with Firefox and IE 6. Other browsers, older versions, please don't ask !
2005.01.26 (c) Philippe Frizé - http://www.frize.de/photo/
*/

/* PART 1 : THE WORDPRESS TEMPLATE

/* BACKGROUND COLORS */
body, .hnav ul li, .vnav ul ul li, #wp-calendar a, #commentform #author, #commentform #email, #commentform #url, #commentform textarea {background: #F2F4F7;}
#header, #footer, .hnav {background: #CBCCD0;}
#outerColumnContainer {border-left: solid 14em #CBCCD0; border-right: solid 14em #CBCCD0;}
.hnav ul li a:hover, .vnav ul ul li a:hover {background: #A3A4A6;}
/* BORDERS */
#rap, #commentform #author, #commentform #email, #commentform #url, #commentform textarea {border: 1px solid #A3A4A6;}
#innerColumnContainer {border-left: 1px solid #A3A4A6; border-right: 1px solid #A3A4A6;}
.hnav {border-bottom: 1px solid #A3A4A6;}
#footer {border-top: 1px solid #A3A4A6;}
.hnav ul li {border: 1px solid #A3A4A6; border-right-width: 0;}
.hnav ul li {border-right: 1px solid #A3A4A6;}
.vnav ul ul {border: 1px solid #A3A4A6; border-bottom-width: 0;}
.vnav ul ul li, #comments, #postcomment {border-bottom: 1px solid #A3A4A6;}
.storytitle {border-top: 1px solid #CBCCD0;}
#commentlist li ul {border-left: 1px solid #ddd;}
html[xmlns] .mozclear {border-bottom: 1px solid; border-color: transparent; /* MOZILLA HACK */}
img, a:link img, a:visited img, a:active img {border: 0px solid #CCC;}
/* FONT COLORS */
body {color: #006;}
.hnav ul li a:hover, .vnav ul ul li a:hover {color: #fff;}
a:link {color: #093;}
a:visited {color: #C00;}
.meta, #commentlist cite {color: #A3A4A6;}
/* FONT FAMILY */
body {font-family: Georgia, "Times New Roman", serif;}
code {font-family: "Courier New", Courier, monospace;}
/* FONT SIZE */
h1 {font-size: 300%;}
h2 {font-size: 120%;}
h3 {font-size: 160%;}
h4 {font-size: 130%;}
h5 {font-size: 100%;}
h6 {font-size: 70%;}
body {font-size: 100.1%;}
html>body {font-size: 110%; /* OPERA HACK */}
body:last-child, * html body {font-size: 100.1%; /* OPERA HACK */}
#rap {font-size: 80%;/* DEFAULT FONT SIZE */}
#right .inside, #left .inside {/* font-size: 80%; */}
.storytitle {font-size: 1.4em;}
.storytitle span {font-size: 0.7em;}
table {font-size: 100%;}
/* FONT WEIGHT */
ul, ol, dl, p, h1, h2, h3, h4, h5, h6, .storytitle span {font-weight: normal;}
/* FONT STYLE */
h4 {font-style: italic;}
/* FONT VARIANT & TEXT TRANSFORM */
h1, .storytitle {font-variant: small-caps;}
.vnav ul li, #comments, #postcomment {text-transform: uppercase;}
.vnav ul ul li, .storytitle span {text-transform: none;}
/* TEXT ALIGN */
h4, .meta {text-align: right;}
#header h1, .hnav ul, #footer {text-align: center;}
/* LETTER SPACING */
#header h1, .storytitle {letter-spacing: 0.1em;}
.vnav ul li {letter-spacing: 0.2em;}
.vnav ul ul li, .storytitle span {letter-spacing: 0em;}
/* LINE HEIGHT */
.hnav ul {line-height: normal;}
.storycontent {line-height: 130%;}
/* LIST STYLE */
.hnav ul, .vnav ul, ul.post-meta, .meta ul, #commentlist li ul {list-style: none;}
/* LINKS */
a, a:link, a:visited, a:active, .hnav ul li a, .hnav ul li a:link, .hnav ul li a:visited, .hnav ul li a:active, .hnav ul li a:hover, .vnav ul ul li a:link, .vnav ul ul li a:visited, .vnav ul ul li a:active, .vnav ul ul li a:hover, .vnav ul ul li a:link, .vnav ul ul li a:visited, .vnav ul ul li a:active {text-decoration: none;}
a:hover {text-decoration: underline;}
/* MARGINS & PADDING */
body, ul, ol, dl, p, h1, h2, h3, h4, h5, h6, #header, .hnav ul, .vnav ul, .vnav ul ul, .vnav ul ul li, #commentlist cite, #commentlist p, .meta ul {margin: 0; padding: 0;}
.hnav {margin: 0; padding: 3px 0 4px 0; white-space: nowrap;}
.hnav ul li {white-space: nowrap;}
.hnav ul li a, .hnav ul li a:link, .hnav ul li a:visited, .hnav ul li a:active {margin: 0 -1px 0 0; padding: 3px 10px 4px 10px;}
.vnav {margin: 1em 0;}
.vnav ul li {margin: 0 0 1em 0; padding: 0;}
.vnav ul ul li a {padding: 2px 10px;}
.vnav ul ul ul.children {padding-left: 1em;}
#commentlist li {padding: 10px;}
#commentform #author, #commentform #email, #commentform #url, #commentform textarea {padding: 0.2em;}
#commentform textarea {width: 80%;}
#commentform p {margin: 0 0 1em 0;}
#comments {margin: 3em 0 1em 0; padding: 0 0 0.3em 0;}
#postcomment {margin: 0.9em 0 1em 0; padding: 0 0 0.3em 0;}
#innerColumnContainer {margin: 0 -1px; width: 100%;}
#rap {margin: 20px; min-width: 40em;/* UNKNOWN TO IE */ width: auto;}
#SOWrap {margin: 0 -1px 0 0; width: 100%;}
#middle {margin: 0 0 0 -1px; width: 100%;}
#left {width: 14em; margin: 0 1px 0 -14em;}
#right {width: 14em; margin: 0 -14em 0 1px;}
#footer {padding: 0.5em;}
.post {margin: 1em;}
.meta span {margin: 0 0 0 10px;}
.storytitle {margin: 0 0 0.5em 0;}
* html .hnav {height: 1%; /* IE HACK */}
* html .HNAV {height: auto;	padding: 0;	/* IE HACK */}
* html .HNAV ul li a {/* \*/width: 1%; /* IE HACK */}
.inside {padding: 0 1em; /* IE HACK */}
html[xmlns] .mozclear {margin-bottom: -1px; /* MOZILLA HACK */}
/* POSITIONING */
.clear, .post, .meta {clear: both;}
#left, #middle, #right, #SOWrap { overflow: visible; /* FIX FOR IE ITALICS BUG */ position: relative; /* FIX */}
#SOWrap, #left {float: left;}
#middle, #right {float: right;}
* html .vnav ul ul li a /* hide from IE5.0/Win & IE5/Mac */ {height: 0.01%;}
* html .vnav ul {position: relative; /* IE needs this to fix a rendering problem */}
/* DISPLAY */
.vnav ul ul, .vnav ul ul li, .vnav ul ul li a:link, .vnav ul ul li a:visited, .vnav ul ul li a:active, .vnav ul ul li a:hover {display: block;}
.hnav ul li, .meta li, ul.post-meta li, .meta ul {display: inline;}
.hide, .hnav ul span.divider {display: none;}
/* MISCELLANEOUS */
label {cursor: pointer;}
td, th {vertical-align: top;}
* html #rap { /* \*/ word-wrap: break-word; /* INVALID CSS JUST FOR IE */}
#commentlist {}

/* PART 2 : CHANGES AND COMPLEMENTS FOR THE SINGAPORE DARKROOM TEMPLATE * /  

/* BACKGROUND COLORS */
body {background: #000;}
#header, .hnav, #footer {background: #23233A;}
#outerColumnContainer {border-left: 0em solid ; border-right: 0em solid ;}
/* FONT COLORS */
body {color: #CCC;}
a:link {color: #093;}
a:visited {color: #C00;}
#footer, span.label {color: #888;}
/* BORDERS */
#rap {border: 1px solid #444;}
.hnav, div.sgGallery {border-bottom: 1px solid #444;}
#innerColumnContainer {border-left: 1px solid #444; border-right: 1px solid #444;}
#footer {border-top: 1px solid #444;}
/* FONT FAMILY */
body {font-family: "Century Gothic",Verdana, Arial, sans-serif;}
/* FONT SIZE */
.sgContainer h1 {font-size: 200%;}
h2, .phototitle, .gallerytitle, .listtitle {font-size: 1.5em;}
/* FONT WEIGHT */
/* FONT STYLE */
/* FONT VARIANT & TEXT TRANSFORM */
h2, .phototitle, .gallerytitle, .listtitle {font-variant: small-caps;}
/* TEXT ALIGN */
div.sgContainer, .sgContainer h1, div.sgContent, .details, .sgNavBar p {text-align: center;}
div.sgGallery, div.sgGalleryThumbnail, div.sgThumbnail {text-align: left;}
div.sgNavBar, p.sgNavBar {text-align: right;}
/* DISPLAY */
span.label {display: inline;}
/* LETTER SPACING */
h2, .phototitle, .gallerytitle, .listtitle {letter-spacing: 0.2em;}
/* LINKS */
/* MARGINS & PADDING */
div.sgContainer {width: 100%; margin: 12px auto 12px auto;}
#left {width: 5em; margin: 0 1px 0 -5em;}
#right {width: 5em; margin: 0 -5em 0 1px;}
.hnav {padding-left: 5em;}
h2 {padding: 0; margin: 5px 0;}
.phototitle, .gallerytitle, .listtitle {padding: 10px; margin: 0;}
.hnav {padding-left: 5em;}
div.sgTab {padding: 2px; margin: 0;}
div.sgContent {margin-top: 10px; margin-bottom: 10px;}
div.sgContent img {margin: 10px;}
div.sgGallery {margin: 8px; padding: 2px;}
div.sgThumbnail {margin: 8px; padding: 2px;}
img.sgThumbnail {margin: 8px;}
.sgNavBar {margin: 1em;}
div.sgNavBar img {margin: 5px;}
.details {margin: 4px auto 4px auto; padding: 4px;}
div.sgLanguageFlipper {float: left; clear:left;}
div.sgTemplateFlipper {float: right; clear:right;}
div.sgLanguageFlipper form, div.sgTemplateFlipper form {margin-bottom: 0}
div.stretcher {height: 1px}
/* POSITIONING */
#left, div.sgGalleryThumbnail, div.sgThumbnail {float: left;}
#right {float: right;}
div.sgContainer, div.sgTab, div.stretcher {clear: both;}
#left {overflow: visible; position: relative; z-index: 4;}
#right {overflow: visible; position: relative; z-index: 2;}
div.details p span.separator:first-child {display: none;}