@charset "utf-8";
/* CSS Document */
@font-face {
	font-family: "Gotham";
	src: url(../fonts/Gotham-Medium.otf) format('opentype');
}

body {
	font-family: "Myriad Pro";
	font-size: 14px;
}

#frontSummaryContainer, #rightContent, #header { font-size: 13px; }

/* TAG STYLES */
h1 { font-size: 30px; margin:0px; }
h1 span { font-size: 18px; font-weight: bold; }
h2 { font-size: 24px; margin:0px; text-transform: uppercase; }
h3 { font-size: 18px; margin:0px; text-transform: uppercase; }
h3 span { font-size: 12px; font-weight: bold; }
/* END */
 
/* CUSTOM CLASSES */
.sideMenuTitle { background-color: #2b2b2b; color: #fff; padding: 9px; font-size: 14px; font-family: "Gotham"; text-align:left; }
.sideMenuTitle img { margin: 0px 8px 0px 0px; position: relative; top: 2px;  }
.sideMenuTitle button { float: right; }
#frontSummaryContainer .story h3 { font-size: 14px; }
.currentIssueHeader { margin: 10px; }
.currentIssueHeader span { font-weight: bold; float: right; }
.story_brief h3 { border-bottom: 1px #2b2b2b solid; border-top: 10px #2b2b2b solid; margin-bottom: 3px; width: inherit; }
.storyContainer .imgContainer { text-align: center; font-size: 10px; font-weight: bold; }
.storyContainer .imgContainer img { width: 330px; }
/* END */

/* CONTENT SPECIFIC STYLES */
#header_logo { font-size: 18px; }
#header_distribute { text-align: right; color: #8c8c8c; }
#header_date { text-align: right; font-size: 18px; }
#header_weather { text-align: right; }

#seachContainer input[type='text'] { border: 1px #000 solid; margin:0px; width: 180px; } 
#seachContainer input[type='submit'] { background: #000; color: #fff; margin:0px; border: 1px #000 solid; } 

#topMenu ul li { text-transform: uppercase; font-size: 13px; font-family: "Gotham"; }
#right_sideMenu ul li { text-transform: uppercase; font-size: 13px; font-family: "Gotham"; }
#adminControls ul li { font-size: 10px; }
#topMenu ul li.current, #topMenu ul li:hover { background-color: #98ca3c; }

#footer a { text-transform: uppercase; font-size: 10px; font-family: "Gotham"; }

#topMenu ul li a, #right_sideMenu ul li a, #footer a, .menu_table tr td a { text-decoration:none; color: #000; }

.story_body .readMore { text-align:right; }
.story_body .readMore a { text-decoration: none; color: #98ca3c; font-weight: bold; }

#musictab h1, #moviestab h1, #cityeventstab h1, #theatretab h1 { font-size: 14px; }
#musictab h1 span, #moviestab h1 span, #cityeventstab h1 span, #theatretab h1 span { display: none; }

.broadwayShowDateTime { float:right; font-weight:bold; }

#adminControls h3 { font-size: 14px; }

/* FORM STYLES */
.textfield { width: 410px; }
.mytextarea { width: 410px; height: 250px;}
.textfield_sm { width: 146px; }

/* FONT COLORS */
.colorGreen { color: #98ca3c; }

/* TABLE STYLES */
.menu_table { width: 100%; margin:0px; padding: 0px; }
.menu_table tr, .menu_table tbody { margin: 0px; padding: 0px; }
.menu_table tr td { text-align: center; text-transform: uppercase; font-size: 13px; font-family: "Gotham"; margin:0px; padding: 6px; }
.menu_table tr td.current, .menu_table tr td:hover{ background-color: #98ca3c; }


.listingsTbl { width: inherit; }
.listingsTbl td { border-bottom: 1px #999 solid; }
.listingsTbl th { color: #ddd; background-color: #2b2b2b; }

.reg_table { width: 100%; }
.reg_table td { border-bottom: 1px #aaa solid; vertical-align: top; }
.reg_table tr.clear td  { border: 0px; }
.reg_table th { color: #ddd; background-color: #2b2b2b; }

.clear_table { width: 100%; }
.clear_table td { border-bottom: 0px #aaa solid; vertical-align: top; }
.clear_table th { color: #ddd; background-color: #2b2b2b; }
.clear_table tr.even { background-color: #c6e193; }

.forteendays { width: 100%; }
.forteendays td { border-bottom: 1px #aaa solid; vertical-align: top; }
.forteendays th { color: #ddd; background-color: #2b2b2b; }
.forteendays tr.even { background-color: #c6e193; }

input[type='text'], input[type='file'], input[type='password'], select, textarea { background-color: #eeeeee; border: 1px #aaa solid; font-size: 1em; color: #222; padding: 2px; }

.mybutton a, .mybutton, .ui-tabs a { color: #000 !important; font-style: normal !important; font-weight: bold !important; }

/* END */