lkmadds.

css
Date: Tuesday, February 8, 2011 Page 1 of 20

/*
Additions and modifications to Happy Cog's original CSS
by Lydia Mann, AIGA web director
*/

/* Generic floats */
.fl { float: left; margin: 4px 10px 1px 0; }
.fr { float: right; margin: 4px 0 1px 20px; }

/* decorative elements */
hr.grey1 { display: block; height: 1px; width: 100%; background-color: #ccc; color: #ccc; margin: 6px 0 12px; border: none; }

#content div.body p {
margin: 8px 0 12px 0;
}
#content div.article h2 { /* for subsequent pages on multi-page articles */
margin: 0 0 10px 0;
padding: 0;
font-size: 180%;
line-height: 1em;
font-weight: normal;
color: #c30;
}
#content div.basic h2 {
margin: 0 0 10px 0;
font-size: 150%;
line-height: 1.3em;
font-weight: normal;
}
#content div.desjobs h2, #content div.desjobs .last h2 {
margin-bottom: 0;
line-height: .9em;
}
#content div.body h3, #content div.body h4 {
margin-top: 1em; line-height: 1.2;
}
#content div.body table h3, #content div.body table h4 {
margin-top: 0;
}

/* brighter color links

#content div.group a {
text-decoration: none;
color: #800;
border-bottom: 1px solid #c99;
}
#content div.group a:hover {
color: #b00;
border-bottom: none;
}
*/

/* lists */
#content div.body ul { margin: 0 0 12px 0; }
#content div.body ol { margin: 0 0 1.6em 0; } /* added 4/16/08 to adjust space on page http://www.staging.aiga.org/content.cfm/
design-for-democracy-eac-reports; reduced 12/16/08 */
#content div.body li { line-height: 1.5; }
#content div.body dt { font-weight: bold; clear: both; } /* added clear 3/3/09 */
#content div.body dd { padding-bottom: .8em; }

/* divide up list of items, such as publications */

.item {
float: left;
border-top: 1px solid #ccc;
margin: .5em 0;
padding: 10px 0 3px; }
lkmadds.css
Date: Tuesday, February 8, 2011 Page 2 of 20

/* listing styles for sortable tables, i.e., school groups, based on item and competitions lists */
.listing {
float: left;
width: 99%;
font-size: 85%;
margin: .5em 0;
padding: 0; }
.listing p, .listing h3 {
margin: 0;
padding: 0;
}
.listing h3 {
position: relative; /* to place divider nav */
}
span.listing-sortorder {
font-weight: bold;
padding-right: 10px;
}
span.listing-altorder {
display: inline;
}
span.listing-nav {
font-size: 12px;
text-transform: uppercase;
position: absolute;
top: 0;
right: 0;
}
.listing p .listing-contact {
line-height: 1.1em;
}
span.listing-contact a {
padding: 0 10px;
margin: 0;
}

/* non-contiguous numbered lists added 1/17/08, modified 2/17/08 */

ol.nonconsec li ul { position: relative; left: -80px; margin: 1em 0 0 0; width: 590px; }
ol.nonconsec li ul li { list-style: none; width: 100%; }
ul.nobullet { margin: 0; padding: 0; }
ul.nobullet li { list-style: none; margin: .5em 0 1em; padding: 0; }
/* added space between list items 1/12/09 */
ul.spacious li { padding-top: .5em; }

/* tables */
table { border: none; font-size: 100%; margin: 0 0 20px 0; }
th, td { padding: 2px 10px; }
th { vertical-align: bottom; }
tr, td { vertical-align: top; }
table.twocol td { width: 49%; padding: 0 50px 0 0; }
table.logogallery { margin: 1em 0; width: 99%; }
table.logogallery td { padding: 0; text-align: center; vertical-align: middle; }
table.logogallery img { padding: 10px; text-align: center; vertical-align: middle; }

table p {
font-size: 107%;
line-height: 1.5em;
margin: 0 0 20px 0;
padding: 0;
}

/* reduce type size to accommodate China site link */

#header #nav-top li {
font-size: 105%;
}

/* login/logout link styling */

#header ul#nav-top a.LoginLink, ul#nav-top a.LogoutLink { font: 10px arial, sans-serif; text-transform: uppercase; margin: 0;
lkmadds.css
Date: Tuesday, February 8, 2011 Page 3 of 20

padding: 0; }
#header ul#nav-top a.AccountLink { text-decoration: underline; color: #c30; margin: 0; padding: 0; }

/* added 4/1-3/08 to accommodate lists */

blockquote li { font-size: 80%; }
blockquote ul.tight, blockquote ol.tight { font-size: 85%; font-style: normal; margin: 0; padding: 0 10px 0 18px; }
blockquote ul.tight li, blockquote ol.tight li { margin: 0 0 5px; padding: 0; }

