html * {
margin: 0;
padding: 0;
}
body { background: #fff url(/public/img/2010_headerbg.jpg) 50% 0% repeat-x; }
/*-- Global ---------- */
body, textarea {
font: 12px/18px Lucida Grande, Lucida Sans Unicode, Verdana, Tahoma, sans-serif;
color: #000;
}
a {
color: #65180d;
font-weight: bold;
text-decoration: none;
}
a:hover { color: #333; }
img, fieldset { border: 0; }
select option { padding: 0 10px 0 0; }
h1 { font-size: 36px; line-height: 36px; padding-top: 18px; padding-bottom: 18px; }
h2 { font-size: 28px; line-height: 36px; padding-top: 9px; padding-bottom: 9px; }
h3 { font-size: 18px; line-height: 18px; padding-top: 9px; padding-bottom: 9px; }
h4 { font-size: 14px; line-height: 18px; padding-top: 9px; padding-bottom: 9px; }
h5 { font-size: 12px; line-height: 18px; padding-top: 9px; padding-bottom: 9px; }
h6 { font-size: 10px; line-height: 18px; padding-top: 9px; padding-bottom: 9px; }
p { padding: 0 0 18px 0; }
h1, h2, h3, h4, h5, h6 {
/* font-weight: normal; */
}
blockquote {
padding: 18px;
background: #eee;
margin: 0px 36px 18px 18px;
}
ul, ol {
margin: 0px 36px 18px 18px;
}
ul li, ol li { margin: 9px 0 9px 0;}
/*-- Clearing Styles & Container --*/
/*.container {
width: 910px;
margin: 0 auto;
background: #fff;
}*/
.block {
width: 800px;
margin: 0 auto;
display: block;
}
.clearfix { display: inline-block; }
.block:after, .clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.column {
float: left;
width: 200px;
}
/*-- Header -----*/
#header {
height: 110px;
padding: 0 0 17px 0;
}
#header-topnav-search {
height: 44px;
text-align: right;
padding: 4px 0 0 0;
}
#header-topnav-search ul, #header-topnav-search ul li {
list-style: none;
margin: 0;
}
#header-topnav-search ul li {
display: inline;
margin: 0 0 0 12px;
}
#header-topnav-search ul li a {
font-size: 11px;
color: #fff;
}
#header-topnav-search form { display: inline; }
h2#att-logo {padding: 0; }
h2#att-logo a {
width: 191px;
height: 46px;
display: block;
float: right;
text-decoration: none;
text-indent: -999em;
background: url(/public/img/2010_attlogo.jpg) no-repeat;
}
/*-- Main Navigation --*/
#navigation ul {
margin: 0;
list-style: none;
padding: 12px 0 0 0;
}
#navigation ul li {
margin: 0;
float: left;
}
#navigation ul li a {
color: #000;
font-weight: normal;
display: block;
float: left;
margin: 0 14px 0 0;
}
#navigation ul li a:hover {
color: #333;
text-decoration: underline;
}
/*-- Logo --*/
#logo { padding: 0 0 9px 0; }
#logo a {
display: block;
text-decoration: none;
text-indent: -999em;
background: url(/public/img/2010_logo.jpg) no-repeat;
width: 174px;
height: 152px;
}
/*-- Main ----*/
#main, #home-main { padding: 0 0 9px 0;}
#sidebar {
width: 174px;
}
#content-col {
width: 626px;
}
#main #content-col {
width: 609px;
border-top: solid 1px #d5d4d4;
padding: 0 0 9px 17px;
}
#main {
background: url(/public/img/main-line-bg.gif) 174px 0 repeat-y;
}
#sidebar-content {
font-size: 11px;
padding: 0 18px 18px 0;
}
h2#contenttitle {
letter-spacing: -1px;
font-weight: normal;
}
ul#breadcrumb {
border-top: solid 1px #dcdcdc;
border-bottom: solid 1px #dcdcdc;
padding: 9px 0;
margin: 0 0 9px 0;
list-style: none;
}
ul#breadcrumb li {
margin: 0;
display: inline;
}
ul#breadcrumb li a {
font-size: 11px;
background: url(/public/img/2010_redarrow.gif) 100% 3px no-repeat;
padding: 0 8px 0 0;
margin: 0 4px 0 0;
letter-spacing: -.5px;
}
ul#breadcrumb li.active a {
font-weight: normal;
color: #000;
background: none;
}
ul.subnav {
margin: 0;
list-style: none;
border-top: solid 1px #dcdcdc;
width: 174px;
}
ul.subnav li {
float: left;
width: 174px;
margin: 0;
}
ul.subnav li a {
display: block;
float: left;
width: 168px;
padding: 6px 0 6px 6px;
border-bottom: solid 1px #dcdcdc;
}
ul.subnav li a:hover {
background: #dcdcdc;
}
ul.subnav li ul, ul.subnav li ul li {
width: 168px;
border: none;
margin: 0;
list-style: none;
}
ul.subnav li ul li {
padding: 0 0 0 8px;
width: 160px;
}
ul.subnav li ul li a {
border: none;
font-weight: normal;
color: #333;
width: 160px;
border-bottom: solid 1px #dcdcdc;
padding: 3px 0 3px 6px;
}
/*-- Home Honoree ------*/
#honoree-feature {
background: #dad6bf url(/public/img/home-honoree-bg.gif) repeat-y;
border: solid 1px #c5c6c8;
width: 624px;
}
img#home-honoree-image {
float: right;
border-left: solid 2px #d3d8da;
}
#home-honoree-content h3 {
background: url(/public/img/2010_honoree_title_arrow.jpg) 0px 10px no-repeat;
font-size: 16px;
font-weight: normal;
color: #152c46;
padding: 12px 0 6px 24px;
}
#home-honoree-content h3 span {
display: block;
font-size: 10px;
font-weight: bold;
color: #65180d;
}
#home-honoree-intro {
width: 302px;
padding: 6px 18px 0 24px;
}
#home-honoree-intro ul, #home-honoree-intro ul li {
list-style: none;
margin: 0;
display: inline;
}
#home-honoree-intro ul li a {
font-size: 11px;
background: url(/public/img/2010_redarrow.gif) 100% 3px no-repeat;
padding: 0 8px 0 0;
margin: 0 4px 0 0;
letter-spacing: -.5px;
}
/*-- Home Badges --------- */
#calendar-link {
width: 328px;
}
#calendar-link h4 { padding: 0; }
#calendar-link h4 a {
width: 297px;
height: 228px;
border: solid 1px #c5c6c8;
background: url(/public/img/button-2010cal.jpg) no-repeat;
display: block;
text-decoration: none;
text-indent: -999em;
}
#home-features {
padding: 12px 0;
}
#home-badges {
width: 298px;
}
#home-badges .badge { padding: 0; }
#home-badges .badge a {
width: 298px;
display: block;
text-decoration: none;
text-indent: -999em;
padding: 0 0 6px 0;
}
#badge-email-calendar a {
height: 51px;
background: url(/public/img/2010_badge-email.jpg) no-repeat;
}
#badge-timeline a {
height: 50px;
background: url(/public/img/2010_badge-timeline.jpg) no-repeat;
}
#badge-classroom a {
height: 50px;
background: url(/public/img/2010_badge-lessonplans.jpg) no-repeat;
}
h5#badge-20th {
text-indent:-999em;
height: 59px;
background: url(/public/img/2010_badge-download.jpg) no-repeat;
}
h5#badge-20th a {
height:59px;
display:block;
}
/*-- Footer -----------*/
#footerbg { background: url(/public/img/2010_footerbg.jpg) 0 100% repeat-x; }
#footer {
padding: 36px 0 18px 0;
font-size: 10px;
}
#footer p {
margin: 0 0 5px 0;
padding: 0;
}
#editContent {
padding: 12px;
background: #fff;
}
/*-- Honorees --*/
#honoree-image {
padding: 18px 0 18px 18px;
margin: 0 0 9px 9px;
border-left: solid 1px #c5c6c8;
border-bottom: solid 1px #c5c6c8;
float: right;
}
p.honoree-link {
border-top: solid 1px #c5c6c8;
padding: 9px 0 0 0;
margin: 9px 0 0 0;
}
h3#honoree-name {
line-height:30px;
color: #402608;
font-size: 30px;
font-weight: normal;
padding-top: 18px;
}
h4#honoree-occupation {
font-size: 16px;
}
p#date {
padding-top: 9px;
font-size: 24px;
color: #65180d;
border-bottom: solid 1px #c5c6c8;
}
#honoreestable {
width: 600px;
}
#honoreestable th {
text-align: left;
border-bottom: solid 1px #eee;
}
#honoreestable td {
padding: 6px 0;
border-bottom: solid 1px #eee;
}
#honoreestable td.name {
width: 75%;
}
#searchmeta {
padding: 18px 18px 0 18px;
background: #eee;
margin: 0 0 9px 0;
}
/*-- Form Styles ----- */
.generic_form {}
.generic_form {
padding: 18px 0 16px 0;
border: none;
margin: 0 0 18px 0;
}
.generic_form h3 {
clear: both;
float: left;
}
.generic_form fieldset {
clear: both;
border: none;
}
.generic_form fieldset h4 {
border-bottom: solid 1px #ddd;
margin: 0 0 9px 0;
}
.generic_form legend {
font-family: Georgia, Times, "Times New Roman", serif;
color: #fff;
font-size: 18px;
padding: 0 4px 5px 0px;
margin: 0;
border: none;
}
.generic_form ul { list-style: none; }
.generic_form p.note {
font-size: 10px;
font-weight: bold;
color: #666;
padding: 0 0 0 4px;
}
.generic_form ul li input { margin: 0 6px 0 0; }
.generic_form label {
display: block;
font-weight: normal;
}
.generic_form input.forminput {
padding: 3px;
font-weight: bold;
}
.generic_form fieldset {
padding: 0 0 10px 0;
border: none;
}
.generic_form p { float: none; }
.generic_form p.formrow { clear: both; }
.generic_form p input.forminput { width: 425px; }
.generic_form p.formcol1 input.forminput , .generic_form p.formcol2 input.forminput { width:175px; }
.generic_form p.formcol1 {
float: left;
clear: both;
}
.generic_form p.formcol2 {
margin: 0 0 0 250px;
}
.generic_form p { padding-left: 0; }
.generic_form span.required, .generic_form span.error {
color: #cc0000;
font-style: italic;
font-size: 11px;
}
.generic_form span.error { display: block; }
.generic_form .checkbox { padding: 2px 0;}
.generic_form .checkbox label, #forminset .checkbox label {
display: inline;
margin: 0 0 0 6px;
}
.generic_form ul { clear: both; }
select#direction {
width: 510px;
}
.generic_form textarea {
width: 425px;
padding: 3px;
height: 250px;
}
p.errornotice {
color: #b5121b;
font-size: 13px;
background: #ffffcc;
padding: 9px;
margin: 0 0 18px 0;
}
input.submit {
padding: 5px;
font-weight: bold;
}
.generic_form input.submit { margin: 0 0 18px 0; }
p.error {
color: #cc0000;
}
input.error {
border: solid 1px #cc0000;
}
p.usernotice {
background: #eee;
padding: 9px;
margin: 9px 0 9px 0;
font-weight: bold;
}
span.note {
font-size: 11px;
display: block;
}
.compact p {
clear: both;
float: left;
padding: 0;
}
.compact label {
}
.compact fieldset {
border: 0;
padding: 6px;
}
.compact fieldset legend { padding: 0; }
.compact input {
margin: 0;
padding: 3px;
}
.compact input.submit {
padding: 2px;
margin: 12px 0 0 0;
}
#forminset {
padding: 10px;
background: #666e77;
margin: 0 0 12px 0;
}
#forminset ul {
list-style: none;
}
#forminset .checkbox {
border-top: solid 1px #fff;
padding: 10px 0 10px 0;
margin: 12px 0 0 0;
}
.small label {
display: inline;
margin: 0 10px 0 0;
}
p.small input.forminput {
width: 80px;
}
/* Events ------*/
ul#eventslist {
list-style: none;
margin: 0;
padding: 0 0 10px 0;
}
ul#eventslist li {
margin: 0 0 10px 0;
padding: 0 0 10px 0;
border-bottom: solid 1px #eee;
}
ul#eventslist li h3 a {
padding: 0 0 4px 0;
display: block;
text-decoration: none;
margin: 0;
font-size: 18px;
}
h5.eventsubhead {
padding: 8px 0 8px 0;
margin: 0 0 8px 0;
clear: both;
font-weight: bold;
font-size: 1.4em;
border-bottom: solid 1px #ccc;
}
#eventform #guestinfo input {
width: 120px;
margin: 0 6px 0 0;
}
#eventform #guestinfo p span {
width: 120px;
display: block;
float: left;
line-height: 1em;
margin: 0 4px 0 0;
padding: 5px 14px 5px 0;
font-weight: bold;
}
#events_header h3 {
padding: 0 0 9px 0;
margin: 0 0 9px 0;
color: #923219;
border-bottom: solid 1px #ccc;
font-weight: normal;
}
#events_header_nav {
float: right;
font-size: 11px;
}
/* Gallery --- */
ul#gallerylist {
float: left;
}
ul#gallerylist, ul#gallerylist li {
list-style: none;
padding: 0;
margin: 0;
}
ul#gallerylist li img.thumbnail {
float: left;
margin: 0 9px 9px 0;
padding: 4px;
border: solid 1px #ddd;
}
ul#gallerylist li {
border-bottom: solid 1px #eee;
padding: 0 0 10px 0;
margin: 0 0 10px 0;
clear: both;
}
ul#gallerylist li h3 {
padding: 0 0 9px 0;
}
ul#gallerylist li h3 a {
font-weight: normal;
}
#gallery h3 {
font-size: 18px;
border-bottom: solid 1px #ddd;
padding: 0 0 10px 0;
margin: 0 0 10px 0;
}
#gallery .gallerymeta {
float: right;
font-size: 11px;
}
#photocontainer p {
font-size: 11px;
}
#photocontainer {
width: 464px;
margin: 0 auto;
text-align: center;
}
#photocontainer p {
text-align: left;
}
#photocontainer p.photonav {
padding: 4px 0 4px 0;
text-align: center;
}
#currentphoto {
padding: 6px;
border: solid 1px #ddd;
}
* html #currentphoto { width: 540px; }
.thumbnail {
vertical-align: top;
padding: 3px;
border: solid 1px #ddd;
}
#thumbnails {
width: 464px;
margin: 0 auto;
}
#thumbnails p.back {
font-size: 11px;
padding: 0;
}
#thumbnails a {
text-decoration: none;
}
#thumbnails .active {
border: solid 1px #333;
padding: 3px;
}