/**
 * @name STG Presents User Interface
 * @version 2010.06.27
 * @author nick herold (nick@axisweb.com)
 * @copyright 2010 - Seattle Theatre Group
 * 
 * @type CSS
 * @desc using negative margins for layout (deprecated $.equalizeCols();)
 */

/* --base-- */
html, body {
	height:100%;
	padding:0;margin:0;border:0;
	background-color:#c8bea6;
	color:#2f1503;
}
#wp {
	background-image:url("/_ui/img/stg.wallpaper.jpg");
	background-repeat:repeat;
	background-attachment:fixed;
	background-position:top left;
	min-height:100%;
	
}
* html #wp { height:100% }
#stg-doc1 {
	width:965px;
	margin-left:auto;
	margin-right:auto;
	padding-top:8px;
	padding-bottom:6px;
}
#bd {
	float:left;
	width:535px;
	background-color:#fff;
	border-left:200px solid #fff; /* width and color of left col */
	border-right:230px solid #fff; /* width and color of right col */
	margin-top:0;
	margin-bottom:0;
}
* html #bd, * html #bd-newseason { height:1%; }
#center {
	float:left;
	width:535px;
	margin-right:-535px;
}
#left {
	float:left;
	width:200px;
	margin-left:-200px;
	position:relative;
}
#right {
	float:right;
	width:230px;
	margin-right:-230px;
	position:relative;
}
.content {
	background-color:#fff;
	padding-left:15px;
	padding-right:15px;
	padding-bottom:10px;
	border-left:2px dotted #c06e37;
	border-right:2px dotted #c06e37;
	min-height:600px;
}
.cLeft {
	text-align:center;
	color:#c8bea6;
}
.cRight {
	padding-left:10px;
	padding-right:10px;
	text-align:center;
	font-size:77%;
}
.cRight a {
	font-weight:bold;
	text-decoration:none;
}
.cRight a:hover { text-decoration:underline; }

a { color:#2f1503; }
a:hover { color:#c06e37; }
/* --New Seson-- */
#bd-newseason {
	float:left;
	width:965px;
	background-color:#fff;
}
.content-newseason {
	background-color:#fff;
	padding-left:30px;
	padding-right:30px;
	padding-bottom:10px;
	min-height:450px;
	font-family:Verdana;
}
#bd-newseason td {
	vertical-align:top;
	padding:2px;
}
/*#bd-newseason td img { border:1px solid #2f1503; }*/
#bd-newseason td .showdate { font-weight:bold; }

/* --helper classes-- */
.clearfix { clear:both; }
td, th { border:0; }
.left { float:left; width:250px; }
.right { float:right; width:250px; text-align:left; }
.nopad, .nopad td { margin:0; padding:0; line-height:0; }
.center { margin-left:auto; margin-right:auto; text-align:center; }


/* --hd/ft-- */
#hd {
	color:#fff;
	line-height:0;
	height:155px;
	overflow:hidden;
	border-bottom:18px solid #fff;
}
#hd-logo {
	float:left;
	text-align:left;
	border:0 none;
	padding:0;
	margin:0;
}
#hd-info {
	float:left;
	background-image:url("/_ui/img/stg.hd.png");
	background-repeat:no-repeat;
	background-position:top left;
	width:797px;
	padding-top:116px;
	padding-bottom:9px;
}

#hd-info img#donate { vertical-align:top; padding-left:16px; padding-top:4px; }

#search {
	height:30px;
	float:left;
	padding-left:20px;
}
#search input[type="text"] { width:190px;  margin-top:2px; vertical-align:top; }

/*#ft { border-top:16px solid #fff; }*/
#ft-spacer {
	height:1em;
	width:100%;
	background-color:#fff;
	border:1px solid #fff;
}
#ft a {
	color:#4c767a;
	text-decoration:none;
}

#ft ul, #ft ul li {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	display:inline;
	padding:0;
	margin:0;
}

#ft ul li { padding-right: 48px; }
#ft ul li.first { padding-right: 12px; }

/* --vCard elements-- */
#ft .vcard {
	text-transform:uppercase;
	background-color:#fff;
	font-size:9px;
	font-family:Tahoma;
	padding-left:10px;
}
#ft .type, #ft a.email { display:none; }


/* --left col-- */
.cLeft .spacer {
	background-image:url("/_ui/nav/dots.png");
	background-repeat:no-repeat;
	background-position:center;
	height:28px;
	margin-top:-4px;
}
#nav-main { text-align:left; }
#nav-main ul { margin-top:0; }
#nav-main ul li {
	list-style-type:none;
	margin-bottom:2px;
}

#sponsors {
	background-image:url("/_ui/img/stg.sponsors.png");
	background-position:top center;
	background-repeat:no-repeat;
	margin-top:4px;
}
#sponsors .slide { height:65px; width:155px; padding:0; margin:0; overflow:hidden; }
#sponsors .slide img { padding-top:46px; padding-left:22px; padding-bottom:32px; border:none; }

