/* ----------------------------------------------- italyMONDO! Style Sheet Author: Matthew J. Stellato Website: http://www.matthewstellato.com Version: 2009 ----------------------------------------------- */ @import url("reset.css"); body {background: #FBF7E9 url(../images/bg.gif) repeat; text-align:center; font-size: 80%;} #wrap {width:840px; margin:0 auto; color:#000; text-align:left; font-family: Georgia, Times, serif; background: url(../images/bg_content.gif) top repeat-y} #wrap.services {*background: url(../images/bg_content_sidebar.jpg) top repeat-y;} :focus {outline:0;} .clear {line-height:0px; font-size:0; height:0px; clear:both;} p {padding-bottom:15px; line-height:19px;} a {color:#770000; text-decoration:none; cursor:pointer; font-family: "Trebuchet MS", Arial, Sans-serif; font-weight:bold;} a:hover {color:#53331A; text-decoration:underline;} .hidden {display:none;} .caption {color:#624E32; font-size:.85em; line-height:14px;} img.imgborder {padding:7px; border:1px solid #E1CBAE; background:#F8F3ED;} /* Header -----------------------------------------------------*/ #header {} /* Navigation -----------------------------------------------------*/ #navbg {height: 35px; background: url(../images/nav/navbg.gif) repeat-x top left; position:relative;} #nav li {float: left;} #nav li a {display: block; height:35px; text-indent:-9999em; background-position: 0 0; border:0;} #nav li a:hover {background-position: 0 -35px;} #nav li.active a, #nav li.active a:hover {background-position: bottom;} #home a {background: url(../images/nav/home.gif); width: 74px;} #about a {background: url(../images/nav/about.gif); width: 85px;} #services a {background: url(../images/nav/services.gif); width: 115px;} #media a {background: url(../images/nav/media.gif); width: 67px;} #contact a {background: url(../images/nav/contact.gif); width: 102px} #store a {background: url(../images/nav/store.gif); width: 62px} #blog a {background: url(../images/nav/blog.gif); width: 51px} #getstarted a {background: url(../images/nav/get_started.gif); width: 100px; position:absolute; right:0;} /* Content -----------------------------------------------------*/ #content {background: url(../images/bg_content.gif) top repeat-y; padding: 25px 25px 25px 30px; font-size:1.1em} #content.services {background: url(../images/bg_content_sidebar.jpg) top repeat-y; padding:25px 1px 25px 30px;} h2 {color:#53331A; font-size:22px; padding-bottom:15px;} h2 span {color:#9D8769; font-size:14px; font-family:Arial, Helvetica, sans-serif; display:block; margin-bottom:3px;} h3 {color:#555;} h4 {color:#770000;} #main {float:left; width:460px; padding:10px 20px 0 0; border-right:1px dashed #B79E7B;} #sidebar {margin-left:500px;} /* Home -----------------------------------------------------*/ h2#citizenship a {background:url(../images/citizen.jpg) top left no-repeat; width: 460px; height:155px; display:block; text-indent:-9999em; border:0;} #mailinglist {padding:5px 10px; color:#624E32; background:#FEF0DA; border:1px solid #B79E7B; position:relative; margin-bottom:15px;} #mailinglist label {padding-top:2px; color:#333; font-size:11px; float:left; width:95px; text-align: left; display: block; font-weight:bold; *padding-top:3px;} #mailinglist h4 {margin:5px 0 15px 5px; color:#770000;} #mailinglist #submitit {text-align:right; margin:0 3px 5px 0;} .mailfield {width:150px; margin:0; padding:2px} strong.sidebar {font-size:13px; color:#545454;} #mailinglist p {padding:0 0 4px 5px;} /* About -----------------------------------------------------*/ #subnav {border-bottom:1px solid #B79E7B; height:22px; margin-bottom:30px;} #subnav li {float:left; display:inline; padding:0 15px 4px 0px; _padding-bottom:0;} #subnav li a {color:#9E886A; padding:4px; display:block; font-size:13px; font-family:Arial, Helvetica, sans-serif; font-weight:normal;} #subnav li a:hover, #menu li a:visited {color:#770000; text-decoration:none;} #subnav li.current a, #subnav li.current a:visited, #subnav li.current a:hover { color:#53331A; border-bottom:2px solid #53331A; padding-bottom:5px; font-weight:bold;} #main.about h2 span {display:block; font-size:12px; color:#770000; font-family:Arial, Helvetica, sans-serif; padding-top:3px;} .title {font-style:italic; font-weight:normal; font-size:13px;} #sidebar.about div {border-bottom:1px dashed #B79E7B; padding-bottom:8px; margin-bottom:12px;} #sidebar.about span {display:block; color:#624E32; font-size:.8em; line-height:14px;} #sidebar.about p.highlight{ background:#FEF0DA; padding:5px 10px; border:1px solid #B79E7B;} #sidebar.about p {line-height:1em; margin-bottom:8px; padding:0;} #sidebar.about h4 {padding-bottom:8px;} #sidebar.teamnav {margin-left:515px; width:294px; _margin-left:512px;} #sidebar.teamnav a img {float:left; border:1px solid #555; opacity: 0.8} #sidebar.teamnav a {display:block; padding:8px 20px 15px 20px; _padding-bottom:13px; height:48px; background:url(../images/about-nav.jpg) no-repeat 0 65px; font-family: Georgia, Times, serif;} #sidebar.teamnav a:hover {text-decoration:none; background-position: 0 -5px;} #sidebar.teamnav a.current, #sidebar.teamnav a.current:hover {background-position: bottom left;} #sidebar.teamnav a em, #sidebar.teamnav a strong {display:block; margin-left:55px;} #sidebar.teamnav a strong {color:#000000; padding-top:12px;} #sidebar.teamnav a em {font-weight:normal; color:#583C17; line-height:18px; font-size:12px;} #sidebar.teamnav a:hover img, #sidebar.teamnav a.current img {opacity: 1} #hand-meet {background:url(../images/handwritten-meet.jpg) bottom center no-repeat; height:43px; text-indent:-9999em;} #hand-services {background:url(../images/handwritten-service.jpg) bottom center no-repeat; height:43px; text-indent:-9999em;} /* Services -----------------------------------------------------*/ #content.services #main {border:0; width:495px; _width:490px;} #sidebar_nav {margin-left:515px; width:294px; _margin-left:512px;} /* Main */ #nav_services li a{display:block; height:90px; text-indent:-99999em;} #nav_services li.genealogy a {background:url(../images/services/service-genealogy.jpg) top left no-repeat;} #nav_services li.family a {background:url(../images/services/service-family.jpg) top left no-repeat;} #nav_services li.travel a {background:url(../images/services/service-travel.jpg) top left no-repeat;} #nav_services li.citizenship a {background:url(../images/services/service-citizenship.jpg) top left no-repeat;} #nav_services li a:hover {background-position: 0 -90px;} #nav_services li a.active, #nav_services li a.active:hover {background-position: 0 -180px} /* GS */ #sidebar_nav p {text-align:center; margin:30px auto;} #sidebar_nav p a {background:url(../images/btn_getstarted.jpg) top center no-repeat; display:block; height:75px; width:280px; text-indent:-9999em;} #sidebar_nav p a:hover {background-position: center -80px;} blockquote {font-style:italic; padding:20px 10px; border-top:1px dashed #C5B9A7} blockquote span {display:block; padding-left:250px; color:#000; font-style:normal; font-weight:bold; padding-top:5px; font-size:12px; font-family:Arial, Helvetica, sans-serif} blockquote.alt {background:#F5E1C9} .list {padding-left:20px; list-style:disc; padding-bottom:15px;} .list li {padding-bottom:10px;} /* Genealogy Sub */ #nav_genealogy {margin-bottom:30px; padding-bottom:10px; border-bottom:1px dashed #B79E7B; overflow:hidden; _height:200px;} #nav_genealogy ul {float:left; width:155px; margin-right:10px;} #nav_genealogy ul.last {margin:0;} #nav_genealogy ul li {text-align:center; _height:1%;} #nav_genealogy ul li.step {background:url(../images/services/nav_genealogy.jpg) 0 0 no-repeat; height:50px; text-indent:-9999em;} #nav_genealogy ul li.step2 {background:url(../images/services/nav_genealogy.jpg) 0 -50px no-repeat; height:50px; text-indent:-9999em;} #nav_genealogy ul li.step3 {background:url(../images/services/nav_genealogy.jpg) 0 -100px no-repeat; height:50px; text-indent:-9999em;} #nav_genealogy ul li a {display:block; background:#E4D3BA; margin-top:5px; border:1px solid #D8C8AF; color:#7A4B26; padding:6px 3px; font-size:13px; font-family:Arial, Helvetica, sans-serif; font-weight:normal;} #nav_genealogy ul li a:hover {background:#770000; color:#FFF; text-decoration:none;} #nav_genealogy ul li a.active {background:#53331A; color:#FFF;} /* A La */ #nav_citizenship {margin-bottom:30px; margin-top:10px; padding-top:10px; border-top:1px dashed #B79E7B;} #nav_citizenship ul {float:left; width:240px; margin-right:10px;} #nav_citizenship ul.last {margin:0;} #nav_citizenship ul li a {display:block; background:#E4D3BA; margin-top:5px; border:1px solid #D8C8AF; color:#7A4B26; padding:6px 10px; font-size:13px; font-family:Arial, Helvetica, sans-serif; font-weight:normal;} #nav_citizenship ul li a:hover {background:#770000; color:#FFF; text-decoration:none;} #nav_citizenship ul li a.active {background:#53331A; color:#FFF;} #nav_citizenship.family ul {width:100%; float:none; margin:0;} #nav_citizenship.family a strong {color:#000;} #nav_citizenship.family a:hover strong {color:#FFF;} /* Policies -----------------------------------------------------*/ #main.policies {width:560px;} #main.policies p, #services_left.policies ul, #services_left.policies ol {font-size:.95em; font-family:Arial, Helvetica, sans-serif} #main.policies ul li, #services_left.policies ol li {margin-bottom:.5em;} #main.policies p span {color:#770000; font-weight:bold;} #sidebarnav {margin:10px 0 10px 600px;} .service a {margin-bottom:5px; padding:5px 10px; color:#624E32; background:#FEF0DA; border:1px solid #B79E7B; font-weight:bold;display:block;} .service a:hover {background:#53331A; text-decoration:none; color:#FFF;} .service a.active {background:#FEFBF7; color:#624E32;} ul.book { margin:0 0 15px 5px; padding: 0 0 0 25px; color:#770000;} ul.book span {color:#000;} ul.book li {margin-bottom:3px;} /* Contact Form -----------------------------------------------------*/ label {padding-top:3px; color:#212121; width: 80px; float: left; text-align: left; margin-right: 5px; display: block; font-weight:bold;} input, textarea {border:1px solid #AAA} .submit input {color: #333; background: #E0C499; border: 1px solid #888; padding:5px;} #submitcontact {margin-left:85px;} .textfield {font: normal 12px/14px verdana, sans-serif; padding:5px; border: 1px solid #AAA; width: 340px; color: #555;} #error {border-top:1px solid #B79E7B; border-bottom:1px solid #B79E7B; margin:0 0 25px 0; padding: 10px; color: #770000; font-weight:bold;} #error ul {padding-left:25px; list-style:disc; font-weight:normal;} #logo { border-bottom:1px dashed #B79E7B; padding-bottom:10px; text-align:center} .num {padding:10px 0 0 5px} .num strong {display:block; float:left; width:120px;} .skype {border-top:1px dashed #B79E7B; margin-top:15px; padding-top:15px;} span.s3 {display:block; padding-top:5px;} #main.contact p {padding-right:20px;} #sidebar.contact h4 {margin:20px 0 5px 0;} /* Footer -----------------------------------------------------*/ #bottom {background: url(../images/bg_bottom.gif) no-repeat; height:22px;} #bottom.services {background: url(../images/bg_bottom_sidebar.jpg); height:22px;} #footer {width:830px; margin:0 auto; text-align:left; padding:8px 0 50px 10px; color:#333; font-size:13px;} #footer p {margin:0 0 0 110px; padding:0;} #footer a {color:#53331A;} #footer a:hover {color:#770000;} #footer img {float:left; margin:1px 0 30px 0;} #social {float:right; margin:0 10px 0 0; padding:0;} #social a {display:block; background:0 1px; background-repeat:no-repeat; float:left; padding:0; margin:0; height:30px; width:30px; text-indent:-9999em; border:0;} #social a:hover {background: 0 -29px; background-repeat:no-repeat;} #social a#facebook {background-image: url(../images/icon_facebook.gif)} #social a#twitter {background-image: url(../images/icon_twitter.gif)} /* Family Chart -----------------------------------------------------*/ #familyChart {font-size:12px;} #familyChart div p, #familyChart p {padding:0 0 10px 5px;} #familyChart div input.textfield {width:205px; _width:192px} #familyChart div label {width:140px} #familyChart h4 {border-bottom:1px dashed #B79E7B; margin-bottom:10px; padding-bottom:3px; font: bold 13px Arial, Helvetica, sans-serif} #familyChart p.cp {padding-right:15px;} #familyChart p span.jsvalidation {padding-left:5px; color:#FFF; font-size:12px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; position:absolute;padding:3px; border:1px solid #6C1222; background:#9e1b32;} div.left {float:left;} div.right {margin-left:380px;} div.right label {margin-left:20px; _margin-left:8px;} div.right h4 {margin-left:20px; _margin-left:15px;} #familyChart fieldset {margin-bottom:30px;} #familyChart div.tight p {padding-bottom:5px;} #fc-pdf {display:block; border:1px solid #B79E7B; background:#D3C4AC; background: rgba(0,0,0,.1); color:#FFF; padding:20px; -moz-border-radius: 5px; -webkit-border-radius: 5px; text-align:center;} #fc-pdf:hover {background:#F3EADE; background:#F3EADE; background: rgba(250,255,250,.2); } input.radio, input.check {border:none;} /* Landing Page ------------------------------------------------- */ #landingpage {font-size:20px; color:#45290d; line-height:35px;} #landingpage ul {margin-bottom:18px;} #landingpage p {padding-left:20px; font-size:18px; line-height:28px;} #landingpage p img {float:right; padding:15px 50px 20px 0;} #landingpage #right {float:right; margin:0 25px;}