/*  A pared down version of the stylesheet, just for the homepage.

New Colors:			Aqua Blue:				#006DBA;
					Light BG Blue: 			#E3F7FA;
					Bright Orange:			#CC6600;
					Dark Grey:				#B1ADA7;
*/

/* =RESET STYLES
-------------------------------------------------------------------------------*/
* { margin: 0; padding: 0; }

body { 
	background: #FFF url(images/bg-top-clean.gif) repeat-x top left;
	font: 86% "Trebuchet MS", Arial, Verdana, sans-serif;
	color: #333; 
	line-height: 1.2;
	text-align: center;
}


#leader { height: 40px; }
#leader a { display: block; color: #444; font-size: 18px; padding: 8px 0 10px 0; letter-spacing: 0.4px; } 
#leader a span { color: #CC6600; font-weight: bold; }
#leader a span.mi {color: #37787A; }
#leader a span.casa { color: #CD4036; }
#leader a:hover { color: #FFF; background-color: #CD4036; }
#leader a:hover span { color: #FFF; }
#leader a:hover span.mi{ color: #FFF; }
#leader a:hover span.casa{ color: #FFF; }


/* =TYPOGRAPHY
-------------------------------------------------------------------------------*/

a, a:visited { color: #006DBA; text-decoration: none; }
a:hover { text-decoration: underline; }

h1, h2 {
	font-family: Georgia, serif;
	font-weight: bold;
	line-height: 1;
	color: #000;
}

h1 { font-size: 1.6em; margin-bottom: 3px; }
h2 { font-size: 1.4em; }
h2 a, h2 a:visited { color: #000; }
h2 a:hover { color: #CC6600; text-decoration: none; }

img { border: 0; }
p { margin-bottom: 1em;}
ul, ol { margin-bottom: 1em; }
li { margin-left: 1em; }
ol li { margin: 0 0 0.5em 2em; }

h2.tab, h2.tab-b {
	font: normal 11px Verdana, Arial, sans-serif;
	letter-spacing: 2px;
	text-transform: uppercase;
	border-top: 1px solid #555;
	border-bottom: 1px solid #555;
	padding: 3px 0 3px 15px;
	margin-bottom: 10px;
}

h2.tab-b a { color: #CC6600; text-decoration: none; }

blockquote {
	clear: both;
	margin: 15px 30px 0 10px;
	padding-left: 30px;
	font: 0.9em Geneva, Arial, Helvetica, sans-serif;
	background: #FFF url(images/quote.gif) no-repeat left top;
}

blockquote cite { margin: 5px 0 0; display: block; }
acronym, abbr { cursor: help; border-bottom: 1px dashed #DDDCCC; }
hr { width: 96%; margin: 20px 0; color: #C0C0C0; height: 2px; }

.align-center { text-align: center; }
.right { float: right; }
.left { float: left; }

.clear, .clearing, .clearing-float { clear: both; }
.post img.wp-smiley { float: none; border: 0; padding: 0; margin: 0; }


/* =HEADER
-------------------------------------------------------------------------------*/
#masthead {
	height: 14px;
	float:right;
	font-size: 12px;
}

#header a.logo {
	display: block;
	float: left;
	height: 60px;
	width: 69px;
}

#header a:hover, .header-title a:hover { 
	color: #DD7700;
	text-decoration: none;
}

#header h1 a, .header-title a, .header-title a:visited {
	padding: 3px 0 0 0;
	font: bold 21px Verdana, Arial, sans-serif;
	letter-spacing: -1px;
	color: #222;
	border-bottom: 1px dotted #CC6600;
}

#header h2, .header-description {
	padding: 2px 0 0 95px;
	font: normal 12px Verdana, Arial, sans-serif;
	color: #222;
}

#foodcolumn { 
	float: left;
	width: 950px; height: 60px; 
	background: #FFF url(images/food-column-header.jpg) no-repeat top left; 
	margin: 10px 0 0 0;
}


/* =ADMIN MENU
-------------------------------------------------------------------------------*/
#admin-menu {
	position: absolute;
	top: 10px;
	right: 30px;
	color: #AAA;
	font: 12px/1.2 Arial, Verdana, sans-serif;
	list-style: none;
}

