/*
 * First, reset to a standard set of attributes for all to avoid
 * browser inconsistencies
 */
import("reset.css");
/*
 * Now, set general attributes for this site
 */
html, body { /* so we can have full height divs */
    height: 100%;
}

html {
    font-size:16px; /* Make sure the default is always 16px */
}

body
{
  background: #fff;
  color: #000;
  font-family: Verdana,Arial,Helvetica, sans-serif;
  font-size:80%; /* 16px * 80% = 10px : 1em now = 10px */
  padding: 0px;
  text-align: left;
  line-height:150%;
}

h1, h2, h3
{
  margin-bottom:5px;
  font-weight:bold;
  text-align:left;
}

h1
{
  font-size:2em;
}

h2
{
  font-size:1.8em;
}

h3
{
  font-size:1.5em;
}


p
{
  font-size:1em; /* 12px */
  margin-bottom:5px;
  padding: 0px 10px;
}

a{
    color: blue;
}

a:hover {
    text_decoration: underline;
}

p.styleswitch {
    margin: 10px;
    padding: 0;
    text-align: center;
}

p.styleswitch button{
    padding: 0 3px 0 0;
}

.my-transparent-class {
        filter:alpha(opacity=50);
        -moz-opacity:0.5;
        -khtml-opacity: 0.5;
        opacity: 0.5;
}

div.clearfix {
	clear: both;
}

a.more {
	color: inherit;
	text-decoration: none;
}

a.more span {
	display: none;
	position: relative:
	top: 5px;
	right: 4em;
	width: auto;
	border: 1px dotted;
	padding: 10px;
}

a.more:hover span {
	display: block;
}