/*  
Theme Name: Jacki
Based on Pixeled
Description: Rose and 'swirl' border WP theme with 2-3 column layout, dropdown categories menu, multiple widget-ready placement and feedburner email form integrated, easy to customize.
*/

/* Defaults */

* {
  margin: 0;
  padding: 0;
  }

h1, h3, h4, h5, h6, p {
  margin: 0px 5px 0px 5px;
  padding: 10px 0;
  }
  
  h2{
   margin: 0px 5px 0px 5px;
  padding: 0px 0;
  }

h1, h2, h3, h4, h5, h6 {
 font-family: "Times New Roman", Times, serif;
  font-variant: small-caps;
 font-stretch: extra-condensed;
  }

hr {
  color: #333;
  border: 1px solid #121212;
  }

pre {
  height: auto; 
  overflow-x:scroll;
  }

fieldset {
  margin: 0;
  padding: 0; 
  border: 0;
  }

dd {
  padding-left: 15px;
  }


p {
  font-size: 14px;
color: #2E273B;
  }

a {
  /*color: #3F2B38;*/
  text-decoration: none;
  }

a:hover {
 color: #802E34;	
  text-decoration: underline;
  }

a img {
  border: none;  
  }

blockquote {
  background: #070707;
  border: 1px solid #060606;
  padding: 5px 15px;
  margin: 10px 10px 5px 15px;
  font-style: italic;

  }

code {
  color: #3366cc;
  font-style: italic;
  }

strong {
  font-size: 110%;
  }
ul{
	list-style: none;
	list-style-type: none;
}
body {
  text-align: center;
  margin: 0;
  padding: 0 0 15px 0;
  font-family: "Times New Roman", Times, serif;
  background: url(images/bgbody.jpg) top center no-repeat;
  background-color: #bc4c53;
color: #2E273B;
  }


/* Header and wrapper */
#wrapper {
  margin: 0 auto;
  width: 960px;
  text-align: left;
  padding: 0;
  }

#header {
  padding: 0;
  margin: 0;
  height: 100px;
  }

#header #topright {
  text-align: right;
  float: right;
  width: 600px;
  margin: 15px 10px 0 0;
   font-size: 15px;
font-weight:bold;
 color: #3366CC;
}
#header #topright ul {
  list-style: none;
  padding: 0;
  margin: 0;
font-size: 15px;
font-weight:bold;
  color: #3366CC;
  }
#header #topright li {
  display: inline;
  font-size: 15px;
font-weight:bold;
 color: #3366CC;
  }
#header #topright li a {
 color: #3366CC;
  font-size: 15px;
  padding: 0 0 0 10px;
font-weight:bold;

  }
#header #topright li a:hover {
  color: #000;
  text-decoration: none;
  }

#header #logo {
  float: left;
  width: 500px;
  margin:5px 0 0 0;
  padding: 0;
}
#header h1 {
  padding: 0;
  margin: 0;
  }
#header h1 a {
   color: #3f2b38;
  font-size: 26px;
  text-decoration: none;
  }
#header h1 a:hover {
  color: #2E273B;
  text-decoration: none;
  }
#header span {
  padding: 0;
   color: #3366CC;
  font-size: 14px;
  font-style:italic;
  }


/* Menu */

#catnav {
  margin: 0px 0 0 0;
  padding: 5px 0 0 0;
  clear: both;
  height: 44px;
  width: 960px;
  }

#nav {
  list-style: none;
  margin: 0;
  padding: 0;
  }
	
#nav ul {
  margin: 0;
  padding: 0;
  }

#nav li {
  float: left;
  margin: 0;
  padding: 0;
  }

#nav a {
  display: block;
  line-height: 44px;
  margin: 0;
  padding: 0 20px 0 15px;
  font-size: 10pt;
color: #3F2B38;
 
  }

#nav li a:hover {
  color: #6598b8;
  text-decoration: none;
  display: block;
  }

#nav li ul {
  list-style: none;
  position: absolute;
  width: 150px;
  left: -999em;
  }

