/*****
*
*	Main Cascading Style Sheet
*
*	Sun Aug 24 15:46:41 EDT 2003 - F Harvell
*
*****
*
*	Copyright © 2007 Occasional Photo
*
*	Portions copyright © 2000 - 2007 First Time Software.
*	Limited rights have been granted to the website owner according
*	to the terms and conditions of the Sacoiwa License Agreement.
*
*****
*
*  Version 4.0, $Id: main.css 1683 2007-02-05 23:23:06Z fharvell $ a198a785e0348833ab98aa4bc7be2773
*
*****/


/* common */

body { margin:0; }

h1, h2, h3, h4, h5, h6 { font-family:Arial,Verdana,sans-serif; }
h1 { font-size:18pt; color:#000; margin-bottom:9pt; }
h2 { font-size:14pt; color:#000; margin-top:21pt; margin-bottom:7pt; }
h3 { font-size:12pt; color:#000; margin-top:18pt; margin-bottom:6pt; }


/* header */

#header { font-family:arial,verdana,sans-serif; min-width:600px; background:#FFF url(/images/site/header_bg.gif) repeat-x top left; border: 1px solid purple;}

#header div.title { padding:0 8px; margin-bottom:0; }
#header div.title a { color:#000; }

#header div.links { float:right; margin:4px; padding:4px; background-color:#EEE; border:1px solid #666; }
#header div.links a { color:#333; font-size:smaller; }


/* menu */

div.menu { clear:both; }
div.menu ul { padding:0; margin:0; }
div.menu ul li { display:inline; list-style:none; }
div.menu a { display:block; float:left; font-weight:bold; text-decoration:none; padding:5px 10px; margin:0; }

div.menu div { overflow:hidden; }
div.menu div:after { content:""; display:block; clear:both; }
* html div.menu div { height:1%; }

div.menu div.zero { background:#000 url(/images/site/menu_zero_bg.gif) repeat-x top left; }
div.menu div.zero a { padding:5px 10px; color:#000; }
div.menu div.zero a:focus, div.menu div.zero a:active, div.menu div.zero a:hover { text-decoration:none; color:#666; }
div.menu div.zero a.active { color:#666; }

div.menu div.one { background:#888 url(/images/site/menu_one_bg.gif) repeat-x top left; }
div.menu div.one a { color:#222; }
div.menu div.one a:focus, div.menu div.one a:active, div.menu div.one a:hover { text-decoration:none; color:#555; }
div.menu div.one a.active { color:#555; }

div.menu div.two { background:#777 url(/images/site/menu_two_bg.gif) repeat-x top left; }
div.menu div.two a { color:#111; }
div.menu div.two a:focus, div.menu div.two a:active, div.menu div.two a:hover { text-decoration:none; color:#444; }
div.menu div.two a.active { color:#444; }

div.menu div.three { background:#666 url(/images/site/menu_three_bg.gif) repeat-x top left; }
div.menu div.three a { color:#000; }
div.menu div.three a:focus, div.menu div.three a:active, div.menu div.three a:hover { text-decoration:none; color:#CCC; }
div.menu div.three a.active { color:#CCC; }


/* left bar */

#leftbar { float:left; width:160px; padding:0; margin:0 0 15px 0; }
#leftbar div.block { padding:10px 5px 20px 5px; margin:0; }
#leftbar h1 { font-size:14pt; text-align:left; border-bottom:1px solid #CCC; }
#leftbar ul { margin:10px 0 10px 5px; padding:0; }
#leftbar ul li { list-style:none; margin:0; padding:0; }
#leftbar a { color:#00C; }
#leftbar a:focus, #leftbar a:active, #leftbar a:hover { text-decoration:none; color:#33C; }


/* right bar */

#rightbar { float:right; width:175px; padding:0; margin:0 15px 0 0; }
#rightbar div.block { padding:10px 5px 20px 5px; margin:0; }
#rightbar h1 { font-size:14pt; text-align:right; border-bottom:1px solid #CCC; }
#rightbar ul { margin:10px 0 10px 5px; padding:0; }
#rightbar ul li { list-style:none; margin:8px 0; padding:0; }
#rightbar a { color:#00C; }
#rightbar a:focus, #rightbar a:active, #rightbar a:hover { text-decoration:none; color:#33C; }


/* content */

#container { }

#content { padding:20px; min-width:600px; }

#content p a:after, #content li a:after { content:url(/sf/icons/link.gif); }
/* #content p a.link:after, #content li a.link:after { content:url(/sf/icons/link-out.gif); } */
#content p a.relink:after, #content li a.relink:after { content:url(/sf/icons/link-in.gif); }


/* footer */

#watermark { clear:both; float:right; }

#footer { clear:both; height:30px; min-width:600px; font-size:9pt; font-weight:bold; line-height:12pt; color:#000; text-align:center; vertical-align:middle; background:#000 url(/images/site/footer_bg.gif) repeat-x top left; border-top:solid 1px #666; border-bottom:solid 1px #666; margin:0 0 5px; }
#footer div.info { text-align:center; padding:5px; margin:0 10px; }
#footer div.info a { text-decoration:none; color:#000; }
#footer div.info a:focus, #footer div.info a:hover, #footer div.info a:active { text-decoration:underline; color:#339; }
#footer div.info table { margin:auto; font-size:9pt; font-weight:bold; color:#000; }
#footer div.loginbutton { float:right; margin:0 10px; }

div.powered { clear:both; min-width:600px; margin-bottom:20px; font-size:8pt; color:#666; }
div.powered a { text-decoration:none; color:#666; }
div.powered div.copyright { float:right; font-style:italic; text-align:right; color:#999; }
div.powered div.copyright a { text-decoration:none; color:#999; }
div.powered a:focus, div.powered a:hover, div.powered a:active { text-decoration:underline; color:#33C; }


/* popup */

div.popup a { text-decoration:none; color:#CCC; }
div.popup a:focus, div.popup a:hover, div.popup a:active { text-decoration:underline; color:#339; }

#popupSearch fieldset { background-color:#FFF; }
#popupLogin fieldset { background-color:#FFF; }
#popupRating fieldset { background-color:#FFF; }


/* print */

@media print {
  #leftbar { display:none; }
  #rightbar { display:none; }
}