#admin-menu li { margin: 0; float: left; }

#admin-menu a { }


/* =SEARCH BOX
------------------------------------------------------------------------------*/
#search-box {
	position: absolute;
	top: 35px;
	right: 30px;
}

#search-box input {
	padding: 1px 10px; 
	font-size: 13px;
	border-width: 1px;
	color: #333;
}


/* =LAYOUT
-------------------------------------------------------------------------------*/
#header {
	height: 60px;
	clear: both;
	background: url(images/new-logo.gif) no-repeat center left;
	padding: 10px 0 0 0;
}

#wrapper {
	width: 950px;
	margin: 0 auto;
	text-align: left;
}

#main-content {
	float: left;
	width: 560px;
	margin: 15px 0 15px 10px; 
	display: inline; /* for IE 6 */
	overflow: hidden;
}

#additional-content {
	width: 352px;
	float: right;
	margin: 15px 10px 15px 18px;
	overflow: hidden;
}

#footer-wrapper {
	clear: both;
	background: #ECECEC url(images/footer-bg.gif) repeat-x top left;
	margin-top: 15px;
	padding-bottom: 60px;
}

#footer {
	padding-top: 11px;
	margin: 0 auto;
	width: 950px;
	height: 55px;
	clear: both;
}

/* Nested into #main-content */

#guide-content {
	float: left;
}

#featured-content {
	float: right;
	width: 310px;
	margin: 0 0 15px 20px;
}

#navigation-content {
	float: left;
	width: 230px;
	margin: 0 0 15px 0;
}


/* =Guide Sections
-------------------------------------------------------------------------------*/
.guide-section {
	float: left;
	width: 178px;
	padding: 0 12px 15px 0;
	font-size: 12px;
	line-height: 1.1;
}

.first { clear: both; }
.third { padding-right: 0; }

.guide-section p { line-height: 1.3; margin-bottom: 0; }
.guide-section a { border-bottom: 1px dotted #006DBA; }

.guide-section a:hover { border-bottom: 0; }

.guide-section h2 {
	font: bold 16px Verdana, Arial, sans-serif;
	margin-bottom: 5px;
}
.guide-section h2 a { color: #006DBA; }

/* =HOMEPAGE MODULES
-------------------------------------------------------------------------------*/
#discussions, #aboutblurb, #featured, #features, #become-author,
#pocket-guides, #argentina-map, #myGallery, #directory-listings, .post {
	margin-bottom: 20px;
}

#myGallery {
	display: none;
	width: 350px !important;
	height: 280px !important;	
}

#become-author img { float: left; padding-right: 10px; }

/* =Got Questions */
#got-questions { margin-bottom: 15px; }
#got-questions img { float: left; padding-right: 10px; }

#got-questions h2 {
	font: bold 13px Verdana, Arial, sans-serif;
	letter-spacing: 1px;
	margin-bottom: 3px;
}

#got-questions p {
	font-size: 13px;
	margin: 0;
}

/* =Pocket Guides --------------------------------------------------------*/
#pocket-guides {
	height: 185px;
	padding: 10px;
	background: #E3F7FA;
	border-top: 1px solid #AAA;
	border-bottom: 1px solid #AAA;
}

#pocket-guides h2 {
	font: bold 16px Verdana, Arial, sans-serif;
	letter-spacing: 1px;
	margin-bottom: 10px;
}

#pocket-guides img {
	float: right;
	padding: 5px 0 10px 10px;
}

#pocket-guides .item {
	font-size: 1.1em;
	margin-bottom: 10px;
}

#pocket-guides p {
	border-top: 1px dotted #AAA;
	padding-top: 10px;
}

#pocket-guides .text-input {
	width: 170px;
	margin-bottom: 5px;
	padding: 2px;
	font-size: 14px;
	border-top: 1px solid #777;
	border-left: 1px solid #777;
	border-bottom: 1px solid #CCC;
	border-right: 1px solid #CCC;
	background-color: #FFF;
}

#pocket-guides .button {
	margin-left: 180px;
	width: 120px;
	padding: 1px 0;
}

