/* -----------------------------------
			
	      TicketstotheCity.com
	  ~ ttc-screen.css stylesheet ~
		  
   ----------------------------------- */

* { padding: 0; margin: 0; } /* kill all whitespace */

body {
	line-height: 1; /* http://www.meyerweb.com/eric/thoughts/2006/02/08/unitless-line-heights/ */
	font-size: x-small; /* for IE5/Win */
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: small;	/* for standards based browsers */
	font-family: Arial, Verdana, sans-serif;
	background-color: #00245f;
	color: #ffffff;
}

html>body {
	font-size: small; 	/* for Opera */
}

/* -----------------------------------
			 General Styles
   ----------------------------------- */
   
img,
a img,
form fieldset { border: none; }
form legend { display: none; }
ul { list-style: none; }
a { color: #101e38; }
a:hover { color: #1149a1; }
p { line-height: 140%; margin-bottom: 15px; }

.wrapper { width: 100%; }

h1 { display: none; }

h2 {
	font-family: Georgia, Times, serif;
	font-size: 110%;
	font-weight: lighter;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 0.2em;
	color: #666;
}
h2 span {
	display: block;
	width: 76%;
	margin: 0 12%;
	border-bottom: 1px solid #ccc;
}

h3 {
	font-family: Georgia, Times, serif;
	font-size: 110%;
	margin: 30px 40px 20px 40px;
	padding-bottom: 15px;
	border-bottom: 1px solid #ccc;
	font-weight: lighter;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 0.2em;
	color: #666;
}

/* -----------------------------------
			 Top Styles
   ----------------------------------- */

#top { 
	background: url(../images/bkgd/bkgd-top.gif) repeat-x 0 0; 
	height: 200px;
}

#marquee {
	width: 800px;
	height: 200px;
	margin: 0 auto;
	background: url(../images/bkgd/bkgd-top-tab.gif) no-repeat top center;
}


/* -----------------------------------
			 	Icons
   ----------------------------------- */

.icon-venues 		{ background: url(../images/stickers/sticker-venue.gif) no-repeat center left; }
.icon-events 		{ background: url(../images/stickers/sticker-events.gif) no-repeat center left; }
.icon-packages 		{ background: url(../images/stickers/sticker-packages.gif) no-repeat center left; }
.icon-donations 	{ background: url(../images/stickers/sticker-donations.gif) no-repeat center left; }
.icon-coupons 		{ background: url(../images/stickers/sticker-coupon.gif) no-repeat center left; }
.icon-reports 		{ background: url(../images/stickers/sticker-reports.gif) no-repeat center left; }
.icon-users 		{ background: url(../images/stickers/sticker-users.gif) no-repeat center left; }

/* -----------------------------------
		    Center Styles
   ----------------------------------- */

#center { 
	background-color: #f4f4f4; 
	color: #252525;
}

#content {
	width: 800px;
	margin: 0 auto;
	padding: 15px 0;
}

#header {
	width: 800px;
	height: 225px;
	margin-bottom: 25px;
}

a#header-overlay {
	display: block;
	text-decoration: none;
	border: none;
	width: 800px;
	height: 225px;
	background: url(../images/bkgd/bkgd-header.png) no-repeat top left;
}

#columns { width: 800px; }

#col-l { 
	width: 525px;
	margin-right: 10px;
	float: left;
}
#col-r {
	width: 245px;
	margin-left: 10px;
	float: right;
}

.col1-2,
.col2-2 { 
	width: 222px;
	padding: 0 10px;
	margin-bottom: 15px;
	float: left; 
}

.col1-2 h3,
.col2-2 h3 { margin: 30px 10px 20px 10px; }

/* Tabs */

.tab-lg {
	width: 525px;
	padding-bottom: 60px;
	background: url(../images/tabs/tab-bottom-lg.gif) no-repeat bottom left;
}
.tab-lg h2 {
	width: 485px;
	padding: 60px 20px 10px 20px;
	background: url(../images/tabs/tab-top-lg.gif) no-repeat top left;
}
.tab-lg-content {
	width: 485px;
	padding: 10px 20px;
	background: url(../images/tabs/tab-middle-lg.gif) repeat-y top left;
}