#nav li:hover ul, #nav li.sfhover ul {
  left: auto;
  }
	
#nav li li {
  float: left;
  margin: 0;
  padding: 0;
  width: 150px;
  }
	
#nav li li a {
  width: 150px;
  height: 24px;
  line-height: 24px;
   color: #3F2B38;
  border-top: 1px solid #131f27;
  background: #040404;
  margin: 0;
  padding: 5px 20px 5px 15px;
  }
	
#nav li li a:hover {
  border-top: 1px solid #131f27;
  background: #8E0F18;
  padding: 5px 20px 5px 15px;
  }

#nav li:hover, #nav li.sfhover { /* prevents IE7 drop-down menu bug (focus on a page element prevents nested menus from disappearing) */
  position: static;
  }

#toprss {
  float: right;
  margin: 10px 15px 0 0;
  display: inline;
  width: 65px;
  line-height: 41px;
  }



/* Top Content */

#main {
  margin: 5px 15px 0 15px;
  clear: both;
  width: 930px;
  padding-bottom: 5px;
  }
#contentwrapper {
  float:left;
  width: 560px;
  margin: 0 0 15px 0;
  padding: 0;
color: #2E273B;
  }
#contentwrapper2 {
  float:left;
  width: 900px;  margin: 0 0 15px 0;
  padding: 0;
  }
#contentwrapper .pageTitle, #contentwrapper2 .pageTitle {
  margin: 15px 0 10px 0;

  letter-spacing: 2px;
  /*color: #fff;*/
  font-weight: normal;
  background: url(images/bg-trans.png) repeat;
  padding: 5px;
  }
  
h2.topTitle, .topTitle h2,
h2.topTitle a{
 margin: 0px 0px 0px 5px;
 color: #abd1ea;
letter-spacing: 2px;
}  

h2.topTitle a:hover,.topTitle h2 a:hover{
  text-decoration: none;
  color: #abd1ea;
  }
  
.topPost {
  background: url(images/bg-trans.png) repeat;
  margin: 0;
  padding: 0;
  font-size: 13px;
color: #2E273B;
  }
  
  h2.photos,  .photos h2 {
  margin: 0px 0px 20px 0px;
  padding: 0px 0px 20px 0px;
 color: #abd1ea;
 list-style:none;
 list-style-type:none;
  }
  
/* .photos{
  margin: 0px 0px 20px 0px;
  padding: 0px 0px 20px 0px;
  } */
  
  .photos ul, .photos li{
  margin: 10px 0px 10px 0px;
  padding: 10px 0px 10px 0px;
  } 
  
.photos a:link, .photos a:visited {
 color:#FFFFFF;
  } 
  
  .topContent_Engagements{
  margin: 0;
  padding: 0;
 /* font-size: 14px;
color: #FFFFFF;*/
background:url(images/bg-trans.png) repeat;
  }
  
.topPost h2.topTitle{
	margin:5px 0px 0px 0px;
}
  
.topPost h2.topTitle a {
  font-weight: bold;
  color: #FFFFFF;
  letter-spacing: 2px;
  font-family: "Times New Roman", Times, serif;
  font-variant: small-caps;
  margin-top:5px;
  }
.topPost h2.topTitle a:hover {
  text-decoration: none;
  color: #abd1ea;
  }
.topPost p.topMeta {
  padding: 0;
  margin: -10px 0 0 0;
  font-size: 11px;
  color: #cdcdcd;  
  }
.topPost p.topMeta a {
  text-decoration: underline;
   color: #3F2B38;
  }
.topPost p.topMeta a:hover {
  color: #ccc;
  }
.topPost div.topContent {
  font-size: 13px;
  color: #efefef;
  margin: 8px 0;
  }
.topPost div.topContent a {
  text-decoration: none;
   /*color: #3F2B38;*/
  }
.topPost div.topContent a:hover {
  text-decoration: none;
  color: #FF37A6;
  }

