/* $Id: local.css,v 1.1 2010/04/06 21:40:58 sociotech Exp $ */

/****************************/
/* LOCAL CSS                */
/****************************/

/* Put your custom CSS and CSS overrides in this file and  */
/* rename it local.css.  By restricting your CSS changes   */
/* to local.css, your changes will not be overwritten when */
/* upgrading to a new version of this theme.  You can also */
/* use a local-rtl.css file for the equivalent in RTL.     */

/* Steps to activate local.css:                       */
/* 1. Add your custom CSS to this file                */
/* 2. Rename this file to local.css                   */
/* 3. Clear cached data at admin/settings/performance */

body {
  text-align: left !important;
}

a, 
a:link, 
a:visited {
  color: #773B9D;
}


a:hover, 
a:focus, 
a:active {
  color: #773B9D;
}

h1 {
  color: #773B9D;
}

h2.title a:link, 
h2.title a:visited {
  color: #773B9D;
}

div.links ul li a:hover, 
div.links ul li a:focus, 
div.terms ul li a:hover, 
div.terms ul li a:focus {
  color: #773B9D;
}

ul.pager a:link,
ul.pager a:visited,
ul.pager li.pager-current {
  color: #773B9D;
}

.title-yellow-bold h2.block-title {
  color: #773B9D;
}

#content-tabs ul.primary li a.active:link, 
#content-tabs ul.primary li a.active:visited {
  border-bottom: 4px solid #773B9D;
}

#content-tabs ul.primary li a:hover,
#content-tabs ul.primary li a:focus {
  border-bottom: 4px solid #773B9D;
}

.banner-background-pinkforest #content-top-wrapper .content-top-inner {
  background: url(../images/banner/pinkforest.jpg) no-repeat left center;
}
.banner-background-pinkforest #preface-top .preface-top-inner {
  background: url(../images/banner/pinkforest.jpg) no-repeat left center;
}

.banner-background-nanowrimo #content-top-wrapper .content-top-inner {
  background: url(../images/banner/nanowrimo.jpg) no-repeat left center;
}
.banner-background-nanowrimo #preface-top .preface-top-inner {
  background: url(../images/banner/nanowrimo.jpg) no-repeat left center;
}

.banner-background-lady #content-top-wrapper .content-top-inner {
  background: url(../images/banner/lady.jpg) no-repeat left center;
}

.banner-background-lady #preface-top .preface-top-inner {
  background: url(../images/banner/lady.jpg) no-repeat left center;
}
.banner-background-sp #content-top-wrapper .content-top-inner {
  background: url(../images/banner/sucker_punch_bn.jpg) no-repeat left center;
}

.banner-background-sp #preface-top .preface-top-inner {
  background: url(../images/banner/sucker_punch_bn.jpg) no-repeat left center;
}

.banner-background-japan #content-top-wrapper .content-top-inner {
  background: url(../images/banner/japan.jpg) no-repeat left center;
}

.banner-background-japan #preface-top .preface-top-inner {
  background: url(../images/banner/japan.jpg) no-repeat left center;
}

.banner-background-ctdark #content-top-wrapper .content-top-inner {
  background: url(../images/banner/ctdark.jpg) no-repeat left center;
}

.banner-background-ctlight #content-top-wrapper .content-top-inner {
  background: url(../images/banner/ctlight.jpg) no-repeat left center;
}

.banner-background-ctdark #preface-top .preface-top-inner {
  background: url(../images/banner/ctdark.jpg) no-repeat left center;
}

.banner-background-ctlight #preface-top .preface-top-inner {
  background: url(../images/banner/ctlight.jpg) no-repeat left center;
}

.dark-text {
  color: #000000;
}



a[href ^='http://www.ravelry.com/projects'], a.ravproj { 
	padding-right: 18px;
	background: transparent url((../images/banner/rav_yarn.gif) no-repeat top right;
	} 
a[href ^='http://www.ravelry.com/patterns'], a.ravpatt {
	padding-right: 20px;
	background: transparent url((../images/banner/rav_r.ico) no-repeat top right;
	}
.rav_project {
    margin-bottom: 5px;
  }
.rav_project a.rav_title {
    font-size: .9em;
  }
.rav_project .rav_progress_text {
    position: relative;
    text-align: center;
  }
.rav_project .rav_progress_bar_wrapper {
    border: 1px solid #eee;
    margin-top: 2px;
  } 
.rav_project .rav_progress_bar { 
    position: relative;
    padding: 1px;
    border-left: 1px solid #aaa;
    border-top: 1px solid #aaa;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    background-color: #eee;
  }
.rav_project .rav_progress_bar .rav_progress_filled { 
    position: absolute;
  }
.rav_project .rav_photo_link {
    margin-bottom: 5px;
    display: block;
    width: 77px;
    height: 77px;
    margin-left: 1px;
    margin-top: 5px;
    border: 1px solid #cccccc;
  }
.rav_project .rav_photo_link img {
    width: 75px;
    height: 75px;
    border: 1px solid #ffffff;
  }
.rav_project_with_photos {
    margin-bottom: 20px;
  }