/* Theme Name: ISL Theme URI: http://goodworkmarketing.org/ Description: Custom theme for the International School of Louisiana Version: 1 Author: Matt Wang Author URI: http://goodworkmarketing.com/ */ @charset "UTF-8"; /* CSS Document */ /********** general tags *************/ body { text-align:center; margin:0; padding:0; font-size:14px; font-family:Arial, Helvetica, sans-serif;} h1 {} h2 {} h3 { font-weight:bold; color:#1A1A1A; font-size:21px; padding-bottom:10px;} h4 {} h5 {} h6 {} p { color:#333333; padding-bottom:15px;} address { padding-left:30px; color:#fff; font-weight:bold; line-height:18px; font-size:15px;} strong, b { font-weight:bold;} i, em { font-style: italic; } hr {} blockquote {} a {color:#96A44D;} a:hover { color:#D31145;} .small { font-size:80%;} ul { padding:0 0 15px 40px;} ul li { padding:0 0 5px 0; list-style:outside circle; font-size:14px; line-height:18px;} /************************************/ /************ BOX MODEL ************/ /************************************/ /************ Site Background ************/ html, body { background:#86A73F;} #pg-wrapper-outer { background:url(images/bg/bg-html.gif) top center repeat-y;} #pg-wrapper-inner { background:url(images/bg/bg-flag.jpg) top center no-repeat;} #wrapper { width:980px; margin:0 auto; position:relative; } #ftr { background:#86A73F url(images/bg/bg-ftr.jpg) top center no-repeat;} img#right-arm { position:absolute; top:-25px; left:450px; z-index:2; display:block; zoom:1;} img#left-arm { position:absolute; top:-30px; left:680px; z-index:3; display:block; zoom:1;} img#logo { position:absolute; top:65px; left:650px; z-index:1; display:block; zoom:1;} img#paper-clip { position:absolute; top:15px; left:240px; z-index:1;} a.staff-login { position:absolute; top:5px; right:10px; color:#fff; text-transform:uppercase; z-index:99999; text-decoration:none; font-weight:bold;} /************ Left Sidebar ************/ #lft-sidebar { float:left; width:220px; padding:20px 0 20px; text-align:left; color:#fff;} #lft-sidebar h1 { width:227px; height:90px; text-transform:capitalize; text-indent:-9999em; background:url(images/logo-ISL.png);} #lft-sidebar a { color:#fff;} #lft-sidebar a:hover { color:#D31145;} #sidebar { width:175px; margin-left:400px;} .email-signup { padding-left:20px; padding-bottom:10px;} .email-signup h2.pg-title { font-size:42px; color:#fff; width:150px; padding-bottom:10px;} /************ Menu ************/ ul#nav { padding:30px 0 0px;} ul#nav li { height:42px; display:block; line-height:42px; position:relative; list-style: none; padding:0; z-index:999;} ul#nav li a { color:#fff; padding-left:10px; text-decoration:none; font-weight:bold; letter-spacing:-.05em;} ul#nav li ul { position:absolute; left:-9999em; top:-175%; z-index:99999999; background:url(images/nav/submenu-top.png) top left no-repeat; width:214px; padding:40px 20px 20px;} ul#nav li li.page_item { background:none; line-height:28px;height:auto; border-bottom:1px dashed #005596; } ul#nav li li.page_item a { color:#86A73F; letter-spacing:0; font-size:13px;} ul#nav li ul:after { content: "."; display: block; background:url(images/nav/submenu-btm.png) top left no-repeat; width:254px; height:35px; position:absolute; bottom:-35px; left:0;} ul#nav li:hover, ul#nav li.sfhover { z-index:99999;} ul#nav li:hover ul, ul#nav li.sfhover ul { left:150px;} ul#nav li:hover a, ul#nav li.sfhover a { color:#333333;} ul#nav li:hover ul a, ul#nav li.sfhover ul a {color:#86A73F;} ul#nav li:hover ul a:hover, ul#nav li.sfhover ul a:hover {color:#005596;} ul#nav li:hover ul ul, ul#nav li.sfhover ul ul { left:-9999em; top:-225%;} ul#nav li li:hover ul, ul#nav li li.sfhover ul { left:150px; } ul#nav li:hover ul ul a, ul#nav li.sfhover ul ul a {color:#005596; font-weight:bold; display:block; font-size:11px;} ul#nav li:hover ul ul a:hover, ul#nav li.sfhover ul ul a:hover {color:#86A73F;} ul#nav li li li.page_item { background:none; line-height:16px; height:auto; border-bottom:1px dashed #005596; padding:3px 0; } /************ Menu Tab Backgrounds ************/ ul#nav li[class$="1"] { background:url(images/nav/tab-purple.gif) top left no-repeat;} ul#nav li[class$="2"] { background:url(images/nav/tab-green.gif) top left no-repeat;} ul#nav li[class$="3"] { background:url(images/nav/tab-yellow.gif) top left no-repeat;} ul#nav li[class$="4"] { background:url(images/nav/tab-pink.gif) top left no-repeat;} ul#nav li[class$="5"] { background:url(images/nav/tab-red.gif) top left no-repeat;} ul#nav li[class$="6"] { background:url(images/nav/tab-blue.gif) top left no-repeat;} ul#nav li[class$="7"] { background:url(images/nav/tab-purple.gif) top left no-repeat;} ul#nav li[class$="8"] { background:url(images/nav/tab-green.gif) top left no-repeat;} ul#nav li[class$="9"] { background:url(images/nav/tab-yellow.gif) top left no-repeat;} ul#nav li[class$="0"] { background:url(images/nav/tab-blue.gif) top left no-repeat;} ul#nav li[class$="current_page_item"] { background:url(images/nav/tab-current.gif) top left no-repeat;} ul#nav li[class$="current_page_parent"] { background:url(images/nav/tab-current.gif) top left no-repeat;} ul#nav li[class$="current_page_ancestor"] { background:url(images/nav/tab-current.gif) top left no-repeat;} ul#nav li.private { background:url(images/nav/tab-red.gif) top left no-repeat;} ul#ftrnav { padding:60px 0 10px 0; margin:0 auto; width:980px;} ul#ftrnav li { float:left; list-style:none; padding:5px 10px; border-right:1px solid #A7BF6E; text-align:left; min-height:120px;} ul#ftrnav li a { color:#A7BF6E; font-weight:bold; font-size:85%; text-decoration:none;} ul#ftrnav li li { float:none; text-align:left; padding:0; margin:0; font-size:90%; border-right:none; height:auto; min-height:0; line-height:normal;} ul#ftrnav li li a { font-weight:normal; text-decoration:underline; line-height:normal;} ul#ftrnav ul { padding:0; margin:0;} ul#ftrnav li.private { border:none;} ul#ftrnav li a:hover { color:#fff;} /************ Testimonials ************/ #lft-sidebar #testimonial { padding:0px 20px 20px 0;} #lft-sidebar #testimonial h2{ width:178px; height:114px; text-transform:capitalize; text-indent:-9999em; background:url(images/words/featured-testimonial.png); margin:0 auto; } #lft-sidebar #testimonial p { color:#fff; font-weight:bold; line-height:16px; font-size:14px; padding:5px 15px;} .wpcf7 label { width:250px; display:inline-block; text-align:left; } .wpcf7 input { width:250px; } .wpcf7 input.submit-button { width:auto; } /************ Notebook ************/ #spacer { margin:0 0 0 220px; height:40px;} #notebook { float:left; width:760px; background:url(images/bg/bg-notebook.gif) right 4px repeat-y; text-align:left; padding-bottom:20px; min-height:900px; position: relative; z-index:0;} #notebook .hdr { background:url(images/bg/bg-book-hdr.gif) top right no-repeat; height:4px; line-height:1px; font-size:1px; } #notebook .support-png { width:106px; height:103px; display:block; position:absolute; top:20px; right:60px; z-index:99999;} #notebook .top { background:url(images/bg/bg-pg-top.gif) top right no-repeat; height:58px; margin-right:55px; padding:30px 0 0 100px;} #notebook .post { padding:25px 90px 15px 110px;} #notebook .post p { font-size:15px; line-height:24px; font-weight: inherit;} #notebook .bottom { background:url(images/bg/bg-book-ftr.gif) top right no-repeat; height:26px; position:absolute; bottom:-26px; width:731px; right:0;} #notebook .post h3 { padding-top:10px;} #notebook #happenin p { font-weight:bold; } #notebook .page { padding:15px 90px 0px 110px;} #notebook .page p { font-size:15px; line-height:24px; font-weight: inherit;} #notebook .page h3 { padding-top:10px;} #notebook .page table td p { padding:3px 0; line-height:14px; font-size:13px;} #notebook .post table td p { padding:3px 0; line-height:14px; font-size:13px;} .ie6 #notebook {height:900px;} #notebook iframe#google { margin:20px 50px 15px 70px; width:640px; height:850px;} #notebook .prospective-home { padding:8px 20px 20px 0px; float:right; width:300px;} #notebook .prospective-home p { font-weight:bold; font-size:12px; line-height:18px; padding-bottom:0; } #notebook .prospective-home .entry { width:150px; float:right; padding-right:10px;} #notebook .events-home { float:right; width:215px; padding:8px 80px 20px 20px; background:url(images/orns/highlight.png) 10px 40px no-repeat;} #notebook #tabs { position:absolute; top:1px; right:0; background:url(images/nav/tabs.png); width:56px; height:713px;} #notebook div.pg-divider { background: url(images/bg/pgdivider.gif) top left no-repeat; height:22px; width:669px; margin:0 0 0 30px; clear:right;} #notebook .big-divider { background:url(images/bg/divider-home-specialc.gif) top left no-repeat; height:73px; width:669px; margin-left:30px; position:relative; z-index:8999;} #notebook .big-divider .learn-more { height:73px; width:300px; display:block; float:left;} #notebook .big-divider .lunch { height:73px; width:200px; display:block; float:right;} #notebook .post-edit-link { margin-left:110px; font-weight:bold; color:#fff; background:#5BA4AD; padding:3px; text-decoration:none;} #notebook .events-home h2 { font-size:23px; font-weight:bold; text-align:center; display:block; padding-bottom:20px;color:#D31145;} #notebook .prospective-home h2 { font-size:23px; font-weight:bold; text-align:center; display:block; padding-bottom:20px;color:#005596;} #notebook .copyright {padding:20px 100px; position:absolute; bottom:-8px;} small.date { background:#5BA4AD; padding:5px 3px 2px; font-size:11px; color:#fff;} #notebook p.postmetadata { font-size:11px; margin: 0 40px; border-top:1px dotted #5BA4AD;} #notebook .article-title a { font-size:22px; padidng:5px 0 10px; font-weight:bold; color:#D31145; display:block; text-decoration:none;} #notebook h3 a { text-decoration:none; letter-spacing:-.02em; } h2.pg-title { font-size:64px; color:#005596; padding-top:20px;} .home-image { background:url(images/orns/happenin-frame.gif) top left no-repeat; padding:8px 15px 18px; width:280px; float:left; margin-right:5px;} /* Begin Flags */ #flag_en { width:30px; height:112px; width:55px; position:absolute; top:55px; left:0; display:block; cursor: pointer;} #flag_en img { display:none;} #flag_zh-TW { width:30px; height:112px; width:55px; position:absolute; top:410px; left:0; display:block; cursor: pointer;} #flag_zh-TW img { display:none;} #flag_fr { width:30px; height:112px; width:55px; position:absolute; top:167px; left:0; display:block; cursor: pointer;} #flag_fr img { display:none;} #flag_es { width:30px; height:120px; width:55px; position:absolute; top:245px; left:0; display:block; cursor: pointer;} #flag_es img { display:none;} #transl_sign {display:none;} /* Begin Shop */ #products_page_container, #product_page_container { border-bottom:1px solid #333;} #products_page_container .productdisplay {width:33%; float:left; clear:none; vertical-align:middle; padding:20px 0;} #products_page_container div.imagecol { float:none; width:100%; padding-bottom:20px;} #products_page_container div.producttext a { vertical-align:middle; padding-top:25px; font-weight:bold;} a.wpsc_edit_product { display:block; clear:left;} #product_page_container div.producttext h2.prodtitles { vertical-align:middle; padding-top:25px; margin-bottom:10px;} h2.prodtitles span { font-weight:bold; font-size:18px; } #product_page_container .productdisplay .producttext { padding-left:20px;} /* Begin Attachments */ #notebook .attachments { padding:10px; font-size:12px;} #notebook .attachments .caption a { font-size:16px; font-weight:bold; display:block; padding-bottom:5px; text-decoration:none; margin-top:-4px; margin-left:35px;} #notebook .attachments .caption strong { float:left; padding-right:10px; } #notebook .attachments .caption br { display:block; margin:5px; width:100%; } /* Begin Images */ p img { padding: 0; max-width: 100%;} img.centered {display: block;margin-left: auto;margin-right: auto;} img.alignright {padding: 4px;margin: 0 0 2px 7px;display: inline;} img.alignleft { padding: 4px;margin: 0 7px 2px 0;display: inline;} .alignright {float: right;} .alignleft {float: left;} /* End Images */ /* Begin Comments */ #respond { margin:10px 100px 10px 120px;} .thread-alt {background-color: #f8f8f8;} .thread-even {background-color: white;} .depth-1 {border: 1px solid #ddd;} .even, .alt {border-left: 1px solid #ddd;} .commentlist li, #commentform input, #commentform textarea {font: 0.9em;} .commentlist li ul li { font-size: 1em;} .commentlist li {font-weight: bold;} .commentlist li .avatar { float: right;border: 1px solid #eee;padding: 2px;background: #fff;} .commentlist cite, .commentlist cite a {font-weight: bold;font-style: normal;font-size: 1.1em;} .commentlist p {font-weight: normal;line-height: 1.5em;text-transform: none;} .commentmetadata {font-weight: normal;} .alt {margin: 0;padding: 10px;} .commentlist {padding: 0;text-align: justify;} .commentlist li {margin: 15px 0 10px;padding: 5px 5px 10px 10px;list-style: none;} .commentlist li ul li {margin-right: -5px;margin-left: 10px;} .commentlist p {margin: 10px 5px 10px 0;} .children { padding: 0; } #commentform p {margin: 5px 0;} .nocomments {text-align: center;margin: 0;padding: 0;} .commentmetadata {margin: 0;display: block; } /* End Comments */ /* Begin Form Elements */ /* Forms */ img.form-logo { display:none;} #notebook #form-container { width: 575px;height: auto;margin: 0 auto;text-align:left; padding-top:0;} #notebook #form-container form { text-align:left; font-family: Arial, Helvetica Neue, Helvetica, sans-serif;font-size: 12px;font-weight: normal;color: #333;line-height:22px; } #notebook #form-container form input { line-height:14px; height:14px;} #notebook #form-container .clear {clear: both;width: 100%;height: 1px;} #notebook #form-container ul { padding-top:10px;} #notebook #form-container li { padding-boottom:5px;} #notebook #form-container hr { margin:10px 0;} #notebook #form-container br {display:none;} #notebook #form-container p { font-family: Arial, Helvetica Neue, Helvetica, sans-serif;font-size: 12px;font-weight: normal;color: #333;line-height:auto; text-align:left; line-height:14px; padding:3px 0;} #notebook #form-container h1 {font-family: Arial, Helvetica Neue, Helvetica, sans-serif;font-size: 18px;font-weight: bold;color: #333;clear: both;text-align: center; padding:0 35px 15px; margin:0;} #notebook #form-container h2 {font-family: Arial, Helvetica Neue, Helvetica, sans-serif;font-size: 14px;font-weight: bold;color: #333;clear: both; padding:10px 0 5px; line-height:20px;} #notebook #form-container h3 {font-family: Arial, Helvetica Neue, Helvetica, sans-serif;font-size: 12px;font-weight: bold;color: #333;clear: both;text-align: center;} #notebook #form-container h4 {font-family: Arial, Helvetica Neue, Helvetica, sans-serif;font-size: 12px;font-style: italic;font-weight: normal;color: #333;clear: both;text-align: center;} #notebook #form-container h5 {font-family: Arial, Helvetica Neue, Helvetica, sans-serif;font-size: 16px;font-weight: bold;color: #333;clear: both; padding:10px 0 5px; line-height:20px; } #notebook #form-container label { display:inline; } #notebook #form-container input { display:inline; } #notebook #form-container textarea { display:inline; } #notebook #form-container span { font-weight:bold; } #notebook #form-container .two-column input[type="radio"] { float:left; clear:left; margin:3px; font-size:12px;} #form-container .two-column { width:50%; float:left; line-height:20px; font-size:10px; font-weight:bold;} .two-column { width:50%; float:left;} #searchform {margin: 10px auto;padding: 5px 3px;text-align: center;} #sidebar #searchform #s {width: 108px;padding: 2px;} #sidebar #searchsubmit {padding: 1px;} .entry form {text-align:center; } select {width: 130px;} #commentform input {width: 170px;padding: 2px;margin: 5px 5px 1px 0;} #commentform {margin: 5px 10px 0 0;} #commentform textarea { width: 100%;padding: 2px;} #respond:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} #commentform #submit {margin: 0 0 5px auto;float: right;} /* End Form Elements */ /* Begin Calendar */ #wp-calendar #prev a, #wp-calendar #next a {font-size: 9pt; } #wp-calendar a {text-decoration: none; } #wp-calendar caption {font: bold 1.3em; text-align: center;} #wp-calendar th {font-style: normal;text-transform: capitalize; } #wp-calendar {empty-cells: show;margin: 10px auto 0;width: 155px;} #wp-calendar #next a {padding-right: 10px;text-align: right;} #wp-calendar #prev a {padding-left: 10px;text-align: left;} #wp-calendar a {display: block; } #wp-calendar caption {text-align: center;width: 100%;} #wp-calendar td {padding: 3px 0;text-align: center; } #wp-calendar td.pad:hover { /* Doesn't work in IE */ background-color: #fff; } /* Events Calendar */ #notebook .events-home ul#events-calendar-list { margin:0; padding:0;} #notebook .events-home ul#events-calendar-list li { list-style:none; padding:0 0 5px 8px; margin:0;} #notebook .events-home ul#events-calendar-list li:hover { font-size:12px; outline:none; border:none; padding:0 0 5px 8px; margin:0; background:none; } #notebook .events-home ul#events-calendar-list li:hover a { color:#005596; } #notebook .events-home ul#events-calendar-list li a { font-size:12px; padding:10px 0; margin:0 0 5px 0; font-weight:bold; color:#000;} #notebook .events-home ul#events-calendar-list li a:hover { font-size:12px; outline:none; padding:10px 0; margin:0 0 5px 0; color:#005596;} #CalendarLarge-Header { font-size:24px; line-height:30px; color:#005596; padding-bottom:10px; font-weight:bold;} #CalendarLarge-Header #EC_previousMonthLarge { font-size:14px; font-weight:bold; line-height:30px;} #CalendarLarge-Header #EC_nextMonthLarge { font-size:14px; font-weight:bold; line-height:30px; text-align:right; display:block;} #wp-calendarLarge th { text-align:center} /* End Calendar */ /* Captions */ .aligncenter,div.aligncenter { display: block; margin-left: auto; margin-right: auto;} .wp-caption { border: 1px solid #ddd;text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;} .wp-caption img { margin: 0; padding: 0; border: 0 none;} .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0;} /* End captions */ table.admin-staff {margin-bottom:25px; } table.admin-staff td { padding:3px;} table.faculty {margin-bottom:15px; } table.faculty td {padding:3px; } table.faculty td h4 { background:#005596; color:#fff; padding:3px; font-weight:bold; font-size:16px; margin-bottom:4px;} table.faculty td h4 a { color:#fff; font-weight:normal; font-size:12px; } table.faculty td h5 { color:#C10D3E; padding:3px; font-weight:bold; font-size:15px; }