/* added 4/3/08 for revisions to Design Press and publications */

table#pubs { border-top: 1px solid #ccc; }
table#pubs td { padding: 6px 4px 0 0; border-bottom: 1px solid #ccc; }

/* added 09/01/08 */
#content div.full { float: left; }
#content blockquote {
float: left;
width: 96%;
clear: both;
margin: 10px 0 20px;
padding: 10px;
font-size: 103%;
font-style: italic;
color: #666;
background: #f0f0f0 url(/common/images/template/blockq-left.gif) no-repeat 10px 10px;
}
#content blockquote.noquote { /* added for archive page statement */
background-image: none;
}
#content blockquote p.in, #content blockquote p.lastline {
padding: 7px 30px 0;
}
#content blockquote p.lastline {
float: left;
margin-bottom: 10px;
background: transparent url(/common/images/template/blockq-right.gif) no-repeat bottom right;
}
#content blockquote p.by {
clear: left;
font-family: Verdana, sans-serif;
font-size: 80%;
font-style: normal;
}
#content blockquote p.by strong {
display: block;
font-weight: normal;
text-transform: uppercase;
letter-spacing: 1px;
color: #666;
}
#content blockquote p.by em {
display: block;
margin-top: 3px;
color: #666;
}

/* blockquote callout copied directly out of master.css, added background */

#content blockquote.half, #content blockquote.narrow {
float: right;
width: 275px;
margin: 0 0 15px 30px;
padding: 0 0 0 10px;
font-size: 150%;
line-height: 1.3em;
color: #300;
background: #fff;
}
#content blockquote.narrow {
width: 200px;
lkmadds.css
Date: Tuesday, February 8, 2011 Page 4 of 20

}
#content blockquote.half p {
/* line-height: 1.3em; */
margin: 0;
padding: 0;
}
#content blockquote.side {
width: 280px; /* narrower to account for padding */
padding: 8px 6px 8px 12px; /* set off from border */
background-color: #efefef;
border: 1px solid #e1e1e1;
}
#content blockquote.half ul, #content blockquote.narrow ul {
margin: 0;
padding: 0;
}
#content blockquote.half li, #content blockquote.narrow li {
margin: 0 0 0 1em;
padding: 0;
}

#content blockquote.narrow h4, #content blockquote.narrow h4 a {

font-size: 80%;
font-style: normal; /* why won't this work? */
}
#content blockquote.half a, #content blockquote.narrow a,
color: #900;
text-decoration: none;
border-bottom: 1px solid #c99;
}
#content blockquote.half img a, #content blockquote.narrow img a {
text-decoration: none;
border: none;
}
#content blockquote.half a:hover, #content blockquote.narrow a:hover {
color: #b00;
border-bottom: none;
}
/* 2/1/10 because I can't stand them anymore */
#content blockquote.alert {
float: right;
width: 200px;
margin: 0 0 15px 30px;
padding: 0 0 0 10px;
color: #300;
background: #fff;
font-size: 130%;
line-height: 1.4;
font-style: normal;
}

/* added 4/3/08 for error popups */

body#popit { padding: 1em 2em; border: 6px solid red; }

/* RSS feed lists containing speaker (audio) or podcast icons */

#content div.resources, #sidebar div.resources{
padding: 10px 0 5px;
}
#content ul.resources, #content ul.iconlist, #content ul.resources_rss, #sidebar ul.resources {
margin: 0;
padding: 0;
list-style: none;
}
#content ul.resources li, #content ul.resources_rss , #sidebar ul.resources li {
margin: 0;
padding: 0;
}
#content ul.resources li dt, #content ul.iconlist, #sidebar ul.resources li dt {
lkmadds.css
Date: Tuesday, February 8, 2011 Page 5 of 20

line-height: 1.1em;
margin: 0 0 5px;
padding: 0;
}
#content ul.resources li dd, #sidebar ul.resources li dd {
margin: 0 0 15px 34px;
padding: 0;
}
#content ul.iconlist li { margin: 0 0 1.5em 27px; }
#content ul.resources img, #content ul.iconlist img, #sidebar ul.resources img, dl.related img /* added dl.related img 3/3/09 */
{
float: left;
margin: 0 8px 0 0;
padding: 0;
}
#content ul.resources img.res-icon, #content ul.iconlist img.res-icon, #sidebar ul.resources img.res-icon {
width: 16px;
height: 20px;
}

#content ul.resources_rss {
margin: 0 0 6px;
}
#content ul.resources_rss li {
background:transparent url(/common/images/template/icon-rss.gif) top left no-repeat;
line-height: 1.1em;
padding: 0 0 6px 16px;
}

/* added by Tad 112408: contextual/logical styles for the background pdf icon on all browser except IE 6 - On 2/19/09 LKM
modified margin and padding */
#content ul.iconlist li a[href$='.pdf']{
background:url(/common/images/icons/icon-pdf.gif) no-repeat left top;
margin-left: -27px;
padding-left: 27px;
display: block;
}