.tab-sm {
	width: 245px;
	padding-bottom: 30px;
	background: url(../images/tabs/tab-bottom-sm.gif) no-repeat bottom left;
}
.tab-sm h2 {
	width: 205px;
	padding: 50px 20px 5px 20px;
	background: url(../images/tabs/tab-top-sm.gif) no-repeat top left;
}
.tab-sm-content {
	width: 205px;
	padding: 10px 20px;
	background: url(../images/tabs/tab-middle-sm.gif) repeat-y top left;
}

p.lg-txt {
	font-size: 130%;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	padding: 0 30px 40px 30px;
	line-height: 180%;
	color: #666;
	background: url(../images/bkgd/bkgd-flourish.gif) no-repeat bottom center;
}
p.lg-txt cite { display: block; text-align: right; }

p.lg-txt span.center { display: block; text-align: center; }

p.icon-feature {
	text-align: center;
	margin-bottom: 10px;
}

ul.feature-col { margin: 25px 0; }
ul.feature-col li { 
	margin: 0 30px 5px 10px;
	padding: 10px 0 0 90px;
	min-height: 75px;
	line-height: 130%;
	background-position: 0 0;
}

ul.list { margin-bottom: 15px; }
ul.list li {
	padding: 5px 20px 5px 20px;
	line-height: 140%;
}

ul.gray-list li 	{ background: url('/images/bullets/bullet-gray.gif') no-repeat left 5px; }
ul.blue-list li 	{ background: url('/images/bullets/bullet-blue.gif') no-repeat left 5px; }

span.list-summary { 
	display: block;
	color: #666;	
}

/* -----------------------------------
		    Form Styles
   ----------------------------------- */

p.error-msg {
	margin: 0 25px 25px 25px;
	padding: 15px;
	background: #ff4c4c;
	color: #ffffff;
}

#signup label,
#signup input.text,
#signup input.city,
#signup input.state,
#signup input.zip,
#signup select { float: left; }

#signup label 		{ width: 170px; padding: 0 20px; }
#signup input.text 	{ width: 245px; }
#signup input.city 	{ width: 120px; margin-right: 5px; }
#signup input.state { width: 35px; margin-right: 5px; }
#signup input.zip 	{ width: 70px; }

#signup input.error { background-color: #febaba; }

#signup label em { 
	display: block;
	float: left;
	font-family: "Baskerville", Georgia, Times, serif; 
	font-size: 120%; 
	font-style: italic;
	width: 20px;
	text-align: right;
}

#signup fieldset span.optional-txt { 
	display: block; 
	width: 245px;
	margin-left: 210px; 
	color: #999;
}

#signup label.checkbox { float: none; width: auto; padding: 0 0 0 5px; }

textarea.agreement {
	width: 100%;
	height: 195px;
	margin-bottom: 15px;
	border: 1px solid #002465;
}

/* -----------------------------------
		    Bottom Styles
   ----------------------------------- */

#bottom { 
	background: url(../images/bkgd/bkgd-footer.gif) repeat-x 0 0; 
	height: 220px;
}

#footer {
	width: 500px;
	height: 140px;
	margin: 0 auto;
	padding: 40px 150px 0 150px;
	background: url(../images/bkgd/bkgd-footer-tab.gif) no-repeat top center;
	text-align: center;
	font-size: 85%;
	color: #c7c7c8;
}

a.logo-cam {
	display: block;
	text-indent: -9000px;
	width: 216px;
	height: 50px;
	margin: 0 auto;
	background: url(../images/logos/logo-cam.gif) no-repeat bottom left;
}
a.logo-cam:hover { background-position: top left; }

