/* ----------------------------------------------------- */ /* global page layout elements */ /* ----------------------------------------------------- */ html{ font-family: Arial, sans-serif; font-size: 12px; color: #000000; } body{ margin:0; padding:0; background-color:#1e1f21; color:#000; font-family: Arial, sans-serif; font-size: 12px; font-weight: normal; } h1{ width:930px; height: 30px; background-color: #333; font-size:22px; line-height:30px; font-weight:bold; padding-left: 20px; padding-top: 5px; padding-bottom: 5px; border-top: 1px solid #666; border-bottom: 1px solid #666; color: #fff; text-align: left; } h2{ font-size: 14pt; font-weight: normal; } h3{ width: 700px; height: 30px; background-color: #333; font-size:16px; line-height:30px; font-weight:normal; padding-left: 10px; margin-bottom:5px; color: #fff; /* border-bottom: 1px solid #666; border-right: 1px solid #666; */ border: 1px solid #666; } p { margin-bottom: 10px; } a:link { /* text-decoration: none;*/ color: #000000; border: 0px solid; } a:visited { /* text-decoration: none;*/ color: #000000; border: 0px solid; } a:hover { /* text-decoration: none;*/ /* font-weight:bold;*/ color: #0000FF; border: 0px solid; } img { text-decoration: none; border: 0px solid; } hr { height:2px; color:#999; background-color:#666; border-width:0; } /* wraps everything within element */ /* ----------------------------------------------------- */ #wrapper { width:950px; margin:0 auto; border-left:1px solid #000; border-right:1px solid #000; background-image: url("/images/globe.png"); background-repeat: no-repeat; background-color: #fff; background-position: 10px 150px; } /* header - login, etc. above titlebox*/ /* ----------------------------------------------------- */ #header { padding-top:5px; height:20px; color: #ffffff; background-color: #000; text-align: right; font-size:12px; font-weight: normal; } #header_link{ padding-right:10px; } #header_print{ display:none; } #header a:link { color:#ffffff; text-decoration: none; border: 0px solid; } #header a:visited { color: #ffffff; text-decoration: none; border: 0px solid; } #header a:hover { text-decoration: underline; color: #0A50FF; border: 0px solid; } /* footer */ /* ----------------------------------------------------- */ #footer { clear: both; height:50px; padding-top:10px; color:#fff; font-weight:normal; font-size:11px; background: black; } #footer_left { float:left; width:480px; color: #fff; background-color:#000; height:27px; padding-top:10px; padding-left:40px; } #footer_left .nav_item { float: left; margin: 0px 20px 0px 0px; } #footer_left a{ color:#fff; font-weight:normal; font-size:11px; text-decoration:none; } #footer_left a:hover{ color:#fff; font-weight:normal; font-size:11px; text-decoration:underline; } #footer_right { float:right; width:250px; color: #fff; background-color:#000; height:27px; text-align:right; padding-top:10px; padding-right:15px; } #footer_right .nav_item { margin: 0px 20px 0px 0px; } #footer_right a{ color:#fff; font-weight:normal; font-size:11px; text-decoration:none; } #footer_right a:hover{ color:#fff; font-weight:normal; font-size:11px; text-decoration:underline; } /* main_wrapper - extents of renderable page */ /* ----------------------------------------------------- */ #main_wrapper{ } #main_wrapper_bottom{ clear: both; height:40px; } /* titlebox */ /* ----------------------------------------------------- */ #titlebox { height: 125px; background-color: #fff; } #titlebox a:link { color:#fff; text-decoration: none; border: 0px solid; } #titlebox a:visited { color: #fff; text-decoration: none; border: 0px solid; } #titlebox a:hover { color: #fff; text-decoration: none; border: 0px solid; } #titleboxlogo { margin-top: 15px; margin-left: 20px; float: left; } #titleboximage { text-align: right; } #titleboximage img{ width:650px; height:145px; } #titleboxrootimage{ text-align: right; } /* popup messagebox */ /* this needs to be converted to pylons-flasher */ /* ----------------------------------------------------- */ #msgbox { width: 703px; height: 30px; background-color: #333; font-size:18px; font-weight:bold; margin-right: -10px; padding-left: 20px; padding-right: 20px; color: #fff; text-align: center; border: 2px solid red; } /* useful tools */ /* ----------------------------------------------------- */ .clear { clear: both; line-height: 0; height: 0; } #footnotes { border: 1px solid; background: #CCCCCC; font-size: 80%; margin: 10px 0px 20px 0px; padding: 0px 10px 0px 10px; } /* content nav*/ /* -----------------------------------------------------*/ #content_nav{ display:block; float: left; width: 210px; text-align: right; font-size:16px; font-weight:bold; color:#000; background-color:transparent; } html>body #content_nav { width: 190px; } ul.content_nav{ list-style-type: none; margin-left: -40px; } /* fucking IE */ html>body ul.content_nav { width: 190px; } ul.content_nav li{ list-style-type: none; width:100%; margin-bottom: 10px; padding-top:5px; padding-bottom:5px; padding-right:10px; } ul.content_nav li:hover{ background-color: #7ea3b9; border-top: 1px solid #666; border-right: 1px solid #666; border-bottom: 1px solid #666; padding-top:4px; padding-right:9px; padding-bottom:4px; } ul.content_nav a:link { text-decoration: none; } ul.content_nav a:visited { text-decoration: none; } ul.content_nav a:hover { text-decoration: none; color: #000000; } /* content */ /* -----------------------------------------------------*/ #content { width:700px; margin: -10 0 0 0px; padding-right:40px; float:right; } #content table { border-width: 1px; border-spacing: 2px; border-style: outset; border-color: gray; border-collapse: collapse; background-color: white; } #content table th { border-width: ; padding: ; border-style: ; border-color: ; background-color: white; -moz-border-radius: ; } #content table td { border-width: 1px; padding: 2 0 2 5px; border-style: inset; border-color: gray; background-color: white; -moz-border-radius: ; } /* special overrides for home page*/ /* ----------------------------------------------------- */ #content_nav.home { padding-top: 70px; } ul.content_nav .home li{ padding-right:20px; } #content.home { width:740px; margin: -10 0 0 0px; padding-right:0px; float:right; } .home h1 { background-color: #7ea3b9; color: #000000; filter:alpha(opacity=70); /* filter is for IE's nonstandard opacity mush */ opacity: 0.70; font-color:#000; width:900px; padding-left: 0px; } .home h3{ /* background-color: #7ea3b9;*/ color: #000000; } .home blockquote { background: #7ea3b9; padding: 2px 14px; font-weight: bold; } #content_home_top_overlay{ float:right; margin-top:-530px; margin-left:-210px; padding-left:50px; position: absolute; z-index: 2; } #content_home_eatatjoes { margin-top:-400px; margin-left:50px; padding-left:50px; padding-right:50px; padding-top:10px; padding-bottom:10px; position: absolute; z-index: 2; background-color: #fff; color: #000000; filter:alpha(opacity=70); /* filter is for IE's nonstandard opacity mush */ opacity: 0.70; font-color:#000; font-size: 14pt; font-weight: normal; border: 2px solid red; } /*#content_home_overlay { float:right; background-color:#fff; filter:alpha(opacity=70); opacity: 0.70; margin-top:-150px; padding-left:99px; height:70px; width:555px; color:#000; font-size:22px; line-height:70px; font-weight:bold; position: absolute; z-index: 2; border-top: 1px solid #999; border-bottom: 1px solid #999; border-left: 1px solid #999; } */ /* fucking IE */ /*html>body #content_home_overlay { margin-left: 85px; } */ #web2badges { margin-top:20px; } /* TWITTER */ #twitter_home_overlay { float:right; background:transparent; /* background-color:#fff;*/ /* filter:alpha(opacity=80); /* filter line is for IE's nonstandard opacity mush */*/ /* opacity:0.80;*/ filter:alpha(opacity=100); /* filter line is for IE's nonstandard opacity mush */ opacity:1.00; margin-top:-240px; padding-top:20px; padding-left:50px; padding-bottom:20px; /* height:70px;*/ width:405px; position: absolute; z-index: 2; /* border-top: 1px solid #999;*/ /* border-bottom: 1px solid #999;*/ /* border-left: 1px solid #999;*/ } /* fucking IE */ html>body #twitter_home_overlay { margin-left: 275px; } #twitter_home_overlay_title { border: 1px solid #000; padding: 5px; background-color:#fff; /* filter:alpha(opacity=80); /* filter line is for IE's nonstandard opacity mush */*/ /* opacity:0.80;*/ } /* #twitter_bottom { clear: both; background-color:#fff; filter:alpha(opacity=80); opacity:0.80; margin:20px; padding-top:10px; padding-left:40px; padding-right:40px; padding-bottom:20px; border: 1px solid #666; } */ ul#twitter_update_list li { font-weight:bold; list-style-type: none; margin-left:-40px; margin-bottom:10px; padding:10px 20px 10px 20px; color:#fff; background-color:#666; /* border:1px solid #999;*/ /* background:transparent;*/ /* background-color:#ddd;*/ /* filter:alpha(opacity=80); /* filter line is for IE's nonstandard opacity mush */*/ /* opacity:0.80;*/ } ul#twitter_update_list li a { color:#999; } #social_link { text-decoration: none; } a#social_link:hover { /* border:2px solid #666;*/ } /* zine appetizer */ /* -----------------------------------------------------*/ ul.appetizer { list-style: none; width: 740px; margin-top: 0px; height: 555px; z-index: 1; } ul.appetizer li { position: absolute; margin: 0px 0px 0px 0px; } /* fucking IE */ html>body ul.appetizer li { position: absolute; margin: 0px 0px 0px -40px; } /* MOVE ME INTO LOCAL program.css FILES */ /* overrides (mostly color) for each program */ /* -----------------------------------------------------*/ /* vienna */ ul.content_nav .vienna li:hover{ background-color: #FF9933; } .vienna h1, .vienna h3{ background-color: #FF9933; color: #000000; } .vienna blockquote { background: #FF9933; padding: 2px 14px; font-weight: bold; } /* costa rica */ ul.content_nav .sanjose li:hover{ background-color: #66CC00; } .sanjose h1, .sanjose h3{ background-color: #66CC00; color: #000000; } .sanjose blockquote { background: #66CC00; padding: 2px 14px; font-weight: bold; } /* globalsummer */ ul.content_nav .globalsummer li:hover{ background-color: #FF3300; } .globalsummer h1, .globalsummer h3 { background-color: #FF3300; color: #000000; } .globalsummer blockquote { background: #FF3300; padding: 2px 14px; font-weight: bold; } /*ending links to all programs*/ input { text-align: left; width: 250px; } fieldset { background-color: transparent; } legend { font-weight: bold; } span.error-message { color: #f00; } .error { display: inline; } /* override selectors in /css/formal.css for site stuff*/ /* --------------------------------------------------------------- */ /* .nevow-form { border: none; padding: 0px; } */ /* .nevow-form fieldset { margin: 0; border: 0; padding: 5px 0px 10px 0px; } */ /*.nevow-form fieldset { background: #eee; font-weight: bold; margin: 10px 0px 10px 0px;}*/ /* .nevow-form div.field { margin-bottom: 5px; padding: 2px 0px 2px 0px; } */ /*.nevow-form div.field { padding: 2px 10px 2px 0px; font-weight: normal; }*/ /*.nevow-form div.field.error { border-left: 2px solid #f00; padding-left: 8px; }*/ /* .nevow-form label { float: left; width: 150px; color: #fff; } */ /* .nevow-form .inputs { clear: both; margin-left: 0px;} */ /* .nevow-form .required label { font-style: normal; font-weight: normal; color: #fff; } */ /*.nevow-form .error label { color: #f00; }*/ /* .nevow-form .inputs input { width: 150px; } */ /* .nevow-form .inputs select { width: 150px; } */ /* .nevow-form .field.decimal .inputs input { width: 150px; } */ /*.nevow-form .message, */ /*.nevow-form .description { display: block; margin-left: 0px; font-size: 79%; }*/ /*.nevow-form .message { color: #f00; }*/ /*.nevow-form .actions { border: none; margin-top: 5px; padding: 10px 0px 5px 0px; }*/ /* .nevow-form .actions input { margin-right: 0.5em; color: white; background: green; border: 2px solid lime; font-family: Verdana; font-weight: bold; } */ /* .nevow-form .actions input:hover { color: #d8d8d8; } */ /*.nevow-form .actions input { margin-right: 0.5em; color: white; background: #00395b; border: 2px solid #7ea3b9; font-family: Verdana; font-weight: bold; } */ /*.nevow-form .actions input:hover { color: #d8d8d8; } */ /* caution - these are tied directly to named formal elements (names are generated) */ /* anything ending in -field is the div containing both input and label */ /* --------------------------------------------------------------- */ #create_preview-action-cancel:hover { color: red; } /* #apply-personal-first_name-field { float: left; } #apply-personal-middle_name-field { float: left; } #apply-personal-last_name-field { float: left; } #apply-personal-ssn-field { float:left; } #apply-personal-birthdate-field {clear: both; } #apply-personal-gender-field {clear: both; } #apply-personal-citizenship-field { float: left; } #apply-personal-passport-field { clear: both; } #apply-personal-home-street-field { float: left; } #apply-personal-home-city-field { float: left; } #apply-personal-home-state-field { float: left; } #apply-personal-home-zip-field { float: left; } #apply-personal-home-phone-field { clear: both; float: left; } */ #apply-education-current_univ { width: 485px; } /* #apply-education-college-street-field { float: left; } #apply-education-college-city-field { float: left; } #apply-education-college-state-field { float: left; } #apply-education-college-zip-field { float: left; } #apply-education-college-phone-field { clear: both; float: left; } */ #apply-education-current_level { } #apply-education-major { width: 485px; } /* #apply-parent-first_name-field { float: left; } #apply-parent-last_name-field { float: left; } #apply-parent-phone-field { clear: both; float: left; } #apply-contact-mobile_phone-field { float: left; } #apply-contact-emergency_phone-field { float: left; } #apply-contact-business_phone-field { clear: both; float: left; } #apply-contact-fax-field { float: left; } */ #apply-financial-scholarship { width: 485px; } #apply-financial-invoices-address { width: 475px; } #apply-misc-dietary_detail { width: 485px; } #apply-misc-allergies_detail { width: 485px; } #apply-misc-mental_detail { width: 485px; } #apply-misc-drugs_detail { width: 485px; } #apply-misc-criminal_detail { width: 485px; } /*#apply-progarm_apply-field*/