@charset "utf-8";
/* Header */
body {
  margin:0 auto;
	background-color:#f7fdff;
}
div#siteContainer {
  width:939px;
	border-right:1px solid #878787;
	border-left:1px solid #878787;
	margin:0 auto;
	background-color:#FFF;
	padding:10px 25px 10px 25px;
	font:14px Arial, Helvetica, sans-serif;
	color:#434343;
}
h1 {
	color:#971C83;
	font:bold 18px Arial, Helvetica, sans-serif;
}
a {
	color:#000000;
}
a:hover {
	color:#971C83;
}
img#logo {
  border:0px;
}
div#shareOnFacebook {
	color:#3972CD;
	font:bold 12px Arial, Helvetica, sans-serif;
	float:right;
	margin-top:-110px;
}
a.navLink {
  font:bold 15px Arial, Helvetica, sans-serif;
	text-align:center;
	color:#3972cd;
	text-decoration:none;
	padding:4px 9px 4px 9px;
	float:left;
	margin:0 5px 0 5px;
}
a.navLink:hover {
  background-image:url(/images/selectedTabBG.jpg);
	color:#FFF;
}
a#selected {
  background-image:url(/images/selectedTabBG.jpg);
	text-align:center;
	color:#FFF;
}
a#selected:hover {
  color:#E3E3E3;
}
div#navBarBG {
  background-color:#767676;
	width:989px;
	height:27px;
	margin-left:-25px;
}
div#footerBarBG {
  font:11px Arial, Helvetica, sans-serif;
	color:#FFF;
	text-align:center;
  background-color:#767676;
	width:989px;
	height:21px;
	padding-top:6px;
	margin:25px 0 15px -25px;
}
div#footerBarBG a {
	color:#FFF;
}
div#footerBarBG a#addOnFacebook {
	float:right;
	margin:-2px 27px 0 -133px;
}
/* search form */
form.searchForm {
	float:right;
	margin-top:2px;
	margin-right:25px;
  font:11px Arial, Helvetica, sans-serif;
}
form.searchForm b {
	color:#FFFFFF;
  font:bold 12px Arial,Helvetica,sans-serif;
}
form.searchForm input, form.searchForm select {
  font:11px Arial, Helvetica, sans-serif;
}
/* login form */
form#loginHdrForm {
	float:right;
	margin-top:-115px;
  font:11px Arial, Helvetica, sans-serif;
}
form#loginHdrForm i {
	color:#CC0000;
	margin:5px 0 8px 0;
	display:block;
}
form#loginHdrForm b {
	color:#15438B;
  font:bold 14px Arial,Helvetica,sans-serif;
}
form#loginHdrForm a {
	color:#939393;
}
form#loginHdrForm a:hover {
	color:#434343;
}
form#loginHdrForm input {
  font:11px Arial, Helvetica, sans-serif;
}
form#loginHdrForm input.inputField {
	padding:4px;
}
form#loginHdrForm span.formLabel {
	color:#15438B;
  font:12px Arial, Helvetica, sans-serif;
}
form#logoutHdrForm {
	float:right;
	margin-top:-115px;
	color:#15438B;
  font:12px Arial,Helvetica,sans-serif;
}
form#logoutHdrForm a {
	color:#15438B;
  font:12px Arial,Helvetica,sans-serif;
}
form#logoutHdrForm a:hover {
	color:#4C6B93;
}
form#logoutHdrForm a.craftTrackerLinks {
	color:#939393;
}
form#logoutHdrForm a.craftTrackerLinks:hover {
	color:#434343;
}
/* Home Page */
div#homePage {
	margin:15px 0 20px 25px;
	font:14px Arial, Helvetica, sans-serif;
	text-align:justify;
	color:#434343;
	float:left;
	width:700px;
}
div#homePage a {
	color:#000000;
}
div#homePage a:hover {
	color:#971C83;
}
div#homePage h1 {
	color:#971C83;
	font:bold 18px Arial, Helvetica, sans-serif;
}
div#facebookTwitter {
	margin:30px 15px 0 0;
	width:175px;
	float:right;
}
div#facebookTwitter a {
	margin-bottom:0px;
	display:block;
}
div#facebookTwitter a:hover {
	border-bottom:2px dashed #C6CFDB;
	margin-bottom:-2px;
}
div#leftCol {
	float:left;
	margin-left:25px;
	padding-right:25px;
	font:14px Arial, Helvetica, sans-serif;
	text-align:justify;
	color:#434343;
	float:left;
	width:320px;
	height:115px;
	border-right:2px dashed #767676;
}
div#leftCol span.subHdr {
	color:#971C83;
	font:bold 16px Arial, Helvetica, sans-serif;
}
div#leftCol a {
	color:#000000;
}
div#leftCol a:hover {
	color:#971C83;
}
div#rightCol {
	float:right;
	margin-left:25px;
	font:14px Arial, Helvetica, sans-serif;
	text-align:justify;
	color:#434343;
	float:left;
	width:325px;
}
div#rightCol span.subHdr {
	color:#971C83;
	font:bold 16px Arial, Helvetica, sans-serif;
}

