/* Master Styles for NewYearsBoston.com */

body {margin: 0; text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 12px; background-color: black; background-image:url(images/bg-pattern.jpg); background-repeat:repeat-x; background-position:center top;}

.main {width: 684px; margin-left: auto; margin-right: auto; text-align: left; background-color: white; background-image:url(images/main-bg.jpg); background-repeat: repeat-x;}
.header {height: 74px; background-image: url(images/header-bg.jpg); background-repeat: repeat-x; border: none; padding:0; margin: 0;}
.header img {margin: 0; padding: 0;}
.footer {clear: both; background-color: #006699; background-image: url(images/footer-bg.jpg); background-repeat: no-repeat; margin: 0; padding: 0; height: 100%; background-position: center bottom;}
.outer {background-image:url(images/outer-bg.jpg); background-position: center top; background-repeat: no-repeat;}
.main p {padding: 0 15px;}
ul.eventlistings {margin: 0 0 0 15px; padding: 0; display: block; clear: both; width: 654px;}
.eventlistings li {list-style: none; margin: 0; padding: 0; display: block;}
li.event {width: 335px; float:left; margin-right: 15px;}
li.event:first-line {font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 14px; font-style: italic;}
li.event a:link, li.event a:visited {font-size: 10px; font-weight: bold; text-transform: uppercase; color: #00306e; text-indent: 12px; background-image:url(images/question_on.gif); background-repeat:no-repeat; background-position:left; display: block;}
li.event a:hover {color: #006dd3; background-image:url(images/question_off.gif); background-repeat:no-repeat; background-position:left;}
li.location {width: 190px; float:left; margin-right: 15px}
li.location:first-line {font-weight: bold;}
li.tickets {clear: right; float:right;}
a.button:link, a.button:visited {font-size: 12px; font-weight: bold; text-transform: uppercase; color: white; display: block; background-image:url(images/buy-tickets-off.gif); background-position:center; text-align: center; background-repeat: no-repeat; width: 96px; height: 20px; padding-top: 5px; text-decoration: none; margin: 4px 0;}
a.button:hover {color: white; background-image:url(images/buy-tickets-on.gif); background-position:center; text-align: center; background-repeat: no-repeat; text-decoration: none; padding-top: 5px;}
li.clear {height: 10px; clear: both; margin-right: 0; line-height: 10px; border-bottom: 1px dashed #CCCCCC; margin-bottom: 8px;}
em {font-weight: bold; font-style: italic;}
em.oldevent {color: #006dd3; text-align: center;}
em.oldevent a:link, a:visited {color: #006dd3;}
em a:hover {text-decoration: none;}
.event-listing {}
.event-listing:first-line {font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 16px; font-style: italic;}
.big-bold {font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 16px; font-style: italic;}
.big-bold2 {font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 14px; font-style: italic;}
a.backlink:link, a.backlink:visited {font-size: 10px; font-weight: bold; text-transform: uppercase; color: #00306e;}
a.backlink:hover {color: #006dd3;}
.logobar {margin: 0px; padding: 10px; color: #ffffff; font-size: 10px; background-color: #002451;}
.logobar img {margin-left: auto; margin-right: auto; margin-top: 0; margin-bottom: 0; padding: 0;}
a.logobar {text-decoration: none; color: #ffffff;}
ul.topnav {display: block; list-style: none; margin: 0; padding: 0; clear: both; background-image:url(images/nav-bg.jpg); background-repeat: repeat-x; height: 25px;}
ul.topnav li {display: inline;}
ul.topnav li a:link, ul.topnav li a:visited {border-left: 1px solid #406da5; border-right: 1px solid #003577; padding: 7px 5px; margin: 0; color: white; font-weight: bold; font-family:Arial, Helvetica, sans-serif; font-size: 11px; line-height: 11px; text-decoration: none; background-image:url(images/nav-bg.jpg); background-repeat: repeat-x; display: block; text-align: center; vertical-align: middle; width: 120px; float:left;}
ul.topnav li a:hover {background-image:url(images/nav-bg-over.jpg); background-repeat: repeat-x;}
.email_form {margin: 3px 0; padding: 0; height: 22px; float: right;}
.fieldbox {margin: 0; padding: 0; width: 145px; font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: black;}
.email_button {margin: 0 5px; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: black; text-transform: uppercase;}
.email_box {width: 444px;}