/* heading caps sections */

#sidebar div.cap {
border-top: 1px solid #D7D7D7;
height: 15px;
margin: 10px 0 0;
padding: 15px 0 0;
background: none;
}
#sidebar div.cap h3 {
position: absolute;
margin: -15px 0px 0px 0px;
color: #666;
border-top: none;
}
#sidebar div.cap ul, #content .boxt ul.news-rss {
width: 50px;
float: right;
margin: 0;
padding: 0;
list-style: none;
}
#content .boxt ul.news-rss {
margin: 2px 0 0;
}
#sidebar div.cap ul li, #content .boxt ul.news-rss li {
display: inline;
margin: 0 10px 0 0;
padding: 0 10px 0 0;
font-family: Verdana, sans-serif;
font-size: 85%;
lkmadds.css
Date: Tuesday, February 8, 2011 Page 6 of 20

line-height: 1em;
color: #7f7f7f;
border-right: 1px solid #9a9a9a;
}
#sidebar div.cap ul li.last, #content .boxt ul.news-rss li.last {
margin: 0;
padding: 0;
border: none;
}
#sidebar div.cap ul li a {
color: #333;
}
#sidebar div.cap ul li.rss a {
color: #7f7f7f;
}
#sidebar div.cap ul li.rss a.rss-link, #content .boxt ul.news-rss li.rss a.rss-link {
padding-left: 16px;
color: #333;
line-height: 12px;
background: url(/common/images/template/icon-rss.gif) no-repeat 0 50%;
}
#sidebar div.cap ul li a:hover,
#sidebar div.cap ul li.rss a:hover {
color: #555;
}

/* div.ports style copied whole-hog from div.events */

#content div.ports {
padding-bottom: 0;
font-family: Verdana, sans-serif;
font-size: 90%;
line-height: 1.5em;
}
#content div.ports h3 {
margin: 0 0 2px 0;
padding: 0;
font-size: 14px;
line-height: 1em;
text-transform: uppercase;
color: #666;
}
#content div.ports h3 a {
color: #666;
}
#content div.ports h3 a:hover {
color: #555;
}
#content div.ports ul {
margin: 0 0 0 10px;
padding: 0;
list-style: none;
}
#content div.ports ul li {
margin: 0 0 20px 0;
padding: 0;
}
#content div.ports ul li a.url {
display: block;
}
#content div.ports ul li abbr,
#content div.ports ul li span.location {
font-family: Georgia, serif;
font-size: 110%;
font-style: italic;
}

/* revised for launch of Design Archives v2, Feb. 2010

added text-decoration and hover on banner credit 12/07/07 */
lkmadds.css
Date: Tuesday, February 8, 2011 Page 7 of 20

#banner {
position: relative;
clear: right;
border-bottom: 4px solid #333;
z-index: 0;
background: url("http://www.aiga.org/resources/content/4/3/7/4/images/38_commgraphics.jpg") no-repeat;
}
#banner img {
display: block;
}
#credit {
position: absolute;
top: 10px;
right: 10px;
max-width: 443px;
padding: 6px 10px;
font-family: Verdana, sans-serif;
font-size: 85%;
border: 1px solid #e0e0e0;
background: #fff;
color: #555;
opacity: 0.85;
}
#credit cite {
font-style: normal;
display: block;
}
#credit table {
margin: 0;
border: none;
background: #fff;
}
#credit #entry {
padding: 4px 8px;
text-align: right;
vertical-align: middle;
font: 11px/12px Helvetica, Arial, sans-serif;
border-right: 1px solid #ccc;
}
#credit #desarch {
white-space: nowrap;
padding: 4px 8px;
text-align: left;
vertical-align: middle;
font: 18px Helvetica, Arial, sans-serif;
}
#credit #visitnow {
position: absolute;
top: 80px;
right: 0;
float: right;
background: #333;
opacity: 0.85;
padding: 5px 2px 4px 4px;
}
#credit a:link, #credit a:visited {
color: #666;
text-decoration: none;
}
#credit #entry a {
text-decoration: underline;
}
#credit #visitnow a {
font: bold 12px Helvetica, arial, sans-serif;
opacity: 1.0;
background: url("http://www.staging.aiga.org/development/lydia/da/visitNowArrow2.gif") center right no-repeat;
padding: 2px 24px 2px 4px;
color: #fff;
lkmadds.css
Date: Tuesday, February 8, 2011 Page 8 of 20

}
#credit a:hover {
color: #000;
}

/* resize to accommodate four Design Jobs portfolios on homepage - */