#copyright {
	padding-top:16px;
	text-transform:uppercase;
	padding-left:12px;
	padding-right:7px;
	font-size:9px;
}
#copyright .stg { color:#4c767a; }
#copyright .stg strong { color:#2f1503; }
#copyright a { color:#4c767a; }
#copyright a:hover { color:#2f1503; }


/* --right col-- */
.cRight .spacer {
	background-image:url("/_ui/nav/dots.png");
	background-repeat:repeat-x;
	background-position:center;
	height:48px;
	width:180px;
}
#socialbox {
	margin-left:26px;
	margin-right:26px;
	margin-top:4px;
	padding-bottom:8px;
	padding-top:10px;
	border-bottom:2px dotted #c06e37;
	border-top:2px dotted #c06e37;
	text-transform:uppercase;
}
#socialbox img {
	border:none;
	padding-left:6px;
	padding-right:6px;
}
#enews {
	padding-top:15px;
	/*padding-bottom:25px;*/
}
#shoutbox2 {
	margin-top:10px;
	/*margin-bottom:30px;*/
}

#blog {
	font-size:11px;
	text-align:left;
	margin-left:8px;
}
/*#feedControl .gf-snippet,*/
#feedControl .gf-author,
#feedControl .gf-spacer,
#feedControl .gf-relativePublishedDate,
#feedControl .gfc-resultsHeader {
	display:none;
}
#feedControl .gf-snippet { color:#527b7f; height:26px; width:160px; overflow:hidden; }
#feedControl .gfc-result {
	background-image:url("/_ui/img/stg.blogdot.png");
	background-repeat:no-repeat;
	margin-bottom:4px;
	margin-top:6px;
	padding-left:10px;
	margin-left:2px;
	padding-right:10px;
}


/* --homepage-- */
#stgCarousel {
	margin-bottom:15px;
}

