/* 	Sky Wide Design - CSS Document 
	Description: homepage css with layout
	Author: Autumn Manka
	Author URL: http://www.skywidedesign.com
	Created & Copyright (c) Sky Wide Design - 2009 
	
	Version: 2.0
	Changes:
		v1.0 - 02.03.08
		First quick-release of homepage.css
		v2.0 - 05.15.09
		
		COLORS: #008ED6 - Blue
				#00AEEF - Lt Blue
				#FFFFFF - White
				#000000 - Black
				#CCCCCC - Grey
				#F0F0F0 - Lt. Grey
				#333333 - Lt. Black
*/
/**remove browser defaults**/
body, p, h1, h2, h3, h4, h5, h6, td, th, ol, ul, li, blockquote {
	padding:0;
	margin:0;
	border:0;
	font-size:12px;	
}
body  {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	background-color:#FFFFFF; /*White*/
	line-height:1.5em;	
	text-align: center;		
}
p {
	color: #666;
} /**Lt Blk**/
img {
	border-color:#FFFFFF; /*White*/
}
p img {
	display: inline;
	vertical-align: middle;
}
/**************LINK  STYLES***************/
a {
	text-decoration: none;
	font-weight:bold;	
	color:#0000CC;
}
a:hover, a:active {
	text-decoration:underline;
	color: #008ED6; /*Blue*/
}
a.client-link {
	text-decoration: underline;
	color: #3366FF;
	line-height: 2.0em;
}
/**************LIST  STYLES***************/
ul {
	list-style-type: none;
	font-size: 110%;
	margin-left: 1em;
}
li {
	padding: 0 0 0 5px;
	list-style-position: inside;
}
li.link {
	list-style-position: inherit;
}
li ol li {
	list-style-type: none;
	text-indent: 1em;
}
/*************HEADING  STYLES*************/
h1, h2, h3, h4, h5, h6{font-weight: bold;}
h1 {
	font-family:Georgia, Helvetica, serif;
	font-size: 150%;
	letter-spacing:.01em;
	padding-bottom: .25em;
}
h2 {
	color:#00AEEF; /*Lt Blue*/
	font-size: 130%;
	padding-bottom: 1.2em;
}
h3 {
	font-size: 115%;
	padding-bottom: 0.2em;
}
h3.a:link {
	color: #CCCCCC; /*Grey*/
}
h4 {
	font-size: 120%;
	padding-bottom: 2em;
}

/**********TUTORIAL PAGE STYLES************/
#tutorial {
	background-color:#CCCCCC; /*Grey*/
	text-align: left;
	width: 900px;
	line-height:2.0em;
	padding-left: 0.5em;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
}
#tutorial #content-left{
	position: relative;
	top: 20px;
	width: 500px;
	left: 15px;
	padding-bottom: 25px;
	padding-right: 5px;
	padding-left: 5px;
	min-height: 380px;
}
#tutorial #content-right{
	overflow: visible;
	position: absolute;
	left: 600px;
	width: 300px;
	top: 20px;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 25px;
	background-color:#999999 /*DkGrey*/
}
#tutorial ol li {
	list-style-type: none;
	text-indent: 1em;
}
#tutorial h2{
	color:#008ED6; /*Blue*/
	font-size: 175%;
}
#tutorial h3{
	color:#00AEEF; /*Lt Blue*/
	padding-top: 3.0em;
	font-size: 145%;
}
#tutorial h4{
	color:#FFFFFF; /*White*/
	font-size: 115%;
}
#tutorial p{
	padding-bottom: 2.5em;
	font-size: 125%;
}
#tutorial .remote{
	color:#AC0DFF; /*purple*/
}
#tutorial .local{
	color:#FD1E48; /*red*/
}
#tutorial .siteBuilder{
	color:#38C531; /*lime*/
}
#content-right ul li {
	list-style-type: none;
	text-indent: 0em;
	line-height: 2.0em;
}
/****************STYLES*******************/
.onPage {
	color: #CCCCCC; /*Grey*/
	font-weight:bold;
}
.floatright {
	float: right;
	margin: 0 0 10px 10px;
	padding: 2px;
}
.floatleft {
	float: left;
	margin: 10px 15px 10px 0;
	padding: 2px;
}
.emphasis {
	color: #898989; /*Dk Grey*/
	font-weight:bold;
}
.bigLetter {
	font-size:80px;
	padding-top:2px;
	padding-right:5px;
	font-weight: bolder;
	line-height: 60px;
	letter-spacing: -0.5em;
}
.dropcap {
  float: left;
  font: normal 60pt/0.8em;
  font-family: times,Georgia;
  margin-right: 3px;
}
.snippet {
	color: #999999;	
	font-size: 75%;	
	line-height: 1.5em;
}