/* Greenpoint Gazette Main Styles */

/* globals */

* { margin: 0; padding: 0; text-decoration: none; border: 0; }
body { background: #FFFFFF url(images/toppr.gif) repeat-x center 0px; text-align: center; font-family:"Trebuchet MS", "Lucida Grande", Geneva, Helvetica, sans-serif; color:#272727; }
/* clearing fixer */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
h1, h2, h3, h4, h5, h6 { font-family:Helvetica, Arial, Geneva, sans-serif; }
p { font-family:Georgia, "Times New Roman", Times, serif; }
ul { list-style-type: none; }

/* main structures */

#page { width:760px; margin:0 auto; text-align: left; }
#header { height: 60px; padding-top: 10px; }
#thelogo { float:left; }
#topbanner { width:468px; float:right; height: 60px; background-color: #000; }
#navbar { height: 30px; border-left: 1px solid #39b051; }
#navbar li, #footernav li { float:left; display: block; }
#default li.homepg, #entertainment li.entpg, #news li.newspg, #calendar li.ccpg, #classifieds li.adspg, #about li.aboutpg, #advertise li.aboutpg, #contact li.aboutpg, #submityourad li.aboutpg, #submityourevent li.aboutpg { background: url(images/thispg.gif) no-repeat bottom center; }
#navbar li a, #footernav li a { font-size: 11px; text-transform: uppercase; display: block; float:left; border-right:1px solid #39b051; line-height: 30px; padding: 0 10px; color: #FFF; }
#navbar li a:hover, #navbar li a.thispg, #footernav li a:hover { background-color: #FFF; color:#000; }
.today { float:right; font-size: 11px; text-transform: uppercase; line-height:30px; color: #FFF; }
#footernav .today { margin-right:10px; }

/* top stories */
 
#topstories h1.sectionhead { text-indent: -9999px; height: 20px; background: url(images/topstories.gif) no-repeat left top; margin: 10px 0; }
.subwraptop { height: 480px; overflow: hidden; border-bottom: 10px solid #006f3a; margin-bottom: 10px; }
#topstories h2 { font-size: 31px; line-height: 1.1em; margin: .3em 5px 0 0; }
#topstories h3 { font-size: 16px; line-height: 1.1em; margin-top: .3em; }
#topstories h4 { font-size: 12px; line-height: 1.1em; }
#topstories .col160 { height:470px; }

/* generic columns */

.col300 { float:left; width:300px; }
.col300 p, .newsitem p, .newsarticle p { font-size:13px; line-height: 1.5em; margin-right: 10px; }
.medimg img { width:290px; height:218px; }
.lgimg { margin-bottom: 20px;}
.lgimg img { width:450px; height:338px; }
div.imagecol { width:160px; float:right; }
img.extras { float:right; margin:0 0 5px 10px; width:150px; height: 113px; }
.kapshun { background-color: #000; color:#dedede; line-height: 1.3em; display: block; padding: 5px; font-size: 12px; font-weight: bold; }
.photog { padding:left; 10px; font-size: 9px; text-transform: uppercase; }
.col160 { float: left; width:160px; }
.col150 { float: right; width:150px; }
.col130 { float: right; width:130px; }
.box150 { float:left; width:150px; height:230px; margin-bottom: 10px; overflow: hidden; }
.box150 h3 { margin:0 5px; }
.box150 p { font-size: 12px; line-height: 1.3em; margin:0 5px 0 5px; }
.dotted { background: url(images/dotted.gif) repeat-y right top; }
li.sidebaritem { background-color: #e0ede7;  }
.sidebarfoot { font-size: 10px; text-transform: uppercase; display: block; font-weight: bold; padding: 10px; background-color:#e0ede7; }
.sidebarheader { display:block; height: 24px; background-color: #e0ede7; text-indent: -9999px; border-bottom: 1px solid #FFF; width:100%; }

/* sidebar headers */

.morenews { background:#e0ede7 url(images/morenews.gif) no-repeat left top; }
.moreevents { background:#e0ede7 url(images/moreevents.gif) no-repeat left top; }
.morearticles { background:#e0ede7 url(images/morearticles.gif) no-repeat left top; }
.morecats { background:#e0ede7 url(images/categorieshdr.gif) no-repeat left top; }
.moretags { background:#e0ede7 url(images/tagshdr.gif) no-repeat left top; }
.recents { background:#e0ede7 url(images/recents.gif) no-repeat left top; }

/* links */

.col300 a, .col160 a, .box150 a, .col150 a, .col130 a, #homeclassads a, #news .sectionleft a, #cats a, #tags a, #classifieds .sectionleft a, #aboutcontent a { color:#006f3a; }
.col300 a:hover, .sidebarfoot a:hover, .box150 a:hover, #homeclassads a:hover, #news .sectionleft a:hover, #cats a:hover, #tags a:hover, #classifieds .sectionleft a:hover, #aboutcontent a:hover { background-color: #006f3a; color:#fff; }
li.sidebaritem a { display:block; padding:5px 10px 0px 10px; border-bottom: 1px solid #FFF; font-size: 12px; line-height: 1.1em; font-weight: bold;}
li.sidebaritem a:hover { background:#c5dcd1 url(images/arrow.gif) no-repeat left 33%; }
#entertainment .sectionleft a { color:#911919; }
#entertainment .sectionleft a:hover { color:#FFF; background-color:#911919; }
#calendar .sectionleft a { color:#003c6f; }
#calendar .sectionleft a:hover { color: #FFF; background-color: #003c6f; }

/* home sections */

.sectionleft { width:450px; float:left; }
.sectiontitle { display:block; font-size: 16px; line-height: 16px; margin-bottom: 10px; font-weight: bold; }
.adcolumn { float:right; width:310px; text-align: right; }
.adcolumn img { display: block; margin: 0 0 10px 10px;}

/* news stuff */
#news .sectionleft { border-bottom: 10px solid #006f3a; margin-bottom: 10px; padding-bottom:10px; }
#news h1.sectionhead { text-indent: -9999px; height: 20px; background: url(images/news.gif) no-repeat left top; margin: 10px 0 0 0; }
.byline { display:block; font-size:12px; margin-bottom: 15px; }

/* event stuff */

#comcal, #calendar .sectionleft { border-bottom: 10px solid #243f6e; margin-bottom: 10px; padding-bottom:10px; }
#comcal h1.sectionhead, #calendar h1.sectionhead { text-indent: -9999px; height: 20px; background: url(images/comcalhdr.gif) no-repeat left top; margin:0 0 10px 0; }
#calendar h1.sectionhead { margin: 10px 0 0 0; }
#comcal h3, #calendar .sectionleft h3 { font-size: 18px; line-height: 1.1em; padding:5px 0; }
#calendar h3.nolist { font-size: 25px; line-height: 1.1em; }
.event { border-bottom: 1px dotted #d7d7d7; padding:5px 0; margin-right: 10px; }
.timeplace { color:#303030; font-size: 12px; display: block; font-weight: bold; margin-bottom: 2px; }
#comcal p, #calendar .sectionleft p { font-size:12px; margin-bottom:10px; font-family:"Trebuchet MS", "Lucida Grande", Geneva, Helvetica, sans-serif; }
.caldate { width:55px; text-align: center; padding:5px; background: #f7f7f7 url(images/calcrnr.gif) no-repeat right bottom; color:#373737; float:left; border-top:1px solid #d7d7d7; border-left:1px solid #d7d7d7; margin:0 10px 5px 0; }
.caldate span { display: block; line-height:1; }
.caldate .dow { font-size:9px; text-transform: uppercase; }
.caldate .datenum { font-family:Helvetica, Arial, Geneva, sans-serif; font-weight: bold; font-size: 38px; letter-spacing: -1px; margin:2px 0 -4px 0; }
.caldate .mnth { font-size:11px; text-transform: uppercase; font-weight: bold; }
.caldate .yr { font-size:10px; letter-spacing: 3px; font-weight: bold; padding-top: 5px; color:#a7a7a7; }
#calendar .timeplace { font-size: 13px; margin-bottom: 5px;}
#calendar .timeplace span.loc { font-size:10px; color:#575757; font-weight:normal; text-transform: uppercase; }
#calendar .timeplace span.timer { color:#006f3a; }

/* entertainment stuff */

#entlist, #entertainment .sectionleft { border-bottom: 10px solid #911919; margin-bottom: 10px; padding-bottom:10px; }
#entlist h1.sectionhead, #entertainment h1.sectionhead { text-indent: -9999px; height: 20px; background: url(images/entertainhdr.gif) no-repeat left top; margin:0 0 10px 0; }
#entertainment h1.sectionhead { margin: 10px 0 0 0; }
#entlist h2, #entertainment .sectionleft h2 { font-size: 25px; line-height: 1.1em; margin-top: .3em; }
.rating { text-align: center; width:45px; height: 45px; color:#FFF; font-family:Helvetica, Arial, Geneva, sans-serif; font-weight: bold; letter-spacing: -1px; font-size:25px; line-height: 45px; float: left; margin: 5px 10px 5px 0; background-color: #000;}
.ratingsm { text-align: center; width:28px; height: 28px; color:#FFF; font-family:Helvetica, Arial, Geneva, sans-serif; font-weight: bold; letter-spacing: -1px; font-size:18px; line-height: 28px; float: left; margin: 5px 10px 5px 0; background-color: #000;}

/* classifieds stuff */

#classifieds .sectionleft { border-bottom: 10px solid #534741; margin-bottom: 10px; padding-bottom:10px; }
#homeclassads h1.sectionhead { text-indent: -9999px; height: 20px; background: url(images/classifieds300.gif) no-repeat left top; }
#classifieds h1.sectionhead { text-indent: -9999px; height: 20px; background: url(images/classhdr.gif) no-repeat left top; margin: 10px 0 0 0; }
#homeclassads { text-align: left; margin:0 0 10px 10px; padding-bottom: 10px; border-bottom: 10px solid #534741; }
#homeclassads ul, #classifieds .classad p { font-family:"Trebuchet MS", "Lucida Grande", Geneva, Helvetica, sans-serif; font-size:12px; }
#homeclassads li { display:block; line-height: 1.3em; border-bottom:1px dotted #d7d7d7; padding: 10px; background-color: #FFFFFF; color:#454545; }
.classcat { color:#b7b7b7; font-size: 11px; display: block; font-weight: bold; padding-top:2px; }
#homeclassads li .classcat a { color:#b7b7b7; }
#homeclassads li .classcat a:hover { color:#b7b7b7; background: transparent; text-decoration: underline; }
.classad { padding:10px 0; border-bottom:1px dotted #d7d7d7; line-height: 1.5; }
.classtitle { float:left; display:block; margin:0 5px -1px 0; font-weight: bold; font-size:12px; text-transform: uppercase; color: #000; padding:0 5px 0 0; }
.rssCcat { display: block; font-family:Helvetica, Arial, Geneva, sans-serif; font-weight: bold; background-color: #d7d7d7; font-size: 11px; padding:5px; margin-top:10px; text-align: center; text-transform: uppercase; }
#classifieds .sectionleft .rssCcat a { color:#272727; }
#classifieds .sectionleft .rssCcat a:hover { color:#272727; background-color: transparent; }

/* elist widget */
#elist { text-align: left; margin:0 0 10px 10px; border-bottom: 10px solid #28903a; font-family:"Trebuchet MS", "Lucida Grande", Geneva, Helvetica, sans-serif; font-size:11px; }
#elist h1.sectionhead { text-indent: -9999px; height: 20px; background: url(images/elistbanner.gif) no-repeat left top; margin-bottom: 10px; }
#elist p { padding:0 10px; font-family:"Trebuchet MS", "Lucida Grande", Geneva, Helvetica, sans-serif; color:#575757; line-height: 1.4em; }

/* generic span styles */

.dateline { color:#707070; font-size: 10px; display: block; padding-top:2px; margin-bottom: 5px; }
.continue { font-size: 10px; text-transform: uppercase; display: block; padding: 10px 0 0 0; }
.paginate { font-size: 10px; text-transform: uppercase; display: block; padding: 10px 0 0 0; text-align: center; }
.paginate .newer { float:left; }
.paginate .older { float:right; }
.readmore { font-size: 10px; text-transform: uppercase; display: block; padding: 5px 0 0 5px; }
.box150 .dateline { padding:2px 5px; }

/* forms */
#elist .thisisaform { padding:10px; }
.thisisaform { padding:10px 0; }
.thisisaform label { font-size:11px; line-height:1.2em; }
.thisisaform fieldset p { font-style:italic; color:#373737; }
.thisisaform fieldset { clear:both; border:1px solid #E3E2E1; padding: 0 .5em .5em .5em; }
.thisisaform fieldset legend { font-size:19px; font-weight:bold; margin:0; padding:0 5px; color:#444; display:none; }
.thisisaform fieldset div { clear: left; display: block; height: expression('1%'); margin: .5em 0 0 0; padding: 1px 3px; }
.thisisaform fieldset div label { display: block; float: left; width:80px; padding:.3em .7em 0 0; margin:0; text-align: left; color:#373737; }
#elist .thisisaform fieldset div label { width:60px; }
.thisisaform input, .thisisaform select, .thisisaform textarea { border:1px solid #d7d7d7; padding:2px 3px; background-color: #fafafa; color:#979797; }
.thisisaform input:focus, .thisisaform select:focus, .thisisaform textarea:focus { background-color:#FFFFCC; color:#373737; }
.thisisaform form { margin-bottom:1em; }
.thisisaform .submitbtn input { margin-left: 90px; font-size: 11px; font-weight: bold; color:#FFF; background-color:#911919; border-color:#272727; }

ul.zemError { padding:5px; color:#FFF; background-color:#911919; font-size:11px; line-height: 1.4em; margin-top: 7px; }

/* sub pages */
#listpage { width:760px; clear:both; }
#sectionright { float:right; width:310px; margin-top: 10px; }
#sorters { padding:0 0 10px 10px; }
#cats ul { list-style-type: square; margin-top: 5px; }
#cats li { margin-left: 20px; font-size: 12px; line-height: 1.5em; }
#tags.col130 { margin-top: 10px; }
#tags span { font-size: 11px; line-height: 20px; }
#tags .t1 { font-size:11px; }
#tags .t2 { font-size:12px; }
#tags .t3 { font-size:13px; }
#tags .t4 { font-size:14px; }
#tags .t5 { font-size:16px; }
#tags .t6 { font-size:18px; }
.rightadblock { width:300px; }
.rightadblock div { margin:0 0 10px 10px; }
.newsitem, .newsarticle { border-bottom:1px dotted #d7d7d7; padding: 10px 0; }
.newsitem img { float:left; margin: 0 10px 5px 0; }
#calendar .newsitem img { float:right; margin:0 0 5px 10px; }
.newsarticle h3 { font-size: 25px; }
.newsarticle p { margin-bottom: .7em; }

/* statics */
#statics .sectionleft, #statics #sectionright { margin-top: 20px; }
#aboutnav { float:left; width:100px; }
#aboutnav li a { display: block; font-size:11px; padding:5px; border-bottom: 1px solid #d7d7d7; color:#006f3a; }
#aboutnav li a:hover, #aboutnav li.on a { background-color:#006f3a; color:#FFF; }
#aboutcontent { float:right; width:335px; }
#aboutcontent .sectionhead { font-size:19px; color:#373737; padding-bottom: 5px; border-bottom: 1px dotted #d7d7d7; margin-bottom: 10px; }
#aboutcontent p { font-size: 13px; margin-bottom: .5em; line-height: 1.5em; }
#aboutcontent .zemThanks { border:1px solid #E3E2E1; background-color: #FFFFEE; padding: 10px; font-size: 14px; line-height: 1.5em; }
#aboutcontent h3 { font-size:15px; margin:10px 0 5px 0; }

#aboutcontent div.linkitem { border-top:1px solid #E3E2E1; padding-top: 5px; margin-bottom: 5px; }
#aboutcontent div.linkitem p.linkee { font-size:16px; margin-bottom: 0; padding-bottom: 0;}
#aboutcontent div.linklist h2 { font-size:11px; text-transform: uppercase; letter-spacing: 1px; margin-top:20px; padding:5px 5px 2px 5px; background-color: #E3E2E1; }


/* footer */

#footer { margin: 20px 0;}
#footernav { height: 30px; background-color: #28903a; }
#legal { background-color: #006f3a; height: 40px; font-size: 10px; color:#fff; }
#footlogo {float:left; }
#legaltxt { float:right; line-height: 40px; padding:0 15px; }
#legaltxt a { color:#FFF; font-weight: bold; }
#legaltxt a:hover { text-decoration: underline; }