#content div.port {
float: left;
width: 123px;
margin: 10px 20px 10px 0;
font-family: Verdana, sans-serif;
font-size: 90%;
line-height: 1.25em;
display: inline;
}
/* added 10/21/08 for redesign of Design Jobs module */
#content div.port .date { color: #555; line-height: 1.1; font-size: 10px; font-style: italic; }
#content div.port-last { margin-right: 0; }
#content div.port img { border: 1px solid #ccc; }

/* workaround to effect #content div.ports p - hope to be able to fix soon */

#iskContentElement975 p {
clear: left;
margin: 0 0 10px;
padding: 0;
font-family: Verdana, sans-serif;
font-size: 90%;
line-height: 1.5em;
}
/* modifications to calendar */
.cal-item {
float: left; /* added 3/4/09 to shrinkwrap imgs */
width: 99%;
border-bottom: 1px solid #ccc;
margin: 0;
padding: 10px 0 3px; }
.odd {
background-color: #fff; }
.even {
background-color: #eee; }
.natl {
background-color: #eee;
border: 1px solid #fff;
border-width: 1px 0; }
.title {
display: block;
margin: 0;
padding: 0; }
.eventtitle {
font-weight: bold; }
.chapter {
float: right;
font-weight: bold;
padding-right: 10px; }
.date {
margin: 0 10px 0 0; }
.location {
display: inline; }
.desc {
display: block;
margin: 0;
padding: 0; }
.natl .desc {
padding: 0 1em; }
#legend {
display: block;
margin: 1em 0;
padding: 0;
lkmadds.css
Date: Tuesday, February 8, 2011 Page 9 of 20

}
.cal-item img {
width: 75px;
height: 75px;
float: left;
margin: 0 10px 10px 3px; /* added bottom 3/4/09 to center when descr. is short */
padding: 0;
border: 0;
}
.cal-item img a {
text-decoration: none;
}

/* added 5/11/09 for chapter events on AIGA.org */

.map, .more-info {
margin: 0 10px;
}
.description {
clear: both;
margin-top: 40px;
}
.event .description { /* except on homepage calendar */
margin-top: 0;
}

#content div.landing p {
margin-top: 0;
font-size: 110%;
line-height: 1.8;
}
#content div.group-sub {
float: left;
width: 282px;
padding-top: 1em;
}
#content dl.teaser {
border-bottom: none;
}
#content dl.teaser dt, dl.related dt {
clear: left; /* clear floated dd above */
color: #333;
font-weight: bold;
}
#content dl.teaser dt a, dl.related dt a {
font-weight: normal;
}
#content dl.teaser dd.deck2 {
margin: 0 0 1.25em;
padding: 0 0 1.25em;
}
#content dl.teaser img {
margin-bottom: 2em ; /* added 3/25/09 to improve spacing when descriptions are short, reduced from 3em to 2em on 4/15/09 */
}

/* for Benefits landing page, dl.teaser in table */

#content table dl.teaser {
margin: 0;
padding: 0;
}
#content table dl.teaser dt {
margin: 10px 0 0;
padding: 0;
font-size: 100%;
font-weight: normal;
line-height: 1.25em;
}
#content table dl.teaser dd.deck2 {
margin: 3px 0 0 0;
lkmadds.css
Date: Tuesday, February 8, 2011 Page 10 of 20

padding-top: 0;
font-family: Georgia, serif;
font-size: 90%;
line-height: 1.5em;
}

/* for News landing page, a new div under .group-sub */

.boxt {
border: 1px solid #ccc;
padding: 10px;
}
#content .boxt dl {
margin: 0;
padding: 0;
}
#content .boxt dl.teaser, #content .boxt dl.teaser dd {
border: none;
}
#content .boxt dl.teaser dt {
margin: 1em 0 0;
padding: 0;
}
#content .boxt dl.teaser dd {
margin: 0 0 .5em;
padding: 0;
}
#content .boxt dl.main dt.dl-title {
margin: 0;
padding: 0;
font-size: 150%;
}
#content .boxt dd.dl-date {
font-family: Georgia, serif;
font-size: 95%;
line-height: 1.2em;
text-transform: uppercase;
}
dl.related img {
margin-bottom: 1em;
}
#home #content dl.teaser img, #journal #content dl.teaser img {
margin-bottom: 0 ; /* ...except on home and journals! */
}

#content span.affiliate {
display: inline;
font: bold 100%/1 verdana, arial, sans-serif;
color: #555;
padding: 1px 4px 2px 3px;
margin: 0 3px;
background-color: #ccc;
}
#content .cal-item span.affiliate a, #content .cal-item span.affiliate a:link, #content .cal-item span.affiliate a:visited {
margin: 0;
padding: 0;
text-decoration: none;
border: none;
color: #555;
background-color: #ccc;
}
#content .cal-item span.affiliate a:hover, #content .cal-item span.affiliate a:visited:hover {
margin: 0;
padding: 0;
color: #111;
}

