/* 
-------------------------------------------------------------

jacquinaylor.com is a horizontally centered, non-fluid, 
1200px wide website design.

The footer is flush right

-------------------------------------------------------------
Typography: Verdana, Arial

Headers: Verdana
Body: Arial italic

fonts:	Arial, sans-serif


Colors: http://en.wikipedia.org/wiki/Web_colors

black:			#000000
white:			#ffffff
blue:			#4682b4
SkyBlue:		#87ceeb
grey:			#ececec
-------------------------------------------------------------
*/

/* 
-------------------------------------------------------------
main stuff
-------------------------------------------------------------
*/

body  {
	font-size: 62.5%;
	color: #000000;
	font-family: Arial, sans-serif;
	text-align: center;
	background-color: #ffffff;
	background-repeat: no-repeat;
	/* width: 700px; */
	min-width: 700px;
	padding: 0px 0px 0px 0px;
	margin: 0 auto 0 auto;
}

body.black  {
	font-size: 62.5%;
	color: #b6b1ab;
	font-family: Arial, sans-serif;
	text-align: center;
	background-color: #000000;
	width: 900px;
	min-width: 900px;
	padding: 0px 0px 0px 0px;
	margin: 0 auto 0 auto;
}

img {
	border: none;
}

p {
	font-size: 1.0em;
}

h1 {
	font-size: 1.6em;
	font-weight: lighter;
	margin: 0px 0px 0px 0px;
}

h2 {
	font-size: 1.4em;
	font-weight: lighter;
	margin: 0px 0px 0px 0px;
}

h6 {
	font-size: 1.0em;
	font-weight: lighter;
	text-align: center;
	margin: 0px 0px 10px 0px;
}

.h6-smaller {
	font-size: 0.6em;
	font-weight: lighter;
	text-align: center;
	margin: -10px 0px 30px 0px;
}

.smaller-text {
	font-size: 0.6em;
	font-weight: lighter;
	margin: -20px 0px 0px 0px;
}


/* 
-------------------------------------------------------------
links
-------------------------------------------------------------
*/

a:link,
	a:visited {
	/* color: #4682b4; */
	color: #918c8b;
	text-decoration: none;
}

a:hover,
	a:active {
	color: #534643;
	text-decoration: none;
}

.black a:link,
	.black a:visited {
	color: #b6b1ab;
	text-decoration: none;
}

.black a:hover,
	.black a:active {
	color: #87ceeb;
}

a.category:link,
	a.category:visited,
	a.page-category:link,
	a.page-category:visited {
	/*color: #4682b4;*/
	/* color: #e07a00; */
	color: #000000;
}

a.category:hover,
	a.category-link:active,
	a.page-category:hover,
	a.page-category-link:active {
	color: #87ceeb;
}

/*
a.footer-link,
	a.footer-link:visited {
	font-weight: bold;
}

a.footer-link:hover, 
	a.footer-link:active {
	font-weight: bold;
}
*/

/* 
-------------------------------------------------------------
wrapper stuff
-------------------------------------------------------------
*/

.category  {
	font-size: 1.6em;
	font-weight: lighter;
	margin: 10px 0px 5px 0px;
}

.sub-category  {
	font-size: 0.9em;
	font-weight: lighter;
	margin: 10px 0px 5px 0px;
	padding: 0px 0px 0px 3px;
}


p.footer {
	font-size: 0.8em;
	text-align: center;
	margin: 20px 0px 0px 0px;
}

.navigation {
	margin: 25px 0 20px 0;
}

.footer {
	margin: 20px 0px 0px 0px;
}

