/* COTW CSS Document - MASTER */ @import url("section.css"); @import url("images.css"); @import url("forum.css"); html, body, h1, h2, h3, h4, h5, p, blockquote, cite, ol, ul, li, fieldset, form, label, img, div, dl, dt, dd { margin:0; padding:0; border:0; -webkit-text-size-adjust:none; } body { background-image:url(/images/bg.gif); font-family:Arial, Helvetica, sans-serif; font-size:62.5%; color:#333; } a { outline:none; } #container { width:980px; margin:0 auto; position:relative; } .logo { position:absolute; top:55px; left:0; display:block; width:236px; padding:59px 0 0 0; overflow:hidden; height:0 !important; height /**/:59px; } .skip-to-links { display:none; } abbr { border:none; cursor:help; } #tbutton { width:96px !important; overflow-x:hidden; padding:0; } #gbutton { width:61px !important; overflow-x:hidden; padding:0; } /*BODY ---------------------------------------------------------------------------------------------------------------*/ #body { position:absolute; left:0; padding-left:160px; width:820px; } #body h1, #profile h1, .forum-posts h1 { float:left; clear:both; width:100%; font-size:4em; color:#111; font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; padding:40px 0 19px 1px; } #body h2, #profile h2 { float:left; clear:both; width:100%; font-size:1.4em; font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; font-style:italic; margin:-86px 0 0 1px; } /*BLOCKQUOTE*/ #body blockquote, #profile blockquote { float:left; clear:both; width:148px; padding:16px 12px 46px 12px; margin-bottom:16px; background:url(/images/quote-border.gif) 0 bottom no-repeat #efefef; } #body blockquote p, #profile blockquote p { font-family:Georgia, "Times New Roman", Times, serif; font-size:1.4em; font-style:italic; font-weight:bold; color:#444; padding:0 0 0.6em 0; } #body blockquote cite, #profile blockquote cite { font-size:1em; color:#666; float:left; clear:both; font-style:normal; } #body blockquote cite a { text-decoration:none; color:#666; } #body blockquote cite a:hover { text-decoration:underline; } #body blockquote cite em { font-style:normal; color:#41617e; display:block; } #body blockquote cite em a { color:#41617e; } /*TEXT CONTENT ---------------------------------------------------------------------------------------------------------------*/ .text-content { width:620px; float:left; } .text-content h3, #subForm h3 { float:left; clear:both; width:100%; font-size:2.2em; line-height:1.2em; font-family:Georgia, "Times New Roman", Times, serif; font-style:normal; font-weight:normal; padding:0.4em 0; color:#444; } .text-content h4 { float:left; clear:both; width:100%; font-size:1.4em; line-height:1.3em; font-family:Georgia, "Times New Roman", Times, serif; padding:0.1em 0; color:#555; } .text-content p, #subForm p { font-size:1.4em; line-height:1.3em; color:#555; padding-bottom:1em; float:left; clear:both; width:100%; } .text-content .abstract { font-size:1.8em; } .text-content p a, .text-content h3 a, .text-content h4 a { color:#555; text-decoration:none; border-bottom:1px dotted #999; } .text-content span { font-weight:bold; } .text-content ul, .profile-info ul { float:left; clear:both; width:616px; padding:0 0 1.8em 4px; list-style:none; list-style-position:outside; } .text-content li, .profile-info li { padding:0 0 0.2em 12px; background:url(/images/arrow.gif) 0 4px no-repeat; font-size:1.2em; } .profile-info .profile-list-blog { margin-top:12px; font-size:16px; padding-left:21px; background:url(/images/profile-list.gif) 0 1px no-repeat; } .text-content li a, .profile-info li a { text-decoration:none; color:#999; } .text-content li a:hover, .profile-info li a:hover { text-decoration:underline; } .five-feature { width:620px; float:left; clear:both; padding:6px 0 16px 0; margin-bottom:16px; background:url(/images/dotty.gif) repeat-x bottom; } .five-feature a { padding:0 10px 0 0; background:none; float:left; } .text-content .anchor-links { padding-left:0; } .text-content .anchor-links li { float:left; width:164px; padding-bottom:0.4em; font-size:1em; text-transform:uppercase; background-image:url(/images/arrow-down.gif); } .text-content .anchor-links li a:hover { text-decoration:none; } .text-content #comment, .text-content #facebook-comment { padding-top:56px; margin:0 0 14px 0; font-size:2.4em; } .back-to-top { float:right; width:164px; padding-left:8px; margin-right:-200px; } .back-to-top a { background:url(/images/back-to-top.gif) 0 0 no-repeat; font-family:Georgia, "Times New Roman", Times, serif; font-size:1.2em; font-style:italic; font-weight:bold; color:#ccc; border-bottom:none; text-decoration:none; padding-top:26px } .text-content footer { font-size:1.1em; font-weight:bold; width:620px; padding:1.6em 0 3em 0; margin-left:0; background:none; } .text-content footer span { float:right; padding-right:8px; } #body .text-content blockquote { width:376px; } #body .text-content blockquote p, #body .text-content blockquote cite { font-weight:normal; float:left; clear:both; width:352px; } .view-exhibit { width:620px; float:left; clear:both; margin-bottom:16px; background:url(/images/click-here.gif) 482px bottom no-repeat #f5f4f5; text-decoration:none; } .view-exhibit img { width:470px; float:left; } .profile-open { margin:5px 0 30px 0; padding-left:60px; display:block; width:320px; float:left; clear:both; font-size:1.4em; background:#f5f4f5; } .profile-open img { margin-left:-60px; float:left; } .profile-open strong { padding-top:8px; font-family:Georgia, "Times New Roman", Times, serif; display:block; } .profile-open em { font-style:normal; color:#666; font-size:0.9em; } .profile-open a { display:block; height:50px; text-decoration:none; } .profile-open:hover { background:#E8E8E5; } .two-floated-image-strip { width:100%; float:left; clear:both; padding:10px 0 15px 0; } .two-floated-image-strip img { width:270px; height:auto; border:#CCC 1px solid; padding:4px; float:left; margin:0 20px 0 0; } .more-floated-image-strip { width:100%; float:left; clear:both; padding:10px 0 0 0; } .more-floated-image-strip img { border:#CCC 1px solid; padding:4px; float:left; margin:0 15px 15px 0; } /*CONTACT FORM*/ .text-content form { padding:12px 0 22px 0; float:left; clear:both; } .text-content form label, #subForm label { display:none; } .text-content form p, #subForm p { padding-bottom:0.5em; float:left; clear:none; padding-right:7px; width:auto; } .text-content form input, .text-content form textarea, #subForm input { width:250px; background:#f0efee; border:none; padding:2px 0 0 6px; font-family:Georgia, "Times New Roman", Times, serif; font-size:1.3em; color:#555; } .text-content form input, #subForm input { height:30px; } .text-content form textarea { width:513px; padding-top:6px; } /*TUTORIALS*/ .tutorial-step { background:#F5F5F5; padding:8px; width:604px; float:left; clear:both; margin-bottom:12px; } .tutorial-step div { background:#F5F5F5; float:right; width:195px; padding:14px 24px 0 10px; } .tutorial-step div h3 { font-size:1.5em; font-style:italic; font-weight:bold; } /*RIGHT COLUMN ---------------------------------------------------------------------------------------------------------------*/ .right-col { width:172px; padding:106px 0 0 28px; float:left; } .right-col div a { display:block; width:172px; margin:0; padding:125px 0 0 0; overflow:hidden; height:0 !important; height /**/:125px; } .right-col p { font-size:1em; padding:6px 0 13px 0; } .right-col p a { color:#999; text-decoration:none; padding-left:12px; background:url(/images/arrow.gif) 0 5px no-repeat; } .right-col img { padding-bottom:16px; } .right-col img.mugshot { padding-bottom:8px; } .right-col .cross-link { font-family:Georgia, "Times New Roman", Times, serif; font-size:1.4em; font-style:italic; font-weight:bold; color:#444; padding:10px 16px 24px 12px; border-top:2px solid; float:left; clear:both; width:144px; margin-top:8px; } .right-col .cross-link a { color:#999; text-decoration:none; padding-left:0; background:none; } .right-col h4 { font-family:Georgia, "Times New Roman", Times, serif; font-size:1.3em; font-style:italic; font-weight:bold; color:#555; padding:0.7em 0; } .right-col ul { list-style:none; padding-bottom:0.6em; } .right-col li { font-size:1.1em; padding:0 0 0.4em 0; } .right-col li a { color:#555; text-decoration:none; padding-left:12px; background:url(/images/arrow.gif) 0 5px no-repeat; } .right-col li a:hover { text-decoration:underline; } /*PROFILES ---------------------------------------------------------------------------------------------------------------*/ #profile { position:absolute; top:285px; left:0; width:980px; } #profile h1, #profile h2 { padding-left:362px; width:618px; } .profile-images { width:618px; float:left; padding:2px 0 0 0; } .images-left { width:412px; margin:0 6px 0 0; float:left; } .images-left-alt { width:360px; margin:0 6px 0 0; float:left; } .images-left img, .images-left-alt img { margin:0 0 6px 0; float:left; } .images-left div { float:left; width:200px; padding-left:6px; } .images-left-alt div { float:left; width:174px; padding-left:6px; } .images-right { width:200px; margin:12px 0 0 0; float:left; } .images-right-alt { width:252px; margin:12px 0 0 0; float:left; } .images-right img, .images-right-alt img { margin:0 0 6px 0; float:left; } .profile-info { width:332px; float:left; padding:0 30px 0 0; margin-top:-102px; } .profile-info h3 { font-family:Georgia, "Times New Roman", Times, serif; font-size:1.4em; font-weight:normal; font-style:italic; float:left; clear:both; } .profile-info h4 { font-size:1.2em; float:left; clear:both; padding:0.4em 0 0.6em 0; } .profile-info p { font-size:1.2em; line-height:1.3em; color:#333; padding-bottom:1em; float:left; clear:both; width:100%; } .profile-info ul { padding-top:1em; padding-left:0; width:328px; } .profile-info p a { color:#333; text-decoration:none; border-bottom:1px dotted #999; } .profile-info .artist-info { padding-left:0; padding-bottom:12px; margin-bottom:14px; background:url(/images/profile-dotty.gif) 0 bottom no-repeat; width:100%; } .profile-info .artist-info li { background:none; padding-left:0; font-size:1.1em; } .artist-pic { background:url(/images/artist-pic.gif); width:119px; height:124px; padding:12px 0 0 12px; margin:0 0 16px -4px; } .profile-map { float:right; padding-top:12px; } #map { float:right; margin-top:12px; display:block; width:142px; padding:90px 0 0 0; overflow:hidden; height:0 !important; height /**/:90px; } #profile blockquote { width:280px; } #profile blockquote p { font-size:1.5em; line-height:19px; font-weight:normal; } #profile blockquote cite a { color:#333; text-decoration:none; border-bottom:1px dotted #999; } #profile footer { margin-left:0; background:url(/images/footer-profile.gif) 0 0 no-repeat; margin-top:24px; } #profile footer p, #profile footer ul { padding-left:362px; width:618px; } #profile-buttons { position:absolute; top:342px; right:0; } #profile-buttons ul { list-style:none; display:block; } #profile-buttons li { float:right; } /*NEXT/PREVIOUS*/ .next-prev { position:absolute; top:235px; right:0; } .next-prev li { font-family:Georgia, "Times New Roman", Times, serif; font-size:1.5em; font-style:italic; float:left; padding:0 0 4px 16px; list-style:none; } .next-prev li a { color:#555; text-decoration:none; } .next-prev li a:hover { text-decoration:underline; } .prev { background:url(/images/profile-prev.gif) left top no-repeat; padding:3px 0 3px 17px; } .next { background:url(/images/profile-next.gif) right top no-repeat; padding:3px 17px 3px 0; } /*CREATIVES DROPDOWN*/ .artist-dropdown { position:absolute; top:56px; left:808px; } .artist-dropdown label { display:none; } .artist-dropdown select { width:172px; } /*TWITTER ---------------------------------------------------------------------------------------------------------------*/ .profile-info #twitter_update_list, .profile-info .tweet-feed { float:left; clear:both; width:270px; padding:8px 0 16px 0; margin:8px 0; background:url(/images/profile-dotty.gif) 0 bottom no-repeat; } .profile-info #twitter_update_list li, .profile-info .tweet-feed li { float:left; clear:both; width:220px; font-size:1.4em; font-style:italic; color:#888; list-style:none; margin:0; padding:0 0 0 50px; background:url(/images/tweet.gif) 0 0 no-repeat; } .profile-info #twitter_update_list li a { color:#888; } .right-col #twitter_update_list { float:left; clear:both; width:148px; margin:8px 0; padding:16px 12px 46px 12px; margin-bottom:16px; background:url(/images/quote-border.gif) 0 bottom no-repeat #efefef; } .right-col #twitter_update_list li { float:left; clear:both; width:148px; font-size:1.4em; font-style:italic; color:#666; list-style:none; margin:0; padding:35px 0 0 0; background:url(/images/tweet.gif) 0 0 no-repeat; } .right-col #twitter_update_list li a { color:#666; } .profile-info .tweet_list { padding-top:4px; padding-bottom:0; } .profile-info .tweet-feed li { padding-bottom:8px; font-size:20px; line-height:22px; font-family:Georgia, "Times New Roman", Times, serif; font-style:normal; font-weight:normal; color:#444; } #profile .profile-info .tweet-feed li a { color:#333; text-decoration:none; border-bottom:1px dotted #999; } /*ADD THIS BUTTON ---------------------------------------------------------------------------------------------------------------*/ .add-this { position:absolute; margin-top:-32px; } .add-this li { list-style:none; float:left; padding-left:12px; padding-top:32px; } .link-forum { display:block; width:53px; margin:1px 0 0 0; padding:14px 0 0 0; overflow:hidden; height:0 !important; height /**/:14px; background:url(/images/link-forum.gif) 0 0; } .link-comment { display:block; width:59px; margin:-32px 0 0 -1px; padding:59px 0 0 0; overflow:hidden; height:0 !important; height /**/:59px; background:url(/images/link-comment.gif) 0 0; } .link-blog-rss { display:block; width:32px; margin:-10px 0 0 0; padding:32px 0 0 0; overflow:hidden; height:0 !important; height /**/:32px; background:url(/images/link-rss.gif) 0 0; } /*OVERVIEW ---------------------------------------------------------------------------------------------------------------*/ #overview { padding-top:305px; } #overview-content { width:299px; padding:0 13px 0 13px; height:579px; margin-bottom:16px; float:right; background:#e0e9f0; } #overview-content h1 { padding:20px 0 11px 0; line-height:1.1em; } #overview-content h3 { float:left; clear:both; width:100%; font-size:1.3em; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; padding:0.4em 0 0.8em 0; color:#555; } #overview-content p { float:left; clear:both; width:287px; font-size:1.4em; line-height:1.3em; color:#555; padding:0 0 1em 0; } #overview-content .abstract { font-size:1.8em; width:299px; } #overview-content p a { color:#555; text-decoration:none; border-bottom:1px dotted #999; } #overview-content ul { float:left; clear:both; width:100%; padding:0 0 0 4px; list-style:none; list-style-position:outside; } #overview-content li { padding:0 0 0.3em 12px; background:url(/images/arrow.gif) 0 4px no-repeat; font-size:1.1em; } #overview-content li a { text-decoration:none; color:#555; } #overview-content li a:hover { text-decoration:underline; } #overview-content .add-this { position:inherit; float:left; clear:both; width:100%; margin-top:28px; } #overview-content .add-this li { list-style:none; float:left; padding-left:12px; background:none; } /*OVERVIEW FILTER*/ .overview-filter-content { position:absolute; top:305px; left:154px; float:left; width:496px; margin-bottom:16px; background:url(/images/repeat.gif) 6px 0 repeat-y; } .overview-filter-content ul { display:inline; } .overview-filter-content li { list-style:none; } .overview-filter-content li a { margin:0 0 6px 6px; float:left; background:#2b2a2a; width:118px; height:189px; font-family:Arial, Helvetica, sans-serif; text-decoration:none; } .overview-filter-content li a em { font-size:1em; font-style:normal; padding:8px 10px 2px 10px; display:block; } .overview-filter-content li a strong { font-size:1.4em; color:#FFF; line-height:17px; font-weight:normal; padding:0 15px 0 11px; display:block; } .overview-filter-content li a strong:hover { text-decoration:underline; } /*OVERVIEW FEATURE SLIDER*/ #overview .feature { position:absolute; top:0; left:160px; } #overview .slider-wrap { width:820px; height:299px; overflow:hidden; position:relative; } #overview .stripViewer .panelContainer .panel ul { text-align:left; margin:0 15px 0 30px; } #overview .stripViewer { position:relative; overflow:hidden; width:490px; height:299px; } #overview .stripViewer .panelContainer { position:relative; left:0; top:0; overflow:hidden; } #overview .stripViewer .panelContainer .panel { float:left; height:100%; position:relative; width:490px; } #overview .stripNavL, #overview .stripNavR, .stripNav { display:none; } #overview .slider-wrap ul { position:absolute; left:491px; top:0; } #overview .slider-wrap li { list-style:none; margin-bottom:1px; font-size:1.7em; background:#2b2a2a; height:49px; float:left; clear:both; } #overview .slider-wrap li strong { font-weight:normal; } #overview .cross-link { display:block; position:relative; width:317px; margin-left:-9px; height:32px; padding:17px 0 0 19px; z-index:500; color:#FFF; text-decoration:none; } #overview .active-thumb { background:transparent url(/images/overview.gif) 0 20px no-repeat; } /*HOME PAGE ---------------------------------------------------------------------------------------------------------------*/ .home-content { width:640px; float:left; padding:440px 0 16px 0; } .home-content p { font-size:1.4em; color:#555; padding-bottom:0.8em; } .home-content p a { color:#555; text-decoration:none; } .home-content p a:hover { border-bottom:1px dotted #999; } .home-content .abstract { font-size:1.8em; } .home-content .aloha, .text-content .aloha { display:block; width:54px; margin:0; padding:25px 0 0 0; overflow:hidden; height:0 !important; height /**/:21px; background:url(/images/aloha.gif) 0 4px no-repeat; } .home-content .home-block { background:#ededed; padding:20px 40px 24px 12px; } .home-right-col { width:172px; float:left; padding:0 0 16px 8px; } .home-links li { list-style:none; padding:0 0 8px 0; } .home-links li a { display:block; width:172px; margin:0 0 8px 0; padding:125px 0 0 0; overflow:hidden; height:0 !important; height /**/:125px; float:left; clear:both; } .home-right-col nav { background:#e0e9f0; padding:14px; float:left; clear:both; width:144px; } .home-right-col nav li { list-style:none; font-size:1.1em; float:left; clear:both; width:144px; padding:9px 0; } .home-right-col nav li em { font-size:2.9em; font-style:normal; float:left; margin:-12px 8px 0 0; width:47px; font-family:Georgia, "Times New Roman", Times, serif; color:#3a5b7a; text-align:right; } .home-right-col nav li a { display:block; } .home-right-col nav a { color:#333; text-decoration:none; } .home-right-col nav a:hover { text-decoration:underline; } .home-right-col div { float:left; clear:both; width:144px; font-size:1.1em; } .home-right-col div a { padding:13px 0 13px 55px; display:block; } .home-icon-rss { background:url(/images/icon-home-rss.gif) 15px center no-repeat; } .home-icon-facebook { background:url(/images/icon-home-facebook.gif) 15px center no-repeat; } .home-icon-twitter { background:url(/images/icon-home-twitter.gif) 15px center no-repeat; } .home-icon-myspace { background:url(/images/icon-home-myspace.gif) 15px center no-repeat; } .home-icon-google { background:url(/images/icon-home-google.gif) 15px center no-repeat; } /*FEATURE - HOME ---------------------------------------------------------------------------------------------------------------*/ .feature { position:absolute; top:0; left:160px; } .slider-wrap { width:640px; height:433px; overflow:hidden; position:relative; } .stripViewer .panelContainer .panel ul { text-align:left; margin:0 15px 0 30px; } .stripViewer { position:relative; overflow:hidden; width:640px; height:391px; } .stripViewer .panelContainer { position:relative; left:0; top:0; overflow:hidden; } .stripViewer .panelContainer .panel { float:left; height:100%; position:relative; width:640px; } .stripNavL, .stripNavR, .stripNav { display:none; } .photo-meta-data { font-size:1.2em; background:url(/images/feature/trans.png); padding:13px 200px 0 10px; height:77px; width:430px; position:absolute; top:301px; left:0; z-index:500; color:#FFF; } .photo-meta-data span { font-size:1.7em; } .photo-meta-data span a { color:#FFF; text-decoration:none; float:left; clear:both; padding-top:2px; } .photo-meta-data a { display:block; text-decoration:none; } .photo-meta-data span a:hover { text-decoration:underline; } .slider-wrap li { list-style:none; float:left; margin-right:4px; } .slider-wrap li.sliderlast { margin-right:0; } .cross-link { display:block; margin-top:-4px; position:relative; padding-top:8px; z-index:500; } .active-thumb { background:transparent url(/images/feature/arrow.png) top center no-repeat; } /*BLOG ---------------------------------------------------------------------------------------------------------------*/ .blog-content { width:620px; float:left; } .blog-post { margin:20px 0 10px 0; background:url(/images/dotty.gif) bottom repeat-x; padding:0 0 10px 0; } .blog-post .postdate { font-family:Georgia, "Times New Roman", Times, serif; font-size:1.3em; font-style:italic; margin:0 0 0.4em 0; } .blog-post h3 { font-family:Georgia, "Times New Roman", Times, serif; font-size:2.6em; font-weight:normal; margin:0 0 0.5em 0; } .blog-post h3 a { color:#000; text-decoration:none; display:block; } .blog-post h3 a:hover { color:#222; text-decoration:underline; } .blog-post p { font-size:1.6em; line-height:1.3em; margin:0 0 1em 0; padding-right:16px; color:#555; } .blog-post a { color:#999; text-decoration:underline; } .blog-post img { border:#CCC 1px solid; padding:4px; } .blogger-post-footer { display:none; } .social-nav, .social-last-reply-when, .social-post #respond { display:none; } /*FOOTER ---------------------------------------------------------------------------------------------------------------*/ footer { float:left; clear:both; width:980px; margin-left:-160px; background:url(/images/footer.gif) 0 0 no-repeat; padding:18px 0 36px 0; } footer p { font-size:1.1em; color:#555; padding-left:160px; } footer ul { float:left; clear:both; width:820px; padding:4px 0 0 160px; } footer li { display:inline; list-style:none; font-size:1.1em; background:url(/images/footer-divide.gif) right center no-repeat; padding-right:8px; margin-right:7px; } footer a { color:#555; text-decoration:none; } footer a:hover { text-decoration:underline; } /*FORUM ---------------------------------------------------------------------------------------------------------------*/ .forum { position:absolute; top:237px; left:0; width:980px; } .forum a:hover { border-bottom:1px dotted #999; } .forum-navi { list-style:none; border-bottom:3px solid #333; padding-bottom:11px; width:100%; float:left; clear:both; } .forum-navi li { font-size:1.1em; font-weight:bold; text-transform:uppercase; float:left; padding-right:15px; } .forum-navi li a { color:#333; text-decoration:none; } .forum-navi li a.alt-link { color:#bdb4a8; } .forum section { width:100%; float:left; clear:both; } /*THREADS (FORUM)*/ .threads ul { list-style:none; padding-bottom:40px; width:100%; float:left; clear:both; } .topics ul { list-style:none; padding-bottom:20px; width:100%; float:left; clear:both; } .threads li, .topics li { color:#3a5b7a; background:url(/images/forum-dotty.gif) 0 bottom repeat-x; width:100%; float:left; clear:both; } .threads li dl, .topics li dl { width:100%; float:left; clear:both; } .threads li a, .topics li a { display:block; padding:16px 0; width:100%; float:left; clear:both; text-decoration:none; } .threads li a:hover, .topics li a:hover { background:url(/images/forum-dotty.gif) 0 bottom repeat-x #E0E9F0; border:none; cursor:pointer; } .threads li dt { width:607px; float:left; font-size:2.2em; padding-left:41px; color:#333; } .topics li dt { width:607px; float:left; font-size:2em; padding-left:41px; color:#333; } .topics .sticky a { background:url(/images/forum-dotty.gif) 0 bottom repeat-x #F6F6F6; } .threads li dt span { color:#bdb4a8; font-size:16px; font-style:italic; } .topics li dt span { color:#bdb4a8; font-size:14px; font-style:italic; } .threads li dd, .topics li dd { width:100px; float:left; text-align:center; font-size:1.6em; color:#333; padding-top:4px; } .threads li dd.post-by, .topics li dd.post-by { width:120px; font-size:14px; color:#bdb4a8; padding-top:5px; } .threads .header-row, .topics .header-row { padding:17px 0; font-weight:bold; text-transform:uppercase; background:url(/images/read-bullet.gif) 12px center no-repeat; border-bottom:3px solid #333; } .threads .header-row dt, .threads .header-row dd, .threads .header-row .post-by, .topics .header-row dt, .topics .header-row dd, .topics .header-row .post-by { font-size:11px; padding-top:0; color:#333; } .threads .header-row a, .topics .header-row a { display:inherit; padding:0; width:auto; float:inherit; clear:inherit; color:#333; text-decoration:none; } .threads .header-row a:hover, .topics .header-row a:hover { background:none; color:#bdb4a8; } .threads .row dt, .topics .row dt { font-family:Georgia, "Times New Roman", Times, serif; } /*NETWORK STATS ---------------------------------------------------------------------------------------------------------------*/ .network-stats h3, .forum-tweet h3 { font-family:Georgia, "Times New Roman", Times, serif; font-size:2.2em; font-weight:normal; padding-bottom:11px; } .forum-tweet h3 a { color:#333; text-decoration:none; } .network-stats div { width:110px; float:left; padding:14px 14px 7px 14px; margin:0 16px 24px 0; background:#F5F5F5; } .forum .network-stats div { padding-bottom:14px; } .network-stats div em { font-family:Georgia, 'Times New Roman', Times, serif; font-size:1.4em; display:block; color:#999; } .network-stats div strong { font-family:Georgia,'Times New Roman',Times,serif; font-size:3.6em; font-weight:normal; display:block; color:#333; } .network-stats div p { font-size:1em; display:block; color:#999; padding-top:4px; } .forum-tweet { float:right; width:350px; } .tweet, .query, .tweet_list { font-size:1.8em; color:#666; list-style:none; } .tweet a, .query a, .tweet_list a { color:#999; text-decoration:none; } /*PRIMARY NAVIGATION ---------------------------------------------------------------------------------------------------------------*/ #primary { position:absolute; top:134px; left:0; width:100%; height:91px; } #primary ul { padding-top:21px; } #primary li { list-style:none; float:left; position:relative; z-index:2000; } #primary li a { display:block; padding:46px 0 0 0; overflow:hidden; height:0 !important; height /**/:46px; } #primary li a:hover { background-position:0 0; } .navi-art { background:url(/images/navi-art.gif) 0 0; width:93px; margin:0 30px 0 0; } .navi-photos { background:url(/images/navi-photos.gif) 0 0; width:176px; margin:0 29px 0 0; } .navi-culture { background:url(/images/navi-culture.gif) 0 0; width:174px; margin:0 56px 0 0; } .navi-green { background:url(/images/navi-green.gif) 0 0; width:59px; margin:0 35px 0 0; } .navi-blog { background:url(/images/navi-blog.gif) 0 0; width:46px; margin:0 32px 0 0; } .navi-forum { background:url(/images/navi-forum.gif) 0 0; width:63px; } /*DROPDOWN*/ #primary li .sub { position:absolute; top:0; left:0; z-index:1000; padding:62px 16px 24px 16px; float:left; display:none; } #primary li .sub ul { width:188px; float:left; padding-top:12px; } #primary li .sub .sub-multi { padding-top:53px; } #primary .sub ul li { font-size:1.5em; float:left; clear:both; width:188px; } #primary .sub ul li h5 { font-size:1.2em; color:#4e1c07; font-weight:normal; padding:0.6em 0 0.2em 0; } #primary .sub ul li h5 a { color:#FFF; text-decoration:none; } #primary .sub ul li a { display:block; height:auto !important; height /**/:auto; color:#FFF; text-decoration:none; background:none; padding:0.3em 0 0 0; margin:0; width:auto; } /*SECONDARY NAVIGATION ---------------------------------------------------------------------------------------------------------------*/ #secondary { position:absolute; top:234px; left:0; } #secondary ul { border-bottom:3px solid; width:977px; padding:0 0 7px 3px; } #secondary li { list-style:none; float:left; font-size:1.6em; padding-right:20px; } #secondary .secondary-dropdown { background:url(/images/dropdown.gif) right 9px no-repeat; padding-right:35px; } #secondary li a { text-decoration:none; } .grid-view, .traditional-view { padding-left:22px; padding-bottom:1px; } .grid-view { background:url(/images/thumb-grid.gif) 0 1px no-repeat; } .traditional-view { background:url(/images/thumb-traditional.gif) 0 1px no-repeat; } #blog #secondary li { padding-right:23px; } /*FILTER NAVIGATION ---------------------------------------------------------------------------------------------------------------*/ #filter { position:absolute; left:0; padding:2px 0 32px 0; background:url(/images/dotty-vertical.gif) right 0 repeat-y; } #filter ul { width:145px; padding:14px 0 0 0; } #filter li { font-size:1em; float:left; clear:both; list-style:none; text-transform:uppercase; padding:0 0 4px 0; } #filter .filter-section { background:url(/images/dotty.gif) repeat-x top; padding-top:13px; margin-top:7px; } #filter li a { color:#555; text-decoration:none; width:122px; display:block; padding:0 0 0 4px; } #filter li a:hover, #filter li a.active { background:#cfe2f1; } #filter h3 { display:block; width:122px; padding:23px 0 0 0; overflow:hidden; height:0 !important; height /**/:23px; background:url(/images/filter.gif) 0 0; } #filter #share-link-3 { padding:4px 0 0 0; } /*FILTER CONTENT ---------------------------------------------------------------------------------------------------------------*/ .filter-content { float:left; clear:both; width:100%; padding-bottom:12px; } .filter-content ul { display:inline; } .filter-content li { margin:0 0 0 -2px; list-style:none; } .filter-content li a { margin:0 0 5px 5px; float:left; background:#2b2a2a; width:132px; height:241px; font-family:Arial, Helvetica, sans-serif; text-decoration:none; } .filter-content li a em { font-size:1em; font-style:normal; padding:8px 10px 2px 10px; display:block; } .filter-content li a strong { font-size:1.4em; color:#FFF; line-height:17px; font-weight:normal; padding:0 15px 0 11px; display:block; } .filter-content li a strong:hover { text-decoration:underline; } .filter-content #creatives li, .filter-content #culture li { } .filter-content #creatives li a { background:none; } .thumb-art, .thumb-photos, .thumb-artist, .thumb-photographer { } #thumb-art-tooltip, #thumb-artist-tooltip { background:#b73b05; } #thumb-photos-tooltip, #thumb-photographer-tooltip { background:#3f94d6; } #thumb-art-tooltip, #thumb-photos-tooltip, #thumb-artist-tooltip, #thumb-photographer-tooltip { position:absolute; padding:7px; color:#FFF; display:none; z-index:10; font-size:1.4em; } .filter-content #filter-info { float:right; width:350px; height:219px; padding:22px 43px 0 13px; background:#e0e9f0; margin-bottom:5px; } #filter-info span { float:left; clear:both; width:100%; font-size:1.4em; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; color:#3A5B7A; } #filter-info h1 { padding:2px 0 11px 0; line-height:1.1em; } #filter-info p { float:left; clear:both; font-size:1.4em; line-height:1.2em; color:#555; padding:0 0 0.8em 0; } #filter-info .abstract { font-size:1.8em; } #filter-info p a { color:#3A5B7A; text-decoration:none; border-bottom:1px dotted #999; } #filter-info p a:hover { font-weight:bold; } /*TERTIARY NAVIGATION ---------------------------------------------------------------------------------------------------------------*/ #tertiary { position:absolute; top:11px; left:0; width:100%; background:url(/images/dotty.gif) repeat-x bottom; } #tertiary ul { padding:0 0 6px 0; float:right; } #tertiary li { font-size:1.1em; float:left; list-style:none; } #tertiary li a { color:#555; text-decoration:none; margin:0 15px 0 0; } #tertiary li a:hover { text-decoration:underline; } #tertiary .social-icon { display:block; width:16px; margin:0 5px 0 0; padding:16px 0 0 0; overflow:hidden; height:0 !important; height /**/:16px; } #tertiary .facebook { background:url(/images/icon-facebook.gif) 0 0; margin-top:-3px; } #tertiary .myspace { background:url(/images/icon-myspace.gif) 0 0; margin-top:-3px; } #tertiary .twitter { background:url(/images/icon-twitter.gif) 0 0; margin-top:-3px; } #tertiary .stumbleupon { background:url(/images/icon-stumbleupon.gif) 0 0; margin-top:-3px; } #tertiary .youtube { background:url(/images/icon-youtube.gif) 0 0; margin-top:-3px; } #tertiary .google-plus { background:url(/images/icon-google.gif) 0 0; margin-top:-3px; } #tertiary .vimeo { background:url(/images/icon-vimeo.gif) 0 0; margin-right:0; margin-top:-3px; } /*MAILING LIST ---------------------------------------------------------------------------------------------------------------*/ .enews { position:absolute; top:142px; left:905px; z-index:2000; } .enews a { display:block; width:75px; padding:75px 0 0 0; overflow:hidden; height:0 !important; height /**/:75px; background:url(/images/mailing-list.gif) 0 0; } .enews a:hover { background:url(/images/mailing-list.gif) 0 75px; } /*BANNER ADS ---------------------------------------------------------------------------------------------------------------*/ .banner-internal { position:absolute; left:252px; top:37px; } .banner-ad { position:absolute; right:0; top:37px; padding-right:16px; width:284px; height:90px; background:#f6f6f6; font-size:1.1em; color:#666; } .banner-ad img { float:left; padding:0 8px 0 0; } .banner-ad strong { display:block; padding-top:10px; } .banner-ad em { display:block; font-size:10px; font-style:normal; padding-top:4px; } .banner-ad a { color:#999; text-decoration:none; } .banner-ad strong a { color:#3A5B7A; } .banner-ad a:hover { text-decoration:underline; } .ad-banner { display:block; width:120px; padding:90px 0 0 0; overflow:hidden; height:0 !important; height /**/:90px; float:left; margin:0 8px 0 0; } .temp-banner { background:url(/images/banners/120x90-brand.gif) 0 0 no-repeat; } .livestrong { background:url(/images/banners/face-up-to-it.gif) 0 0 no-repeat; } /*CLEAR FIX ---------------------------------------------------------------------------------------------------------------*/ .clearfix { display:inline-table; /* Hides from IE-mac \*/ height:1%; display:block; /* End hide from IE-mac */ } html>body .clearfix { height:auto; } .clearfix:after { content: "."; display:block; height:0; clear:both; visibility:hidden; }