A:link, A:visited { color : Blue;
	text-decoration : none;
	background-color : transparent;  }
a:hover {
	background-color : #F1F1F1;
	color : #00009F;
	text-decoration : underline;
	font-weight: bold;
}

blockquote {
	margin-left : 0;
}

body {
	background-color : white;
	color : #000000;
	font-family : Arial, Tahoma, Helvetica, sans-serif;
	margin-left : 8%;
	margin-right : 5%;
	text-align: left;
	}

caption {
	font-family : Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-weight : 800;
}

/* Following rules are DIV "layer" layout rule sets */
DIV.base-layer { margin: 0; border: none #cc3333 1px; width: 100%; }
DIV.left-layer1 { margin: 0; border-top: none #993333 2px; float: left; width: 213px; }
DIV.left-layer2 { margin: 0; border: none #993333 1px; }

h1 {
	color : #990000;
	font-family : Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size : 200%;
	margin-bottom : 2%;
	margin-left : -5%;
	background-color : transparent;
}

h2 {
	color : #990000;
	font-family : Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size : 160%;
	margin-left : -5%;
	margin-top : 2.7em;
	background-color : transparent;
}
					
h3 {
	color : #990000;
	font-family : Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size : 140%;
	margin-left : -5%;
	margin-top : 2em;
	background-color : transparent;
}
/* Style rules for the document section headers */
H3.section-header { 
   border-top: 1px solid #96d1f8;
   background: #65a9d7;
   background: -webkit-gradient(linear, left top, left bottom, from(#3e779d), to(#65a9d7));
   background: -moz-linear-gradient(top, #3e779d, #65a9d7);
   padding: 5px 10px;
   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
   border-radius: 8px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: white;
   font-size: 1.2em;
   font-family: Helvetica, Arial, Sans-Serif;
   text-decoration: none;
   text-align: center;
   vertical-align: middle;
   }
   
H3.thoughtbot {
  background-color: #ee432e;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ee432e 0%), to(#c63929 50%));
  /* Saf4+, Chrome */
  background-image: -webkit-linear-gradient(top, #ee432e 0%, #c63929 50%, #b51700 50%, #891100 100%);
  background-image: -moz-linear-gradient(top, #ee432e 0%, #c63929 50%, #b51700 50%, #891100 100%);
  background-image: -ms-linear-gradient(top, #ee432e 0%, #c63929 50%, #b51700 50%, #891100 100%);
  background-image: -o-linear-gradient(top, #ee432e 0%, #c63929 50%, #b51700 50%, #891100 100%);
  background-image: linear-gradient(top, #ee432e 0%, #c63929 50%, #b51700 50%, #891100 100%);
  border: 1px solid #951100;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  -webkit-box-shadow: inset 0px 0px 0px 1px rgba(255, 115, 100, 0.4), 0 1px 3px #333333;
  -moz-box-shadow: inset 0px 0px 0px 1px rgba(255, 115, 100, 0.4), 0 1px 3px #333333;
  -ms-box-shadow: inset 0px 0px 0px 1px rgba(255, 115, 100, 0.4), 0 1px 3px #333333;
  -o-box-shadow: inset 0px 0px 0px 1px rgba(255, 115, 100, 0.4), 0 1px 3px #333333;
  box-shadow: inset 0px 0px 0px 1px rgba(255, 115, 100, 0.4), 0 1px 3px #333333;
  color: #fff;
  font: bold 1.3em "helvetica neue", helvetica, arial, sans-serif;
  line-height: 1;
  padding: 10px 0 10px 0;
  text-align: center;
  text-shadow: 0px -1px 1px rgba(0, 0, 0, 0.8);
  vertical-align: middle;
   }

H3.button
{
    margin: 10px;
    text-decoration: none;
    font: bold 1.5em 'Trebuchet MS',Arial, Helvetica; /*Change the em value to scale the button*/
    display: inline-block;
    text-align: center;
    color: #fff;

    border: 1px solid #9c9c9c; /* Fallback style */
    border: 1px solid rgba(0, 0, 0, 0.3);            

    text-shadow: 0 1px 0 rgba(0,0,0,0.4);

    box-shadow: 0 0 .05em rgba(0,0,0,0.4);
    -moz-box-shadow: 0 0 .05em rgba(0,0,0,0.4);
    -webkit-box-shadow: 0 0 .05em rgba(0,0,0,0.4);

}

.button, .button span
{
    -moz-border-radius: .3em;
    border-radius: .3em;
}

.button span
{
    border-top: 1px solid #fff; /* Fallback style */
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    display: block;
    padding: 0.5em 2.5em;

    /* The background pattern */

    background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, rgba(0, 0, 0, 0.05)), color-stop(.25, transparent), to(transparent)),
                      -webkit-gradient(linear, 0 100%, 100% 0, color-stop(.25, rgba(0, 0, 0, 0.05)), color-stop(.25, transparent), to(transparent)),
                      -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.75, transparent), color-stop(.75, rgba(0, 0, 0, 0.05))),
                      -webkit-gradient(linear, 0 100%, 100% 0, color-stop(.75, transparent), color-stop(.75, rgba(0, 0, 0, 0.05)));
    background-image: -moz-linear-gradient(45deg, rgba(0, 0, 0, 0.05) 25%, transparent 25%, transparent),
                      -moz-linear-gradient(-45deg, rgba(0, 0, 0, 0.05) 25%, transparent 25%, transparent),
                      -moz-linear-gradient(45deg, transparent 75%, rgba(0, 0, 0, 0.05) 75%),
                      -moz-linear-gradient(-45deg, transparent 75%, rgba(0, 0, 0, 0.05) 75%);

    /* Pattern settings */

    -moz-background-size: 3px 3px;
    -webkit-background-size: 3px 3px;
    background-size: 3px 3px;
}

.button:hover
{
    box-shadow: 0 0 .1em rgba(0,0,0,0.4);
    -moz-box-shadow: 0 0 .1em rgba(0,0,0,0.4);
    -webkit-box-shadow: 0 0 .1em rgba(0,0,0,0.4);
}

.button:active
{
    /* When pressed, move it down 1px */
    position: relative;
    top: 1px;
}
					
h4 {
	color : #990000;
	font-family : Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size : 115%;
	margin-left : -5%;
	margin-top : 1.5em;
	background-color : transparent;
}

h5 {
	color : #990000;
	font-family : Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size : 100%;
	font-weight : 900;
	margin-top : 1.5em;
	background-color : transparent;
}

h6 {
	color : #000000;
	font-family : Arial, Helvetica, sans-serif;
	font-size : smaller;
	font-style : italic;
	font-weight : 100;
	margin-bottom : -0.8em;
	background-color : transparent;
}

hr {background: transparent; clear: both; color: #cc3333; 
	}


	
	/* Class for illustrations */
IMG.illustrate { margin: 0.5em 0 0 0; }

img.center {   display: block;   margin-left: auto;   margin-right: auto; }

td {
	background-color : transparent;
}

th {
	background-color : #F1F1F1;
}

/* Style rules for the new SSI included site wide footer       */
/* Created by Rex and integrated on site on Spetember 29, 2000 */

/* Footer nav-link area classes */
DIV.nfoot-lbox { background: none #ffffcc; color: #000000;
                 margin: 0.3em 12px 0 12px; border: solid 1px #3333cc;
                 padding: 0.3em 0 0.3em 0; text-align: center; }

DIV.nfoot-hdr1 { font-family: Geneva, Helvetica, Arial, sans-serif;
                 font-size: 0.9em; font-weight: normal;
                 margin: 0 12px 0 12px; padding: 0;
                 text-align: center; }

DIV.nfoot-hdr2 { font-family: Geneva, Helvetica, Arial, sans-serif;
                 font-size: 0.9em; font-weight: bold;
                 margin: 0.2em 12px 0 12px; border-top: solid 2px #3333cc;
                 padding: 0.2em 0 0 0; text-align: center; }

SPAN.nfoot-link { font-family: Geneva, Helvetica, Arial, sans-serif;
                  font-size: 0.9em; font-weight: bold;
                  margin: 0 12px 0 12px; padding: 0; text-align: center; }

/* Footer address and validation area classes */
DIV.nfoot-base { background: none #f0f0f0; color: #000000;
                 margin: 0.5em 12px 0.5em 12px; border: none; padding: 0; }

ADDRESS.nfoot-text { margin: 0; border: none; padding: 0;
                     font-family: Geneva, Helvetica, Arial, sans-serif;
                     font-size: 0.85em; font-style: italic; text-align: right;
                     float: right; line-height: 1.0; width: 50%; }

/* Style rule for the CSSPG logotype */
IMG.logo { float: left; margin: 0; }

/* Style rule for text around the CSSPG logotype */
P.pagehead { background: transparent; color: #3333cc; font-family: sans-serif;
             font-size: 0.9em; margin: 0.3em 0; padding: 0; text-align: left; }

/* Style rule for the "last updated" info line */
P.last-upd { background: transparent; color: #000000; font-family: sans-serif;
             font-size: 1em; margin: 0; padding: 0; text-align: right; }

/* Style rule for first and following paragraphs */
P.intro { background: transparent; color: #000000; font-size: 1em;
          margin: 0; text-align: left; text-indent: 0; }
P.basic { background: transparent; color: #000000; font-size: 1em;
          margin: 0; text-align: left; text-indent: 1em; }

/* Style rule for Håkon Lies "space out container layer" */
P.space-line { clear: left; font-size: 0.5em; margin: 0; }

/* Style rule for "smaller" text */
SMALL.smaller { font-size: smaller; }

/* Style rule for "strong-emphasized" text */
STRONG.strong-emphasis { font-weight: bold; }

/* Style rule for "floating an image" */
.floatright { float: right; }

/*  Style to align FB, +1 and Twitter icons */
#sidebar #social {
    margin: 10px;
}    
div .plusone, .twitter, .fb-like {
    font-size: 1px;
    display: inline-block;
}
div .fb_reset {
    display: inline;
} 

/* Style rule for gradient button */