/*

Douglas Radburn

Some guidelines to follow:
1. Break code down into sections.
2. Keep your rules related.
3. Only put one selector per line for a block of rules that apply to multiple selectors.
4. Indent your rules, only one rule per line.
5. Indent proprietary properties with a single tab. Keep these properties directly below the proposed property.
*/


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* DEFAULT STYLES   */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

	html {
		margin:0;
		padding:0;
		color: #000;
		font-family: Arial, 'Sans-Serif';
		text-align:center;
		font-size:15px;
		background:#fff;
		font-weight:normal;
	}
	
	body{
		text-align:left;
		height:100%;
	}

	a{
		text-decoration:none;
		color:#0B0D22;
	}

		a:hover{
			text-decoration:underline;
		}

	/* MISC */

	.clearfix:after {
			content:".";
			display:block;
			height:0;
			clear:both;
			visibility:hidden;
	}

	.clearfix {display:block;}

	img a {
		border:none;
	}
	
	.floatLeft{float:left;}
	.floatRight{float:right;}

	
h1{
	font-size:34px;
	font-weight:bold;
	padding:5px 0;
	line-height:40px;
	text-shadow:-1px -1px 1px #000;
}

p {
	font-size:15px;
	font-weight:normal;
	padding:5px 0;
	line-height:18px;
}

p.sinQuote {
	font-size:25px;
	font-weight:normal;
	padding:10px 0;
	font-style:italic;
	color:#333;
	line-height:28px;
}

p#instructions {
	font-size:11px;
	font-weight:normal;
	padding:2px 0;
	color:#888;
	line-height:16px;
}
	
#welcome p {
	font-size:18px;
	line-height:22px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* TEMPLATE ELEMENTS   */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

	.container{
		width:960px;
		margin:0 auto;
		color:#676b6c;
		clear:both;
	}
	
	#logo{
		margin:20px 0;
		text-align:left;
		color:#676B6C;
	}
	#logo img{width:250px;}
	
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* TYPOGRAPHY ELEMENTS  */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

	#welcome{
		font-size:18px;
		margin:0 0 20px 0;
	}
	
	#instructions{
		font-size:;
	}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* HOME ELEMENTS  */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

	#repent{
		-moz-border-radius: 20px;
		-webkit-border-radius: 20px;
		border: 1px solid #c4c4c4;
		padding: 10px 0;
		width:395px;
		margin:20px auto;
	}
	
		#repent textarea{
			width:355px;
			height:115px;
			border:none;
		}

		#submitbutton{
			width:397px;
			height:183px;
			background:url(/images/repent_button.jpg) top left no-repeat;
			font-size:0;
			line-height:0;
			overflow:hidden;
			text-indent:-3000em;
			border:none;
			cursor:pointer;
			display:block;
			text-align:center;
			margin-left:80px;
		}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* LEFT COLUMN ELEMENTS  */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* RIGHT COLUMN ELEMENTS  */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* FOOTER COLUMN ELEMENTS  */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#main-footer{text-align:center;width:100%;background-color:#222;color:#666;margin-top:40px;clear:both;display:block;}
#footer{
	width:560px;
	margin:0 auto;
	text-align:left;
	padding:30px 0px 30px 00px;
	height:20px;
	overflow:hidden;
	font-size:12px;
	line-height:18px;
}
#main-footer a{color:#666;}
#main-footer a:hover{color:#666;}
#terms-statement a:hover, #terms-statement a, #terms-statement{font-size:8px;color:#CCC;}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* TOP NAV COLUMN ELEMENTS  */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#main-nav{width:940px;margin:0 auto;text-align:right;background:url(/images/nav-back.jpg) no-repeat bottom right; color:#fff;height:45px;padding:5px 10px 0px 10px;}
#top-nav{
	width:370px;
	position:relative;
	font-size:12px;
	line-height:20px;
	font-weight:bold;
}
#main-nav img{vertical-align:middle;}
#nav-left{padding-top:7px;}
#main-nav a{color:#fff;}
#main-nav a:hover{color:#fff;}

#sins-wrapper{
	padding-top:20px;
	font-size:16px;
	line-height:22px;
}
.info{margin-top:15px;border-top:1px dotted #ccc;padding-top:12px;}

.ordered-list{}
li{text-align:left;padding-left:16px;margin-bottom:5px;}
ol.ordered-list li{list-style:decimal;}

#contact{text-align:left;}
#contact label{display:inline-block;width:150px;vertical-align:top;}

#contact-errors{color:#F00;}
#repent-info{
	margin-top:5px;
	font-size:11px;
	line-height:16px;
}
strong{font-weight:bold;}
i{font-style:italic;}
#col-left{float:left;width:560px;text-align:center;}
#col-right{float:right;width:350px;}
h2{font-size:18px;font-weight:bold;}
#share-section{font-size:11px;}
#share-section ul li{float:left;padding-left:0px;margin-right:10px;}
#share-section ul li a{display:block;text-indent:-9999px;width:25px;height:25px;}
a#twitter{background:url(/images/blogIcon_twitter.gif) no-repeat;}
a#facebook{background:url(/images/blogIcon_facebook.gif) no-repeat;}
a#digg{background:url(/images/blogIcon_digg.gif) no-repeat;}
a#reddit{background:url(/images/blogIcon_reddit.gif) no-repeat;}
a#delicious{background:url(/images/blogIcon_delicious.gif) no-repeat;}
a#linkedin{background:url(/images/blogIcon_linkedin.gif) no-repeat;}
a#email{background:url(/images/blogIcon_email.gif) no-repeat;}