/* ----------------------------------------------------------------------- Name: Chicago Legal Clinic URL: Description: Blueprint CSS Grid (Default): - Column Count: 16 - Column Width: 40 - Gutter Width: 940 - Total Width : 20 Notes: Website consists of (3) two specific layouts. Those are Home, Application & Locations and consists of (3) three templated interior layouts: Home, Primary, Secondary & Tertiary. All have an ID associated with them that is set in the body tag. This ID has a set of styles that cascade from ----------------------------------------------------------------------- */ /* Table of Contents ------------------------------------------ I. Major Page Structure II. Header & Navigation III. Main Content A. Non-Layout Specific Content Styles B. Layout Specific Content Styles IV. Footer V. Global Custom Classes VI. Blueprint Overrides ------------------------------------------ */ /********************************************************** --- I. Major Page Structure --- ***********************************************************/ #outerwrapper{background:url(../images/mastheads/bkg-skyline-interior.jpg) top center no-repeat} #home #outerwrapper .container {background:url(../images/mastheads/bkg-skyline-home.jpg) top center no-repeat; padding:0 40px;} body{background:#32555c url(../images/misc/tile-body.jpg) repeat-x; margin-top:0px;} body#lightbox {background-image:none; background-color:#fff} hr {border-color: #cdcdcd; border-style: solid;border-width: 1px 0 0; clear: both; margin: 0 0 20px; height: 0;} div, p{font-size:12px;} table, table tr, table tr td {} a {color:#000000; font-size:12px;} a:hover {text-decoration:none} h1{font-size:22px; color:#fff; } h2{font-size:1.5em; line-height:1em; margin-bottom:1em; color:#32555c;} h3{font-size:1.3em; line-height:1.15em; margin-bottom:1.2em; color:#a79978;} h4{font-size:15px;color:#32555c;} h5{font-size:14px; text-transform:uppercase} h2 em {padding:0 0 0 4px;} ul li{ font-size:12px;} .container { width:940px; } /********************************************************** --- III. Header & Navigation --- ***********************************************************/ #header {height:120px} #header #seperator {position:relative; top: 17px; left:26px;} #header #tagline {position:relative; top: 38px;} #header #contact p{font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; text-align:center;line-height:13px;position:relative; top:24px; left:50px; color:#32555c } #header #contact p .number{font-size:22px;line-height:28px;} #navigation #sprite-menu {padding-top:1px;margin:0;padding:0;list-style:none;} #navigation #sprite-menu span {display: none;} #navigation #sprite-menu li {float:left; list-style:none;display:inline;} #navigation #sprite-menu a {display:block;background:url(../images/sprites/sprite-main-nav.png) no-repeat 0px 1px; padding:1px 0 0 0; height:45px; z-index:10;} #navigation #sprite-menu li#item-1 a {width: 66px; background-position: 1px 1px;} #navigation #sprite-menu li#item-2 a {width: 120px; background-position: -66px 1px;} #navigation #sprite-menu li#item-3 a {width: 87px; background-position:-186px 1px;} #navigation #sprite-menu li#item-4 a {width: 117px; background-position:-272px 1px;} #navigation #sprite-menu li#item-5 a {width: 98px; background-position:-390px 1px;} #navigation #sprite-menu li#item-6 a {width: 118px; background-position:-488px 1px;} #navigation #sprite-menu li#item-1 a.active {background-position: 1px -44px;} #navigation #sprite-menu li#item-2 a.active {background-position:-66px -44px;} #navigation #sprite-menu li#item-3 a.active {background-position:-186px -44px;} #navigation #sprite-menu li#item-4 a.active {background-position:-272px -44px;} #navigation #sprite-menu li#item-5 a.active {background-position:-390px -44px;} #navigation #sprite-menu li#item-6 a.active {background-position:-488px -44px;} #navigation #sprite-menu li#item-1 a:hover {background-position: 1px -89px;} #navigation #sprite-menu li#item-2 a:hover {background-position:-66px -89px;} #navigation #sprite-menu li#item-3 a:hover {background-position:-186px -89px;} #navigation #sprite-menu li#item-4 a:hover {background-position:-272px -89px;} #navigation #sprite-menu li#item-5 a:hover {background-position:-390px -89px;} #navigation #sprite-menu li#item-6 a:hover {background-position:-488px -89px;} #navigation #sprite-menu ul {margin-top:2px; padding:20px 0 0 0; background:#35272D; width:170px;} #navigation #sprite-menu ul li {width:170px; padding:0; margin:0;} #navigation #sprite-menu li#item-1 ul li a, #navigation #sprite-menu li#item-2 ul li a, #navigation #sprite-menu li#item-3 ul li a, #navigation #sprite-menu li#item-4 ul li a, #navigation #sprite-menu li#item-5 ul li a, #navigation #sprite-menu li#item-6 ul li a {width: auto;display:block;background:transparent; padding:0 1.5em; line-height:30px; height:auto;} #navigation #sprite-menu .drop-down .stripe{background-color:#46353b} /********************************************************** --- III. Main Content --- ***********************************************************/ /********** III. A. Non-Layout Specific Content Styles *****************/ #page-title{height:39px; margin:0 auto; position:relative; top:5px; margin-top:-5px;} #page-title h1{ margin:0px;position:relative;top:3px; font-style:italic} #content{background-color:#FFFFFF; border:1px solid #588c96; border-top:0px; padding:30px 0px 20px 0px;min-height:550px} #content form label{float:right} #content .copy-callout{text-align:center} #content .copy-callout h4{margin-bottom:0px} #content .copy-callout p,#content .copy-callout p a{font-size:14px; color:#35272d} #content .supporters {text-align:center; clear:both;} #content .supporters h4{font-size:12px} #content .buttons em {text-decoration:underline; font-style:normal;} #content #left {} #content #left .help-list{margin-left:15px; margin-bottom:15px} #content #left .help-list p{margin-top:5px;} #content #left .buttons{margin-left:15px} #content #left .buttons span {color:#A79978; font-weight:bold;} #content #left .supporters{margin-left:15px;} #content #left .testimonial{margin-left:15px;} #content #left .locations{margin-left:15px} #content #left .additional-info{margin-left:15px} #content #left .additional-info p{color:#32555c; font-size:14px; margin-top:20px} #content #main .feature img{border:6px solid #a79978; float:right; margin: 0px 0px 10px 25px;} #content #main ul li {padding:6px 0px;} #content #right {} #content #right .buttons{margin-right:15px;margin-bottom:0px} #content #right .buttons span {color:#eee3bd; font-weight:bold;} #content #right .supporters{margin-right:15px;} * html #content #right .supporters{margin-top:5px;padding-top:0px} /*** Really Strange IE6 Bug ****/ #content #right .feature img{border:6px solid #a79978; margin: 0px 0px 10px 0px;} #content .sidebar .testimonial {color:#000000;font-style:normal; padding:10px 0 10px 0; margin:35px 0 0 0; font-size:11px; line-height:20px;} #content .sidebar .testimonial blockquote {margin:0; border-left:1px solid #a4b8bb; padding:0 14px 0 14px; color:inherit;} #content .sidebar .testimonial p {margin-left:15px;} #content .sidebar .help-list h1{font-size:14px; color:#35272d; text-transform:uppercase; text-align:justify} #content .sidebar .help-list ul{list-style:outside; font-size:9px; margin:2px 0;} #content .sidebar .help-list ul li{padding:2px 5px; font-size:9px; list-style: none;} #content .sidebar .help-list ul li.stripe{background-color:#edebe4} #content .sidebar .help-list ul li span{ display:list-item; list-style:disc; margin-left:15px;} #content .sidebar .help-list p{text-align:left; font-size:9px; margin-top:0px; margin-bottom:0px} #content .sidebar .help-list a{ font-size:9px; } #content .sidebar .help-list span p{text-align:right;} #content .sidebar .help-list span p a {font-size:10px; margin-bottom:10px;} #content .sidebar .help-list p span{} #content .red-button a {font-family: Georgia, "Times New Roman", Times, serif; font-size:13px; padding: 6px 10px 8px 10px; border: 2px outset #6f6569;background-color: #35272d;color: #FFF;vertical-align: bottom; display:block; margin-bottom:10px; text-align:center; text-decoration: none;} #content .red-button a:active,#content .red-button a:focus,#content .red-button a:hover {font-family: Georgia, "Times New Roman", Times, serif; font-size:13px; padding: 6px 10px 8px 10px; border: 2px outset #6f6569;background-color: #A89978;color: #FFF;vertical-align: bottom; display:block; margin-bottom:10px; text-align:center;text-decoration: none;} #content .red-button a span{font-weight:lighter;} #content #left .red-button a:hover span, #content #right .red-button a:hover span{color:#fff;} #content .red-button a .gold{font-size:12px} #content .green-button a,#content button.green-button {font-family: Georgia, "Times New Roman", Times, serif; font-size:1.1em; padding: 10px 10px 12px 10px; border: 2px outset #6d868b;background-color: #32555c;color: #FFF;vertical-align: bottom; display:block; margin-bottom:10px; text-align:center;text-decoration: none; } #content .green-button a:active,#content green-button a:focus,#content .green-button a:hover,#content button.green-button:hover {font-family: Georgia, "Times New Roman", Times, serif; font-size:1.1em; padding: 10px 10px 12px 10px; border: 2px outset #6d868b;background-color: #A89978;color: #FFF;vertical-align: bottom; display:block; margin-bottom:10px; text-align:center;text-decoration: none; } #content .green-button a span{font-weight:lighter;} #content #left .green-button a:hover span, #content #right .green-button a:hover span{color:#fff;} #content .green-button a .gold{font-size:12x} #content .guaranteed { font-size:1.1em; line-height:1.25em; text-decoration:underline; color:#fff; font-weight:bold; } /********** III. B. Layout Specific Content Styles *****************/ #home #content{ padding:30px 0px 15px 0px; background-color:transparent; border:0px;} #home #content h1{text-align:left;line-height:27px} #home #content h2{font-size:24px; font-weight:norma; color:#32555c; margin-bottom:0;} #home #content h2 em{color:#a79978; font-weight:normal; font-style:italic;} #home #content h4 {font-size:20px; color:#eee3bd;font-weight:100} #home #content p {font-size:16px} #home #content #welcome {padding:0px 0px 0px 0px; height:135px;text-align:center; margin-top:-5px;} #home #content #welcome h1 {text-align:center;} #home #content #welcome #h4{margin-top:10px; } #home #content #callouts{border-bottom:1px solid #588c96; min-height:410px; padding-top:15px; position:relative; left:0px; background:url(../images/backgrounds/container.jpg) repeat-y 0 0;} #home #content .copy-callout p{margin-top:1.5em;} #home #content .seperator{text-align:center;} #home #content .red-button a{font-size:18px; font-weight:100} #interior-tertiary #content .form .row {margin-top:20px} #interior-tertiary #content #main h1 {font-size:14px; color:#23393f; font-weight:bold; margin-top:15px;} #interior-tertiary #content #main .first h1{margin-top:0px} #interior-tertiary #content #main h2 {font-size:12px; color:#23393f; font-weight:bold; margin:8px 0px 0px 0px} #interior-tertiary #content #main h3 {font-size:12px; color:#35272d; margin:2px 0px 2px 0px} #interior-tertiary #content #main img{text-align:left;} #interior-tertiary #content #main.people-listing p {font-size:11px; color:#23393f; font-style:italic; padding-bottom:8px; line-height:15px} #interior-tertiary #content #main .news-item{} #interior-tertiary #content #main .news-item h2{font-size:15px; } #interior-tertiary #content #main .news-item h5{font-size:11px; color:#35272d; font-weight:normal; text-transform:none} #interior-tertiary #content #main .news-item p{color:#23393f; text-transform:none} #interior-tertiary #content #main .news-item a{color:#23393f;} #interior-tertiary #content #main .supporter-group p{clear:both;font-size:11px; color:#35272d;font-style:normal;} #interior-tertiary #content #main .supporter-group h1{margin-top:15px; margin-bottom:15px} #interior-tertiary #content #left #locations h1{font-size:14px; color:#23393f;font-weight:bold; } #interior-tertiary #content #left #locations {margin-left:15px} #interior-tertiary #content #left #locations h2{font-size:11px;color:#35272d; margin-bottom:2px} #interior-tertiary #content #left #locations p{font-size:11px;color:#222;} #interior-tertiary #content.thankyou #main h2{font-size:15px; margin-top:0px} #interior-tertiary form.contact-us select{width:310px} #interior-tertiary form.contact-us textarea{width:305px; height:100px} #interior-locations #content h1{font-size:12px;color:#35272d; font-weight:bold; margin-bottom:2px} #interior-locations #content p{color:#222;} #interior-locations #content #left{text-align:center} #interior-locations #content #right{text-align:center} #lightbox p{font-size:14px; text-align:left;} #lightbox h2{margin-bottom:0px; text-align:left;} #lightbox h4{font-size:16px;color:#a79978; text-align:left;} #lightbox ol li{font-size:14px; text-align:left;} /********************************************************** --- IV. Footer --- ***********************************************************/ #footer{margin-top:1.5em; color:white; margin-bottom:50px} #footer a{color:white;} /********************************************************** --- V. Global Custom Classes & Form Styles --- ***********************************************************/ .green{color:#32555c} .red{color: #35272d} .gold{color:#eee3bd} .darkgold{color:#a79978} /************************************************* --- VI. Blueprint Overrides --- **************************************************/ body {font-family: Georgia, "Times New Roman", Times, serif} label{font-weight:normal} #content form .areaChoices {text-align:left; display:block; clear:both; } #content form .areaChoices input { float:left; text-align:left; } #content form .areaChoices label {float:left; text-align:left; margin-left:5px;} #ctl13_ddlInterestedIn { margin:0; } #ctl13_Submit { margin-top:1.5em; } #aspnetForm div p:after {content:".";display:block;height:0;clear:both;visibility:hidden;} #aspnetForm div p {display:block;} #ctl13_lblWarning { padding:0 0 1.5em 120px; display:block; }