/* Theme Name: Skeleton Theme URI: http://themehybrid.com/themes/skeleton Description: A blank child of the Hybrid theme framework representing the visual hierarchy of Hybrid with designers in mind. Author: Justin Tadlock Author URI: http://justintadlock.com Version: 0.1.1 Tags: Framework Template: hybrid */ /** * Import pre-made styles from Hybrid ************************************************/ /* Eric Meyer's reset.css */ @import url('../hybrid/library/css/reset.css'); /* 18px, 20px, 21px, 22px, or 25px margins and line-height (don't use reset.css with these) */ /* @import url('../hybrid/library/css/18px.css'); */ /* @import url('../hybrid/library/css/20px.css'); */ /* @import url('../hybrid/library/css/21px.css'); */ /* @import url('../hybrid/library/css/22px.css'); */ /* @import url('../hybrid/library/css/25px.css'); */ /* Holy Grail */ /* @import url('../hybrid/library/css/holy-grail-fluid.css'); */ /* 3 column setup */ @import url('../urban116/library/css/page-structure.css'); /* Plugins CSS */ /* @import url('../hybrid/library/css/plugins.css'); */ /* Hybrid's default CSS */ /* @import url('../hybrid/library/css/screen.css'); */ /** * Body ************************************************/ /* Contains everything */ body {} /* Wrapper for everything inside of the body */ #body-container {} /** * Elements ************************************************/ /* Hyperlinks */ a:link, a:visited { color: #7D1718; text-decoration: none; } /*a:visited {}*/ a:hover { color:#FF0000; } a:active {} /* Headers */ h1 { font-size:13px; font-weight:bold; line-height:17px; margin-bottom:6px; } h2 { font-size:11px; font-weight:bold; line-height:16px; margin-bottom:6px; } h3 {} h4 { font-weight: bold; font-size:11px; line-height:16px; margin-bottom: 14px; } h5 {} h6 {} /* URBAN Headers */ /*#urban-right-col h2 { font-size: 11px; line-height: 16px; font-weight: bold; margin-bottom: 16px; } */ /*#urban-right-col h4 { font-weight: bold; font-size:11px; line-height:16px; margin-bottom: 14px; } */ /* Text elements */ strong {} em {} cite {} abbr {} acronym {} sup {} sub {} address {} ins {} dfn {} del {} /* Paragraphs */ p { margin-bottom: 16px; } /* Unordered lists */ ul {} ul li {} #content ul{ padding: 0 0 0 20px; } /* Ordered lists */ ol {} ol li {} /* Defition lists */ dl {} dt {} dd {} /* Blockquotes */ blockquote {} blockquote blockquote {} blockquote em {} /* Object */ object {} /* Code */ code {} pre {} pre code {} /* Tables */ table {} caption {} tr {} th {} td {} /* Forms */ form {} textarea {} input {} label {} option {} /* Drop caps */ .drop-cap { } /* Notes */ .note {} /* Warnings/Alerts */ .warning, .alert {} /* Errors */ .error {} /* Downloads */ .download {} /* Alignment */ .left, .alignleft {} .right, .alignright {} .center, .aligncenter {} .block, .alignnone {} .clear {} /** * Images ************************************************/ /* Normal images */ img {} a img {} /* WP Smilies */ img.wp-smiley {} /* Thumbnails */ .thumbnail {} /* WP Captions [caption] */ .wp-caption {} .wp-caption img {} .wp-caption p { background-color: #444444; bottom: 29px; color: #FFFFFF; font-weight: bold; margin: 0; opacity: 0.5; padding: 5px 0 5px 10px; position: relative; width: 460px; } /* Gallery [gallery] */ .gallery {} .gallery img {} /* Avatars */ .avatar {} /** * Header ************************************************/ /* Contains entire header */ #header-container { float: left; width: 300px; } /* Contains site title and tagline */ #header {} #site-description { padding: 0; margin: 0; } /* Site title */ #site-title {} #site-title a { text-indent: -9999em; display: block; width: 280px; height: 62px; background: url(images/shared_images/URBAN116_logo_web.png) no-repeat 0 0; } #site-title a span {} /* Site description/tagline */ #site-description { text-indent: -9999em; } /** * Page navigation ************************************************/ /* Wrapper for navigation */ /** *Top nav Page ids EN DE *HOME 35 50 *URBAN116 25 560 *Rent URBAN116 313 562 *Showcase 86 564 *Online Planner 29 566 *News 42 568 * *Heights are 35px *nav widths details reference - left, width* * EN DE *Home 0,53 0,53 *URBAN116 73, 80 73,81 *URBAN116 rent 173,119 173,136 *Showcase 312,89 328,90 *Online Planner 421,128 437,117 *News 569,54 574,52 ********************************************/ #navigation { /*float: left; left: 490px; position: absolute; top: 44px;*/ float: left; left: 36px; position: relative; top: 21px; } /*ENGLISH SITE NAVIGATION*/ /* Page nav */ body.en_US #page-nav {} body.en_US #page-nav ul { background: #fff url(images/en_images/Urban_top_nav_EN.png) no-repeat 0 0; top: 0; left: 0; width: 632px; height: 35px; margin: 0; padding: 0; position: relative; } body.en_US #page-nav ul li { list-style-type: none; } body.en_US #page-nav li a:link, body.en_US #page-nav li a:visited { height:35px; overflow:hidden; position:absolute; text-indent:-9000px; top:0; } /*home menu item -- wordpress doesn't give id to Home class so style default*/ body.en_US #page-nav a:link, body.en_US #page-nav a:visited { left:0; width:53px; } /*home rollover*/ body.en_US #page-nav a:hover, body.en_US #page-nav a:focus { background:transparent url(images/en_images/Urban_top_nav_EN.png) no-repeat scroll 0 -70px; } /*home active*/ body.en_US #page-nav a:active { background:transparent url(images/en_images/Urban_top_nav_EN.png) no-repeat scroll 0 -35px; } /*home selected*/ body.en_US #page-nav li.current_page_item a:link, body.en_US #page-nav li.current_page_item a:visited { background:transparent url(images/en_images/Urban_top_nav_EN.png) no-repeat scroll 0 -35px; cursor:default; } /*EN urban116 menu item -- page id 25*/ body.en_US #page-nav .page-item-25 a:link, body.en_US #page-nav .page-item-25 a:visited { left:73px; width:80px; } /*EN urban116 rollover*/ body.en_US #page-nav .page-item-25 a:hover, body.en_US #page-nav .page-item-25 a:focus { background:transparent url(images/en_images/Urban_top_nav_EN.png) no-repeat scroll -73px -70px; } /*EN urban116 active*/ body.en_US #page-nav .page-item-25 a:active { background:transparent url(images/en_images/Urban_top_nav_EN.png) no-repeat scroll -73px -35px; } /*EN urban116 selected*/ body.en_US #page-nav li.page-item-25.current_page_item a:link, body.en_US #page-nav li.page-item-25.current_page_item a:visited { background:transparent url(images/en_images/Urban_top_nav_EN.png) no-repeat scroll -73px -35px; cursor:default; } /*EN urban116 selected ancestor*/ body.en_US #page-nav li.page-item-25.current_page_ancestor a:link, body.en_US #page-nav li.page-item-25.current_page_ancestor a:visited { background:transparent url(images/en_images/Urban_top_nav_EN.png) no-repeat scroll -73px -35px; cursor:default; } /*EN rent menu item -- page id 313*/ body.en_US #page-nav .page-item-313 a:link, body.en_US #page-nav .page-item-313 a:visited { left:173px; width:119px; } /*EN rent rollover*/ body.en_US #page-nav .page-item-313 a:hover, body.en_US #page-nav .page-item-313 a:focus { background:transparent url(images/en_images/Urban_top_nav_EN.png) no-repeat scroll -173px -70px; } /*EN rent active*/ body.en_US #page-nav.page-item-313 a:active { background:transparent url(images/en_images/Urban_top_nav_EN.png) no-repeat scroll -173px -35px; } /*EN rent selected*/ body.en_US #page-nav li.page-item-313.current_page_item a:link, body.en_US #page-nav li.page-item-313.current_page_item a:visited { background:transparent url(images/en_images/Urban_top_nav_EN.png) no-repeat scroll -173px -35px; cursor:default; } /*EN rent selected ancestor*/ body.en_US #page-nav li.page-item-313.current_page_ancestor a:link, body.en_US #page-nav li.page-item-313.current_page_ancestor a:visited { background:transparent url(images/en_images/Urban_top_nav_EN.png) no-repeat scroll -173px -35px; cursor:default; } /*EN showcase menu item -- page id 86*/ body.en_US #page-nav .page-item-86 a:link, body.en_US #page-nav .page-item-86 a:visited { left:312px; width:89px; } /*EN showcase rollover*/ body.en_US #page-nav .page-item-86 a:hover, body.en_US #page-nav .page-item-86 a:focus { background:transparent url(images/en_images/Urban_top_nav_EN.png) no-repeat scroll -312px -70px; } /*EN showcase active*/ body.en_US #page-nav.page-item-86 a:active { background:transparent url(images/en_images/Urban_top_nav_EN.png) no-repeat scroll -312px -35px; } /*EN showcase selected*/ body.en_US #page-nav li.page-item-86.current_page_item a:link, body.en_US #page-nav li.page-item-86.current_page_item a:visited { background:transparent url(images/en_images/Urban_top_nav_EN.png) no-repeat scroll -312px -35px; cursor:default; } /*EN showcase selected ancestor*/ body.en_US #page-nav li.page-item-86.current_page_ancestor a:link, body.en_US #page-nav li.page-item-86.current_page_ancestor a:visited { background:transparent url(images/en_images/Urban_top_nav_EN.png) no-repeat scroll -312px -35px; cursor:default; } /*EN online planner menu item -- page id 2432*/ body.en_US #page-nav .page-item-2432 a:link, body.en_US #page-nav .page-item-2432 a:visited { left:421px; width:128px; } /*EN online planner rollover */ body.en_US #page-nav .page-item-2432 a:hover, body.en_US #page-nav .page-item-2432 a:focus { background:transparent url(images/en_images/Urban_top_nav_EN.png) no-repeat scroll -421px -70px; } /*EN online planner active*/ body.en_US #page-nav .page-item-2432 a:active { background:transparent url(images/en_images/Urban_top_nav_EN.png) no-repeat scroll -421px -35px; } /*EN online planner selected */ body.en_US #page-nav li.page-item-2432.current_page_item a:link, body.en_US #page-nav li.page-item-2432.current_page_item a:visited { background:transparent url(images/en_images/Urban_top_nav_EN.png) no-repeat scroll -421px -35px; cursor:default; } /*EN online planner selected ancestor */ body.en_US #page-nav li.page-item-2432.current_page_ancestor a:link, body.en_US #page-nav li.page-item-2432.current_page_ancestor a:visited { background:transparent url(images/en_images/Urban_top_nav_EN.png) no-repeat scroll -421px -35px; cursor:default; } /*EN blog menu item -- page id 42*/ body.en_US #page-nav .page-item-42 a:link, body.en_US #page-nav .page-item-42 a:visited { left:569px; width:54px; } /*EN blog rollover*/ body.en_US #page-nav .page-item-42 a:hover, body.en_US #page-nav .page-item-42 a:focus { background:transparent url(images/en_images/Urban_top_nav_EN.png) no-repeat scroll -569px -70px; } /*EN blog active*/ body.en_US #page-nav .page-item-42 a:active { background:transparent url(images/en_images/Urban_top_nav_EN.png) no-repeat scroll -569px -35px; } /*EN blog selected*/ body.en_US #page-nav li.page-item-42.current_page_item a:link, body.en_US #page-nav li.page-item-42.current_page_item a:visited { background:transparent url(images/en_images/Urban_top_nav_EN.png) no-repeat scroll -569px -35px; cursor:default; } /*EN blog selected ancestor*/ body.en_US #page-nav li.page-item-42.current_page_ancestor a:link, body.en_US #page-nav li.page-item-42.current_page_ancestor a:visited { background:transparent url(images/en_images/Urban_top_nav_EN.png) no-repeat scroll -569px -35px; cursor:default; } /*GERMAN SITE NAVIGATION*/ /* DE Page nav */ body.de_DE #page-nav {} body.de_DE #page-nav ul { background: #fff url(images/de_images/Urban_top_nav_DE.png) no-repeat 0 0; top: 0; left: 0; width: 628px; height: 35px; margin: 0; padding: 0; position: relative; } body.de_DE #page-nav ul li { list-style-type: none; } body.de_DE #page-nav li a:link, body.de_DE #page-nav li a:visited { height:35px; overflow:hidden; position:absolute; text-indent:-9000px; top:0; } /*home menu item -- wordpress doesn't give id to Home class so style default*/ body.de_DE #page-nav a:link, body.de_DE #page-nav a:visited { left:0; width:53px; } /*home rollover*/ body.de_DE #page-nav a:hover, body.de_DE #page-nav a:focus { background:transparent url(images/de_images/Urban_top_nav_DE.png) no-repeat scroll 0 -70px; } /*home active*/ body.de_DE #page-nav a:active { background:transparent url(images/de_images/Urban_top_nav_DE.png) no-repeat scroll 0 -35px; } /*home selected*/ body.de_DE #page-nav li.current_page_item a:link, body.de_DE #page-nav li.current_page_item a:visited { background:transparent url(images/de_images/Urban_top_nav_DE.png) no-repeat scroll 0 -35px; cursor:default; } /*DE urban116 menu item -- page id 560*/ body.de_DE #page-nav .page-item-560 a:link, body.de_DE #page-nav .page-item-560 a:visited { left:73px; width:81px; } /*urban116 rollover*/ body.de_DE #page-nav .page-item-560 a:hover, body.de_DE #page-nav .page-item-560 a:focus { background:transparent url(images/de_images/Urban_top_nav_DE.png) no-repeat scroll -73px -70px; } /*urban116 active*/ body.de_DE #page-nav .page-item-560 a:active { background:transparent url(images/de_images/Urban_top_nav_DE.png) no-repeat scroll -73px -35px; } /*urban116 selected*/ body.de_DE #page-nav li.page-item-560.current_page_item a:link, body.de_DE #page-nav li.page-item-560.current_page_item a:visited { background:transparent url(images/de_images/Urban_top_nav_DE.png) no-repeat scroll -73px -35px; cursor:default; } /*urban116 selected ancestor*/ body.de_DE #page-nav li.page-item-560.current_page_ancestor a:link, body.de_DE #page-nav li.page-item-560.current_page_ancestor a:visited { background:transparent url(images/de_images/Urban_top_nav_DE.png) no-repeat scroll -73px -35px; cursor:default; } /*DE rent menu item -- page id 562*/ body.de_DE #page-nav .page-item-562 a:link, body.de_DE #page-nav .page-item-562 a:visited { left:173px; width:136px; } /*rent rollover*/ body.de_DE #page-nav .page-item-562 a:hover, body.de_DE #page-nav .page-item-562 a:focus { background:transparent url(images/de_images/Urban_top_nav_DE.png) no-repeat scroll -173px -70px; } /*rent active*/ body.de_DE #page-nav.page-item-562 a:active { background:transparent url(images/de_images/Urban_top_nav_DE.png) no-repeat scroll -173px -35px; } /*rent selected*/ body.de_DE #page-nav li.page-item-562.current_page_item a:link, body.de_DE #page-nav li.page-item-562.current_page_item a:visited { background:transparent url(images/de_images/Urban_top_nav_DE.png) no-repeat scroll -173px -35px; cursor:default; } /*rent selected ancestor*/ body.de_DE #page-nav li.page-item-562.current_page_ancestor a:link, body.de_DE #page-nav li.page-item-562.current_page_ancestor a:visited { background:transparent url(images/de_images/Urban_top_nav_DE.png) no-repeat scroll -173px -35px; cursor:default; } /*DE showcase menu item -- page id 564*/ body.de_DE #page-nav .page-item-564 a:link, body.de_DE #page-nav .page-item-564 a:visited { left:328px; width:90px; } /*showcase rollover*/ body.de_DE #page-nav .page-item-564 a:hover, body.de_DE #page-nav .page-item-564 a:focus { background:transparent url(images/de_images/Urban_top_nav_DE.png) no-repeat scroll -328px -70px; } /*showcase active*/ body.de_DE #page-nav.page-item-564 a:active { background:transparent url(images/de_images/Urban_top_nav_DE.png) no-repeat scroll -328px -35px; } /*showcase selected*/ body.de_DE #page-nav li.page-item-564.current_page_item a:link, body.de_DE #page-nav li.page-item-564.current_page_item a:visited { background:transparent url(images/de_images/Urban_top_nav_DE.png) no-repeat scroll -328px -35px; cursor:default; } /*showcase selected ancestor*/ body.de_DE #page-nav li.page-item-564.current_page_ancestor a:link, body.de_DE #page-nav li.page-item-564.current_page_ancestor a:visited { background:transparent url(images/de_images/Urban_top_nav_DE.png) no-repeat scroll -328px -35px; cursor:default; } /*DE online planner menu item -- page id 2615*/ body.de_DE #page-nav .page-item-2615 a:link, body.de_DE #page-nav .page-item-2615 a:visited { left:437px; width:117px; } /*online planner rollover */ body.de_DE #page-nav .page-item-2615 a:hover, body.de_DE #page-nav .page-item-2615 a:focus { background:transparent url(images/de_images/Urban_top_nav_DE.png) no-repeat scroll -437px -70px; } /*online planner active*/ body.de_DE #page-nav .page-item-2615 a:active { background:transparent url(images/de_images/Urban_top_nav_DE.png) no-repeat scroll -437px -35px; } /*online planner selected */ body.de_DE #page-nav li.page-item-2615.current_page_item a:link, body.de_DE #page-nav li.page-item-2615.current_page_item a:visited { background:transparent url(images/de_images/Urban_top_nav_DE.png) no-repeat scroll -437px -35px; cursor:default; } /*online planner selected ancestor*/ body.de_DE #page-nav li.page-item-2615.current_page_ancestor a:link, body.de_DE #page-nav li.page-item-2615.current_page_ancestor a:visited { background:transparent url(images/de_images/Urban_top_nav_DE.png) no-repeat scroll -437px -35px; cursor:default; } /*DE blog menu item -- page id 568*/ body.de_DE #page-nav .page-item-568 a:link, body.de_DE #page-nav .page-item-568 a:visited { left:574px; width:52px; } /*blog rollover*/ body.de_DE #page-nav .page-item-568 a:hover, body.de_DE #page-nav .page-item-568 a:focus { background:transparent url(images/de_images/Urban_top_nav_DE.png) no-repeat scroll -574px -70px; } /*blog active*/ body.de_DE #page-nav .page-item-568 a:active { background:transparent url(images/de_images/Urban_top_nav_DE.png) no-repeat scroll -574px -35px; } /*blog selected*/ body.de_DE #page-nav li.page-item-568.current_page_item a:link, body.de_DE #page-nav li.page-item-568.current_page_item a:visited { background:transparent url(images/de_images/Urban_top_nav_DE.png) no-repeat scroll -574px -35px; cursor:default; } /*blog selected ancestor*/ body.de_DE #page-nav li.page-item-568.current_page_ancestor a:link, body.de_DE #page-nav li.page-item-568.current_page_ancestor a:visited { background:transparent url(images/de_images/Urban_top_nav_DE.png) no-repeat scroll -574px -35px; cursor:default; } /** * Containers below the header and navigation ************************************************/ /* Banner at top of every page */ #urban_banner { width: 100%; clear: both; background:transparent url(images/shared_images/gold_banner.png) no-repeat scroll 0 0; height:70px; } /*banner text*/ .urban_banner { color: #FFFFFF; font-family: Arial; font-size: 36px; font-weight: 100; letter-spacing: 0px; padding: 27px 25px 25px 10px; float: left; width:75%; } /*brochure button*/ #brochure_button { float: right; padding:20px 18px 0 0; } /* Wrapper for the content and primary/secondary widget sections */ #container {} /** * Content ************************************************/ /* Contains site's main content */ #content { } /* Breadcrumb trail */ .breadcrumb {} /* Archive and search
before posts are listed */ .author-info {} .category-info {} .date-info {} .search-info {} .tag-info {} /* Posts */ .post {} /* Post, page, and archive titles */ .entry-title {} .single-title {} .page-title {} .attachment-title {} .error-404-title {} .author-title {} .category-title {} .date-title {} .search-title {} .tag-title {} /* Author and date byline */ .byline {} /* Full entries */ .entry-content {} /* Excerpts (introduced in Hybrid 0.4) */ .entry-summary {} /* Using */ p.pages a {} /* More link */ a.more-link {} /* Post meta data */ .post-meta-data {} /* Post series */ .series {} .series-title {} /* Navigation links */ .navigation-links {} .navigation-links .previous {} .navigation-links .next {} /* WP PageNavi (plugin) */ .wp-pagenavi {} .wp-pagenavi .pages {} .wp-pagenavi .current {} .wp-pagenavi .extend {} .wp-pagenavi a {} /* Attachment image navigation */ .navigation-attachment {} /** * Comments template ************************************************/ /* Wrapper for entire comments area */ #comments-template {} /* Comments section headers/titles */ .comments-header {} #comments-number {} /* Comments closed paragraph */ p.comments-closed {} /* Main comments section */ #comments {} #comments ol {} /* Individual comments (note that WordPress has even/odd backwards) */ #comments li {} #comments li li {} #comments li li li {} #comments li li li li {} #comments li.even {} #comments li.odd {} #comments li.thread-even {} #comments li.thread-odd {} #comments li.author {} #comments li.trackback {} #comments li.pingback {} /* Comment avatars */ #comments .avatar {} /* Comment meta data */ #comments .comment-meta-data {} #comments .comment-meta-data cite {} /* Comment text */ #comments .comment-text {} /* Paged comments navigation */ #comments-template .paged-navigation {} #comments-template .paged-navigation .page-numbers {} #comments-template .paged-navigation .next {} #comments-template .paged-navigation .prev {} /* Main comment form div */ #respond {} /* Comment form title */ #reply {} /* Comment form elements */ p#cancel-comment-reply {} #respond form {} #respond .form-author {} #respond input {} #respond .form-email {} #respond .form-url {} #respond .form-textarea {} #respond textarea {} #respond .button {} #respond .comment-action {} /** * Utility widget sections (see other widget code below) ************************************************/ /* All utility widget sections (except widgets template) */ .utility {} /* Before content */ #utility-before-content {} /* After content */ #utility-after-content {} /* After post but before comments */ #utility-after-single {} /* After page but before comments */ #utility-after-page {} /* Widgets page template widgets */ .page-template-widgets #content .widget {} /** * Widget sections (Primary and Secondary) ************************************************/ /* Widgets in general */ .widget {} .widget-inside {} .widget-title {} /* Primary widget section */ #primary {} #primary .widget {} #primary .widget-inside {} #primary .widget-title {} #primary .widget ul {} #primary .widget ul li {} /* Secondary widget section */ #secondary {} #secondary .widget {} #secondary .widget-inside {} #secondary .widget-title {} #secondary .widget ul {} #secondary .widget ul li {} /** * Footer ************************************************/ /* Wrapper for the entire footer */ #footer-container { margin-top: 20px; } /* Subsidiary widget section */ #subsidiary {} #subsidiary .widget {} #subsidiary .widget-inside {} #subsidiary .widget-title {} /* Footer section */ #footer { } /* Top footer section */ #top_footer { border-top: 1px solid #231F20; border-bottom: 1px solid #9C9EA0; float: left; padding: 7px 0 7px 0; width: 100%; } #top_footer_left { float: left; } #top_footer_left p{ font-weight: bold; margin: 2px 0 0 0px; } #top_footer_right { float: right; } /* bottom footer section */ #bottom_footer { float: left; padding: 5px 0; width: 100%; } #bottom_footer p { font-size: 10px; margin: 0; } #bottom_footer_left { float: left; } #bottom_footer_right { float: right; } .footer_text { font-weight: bold; margin: 0 0 0px; } #footer_pages { float: right; } #footer_pages li{ list-style-type: none; display: inline; } /* Footer extra */ #footer #copyright_text { font-weight: normal; font-size: 10px; } #footer .credit {} /** * Custom pages/sections ************************************************/ /* URBAN116 section intro */ #urban116_sections { float:left; margin-bottom:30px; margin-left:30px; margin-right: 30px; margin-top:0; padding:0; } #content #urban116_sections { padding: 0; } #urban116_sections li { float:left; list-style-type:none; margin-left: 0px; } .urban116_section_link { color:#000000; font-size:12px; font-weight:bold; margin-bottom:0; margin-top:20px; text-align:center; } /** * HOME PAGE ************************************************/ /*ENGLISH*/ body.en_US #home_splash_holder { background-color: #DDEEFF; height: 300px; width: 100%; background:transparent url(images/en_images/home_splash_back.png) no-repeat scroll 0 0; } body.en_US #left_home { width:460px; float: left; } body.en_US #right_home { width:460px; float: left; } body.en_US #right_home h2{ background:transparent url(images/en_images/space_for_ideas_purple.png) no-repeat scroll 0 0; height: 45px; left: 30px; position: relative; top: 38px; } body.en_US #home_subhead { background: transparent url(images/en_images/splash_sub.png) no-repeat scroll 0 0; height: 123px; left: 30px; position: relative; top: 60px; } body.en_US #right_home span { display: none; } body.en_US #splash_more_info_bt { height: 35px; left: 280px; position: relative; top: 60px; } /*GERMAN*/ body.de_DE #home_splash_holder { background-color: #DDEEFF; height: 300px; width: 100%; background:transparent url(images/de_images/home_splash_back.png) no-repeat scroll 0 0; } body.de_DE #left_home { width:460px; float: left; } body.de_DE #right_home { width:460px; float: left; } body.de_DE #right_home h2{ background:transparent url(images/de_images/space_for_ideas_purple.png) no-repeat scroll 0 0; height: 45px; left: 30px; position: relative; top: 38px; } body.de_DE #home_subhead { background: transparent url(images/de_images/splash_sub_de.png) no-repeat scroll 0 0; height: 123px; left: 30px; position: relative; top: 60px; } body.de_DE #right_home span { display: none; } body.de_DE #splash_more_info_bt { height: 35px; left: 280px; position: relative; top: 60px; } /*HOME SHARED*/ #main_home_content { float: left; margin-bottom: 10px; } #contact_box_home { border-bottom: 5px solid #913333; float: left; height: 195px; margin-right: 20px; width: 220px; background:transparent url(images/shared_images/purple_triangle.png) no-repeat scroll 10px 21px; } #contact_box_home h3 { background-color: #913333; color: #FFFFFF; font-size: 12px; font-weight: bold; height: 25px; line-height: 24px; margin: 0 0 12px; padding: 0 0 0 10px; } #contact_text { color: #626366; font-size: 10px; font-weight: bold; margin-bottom: 11px; padding: 0 10px; } #showcase_box_home { border-bottom: 5px solid #913333; float: left; height: 195px; margin-right: 20px; width: 220px; background:transparent url(images/shared_images/purple_triangle.png) no-repeat scroll 10px 21px; } #showcase_box_home h3 { background-color: #913333; color: #FFFFFF; font-size: 12px; font-weight: bold; height: 25px; line-height: 24px; margin: 0 0 12px; padding: 0 0 0 10px; } #offers_box_home { border-bottom: 5px solid #913333; float: left; height: 195px; width: 480px; background:transparent url(images/shared_images/purple_triangle.png) no-repeat scroll 10px 21px; } #offers_box_home h3 { background-color: #913333; color: #FFFFFF; font-size: 12px; font-weight: bold; height: 25px; line-height: 24px; margin: 0 0 12px; padding: 0 0 0 10px; } #offers_home_list { margin-top: 23px; margin-right: 15px; } #offers_home_list li { list-style-type: none; float: right; margin-right: 15px; margin-bottom: 12px; } #home_stand_design { } #home_stand_design img { float: left; margin-left: 45px; margin-top: 0px; } .newsletter_button { margin-left: 10px; } .emailer { background: transparent url(images/shared_images/emailer.png) no-repeat scroll 8px 4px; color: #626366; font-size: 11px; font-weight: bold; margin: 0 0 6px; line-height: 16px; padding: 0 0 0 32px; } .phoner { background: transparent url(images/shared_images/phoner.png) no-repeat scroll 10px 4px; color: #626366; font-size: 11px; font-weight: bold; line-height: 16px; margin: 0 0 6px; padding: 0 0 0 32px; } /** * News section ************************************************/ #news_home_right_col { float: right; margin-left: 30px; width: 230px; } #news_home_right_col h2 { font-size: 11px; font-weight: bold; line-height: 16px; margin-bottom: 0px; } .content_news_home { float: left; margin-left: 0px; margin-right: 0px; width: 470px; } /** * Sidebar nav ************************************************/ .simple-section-nav { padding-top: 0; margin-top: 0; margin-bottom: 30px; } .simple-section-nav h3{ margin: 0; background-color: #ff0000; margin:0; padding:4px 10px; } .simple-section-nav h3 a{ color: #ffffff; font-weight: bold; font-size: 12px; } .simple-section-nav ul{ margin: 0; padding-top: 10px; } .simple-section-nav ul ul{ margin: 0; padding-top: 0; } .simple-section-nav ul li{ color: #7D1718; display: block; font-size: 11px; font-weight: bold; line-height: 22px; margin: 0; padding: 0px 0 0px 10px; text-decoration: none; } .simple-section-nav ul li.current_page_item a { color:#FF0000; } .simple-section-nav ul ul li{ margin: 0; padding-top: 0; padding-left: 20px; color: #7D1718; font-weight: normal; } .simple-section-nav ul ul li.page_item a { color: #7D1718; } .simple-section-nav ul ul li.page_item a:hover { color: #FF0000; } .simple-section-nav ul ul li.current_page_item a { color:#FF0000; } /*3rd level*/ .simple-section-nav ul ul ul li{ margin: 0; padding-top: 0; padding-left: 20px; color: #7D1718; font-weight: normal; } .simple-section-nav ul ul ul li.page_item a { color: #7D1718; } .simple-section-nav ul ul ul li.page_item a:hover { color: #FF0000; } .simple-section-nav ul ul ul li.current_page_item a { color:#FF0000; } /*.simple-section-nav ul li .page_item a { color:#7D1718; }*/ /*.simple-section-nav ul li .current_page_item a { color:#FF0000; }*/ /*.SimpleSideNav { padding-top: 0; margin-top: 0; } .simple_sidenav { margin-bottom: 30px; } .simple_sidenav h3 { } .simple_sidenav ul { margin: 0; } .simple_sidenav li:first-child { padding: 0px 0 6px 8px; } .simple_sidenav li:last-child { border-bottom: none; } .simple_sidenav ul li { border-bottom: 1px dotted #DADADA; color: #7D1718; display: block; font-size: 11px; font-weight: bold; line-height: 18px; margin: 0; padding: 8px 0 6px 8px; text-decoration: none; } .simple_sidenav ul li li{ border-bottom: 1px dotted #DADADA; color: #7D1718; display: block; font-size: 11px; font-weight: bold; line-height: 18px; margin: 0; padding: 8px 0 6px 8px; text-decoration: none; } .simple_sidenav ul li li a{ color: #7D1718; }*/ /*.simple_sidenav .current_page_item a { color:#FF0000; }*/ /*.simple_sidenav ul li li.current_page_item a{ color: #FF0000; }*/ /*.current_page_item ul ul li a { color:#FF0000; }*/ p.comments-closed { display: none; } .post h2 { font-size:18px; font-weight:bold; line-height:22px; margin:0 0 8px; } /** * Forms ************************************************/ #forms_column { float:left; margin-right:30px; width:200px; } .content_form { width: 385px; float: left; } #urban-right-col-form { width: 315px; /* RC width */ float: right; margin-left: 30px; } /* Form headers */ /* #urban-right-col-form h2 { font-size:14px; font-weight:bold; line-height:18px; margin-bottom:6px; } #urban-right-col-form h4 { font-weight: bold; font-size:11px; line-height:16px; margin-bottom: 14px; } */ .gform_wrapper li, .gform_wrapper form li, .gform_wrapper form ul li { list-style-type:none!important; background-image:none!important} /* ------------------------------------ forms.css v1.3.3 Gravity Forms Front End Form Styles http://www.gravityforms.com a rocketgenius project http://www.rocketgenius.com ------------------------------------ */ .gform_wrapper{ overflow:hidden; margin-bottom:10px; max-width:600px} .gform_wrapper h1, .gform_wrapper h2, .gform_wrapper h3{font-weight:normal; border:none; outline:none; background:none} .gform_wrapper:focus{ outline:none} .gform_wrapper form{ text-align:left} .gform_wrapper input{ outline-style:none; font-size:11px; font-family:verdana,sans-serif; padding:2px 4px 2px 4px; letter-spacing:normal} .gform_wrapper textarea{ outline-style:none; font-size:11px; font-family:verdana,sans-serif; letter-spacing:normal; padding:2px 0 2px 0; resize:none; /* doesn't validate but added for Safari field resizing */} .gform_wrapper ul{ margin:0; list-style-type:none} html >body .entry ul, .gform_wrapper ul{text-indent:0px} .gform_wrapper li, .gform_wrapper form li{ list-style-type:none!important; overflow:hidden} .gform_wrapper ul.right_label li, .gform_wrapper form ul.right_label li, .gform_wrapper ul.left_label li, .gform_wrapper form ul.left_label li {margin-bottom:14px} .gform_wrapper ul li:before, .gform_wrapper ul li:after, .entry ul li:before, .entry ul li:after{content:""; /* for safari */} .gform_wrapper ul li:before, .gform_wrapper ul li:after, .entry ul li:before, .entry ul li:after{content:none; # /* for other browsers */} .gform_wrapper ul.gform_fields{ padding:0px; margin:0px} .gform_wrapper select{ font-size:11px; font-family:verdana,sans-serif; padding:3px 0 3px 0; letter-spacing:normal} .gform_wrapper .inline{ display:inline!important} .gform_wrapper .gform_heading{ width:98%; padding-bottom:0px; margin-bottom:4px} .gform_wrapper .gfield_time_hour, .gform_wrapper .gfield_time_minute, .gform_wrapper .gfield_date_month, .gform_wrapper .gfield_date_day, .gform_wrapper .gfield_date_year{ width:70px; float:left} .gform_wrapper .gfield_date_month, .gform_wrapper .gfield_date_day, .gform_wrapper .gfield_date_year {margin-right:12px} .gform_wrapper .gfield_time_ampm select{ width:60px!important} .gform_wrapper .gfield_time_hour input, .gform_wrapper .gfield_time_minute input, .gform_wrapper .gfield_date_month input, .gform_wrapper .gfield_date_day input, .gform_wrapper .gfield_date_year input{ width:70%!important} .gform_wrapper .gfield_date_month, .gform_wrapper .gfield_date_day, .gform_wrapper .gfield_date_year{ width:50px; float:left} .gform_wrapper .gfield_date_month input, .gform_wrapper .gfield_date_day input, .gform_wrapper .gfield_date_year input{ width:85%!important} .gform_wrapper .field_hover{ border:1px dashed #2175A9!important; cursor:pointer} .gform_wrapper .field_selected{ background-color:#DFEFFF; border:1px solid #C2D7EF!important} .gform_wrapper .field_name_first, .gform_wrapper .field_name_last{ width:50%; float:left} .gform_wrapper .ginput_complex{overflow:hidden} .gform_wrapper .field_name_first input, .gform_wrapper .ginput_complex .ginput_left input{ width:90%!important} .gform_wrapper .field_name_last input{ width:93%!important} .gform_wrapper .datepicker{ width:100px!important} .gform_wrapper .ginput_complex .ginput_left, .gform_wrapper .ginput_complex .ginput_right{ width:48%; float:left;} .gform_wrapper .gfield_error .ginput_complex .ginput_left, .gform_wrapper .gfield_error .ginput_complex .ginput_right { width:50%} .gform_wrapper .gfield_error .ginput_complex .ginput_left input { width:90%!important} .gform_wrapper .gfield_error .ginput_complex .ginput_right input { width:100%!important} .gform_wrapper .ginput_complex input, .gform_wrapper .ginput_complex select{ width:92%!important} .gform_wrapper .ginput_complex label, .gform_wrapper .gfield_time_hour label, .gform_wrapper .gfield_time_minute label, .gform_wrapper .gfield_date_month label, .gform_wrapper .gfield_date_day label, .gform_wrapper .gfield_date_year label, .gform_wrapper .instruction { display:block; margin:3px 0 8px 0; font-size:10px; letter-spacing: 1px} .gform_wrapper .ginput_complex .name_prefix{ float:left; width:30px!important; margin-right:14px} .gform_wrapper .ginput_complex .name_suffix{ float:left; width:30px!important} .gform_wrapper .ginput_complex .name_first, .gform_wrapper .ginput_complex .name_last{ float:left; width:100px; margin-right:8px} .gform_wrapper .top_label .gfield_label{ margin:10px 0 4px 0; font-weight:bold; display:-moz-inline-stack; display:inline-block; line-height:130%; clear:both} .gform_wrapper .left_label .gfield_label{ float:left; margin:2px 15px 0 0; width:29%; font-weight:bold} .gform_wrapper .right_label .gfield_label{ float:left; margin:2px 15px 0 0; width:29%; font-weight:bold; text-align:right} .gform_wrapper .left_label ul.gfield_checkbox, .gform_wrapper .right_label ul.gfield_checkbox, .gform_wrapper .left_label ul.gfield_radio, .gform_wrapper .right_label ul.gfield_radio{ margin-left:32%} .gform_wrapper .top_label input.small, .gform_wrapper .top_label select.small{ width:25%} .gform_wrapper .top_label input.medium, .gform_wrapper .top_label select.medium{ width:80%} .gform_wrapper .top_label input.large, .gform_wrapper .top_label select.large, .gform_wrapper .top_label textarea.textarea{ width:92%} .gform_wrapper .right_label input.small, .gform_wrapper .right_label select.small, .gform_wrapper .left_label input.small, .gform_wrapper .left_label select.small{ width:15%} .gform_wrapper .right_label input.medium, .gform_wrapper .right_label select.medium, .gform_wrapper .left_label input.medium, .gform_wrapper .left_label select.medium{ width:35%} .gform_wrapper .right_label input.large, .gform_wrapper .right_label select.large, .gform_wrapper .left_label input.large, .gform_wrapper .left_label select.large, .gform_wrapper textarea.textarea{ width:59%} .gform_wrapper .right_label div.ginput_complex, .gform_wrapper .left_label div.ginput_complex{ width:64%; float:left} .gform_wrapper h2.gsection_title{ margin:0!important; padding:0!important; letter-spacing:normal!important} .gform_wrapper .gsection .gfield_label, .gform_wrapper h2.gsection_title, .gform_wrapper h3.gform_title{ font-weight:bold; font-size:12px; font-family:Helvetica,sans-serif} .gform_wrapper h3.gform_title{ letter-spacing:normal!important; margin:0px 0 6px 0} .gform_wrapper span.gform_description{font-weight:normal} .gform_wrapper h2.gsection_title, .gform_wrapper .gsection_description, .gform_wrapper h3.gform_title{ width:98%} .gform_wrapper .gsection{ border-bottom:1px dotted #ccc!important; padding:0 0 8px 0; margin:8px 0 8px 0} .gform_wrapper .gfield_checkbox, .gform_wrapper .gfield_radio{ padding:0px 0; margin:0} .gform_wrapper .gfield_checkbox li, .gform_wrapper .gfield_radio li{ padding:3px 0 0 0!important;} .gform_wrapper .gfield_checkbox label, .gform_wrapper .gfield_radio label{ margin-left:6px; display:inline} .gform_wrapper .description, .gform_wrapper .gfield_description, .gform_wrapper .gsection_description,.gform_wrapper .instruction { font-size:10px; line-height:150%; clear:both; font-family:verdana,sans-serif; letter-spacing:normal} .gform_wrapper .description, .gform_wrapper .gfield_description, .gform_wrapper .gsection_description{padding:4px 0 8px 0} .gform_wrapper .gfield_description {padding: 0px 0 2px 0; font-style: italic} .gfield_date_year+.gfield_description {padding:0 0 8px 0} .gform_wrapper .gsection_description {font-style: italic} .ginput_complex + .gfield_description {padding-top:0!important} .gform_wrapper .right_label .gfield_description, .gform_wrapper .left_label .gfield_description, .gform_wrapper .left_label .instruction, .gform_wrapper .right_label .instruction{ margin-left:29%; padding-left:15px} .gform_wrapper .left_label .gsection .gsection_description, .gform_wrapper .right_label .gsection .gsection_description{ margin-left:0; padding-left:0; padding-top:4px; line-height:150%} .gform_wrapper .gfield_required{ color:#790000; margin-left:4px} .gform_wrapper textarea.small{ height:80px} .gform_wrapper textarea.medium{ height:150px} .gform_wrapper textarea.large{ height:250px} .gform_wrapper .gfield_error{ background-color:#FFDFDF!important; margin-top:4px!important; margin-bottom:6px; padding:6px 6px 4px 6px; border:1px dotted #C89797} .gform_wrapper .top_label .gfield_error .ginput_container {max-width:99%} .gform_wrapper .top_label .gfield_error{ width:100%} .gform_wrapper .top_label .gfield_error input.large, .gform_wrapper .top_label .gfield_error select.large, .gform_wrapper .top_label .gfield_error textarea.textarea{ width:100%} .gform_wrapper .right_label .gfield_error input.large, .gform_wrapper .right_label .gfield_error select.large, .gform_wrapper .right_label .gfield_error textarea.textarea, .gform_wrapper .left_label .gfield_error input.large, .gform_wrapper .left_label .gfield_error select.large, .gform_wrapper .left_label .gfield_error textarea.textarea { width:66%} .gform_wrapper .gfield_error .gfield_label{ color:#790000} .gform_wrapper .validation_error{ color:#790000; font-weight:bold; font-size:14px; line-height:150%; font-family:Helvetica,sans-serif; margin-bottom:16px} .gform_wrapper .validation_message{ color:#790000!important; font-size:11px; font-family:verdana,sans-serif; letter-spacing:normal} .gform_wrapper .gform_footer{ padding:0px 0 10px 0; margin:6px 0 0 0} .gform_wrapper .gform_footer.right_label, .gform_wrapper .gform_footer.left_label { padding:16px 0 10px 31%} .gform_wrapper input.button{ font-size:100%; color:#222; padding-left: 20px; padding-right: 20px; } .gform_wrapper input.button:hover{ color:#000} #gforms_confirmation_message{background-color:#fffac6; border:1px solid #feda70; margin-top:10px; margin-bottom:10px; padding:20px 0; font-size:14px; color:#252525; text-align:center} /* added for v1.3 ------------------------------------------------------------------------- */ .gform_wrapper .ginput_complex .ginput_left, .gform_wrapper .ginput_complex .ginput_right, .gform_wrapper .ginput_complex .ginput_full { min-height:43px; display:block; overflow:hidden} .gform_wrapper .gfield_checkbox li, .gform_wrapper .gfield_radio li {margin-bottom:4px; line-height: 130%!important} /* improve spacing and prevent descenders from getting cut off in IE */ /* a few IE7 specific hacks ------------------------------------------------------------------------- */ .gform_wrapper .gfield_time_hour{*width:80px} .gform_wrapper .gfield_time_minute{*width:70px} .gform_wrapper .gfield_time_ampm{*padding-top:2px} .gform_wrapper .gfield_time_hour input, .gform_wrapper .gfield_time_minute input{*margin-left:-10px} .gform_wrapper .ginput_complex .ginput_left label, .gform_wrapper .ginput_complex .ginput_right label { *margin:3px 0 5px 0} .gform_footer input.button {*padding:3px} ul.top_label .clear-multi {overflow:hidden; clear:both} /* IE8 & IE7 hacks because IE still sux ------------------------------------------------------------------------- */ .gform_wrapper .ginput_complex .ginput_left select, .gform_wrapper .ginput_complex .ginput_right select { padding: 2px 0 2px 0\9 } /* jQuery UI date picker ---------------------------------------------------------------------------------------*/ .ui-datepicker-div, .ui-datepicker-inline, #ui-datepicker-div{ /*resets*/margin:0; padding:0; border:0; outline:0; line-height:1.3; text-decoration:none; font-size:100%; list-style:none; font-family:"lucida sans", "lucida grande", lucida ,sans-serif; background:#fff; font-size:1.0em; border:4px solid #C1C1C1; width:15.5em; padding:2.5em .5em .5em .5em; position:relative} .ui-datepicker-div, #ui-datepicker-div{ z-index:9999; /*must have*/ display:none} .ui-datepicker-inline{ float:left; display:block} .ui-datepicker-control{ display:none} .ui-datepicker-current{ display:none} .ui-datepicker-next, .ui-datepicker-prev{position:absolute; left:.5em; top:.5em; background:#eee} .ui-datepicker-next{ left:14.6em} .ui-datepicker-next:hover, .ui-datepicker-prev:hover{ background:#dadada} .ui-datepicker-next a, .ui-datepicker-prev a{ text-indent:-999999px; width:1.3em; height:1.4em; display:block; font-size:1em; background:url(../images/datepicker_arrow_left.gif) 50% 50% no-repeat; border:1px solid #d3d3d3; cursor:pointer} .ui-datepicker-next a{ background:url(../images/datepicker_arrow_right.gif) 50% 50% no-repeat} .ui-datepicker-header select{ border:1px solid #d3d3d3; color:#555; background:#e6e6e6; font-size:1em; line-height:1.4em; position:absolute; top:.5em; margin:0 !important} .ui-datepicker-header option:focus, .ui-datepicker-header option:hover{ background:#dadada} .ui-datepicker-header select.ui-datepicker-new-month{ width:7em; left:2.2em} .ui-datepicker-header select.ui-datepicker-new-year{ width:5em; left:9.4em} table.ui-datepicker{ width:15.5em; text-align:right} table.ui-datepicker td a{ padding:.1em; display:block; color:#555; background:#e6e6e6; cursor:pointer; border:1px solid #fff; text-align:center} table.ui-datepicker td a:hover{ border:1px solid #fff; color:#212121; background:#dadada; text-decoration: none} table.ui-datepicker td a:active{ border:1px solid #aaa; color:#212121; background:#fff; text-decoration: none} table.ui-datepicker .ui-datepicker-title-row td{ padding:.2em 0; text-align:center; font-size:.9em; color:#222; text-transform:uppercase} table.ui-datepicker .ui-datepicker-title-row td a{ color:#222; padding:.3em 0} .ui-datepicker-cover{ display:none; display/**/:block; position:absolute; z-index:-1; filter:mask(); top:-4px; left:-4px; width:193px; height:200px} img.ui-datepicker-trigger {position:relative; top:3px; left:4px} /* tame those pesky hidden fields --------------------------------------------------------------------*/ .gform_wrapper input[type="hidden"], .gform_wrapper input.gform_hidden {display:none} /* fix captcha alignment for IE8 --------------------------------------------------------------------*/ .gform_wrapper .left_label #recaptcha_area, #recaptcha_table, .gform_wrapper .right_label #recaptcha_area, #recaptcha_table {margin-left:32%;} /*.urban_firstname { float: left; } .urban_lastname { } .urban_email { float: left; } .urban_phone { }*/ .gfield_error .urban_captcha { background-color:#FFDFDF !important; margin-bottom:6px; margin-top:4px !important; padding:6px 0px 4px !important; } /*NEWSLETTER STUFF*/ #newsletter_headline { color:#626366; font-size:13px; font-weight:bold; line-height:17px; margin:0px 0 0 0px; padding:0 0 0 0; } .mc-field-group { color:#626366; margin-bottom:10px; padding:0 0 0 0; font-size: 11px; float: left; width: 100%; } .mc-field-group label { font-weight:bold; float: left; } .mc-field-group input { float:left; width:90%; } .mc-field-group select { float:left; width:90%; } #mc-embedded-subscribe { float: left; } .newsletter_nav { background-color:#FF0000; margin:0 0 10px 0; padding:4px 10px; } .newsletter_nav a { color:#FFFFFF; font-size:12px; font-weight:bold; } #newsletter_intro_para { margin-bottom: 10px; } /*language switcher*/ #lang_switch_holder { float: right; } #lang_switch_holder ul { float:right; list-style-type:none; } #lang_switch_holder li { float:left; margin-left:5px; } #lang_switch_holder a { font-weight: bold; } .left_border_divider { border-left: 1px solid #000; padding-left: 5px; } .content_form .wp-caption p { width: 375px; } #content .gform_body ul { padding: 0; }