#pocket-guides .inform {
	font: italic 10px Verdana, sans-serif;
	text-align: center;
	color: #008A7A;
	margin-bottom: 0;
}

/* =Forums --------------------------------------------------------*/
#discussions {
	font: normal 12px "Trebuchet MS", Arial, sans-serif;
	line-height: 1.1;
}

#latest { width: 100%; clear: both; }
#latest th { display: none; }
#latest td { padding: 1px 5px 1px 0; }

#latest .num { 
	padding: 0 20px 0 0;
	background: url(images/comments.gif)  no-repeat center right; 
}

#latest .alt { }


/* =Directory Listings --------------------------------------------------------*/
#directory-listings td, .add { border-bottom: 1px dotted #BBB; padding: 3px 0 3px 12px; }
.join { border-top: 1px dotted #BBB; margin-top: 3px; padding: 3px 0 3px 2px;  }
a.remote_link, .add a, .join a { font-style: italic; }
a.remote_link :hover { }
.remote_description, .remote_location, .remote_details { font-size: 0.86em; }


/* =POST
-------------------------------------------------------------------------------*/

.post h2 {
	font-size: 14px;
	margin-bottom: 10px;
}

.post h2 a { color: #333; }
.post h2 a:hover { color: #CC6600; text-decoration: none; }

.post-date, .post-author {
	padding: 1px 8px 1px 18px;
}

.post-date { background: url(images/date.gif) no-repeat center left; }
.post-author { background: url(images/author.gif) no-repeat center left; }

.entry a:hover, .post-author a:hover, .post-comments a:hover {
	color: #FFF;
	background-color: #CC6600;
	text-decoration: none;
}

.post .imgframe { display: block; max-height: 230px; overflow: hidden; border: 1px solid #444; margin: 0 0 10px 0; }
.post img { width: 308px; }
.post .noborder { border: 0; }

div.post-date { float:left; clear: both; }
div.fresh-link { padding: 3px 0 3px 20px; background: url(images/article.gif) no-repeat center left; }

.more-info {
	clear: both;
	padding: 5px;
	margin-bottom: 15px;
	background-color: #CCFFCC;
	border: 1px dotted #199F17;
}

.announcement {
	clear: both;
	font: normal 1em "Trebuchet MS", sans-serif;
	color: #006dba;
	margin-bottom: 10px;
	padding: 5px;
	background-color: #E3F7FA;
	border: 1px dotted #006dba;
}

.meta-data { text-align: right; }
.post-author { padding-right: 20px; }


/********** Footer Style **********/
#footer-wrapper p {
	font-size: 0.9em;
	color: #888;
	padding: 0 0 3px 0;
	margin: 0;
	text-align: center;
}

#footer a { color: #006dba; }
#print-footer { display: none; }


/* =CSS for Smooth Gallery
-------------------------------------------------------------------------------*/

#myGallery
{
	z-index:5;
	border: 1px solid #000;
	cursor: hand;
}

.jdGallery
{
	overflow: hidden;
	position: relative;
}

.jdGallery .slideElement
{
	width: 100%;
	height: 100%;
	background-color: #000;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url('images/loading-bar-black.gif');
}

.jdGallery .loadingElement
{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background-color: #000;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url('images/loading-bar-black.gif');
}

.jdGallery .slideInfoZone
{
	position: absolute;
	z-index: 10;
	width: 100%;
	margin: 0px;
	left: 0;
	bottom: 0;
	height: 40px;
	background: #333;
	color: #fff;
	text-indent: 0;
	overflow: hidden;
}

* html .jdGallery .slideInfoZone
{
	bottom: -1px;
}

.jdGallery .slideInfoZone h2
{
	padding: 0;
	font-size: 110%;
	margin: 0;
	margin: 2px 5px;
	font-weight: bold;
	color: #FFF;
}

.jdGallery .slideInfoZone p
{
	padding: 0;
	font-size: 90%;
	margin: 2px 5px;
	color: #EEE;
}

.jdGallery a
{
	font-size: 100%;
	text-decoration: none;
	color: inherit;
}

.jdGallery h2 a:hover { color: #CC6600; }