/* Author information for domains.css
-----------------------------------------------
   Version 1.00 | Saturday, July 25, 2009
   Style sheet by Keith W Bell
   www.december14.biz
   --------------------------------------------
   This style sheet, associated graphics and
   web page design are copyrighted materials
   and may not be copied or reproduced by any
   party for any reason whatsoever.
----------------------------------------------- */


/* Contents
-----------------------------------------------
   =1 Page structure
   =2 Headings
   =3 Paragraphs & block text
   =4 Lists
   =5 Tables
   =6 Forms
   =7 Links & anchors
   =8 Inline text
   =9 Images
   =0 Print adjustments
----------------------------------------------- */


/* Page structure                            =1
-----------------------------------------------
   Styling on BODY establishes a basic 10px
   font size. The #wrapper DIV makes the layout
   elastic but constrains the width within the
   browser window to prevent horizontal scroll.
----------------------------------------------- */

html {
	margin: 0;
	padding: 0;
	color: #000;
	background: #f2f2f2 url(/domains/bg-html.png) 0 0 repeat-x;
	}

body {
	margin: 0;
	padding: 0 0 50px;
	font-family: georgia, cambria, serif;
	font-size: 62.5%;
	}

div {
	margin: 0;
	padding: 0;
	}

#wrapper {
	width: 100em;
	max-width: 95%;
	overflow: hidden;
	}

#notes {
	float: left;
	margin: 50px 0 0;
	width: 33%;
	}

#page {
	float: right;
	margin: 50px 0 0;
	width: 66%;
	color: #333;
	background: #fff;
	}

#footer {
	margin: 0 1em;
	border-top: 2px solid #fee;
	color: #8f3333;
	background: #fff;
	}


/* Heading styles                            =2
----------------------------------------------- */

h1 {
	margin: 0;
	padding: 0 0 0 34%;
	font-size: 1.8em;
	}

h1 img {
	margin: 0 0 0 -10px;
	}

h2 {
	margin: 2.3em 0 0.5em 2em;
	padding: 0;
	font-size: 1.4em;
	font-weight: bold;
	color: #8f3333;
	background: inherit;
	}

h2#name {
	margin: 0.45em 0 0 0.925em;
	font-size: 3em;
	font-weight: bold;
	color: #8f3333;
	background: inherit;
	}

#notes h2 {
	margin-top: 2em;
	text-transform: uppercase;
	}

h2 img {
	height: 1em;	
	}


/* Paragraph & block text styles             =3
----------------------------------------------- */

p {
	margin: 0.5em 2em;
	padding: 0;
	font-size: 1.4em;
	line-height: 1.6em;
	}

p.address {
	margin-left: 4em;
	}

p.message {
	padding: 0.5em 1em;
	color: #333;
	background: #fee;
	}

p.message strong {
	color: #d00;
	}

#notes p {
	color: #8f3333;
	background: inherit;
	}

#footer p {
	margin: 0.5em 1.8em;
	font-family: verdana, candara, sans-serif;
	font-size: 1.0em;
	}


/* List styles                               =4
----------------------------------------------- */

ul {
	margin: 0.5em 2em;
	padding: 0 0 0 1em;
	font-size: 1.4em;
	line-height: 1.6em;
	}

#notes ul {
	color: #8f3333;
	background: #f2f2f2;
	}

ul li {
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	}


/* Table styles                              =5
----------------------------------------------- */

table {
	margin: 1em 0 0;
	width: 98%;
	}

td {
	margin: 0;
	padding: 0;
	line-height: 1.6em;
	}


/* Form styles                               =6
----------------------------------------------- */

form {
	margin-left: 2.8em;
	}

td input.text {
	width: 98%;
	font-family: georgia, cambria, serif;
	font-size: 1.4em;
	}

td input:focus,
select:focus
	{
	background: #fee;
	}

select {
	font-family: georgia, cambria, serif;
	font-size: 1.4em;
	}


/* Link & anchor styles                      =7
----------------------------------------------- */

a:link {
	color: #04e;
	}

a:visited {
	color: #551a8b;
	}

a:hover,
a:focus,
a:active
	{
	color: #fff;
	background: #ff4d84;
	text-decoration: none;
	}

h1 a:hover,
h1 a:focus,
h1 a:active
	{
	background: inherit;
	}

 
/* Inline text styles                        =8
----------------------------------------------- */

abbr {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	cursor: help;
	}

strong {
	font-weight: bold;
	}

em {
	font-style: italic;
	}


/* Image styles                              =9
----------------------------------------------- */

img {
	border: 0;
	}


/* Print style adjustments                   =0
-----------------------------------------------
   Remove the #notes DIV, floats and widths.
----------------------------------------------- */

@media print {

html,
body
	{
	background: #fff;
	}

#notes {
	display: none;
	}

#wrapper {
	width: 100%;
	max-width: 100%;
	overflow: visible;
	}

#page {
	float: none;
	margin: 0;
	width: 100%;
	color: #000;
	background: #fff;
	}

#footer {
	border-top: 1px solid #000;
	color: #000;
	background: #fff;
	}

h1 {
	margin: 0;
	padding:0;
	}

h1 img {
	margin: 0;
	}

h2 {
	color: #000;
	background: #fff;
	}

input,
select,
textarea
	{
	border: 1px solid #666;
	}

a:link,
a:visited
	{
	text-decoration: none;
	color: #000;
	background: #ff;
	}

}