.topPost div.topContent ul, .topPost div.topContent ol {
  padding: 0 0 0 30px;
  list-style:none;
  list-style-type:none;
  }
.topPost div.topContent ul li, .topPost div.topContent ol li {
  color: #2E273B;
  }
.topPost span.topComments, .topPost span.topMore, .topPost span.topTags {
  font-size: 10px;
  font-style: italic;
  background: url(images/bg-trans.png) repeat;
  padding: 8px 10px;
  margin-right: 5px;
  line-height: 27pt;
   color: #3F2B38;
  border: 1px solid #111;
  }
.topPost span.topComments:hover, .topPost span.topMore:hover, .topPost span.topTags:hover {
  background: #040404;
  }
.topPost span.topComments a {
   color: #3F2B38;
  background: url(images/comments.gif) left no-repeat;
  padding-left: 20px;
  line-height: 27pt;
  vertical-align: middle;
  }
.topPost span.topMore a {
   color: #3F2B38;
  background: url(images/more.gif) left no-repeat;
  padding-left: 20px;
  line-height: 27pt;
  vertical-align: middle;
  }
.topPost span.topTags em {
  background: url(images/tags.gif) left no-repeat;
  padding-left: 20px;
  line-height: 27pt;
  vertical-align: middle;
  color: #0a0a0a;
  }
.topPost span.topTags a {
   color: #3F2B38;
  line-height: 27pt;
  vertical-align: middle;
  }
.topPost span.topComments a:hover, .topPost span.topMore a:hover, .topPost span.topTags a:hover {
   color: #3F2B38;
  text-decoration: underline;
  }

#nextprevious {
  margin: 10px 0 5px 0;
  }
#nextprevious a {
  color: #8E0F18;
  text-transform: lowercase;
  text-decoration: underline;
  }
#nextprevious a:hover {
   color: #3F2B38;
  }


/* Comments */

#comment {
  margin-bottom: 10px;
  background: #040404;
  width: 530px; /* fixes bug in IE7 where putting focus on the text makes it disappear behind the background. yeah, weird. they call it a dimensional bug. */
  border: 1px solid #090909;
  padding: 10px 15px;
   color: #3F2B38;
  }
#comment a {
  color: #6598b8;
  }
#comment a:hover {
   color: #3F2B38;
  }
#numberofcomments {
   color: #3F2B38;
  font-size: 12pt;
  margin-top: 10px;
  }
ol#commentlist {
  list-style: none;
  margin: 10px 0;
  font-size: 9pt;
  }
#commentlist li {
  margin: 0 0 15px 0;
  padding: 10px;
  background: #030303;
  border: 1px solid #0a0a0a;
  }
#commentlist li.alt {
  background: #8E0F18;
  border: 1px solid #010101;
  border: none;
  }
#commentlist li.cleared {
  background: transparent;
  border: none;
  }
#commentlist a:hover {
  color: #2E273B;
  }
#commentlist a.gravatar {
  float: left;
  margin: 0 10px 0 0;
  width: 69px;
  }
#commentlist .commentbody {
  margin: 0;
  padding: 0 5px 0 0;
  float: right;
  width: 410px;
  }
#commentlist .commentbody p a {
  text-decoration: underline;
  }
#commentlist cite {
  font-size: 10pt;
  font-style: normal;
  color: #ddd;
  }
#commentlist small.commentmetadata a {
  color: #666;
  }
#commentlist p {
  color: #dedede;
  }
#comment h3 {
  font-size: 10pt;
  font-weight: normal;
   color: #3F2B38;
  margin: 15px 0 0 0;
  padding: 0;
  }
textarea#comment {
  width: 450px;
  background: #fff;
  color: #111;
  }
#comment #submit {
  margin-left: 0px;
  margin-top: -25px;
  }

table.recordings{
	background: url(images/bg-trans.png) repeat;
	font-size:16px;
	color: #2E273B;
} 

table.recordings p{
	font-size:16px;
	color: #2E273B;
} 

