/*-----------------------------------------------------
              >> Two Blue Cherries CSS <<
                           
              
-----------------------------------------------------*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

body {
  background:#062C3D;
  color:#000000;
  font-family: "Lucida Grande", Lucida, Arial, sans-serif;
  font-size:75%;
  margin:0;
  padding:0px 0;
}

html>body {
font-size: 12px;
}

a img {
  border: none;
}

a, a:link, a:visited {
  color:#062C3D;
  text-decoration:none;
}

a:visited {
  text-decoration:none;
}

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




/*-----------------------------------------------------
                     >> Layout <<
-----------------------------------------------------*/
.container {
  height:auto;
  margin:20px auto 0 auto;
  padding:0px;
  position:relative;
  width:964px;
/*  border:1px solid red;*/
}

.header {
  width:800px;
  height:110px;
  background:url(/static/images/tbc-header-bground3.gif) top left no-repeat;
  padding:72px 91px 0 66px;
/*  border:1px solid red;*/
}

.header hr {
/*  border:1px solid red;*/
  position:relative;
  clear:both;
  width:800px;
  height:7px;
  border:0 none;
  padding-top:20px;
  background:url(/static/images/header-border.gif) bottom left no-repeat;
}

.body-text {
  width:800px;
  background:url(/static/images/tbc-body-bground3.gif) top left repeat-y;  
  padding:0 91px 40px 66px;
  margin:0;
/*  border:1px solid red;*/
  overflow:auto;
}

.siteTitle {
  margin:0pt;
  margin-left:3px;
  padding:0pt;
  position:relative;
  width:300px;
  height:;
  float:left;
}

.logo {
  width:82px;
  height:72px;
  position:relative;
  float:right;
  margin:-2px 3px 0 0;
  padding:0;
}

.content {
  position: relative;
  margin:0 auto 40px auto;
  width:503px;
  clear:left;
  padding-bottom:80px;
  background:#ffffff url(/static/images/end-marker.gif) bottom center no-repeat;
}

/* home page */

.home-shows {
	width: 470px;
	position: relative;
	float: left;
}

.home-news {
	float: right;
	position: relative;
	width: 230px;
}
.home-news h2,
.home-shows h2 {
	font-size: 24px;
	width: 100%;
/*	text-transform: uppercase;*/
	border-bottom: 2px solid #062C3D;
	margin-bottom: 1em;
	padding-bottom: 0.3em;
	color: #062C3D;
}

.home-content {
  position:relative;
  float:left;
  width:800px;
  padding:0;
/*  border: 1px solid red;*/
}

.wide {
	width: 800px;
	position: relative;
	float: left;
}
.home-content p {
  font-family:Baskerville, Georgia, serif;
  font-size:28px;
  font-style:italic;
  line-height:1;
  margin-top:15px;
}

.show-content {
  position:relative;
  float:left;
  clear:left;
  width:800px;
  margin:0;
  padding-bottom:40px;
/*  border-bottom: 1px solid #062C3D;*/
	background: url(/static/images/divider.gif) bottom left no-repeat;
  margin-bottom: 40px;
}


.feature {
  position:relative;
  float:left;
  width:800px;
  margin:0;
  padding:0;
  overflow:auto;
  display:inline;
/*  border:1px solid red;*/
/*  background:url(/static/images/3dn-masthead.jpg) top left no-repeat;*/
}
.feature img {
  margin:0;
  padding:0;
}

img.showBanner {
	width: 800px;
}
img.smallBanner {
	width: 494px;
}
.details {
  width:362px;
  height:165px;
  float:right;
  position:relative;
  background:url(/static/images/show-details.png) top left no-repeat;
/*  border:1px solid red;*/
  margin-top:-225px;
  margin-right:25px;
  z-index:100;
  padding:20px;
/*  display:none;*/
}

.details h3 {
  font-family:Baskerville, serif;
  font-size:21px;
/*  font-style:italic;*/
  font-weight:bold;
/*  line-height:1;*/
  margin-top:10px;
}
.details p {
  font-family:Baskerville, serif;
  font-size:21px;
  font-style:italic;
  line-height:1;
  margin-bottom:0.5em;
  margin-top:0.5em;
/*  margin-top:15px;*/
}



.footer {
  clear:both;
  width:800px;
  height:135px;
  background:url(/static/images/tbc-footer-bground2.gif) top left no-repeat;  
  padding:0 91px 35px 66px;
  margin:0;
  overflow:auto;
/*  border:1px solid red;*/
}

