/* CSS Document */

* { margin: 0; padding: 0; }
body { background: #d0d0d0; }

body, p, a, input { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; }
h1, h2, h3 { font-family: Verdana, Arial, Helvetica, sans-serif; }
a { text-decoration: none; color: #770e6f; }
a:hover { text-decoration: underline; }

#container { width: 900px; background: #FFFFFF; border-left: 2px solid #AAAAAA; border-right: 2px solid #AAAAAA; overflow: hidden; margin: 0 auto; }
#header { width: 880px; height: 70px; overflow: hidden; margin: 10px; border-bottom: 1px solid #770e6f; }
#topSection, #contents { width: 880px; margin: 10px; overflow: hidden; }
#topFooter { width: 600px; margin: 10px auto; overflow: hidden; list-style-type: none; clear: both; }
#footer { width: 880px; margin: 10px; border-top: 1px solid #770e6f; overflow: hidden; }
#center { width: 640px; float: left; display: inline; margin: 10px; }

/* header */
#container h1.hide { font-weight: normal; font-size: 9px; padding: 2px 20px; color: #FFFFFF; background: #AAAAAA; }
#header a#logo { display: inline; margin: 0 10px; width: 309px; height: 62px; float: left; }
#header a#logo img { border: none; }
#header #searchBar { float: right; width: 350px; height: 50px; margin: 10px 0 0 0; }
#header #searchBar #searchForm { margin-bottom: 5px; }
#header #searchBar input#searchTerm { border: 1px solid #DDDDDD; padding: 1px; width: 250px; }

/* top Section */
#topSection a#publushButton { display: inline; float: left; width: 241px; height: 56px; text-align: center; 
	background: URL('images/publish-button.jpg') no-repeat; font-size: 18px; color: #f7f039; padding: 7px 0 0 0; margin: 5px 20px; }

#topSection #topBanner468x60 { width: 472px; height: 64px; float: left; margin: 0 20px; background: #FFFFFF; overflow: hidden; }
#topSection #topBanner468x60 img { border: 2px solid #000000; } 
#topSection #areaFilterDiv { clear: both; overflow: hidden; border: 1px solid #f0d53c; background: #fffdcb; padding: 10px; margin: 10px 5px;  }

/* home categories */
#contents #catColumn { width: 203px; overflow: hidden; margin: 5px; float: left; display: inline; }
#contents #catColumn ul { list-style-type: none; width: 203px; overflow: hidden; margin: 0 0 10px 0; background: #e1f0f6; padding-bottom: 8px; }
#contents #catColumn ul li h2 { width: 193px; height: 17px; padding: 4px 0 4px 10px; background: #6695a7 URL('images/category-header.jpg') no-repeat; }
#contents #catColumn ul li h2 a { font-size: 13px; font-weight: bold; color: #FFFFFF; }
#contents #catColumn ul li h3 { width: 193px; padding: 4px 8px; }
#contents #catColumn ul li h3 a { font-weight: normal; color: #1a343e; font-size: 12px; }


#contents #rightBanners { width: 200px; overflow: hidden; display: inline; margin: 5px; float: right; }
#contents #rightBanners h3 { font-size: 20px; color: #cdd1d3; margin: 0 0 10px 0; font-weight: normal; }
#contents #rightBanners div.rightBanner180x180 { width: 184px; max-height: 154px; margin: 10px 0; background: #FFFFFF; overflow: hidden; }
#contents #rightBanners div.rightBanner180x180 img { border: 2px solid #000000; }
#contents #rightBanners div.rightBanner180x180 .bannerWrapper { width: 180px; max-height: 150px; border: 2px solid #000000; }

#center h1 { font-weight: normal; font-size: 24px; margin: 0 0 20px 0; padding: 0 0 10px 0; border-bottom: 1px solid #f0d53c; }
#center p { margin: 10px 0; }
#center ul, #center ol { margin: 10px 40px; width: 500px; }
/*footer */
#topFooter li { float: left; }
#topFooter li a { float: left; height: 16px; padding: 0 6px; border-left: 1px solid #555555; }
#topFooter li a.first { border-left: none; }

#footer p { padding: 10px 10px 0; }
#footer p a { font-weight: bold; }

/* publish form */
#center #publishForm { overflow: hidden; }
#publishForm p { overflow: hidden; margin: 0 0 10px 0; clear: both; }
#publishForm p label { float: left; padding: 2px 0 0 0; width: 110px; }
#publishForm p input { float: left; width: 160px; padding: 1px; }
#publishForm p span.optional { float: left; padding: 2px 0 0 10px; color: #CC2222; }
#publishForm h2 { margin: 10px 0; font-weight: normal; font-size: 18px; padding-top: 5px; border-top: 1px solid #DDDDDD; clear: both; }
#publishForm h2 span.optional { font-size: 12px; color: #CC2222; }

#publishForm p.formCategory, #publishForm p.formEmail { padding: 10px; border: 1px solid #f0d53c; background: #EFEFEF;}
#publishForm p.formEmail { height: 40px; }
#publishForm p.formCategory select { width: 400px; }

#publishForm p.formTitle label { float: none; font-weight: bold; }
#publishForm p.formTitle input { width: 450px; font-size: 18px; }
#publishForm p.formDesc label { float: none; font-weight: bold; }
#publishForm p.formDesc textarea { display: block; width: 450px; height: 200px; }
#publishForm p.formEmail span.note { float: none; display: block; padding: 0 0 5px 0; }
#publishForm p.formEmail input { width: 300px; }

#publishForm p.buttons input { width: auto; font-size: 16px; font-weight: bold; }

#publishForm p.formEmailCheckbox input { width: auto; }
#publishForm span.mceEditor { padding: 0; float: none; }

#publishForm p.formCaptcha label { width: 150px; padding-top: 12px; }
#publishForm p.formCaptcha input { width: 70px; margin-top: 10px;}
#publishForm p.formCaptcha img { float: left; display: inline; margin: 0 0 0 10px; border: 1px solid #770e6f; }

#publishForm div.buttonFree { padding: 5px; background: #DEDEDE; border: 1px solid #F0D53C; margin: 5px 0; }
#publishForm div.buttonFree input { width: auto; font-size: 16px; font-weight: bold; }

#publishForm div.buttonPaid { padding: 5px; background: #DEDEDE; border: 1px solid #CC0000; margin: 5px 0; }
#publishForm div.buttonPaid input { width: auto; font-size: 16px; font-weight: bold; }


/* categories */
#center .paginationUl { list-style-type: none; height: 20px; overflow: hidden; width: 100%; margin: 10px 0; }
.paginationUl li { float: left; height: 20px; border-left: 1px solid #DDDDDD; padding: 0 3px; }
.paginationUl li a { font-size: 11px; float: left; height: 16px; padding: 2px 2px 0 2px; }
.paginationUl li.first { border-left: none; }
.paginationUl li.curPage { padding: 2px 3px 0; color: #CC0000; font-weight: bold; background: #DDDDDD; }

#breadcrumb { margin: 0 10px; list-style-type: none; overflow: hidden; height: 16px; }
#breadcrumb li { float: left; height: 14px; padding: 1px; }
#breadcrumb li a { float: left; padding: 0 2px 0 18px; font-weight: bold; background: URL('images/breadcrumb.jpg') no-repeat; color: #225369; }
#breadcrumb li a.first { background: none; padding: 0 2px; }

#subcategories { margin: 0 0 10px; border: 1px solid #225369; background: #dff1f9; overflow: hidden; }
#subcategories h2 { padding: 10px 10px 5px; font-size: 12px; height: 15px; }
#subcategories ul { padding: 0 10px 10px; margin: 0; width: auto; overflow: hidden; list-style-type: none; }
#subcategories ul li { float: left; width: 200px; height: 15px; }
#subcategories ul li a { font-weight: bold; color: #225369; }
#subcategories ul li a.adultCategory { color: #CC0000; }

#center p a.publishLink { font-size: 16px; font-weight: bold; }

#center div#addBoldWrapper { background: #AAAAAA; padding: 0 10px; overflow: hidden; }
#center div.addListing { overflow: hidden; background: #F7F7F7; margin: 10px 0; border-bottom: 1px solid #555555; }
#center div.addListing.bold { background: #FFFDCB; border: 1px solid #F0D53C; }
#center div.addListing img { float: left; margin: 5px; display: inline; }
#center div.addListing span { display: block; padding: 5px; font-size: 11px; font-weight: bold; color: #225369; }
#center div.addListing h3 { padding: 0; height: 20px; overflow: hidden;}
#center div.addListing h3 a { font-size: 16px; font-weight: bold; }
#center div.addListing.bold h3 a { color: #000000; }
#center div.addListing p { margin: 0; padding: 0 5px 5px; text-align: right; }

/* age retriction message */
#center p.warning { border: 1px solid #CC0000; padding: 10px; background: #FFAAAA; }
#center p input.acceptOver21Btn { float: left; display: inline; margin: 0 30px 0 220px; width: 80px; }
#center p input.cancelOver21Btn { float: left; display: inline; margin: 0; width: 80px; }

/* ad page */
#center #adInfoLeft { float: left; display: inline; margin: 0 10px 10px 0; width: 360px; overflow: hidden; }
#center #adInfoLeft #textPanel { margin: 0 0 10px 0; padding: 0 0 10px 0; border-bottom: 1px solid #DDDDDD; }
#center #adInfoLeft #textPanel h1 { border: none; padding: 0; }
#center #adInfoLeft #textPanel ul { margin: 10px 30px; width: auto; }
#center #adInfoLeft #textPanel ol { margin: 10px 30px; widthL auto; }
#center #adInfoLeft #extraPanel { width: 360px; overflow: hidden; }
#center #adInfoLeft #extraPanel dt { width: 80px; font-weight: bold; float: left; clear: left; overflow: hidden; }
#center #adInfoLeft #extraPanel dd { width: 280px; float: left; overflow: hidden; }

#center #adActions { float: left; display: inline; overflow: hidden; margin: 0 10px 10px; width: 240px; border: 1px solid #386a74; background: #e0f5f9; }
#center #adActions h2 { font-size: 12px; padding: 10px; color: #2b545c; }
#center #adActions ul { padding: 0 10px 10px; list-style-type: none; width: auto; margin: 0; }
#center #adActions ul li { margin: 3px 0; }
#center #adActions ul li a { font-size: 11px; display: block; height: 16px; padding: 0 0 0 20px; color: #0b5b6b; }
#center #adActions ul li a.contact { background: URL('images/icons/contact.jpg') no-repeat left; }
#center #adActions ul li a.friend { background: URL('images/icons/friends.jpg') no-repeat left; }
#center #adActions ul li a.bookmark { background: URL('images/icons/bookmark.jpg') no-repeat left; }
#center #adActions ul li a.print { background: URL('images/icons/print.jpg') no-repeat left; }
#center #adActions ul li a.bad { background: URL('images/icons/bad.jpg') no-repeat left; }
#center #adActions ul li a.spam { background: URL('images/icons/spam.jpg') no-repeat left; }
#center #adActions ul li a.report { background: URL('images/icons/report.jpg') no-repeat left; }

#center #gallery { margin: 10px 0; overflow: hidden; clear: both; padding-top: 10px; border-top: 1px solid #f0d53c; }
#center #gallery #galleryThumbs { width: 270px; float: left; overflow: hidden; }
#center #gallery #galleryThumbs a { float: left; display: inline; width: 120px; height: 120px; margin: 0 10px 10px 0; }
#center #gallery #galleryThumbs a img { border: 1px solid #DDDDDD; float: left; }

#center #gallery #galleryImageBig { float: right; }

/* ad contact form */
#center #contactPublisherForm { overflow: hidden; }
#contactPublisherForm p { overflow: hidden; margin: 0 0 10px 0; clear: both; }
#contactPublisherForm p label { float: left; padding: 2px 0 0 0; width: 110px; }
#contactPublisherForm p input { float: left; width: 200px; padding: 1px; }
#contactPublisherForm p.formCaptcha label { width: 150px; padding-top: 12px; }
#contactPublisherForm p.formCaptcha input { width: 70px; margin-top: 10px;}
#contactPublisherForm p.formCaptcha img { float: left; display: inline; margin: 0 0 0 10px; border: 1px solid #770e6f; }
#contactPublisherForm p.buttons input { width: auto; font-size: 16px; font-weight: bold; }
#contactPublisherForm p.text label { float: none; clear: both; }
#contactPublisherForm p.text textarea { display: block; clear: both; width: 300px; height: 120px; }

/* send to friend form */
#center #sendToFriendForm { overflow: hidden; }
#sendToFriendForm p { overflow: hidden; margin: 0 0 10px 0; clear: both; }
#sendToFriendForm p label { float: left; padding: 2px 0 0 0; width: 110px; }
#sendToFriendForm p input { float: left; width: 200px; padding: 1px; }
#sendToFriendForm p.formCaptcha label { width: 150px; padding-top: 12px; }
#sendToFriendForm p.formCaptcha input { width: 70px; margin-top: 10px;}
#sendToFriendForm p.formCaptcha img { float: left; display: inline; margin: 0 0 0 10px; border: 1px solid #770e6f; }
#sendToFriendForm p.buttons input { width: auto; font-size: 16px; font-weight: bold; }
#sendToFriendForm p.text label { float: none; clear: both; }
#sendToFriendForm p.text textarea { display: block; clear: both; width: 300px; height: 120px; }

/* webmasters */
#center.webmaster p { width: 500px; margin: 20px 0; }
#center.webmaster h2 { font-weight: normal; margin: 20px 0; }
#center.webmaster h3 { margin: 20px 0; }

#center.webmaster form { overflow: hidden; }
#center.webmaster form p { overflow: hidden; margin: 0 0 5px 0; clear: both; }
#center.webmaster form p label { float: left; padding: 2px 0 0 0; width: 150px; }
#center.webmaster form p input { float: left; width: 160px; padding: 1px; }
#center.webmaster form p.formCaptcha label { width: 150px; padding-top: 12px; }
#center.webmaster form p.formCaptcha input { width: 70px; margin-top: 10px;}
#center.webmaster form p.formCaptcha img { float: left; display: inline; margin: 0 0 0 10px; border: 1px solid #770e6f; }
#center.webmaster form p.buttons input { width: auto; font-size: 16px; font-weight: bold; }

/* links */
#center div.textlink { margin: 10px 0; }
#center div.textlink h3 { margin: 0 0 5px; }
#center div.textlink p { margin: 4px 0; color: #454545; width: auto; }
#center div.textlink h4 { font-weight: normal; color: #993; }