.upcoming-artist {
	float:left;
	width:117px;
	vertical-align:top;
	text-transform:uppercase;
	/*font-family:Verdana;*/
	color:#2f1503;
	font-size:9px;
	padding-bottom:24px;
	padding-left:4px;
	padding-right:4px;
}
.upcoming-artist img { border:1px solid #2f1503; margin-bottom:8px; }
a.upcoming-show {
	color:#2f1503;
	text-decoration:none;
	font-weight:400;
}
a.upcoming-show:hover {
	color:#c06e37;
	text-decoration:underline;
}
.upcoming-date { padding-top:4px;color:#c06e37; }
.upcoming-venue { font-size:8px;padding-bottom:2px; }
.upcoming-cancelled {
	font-weight:bold;
	font-size:9px !important;
}

/*old index styles*/
/**/#artists-index {
	background-color:#fff;
	margin-left:auto;
	margin-right:auto;
}
/**/#artists-index td {
	vertical-align:top;
	text-transform:uppercase;
	/*font-family:Verdana;*/
	color:#2f1503;
	font-size:9px;
	padding-bottom:15px;
	padding-left:3px;
	padding-right:3px;
}
/**/#artists-index tr.bottom td { padding-bottom:0px; }
/**/#artists-index td img { border:1px solid #2f1503; }
/**/a.showname-index {
	color:#2f1503;
	text-decoration:none;
	font-weight:400;
}
/**/a.showname-index:hover {
	color:#c06e37;
	text-decoration:underline;
}
/**/.showdate-index { color:#c06e37; }
/**/.showvenue-index { font-size:8px; }


/* --subpage-- */
#subnav {
	padding-bottom:20px;
	margin-bottom:20px;
	border-bottom:1px dotted #ccc;
	font-size:77%;
	text-align:center;
	text-transform:uppercase;
	width:85%;
	margin-left:auto;
	margin-right:auto;
}
.pagetitle {
	color:#c06e37;
	font-weight:bold;
	margin-bottom:20px;
	text-transform:uppercase;
}
a.o:hover, .b { color:#2f1503; }
a.o, .o, h3 { color:#c06e37; }
.text { font-size:85%; }
.u { text-decoration:underline; }
a.o,a.o:hover { font-weight:bold; }



/* --FAQ pages-- */
ul.faq, ul.faq-club {
	margin-left:0;
	margin-right:0;
}
ul.faq ul { margin-left:15px; }
ul.faq li {
	list-style-type:none;
	font-weight:bold;
	color:#c06e37;
}
ul.faq li li {
	list-style-type:disc;
	padding-bottom:4px;
}
.faq-answers {
	margin-top:50px;
	padding-top:10px;
	border-top:1px solid #ccc;
}
ul.faq-club li {
	list-style-type:none;
	padding-bottom:16px
}
ul.faq-club strong { color:#c06e37; }


/* --Support pages-- */
.support-benefits td {
	font-size:9px;
	border:1px solid #000;
}


/* --Education pages-- */
.edu ul { margin-top:-4px; }
.edu ul li { list-style-type:none; padding-bottom:4px; }
.edu .quote {
	font-size:12px;
	color:#c06e37;
	font-style:italic;
	padding-bottom:8px;
}
.edu .slides {
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:12px;
	height:200px;
	width:300px;
	overflow:hidden;
}
.edu .slides-right {
	float:right;
	height:200px;
	width:300px;
	overflow:hidden;
	margin-bottom:12px;
}
.edu .slides img, .edu .slides-right img { border:1px solid #2f1503; }
.edu .left { width:170px; float:left; padding-bottom:12px; }
.edu .infobox {
	width:90%;
	padding:15px;
	background-color:#f1f1f1;
	border:1px solid #999;
	margin-left:auto;margin-right:auto;
	margin-top:25px;
	margin-bottom:25px;
	text-align:justify;
}
.months {
	font-size:10px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}


/* --Artists page-- */
#aInfo {
	text-transform:uppercase;
	font-weight:bold;
}
.aLeft {
	float:left;
	width:190px;
}
.aRight {
	float:right;
	text-align:right;
	width:310px;
	margin-bottom:20px;
}
#aTitle {
	color:#c06e37;
	font-weight:bold;
	margin-bottom:20px;
}
#aGuest { font-size:85%; }
.aImage img { border:2px solid #2f1503; }
.aSponsors { float:right; text-align:left; }
.aDownload { float:right; text-align:right; padding-top:4px; padding-left:16px; }
#aPresenter, .aVenue {
	font-size:85%;
	color:#2f1503;
}
.aVenue { padding-bottom:6px; }
.aVenue em { color:#c06e37; }
.aDateTime { font-size:77%; }
.aTickets { 
	font-size:77%;
	padding-bottom:20px;
}
.aTickets em { font-weight:bold; }
.aTickets a, .aOtherVenue a { color:#c06e37; }
.aTickets a:hover, .aOtherVenue a:hover { color:#2f1503; }
.aLink, .aLinkSeries {
	font-size:77%;
	padding-bottom:15px;
}
.aInvite {
	font-size:77%;
	padding-bottom:15px;
}
.aOtherVenue {
	font-size:77%;
}
.aSpacer {
	width:100%;
	text-align:center;
	margin-top:10px;
	margin-bottom:20px;
	border-bottom:2px dotted #c06e37;
}
.aText {
	font-size:77%;
	height:200px;
	display:block;
	overflow:hidden;
}
#ReadMore {
	font-size:85%;
	text-align:right;
	background-image:url("/_ui/img/stg.readmore.png");
	background-repeat:no-repeat;
	width:96px;
	height:22px;
	float:right;
	margin-top:5px;
}
#aMoreText {
	font-size:77%;
	margin-top:20px;
	text-align:center;
}
#addthis { padding-top:6px; }


/* --Event Calendar-- */
#calendar { font-size:9px; }
#calendar-small { font-size:9px; letter-spacing:-0.1em; }
#calendar td { border:1px solid #000; padding:0.2em; }
#calendar-small td { border:1px solid #000; padding:0.1em; margin:0; }
#calendar td.calendar-day,#calendar-small { height:96px; }
a.venueParamount { color:#c06e37; }
a.venueMoore { color:#64680f; }
a.venueOther { color:#608e92; }


/* --form validation-- */
#enews-signup label, #group-rsvp label { font-weight:bold; }
#enews-signup label.error, #group-rsvp label.error {
	color:red;
	font-style:italic;
	padding-left:6px;
}


/* --Press pages-- */
#press-left {
	float:left;
	width:265px;
	border-right:1px dotted #ccc;
}
#press-right {
	float:right;
	text-align:left;
	width:215px;
}
#press-left .o, #press-right .o {
	color:#c06e37;
	font-weight:bold;
	text-transform:uppercase;
}


/* --Group Sales-- */
#group-upcoming td { vertical-align:top; padding:6px; }
#group-upcoming ul li, #group-benefits li { padding-bottom:5px; }



/* --P Club-- */
.club {
	color:#3a2101;
	background-color:#e6e1d2;
	font-family:Georgia;
	font-size:85%;
	line-height:0;
}

.club-about {
	background-image:url("/img/club/sponsors-bg.jpg");
	background-position:top right;
	background-repeat:no-repeat;
}

.clubitem {
	padding-left:12px;
	padding-right:12px;
	padding-top:12px;
	padding-bottom:24px;
	line-height:14px;
}

.club .slides { height:55px; width:130px; padding:0; margin:0; overflow:hidden; float:right; }
.club .slides img { padding-left:22px; padding-right:20px; padding-bottom:130px; border:none; }




#cart-left td {
	vertical-align:top;
	padding:0px;
}
#cart-right td {
	vertical-align:top;
	padding:2px;
}
/*#bd-newseason td img { border:1px solid #2f1503; }*/
#bd-newseason td .showdate { font-weight:bold; }


/* CART SPECIFIC CLASSES */
.main { font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 12px; }
/*.pctext { font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 10px; color: #f3f3f3; }*/
.notes { font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 11px; font-style: italic; color: #910; }

.showdate { font-style: italic; color: #910; font-weight: bold; }


td.leftnav { padding-left:4px; font-size:11px; }
a.leftnav {	text-decoration:none; color:#2f1503; }
a.leftnav:hover { text-decoration:underline; color:#c06e37; }
img.outlined { border:1px solid #2f1503; }


#cart-left {
	width:160px;
	float:left;
}
#cart-right { float:left; }
/* END CART SPECIFIC CLASSES */