/* multimedia search results page

type style changes 12/9/09 */
lkmadds.css
Date: Tuesday, February 8, 2011 Page 11 of 20

.search-results2, .search-results2 dl, .search-results2 dt, .search-results2 dd {

margin: 0;
padding: 0;
}
#content .search-results2 dl.teaser { float: left; width: 100%; clear: both; margin: 0; padding-top: 0; }
#content .search-results2 h3.from, #content .search-results2 dt, #content .search-results2 dd { width: 592px; }
#content .search-results2 dl.teaser img { float: left; margin: 0 8px 1em 0; /* "column" effect */ padding: 0; }
#content .search-results2 h3.from { float: left; letter-spacing: 1px; }
#content .search-results2 dl.teaser dt {
margin: 1.2em 0 0;
}
#content .search-results2 dt a, #content .search-results2 dt a:visited {
font-weight: normal;
color: #369;
margin: 0;
padding: 0;
}
#content .search-results2 dl.teaser dd, #content .search-results2 dl.teaser dd.deck {
margin: 0;
padding: 0;
font-family: Georgia, serif;
font-size: 95%;
border-top: none;
}
#content div.body p.vid { /* picked up from #content div.cap h2 */
font-style: italic;
color: #666;
}
#content .search-results2 dl.teaser a, #content .search-results2 dl.teaser a:visited {
color: #c30;
text-decoration: none;
}
/* form styles derived from Khoi Vinh's Good Form 0.1 */
form.contactme {
width: 99%;
text-align: left;
border: 1px solid #ccc;
border-width: 1px 0;
}
form.contactme fieldset {
margin: 0;
border-width: 0;
padding: 0;
}
form.contactme legend {
font-size: 14px;
line-height: 1em;
color: #666;
margin: 0;
padding: 10px 0;
}
form.contactme label {
display: block;
width: 49%;
font-size: 90%;
line-height: 14px;
padding: 0px 0px 12px 0px;
}
form.contactme input {
display: block;
margin-top: 3px;
}
form.contactme select {
float: left;
display: block;
}
form.contactme label.field-first,
form.contactme label.field-last,
lkmadds.css
Date: Tuesday, February 8, 2011 Page 12 of 20

form.contactme label.field-company,
form.contactme label.field-title,
form.contactme label.field-address,
form.contactme label.field-email,
form.contactme label.field-zip,
form.contactme label.field-email,
form.contactme label.field-phone,
form.contactme label.field-city,
form.contactme label.field-first input,
form.contactme label.field-last input,
form.contactme label.field-company input,
form.contactme label.field-title input,
form.contactme label.field-address input,
form.contactme label.field-email input,
form.contactme label.field-zip input,
form.contactme label.field-email input,
form.contactme label.field-phone input,
form.contactme label.field-city input {
float: left;
padding: 0 5px 0 0;
}
form.contactme label.field-first,
form.contactme label.field-last,
form.contactme label.field-company,
form.contactme label.field-title,
form.contactme label.field-address,
form.contactme label.field-email,
form.contactme label.field-email,
form.contactme label.field-phone,
form.contactme label.field-city {
width: 48%;
}
form.contactme label.field-address,
form.contactme label.field-first input,
form.contactme label.field-last input,
form.contactme label.field-company input,
form.contactme label.field-title input,
form.contactme label.field-address input,
form.contactme label.field-email input,
form.contactme label.field-email input,
form.contactme label.field-phone input,
form.contactme label.field-city input {
width: 98%;
padding: 0 0 5px 0;
}
form.contactme label.field-first,
form.contactme label.field-address,
form.contactme label.field-city,
form.contactme label.field-email {
clear: left;
}