.footer p {
/*  font-family: "Gill Sans", Helvetica, Arial, sans-serif;*/
  font-size:10px; 
  padding-top:30px;
  text-align: center;
	background:url(/static/images/footer-border.gif) top left no-repeat;  
  /*  padding-left:25px;*/
}

/*-----------------------------------------------------
                  >> Navigation <<
-----------------------------------------------------*/


ul.globalNav {
  margin:0;
  margin-bottom:30px;
  margin-top:20px;
  padding:0;
  list-style:none;
  position:relative;
  float:left;
  width:810px;
/*  border:1px solid red;*/
}

ul.globalNav li {
  position:relative;
  float:left;
  width:193px;
  padding:0;
  margin:0;
  margin-right:9px;
/*  border:1px solid red;*/
  display:inline;
}

ul.globalNav a {
  position:relative;
  float:left;
  display:inline;
  width:180px;
/*  height:40px;*/
  font-size:24px;
/*  text-align:center;*/
  padding:0.5em 0 0.5em 12px;
  border:1px solid #062C3D;
  font-family:Baskerville, georgia, serif;
  font-style:italic;
/*  margin-right:6px;*/
  margin-bottom:6px;
  color:#062C3D;
  display:inline;
}

ul.globalNav a:hover {
  color:#ffffff;
  background:#B0005D;
}

ul.globalNav li.active a {
	background: #B0005D;
	color: #ffffff;
}

/*-----------------------------------------------------
                  >> subNav <<
-----------------------------------------------------*/

.subNav {
  display:block;
  margin-top: 20px;
  margin-bottom:20px;
  width: 70%;
}

.subNav ul {
  font-family:Helvetica,Arial,sans-serif;
  margin: 10px auto 20px 35px;
  border: none;
  text-align:left;
  padding:20px;

}

.subNav ul li {
  list-style-type: none;
  display:inline;
  width: 20%;
  margin: 3px 2px 3px 2px;
  font-size: 120%;  
  text-transform: uppercase;
}


.subNav ul li a {
  padding: 10px;
  text-decoration: none;
}

.subNav ul li.active a {
  padding:10px;
}

.subNav ul li a:hover {
}




/*-----------------------------------------------------
                  >> Basic Typography <<
-----------------------------------------------------*/


em, i {
  font-style:italic;
}

h1 {
  color:#000000;
  font-family:Georgia, serif;
  font-size:3em;
/*  font-style:italic;*/
  line-height:2;
  text-align:center;
  margin-bottom:0;
}

h2 {
  color:#000000;
  font-family: Georgia, serif;
  font-size:200%;
/*  font-style:italic;*/
}

h3 {
  font-size:180%;
  font-family: Georgia, serif;
  font-style:italic;
}

h4 {
  font-family: Georgia, serif;
  font-style: italic;
  font-size: 160%;
}

h5 {
  font-family: Georgia, serif;
  font-style: italic;
  font-size: 140%;
  font-weight: bold;
}

h6 {
  font-family:Baskerville, Georgia, serif;
  font-style: italic;
  font-size: 140%;
  font-weight: bold;
}

p {
  line-height:1.65;
  font-size:1em;
  margin-top:1.5em;
  margin-bottom:1.5em;
  text-align:left;
  font-family: "Lucida Grande", Lucida, Arial, sans-serif;
}


ul {
  font-family: verdana, sans-serif;  
  padding-left: 40px;
  font-size:90%;  
  margin:18px 0 21px 0;
}

ol {
	
	list-style: number;
	padding-left: 40px;
}

li {
  line-height:140%;
  margin-bottom:4px;
  width:70%;
}

blockquote {
  padding:20px;
}

blockquote p {
  font-size:100%;
  color:#2B2B2B;
  padding-left:10px;
  margin:0;
  margin-bottom: 10px;
  width:100% ! important;
}

blockquote cite {
  font-style:italic;
  font-size:90%;
}

.readmore {
  font-size:95%;
  margin:0pt 0pt 5px 5px;
  font-weight:bold;
}



/*-----------------------------------------------------
            >> News/blog <<
-----------------------------------------------------*/

div.post {
	margin-bottom: 20px;
	overflow: auto;
}
p.date {
	color: #4D4D4D;
	font-family: Georgia, serif;
	font-size: 14px;
	margin-bottom: 5px;
}