p.local {
	font-size: 0.8em;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

/* 
-------------------------------------------------------------
index stuff
-------------------------------------------------------------
*/

.image-area {
	float: left;
	width: 800px;
}

.index-image {
	border: 1px solid #000000;
	margin: 0px 30px 10px 0px;
}

.quote-area {
	float: left;
	width: 380px;
}

.index-quote {
	font-size: 0.8em;
	margin: 0px 0px 0px 0px;
}

.quote {
	font-size: 0.8em;
	margin: 1.2em 0px 0px 0px;
}

.critic {
	font-size: 0.8em;
	font-weight: bold;
	margin: 0px 0px 10px 0px;
}

.index-text {
	font-size: 0.8em;
}

.small {
	font-size: 0.8em;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.very-small {
	font-size: 0.7em;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.marketing-entry-points {
	/* background-color: #CC6600; */
}

.marketing-point-1 {
	font-size: 1.2em;
	margin: 10px 140px 10px 140px;
	font-family: Trebuchet MS, Helvetica, Arial, sans-serif;
}

.stats {
	font-size: 0.8em;
	margin: 10px 0px 0px 0px;
}

.stats p {
	margin: 0px 0px 5px 0px;
}

.left-1 {
	float: left;
	width: 330px;
	margin: 0px 10px 0px 0px;
}

.center-1 {
	float: left;
	width: 330px;
	margin: 0px 10px 0px 0px;
}

.right-1 {
	float: left;
	width: 0px;
	margin: 0px 10px 0px 0px;
}

.title {
	font-weight: bold;
	padding: 5px 0px 0px 0px;
}

/* 
-------------------------------------------------------------
content stuff
-------------------------------------------------------------
*/

#main-wrapper {
	width: 700px;
	text-align: left;
	padding: 10px 10px 10px 10px;
	margin: 25px auto 0px auto;
	/* border: 1px solid black; */
}

#main-wrapper-index {
	width: 1220px;
	text-align: left;
	padding: 10px 10px 10px 10px;
	margin: 25px auto 0px 0px;
	/* border: 1px solid black; */
}

.main-cell {
	padding: 5px 0px 20px 0px;
	/* background-repeat: repeat-y */
}

.main-title {
	color: #918c8b;
	font-size: 16px;
	font-weight: lighter;
	margin: 5px 10px 20px 0;
}

.main-title-black {
	color: #b6b1ab;
	font-size: 16px;
	font-weight: lighter;
	margin: 5px 10px 20px 0;
}

.breadcrumbs  {
	font-size: 1.2em;
	/* font-weight: bold; */
	margin: 5px 0 5px 0px;
}

.main-content {
	padding: 0px 8px 0px 0px;
}
.invite {
	color: #FFFFFF;
	font-size: 1.4em;
	text-align: left;
}

.quote-source {
	font-size: 12px;
	font-weight: bold;
	font-style: italic;
	font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
	margin: 5px 10px 0 0;
}

td.month {
	width: 130px;
	font-size: 1.2em;
	font-weight: lighter;
	text-align: right;
	padding: 0 10px 10px 0;
	/* border-collapse: collapse; */
}

td.date {
	width: 130px;
	font-size: 1.0em;
	text-align: right;
	vertical-align: top;
	padding: 0 10px 0 0;
}

td.venue {
	width: 420px;
	color: #000000;
	font-size: 1.0em;
	text-align: left;
	vertical-align: top;
	padding: 0 8px 0 0;
}

td.website {
	font-size: 1.2em;
	vertical-align: top;
	text-align: left;
	padding: 0px 0px 20px 0px;
}

.photo-credit {
	font-size: 9px;
	margin: 0px 0px 0px 0px;
}

.photo-credit-index {
  font-size: 9px;
  margin: -8px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

/* 
-------------------------------------------------------------
one-sheet stuff
-------------------------------------------------------------
*/

#main-wrapper-one-sheet {
	width: 900px;
	font-size: 1.6em;
	text-align: left;
	padding: 0px 0px 0px 0px;
	margin: 0px auto 0px auto;
}

.one-sheet-header-image {
	margin: 0px 0px 0px 0px;
	/* border: 1px solid red; */
}

.one-sheet-content {
	margin: 20px 0px 0px 0px;
	/* border: 1px solid black; */
}

.one-sheet-left-column {
	margin: 0px 0px 0px 0px;
	float: left;
	width: 380px;
	/* border: 1px solid red; */
}

.bold-cell {
	font-weight: bold;
}

.left-cell {
	float: left;
	width: 100px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.right-cell {
	float: left;
	width: 200px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.cell-spacer {
	height: 3px;
	width: 100%;
	clear: both;
	/* border: 1px solid blue; */
}

.social-stuff {
	float: left;
	height: 30px;
	width:	130px;
	background-image: url(/media/one-sheets/social-media-icons.jpg);
	background-position: 100% 100%;
	background-repeat: no-repeat;
	margin: -10px 0px 20px -5px;
	/* border: 1px solid blue; */
}

.facebook {
  float: left;
  width: 20px;
  height: 30px;
  margin: 0px 0px 0px 8px;
  /* border: 1px solid blue; */
}

.facebook-link {
  float: left;
  width: 20px;
  height: 30px;
}

.youtube {
  float: left;
  width: 20px;
  height: 30px;
  margin: 0px 0px 0px 12px;
  /* border: 1px solid green; */
}

.youtube-link {
  float: left;
  width: 20px;
  height: 30px;
}

.twitter {
  float: left;
  width: 20px;
  height: 30px;
  margin: 0px 00px 0px 12px;
  /* border: 1px solid red; */
}

.twitter-link {
  float: left;
  width: 20px;
  height: 30px;
}

.instagram {
  float: left;
  width: 20px;
  height: 30px;
  margin: 0px 0px 0px 12px;
  /* border: 1px solid green; */
}

.instagram-link {
  float: left;
  width: 20px;
  height: 30px;
}

.song-menu {
	font-size: 0.8em;
	line-height: 0.8;
	background-image: url(/media/one-sheets/q-and-a-symbol.jpg);
	background-position: 76% 100%;
	background-repeat: no-repeat;
	padding: 0px 0px 0px 0px;
	/* border: 1px solid blue; */
}
	

.one-sheet-right-column {
	margin: 0px 0px 0px 20px;
	float: left;
	width: 500px;
	/* border: 1px solid green; */
}

.grey-cell {
	float: left;
	font-size: 0.8em;
	line-height: 1.8;
	margin: 0px 0px 20px 0px;
	padding: 15px 15px 15px 15px;
	background-color: #ececec;
}

.one-sheet-right-column p {
	margin: 0px 0px 15px 0px;
}


/* 
-------------------------------------------------------------
music stuff
-------------------------------------------------------------
*/

.album {
	margin: 0px 0px 30px 0px;
	/* border: 1px solid red; */
}

.copy-album {
	font-weight: lighter;
}

.album-caption {
	font-size: 0.8em;
	line-height: 90%;
	font-weight: lighter;
	margin: 5px 0px 0px 0px;
	/* border: 1px solid red; */
}

.copy-song {
	font-size: 0.8em;
}

/* 
-------------------------------------------------------------
etc
-------------------------------------------------------------
*/

.cleaner {
	clear: both;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: transparent;
}

.vertical-20 {
	width: 100%;
	height: 20px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.vertical-40 {
	width: 100%;
	height: 40px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}