form.contactme label.field-state {
float: left;
margin-right: 10px;
width: 60px;
}
form.contactme label.field-state select {
width: 60px;
float: left;
margin-top: 3px;
}
form.contactme label.field-zip {
float: left;
width: 150px;
}
form.contactme label.field-zip input {
float: left;
lkmadds.css
Date: Tuesday, February 8, 2011 Page 13 of 20

width: 150px;
}
form.contactme input#radiobutton_1,
form.contactme input#radiobutton_2,
form.contactme input#radiobutton_3,
form.contactme input#radiobutton_4 {
clear: left;
float: left;
padding: 0px;
margin: 0px 0px 0px 0px;
}
form.contactme label.radioitem {
clear: none;
margin: 0px 0px 0px 25px;
padding: 0px 0px 15px 0px;
}
form.contactme textarea {
display: block;
}
form.contactme input#checkbox_1,
form.contactme input#checkbox_2,
form.contactme input#checkbox_3 {
clear: both;
float: left;
padding: 0px;
margin: 0px;
}
form.contactme label.field-checkbox {
clear: none;
margin: 0px 0px 0px 25px;
padding: 0px 0px 5px 0px;
}
form.contactme textarea {
margin-top: 3px;
}
form.contactme label.field-submit {
float: left;
margin: 0 10px 0 0;
}
form.contactme label.field-submit input {
display: inline;
}
/* poster upload form/table */
table.form-table { width: 90%; margin: 1em auto; clear: both; }
.form-table, .form-table td, .form-table th, .form-table fieldset { border: none; }
.form-table td, .form-table th { text-align: left; vertical-align: top; padding: 3px 5px 4px; }
.form-table td.r { text-align: right; width: 25%; }
.form-table input, .form-table file, .form-table textarea, .form-table text, .form-table select { border: 1px solid #666; border-
color: #666 #ccc #ccc #666; border-width: 2px 1px 1px 2px; width: 60%; line-height: 1.5; padding: 2px; margin: 2px 0; }
.form-table input.submit { width: 20em; padding: 6px; background-color: #eee; float: right; clear: both; border: 2px solid #ccc;
font-size: .8em; text-transform: uppercase; }
.form-table input.submit:hover { background-color: #ccc; border: 2px solid #666; }
/* comment form */
#content form p.form-note, #content form ul.form-note { font-size: 100%; }
#content form p.form-note em { font-size: 105%; line-height: 1.5; }
#content form .form-table p.form-note { margin: 5px 10px 5px 0; }

#sidebar form#login, #sidebar form#search { margin-bottom: 20px; }

/* promo tiles */
.tile { display: block; border: none; margin: 9px 0 0; padding: 0; width: 275px; }

/* min-calendar recode */
.calendarmodule { width: 100%; font: normal 11px Arial, Helvetica, sans-serif; margin:0; padding:0; text-align:center; }
.calendarmodule table { font-size: 100%; width: 100%; margin:0; text-align:center; border: none; border-collapse: collapse; }
.calendarmodule table th, .calendarmodule table td { width: 14%; height: 22px; padding: 1px 2px; vertical-align: middle; }
.calendarmodule table th { height: 28px; font-weight:bold; font-size: 11px; vertical-align:bottom; }
.calendarmodule a, .calendarmodule a:link, .calendarmodule a:visited, .calendarmodule a:hover { font-weight:bold; display:
lkmadds.css
Date: Tuesday, February 8, 2011 Page 14 of 20

block; }group-sub last

td.today { font-weight:bold; }
td.change-month div { float:left; margin: 0; padding: 0; }
td.change-month a { display: block; }
.prevmonth { width:20%; text-align:left; }
.calendatTitle { width:60%; text-align:center; font-weight:bold; font-size: 12px; }
.nextmonth { width:20%; text-align:right; }

/* upload gallery */
table.uploadgallery { font-size: 100%; width: 90%; border: none; margin: .5em 0; }
table.uploadgallery th, table.uploadgallery td { padding: 2px 3px; vertical-align: top; }
div.results { display: block; clear: both; width: 99%; }
.bottom { margin-bottom: 20px; }
div.results ul { float: right; margin: 0; }
div.results h4 { display: inline; float: left; margin: 0; width: 50%; }
#posterNav { float: left; width: 45%; }
#posterNav img { border: 1px solid #ccc; width: 32px; }
#posterNav img:hover { border-color: #FF5500; }
#posterDiv { float: left; padding: 10px 10px 10px 40px; font-size: 90%; width: 45%; }
#posterDiv img { display: block; margin: 0 0 10px; border: 1px solid #ccc; }

#content table.data { clear: both; } /* added to keep table from wrapping around a photo div */
#content table.data th { vertical-align: bottom; }
#content table.data td { vertical-align: top; }

/* additional head styles */

#content div.body h5 { font-size: 100%; line-height: 1.5em; margin: 10px 0 0; padding: 0; }
#content div.body h6 { /* added 4/15/09 h4 plus margin-top */
margin: 20px 0 2px 0;
padding: 0;
font-family: Verdana, sans-serif;
font-size: 90%;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 1px;
}

/* added 4/16/08 to accomomodate spacing request for page http://www.staging.aiga.org/content.cfm/design-for-democracy-eac-

reports */
#content table.tight {
margin: -30px 0 30px;
}

/* added 8/12/08 - media player */

.page_container {
float:left;
position: relative;
top: 0;
left: 0;
/* background-color: yellow; styling only */
}
#player_wrapper {
float:left;
clear: both; /* ensure this text is beneath player */
width: 99%;
margin: 0 0 2em;
padding:0;
/* background-color: red; styling only */
}
#mediaplayer { /* this is the actual player */
float:left;
margin: 0;
padding:0;
}
#media-nav {
float: left;
/* Hongyu */
lkmadds.css
Date: Tuesday, February 8, 2011 Page 15 of 20

