@import url("reset.css");
@import url("FontFaces.css");
@import url("cupertino/jquery-ui-1.8.21.custom.css");

header, hgroup, footer, section, aside, article, figcaption, figure, nav { display: block; }

strong { font-weight: bold; }

body { font-size: 16px; margin: 0; font-family: Cabin, "Segoe UI", Verdana, Helvetica, Sans-Serif; color: #232323; background: #DFDFDF url("themes/base/images/gray_background.jpg") no-repeat center top; }

header { height: 100px; min-height: 100px; background-color: #02659C; }

    header .textmark { background: url("themes/base/images/logo_travelORmove.jpg") no-repeat left bottom; min-height: 92px; margin-left: 85px; }

nav, #nav { height: 20px; background-color: #93C6F5; border-bottom: 3px solid #93C6F5; }

    nav ul { list-style-type: none; margin-left: 75px; }

        nav ul li { color: #02659C; float: left; position: relative; padding: 0; padding-left: 20px; font: 14px/18px Cabin, "Segoe UI"; }

    nav a:link, nav a:visited { color: #02659C; text-decoration: none; font-weight: bold; }

    nav a:hover { color: #02659C; text-decoration: underline; font-weight: bold; }

.navTagLine { font-weight: bold; letter-spacing: 2px; color: #fff; font-style: italic; }

.currentCity { margin-left: 110px; padding-top: 10px; background: transparent url('themes/base/images/blue_indicator.png') no-repeat 7px -3px; }

.currentCity { color: rgb(0,0,0); font: 40px/48px 'CodeProDemoRegular'; letter-spacing: 3px; text-shadow: 0px 2px 3px #1E60B2; }

.stateNation { margin-left: 110px; color: rgb(0, 0, 0); font: 18px/18px 'Quattrocento Sans'; letter-spacing: 3px; text-transform: uppercase; }

article { float: left; width: 745px; padding-bottom: 35px; margin: 10px 20px 10px 10px; height: 100%; overflow: auto; background-color: rgba(255,255,255,0.35); }
    /*article { border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; background-color: rgba(255,255,255,0.35); border: 2px solid rgba(182,183,184,0.5); }*/
    article.header { height: 20px; color: rgb(255,255,255); background-color: #3A3A3C; }

    article.adminPanel { width: 95%; margin: 0 auto; background-color: rgba(255, 255, 255, 0.65); }

.bulletList { list-style-type: none; }

    .bulletList li { margin-left: 20px; padding-left: 20px; }

.twoColumn { margin-top: 10px; column-count: 2; column-gap: 15px; -moz-column-count: 2; -moz-column-gap: 15px; -webkit-column-count: 2; -webkit-column-gap: 15px; }

    .twoColumn p { margin-bottom: 10px; }

aside { float: left; width: 320px; margin: 10px 10px 0; }

aside { border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; background-color: rgba(255,255,255,0.35); border: 2px solid rgba(182,183,184,0.5); }

    aside .sidebarHeader { margin-top: 10px; }

    aside .sidebarItem { margin-bottom: 10px; }

footer { clear: both; margin-top: 10px; bottom: 0; width: 100%; height: 35px; background-color: #02659C; color: rgb(244, 244, 244); text-align: center; padding-top: 7px; font: 16px/28px 'WalkwayBoldRegular', Arial, sans-serif; }

.footerLink a:link, .footerLink a:visited { color: #fff; text-decoration: none; }

.footerLink a:hover { color: #fff; text-decoration: underline; }

.innertube { margin: 10px; margin-top: 0; }

.source { font-size: 0.8em; font-style: italic; }

    .source a, .source a:link, .source a:visited, .source a:active { color: inherit; }

.indexGridHeader { font: 20px/24px 'Quattrocento Sans'; letter-spacing: 1px; padding: 10px 0 10px 0; color: #02659C; }

.indexGridCategory { font: 18px/34px 'Quattrocento Sans'; font-weight: bold; color: #000; }

.indexGridCategoryItem { font: 16px/24px 'Quattrocento Sans'; padding-left: 15px; }

    .indexGridCategoryItem a:link, .indexGridCategoryItem a:visited { text-decoration: none; color: #000; }

    .indexGridCategoryItem a:hover { text-decoration: underline; }

.featuredLocationName { font: 20px/26px 'CodeProDemoRegular'; letter-spacing: 3px; text-shadow: 0px 2px 3px #1E60B2; margin-bottom: 3px; }

.featuredLocationStateNation { font: 14px/14px 'Quattrocento Sans'; margin-bottom: 8px; }

.featuredLocationDescription { font-size: 11px; }

.featuredLocationLink { text-align: left; font: 12px/16px 'Quattrocento Sans'; font-style: italic; }

    .featuredLocationLink a:link, .featuredLocationLink a:visited { text-decoration: none; color: #000; }

    .featuredLocationLink a:hover { text-decoration: underline; }

.destinationLink a:link, .destinationLink a:visited { text-decoration: none; color: #000; font: 1.0em/1.8em 'Quattrocento Sans' !important; }

.destinationLink a:hover { text-decoration: underline; font: 1.0em/1.8em 'Quattrocento Sans' !important; }

.twitterFollow { background: url("images/twitter-bird-dark-bgs_24.png") no-repeat transparent center left; height: 28px; padding-left: 28px; color: #fff; font-weight: bold; float: right; margin: 10px 40px 0 0; }

    .twitterFollow a:link, .twitterFollow a:visited { color: #fff; text-decoration: none; }

    .twitterFollow a:hover { color: #fff; text-decoration: underline; }

.tweetAuthor { font-weight: bold; height: 24px; line-height: 28px; }

    .tweetAuthor a:link, .tweetAuthor a:visited { color: #000; font-weight: bold; text-decoration: none; }

    .tweetAuthor a:hover { color: #000; font-weight: bold; text-decoration: underline; }

.tweetText { font: 14px/22px 'Quattrocento Sans'; }

.tweetUserName { font: 13px 'Quattrocento Sans'; background: transparent url('images/twitter-bird-light-bgs_20.png') no-repeat center right; padding-right: 24px; }

.facebookLike { background: url("images/f_logo_24.png") no-repeat transparent center left; height: 28px; padding-left: 28px; color: #fff; font-weight: bold; float: right; margin: 40px -58px 0; }

    .facebookLike a:link, .facebookLike a:visited { color: #fff; text-decoration: none; }

    .facebookLike a:hover { color: #fff; text-decoration: underline; }

.pinterestPin { background: url("images/pinterest.png") no-repeat transparent center left; height: 28px; padding-left: 28px; color: #fff; font-weight: bold; float: right; margin: 70px -90px 0; }

    .pinterestPin a:link, .pinterestPin a:visited { color: #fff; text-decoration: none; }

    .pinterestPin a:hover { color: #fff; text-decoration: underline; }

/* H tag styles
-----------------------------------------------------------*/
h2 { font: 18px/24px CabinBold, 'Segoe UI', Verdana, Helvetica, Sans-Serif; padding: 0px 0px 10px 0px; }

.climate { min-height: 32px; background: transparent url('images/climate.png') no-repeat top left; padding-left: 50px; padding-top: 20px; }

.culture { min-height: 32px; background: transparent url('images/culture.png') no-repeat top left; padding-left: 50px; padding-top: 20px; }

.economy { min-height: 32px; background: transparent url('images/economy.png') no-repeat top left; padding-left: 50px; padding-top: 20px; }

.health { min-height: 32px; background: transparent url('images/health.png') no-repeat top left; padding-left: 50px; padding-top: 20px; }

.infrastructure { min-height: 32px; background: transparent url('images/infrastructure.png') no-repeat top left; padding-left: 50px; padding-top: 20px; }

.physicalenvironment { min-height: 32px; background: transparent url('images/physicalenvironment.png') no-repeat top left; padding-left: 50px; padding-top: 20px; }

.politics { min-height: 32px; background: transparent url('images/politics.png') no-repeat top left; padding-left: 50px; padding-top: 20px; }

.recreation { min-height: 32px; background: transparent url('images/recreation.png') no-repeat top left; padding-left: 50px; padding-top: 20px; }

.c60000 { color: #C60000; }

/* Icons
-----------------------------------------------------------*/
.regionIcon { background: transparent url('images/region.png') no-repeat top left; padding-left: 50px; }

.climateIcon { background: transparent url('images/climate.png') no-repeat top left; padding-left: 50px; }

.cultureIcon { background: transparent url('images/culture.png') no-repeat top left; padding-left: 50px; }

.economyIcon { background: transparent url('images/economy.png') no-repeat top left; padding-left: 50px; }

.healthIcon { background: transparent url('images/health.png') no-repeat top left; padding-left: 50px; }

.infrastructureIcon { background: transparent url('images/infrastructure.png') no-repeat top left; padding-left: 50px; }

.physicalEnvironmentIcon { background: transparent url('images/physicalenvironment.png') no-repeat top left; padding-left: 50px; }

.politicsIcon { background: transparent url('images/politics.png') no-repeat top left; padding-left: 50px; }

.recreationIcon { background: transparent url('images/recreation.png') no-repeat top left; padding-left: 50px; }

/* Advertising styles
-----------------------------------------------------------*/
.advertisement { margin-top: 5px; margin-bottom: 5px; text-align: center; font-style: italic; font-size: 0.8em; color: #999; width: 100%; }

.leaderboard { clear: both; width: 780px; height: 90px; margin: 0 auto; margin-top: 10px; background-color: #fff; }

/* Styles for basic forms
-----------------------------------------------------------*/
legend { margin-left: 1em; font: 16px/22px CabinBold, 'Segoe UI', Verdana, Helvetica, Sans-serif; color: rgb(0,0,0); padding: 0 10px 0 10px; }

fieldset { float: left; clear: left; width: 100%; border: 1px solid #ddd; padding: 0; margin: 0 0 1.5em 0; }

    fieldset ol { padding: 1em 1em 0 1em; list-style: none; }

    fieldset li { float: left; clear: left; width: 100%; padding-bottom: 1em; }

    fieldset label { float: left; width: 10em; margin-right: 1em; font: 14px/20px CabinRegular, 'Segoe UI', Verdana, Helvetica, Sans-serif; }

    fieldset.submit { float: none; width: auto; border: 0 none #fff; padding-left: 12em; }

    fieldset textarea { min-height: 75px; }

    fieldset textarea { border: 5px solid #eee; padding: 5px; width: 98%; font: 14px/18px CabinRegular, 'Segoe UI', Verdana, Helvetica, Sans-serif; }

    fieldset input, fieldset select { border: 2px solid #eee; font: 14px/18px CabinRegular, 'Segoe UI', Verdana, Helvetica, Sans-serif; }

    fieldset fieldset { width: 99%; }

.popAddDemo { margin: 0; margin-left: 10px; padding: 0; display: inline; vertical-align: bottom; }

/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error { color: #ff0000; }

.field-validation-valid { display: none; }

.input-validation-error { border: 1px solid #ff0000; background-color: #ffeeee; }

.validation-summary-errors { font-weight: bold; color: #ff0000; }

.validation-summary-valid { display: none; }

/* jquery.elastic styles
-----------------------------------------------------------*/
.full-width-hack { padding-right: 20px; }

/* Paragraph styles
-----------------------------------------------------------*/
.subhead { font-weight: bold; margin-top: 10px; margin-bottom: 5px; }

/* Margin, Width and Padding styles
-----------------------------------------------------------*/
.padding10 { padding: 10px; }

.paddingTop10 { padding-top: 10px; }

.margin10 { margin: 10px; }

.noBorder { border: none; padding: 4px; }

.borderTop2 { border-top: 2px solid #ddd; }

.navIcon { cursor: pointer; }

.marginTop10 { margin-top: 10px; }

.marginBottom10 { margin-bottom: 10px; }

.italic { font-style: italic; }

.bold { font-weight: bold; }

/* Modal Styles
-----------------------------------------------------------*/
#simplemodal-overlay { background-color: #00249E; }

#simplemodal-container { background-color: rgba(139,139,139,50); border: 8px solid #444; padding: 12px; }

    #simplemodal-container a.modalCloseImg { background: url('images/x.png') no-repeat; /* adjust url as required */ width: 25px; height: 29px; display: inline; z-index: 3200; position: absolute; top: -15px; right: -18px; cursor: pointer; }

/* Slider Styles
----------------------------------------------------------*/
#slider1 { width: 700px; /* important to be same as image width */ height: 250px; /* important to be same as image height */ position: relative; /* important */ overflow: hidden; /* important */ margin: 0 auto; }

#slider1Content { width: 700px; /* important to be same as image width or wider */ position: absolute; top: 0; margin-left: 0; }

.slider1Image { float: left; position: relative; display: none; }

    .slider1Image img { }

    .slider1Image span { position: absolute; font: 10px/15px Arial, Helvetica, sans-serif; padding: 10px 13px; width: 694px; background-color: #000; filter: alpha(opacity=70); -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7; color: #fff; display: none; }

        .slider1Image span strong { font-size: 14px; }

.sliderLeft { top: 0; left: 0; width: 110px !important; height: 250px; }

.sliderRight { right: 0; bottom: 0; width: 110px !important; height: 250px; }

.sliderLeft .photoCredit { font-style: italic; color: #fff; }

/* MESSAGE BOXES
----------------------------------------------------------*/
.info, .success, .warning, .error, .validation { border: 1px solid; margin: 10px 0px; padding: 15px 10px 15px 50px; background-repeat: no-repeat; background-position: 10px center; }

.info, .success, .warning, .error, .validation { border-radius: 12px; -moz-border-radius: 12px; -webkit-border-radius: 12px; }

.info { color: #00529B; background-color: #BDE5F8; background-image: url('images/info.png'); }

.success { color: #4F8A10; background-color: #DFF2BF; background-image: url('images/success.png'); }

.warning { color: #9F6000; background-color: #FEEFB3; background-image: url('images/warning.png'); }

.error { color: #D8000C; background-color: #FFBABA; background-image: url('images/error.png'); }

/* SuperCoolMatcher
---------------------------------------------------------*/
.superCoolLink, .superCoolLink a { font-weight: bold; font-style: italic; color: #02659C; }

    .superCoolLink a:link, .superCoolLink a:visited { text-decoration: none; }

    .superCoolLink a:hover { text-decoration: underline; }

.actionLinks { }

.list { }

/* FORM APPEARANCE
---------------------------------------------------------*/
#recommendForm li { margin-top: 10px; }

    #recommendForm li label { width: 16em; position: relative; clear: left; float: left; margin-right: 15px; text-align: right; }

#recommendForm input[type="text"], select { font-family: Cabin, "Segoe UI", Verdana, Helvetica, Sans-Serif; }

#recommendForm input[type="text"], select { border: 1px solid #888; background: #ffffff; padding: 3px 4px; color: #222; margin: 0px 5px 0px 0px; border-radius: 7px; -moz-border-radius: 7px; }

    #recommendForm input:focus, select:focus { outline: none; }

#recommendForm textarea { width: 250px; font-family: Cabin, "Segoe UI", Verdana, Helvetica, Sans-Serif; font-size: 14px; }

#recommendForm .InputGroup { display: inline-block; padding: 3px 4px; border: 1px solid #FFF; border-radius: 7px; -moz-border-radius: 7px; }

#recommendForm .ErrorField { border-color: #D00; color: #D00; background: #FFFFFE; -moz-box-shadow: 0px 0px 5px #DD0000; -webkit-box-shadow: 0px 0px 5px #DD0000; box-shadow: 0px 0px 5px #DD0000; }

#recommendForm span.ValidationErrors { display: inline-block; font-size: 12px; color: #D00; padding-left: 10px; font-style: italic; }