table.recordings h4{
	font-size:14px;
	color: #ABD1EA;
	font-weight:bold;
	margin:0px 0px 0px 10px;
	padding:0px;
	text-transform:none;

} 


table.recordings a, table.recordings a:link,table.recordings a:visited{
font-weight:bold;
color:#FFFFFF;
text-decoration: none;
}

table.recordings a:hover{
font-weight:bold;
 color: #FF37A6;
text-decoration: none;
}
  
table.recordings h3{
	font-size:16px;
	font-weight:bold;
	color:#ABD1EA;
}

/* Welcome section */

#main #welcome {
  margin: 0 0 20px 0;
  padding: 0 0 5px 0;
  background: url(images/bg-trans.png) repeat;
  }
#main #welcome h2 {
  font-size: 16px;
  font-weight: bold;
  color: #abd1ea;

  margin: 0 10px;
  padding: 10px 0 3px 0;
  }
#main #welcome p {
  font-size: 9pt;
  color: #2E273B;  
  margin: 0 10px;
  padding: 6px 0;
  }
#main #welcome a {
  text-decoration: none;
  color: #ffffff;
  }
#main #welcome a:hover {
 color: #FF37A6;
  }
#main #welcome form {
  margin: -5px 0 0 0;
  background: transparent; /* required for IE */
  }
#main #welcome #feedbox {
  border: 1px solid #ccc;
  padding: 2px 1px;
  width: 180px;
  }
.submitbutton {
  margin: -5px 0 0 5px;
  background: #010101;
   color: #3F2B38;
  font-size: 8pt;
  padding: 3px 6px;
  vertical-align: middle;
  border: 1px solid #111;
  }
.submitbutton:hover {
  cursor: pointer;
  background: #050505;
  }


/* Sidebars */
#sidebars {
  margin: 15px 0 0 0;
  float: right;
  width: 340px;
  color: #2E273B;
  }
#sidebars .sidebarbox {
  background: url(images/bg-trans.png) repeat;
  padding: 8px 15px;
  }

#sidebar_full {
  padding: 0;
  margin: 0;
  }

#sidebar_left {
  float: left;
 width: 340px;
  }

#sidebar_right {
  float: right;
  width: 160px;
  }

#sidebars h2 {
  margin: 0;
  padding: 0 0 8px 0;
  font-weight: bold;
  font-size: 16px;
  color: #abd1ea;

  }

#sidebars table {
  width: 130px;
  }

#sidebars ul {
  margin: 0;
  padding: 0 0 5px 0;
  }

#sidebars li {
  margin-bottom: 20px;
  list-style: none;
  font-size: 13px;
  }

#sidebars li ul {
  padding: 0;
  }

#sidebars ul ul li {
  margin: 0;
  padding: 2px 2px 2px 16px;
  color: #2E273B;
  background: url(images/bullet.gif) left 8px no-repeat;
  line-height: 17px; /* Required for cross-browser consistency; cross-browser defaults vary. */
  }

#sidebars a {
  display: inline;
  color: #FFFFFF;
  }
#sidebars a:hover {
  color: #8E0F18;
  text-decoration: underline;
  }

#sidebars p {
  padding: 2px 0;
  font-size: 13px;
  color: #2E273B;
  }

#tag_cloud a {
  display: inline;
  }

#sidebars ul.children li {border-bottom:none;}
#sidebars ul.children {margin-bottom:0;}



/* Before footer */

#morefoot {
  background: url(images/bg-trans.png) repeat;
  border: none;
  padding: 15px;
  color: #dfdfdf;
  margin: 0 0 10px 0;
  }
#morefoot p {
  margin: 5px 0;
  padding: 5px 0;
  }
#morefoot ul {
  list-style-type: none;
  margin-top: 5px;
  }
#morefoot ul li, #morefoot p {
  font-size: 13px;
  }
#morefoot a {
  text-decoration: none;
  color: #ddd;

  }
#morefoot a:hover {
  text-decoration: underline;
  color: #8E0F18;
  }