a.logo-mt {
	display: block;
	text-indent: -9000px;
	width: 216px;
	height: 25px;
	margin: 0 auto;
	margin-bottom: 15px;
	background: url(../images/logos/logo-mt.gif) no-repeat top left;
}
a.logo-ee {
	display: block;
	text-indent: -9000px;
	width: 155px;
	height: 25px;
	margin: 0 auto;
	margin-bottom: 15px;
	background: url(../images/logos/logo-ee.gif) no-repeat top left;
}
a.logo-extjs {
	display: block;
	text-indent: -9000px;
	width: 90px;
	height: 25px;
	margin: 0 auto;
	margin-bottom: 15px;
	background: url(../images/logos/logo-extjs.gif) no-repeat top left;
}
a.logo-mt:hover,
a.logo-extjs:hover,
a.logo-ee:hover { background-position: bottom left; }

div.powered-by {
	margin: 0 auto;
	width: 245px;
	text-align: center;
}
div.powered-by span { display: block; margin-bottom: 5px; }
div.powered-by a { float: left; }

/* -----------------------------------
			 Nav Styles
   ----------------------------------- */

ul#nav { 
	text-align: center; 
	width: 800px;
}
ul#nav li { 
	position: relative;
	display: -moz-inline-box;
	display: inline-block;
	padding-top: 10px;
	margin: 0 15px; 
}
ul#nav li a {
	color: #abaaaa;
	text-decoration: none;
	font-size: 105%;
}
ul#nav li a:hover {
	color: #fff;
}

#page-home li#nav-home,
#page-features li#nav-features,
#page-signup li#nav-signup,
#page-tutorials li#nav-tutorials,
#page-support li#nav-support  		{ background: url(../images/bkgd/bkgd-nav-active.gif) no-repeat center top; }

#page-home li#nav-home a,
#page-features li#nav-features a,
#page-signup li#nav-signup a,
#page-tutorials li#nav-tutorials a,
#page-support li#nav-support a 		{ color: #fff; }

ul#nav-footer { 
	text-align: center; 
	width: 100%;
	margin-bottom: 15px;
}
ul#nav-footer li { display: inline; }
ul#nav-footer li a {
	color: #c7c7c8;
	text-decoration: none;
	padding: 0 10px;
	border-right: 1px solid #c7c7c8;
}
ul#nav-footer li a:hover { color: #fff; }
ul#nav-footer li a.last { border-right: none; }

/* -----------------------------------
			 Login Form
   ----------------------------------- */

form#login { margin-bottom: 15px; }

#login label,
#login input { 
	display: block; 
	margin-bottom: 5px;
}

#login label {
	color: #666;
	font-family: Georgia, Times, serif;
	font-size: 85%;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 0.15em;
	margin-top: 10px;
}

#login #username,
#login #password {
	width: 90%;
	margin-left: 5%;
	margin-right: 5%;
	background-color: #eee;
}

#login #login-btn {
	width: 50%;
	margin: 15px 25% 0 25%;
}

p#login-help { 
	margin-top: 20px;
	text-align: center;
	font-size: 85%; 
	color: #666; 
}


/* -----------------------------------
			 Miscellaneous
   ----------------------------------- */

.clear-left 	{ clear: left; }
.clear-right 	{ clear: right; }
.clear-both 	{ clear: both; }
.left 			{ float: left; }
.right			{ float: right; }
.nofloat		{ float: none; }
.block			{ display: block; }
.none			{ display: none; }
.strong			{ font-weight: bold; }
.no-background 	{ background-image: none; }
.ampersand		{ font-family: "Baskerville", "Goudy Old Style", "Palatino", "Book Antiqua", serif; font-style: italic; }
i,
cite,
.elegant		{ font-family: "Baskerville", Georgia, Times, serif; font-size: 120%; font-style: italic; }
.dropcap 		{ float:left; color:#002465; font-size:100px; line-height:70px; padding-top:2px; font-family: "Times New Roman", Times, serif, Georgia; } 
.lowercase		{ text-transform: lowercase; }
.uppercase		{ text-transform: uppercase; }

/* ----------------------------------------------------------------------------
						Clearfix Easy Clearing of Floats

			http://www.positioniseverything.net/easyclearing.html
   ---------------------------------------------------------------------------- */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */