/* CSS Document */

    /* ---------->>> search forms <<<-----------*/	  
            #search-form { padding: 1px; }
            #comments-block #search-form { padding: 10px 0; }
       	    #search-form .instructions { width: 600px; }
            #search-form .instructions p { font-size: 11px; color: #444; }
            /*#submit-form label { display:block; font-weight: 700; color: #266375; padding: 0px; float: left; width: 150px; text-align: left; margin: 10px 0 0; } */
            #search-form label { display: block; font-weight: 700; color: #266375; padding: 5px 0 3px; clear: both; }
            #search-form input { border: 2px solid #e2e0de; background: #fff; color: #121212; font-size: 14px; padding: 3px; margin: 2px 0; width: 200px; } 
	    #search-form textarea { border: 2px solid #e2e0de; background: #fff; color: #121212; font-size: 14px; padding: 3px; margin: 2px 0; width: 600px; }
            #search-form .smallLinks { display: none; }
            #search-form #url_title { width: 600px; background-color: #fafafa; }
            #search-form #title { width: 600px; }
            #search-form .buttonInsert { padding: 10px 0; }
            #search-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; }
            #search-form #button_0 a { background: url(images/submit-icons/text_bold.png) no-repeat 0 0; }
            #search-form #button_1 a { background: url(images/submit-icons/text_italic.png) no-repeat 0 0; }
	    #search-form #button_2 a { background: url(images/submit-icons/text_underline.png) no-repeat 0 0; }
            #search-form #button_3 a { background: url(images/submit-icons/blockquote.png) no-repeat 0 0; }
            #search-form #button_4 a { background: url(images/submit-icons/text_strike.png) no-repeat 0 0; }
            #search-form #link a { background: url(images/submit-icons/link.png) no-repeat 0 0; }
            #search-form #email a { background: url(images/submit-icons/email.png) no-repeat 0 0; }
            #search-form #image a { background: url(images/submit-icons/image_link.png) no-repeat 0 0; }
            #search-form #close_all a { background: url(images/submit-icons/close_all_tags.png) no-repeat 0 0; }
            #search-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; width: 75px; }


acronym { border-style: dashed; border-width: 0 0 1px 0; cursor: help; }
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, h4, h5, p, form, fieldset, img { margin: 0; padding: 0; list-style: none; border: 0; font-weight: 400; font-size: 12px; }
h6 { padding: 15px; font-size: 12px; font-weight: normal; }
.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; }
#print-news p { line-height: 18px; padding: 5px 0; }

img.right
{float:right}
img.left
{float:left}
img.center

{display: block;
margin-left: auto;
margin-right: auto;} 


	#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 a.current { 
color: #fff; 
background: #276476 url(images/nav-bg-8.png) no-repeat 0 0; line-height: 30px; 
}
/* ============================== */ 



/* ============================================ */
/* ---------->>> Directory Suckerfish Navigation <<<-----------*/
/* ============================================ */
#nav_sf, #nav_sf ul {
	list-style: none;
}
#nav_sf a {
	display: block;
        width: 200px;
}
#nav_sf li {
	width: 190px;
}
#nav_sf li ul {
	position: absolute;
	width: 190px;
	left: -999px;
}
#nav li ul ul {
	margin: -1em 0 0 10em;
}
#nav_sf li:hover ul ul, #nav_sf li:hover ul ul ul, #nav_sf li.sfhover ul ul, #nav_sf li.sfhover ul ul ul {
	left: -999em;
}
#nav_sf li:hover ul, #nav_sf li li:hover ul, #nav_sf li li li:hover ul, #nav_sf li.sfhover ul, #nav_sf li li.sfhover ul, #nav_sf li li li.sfhover ul {
	left: auto;
margin-left: 200px
}


/*==================================*/
/*mark up*/
/*==================================*/
#nav_sf, #nav_sf ul {
	width: 200px;
	padding: 0px;
	margin: 0px;
	background-color: #CCCCCC;
}
#nav_sf li, #nav_sf li li {
	margin: 0px
}
#nav_sf a {
	background-color: #FFFFFF; color: #000000;
	border: 1px solid #CCCCCC;
	text-decoration: none;
	padding: 5px;
	margin: 0px;
}
#nav_sf a:hover {
	background-color : #01c1ee;
        color: #FFFFFF
}
#nav_sf li:hover ul, #nav_sf li.sfhover ul {
	margin-top: -25px;
}
 /* ============================== */ 



			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: 240px; float: left; padding-top: 30px; } 
	#content { padding-top: 30px; width: 728px; float: right; margin: 0 auto; min-height: 250px; background: #fff; }
                #print-news { padding-top: 30px; width: 600px; float: left; margin: 0 auto; min-height: 250px; background: #fff; }
	#sidebar-right { width: 240px; float: right; }
                #story-left { padding-top: 1px; width: 480px; float: left; margin: 0 auto; background: #fff; }
	#story-right { padding-top: 1px; width: 500px; float: right; margin: 0 auto; background: #fff; }
                #story-top { padding-top: 30px; width: 990px; float: left; margin: 0 auto; background: #fff; }
	/* ---------->>> blocks <<<-----------*/
	
	.block { background: #f4f4f4; margin-bottom: 30px; }
		.block h1 { color: #57493c; font-size: 17px; font-weight: 700; }
		.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; }
		.block a.feed { display: block; width: 44px; height: 35px; float: right; background: #fff url(images/feed-icon.png) no-repeat 50% 50%; }
		.block .links { height: 35px; padding-top: 15px; background: url(images/block-links-bg.png) no-repeat ; }
			.forum .links { background: url(images/block-links-one-bg.png) no-repeat ; }
			.block .links li { float: left; padding: 0 10px; }
			.block .links li a { line-height: 35px; font-weight: bold; font-size: 11px; }
			.block .links li.view a { color: #fff; display: block; width: 80px; padding-left: 15px;}
			.block .links li.add a { color: #121212; display: block; width: 80px; padding-left: 15px;}
		.block .content { border-top: 1px solid #fff; padding: 15px 10px 5px 10px;  }
			.block .content li.odd { background: #f4f4f4; }
			.block .content li.even { background: #fff; margin: 1px 0 2px; }
				.block .content li a { display: block; padding: 3px 5px; width: 210px; color: #121212; }
				.block .content li a:hover { color: #fff; background: #01c1ee;  }
				
		.page-block { width: auto; }
			.page-block h1 { font-size: 20px; background: #fff; width: auto; padding-left: 0; }
				.page-block h1 span { display: block; background: #b6c647; color: #fff; padding-left: 15px; }
                .page-block h1 span em { font-weight: 400; font-style: normal; }	
                .page-block h1 a { color: #fff; font-weight: 700; text-decoration: none; }	
                .page-block h1 a:hover { color: #fff; font-weight: 700; text-decoration: underline; }	
			.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; padding: 10px 15px 10px 15px; height: 1%; }
        	.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 h1 { font-weight: 700; font-size: 19px; color: #276476; }
.page-block .story h1 a { font-weight: 700; font-size: 19px; color: #276476; }
.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 h4 { color: #57493c; font-size: 15px; font-weight: 700; }
        .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;  }

		.page-block .story .date { font-size: 11px; color: #666; text-align: left; padding-top: 15px; }
        .page-block .story .counter { float: right; white-space:nowrap; }
		.page-block .story .meta { font-size: 11px; float: left; clear: left; padding: 10px 0 }
		.page-block .story .meta a { font-size: 11px; }
		
		.paginate { background: #fff; padding: 25px 15px; border-top: 1px solid #b6c647; }
		#comments-block .paginate { background: none; padding: 10px 15px; border-top: 1px solid #b6c647; font-size: 11px; }	
		.search, .newsletter { padding: 15px; }
		.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 h2 a { color: #fff; font-weight: 700; text-decoration: none; }
        .dir-cats h2 a:hover { color: #fff; font-weight: 700; text-decoration: underline; }
        	.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 solid #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; white-space: 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, #related { 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 { display: block; clear: both; padding: 15px 0 3px; font-weight: 700; color: #266375; }
            #submit-form input { border: 2px solid #e2e0de; background: #fff; color: #121212; font-size: 14px; padding: 3px; margin: 2px 0; } 
			#submit-form textarea { border: 2px solid #e2e0de; background: #fff; color: #121212; font-size: 14px; padding: 3px; margin: 2px 0; width: 600px; }
            #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; display: 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; }


	/* ---------->>> AddThis<<<-----------*/	

	#addthis {padding-top: 5px; padding-left: 15px;}
        
	/* ---------->>> 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;  }