body { font:120% "trebuchet ms", Georgia, Arial, Helvetica, sans-serif; margin:20px 0; background: #333; color:#eee; }
#header { background: rgb(102, 102, 102) url(../images/bg/header.jpg) repeat-x scroll left -100px; position:relative; height:93px; margin-bottom:5px; }
/* Holds the site title and subtitle */
#header #title {  position: absolute; z-index: 3; top: 10px; left: 130px; padding: 5px; text-align:right; }
#header h1 {  margin: 0; padding: 0; font:220% "trebuchet ms",serif; letter-spacing:-3px; text-transform:lowercase; color:#fff; }

h2 {margin:0; padding:0; color:#3cf; font:130% "Trebuchet MS", serif;}

#footer {margin:0 10%;}
input  {font-size:120%; padding:0 10px; border:1px solid #666; background: #333; color:#eee; width:180px;}
select {font-size:120%; padding:0 0 0 10px; border:1px solid #666; background: #333; color:#eee; width:120px;}
input:hover { border:1px solid #69f; background-color:#333; color:#f60; }
select:hover { border:1px solid #69f; background-color:#333; color:#f60; }
a {text-decoration:none; color:#f60; }
a:hover {color:#f93;}

.flickrblue {color:#69f;}
.flickrpink {color:#f6c;}
#flickr_copyright { font:80% Arial, serif;}

.gradient { margin-bottom:5px; text-align:center;}
.nouser { position:relative; margin-left:50%; left:-165px; border-bottom:1px solid #666;width:300px; height: 250px; }
* html .nouser{ position:relative; margin-left:50%; left:-25%;width:300px; height: 250px; }
p.nb {font:80% Arial, "trebuchet ms", serif; position:relative; top:45%;}