/* GLOBAL STYLESHEET ============================================= Created by Chelsea Otakan for Inn of the Mountain Gods. URI: http://www.livelylabs.com COLORS --------------------------------------------- Dark Tan #5b5643 Medium Tan #91886d Light Tan #a3997b Extra Light Tan #d5d1c7 Light Blue #bbbfe2 Orange #fa9134 --------------------------------------------- */ /* TYPOGRAPHY ------------------------------------------------------------------------------------------ */ #page-content td { font-size: 12px} #page-content p { font-size: 12px; line-height: 1.4 } h1.listing { margin-bottom: 30px } /* ELEMENTS ------------------------------------------------------------------------------------------ */ /* SUB NAVIGATION ---------------------------------------- */ .menu-main-nav-container { position: relative; clear: both; } #menu-main-nav { margin-left: -4px; margin-bottom: 20px} #menu-main-nav li ul { display: none;} #menu-main-nav .current-menu-item ul, #menu-main-nav .current-menu-ancestor ul { display: block; clear: both; position: absolute; left: 0px; top: 15px; border: 1px #91886d solid; display: block; height: 24px; float: left; margin: 15px 0 10px 6px; width: 888px; } #menu-main-nav .sub-menu ul { display: none } #menu-main-nav .sub-menu .current-menu-ancestor ul,#menu-main-nav .sub-menu .current-menu-item ul { display: block; } #menu-main-nav .current-menu-item ul li, #menu-main-nav .current-menu-ancestor ul li { padding: 0; border: 0; float: left; line-height: 75%; margin: 0 0 0 -1px;} #menu-main-nav .current-menu-item ul li a, #menu-main-nav .current-menu-ancestor ul li a { display: block; color: #d5d1c7; font: normal normal normal .9em/90% "Arial",sans-serif; letter-spacing: 0; text-transform: uppercase; padding: 7px; margin: 0; float: left} #menu-main-nav .current-menu-ancestor .current-menu-item { border: 0; float: left; line-height: 75%; margin: 0 0 0 -1px;} #header #menu-main-nav .current-menu-ancestor .current-menu-item a, #header #menu-main-nav .current-menu-ancestor .current-menu-ancestor a { color: #fa9134; position:relative; z-index: 50; background: #5b5643; border-left: 1px #91886d solid ; border-right: 1px #91886d solid; height: 11px; font-weight: bold; padding: auto 5px; display: block } #menu-main-nav .current-menu-item a, #menu-main-nav .current-menu-ancestor a { color: #fa9134; } #menu-main-nav .sub-menu li, #menu-main-nav .sub-menu li a { margin: 0} #menu-main-nav .sub-menu .sub-menu { margin: 9px 0 0 -1px; border: 1px #91886d solid; clear: both; } #menu-main-nav .sub-menu .sub-menu li { margin-top: -1px;font-size: .95em; color:#a3997b; border: 0 } #menu-main-nav .sub-menu .sub-menu li a { background: none; border: 0 !important;} #header #menu-main-nav .sub-menu .sub-menu li a { font-weight: bold; color: #A3997B; margin: 0; padding: 7px 7px 0 7px } #header #menu-main-nav .sub-menu .sub-menu li a:hover { color: #ffffff } #header #menu-main-nav .sub-menu .sub-menu li { margin: 0 } #header #menu-main-nav .sub-menu .sub-menu .current-menu-item a { color: #ffffff} /* #sub-nav { border: 1px #91886d solid; display: block; height: 24px; float: left; margin: 5px 15px 10px 15px; width: 888px;position: relative } #sub-nav li { border: 0; float: left; line-height: 75%; margin: 0 0 0 -1px;} #sub-nav li a { display: block; color: #d5d1c7; font: normal normal normal .9em/90% "Arial",sans-serif; letter-spacing: 0; text-transform: uppercase; padding: 7px; } #sub-nav li.parent-active a { color: #c0b491; } #sub-nav li.parent-active ul li a, #sub-nav li.active ul li a { border: 0; margin-left: 1px } #sub-nav li.active a { color: #d5d1c7} #sub-nav li.active ul li a { color:#c0b491 } #sub-nav li a:hover { color: #ffffff} #sub-nav li ul li a:hover { color: #fa9134 } #sub-nav li.active a, #sub-nav li.parent-active a { color: #fa9134; position:relative; z-index: 50; background: #5b5643; border-left: 1px #91886d solid ; border-right: 1px #91886d solid; height: 11px; font-weight: bold } #sub-nav li.parent-active ul li a, #sub-nav li.active ul li a { font-size: .85em; color:#a3997b } #sub-nav li.parent-active ul li.active a { font-size: .85em; color:#fa9134; font-weight: bold } #sub-nav li ul li a:hover { color: #ffffff } #sub-nav li ul { background: #5b5643; border: 1px #91886d solid; float: left; display: block; margin:-1px 15px 1px -10px; width: 888px; position: absolute; z-index: 0; left: 9px } #sub-nav li ul li { display: block; float: left } */ #content { margin-top: 30px;} #page-content { width: 460px; float: right; margin: -30px 60px 0 0; text-transform: normal } #page-content table { margin: 10px 0} #page-content td { padding: 4px; border-bottom: 1px #7d765f solid} #page-content img { margin-top: 10px; margin-bottom: 10px} #page-content.full { width: 840px } #page-meta { width: 378px; float: left} #promo-content { width: 400px; margin: 0 auto; text-transform: normal; } #promo-content h3 a span { display: block; float: left; } #promo-content h3 { margin-bottom: 20px; text-align: center; } #promo-content h3 i { display: block; text-align: center; } #fbsubmit { font-size: 18px; cursor: pointer; } #spirit-club-login { width: 120px; padding: 0 30px } #spirit-club-login h3 { font-weight: normal; line-height: 1.2; margin-bottom: 10px } #spirit-club-login input { display: block; width: 100% } #spirit-club-login input.submit { width: 30px; float: right; padding: 15px 5px } /* Events ---------------------------------------- */ div.promo { border-bottom: 1px #91886d solid; border-top: 1px #91886d solid; margin: -1px 0; padding: 10px } div.photo { float: left; width: 250px; margin: 0 0 0 -8px } div.photo img { background: url('http://innofthemountaingods.com/wp-content/themes/IMG_Stripped/images/events/entertainment_photo_bg.gif') no-repeat; padding: 16px 19px} div.desc {float: left; width:60%;} #page-content div.desc p { font-size: 13px } div.desc h2 { margin-top: 10px} div.promo a.details { float: left; background: url('http://innofthemountaingods.com/wp-content/themes/IMG_Stripped/images/details_btn.png') no-repeat; width: 110px; height: 40px; display: block ; text-indent: -9999px } div.promo a.spdetails { float: left; background: url('http://innofthemountaingods.com/wp-content/uploads/2011/09/fulldetails-spanish.png') no-repeat; width: 126px; height: 39px; display: block ; text-indent: -9999px } div.promo a.tickets { float: left; background: url('http://innofthemountaingods.com/wp-content/themes/IMG_Stripped/images/ticket_btn.png') no-repeat; width: 150px; height: 40px; display: block ; text-indent: -9999px } div.promo a.sptickets { float: left; background: url('http://innofthemountaingods.com/wp-content/uploads/2011/09/purchasetix-spanish.png') no-repeat; width: 158px; height: 39px; display: block ; text-indent: -9999px } .gform_wrapper .gfield_required { color: red !important; } .imgform input[type="submit"] { background: url('http://innofthemountaingods.com/wp-content/themes/IMG_Stripped/images/submit_btn.png') no-repeat; display: block; text-indent: -9999px; width: 81px; height: 35px; border: 0; } #freeform label { margin: 5px 0px 10px 0px; padding-bottom: 5px; font-size: 1.1em; } #freeform div { padding: 10px 0px 5px 0px; display: block; } #freeForm div input { margin: 5px 0px 0px 0px; } .orange { color: #f7902d; } /* PHOTO GALLERY ---------------------------------------- */ .thumbs a { background-color: #6f6a53; border: 1px #91886d solid; float: left; margin: 5px; padding: 10px; } .thumbs a:hover { float: left; background-color: #91886d; border: 1px #a3997b solid; } #page-content .tableBorder td { border: 0} #page-content .thumbs a img { margin-top: 0; margin-bottom: 0} /* SITEMAP ---------------------------------------- */ ul#sitemap { margin: 0; padding: 0; font-size: 14px;} #sitemap ul { margin: 0; padding: 0} ul#sitemap li {list-style: none; font-weight: bold; display: block; margin: 40px 0} #sitemap li a {color: #ffffff; font-size: 14px } #sitemap li a:hover { color: #ffffff} #sitemap li ul li { margin: 10px 0} #sitemap li ul li a { text-transform: none; color: #a3997b; font-weight: normal; font-size: 13px } #sitemap li ul li ul { margin: 10px 0} #sitemap li ul li ul li { margin: 10px 0} #sitemap li ul li ul li a { font-size: 12px; margin-left: 20px }