/* CSS Document */
html, body { text-align: center; min-height: 100%; margin-bottom: 1px; }
body { margin: 0; background: #fff; color: #191919; font-size: 12px; font-family: Arial, Helvetica, sans-serif; }
ul, li, ol, dl, dd, h1, h2, h3, h5, p, form, fieldset, img { margin: 0; padding: 0; list-style: none; border: 0; font-weight: 400; font-size: 12px; }
h4 { margin: 0; padding: 0; padding-top: 10px; color: #57493c; font-size: 12px; font-weight: 700; }
.clear { clear: both; font-size: 1px; height: 1px; padding: 0; margin: 0; }
hr { display: none; }
a { color: #009cc0; text-decoration: none; font-weight: 400; }
a:hover { color: #01c1ee; text-decoration:none; }
a:hover img { background: none; }
small { font-size: 11px; color: #888; font-weight: 400; }
#content p { line-height: 18px; padding: 5px 0; }
#header-container { width: 100%; height: 86px; background: #f4f3f4 url(images/header-bg.png) 0 100% repeat-x; }
#header { width: 990px; height: 75px; margin: 0 auto; text-align: left;}
#logo { padding-top: 10px; width: 250px; height: 40px; display: block; float: left; background: url(images/logo.png) 7px 10px no-repeat; text-indent: -9999px; overflow: hidden; }
/* ---------->>> Site Navigation <<<-----------*/
ul#nav { width: 728px; list-style: none; height: 30px; float: right; }
ul#nav li { float: left; display: inline; list-style: none; position: relative; height: 30px; width: 90px; margin-left: 1px; }
ul#nav li a { display: block; height: 30px; width: 90px; color: #fff; background: #99a92a url(images/nav-bg-8.png) no-repeat -182px 0; line-height: 30px; text-align: center; font-size: 12px; }
ul#nav li a:hover { color: #fff; background: #009cc0 url(images/nav-bg-8.png) no-repeat -91px 0; line-height: 30px; }
ul#nav li.current a, ul#nav li.current a:hover { color: #fff; background: #276476 url(images/nav-bg8.png) no-repeat 0 0; line-height: 30px; }
ul#tinymenu {width: 717px; list-style: none; height: 20px; float: right; padding: 5px 0; text-align: right; }
ul#tinymenu li { display: inline; font-size: 11px; line-height: 15px; padding: 0 15px; color: #666; }
ul#tinymenu li a { color: #666; font-size: 11px; line-height: 15px; text-decoration: none; }
ul#tinymenu li a:hover { text-decoration: underline; }
#wrapper { text-align: left; width: 100%; border-bottom: 1px solid #fff; }
#page { width: 990px; margin: 0 auto; }
#sidebar { width: 490px; float: left; padding-top: 30px; }
#content { padding-top: 1px; width: 490px; float: left; margin: 0 auto; background: #fff; }
#content1 { padding-top: 1px; width: 490px; float: right; margin: 0 auto; background: #fff; }
#bannerform-title { padding-top: 10px; width: 990px; float: left; margin: 0 auto; background: #fff; }
#sidebar-right { width: 480px; float: right; }
#story-left { padding-top: 1px; width: 490px; float: left; margin: 0 auto; background: #fff; }
#story-left_test { padding-top: 1px; width: 990px; float: left; margin: 0 auto; background: #fff; }
#story-right { padding-top: 1px; width: 490px; float: right; margin: 0 auto; background: #fff; }
#story-top { padding-top: 10px; width: 990px; float: left; margin: 0 auto; background: #fff; }
#story-top1 { padding-top: 1px; width: 990px; float: left; margin: 0 auto; background: #fff; }
/* ---------->>> blocks <<<-----------*/
.block { background: #f4f4f4; margin-bottom: 10px; }
.block h2 { padding-left: 10px; line-height: 35px; border-left: 5px solid #99a92a; background: #b6c647; color: #fff; font-size: 17px; font-weight: 700; }
.block h3 { color: #57493c; font-size: 17px; font-weight: 700; }
.page-block1 h2 span {display: block; background: #b6c647; color: #fff; padding-left: 15px; }
.page-block2 {padding: 15px; width: 450; height: 420px; }
.page-block3 {padding: 15px; width: 450; height: 420px; }
.page-block4 {padding: 15px; width: 450; height: 970px; }
.page-block5 {padding: 15px; width: 450; height: 970px; }
.page-block6 {padding: 15px; width: 450; height: 420px; }
.page-block7 {padding: 15px; width: 450; height: 550px; }
.page-block8 {padding: 15px; width: 990; height: 800px; }
.page-block p {display: block; font-weight: bold; }
.page-block h2 { font-size: 20px; background: #fff; width: auto; padding-left: 0; }
.page-block h2 span { display: block; background: #b6c647; color: #fff; padding-left: 15px; }
.page-block h2 span em { font-weight: 400; font-style: normal; }
.page-block h2 a { color: #fff; font-weight: 700; text-decoration: none; }
.page-block h2 a:hover { color: #fff; font-weight: 700; text-decoration: underline; }
.story { border-top: 1px solid #fff; height: 1%; padding: 15px 15px 0 15px; }
.story p a:hover { text-decoration: underline; }
.story li a:hover { text-decoration: underline; }
.page-block .story { border-bottom: 5px solid #fff; padding: 15px; }
.page-block .story h3 { font-size: 19px; color: #276476; }
.page-block .story h3 a { font-weight: 700; font-size: 19px; color: #276476; }
.page-block .story h3 a:hover { text-decoration: underline; }
.page-block .story h3 small { font-size: 12px; color: #333; font-weight: 400; }
.page-block .story h5 { color: #57493c; font-size: 15px; font-weight: 700; padding-left: 15px; }
.page-block .story .summary { padding-top: 10px; }
.page-block .story .summary p { font-size: 12px; font-weight: 600; }
.block fieldset { padding-top: 5px; }
.block input.textfield { width: 130px; border: 2px solid #e2e0de; background: #fff; color: #121212; font-size: 14px; padding: 3px; margin: 2px 0; }
.block input.hint-name { background: #fff url(images/hint-name.png) 0 50% no-repeat; }
.block input.hint-email { background: #fff url(images/hint-email.png) 0 50% no-repeat; }
.block input.textfield:focus { background-image: none; }
.block input.button { width: 60px; border: 2px solid #01c1ee; background: #01c1ee url(images/blue-button-bg.png) 0 50% repeat-x; color: #fff; font-size: 12px; font-weight: 700; padding: 3px; margin: 2px 0 2px 5px; cursor: pointer; }
.newsletter p { display: block; clear:both; font-size: 11px; color: #121212; padding-top: 7px; }
.jobs small { display: block; clear:left; font-size: 10px; }
.jobs a:hover small { color: #eee; }
.forum small { display: block; clear:both; font-size: 10px; }
.forum a:hover small { color: #eee; }
#latest-dir { width: 240px; }
.dir-cats { padding-bottom: 10px; }
.dir-cats .content li { background: #fff; margin: 2px 0 3px; }
.dir-cats .content li ul { display: none; }
.dir-cats .content li ul li { width: 150px; background: none; }
.dir-cats .content li:hover { background: #01c1ee; }
.dir-cats .content li:hover a { background: #0098bd; color: #fff; }
.dir-cats .content li:hover li a { width: 200px; padding-left: 10px; background: #01c1ee; font-size: 11px; }
.dir-cats .content li:hover a:hover { background: #00b3de; }
.dir-cats .content li:hover ul { display: block; }
.directory { background: #276476 url(images/directory-bg.png) no-repeat !important; background: #1e586a url(images/directory-bg.png) no-repeat; }
.directory h2 { font-size: 20px; background: #fff; width: auto; padding-left: 0; }
.directory h2 span { display: block; width: 260px; background: #b6c647; color: #fff; padding-left: 15px; }
.directory-in { border-top: 1px solid #fff; padding: 10px 20px 30px 20px; height: 1%; }
.directory .latest h3 { color: #2acbf1; display: inline; font-size: 16px; font-weight: 400; }
.directory .latest li { display: inline; font-size: 10px; color: #efefef; padding-right: 10px; }
.directory .latest li a { display: inline; font-size: 11px; color: #fff; margin-right: 5px; }
.directory .latest li a:hover { color: #fff; text-decoration: underline; }
.directory #nav_cat_archive { padding-top: 0; height: 1%; }
/* main categories */
.directory #nav_cat_archive li { padding: 15px 0 0; display: block; clear: left; }
.directory #nav_cat_archive li a { color: #fff; font-size: 14px; display: block; float: left; font-weight: 700; width: 180px; }
.directory #nav_cat_archive li a:hover { color: #fff; text-decoration: underline; }
/* sub categories */
.directory #nav_cat_archive ul { margin-left: 180px; margin-top: 0; padding-top: 0; }
.directory #nav_cat_archive ul li { padding: 0; float: left; width: auto; display: block; clear: none; }
.directory #nav_cat_archive ul li a { font-size: 12px; color: #d6f7ff; font-weight: 400; width: auto; margin-right: 7px; display: block; float: left; white-space: nowrap; }
.directory #nav_cat_archive small { text-decoration: none; color: #ccc; font-weight: 400; }
.directory .number-entries { font-size: 11px; padding: 15px 3px 0 0; float: right; text-align: right; color: #666; }
.directory .links { background: url(images/directory-links-bg.png) no-repeat; margin-top: -30px; }
.directory .links li.view a { width: 115px; }
.directory .links li.add a { color: #121212; display: block; width: 80px; padding-left: 15px; }
.wiki-home { width: 440px; }
.wiki h2 { font-size: 20px; background: #fff; width: auto; padding-left: 0; }
.wiki h2 span { display: block; width: 260px; background: #b6c647; color: #fff; padding-left: 15px; }
.wiki-home .story { padding-right: 150px; }
.wiki .links { background: url(images/wiki-links-bg.png) no-repeat; }
.wiki .links li.view a { width: 115px; }
.wiki .links li.add a { color: #121212; display: block; width: 80px; padding-left: 15px; }
.hotels-home { width: 470px; }
.hotels h2 { font-size: 20px; background: #fff; width: auto; padding-left: 0; }
.hotels h2 span { display: block; width: 260px; background: #b6c647; color: #fff; padding-left: 15px; }
.hotels-home .story { padding-right: 20px; }
.hotels .links { background: url(images/wiki-links-bg.png) no-repeat; }
.hotels .links li.view a { width: 115px; }
.hotels .links li.add a { color: #121212; display: block; width: 80px; padding-left: 15px; }
.hotels-more-info { padding: 10px 0 30px; }
.hotels-more-info li { display: block; padding: 3px 5px; width: 450px; background: #fff; margin: 0 2px 2px 0; height: 18px; }
.hotels-more-info li small { display: block; font-size: 12px; width: 150px; float: left; }
.single-hotel img { background: #e1e1e1; padding: 3px; }
.list-hotel img { background: #e1e1e1; padding: 3px; margin-top: -30px; }
#show-entry { position: relative; width: auto; }
#show-entry h3 { font-size: 21px; }
#show-entry h3 a { color: #276476; font-weight: 600; }
#show-entry h3 a:hover { text-decoration: underline; }
#show-entry p { font-size: 12px; }
.story img { float: right; margin: 5px 5px 5px 10px; border: 1px dolid #ccc; }
#dir-latest { width: 470px; padding-bottom: 20px; }
#dir-latest li { height: 26px; display: block; font-size: 14px; font-weight: 700; color: #fff; margin-bottom: 3px; overflow: hidden;}
#dir-latest li em { font-weight: 400; font-style: normal; }
#dir-latest li span { float: left; line-height: 26px; padding: 0 15px; background: #b6c647; margin-right: 15px; }
#dir-latest li a { background: #f4f4f4; display: block; text-align:left; line-height: 26px; padding: 0 15px; font-weight: 400; font-size: 14px; color: #121212; whitespace: nowrap; }
#dir-latest li a:hover { text-decoration: underline; }
.about { width: 470px; }
.ad { margin: 5px auto; }
.leaderboard { width: 728px; }
.half-banner { width: 234px; text-align:center; }
/* ---------->>> submit forms <<<-----------*/
#submit-form, #comments-block, #rating { padding: 20px; }
#comments-block #submit-form { padding: 10px 0; }
#submit-form .instructions { width: 600px; }
#submit-form .instructions p { font-size: 11px; color: #444; }
#submit-form label { font-weight: 700; color: #266375; display:block; float: left; width: 150px; text-align: left; padding: 0px; margin: 10px 0 0; }
#submit-form input { border: 2px solid #e2e0de; background: #fff; color: #121212; font-size: 14px; width:auto; margin: 5px 0 0 10px; }
#submit-form select { width: 150px;border: 2px solid #e2e0de; background: #fff; color: #121212; font-size: 14px; width:auto; margin: 5px 0 0 10px; }
#submit-form textarea {border: 2px solid #e2e0de; background: #fff; color: #121212; font-size: 14px; padding: 3px; margin: 2px 0; }
.validation-advice {color: red; background: #f4f4f4 url(images/alert.gif) no-repeat left center; padding-left: 22px; }
#submit-form .smallLinks { display: none; }
#submit-form #url_title { width: 600px; background-color: #fafafa; }
#submit-form #title { width: 600px; }
#submit-form .buttonInsert { padding: 10px 0; }
#submit-form .buttonInsert a { display: block; float: left; width: 16px; height: 16px; overflow: hidden; background-color: #fafafa; text-indent: -3000px; margin-right: 7px; border: 1px solid #ccc; }
#submit-form #button_0 a { background: url(images/submit-icons/text_bold.png) no-repeat 0 0; }
#submit-form #button_1 a { background: url(images/submit-icons/text_italic.png) no-repeat 0 0; }
#submit-form #button_2 a { background: url(images/submit-icons/text_underline.png) no-repeat 0 0; }
#submit-form #button_3 a { background: url(images/submit-icons/blockquote.png) no-repeat 0 0; }
#submit-form #button_4 a { background: url(images/submit-icons/text_strike.png) no-repeat 0 0; }
#submit-form #link a { background: url(images/submit-icons/link.png) no-repeat 0 0; }
#submit-form #email a { background: url(images/submit-icons/email.png) no-repeat 0 0; }
#submit-form #image a { background: url(images/submit-icons/image_link.png) no-repeat 0 0; }
#submit-form #close_all a { background: url(images/submit-icons/close_all_tags.png) no-repeat 0 0; }
#submit-form #submit_button { border: 2px solid #01c1ee; background: #01c1ee url(images/blue-button-bg.png) 0 50% repeat-x; color: #fff; font-size: 14px; font-weight: 700; padding: 3px; margin: 10px 0 2px 5px; cursor: pointer; clear: both; }
.whattodonow { padding: 20px 20px 20px 120px; border: 1px solid #edcbce; background: #fceaec url(images/alert.png) 30px 20px no-repeat; margin: 30px; }
.whattodonow li { padding: 5px 0 5px 30px; dispaly: block; background: url(images/arrow_right.png) 0 50% no-repeat; }
#upload_file { float: right; margin: -30px 250px 0 0; padding-left: 25px; background: url(images/submit-icons/upload.png) 0 50% no-repeat; line-height: 18px; }
#add-news { display:block; width: 200px; height: 50px; background: url(images/ads/add-news.png) no-repeat 0 0; padding: 15px 20px 40px 20px; font-size: 12px; line-height: 15px; color: #000; margin-bottom: 20px; }
#add-directory { display:block; width: 200px; height: 50px; background: url(images/ads/add-directory.png) no-repeat 0 0; padding: 15px 20px 40px 20px; font-size: 12px; line-height: 15px; color: #000; margin-bottom: 20px; }
#add-jobs { display:block; width: 200px; height: 50px; background: url(images/ads/add-jobs.png) no-repeat 0 0; padding: 15px 20px 40px 20px; font-size: 12px; line-height: 15px; color: #000; margin-bottom: 20px; }
#add-hotels { display:block; width: 200px; height: 50px; background: url(images/ads/add-hotels.png) no-repeat 0 0; padding: 15px 20px 40px 20px; font-size: 12px; line-height: 15px; color: #000; margin-bottom: 20px; }
#join-hi { display:block; width: 180px; height: 150px; background: url(images/ads/join-hi.png) no-repeat 0 0; padding: 20px 20px 50px 20px; font-size: 13px; line-height: 18px; color: #fff; }
.ad-small-rectangle { width: 200px; padding: 10px 20px; }
.comment { padding: 10px; background: #fff; font-size: 11px; margin: 10px 0 20px; }
.comment p {font-size: 11px; }
.comment .date { color: #666; text-align: right; }
#post-comment { float: right; }
#directory-main .directory-in { padding: 5px 20px 20px; background: #276476 url(images/directory-bg.png) 0 -70px no-repeat !important; background: #1e586a url(images/directory-bg.png) 0 -100px no-repeat; }
#subcategories { padding: 10px 20px; background: #276476 url(images/directory-bg.png) 0 -100px no-repeat !important; background: #1e586a url(images/directory-bg.png) 0 -100px no-repeat; }
#subcategories li { padding: 2px 20px 2px 0; float: left; color: #efefef; white-space: nowrap; }
#subcategories li a { color: #d6f7ff; }
#subcategories li a:hover { color: #fff; text-decoration: underline; }
#whattodo li { padding: 3px 0 3px 30px; background: url(images/bullet-green.png) 10px 50% no-repeat; display: block; }
.rating-form-right { float: right; background: #fff; padding: 5px 15px; border: 3px solid #dedede; width: 200px; }
.rating-form-right select { border: 2px solid #e2e0de; margin: 0 10px; }
.rating-current { width: 300px; float: left; }
/* ---------->>> footer <<<-----------*/
#footer { width: 990px; padding: 20px 0 30px; margin: 0 auto; }
#footer .copyright { padding: 0; float: right; }
#footer ul { float: left; }
#footer ul li { padding: 0 10px; border-right: 1px solid #ccc; display: block; float: left; }
#footer ul li.last { border-right: none; }
#footer a { display: block; float: left; color: #99a92a; text-decoration: underline; }
#footer a:hover { color: #90886f; text-decoration: none; }