#morefoot h3 {
  font-size: 14pt;
  font-weight: bold;
  color: #3F2B38;
  letter-spacing: 2px;
 /* border-bottom: 1px dotted #444;*/
  margin: 0;
  padding: 0 0 2px 0;
  }
#morefoot #searchbox {
  padding: 1px;
  width: 180px;
  }
#morefoot .col1 {
  float: left;
  width: 380px;
  
  }
#morefoot .col2 {
 margin: 0 25px;
  
  }
#morefoot .col2 {
  float: left;
  } 
  
#morefoot .col3 {
width: 280px;
  float: right;
   
  }
  
#morefoot li {
  padding-left: 20px;
  margin-bottom: 5px;
  background: url(images/more.gif) left 2px no-repeat;
  line-height: 17px; /* Required for cross-browser consistency; cross-browser defaults vary. */
  }


/* footer*/
#footer {
  clear: both;
  /*background: #CE4B54;*/
  border: none;
  padding: 15px 15px 10px 15px;
  }
#footer p {
  font-size: 13px;
  color: #bbb;
  padding: 0;
  }
#footer a {
  color: #bbb;

 text-decoration: none;
  }
#footer a:hover {
   color: #3F2B38;
	text-decoration: underline;
  }
#footerleft {
  float: left;
  width: 500px;
  }
#footerright {
  float: right;
  width: 300px;
  text-align: right;
  }



/* Misc */

.highlight {
  color: #222;
  font-weight: bold;
  }

.cleared {
  margin: 0;
  padding: 0;
  clear: both;
  }

.alignleft {
  float: left;
  margin: 5px 10px 5px 0;
  }
.alignright {
  float: right;
  margin: 5px 5px 5px 10px;
  }
.aligncenter,
div.aligncenter {
  margin: 10px auto;
  text-align: center;
  display: block;
  }

img.alignleft {
  float: left;
  margin: 5px 10px 5px 0;
  }
img.alignright {
  float: right;
  margin: 5px 5px 5px 10px;
  }
img.aligncenter {
  margin: 10px auto;
  text-align: center;
  display: block;
  }

.wp-caption {
  border: 1px solid #ddd;
  text-align: center;
  background-color: #f3f3f3;

  padding-top: 4px;

  /* optional rounded corners for browsers that support it */

  -moz-border-radius: 3px;

  -khtml-border-radius: 3px;

  -webkit-border-radius: 3px;
  border-radius: 3px;
  }

.wp-caption img {
  margin: 0;
  padding: 0;
  border: none;
  }

.wp-caption p.wp-caption-text {
  font-size: 11px;
  line-height: 17px;
  padding: 0 4px 5px;
  margin: 0;
  color: #111;
  }
  
/* Meet the table that displays our shows */
.gigpress-table {
background:#E1746 url(http://jacquelineandersonmezzo.com/wp-content/themes/jackie1/images/bg-trans.png) repeat;
	width: 100%;
	border: none;
	border-top: 1px solid #CCC;
	margin: 0 0 1em 0;
	font-weight:bold;
}

/* This is for the main header cells containing the column labels */
tr.gigpress-header th {
	font-weight: bold;
	color:#ABD1EA;
}

/* Generic class for the table header cells */
.gigpress-table th {
	padding: 6px 8px;
	vertical-align: middle;
	text-align: left;
	border-bottom: 1px solid #CCC;
	color:#ABD1EA;
}

/* This is for the tour name header cells */
th.gigpress-heading {
	background: #F3F3F3;
	border-bottom: 1px solid #CCC;
	 background: #8E0F18;
}

/* This is for the tour name headings, whichever one you're using */
th.gigpress-heading h1, th.gigpress-heading h2, th.gigpress-heading h3, th.gigpress-heading h4, th.gigpress-heading h5 {
	margin: 0;
}

/* Applies to all cells in the table */
.gigpress-table td {
	padding: 6px 8px;
	vertical-align: middle;
	text-align: left;
	font-size:14px;
	font-weight:bold;
	color:#FFFFFF;
}

