/****************************\
css hacks: 
* in front of css property: ie 7 or lower
_ in front of css property: ie 6 or lower
escaping any letter (\) between a-z0-9 hides from ie 5.x
ie5-6 cannot do tag inheritance, prefix html>body to hide from ie 6 or <.
ie 7 appears to support it. (unconfirmed)
tag:empty { only evaluates in safari. }
_height: expression(this.scrollHeight < 400 ? "400px" : "auto"); ie6 min-height
The following is a png hack to fix transparent background images in ie6 (which pngbehavior doesn't catch).
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/a.png',sizingMethod='image');

Supposedly this fixes ie6 background image flicker, (useful for css rollover menus? maybe not).  
Haven't tested.  Expressions may cause browser to act slow and laggy.  Could be implemented in javascript instead..
html { _filter: expression(document.execCommand("BackgroundImageCache", false, true)); }
\****************************/

body { 
  background-color: #fff; 
  color: #333;
  /* font-family: Verdana, tahoma, sans-serif; */  
  /* font-size: 10pt; */
  _behavior: url("/csshover.htc");
}
h1 { font-size:20px; }
h2 { font-size:18px; }
h3 { font-size:16px; }
h4 { font-size:14px; }
h5 { font-size:13px; }
/*
body, p, ol, ul, td {
  font-family: tahoma, verdana, arial, helvetica, sans-serif;
  font-size:   13px;
}
*/
img {
  _behavior: url("/pngbehavior.htc");
}
#map_div img { _behavior:none; }
pre {
  background-color: #eee;
  padding: 10px;
  font-size: 11px;
}

a { color: #000; }
a:visited { color: #666; }
a:hover { color: #f00; }

.fieldWithErrors {
  padding: 2px;
  background-color: red;
  display: table;
}

#errorExplanation {
  width: 400px;
  border: 2px solid red;
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #f0f0f0;
}

#errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: -7px;
  background-color: #c00;
  color: #fff;
}

#errorExplanation p {
  color: #333;
  margin-bottom: 0px;
  padding: 5px;
}

#errorExplanation ul li {
  font-size: 12px;
  list-style: square;
}

div.uploadStatus {
  margin: 5px;
}

div.progressBar {
  margin: 5px;
}

div.progressBar div.border {
  background-color: #fff;
  border: 1px solid grey;
  width: 100%;
}

div.progressBar div.background {
  background-color: #333;
  height: 18px;
  width: 0%;
}

/* SimSite generic layout settings */

#blurb_title {}

#blurb_content {}

#busy { 
	position: absolute;
	z-index: 255;
}

/* SimSite admin layout settings   */

#pages li {
	text-align:justify;
	border: 1px solid black;
	background-color: #eee;
/*	width:100px;
	height:130px;*/
	width:85px;
	height:110px;
	margin:5px;
	padding:5px;
	font-weight:bold;
}
#pages {
    list-style:none; 
    /* float? */
/*    display:inline; argh, doesn't work. */
}

#pages p {
	text-align:justify;
	font-size:12px;
/*	margin-top:50px;*/
	font-weight:normal;
}

#pages_show table, #pages_show th, #pages_show td, #pages_show p {
    border:1px solid black;
    padding:3px;
}
#pages_show p {
    background-color:lightgrey;
}
#pages_show div {
    height:100%;
}

#news_post {
  border:0px solid black;
  margin-bottom:10px;
  background-color:#ddd;
  padding:5px;
  position:relative;
}

#news_post_headline {
  font-weight:bold;
}

#news_post_created_at {
  font-size:10pt;
}

#news_post_content {
  margin-top:4px;
  background-color: white;
  padding:5px;
  position:relative;  
}

#news_post_content img {
  position:relative;
} 

.use_all_width {width:100%;}


/* SimSite-specific layout         */

/*
#6BBB00
#4B8300
#E4FFBF
#C9FF80
*/
html, body { 
	background-color:#ccc;
    /* no frame */
/*    margin:0px; 
    padding:0px; */
    text-align:center; 
}

#container {
    text-align:left;  

    /* page color */
	background-color:#fff;
	/* border on */
	border: 1px solid black;
    /* fixed width */
	width:750px;
    /* center page */
    margin-left:auto; 
    margin-right:auto;  
}

#logo {
    /* header margin */
/*    margin:3px;*/
    position:relative; 
    /* header height */
/*    height:50px; */
    /* header width */
    width:100%;
    /* underline logo */
    border-bottom:1px solid black;
    overflow:hidden;
    /* height:52px; */
}

#topmenu {
    /* display:none; option */
    position:relative; 
    /* height option */
    background-color:#FFFFFF; 
    width:100%;	
    border-bottom:1px solid black; /* option */
}