.post h3 {
	font-style: italic;
	font-size: 18px;
	margin-top: 5px;
}

.post p {
	margin-top: 10px;
	margin-bottom: 0;
}

#nws h1 {
	margin-bottom: 20px;
}

#nws .post {
	margin-bottom: 40px;
	padding-bottom: 40px;
	background: url(/static/images/blog-divider.gif) bottom left no-repeat;
}

#nws .post h2 {
	margin-bottom: 15px;
}

#nws .post h2 span {
	color: #4D4D4D;
	font-size: 18px;
}

img.blog {
	float: left;
	margin-bottom: 10px;
	margin-right: 10px;
	margin-top: 5px;
	padding: 3px;
	border: 1px solid #ccc;
}
.pagination {
}

.pagination ul {
	list-style: none;
	padding-left: 5px;
}

.pagination ul li {
	margin-right: 15px;
	width: auto;
}
/*-----------------------------------------------------
            >> Shows page <<
-----------------------------------------------------*/

/* the first show shown on the page */
.feature-show {
	width: 798px;
/*	border-bottom: 3px solid #062C3D;*/
	overflow: hidden;
	clear: left;
	padding-bottom: 40px;
	margin-bottom: 40px;
 	background: url(/static/images/divider.gif) bottom left no-repeat;
}

.feature-show h2 {
	text-transform: uppercase;
	margin-bottom: 0.8em;
}

.feature-show img {
	display: block;
	margin-bottom: 20px;
}
.feature-show h2 span {
}
.current-blurb {
	position: relative;
	float: left;
	width: 494px;
	clear: left;
/*	border: 1px solid red;*/
}
.feature-show .current-details,
.single .current-details {
	width: 234px;
	padding-left: 10px;
	margin-left: 40px;
	margin-top: 20px;
	background: #cccccc;
/*	border: 1px solid green;*/
}
.single .current-details {
	margin-top: 50px;
}
.feature-show .current-details p,
.single .current-details p {
	margin-bottom: 1em;
	margin-top: 1.2em;
}
.feature-show .current-details h3,
.single .current-details h3 {
	margin-top: 10px;
}

.feature-show p.more {
/*	float: left;*/
/*	font-size: 1.2em;*/
}
.show-content h2 {
  margin-bottom:0.8em;
  width:494px;
  text-transform:uppercase;
/*  border-bottom:2px solid #062C3D;*/
  font-style: normal;
}
.show-content h2 a {
  color:#062C3D;
}

.show-content img {
  float:left;
  display:inline;
  margin:0;
}

.single { /* no bottom border for the project page */
	background: none;
}

.notFound {
  width: 494px;
  float: left;
  background: #cccccc;
  padding: 4em 0;
  text-align: center;
}

.current-details {
  float:left;
  display:inline;
  width:244px;
  padding:0 20px 10px 40px;
  /*border:1px solid blue;*/
}

.current-details h3 {
  font-size:14px;
  font-weight:bold;
  font-style: normal;
}

.project {
  position:relative;
  float:left;
  clear:left;
  width:494px;
}

.project h2 {
	margin-bottom: 0px;
/*	text-transform: uppercase;*/
	border-bottom: 0;
	line-height: 1.3;
}

.project p {
	margin-top: 0.9em;
	margin-bottom: 2.1em;
}

p.more {
	float: right;
	margin-top: 0;
	margin-bottom: 2em;
	padding-right: 10px;
}
p.more a {
	color: #062C3D;
}
p.more a:hover {
	color: #B0005D;
}

p.important a {
	color: #B0005D;
}
p.important a:hover {
	color: #062C3D;
}
.newsLink {
	border-top: 1px solid #062C3D;
	width: 220px;
}
.newsLink a {
	display: block;
	float: right;
	padding-top: 5px;
}
.description {
  position:relative;
  float:left;
  clear:left;
  width:494px;
  margin-top:30px;
}

.reviews {
  float:left;
  display:inline;
  width:244px;
  padding:0 20px 0 40px;
  margin-top:40px;
}
.reviews h4 {
	margin-bottom: 20px;
}
.reviews blockquote {
	padding: 0 10px;
	border-left: 1px solid #ccc;
	margin: 15px 0;
}
.reviews blockquote p {
  width:100%;
  font-size:1em;
  line-height:1.6;
}

