/* Site Name: D1NT - Do One Nice Thing Site URL: ?? Version: 1.0 Author: Chip Adams for TRADEMARK 5150 Author URL: http://tm5150.com/ PLEASE CONSIDER SWITCHING TO A BETTER BROWSER IF YOU ARE USING INTERNET EXPLORER. */ /************************************************** GLOBAL ELEMENTS **************************************************/ * { margin: 0; padding: 0; } /*a { text-decoration: none; }*/ li { list-style: none; } hr { margin: 10px 0 10px 0; } /************************************************** TYPOGRAPHY **************************************************/ body { font: 1em Arial, Helvetica, sans-serif; } #page {} #header h1 {} #header h1 a {} #main-content { } #main-content h2 { margin-bottom: 20px; color: #00a650; font-weight: normal;} #main-content h3 { margin-bottom: 20px; font-size: 14px; color: #009; } #main-content h4 { font-size: 14px; margin-top:10px; } #main-content p { margin: 0 10px 20px; font-size: 12px; } #main-content.media p { margin: 0 5px 5px; font-size: 12px; } #main-content p.the-date { margin: 5px 0 0; font-weight: bold; font-size: 10px; text-align: right; } #main-content #one-nice-person p, #main-content #the-nice-thing p { margin: 0; } #search-box p { margin-bottom: 0; padding: 5px 0 5px 0; } #main-content li { font-size: 12px; } #mail-list p { padding: 2px; text-align: center; font-weight: bold; font-size:12px;} #footer h6 { padding-top: 26px; color: #606060; font-size: 10px; font-weight: normal; border-top: 1px solid #777; } em.author { color: #00a650; font-weight: bold; font-size: 11px;} .onp-date { color: #00a650; font-weight: bold; margin-bottom: 0; font-size:12px;} h6 { color: #606060; font-size: 10px; font-weight: normal; } .form { margin: 10px 0 10px 40px; } .form td { font-family:Arial, Helvetica, sans-serif; font-size:12px; } a, a:visited {color:#0000FF;} a:hover {color:#00A650;} #main-content p.small { margin:0; padding:0; font-size: 10px; } /************************************************** STRUCTURE & COLOR **************************************************/ body { background: white url(_images/bg_body.gif) repeat-y 0% 0%; } #page { padding-right: 20px; width: 736px; } #header { margin-left: 145px; width: 581px; height: 134px; background: url(_images/bg_headerl.gif) repeat-y 0% 0%; } #main-content { margin: 0 20px 0 145px; padding: 0 20px; width: 571px; } #main-content li { margin: 0 0 10px 51px; list-style: disc; } #search-box { margin-bottom: 20px; background: #fffbb8 url(_images/bg_searchbox.gif) repeat-x; padding: 10px 5px 10px 5px; border: solid #FEF101 1px;} #one-nice-person { margin-left: 33px; width: 125px; height: auto; float: right; position: relative; background: url(_images/bg_onp.gif) no-repeat 50% 0%; } #one-nice-person2 { margin-left: 33px; padding:15px 0 0 0; width: 125px; height: auto; float: right; position: relative; /*background: url(_images/d1nt_nice_caption.gif) no-repeat 50% 0%;*/ } #the-nice-thing { margin-right: 145px; padding: 10px; background: #fef165; border: 3px solid #00a650; } #mail-list { margin: 50px auto 17px; clear: both; width: 255px; padding: 10px; background: #fffbb8;} #footer { margin: 50px 0 0 165px; } #d1nt-tshirt { margin-left: 0; margin-top:15px; width: 125px; height: auto; float: right; position: relative; background: url(_images/title_tshirt.jpg) no-repeat 50% 0%; } /************************************************** MAIN NAVIGATION **************************************************/ #main-nav { width: 140px; position: absolute; top: 0; left: 0; } #main-nav li { height: 35px; } * html #main-nav li { margin-bottom: -3px; } /* AS USUAL, AN IE/PC BUG FIX */ #main-nav li#home { background: url(_images/nav_home.gif) no-repeat 0% 0%; margin-bottom:41px; margin-top:45px; height: 59px } #main-nav li#about { background: url(_images/nav_about.gif) no-repeat 0% 0%; } #main-nav li#ideas { background: url(_images/nav_ideas.gif) no-repeat 0% 0%; } #main-nav li#people { background: url(_images/nav_people.gif) no-repeat 0% 0%; } #main-nav li#send { background: url(_images/nav_send.gif) no-repeat 0% 0%; } #main-nav li#share { background: url(_images/nav_share.gif) no-repeat 0% 0%; } #main-nav li#blog { background: url(_images/nav_blog.gif) no-repeat 0% 0%; } #main-nav li#contact { background: url(_images/nav_contact.gif) no-repeat 0% 0%; } #main-nav li#cards { background: url(_images/nav_cards.gif) no-repeat 0% 0%; } #main-nav li#tshirt { background: url(_images/nav_tshirt_off.gif) no-repeat 0% 0%; } #main-nav li#book { background: url(_images/nav_book_off.gif) no-repeat 0% 0%; } #main-nav li#media { background: url(_images/nav_media_off.gif) no-repeat 0% 0%; } #main-nav li#justforfun { background: url(_images/nav_fun_off.gif) no-repeat 0% 0%; } #main-nav li#store { background: url(_images/nav_store_off.gif) no-repeat 0% 0%; } #main-nav li#clubs { background: url(_images/nav_clubs_off.gif) no-repeat 0% 0%; } #main-nav li#home a:hover { background: url(_images/nav_home-hover.gif) no-repeat 0% 0%; height: 59px } #main-nav li#about a:hover { background: url(_images/nav_about-hover.gif) no-repeat 0% 0%; } #main-nav li#ideas a:hover { background: url(_images/nav_ideas-hover.gif) no-repeat 0% 0%; } #main-nav li#people a:hover { background: url(_images/nav_people-hover.gif) no-repeat 0% 0%; } #main-nav li#send a:hover { background: url(_images/nav_send-hover.gif) no-repeat 0% 0%; } #main-nav li#share a:hover { background: url(_images/nav_share-hover.gif) no-repeat 0% 0%; } #main-nav li#blog a:hover { background: url(_images/nav_blog-hover.gif) no-repeat 0% 0%; } #main-nav li#contact a:hover { background: url(_images/nav_contact-hover.gif) no-repeat 0% 0%; } #main-nav li#cards a:hover { background: url(_images/nav_cards-hover.gif) no-repeat 0% 0%; } #main-nav li#tshirt a:hover { background: url(_images/nav_tshirt.gif) no-repeat 0% 0%; } #main-nav li#book a:hover { background: url(_images/nav_book_on.gif) no-repeat 0% 0%; } #main-nav li#store a:hover { background: url(_images/nav_store_on.gif) no-repeat 0% 0%; } #main-nav li#justforfun a:hover { background: url(_images/nav_fun_on.gif) no-repeat 0% 0%; } #main-nav li#media a:hover { background: url(_images/nav_media_on.gif) no-repeat 0% 0%; } #main-nav li#clubs a:hover { background: url(_images/nav_clubs_on.gif) no-repeat 0% 0%; } #main-nav li a { display: block; width: 140px; height: 35px; text-decoration: none; } #main-nav li a span { display: none; } #main-nav li a:hover { background: #00a650; } /************************************************** IMAGES **************************************************/ img, a img { border: none; } .floatleft { float: left; position: relative; } .floatright { float: right; position: relative; } img.floatleft { margin: 0 12px 6px 0; display: inline; } img.floatright { margin: 0 0 6px 12px; display: inline; } #one-nice-person img { margin-top: 24px; margin-bottom: 10px; border: 2px solid #00a650; } #one-nice-person2 img { margin-top: 24px; margin-bottom: 10px; border: 2px solid #00a650; } .blogImage { margin: 5px 10px 5px 0; } .thumbnails img{ filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); -moz-opacity: 1; border: 1px solid #000; } .thumbnails:hover img{ filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); -moz-opacity: 0.5; border: 1px solid #00a650; } /*.thumbnails { border: 1px solid #00a650; } .thumbnails:hover { border: 1px solid #000000; }*/ /************************************************** FORMS **************************************************/ /************************************************** VARIOUS STYLES, CLASSES & ID'S **************************************************/ .hide { display: none; } .clear { clear: both; } .centered { text-align: center; } #leftc { width: 561px; float: left; } #rightc { float: right; width: 240px; padding: 60px 5px 5px 5px; } #rightc p { padding: 0px; margin: 0px 0px 5px 10px; } #main-content #rightc h2 { margin: 0px 0px 10px 0px; padding-bottom: 3px; border-bottom: 1px solid #FEF101; font-size: 18px; } #rightc form { margin-top: 40px; } #rightc form input { border: 1px solid #333333; background: none; } #rightc form input.submit { border: 1px solid #333333; cursor: pointer; } #rightc a { text-decoration: none; } #rightc a.topicselected { color: #CC6600; } /************************************************** sIFR **************************************************/ /* This is the print stylesheet to hide the Flash headlines from the browser... regular browser text headlines will now print as normal */ /*.sIFR-flash, .sIFR-flash object, .sIFR-flash embed { display: none !important; height: 0; width: 0; position: absolute; overflow: hidden; } span.sIFR-alternate { visibility: visible !important; display: block !important; position: static !important; left: auto !important; top: auto !important; }*/ /* These are standard sIFR styles... do not modify */ .sIFR-flash { margin: 0; visibility: visible !important; } .sIFR-replaced { visibility: visible !important; } span.sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; } /* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */ #main-content h2 { margin-bottom: 20px; color: #00a650; font-weight: normal; } .sIFR-hasFlash #main-content h2 { letter-spacing: -9px; font-size: 32px; /*height: 18px;*/ visibility: hidden; } #mediaplayer { width: 350px; height: 215px; margin-bottom:20px; } #sidepanel { position:absolute; right:-377px; top:70px; width: 350px; } #sidepanel a { color: #000099; font-size: 12px; margin-bottom: 5px; text-decoration: none; } #sidepanel a:hover {color:#00A650;} #sidepanel h3 {margin-top:25px; font-size:13px; text-transform:uppercase; color:#000000; margin-bottom:10px;} #sidepanel ul {margin: 0px; padding:0px;} #sidepanel ul li {margin: 0px; padding:0px; list-style-type:none;} #bookleft { border: 1px solid #000000; padding:10px 22px 10px 10px; width:560px; } #bookleft a { color: #000099; font-size: 12px; margin-bottom: 5px; text-decoration: none; } #bookleft a:hover {color:#00A650;} #bookleft h3 {margin-top:25px; font-size:13px; text-transform:uppercase; color:#000000; margin-bottom:10px;} #bookleft ul {margin: 0px; padding:0px;} #bookleft ul li {margin: 0px; padding:0px; list-style-type:none;} #bookfacts { border:1px solid; float:right; padding:10px; position:relative; top:80px; } #sidepanel-book { width: 220px; position: absolute; right: -220px; } .c_content p { margin: 0px 5px 5px; } #banner_holder { margin-top: 15px; widows: 400px; } .banneree { width: 120px; float: left; margin-right: 25px; } .banneree label { font-size: 11px; padding-top: 4px; margin-left: 4px; margin-bottom: 3px; display: block; } .banneree input { width: 115px; } .connect_text_wrapper { display: none; }