/* Reset styles */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0px 0px; padding: 0px 0px; border: 0px; outline: 0px; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
body { line-height: 1.3em; font-family: "Trebuchet MS", Georgia, Verdana, Helvetica, Sans-Serif; font-size: 0.75em; }
ol, ul, li { list-style-type: none; }
table { border-collapse: separate; border-spacing: 0px; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
acronym { cursor: help; }
/* Main styles */
a:hover, a:active, a:visited, a:link { text-decoration: none; padding: 1px 2px; }
hr, * .hidden, legend { display: none !important; }
* .last { border: none !important; background: none !important; padding-right: 0px !important; margin-right: 0px !important; }
* .first { border: none !important; background: none !important; padding-left: 0px !important; margin-left: 0px !important; }
sup { font-size: 0.9em; position: relative; bottom: 0.4em; }
sub { line-height: 0.8em; font-size: 0.7em; }

#global { width: 1000px; margin: 0px auto; }

/* header */
#header { width: 1000px; height: 355px; padding-top: 3px; }
#header div { width: 980px; height: 350px; margin: 0px auto; }
#header h1 { width: 258px; height: 158px; padding: 40px 0px 0px 30px; }
#header h1 a { display: block; width: 258px; height: 158px; text-indent: -99999px; }

#header ul { float: left; width: 866px; /*height: 68px;*/ margin: 83px 0px 0px 1px; }
#header ul li { position: relative; width: 123px; height: 68px; float: left; }
#header ul li a { padding: 0px 0px; display: block; width: 123px; height: 55px; text-align: center; text-transform: uppercase; font-size: 1.5em; margin-top: 11px; line-height: 3.2em; }
#header ul li.current a span { display: block; width: 121px; height: 57px; }

/* content */
#content { overflow: hidden; width: 1000px; }

#content .left { float: left; width: 650px; margin: 35px 25px 35px 35px; }

#content .homeIntro { padding-bottom: 20px; }

#content #ads { margin-bottom: 20px; }

#content .left h2 { font-size: 2em; margin-bottom: 15px; font-weight: normal; }
#content .left h3 { font-size: 1.4em; margin-bottom: 10px; padding-top: 10px; font-weight: normal; }
#content .left p { line-height: 1.3em; margin-bottom: 10px; font-family: Arial, Verdana, Georgia; font-size: 0.95em; }
#content .left p strong { font-weight: bold; }
#content .left .static ul li { line-height: 1.3em; margin-bottom: 5px; font-family: Arial, Verdana, Georgia; font-size: 0.95em; padding-left: 15px; }

#content .right { float: right; width: 250px; margin: 35px 35px 35px 0px; }
#content .right h3 { font-size: 1.5em; }
#content .right a { padding: 1px 0px; }

#content .block h3 { padding: 20px 15px 15px 15px; }
#content .block img { margin: 0px 0px 10px 15px; }
#content .block p { margin: 0px 15px 20px 15px; font-family: Arial, Verdana, Georgia; font-size: 0.9em; }
#content .block p a:hover { text-decoration: underline; }
#content .block a.more { text-align: center; padding: 8px 15px 10px 11px; margin: 0px 0px 0px 10px; }

#content .block ul { margin: 0px 15px 15px 15px; }
#content .block ul li { margin-bottom: 10px; padding-bottom: 10px; }
#content .block ul li em { font-size: 0.85em; }
#content .block ul li h4 { font-size: 1.15em; margin-bottom: 5px; font-weight: bold; }
#content .block ul li h4 a { padding: 0px 0px; }
#content .block ul li p { margin: 0px 0px; font-family: Arial, Verdana, Georgia; font-size: 0.9em; }
#content .block ul li.last, #news ul li.last { background: none; }

#content .right ul.more { padding: 0px 0px 15px 0px; min-height: 160px; }
#content .right ul.more li { margin-bottom: 10px; background: none; padding-bottom: 0px; }
#content .right ul.more li a { font-size: 1em; }
#content .right ul.more li a:hover { text-decoration: underline; }
#content .right ul.more li.current a { font-weight: bold; }

#content .block { margin-bottom: 30px; padding-bottom: 15px; }

.titles { text-indent: -99999px; }
#content h2.titles { width: 100%; height: 25px; }
#content h3.titles { width: 100%; height: 22px; }
#content .block h3.titles { width: 215px; }

.tSplasher { background-position: -4px -4px; }
.tSubSplasher { background-position: -5px -70px; }
.tNews { background-position: -4px -50px; }
.tLatestPhotos { background-position: -4px -110px; }
.tNewsList { background-position: -4px -170px; }
.tEventsList { background-position: -4px -220px; }
.tVideos { background-position: -4px -372px; }
.tPhotos { background-position: -4px -322px; }
.tPlacesList { background-position: -4px -272px; }
.tSearch { background-position: -4px -422px; }

.tQuickSearch { background-position: 11px -187px; }
.tFPlace { background-position: 11px 18px; }
.tUpEvents { background-position: 11px -23px; }
.tMore { background-position: 11px -105px; }
.tNewsletter { background-position: 11px -145px; }
.tAlbums { background-position: 11px -266px; }
.tCategories { background-position: 11px -227px; }
.tSearchIn { background-position: 11px -348px; }
.tEdit { background-position: 11px -307px; }

.photo { width: 100%; padding-top: 7px; overflow: hidden; float: left; display: inline; }
.photo a { float: left; }
.photo img { float: left; margin: 10px 10px 10px 0px; }

.place .photo { width: 200px; }
.place .photo img { margin-top: 0px; }

#news, #events, #places, #commentsList, .genericList { margin: 0px 0px 40px 0px; }
#news ul li, #events ul li, #places ul li, #commentsList li, .genericList li { margin-bottom: 10px; padding-bottom: 10px; }
#news ul li em, #events ul li em, #places ul li em, #commentsList li em, #searchResults ul li em { font-size: 0.85em; }
#news ul li h3, #events ul li h3, #places ul li h3, #searchResults ul li h3 { font-size: 1.25em; font-weight: bold; margin-bottom: 5px!important; padding-top: 5px !important; }
#news ul li h3 a, #events ul li h3 a, #places ul li h3 a, #searchResults ul li h3 a { padding: 0px 0px; }
#news ul li h3 a:hover, #events ul li h3 a:hover, #places ul li h3 a:hover, .genericList li a:hover, #searchResults ul li a:hover { text-decoration: underline; }

.genericList li strong { margin-right: 30px; }

#commentsList li strong { font-weight: bold; }
#commentsList li strong span { letter-spacing: 2px; font-size: 1.15em; font-weight: normal; }

#gallery, #mediaList { overflow: hidden; }
#gallery ul li, #mediaList li { height: 110px; float: left; margin-right: 10px; margin-bottom: 20px; }
#gallery ul li em, #gallery ul li h4, #gallery ul li p { display: none; }
#content #mediaList li h3 { width: 105px; font-size: 1.2em; margin-bottom: 5px; padding-top: 0px; }

/* forms */
#globalForm, .globalForm { margin: 30px 0px 0px 0px; }
#newsletterForm div, #globalForm div, .globalForm div, #searchForm div { margin-bottom: 15px; width: 320px; float: left; overflow: hidden; }
#globalForm div.message { width: 100%; } 
#searchForm div strong, #newsletterForm div strong, #globalForm div strong, .globalForm div strong, #ratingForm div strong { text-transform: uppercase; font-size: 0.85em; font-weight: bold; float: left; width: 100%; margin-bottom: 2px; }
#searchForm div input, #newsletterForm div input, #globalForm div input, #globalForm div select, .globalForm div input, .globalForm div select, #ratingForm div select { border: none; width: 260px; height: 17px; padding: 5px 4px 1px 4px; font-size: 0.9em; float: left; }
#globalForm div textarea, .globalForm div textarea { font-family: Arial, Verdana, Georgia; border: none; width: 578px; height: 150px; padding: 6px 4px 1px 4px; font-size: 0.95em; float: left; }
#globalForm div select, .globalForm div select, #ratingForm div select { width: 267px; padding: 3px 4px 2px 4px; height: 19px; }
#newsletterForm div button, #globalForm div button, .globalForm div button, #ratingForm div button, #searchForm div button { border: none; padding: 4px 9px; text-transform: uppercase; cursor: pointer; }
#globalForm div span.info, .globalForm div span.info { float: left; padding-top: 3px; }
#globalForm div.submits, .globalForm div.submits { width: 100%; }

#globalForm div.checkboxes input, .globalForm div.checkboxes input { width: 15px; padding: 0px; margin: 0px; }
#globalForm div.checkboxes, .globalForm div.checkboxes { padding-top: 20px; }
#globalForm div.checkboxesNoTop, .globalForm div.checkboxesNoTop { padding-top: 0px; }
#globalForm div.checkboxes label strong, .globalForm div.checkboxes label strong { width: 90%; float: right; }

#newsletterForm, #searchForm { height: 160px; margin: 0px 15px; }
#searchForm { height: 50px; }
#newsletterForm div, #searchForm div { width: 210px; }
#newsletterForm div input { width: 180px; }
#searchForm div input { margin-top: 3px; width: 135px; margin-right: 20px; }

#ratingForm div { float: left; margin-right: 20px; }
#ratingForm div strong { width: 60px; padding-top: 4px; }
#ratingForm div select { width: 100px; margin-top: 4px; }

.searchForm div { width: 400px !important; }
.searchForm div.submits { margin-bottom: 0px !important; width: 100px !important; }
.searchForm div input { width: 380px !important; }
.searchForm div.submits button { margin-top: 18px; }

#globalForm div.message, .globalForm div.message { width: 100%; }
#message a { text-decoration: underline; }

#message { width: 80%; margin: 0px auto 25px auto; text-align: center; padding: 10px; font-weight: bold; }

#comments, #rating { margin-top: 20px; }

#detail { margin-bottom: 10px; }

#paginador { overflow: hidden; }
#paginador li { line-height: 1.6em; font-weight: bold; float: left; margin-right: 10px; }
#paginador li a { font-weight: normal; padding: 1px 7px; display: block; height: 18px; }
#paginador li span { display: none; }

/* footer */
#footer { width: 1000px; height: 204px; }
#footer p { font-family: Arial, Verdana, Georgia; font-size: 0.9em; float: left; margin: 22px 0px 0px 15px; }
#footer ul { float: right; margin: 22px 15px 0px 0px; }
#footer ul li { float: left; margin-right: 10px; padding-right: 8px; }
#footer ul li a:hover { text-decoration: underline; }