/* Some subtle hover effects */
.gigpress-row:hover, .gigpress-info:hover {
	background:#3F23B8;
	color: #000;
}
.gigpress-row a:link, .gigpress-row a:visited{
	color:#ABD1EA;
}

.gigpress-row a:hover{
  color: #FF37A6;
}

.gigpress-info a:link, .gigpress-info a:visited{
	color:#ABD1EA;
}

.gigpress-info a:hover{
 color: #FF37A6;
}


/* Applies to the first row of each show listing */
.gigpress-row td {
	border-bottom: 1px solid #EEE;
}

/* To set an alternating row style */
tr.gigpress-alt {
}

/* Individual classes for the label header cells that start the table */
th.gigpress-date {
font-size: 14px;
font-weight:bold;
}

th.gigpress-city {
font-size: 14px;
font-weight:bold;
}

th.gigpress-venue {
font-size: 14px;
font-weight:bold;
}

th.gigpress-country {
font-size: 14px;
font-weight:bold;
}


/* Likewise, individual classes for the content cells */
td.gigpress-date {
font-size: 14px;
font-weight:bold;
}

td.gigpress-city {
font-size: 14px;
font-weight:bold;
}

td.gigpress-venue {
font-size: 14px;
font-weight:bold;
}

td.gigpress-country {
font-size: 14px;
font-weight:bold;
}

tr.gigpress-info td {
font-size: 14px;
font-weight:bold;
	color: #FFFFFF;
	border-bottom: 1px solid #CCC;
}

tr.gigpress-row.cancelled, tr.gigpress-info.cancelled, tr.cancelled span.gigpress-info-label, tr.cancelled span.gigpress-info-item {
	color: #999;
}

/* This wraps each of the address, admission, etc spans in the "info" cell */
span.gigpress-info-item {
font-size: 14px;
font-weight:bold;
}

/* For the labels for address, admission, etc in the "info" cell */
span.gigpress-info-label {
color: #FFFFFF;
font-size: 14px;
font-weight:bold;
}

/* For the spacer cell that goes in-between tours */
td.gigpress-empty {
}

/* In case you want to style the "Buy Tickets" link */
a.buy-tickets {
	font-weight: bold;
}

/* Notices for Cancelled or Sold Out shows */
strong.gigpress-cancelled, strong.gigpress-soldout {
	text-transform: uppercase;
	font-weight: bold;
	color: red;
}

/* In case you want to style the Googlefied address link */
a.gigpress-address {
color:#ABD1EA;
font-size: 14px;
font-weight:bold;
}

/* This is for the RSS link */
td.gigpress-rss a {
	padding-left: 14px;
	background: transparent url(../images/feed-icon-10x10.png) no-repeat left center;
}



/* These styles are for the sidebar listing */

/* This is the unordered list that holds the dates */
ul.gigpress-listing {
}

/* Generic styles for the list items within */
.gigpress-listing li {	
}

/* For tour headings in the sidebar */
span.gigpress-list-heading {	
	font-weight: bold;
	font-size: 110%;
}

/* So if you like you can syle the first list item differently */
li.gigpress-list-first {
}

/* So if you like you can syle the last list item differently */
li.gigpress-list-last {
}

/* So if you like you can syle each alternating list item differently */
li.gigpress-alt {
	
}

/* So if you like you can syle the date differently */
span.gigpress-date {
	font-weight: bold;
}

/* Sold Out shows in the sidebar */
ul.gigpress-listing strong.gigpress-soldout {
	display: block;
}

/* Add a feed icon to the RSS link */
li.gigpress-list-rss a {
	padding-left: 14px;
	background: transparent url(../images/feed-icon-10x10.png) no-repeat left center;
}


ul.gigpress-related-show {
	margin-bottom: 2em;
}

.gigpress-related-label {
	font-weight: bold;
}


/* This is just to include data dor hcalendar support, but hide it from view */
span.hide {
	display: none;
}

/* Stop Firefox from underlining our abbreviated dates */
abbr {
	border: none;
	text-decoration: none;
	font-size: 100%;
}