/*
-------------------------------------------------------
Refactr Screen Stylesheet
Author:   Ben Edwards  // refactr.com
Version:  17 Mar 2007
------------------------------------------------------- */


/* browser cleansing elements 
------------------------------------------------------- */
/* purpose: undo some of the default styling of common 
  (X)HTML browsers (CC) 2004 Tantek Celik. 		   		*/

	:link,:visited { text-decoration: none; border-bottom: 1px solid #3c3; } /* link underlines tend to make hypertext less readable, because underlines obscure the shapes of the lower halves of words */

	ul,ol { list-style: none; } /* no list-markers by default, since lists are used more often for semantics */

	h1,h2,h3,h4,h5,h6,pre,code { font-size: 1em; } /* avoid browser default inconsistent heading font-sizes; and pre/code too */

	ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input { margin: 0px; padding: 0px; } /* remove the inconsistent (among browsers) default ul,ol padding or margin; the default spacing on headings does not match nor align with normal interline spacing at all, so let's get rid of it; zero out the spacing around pre, form, body, html, p, blockquote as well; form elements are oddly inconsistent, and not quite CSS emulatable; nonetheless strip their margin and padding as well */

	a img,:link img,:visited img { border: none; } /* whoever thought blue linked image borders were a good idea? */

	address { font-style: normal; } /* de-italicize address */

	body { opacity: 0.99999; /* to solve the firefox mac overweight font issue */ }

/* global style elements 													
------------------------------------------------------- */

body {margin: 0px auto; padding: 0px; text-align: center; background: url('../images/background.jpg') top left repeat; font: 300 14px/21px Trebuchet MS, sans-serif; color: #808080;}

#wrapper {margin: 0px; background-color: #fff;}

#content {margin: 0px auto; padding: 30px 0px; width: 845px; text-align: left;}

a:link {color: #3c3;}
a:visited {color: #393;}
a:hover, a:active {color: #fff; background-color: #3c3;}

h1 {display: inline; margin: 0px; padding: 2px 4px; background-color: #3c3; color: #fff; font-size: 1.5em;}

#introText {width: 500px; position: relative; float: right; margin: 20px 0px 0px 0px;}

#calloutBox {text-align: left; margin: 20px auto; width: 780px; height: 127px; background: url(../images/green-box-bg.png) top left no-repeat; color: #fff; font-size: 1.5em; line-height: 1.35em; padding: 20px 24px;}

#signupBox {margin: 40px 0px; width: 312px; height: 116px; background: url(../images/signup-box-bg.gif) top left no-repeat; letter-spacing: -1px; padding: 0px 0px 0px 17px;}

#signupBox h2 {position: relative; top: -21px; left: 10px; display: inline; font-size: 15px; letter-spacing: -1px; margin: 0px; padding: 0px;}

#signupBox h2 strong {font-size: 30px; color: #3c3;}

#signupBox input.text {font-size: 22px;}

#signupBox label {font-size: 1.15em; color: #fff; margin: 0px 0px 0px 1px;}

#signupBox p {margin: -10px 0px 0px 0px;}

#visitLink {height: 42px; margin: 60px 40px 0px 0px; text-align: center; font-size: 1.5em;}

a:hover.banner { border:0px; text-decoration:none; background-color:#fff; }