margin: 10px 0 0 0;
padding: 15px 0 0 0;
list-style: none;
border-top: 1px solid #d7d7d7;
background: url(/common/images/template/media-nav-bg.gif) repeat-x bottom left;
}
/* Hongyu */
#media-nav li {
display: block;
float: left;
margin: 0;
padding: 5px 8px;
border: none;
}
#media-nav li a {
display: block;
}
#media-nav li#media-video a, #media-nav li#media-slide a {
padding: 0 0 0 17px;
}
#media-nav li.active {
padding: 4px 7px 5px 7px;
background: #fff;
border: 1px solid #ccc;
border-bottom: none;
}
#media-nav li.active a {
color: #333;
text-decoration: none;
}
#media-mod {
clear: left;
padding: 10px;
border: 1px solid #ccc;
border-top: none;
background: #fff;
}
ol.media-list {
margin: 0 0 0 20px;
padding: 0;
font-family: Verdana, sans-serif;
}
ol.media-list li {
margin: 0;
padding: 4px 0;
line-height: 1.6em;
border-bottom: 1px solid #e3e3e3;
}

/* .connect are "share" options; .extras are the transcript or presentation PDFs */
.connect, .extras {
float: left;
width: 100%;
margin: 30px 10px;
padding: 0;
list-style: none;
background-color: transparent;
overflow: hidden;
}
.extras {
overflow: visible;
}
.connect ul, .extras ul {
clear: left;
margin: 0;
padding: 0;
}
.connect li, .extras li {
lkmadds.css
Date: Tuesday, February 8, 2011 Page 16 of 20

float: left;
display: inline;
list-style-type: none;
margin: 0;
padding: 0;
border: none;
}
.connect li a {
float: left;
padding: 18px 20px 0 0;
height: 0px !important;
width: 38px;
background-position: top left;
background-repeat: no-repeat;
overflow: hidden;
}
.extras li a {
float: left;
padding: 26px 20px 20px 0;
height: 0px !important;
background-position: top left;
background-repeat: no-repeat;
overflow: visible;
text-transform: uppercase;
font: 10px helvetica, arial, sans-serif;
text-decoration: none;
}
li#transcript a, li#presentation a {
background-image: url(/common/images/icons/PDFDownload.png);
}
li#comment a {
background-image: url(/common/images/icons/comment-balloon.png);
}
li#send a {
background-image: url(/common/images/icons/mail.png);
}
li#facebook a {
background-image: url(/common/images/icons/facebook.png);
}
li#twitter a {
background-image: url(/common/images/icons/twitter.png);
}
li#digg a {
background-image: url(/common/images/icons/digg.png);
}
li#delicious a {
background-image: url(/common/images/icons/delicious.png);
}
#content div.basic h1 {
line-height: 1.1em;
}
/* added 10/16/08 for Jobs&Community pulldown menus */
div.group-sub form { margin: 0 0 2em; }
div.group-sub select { padding: 3px 0 0 6px; color: #c30; }
div.group-sub option { padding: 3px 6px; border-bottom: 1px solid silver; }

/* added 12/2/08 */
form#ChapterGroupSelect select, form#StudentGroupSelect select { float: left; margin: 0; width: 200px; }
input#go-btn { width: 41px; height: 24px; margin: 3px 10px; }

/* added 10/20/08 for Jobs&Community Design Jobs module */

#content div.desjobs { clear: both; padding-bottom: 1em; }
#content div.desjobs h4 { font-size: 130%; font-weight: normal; color: #000; margin: 0; padding: 0; line-height: 1em; }
#content div.desjobs a:link, #content div.desjobs a:visited { color: #c30; text-decoration: none; }
#content div.desjobs a:hover { color: #900; }
#content div.desjobs p { clear: both; }

dl#job-listing dt, dl#job-listing dd { line-height: 1.3em; }

lkmadds.css
Date: Tuesday, February 8, 2011 Page 17 of 20

dl#job-listing dt { font-size: 115%; font-weight: normal; margin: 4px 0 2px; padding: 0; } /* */

dl#job-listing .date { font-size: 90%; float: right; margin-left: 15px; }
dl#job-listing dd { display: block; margin: 0; padding: 0 0 6px; border-bottom: 1px dotted silver; }
dl#job-listing .co { font-weight: bold; }

/* Tom added */
#StudentGroupSelect form, #ChapterGroupSelect form { margin: 0 0 2em; }
#StudentGroupSelect select, #ChapterGroupSelect select{ padding: 3px 0 0 6px; color: #c30; }
#StudentGroupSelect option, #ChapterGroupSelect option{ padding: 3px 6px; border-bottom: 1px solid silver; }

/* about aiga - modified 123008 to remove "more" and make whole paragraph a link */
#sidebar h5#about-aiga a {
font-size: 100%;
text-decoration: none;
text-align: left;
}

/* added 1/23/09: revised In This Section */