/*div.portfolio .slideshowMain {
  background: url(/static/images/spinner.gif) center center no-repeat;
  margin-bottom:10px;
}

div.portfolio .slideshowThumbs {
  margin-bottom:20px;
}

div.portfolio .slideshowMain img, div.portfolio .image img {
  width:96%;
}

div.portfolio .slideshowThumbs img {
  width:185px;
  margin-right:6px;
}

div.portfolio .caption, div.portfolio .imageInfo {
  text-align:left;
  margin-top:5px;
}

div.portfolio .slideshowMain p.caption {
  height:50px;
}  
div.slideshow ol {
  list-style:none;
}

.back a {
  clear:both;
  display:block;
/*  width:800px;*!/
	width: auto;
  height:40px;
/*  border:1px solid red;*!/
}

#slideshow {
  clear:left;
}

#slideshow ol {
	list-style:none;
}*/

/*-----------------------------------------------------
            >> Standard Image Handling <<
-----------------------------------------------------*/

img.small {
  float:left;
  width:50px;
  margin:0 8px 3px 0;
  border:1px solid #eee;
  padding:4px;
  background:#fff;
}
img.med {
  float:left;
  width:220px;
  margin:0 8px 3px 0;
  border:1px solid #eee;
  padding:4px;  
}
img.large {
  width:100%;
  margin:0 0 18px 0;
  border:1px solid #eee;
  padding:4px;
  background:#fff;  
}


img {
  margin-right: 30px;
}

a img {
  border: none;
  text-decoration: none;
}


/*-----------------------------------------------------
                     >> Events <<
-----------------------------------------------------*/

.event {
  margin-bottom:50px;
}





/*------------------------------------------------------------------------------
>>>> Gallery (GLY)
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

#gly div.image img {
  width: 100%;
}
#gly p.caption {
  margin-top: 1.0em;
  font-size: 90%;
}


/*------------------------------------------------------------------------------
>>>> Slideshow
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

#slideshow div.placeholder {
  clear: both;
  width: 100%;
  overflow: hidden;
  background: url(/static/images/spinner.gif) center center no-repeat;
  position: relative;
/*  border: 1px solid red;*/
}
#slideshow #SS_caption {
  font-size: 100%;
  height: 40px; /* You should set a height to stop the scrollbar flicker */
/*  border: 1px solid green;*/
  position: relative;
  z-index: 500;
  margin-top: -40px;
  padding-left: 10px;
  padding-top: 12px;
  background: url(/static/images/caption.png) top left no-repeat;
}
#slideshow ol {
	
/*	border: 1px solid red;*/
	position: relative;
	float: right;
	padding-right: 15px;
	margin-bottom: -40px;
	z-index:2000;
}
#slideshow ol li {
  padding: 3px 6px;   
  float: left;
  display: inline;
  cursor: pointer;
  font-size: 120%;
  color: #808080;
  width: auto;
  margin-left: 15px;
/*  border: 2px solid blue;*/
}
#slideshow ol li a {
  padding: 0.1em 1.0em 0.1em 0; 
  color:#000000;
  float: left;
  display: block;
}
#slideshow ol li#activeThumb { /* The active marker for the slideshow */ 
	color: #B0005D;
}

#prj #slideshow ol {
	float: left;
	padding-left: 10px;
	padding-top: 5px;
}
#prj #slideshow ol li {
	margin-right: 15px;
	margin-left: 0;
}

/*-----------------------------------------------------
                  >> Contact Form <<
-----------------------------------------------------*/

form {
  width:90%;
  padding:0 0 0 10px;
}

fieldset {
  padding:0;
}

label {
  display:block;
  text-align: left;
  color:#000000;
  font-size:90% ! important;
  text-transform:uppercase;
}

fieldset input {
  width:99%;
  font-size:15px;
  margin-bottom:10px;
  font-family:"Gill Sans", helvetica, arial, sans-serif ! important;

}

fieldset textarea {
  width:100%;
  font-size:15px;
  line-height:130%;
  font-family:"Gill Sans", helvetica, arial, sans-serif ! important;
}

p.submit {
  text-align:center;
  margin-top:10px;
  width:100%;
  overflow:hidden;
}

.submit input {
  font-size:16px;
}


/*-----------------------------------------------------
                     >> Search <<
-----------------------------------------------------*/

div.siteTitle form {
  position:relative;
  float:right;
  width:280px;
  margin-top:-4px;
}