/* Category List Page */
div#categories h1 {
	margin-top:25px;
	margin-left:25px;
	margin-bottom:-10px;
	color:#971C83;
	font:bold 22px Arial, Helvetica, sans-serif;
}
fieldset#popularCategories {
	margin:25px 25px 0 25px;
	border:1px solid #4C6B93;
}
div#categoriesLeft {
	float:left;
	font:16px/28px Arial, Helvetica, sans-serif;
	margin-top:25px;
	margin-left:25px;
}
div#categoriesLeft a {
	color:#15438B;
	text-decoration:none;
	border-bottom:1px dashed #899CB7;
}
div#categoriesLeft a:hover {
	color:#0056C7;
	border-bottom:1px dashed #15438B;
}
div#categoriesLeft a span.numPatterns {
	color:#4C6B93;
}
div#categoriesRight {
	float:right;
	font:16px/28px Arial, Helvetica, sans-serif;
	margin-top:25px;
	margin-right:25px;
}
div#categoriesRight a {
	color:#15438B;
	text-decoration:none;
	border-bottom:1px dashed #899CB7;
}
div#categoriesRight a span.numPatterns {
	color:#4C6B93;
}
form#commentsForm {
	margin-left:10px;
	font:12px Arial,Helvetica,sans-serif;
	color:#767676;
	padding:8px;
	width:230px;
	border:2px dashed #AFAFAF;
}
form#commentsForm b {
	font:bold 15px Arial,Helvetica,sans-serif;
	color:#971C83;
}
form#commentsForm i {
	font-size:11px;
}
form#commentsForm div.thumbRating {
	width:110px;
  cursor:pointer;
	float:left;
	margin:5px 0 5px 0;
}
form#commentsForm textarea {
	font:11px Arial,Helvetica,sans-serif;
	color:#15438B;
	width:225px;
	height:65px;
}

/*Pattern List Page*/
div#patternList {
	margin-left:25px;
	margin-right:25px;
}
div#patternList h1 {
	margin-top:25px;
	margin-bottom:-10px;
	color:#971C83;
	font:bold 22px Arial, Helvetica, sans-serif;
}
div#patternList div#backToCats {
	margin-bottom:-5px;
}
div#patternList div#backToCats a {
	font:14px Arial, Helvetica, sans-serif;
	color:#3E5F8F;
	text-decoration:none;
}
div#patternList div#backToCats a:hover {
	color:#0056C7;
}
div#pagination {
	float:right;
	margin-top:-20px;
	background-color:#EBF4F7;
	padding:3px 10px 5px 10px;
	border:1px dashed #B3B3B3;
}
div#pagination a {
	font:13px Arial, Helvetica, sans-serif;
	color:#15438B;
	text-decoration:none;
	border-bottom:1px dashed #899CB7;
}
div#pagination a:hover {
	color:#0056C7;
	border-bottom:1px dashed #15438B;
}
div#patternList div#patternsLeft{
	float:left;
	max-width:400px;
	min-width:300px;
}
div#patternList a {
	font:16px/28px Arial, Helvetica, sans-serif;
	color:#15438B;
	text-decoration:none;
	border-bottom:1px dashed #899CB7;
}
div#patternList a:hover {
	color:#0056C7;
	border-bottom:1px dashed #15438B;
}
div#patternList div#patternsRight{
	float:right;
	max-width:400px;
	min-width:300px;
}
div#patternList div.ratings {
  font:11px Arial, Helvetica, sans-serif;
	margin-left:10px;
	color:#636363;
}
div#patternList div.toggleComments {
	margin-left:10px;
}
div#patternList div.toggleComments a.expandComments, div#patternList div.toggleComments a.collapseComments {
	font-size:12px !important;
}
div#patternList div.comments {
  font:bold 12px Arial, Helvetica, sans-serif;
	margin-left:10px;
	color:#636363;
	width:300px;
	max-height:275px;
	overflow-y:auto;
}
div#patternList div.description {
	color:#636363;
	font:11px Arial,Helvetica,sans-serif;
	margin-left:10px;
}
/* Pattern Display Page */
div#patternDisplay {
	margin-left:25px;
	margin-right:25px;
}
div#patternDisplay h1 {
	margin-top:25px;
	margin-bottom:-10px;
	color:#971C83;
	font:bold 22px Arial, Helvetica, sans-serif;
}
div#patternDisplay a {
	font:16px/28px Arial, Helvetica, sans-serif;
	color:#15438B;
	text-decoration:none;
	border-bottom:1px dashed #899CB7;
}
div#patternDisplay a:hover {
	color:#0056C7;
	border-bottom:1px dashed #15438B;
}
/* Contact Page */
div#contactPage {
	font:14px Arial, Helvetica, sans-serif;
	text-align:justify;
	color:#434343;
	width:430px;
	margin:0 auto;
}
div#contactPage h1 {
	margin-top:25px;
	color:#971C83;
	font:bold 22px Arial, Helvetica, sans-serif;
}
div#contactPage div#message {
	font:16px Arial, Helvetica, sans-serif;
	color:#3972cd;
	margin:5px 25px 20px 25px;
}
div#contactPage form#contactPage .formField {
	font:12px Arial, Helvetica, sans-serif;
	color:#434343;
	width:250px;
}

/* Account Registration */
div#acctReg form#registerAcct {
	color:#15438B;
	font:12px/28px Arial,Helvetica,sans-serif;
	margin:25px auto;
	width:300px;
}
div#acctReg form#registerAcct h1 {
	color:#971C83;
	font:bold 18px Arial, Helvetica, sans-serif;
}
div#acctReg form#registerAcct input {
	font:11px Arial,Helvetica,sans-serif;
}
div#acctReg form#registerAcct input#submit {
	font-size:12px;
}