#sidebar ul.list {
margin-bottom: 20px;
}
#sidebar ul.list ul {
margin: 5px 0 0 5px;
padding: 0;
list-style: none;
}
#sidebar ul.list li ul li {
margin: 0 0 4px 0;
padding: 0 0 0 11px;
background: url(/common/images/template/icon-bullet2.gif) no-repeat 0 6px;
}
#sidebar img {
padding-bottom: 10px;
}

#sidebar div.body { /* add space between chapter info and promo tile */
margin-bottom: 1em;
}

/* to force creation of a row */

#content div.clr {
clear: both;
}

/*changes needed for single column layout*/

#onecol #content {
float: left;
margin: 0 25px 20px 17px;
position: relative;
width: 918px;
background-color: #fff; }
#onecol .body {
padding-top: 5px;
}
#onecol #content h1 {
padding-right: 348px;
}
#onecol #searchwrapper {
width: 277px;
position: absolute;
top:0;
right: 0;
margin: -10px 0 0;
padding: 0 0 15px 15px;
background: #f0f0f0;
height: auto;
}
#onecol #searchwrapper #search {
lkmadds.css
Date: Tuesday, February 8, 2011 Page 18 of 20

margin: 7px 0px 0px 0px;

padding: 0px;
}
#onecol #searchwrapper #search-text {
float: left;
width: 205px;
font-size: 12px;
vertical-align: middle;
margin: 0px;
padding: 0px;
}
#onecol #searchwrapper #search-btn {
float: right;
vertical-align: middle;
}
#onecol .col {
float: left;
width: 570px;
margin: 20px 174px;
}
/* site wrapper for aiga template use */
#onecol #afss {
font-size:12px;
font-family:Helvetica, Arial, sans-serif;
font-weight:lighter;
width:904px;
margin:20px auto 0; /* LKM added top margin to account for search box */
}

#content a img, #content a:hover img {

text-decoration: none;
}

/* Google 404 helper code */

#content #goog-wm {
width: 99%;
padding: 0;
border: none;
background-color: transparent;
}
#content #goog-wm h3.other-things {
margin: 20px 0 2px 0;
padding: 0;
font-size: 12px;
font-family: Verdana, sans-serif;
font-weight: regular;
text-transform: uppercase;
letter-spacing: 1px;
}
#content li.search-goog {
list-style-type: none;
margin: 0;
padding: 0;
}
#content li.search-goog form {
display: block;
margin: 6px 0;
}
#content #goog-wm h3.closest-match {
color: #333;
border-bottom: none;
padding-bottom: 0.5em;;
font-size: 100%;
margin: 0;
}
#content #goog-wm h3.closest-match a { color: #369; }

/* Competitions selections */
lkmadds.css
Date: Tuesday, February 8, 2011 Page 19 of 20

span.comp-thumb {
float: left;
margin: 0 10px 20px 0;
padding: 6px;
border: 1px solid silver;
}
.comp-meta {
float: left;
font-size: 10px;
width: 445px;
}
.comp-meta p, .comp-meta h3 {
line-height: 1.2em;
margin: 0;
}
span.submittedby {
display: block;
}
span.medium {
font-weight: bold;
padding-right: 10px;
}
span.medium, span.type {
display: inline;
}
span.title {
font-style: italic;
padding-top: 6px;
}

/* Added to style chapter links, 7/27/09 */

#sidebar div.ch-info p { font-size: 105%; margin-bottom: 6px; }

/* Added padlock icon to password protected pages 9/22/2009 */

#content .secure{
background:url(/common/images/icons/icon_secure.png) no-repeat left top;
padding-left:18px;
}

/* form module */
.form-toggle{
clear:left;
}
#form-nav {
border-bottom:solid 1px #ddd;
margin: 10px 0 15px 156px;
padding: 10px 0 24px 0;
list-style: none;
}
#form-nav li {
display: block;
float: left;
margin: 0;
padding: 5px 20px 0 8px;
border: none;
}
#form-nav li a {
display: block;
}
#form-nav li#form-anonymous a {
padding: 0 0 0 17px;
}
#form-nav li#form-login a {
padding: 0 0 0 17px;
}
#form-nav li.active {
padding: 4px 19px 5px 7px;
background: #fff;
lkmadds.css
Date: Tuesday, February 8, 2011 Page 20 of 20

border: 1px solid #ccc;

border-bottom: none;
}
#form-nav li.active a {
color: #333;
text-decoration: none;
}
.spamcheck {
visibility: hidden;
}

/* added 3/10 to incorporate chapter news block */

#content dl.spotlightChapter {
margin-bottom: 0;
}
#content dl.spotlightChapter dd.deck2 {
padding-bottom: 0;
}

/* added 3/30/10 */
.twtr-widget {
margin-top: 1em;
}
.twtr-hd h3 {
display: none; /* correct gaping white box in Safari */
}
#sidebar dl.news {
margin-bottom: 20px;
}