#topmenu li { 
    /* display: inline; */
    float: left;
    position: relative;
}

#topmenu ul {
    margin: 0px;
    padding: 0px;
    text-align: center; /* center, right, left */
    margin-right:5px;
    list-style-type: none;
}

#twocols {
    /* page width - left menu width. */
    width:590px; 
    float:right; 
    position:relative; 
}

#leftmenu {
    /* width */
    width:155px; /* actual width should be width requested minus padding-left value */
    float:left; 
    position:relative; 
    /* border */
/*	border:1px solid black;*/
    padding-left:5px;
}

#leftmenu ul {
    list-style:none;
    padding-left:0px; 
    /* required to remove padding for ie */
    margin-left:0px;
}

#content {
    float: left; 
    display:inline; 
    position: relative; 
    /* padding */
	padding:5px;
	overflow:auto;
/*
  ie6 min-height fix.
  _height: expression(this.scrollHeight < 400 ? "400px" : "auto"); 
*/
}

#content:empty { padding-bottom:20px; }

#rightmenu{
    display:none;
    /* width */
    width:200px;
    float:right; 
    position:relative; 
}

#footer {
    display:none;
    height:50px; 
    background-color:#FFFFFF; 
    clear:both;
}

#footer li { display: inline; }

/*  FORUMS!       */

.forums_post {
  *border:1px solid grey;
  margin:5px;
  padding:5px;
  _background-color:#eee;
}
.forums_post #forums_post_body {
  background-color:#eef;
  padding:8px;
  border:1px solid black;
}
.forums_post #forums_post_dates {
  font-size:8pt;
}
.forums_post #forums_post_who {
  font-weight:bold;
  font-size:9pt;
}

#post_form #forums_post_body, #post_form #forums_post_name, #post_form #forums_post_email, #post_form input {
  border:1px solid black;
}

/* blog stuff */
#recent_posts {
  position:relative;
  float:right;
  width:80px;
  margin-left:15px;
  margin-bottom:15px;
}

#recent_posts p a {
  font-size:9pt;
}

/* Portfolio module */

.portfolio-item {
 width:100px;
 height:120px;
}
.portfolio-item a {
 text-decoration:none;
}

#portfolio_category_box {
width:510px;
position:relative;
}

.portfolio_category_items {
 margin-left:20px;
 margin-right:20px;
 height:200px;
}

#arrow_left {
margin-top:100px;
position:absolute;
height:14px;
width:14px;
border:0px;
}

#arrow_right {
position:absolute;
margin-top:100px;
right:0px;
height:14px;
width:14px;
border:0px;
}

/* Horizontal Dropdown Menu */

.horizontal-menu dl, .horizontal-menu dt, .horizontal-menu dd, .horizontal-menu ul, .horizontal-menu li {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}

.horizontal-menu {
    padding-top: 5px;
    padding-left: 10px;
}

.horizontal-menu dl {
    float: left;
}

.horizontal-menu dd {
    padding: 20px;
    z-index: 100;
    _width: 200px;
}

.submenu {
    position: absolute;
}

.submenu {
    background-color: #CCC;
}

/* Portfolio */

.portfolio-item {
    float: left;
    padding: 0.5em;
}

.portfolio-item img {
    border: none;
}

/* password box */

#password_protect_box {
  border:3px solid orange;
  padding:15px;
  margin:15px;
  max-width:300px;
  background-color: #ffddbb;
}

/**********/
/* STORE! */
/**********/

#store_cart { 
/*  width:220px;*/ width:auto;
} 

.store_product {
 padding:3px;
/* width:120px;
 height:160px;*/
 margin:3px;

 float:left;
}

.store_product_images {
  padding-left:5px;
  list-style:none;
}

.store_product_images li {
  float:left;
	margin-bottom:10px;
	margin-right:10px;
}

.store_product_images li img {
	border:0px;
	max-width:400px;
}

#store_cart_dropzone {
 color:grey;
 border:1px solid lightgrey;
 background: white no-repeat url(/shared/images/cart.png) center center;
/* width:200px;*/ width:auto;
 height:105px;
 padding:3px;
 margin:3px;
}

#store_cart_items{
  padding:3px;
}
.store_cart_item {
display:inline;
}

#store_cart_trash {
 color:grey;
 border:1px solid lightgrey;
 background: white no-repeat url(/shared/images/trash-sm.png) center center;
/* width:200px;*/ width:auto;
 height:50px;
 padding:3px;
 margin:3px;
}

#store_login {
  border:3px solid grey;
  padding:5px;
  background-color: lightgrey;
}

/* FIXES!! */

/* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
 height: 0px; 
 font-size:0px;
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  

/*printer styles should be its own document*/