/* CSS <> Style Sheet------------------------------------------------------ project: Productions des Collines version: 2.0.1 author: Mich Joanisse email: michel.joanisse@mountainmamma.com website: http://www.mountainmamma.com last updated: June 26th, 2008 ----------------------------------------------------------------------------------*/ /* CSS COLOR SCHEME----------------------------------------------------------------- GENERAL COLORS - Red: #a54343 Blue: #629cfc Green: #99CC00 White: #ffffff Black: #000000 Darkgrey: #090909 Midtonegrey: #2f2f2f Midtonegrey(2): #52515 LightGrey: #9c9c9c LAYOUT COLORS - paragraphs, list items, blockquotes: #9c9c9c links: #a54343 hover: #ffffff contentBG: #090909 footer elements: #474747 ----------------------------------------------------------------------------------*/ /* --> TODO(1): Fix top/main navigation, active/contact with each tab is far too large in height dimension, find fix for smaller target focus area. FIX: --> TODO(4): Add dividing lines in between sub navigational elements FIX: --> TODO(5): When entire browser box gets minimized smaller then content, page layout breaks. FIX: --> TODO(5): Fix the red bars on both sides of content holder. they do not scroll accordingly with the rest of content, a possible solution is to have something / the red as a background repeated with the width set to 100%, and then place another something within or on top of that which would have something set to something like say 80% width of the browser window which would give the effect that there are the 2 red bars on each side. FIX: --> TODO(6): Fix border width and line colors of all content accordingly to original psd template design. FIX: Good trick to creating navigational tabs with padding/margin on each side without doing it with css and incorporating it within the actual graphic. first create your nav bar and list with graphics like you normally would, saving each graphic individual without any spacing on each side of the words. once you have created all tabs, you then go back into each psd or graphic, add say, 20px to the 'canvas size' width of the graphic, and tada, every graphic, regardless of width will then have consistency within margin from one another. ----------------------------------------------------------------------------------*/ /*OVERALL AND GENERAL PROPERTIES -----------------------------------------------*/ * { font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif; font-size:12px; color:#9c9c9c; line-height:16px; margin:0; padding:0; } body { background-image:url(../Images/bg-repeat.gif); background-repeat:repeat-x; background-color:#000000; } #masterwrapper { width:802px; margin-left:auto; margin-right:auto; } #frame { float:left; width:800px; margin-right:auto; margin-left:auto; border-left:1px dotted #333333; border-right:1px dotted #333333; } a { outline:none; text-decoration:none; } a {color:#629cfc;text-decoration:underline;} a.alt{color:#629cfc;text-decoration:underline;text-transform:uppercase;} a:hover, a.alt:hover{color:#ffffff;} span.highlight{text-decoration:underline;font-style:italic;} span.bold{font-weight:bold;} span.keywords{color:#99CC00;} #maincontent #content ul#sitemap a.xtrnallink { background:url(../Images/externallink-icon.gif) top right no-repeat; padding-right:10px; } #maincontent #content ul#sitemap a.xtrnalmail { background:url(../Images/externalmail-icon.gif) top right no-repeat; padding-right:14px; } /*TOP ELEMENTS PROPERTIES INCLUDING THE TOP NAVIGATIONAL ELEMENTS AND FRENCH/ENGLISH LANGUAGE CHANGER -----------------------------------------------*/ #frame #topelements { float:left; width:706px; height:65px; margin-left:47px; margin-right:47px; background-image:url(../Images/mainnav_bg.gif); background-repeat:no-repeat; } #frame ul#mainnav { float:left; height:22px; padding-top:33px; margin-left:2px; background-repeat:no-repeat; } #frame ul#mainnav li { list-style:none; display:inline; } #frame ul#mainnav li a.tabs, #frame ul#mainnav li a.tabs:hover { background-position:left; background-repeat:no-repeat; height:30px; display:block; float:left; } #frame ul#mainnav li a.active { background-position:right; cursor:auto; } #frame ul#mainnav li a.tabs:hover {background-position:right;} #frame ul#mainnav li a.tabs span {display:none;} /*Image replacements for main navigational elements*/ #frame ul#mainnav li a.tabs#home {background-image:url(../Images/mainnav_home.gif);} #frame ul#mainnav li a.tabs#aboutus {background-image:url(../Images/mainnav_aboutus.gif);} #frame ul#mainnav li a.tabs#projects {background-image:url(../Images/mainnav_projects.gif);} #frame ul#mainnav li a.tabs#contactus {background-image:url(../Images/mainnav_contactus.gif);} #frame ul#mainnav li a.tabs#accueil {background-image:url(../Images/mainnav_accueil.gif);} #frame ul#mainnav li a.tabs#profil {background-image:url(../Images/mainnav_profil.gif);} #frame ul#mainnav li a.tabs#projets {background-image:url(../Images/mainnav_projets.gif);} #frame ul#mainnav li a.tabs#contactez {background-image:url(../Images/mainnav_contact.gif);} /*Width replacements for main navigational elements*/ #frame ul#mainnav li a.tabs#home {width:50px;} #frame ul#mainnav li a.tabs#aboutus {width:68px;} #frame ul#mainnav li a.tabs#projects {width:67px;} #frame ul#mainnav li a.tabs#contactus {width:80px;} #frame ul#mainnav li a.tabs#accueil {width:60px;} #frame ul#mainnav li a.tabs#profil {width:54px;} #frame ul#mainnav li a.tabs#projets {width:60px;} #frame ul#mainnav li a.tabs#contactez {width:67px;} #frame #topelements a.languages { font-size:11px; float:right; display:block; color:#6a6a6a; text-decoration:none; padding-top:10px; padding-right:10px; } #frame #topelements a.languages:hover { text-decoration:underline; color:#ffffff; } /*SUBNAV PROPERTIES -----------------------------------------------*/ #frame .subnav { width:706px; float:left; margin-left:47px; margin-right:47px; margin-top:13px; } #frame .subnav#alt {padding-bottom:15px;} #frame .subnav a#logo { float:left; width:137px; height:53px; margin-top:3px; background-image:url(../Images/logo.jpg); background-repeat:no-repeat; } #frame .subnav a#logo span {display:none;} #frame ul#subnavigation { float:right; height:24px; background-image:url(../Images/subnav_bg.gif); background-repeat:repeat-x; margin-top:31px; } #frame ul#subnavigation li { list-style:none; display:inline; } #frame ul#subnavigation li a.iconimages, #frame ul#subnavigation li a.iconimages:hover { background-position:left; background-repeat:no-repeat; height:24px; display:block; float:left; margin-left:5px;/*Adjusts the margin on sides of icons*/ margin-right:5px;/*Adjusts the margin on sides of icons*/ } #frame ul#subnavigation li a.iconimages#contact {margin-right:0px;}/*sets the right margin of last item to 0 to stay fixed to far right edge of content*/ #frame ul#subnavigation li a.iconimages:hover {background-position:right;} #frame ul#subnavigation li a.iconimages span {display:none;} /*Image replacements for main navigational elements*/ #frame ul#subnavigation li a.iconimages#index {background-image:url(../Images/subnav_home.gif);} #frame ul#subnavigation li a.iconimages#sitemap {background-image:url(../Images/subnav_sitemap.gif);} #frame ul#subnavigation li a.iconimages#contact {background-image:url(../Images/subnav_contactus.gif);} #frame ul#subnavigation li a.iconimages#sub-accueil {background-image:url(../Images/subnav_accueil.gif);} #frame ul#subnavigation li a.iconimages#sub-plandusite {background-image:url(../Images/subnav_plandusite.gif);} #frame ul#subnavigation li a.iconimages#sub-contactez {background-image:url(../Images/subnav_contactez.gif);} /*Width replacements for main navigational elements*/ #frame ul#subnavigation li a.iconimages#index {width:24px;} #frame ul#subnavigation li a.iconimages#sitemap {width:33px;} #frame ul#subnavigation li a.iconimages#contact {width:32px;} #frame ul#subnavigation li a.iconimages#sub-accueil {width:30px;} #frame ul#subnavigation li a.iconimages#sub-plandusite {width:51px;} #frame ul#subnavigation li a.iconimages#sub-contactez {width:42px;} /*VIDEO HOLDER/PLACEMENT PROPERTIES -----------------------------------------------*/ #frame .videoholder { float:left; width:706px; height:488px; margin-top:5px; margin-left:47px; margin-right:47px; background-repeat:no-repeat; } /*Replace from french to english accordingly to selected pages*/ #frame .videoholder#eng {background-image:url(../Images/video-holder.jpg);} #frame .videoholder#fre {background-image:url(../Images/video-holder-fr.jpg);} #frame .videoholder #video { float:left; margin-top:32px; margin-left:9px; } * html #frame .videoholder #video {margin-left:5px;} /*FEATURED VIDEOS PROPERTIES -----------------------------------------------*/ #frame #featuredvideoscontainer { float:left; padding:18px; width:706px; background-image:url(../Images/featuredvideoscontainer-bg.gif); background-repeat:repeat-y; margin-left:47px; margin-right:47px; } #frame #videodescription { float:left; width:366px; } #frame #videodescription h1.filmheaders { background-repeat:no-repeat; margin-bottom:5px; width:366px; height:15px; } /*Header replacements*/ #frame #videodescription h1.filmheaders#english {background-image:url(../Images/header-arctichiphop.gif);} #frame #videodescription h1.filmheaders#francais {background-image:url(../Images/header-arctichiphop_FR.gif);} #frame #videodescription h1.filmheaders#sidentity {background-image:url(../Images/header-scatteredidentity.gif);} #frame #videodescription h1.filmheaders#mpmanquante {background-image:url(../Images/header-scatteredidentityFR.gif);} #frame #videodescription h1.filmheaders#rdiaries {background-image:url(../Images/header-rdiaries.gif);} #frame #videodescription h1.filmheaders#rdiaries-fr {background-image:url(../Images/header-rdiaries-fr.gif);} #frame #videodescription h1.filmheaders span, #frame #videothumbnails h1 span {display:none;} #frame #videodescription p {padding-right:40px;} #frame #videothumbnails { float:right; width:302px; } #frame #videothumbnails ul {list-style:none;} #frame #videothumbnails li {display:inline;} #frame #videothumbnails a.thumbnails { float:left; background-repeat:no-repeat; background-position:left; height:53px; width:83px; margin-left:5px; margin-right:5px; } #frame #videothumbnails a.thumbnails#left {margin-left:0px;} #frame #videothumbnails a.thumbnails span {display:none;} #frame #videothumbnails a.thumbnails:hover {background-position:right;} #frame #videothumbnails a.active:hover {background-position:center;} #frame #videothumbnails a.active { background-position:center; cursor:auto; } #frame #videothumbnails h1 { background-repeat:no-repeat; margin-bottom:7px; width:241px; height:15px; } #frame #videothumbnails h1#eng {background-image:url(../Images/header-currentfeaturedprojects.gif);} #frame #videothumbnails h1#fre {background-image:url(../Images/header-projetsenvedette.gif);} /*Image replacements for diferent thumbnails*/ #frame #videothumbnails a.thumbnails#left {background-image:url(../Images/thumb01_recipediaries-t.jpg);} #frame #videothumbnails a.thumbnails#center {background-image:url(../Images/thumb02_mapartmanquante-t.jpg);} #frame #videothumbnails a.thumbnails#right {background-image:url(../Images/thumb03_arctichiphop-t.jpg);} #frame #tvbottom { float:left; width:706px; height:25px; margin-left:47px; margin-right:47px; background-image:url(../Images/tv-bottom.gif); background-repeat:no-repeat; } body #maincontent { float:left; background-image:url(../Images/bgcontent.gif); background-repeat:repeat-x; width:100%; height:300px; position:relative; } #maincontent #wrapper { background-image:url(../Images/wrapper-bg.gif); background-repeat:repeat-y; background-position:center; width:800px; border-left:1px dotted #333333; border-right:1px dotted #333333; margin-left:auto; margin-right:auto; } #maincontent #content { width:706px; margin-left:47px; margin-right:47px; background-image:url(../Images/contenttopbg.jpg); background-color:#080808; background-repeat:no-repeat; } #maincontent #content .altbg { background-color:#111111; border:1px dotted #333333; margin:18px; padding:15px; } #maincontent #content .altbg ul.gnrllists, #maincontent #content ul.gnrllists { list-style-type:none; padding:10px; width:90%; margin-left:auto; margin-right:auto; border:1px dotted #333333; } #maincontent #content ul.gnrllists {width:80%;} #maincontent #content ul.gnrllists a:hover {color:#ffffff;} #maincontent #content ul.gnrllistsalt { margin-bottom:20px; margin-left:auto;margin-right:auto; padding:10px; width:90%; } /*SITEMAP LIST*/ #maincontent #content ul#sitemap { margin-left:auto;margin-right:auto; padding:0 18px; margin-bottom:20px; } /*Set all xtrnal links within the 'sitemap' page to the color red*/ #maincontent #content ul#sitemap a.alt {color:#a54343;text-transform:none;} #maincontent #content ul#sitemap li ul#projects li {padding-bottom:2px;} #maincontent #content ul#sitemap li {list-style-type:none;padding-top:10px;} #maincontent #content ul#sitemap li ul {margin-top:5px;} #maincontent #content ul#sitemap li ul li {padding-top:0;} #maincontent #content ul#sitemap li ul li a:hover {color:#fff;} #maincontent #content ul#sitemap li ul li a { color:#ccc; margin-left:10px; font-style:italic; } #maincontent #content ul#sitemap li ul li ul {margin-top:0;} #maincontent #content ul#sitemap li ul li ul li {padding-top:3px;} #maincontent #content ul#sitemap li ul li ul li a {padding-left:20px;} /*END*/ #maincontent #content ul.gnrllists li { color:#99CC33; font-size:13px; letter-spacing:1px; padding-top:1px; padding-bottom:1px; } #maincontent #content h1, #maincontent #content h1.alt { margin: 0px 18px 5px 18px; background-repeat:no-repeat; width:344px; height:15px; background-position:bottom left; } #maincontent #content p.additionalpadding {padding-bottom:45px;} #maincontent #content h1.alt {padding-top:58px;} #maincontent #content h1 span {display:none;} /*Image replacements for general content headers--------------------------------------------------------------------------*/ #maincontent #content h1#aboutus {background-image:url(../Images/contentheaders-aboutus.gif);} #maincontent #content h1#proposnous {background-image:url(../Images/contentheaders-aboutus-fr.gif);} #maincontent #content h1#teamprofile {background-image:url(../Images/contentheaders-teamprofile.gif);} #maincontent #content h1#profilequipe {background-image:url(../Images/contentheaders-teamprofile-FR.gif);} #maincontent #content h1#history {background-image:url(../Images/contentheaders-history.gif);} #maincontent #content h1#contactus {background-image:url(../Images/contentheaders-contactus.gif);} #maincontent #content h1#sitemap {background-image:url(../Images/contentheaders-sitemap.gif);} #maincontent #content h1#contactinformation {background-image:url(../Images/contentheaders-contactinformation.gif);} #maincontent #content h1#fprojects {background-image:url(../Images/contentheaders-featuredproj.gif);} #maincontent #content h1#pvedette {background-image:url(../Images/contentheaders-featuredproj-fr.gif);} #maincontent #content h1#thankyou {background-image:url(../Images/contentheaders-thankyou.gif);} #maincontent #content h1#merci {background-image:url(../Images/contentheaders-merci.gif);} #maincontent #content h1#arctichiphop {background-image:url(../Images/contentheaders-arctichiphop.gif);margin-bottom:20px;} #maincontent #content h1#recipediariesalt {background-image:url(../Images/contentheaders-recipealt.gif);margin-bottom:20px;} #maincontent #content h1#scatteredidentity {background-image:url(../Images/contentheaders-scatteredide.gif);margin-bottom:20px;} #maincontent #content h1#scatteredidentityalt {background-image:url(../Images/contentheaders-scatteredalt.gif);margin-bottom:20px;} #maincontent #content h1#mpmanquantealt {background-image:url(../Images/contentheaders-mpmanquante.gif);margin-bottom:20px;} #maincontent #content h1.pgallery { float:right; margin-bottom:0; padding-top:35px; } #maincontent #content h1.pgallery#eng {background-image:url(../Images/contentheaders-photogallery.gif);} #maincontent #content h1.pgallery#fre {background-image:url(../Images/contentheaders-galleriephotos.gif);} #maincontent #content h1#recipediaries { background-image:url(../Images/contentheaders-recipediaries.gif); margin-bottom:20px; padding-top:20px; } /*END OF IMAGE REPLACEMENTS------------------------------------------------------------------------------------------------*/ /*Image replacements for projects page------------------------------------------------------------------------------------*/ #maincontent #content .altbg h1.projectstitle { background-position:top left; margin:0;padding:0; width:344px; height:25px; } #maincontent #content img.projects { float:left; clear:left; margin: 4px 15px 0px 0px; } #maincontent #content a.viewproj { text-align:right; display:block; } .altbg h1.projectstitle#ahh {background-image:url(../Images/fp-ahh.gif);} .altbg h1.projectstitle#rd {background-image:url(../Images/fp-rd.gif);} .altbg h1.projectstitle#si {background-image:url(../Images/fp-si.gif);} .altbg h1.projectstitle#mpm {background-image:url(../Images/fp-mpm.gif);} /*END OF IMAGE REPLACEMENTS------------------------------------------------------------------------------------------------*/ #maincontent #content p {padding: 10px 18px 15px 18px;} #maincontent #content .altbg p {padding:0px;padding-bottom:15px;} #maincontent #content .altbg p.alt { background-color:#222222; padding:10px; margin-bottom:10px; } #maincontent #content #logoembroidment { height:100px; } #maincontent #content p.alt { background-color:#222222; padding: 10px 18px 10px 18px; margin-left:auto; margin-top:15px; margin-right:auto; } #maincontent #content blockquote { padding: 10px 18px 15px 18px; text-decoration:underline; font-style:italic; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size:14px; } #maincontent #content h2 { text-transform:uppercase; margin-left:18px; padding-bottom:0; padding-top:10px; font-size:13px; color:#a54343; font-weight:normal; letter-spacing:1px; } #maincontent #content .altbg h2 {margin-left:0;padding-top:0;padding-bottom:5px;} #maincontent #content h2.alt { color:#629cfc; } #maincontent #content h2 em { font-style:normal; letter-spacing:normal; line-height:8px; font-size:10px; text-transform:lowercase; text-decoration:underline; margin-bottom:5px; } #maincontent #content h2 em a { text-transform:uppercase; line-height:9px; letter-spacing:1px; } #maincontent #content h4 { font-size:10px; letter-spacing:1px; line-height:11px; font-family:Arial, Tahoma; text-transform:uppercase; font-weight:normal; color:#ffffff; } #maincontent #content h4 span.membersince { font-size:9px; letter-spacing:1.5px; color:#666666; } /* SPONSPORS / AFFILIATED PARTNERS -----------------------------------------------*/ #APcontainer { width:706px; height:65px; background-color:#000000; } ul#affiliatedpartners { padding-left:15px; float:left; margin-top:25px; width:691px; height:40px; background-color:#2f2f2f; } ul#affiliatedpartners li { display:inline; } ul#affiliatedpartners li span{display:none;} ul#affiliatedpartners li a { margin-right:10px; background-position:top left; background-repeat:no-repeat; height:65px; float:left; } ul#affiliatedpartners li a:hover {background-position:top right;} /*Image and Width Replacements*/ ul#affiliatedpartners li a#canadiannorth {background-image:url(../Images/partners-cnorth.gif);width:142px;} ul#affiliatedpartners li a#srilanken {background-image:url(../Images/partners-srilankan.gif);width:107px;} /* COPYRIGHT PROPERTIES -----------------------------------------------*/ /*Adjust text size and font family of all footer elements*/ #copyright p, #copyright a {font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;font-size:11px;} #copyright { clear:left; width:706px; margin-left:auto; margin-right:auto; padding-top:10px; padding-bottom:65px; *padding-bottom:55px; } #copyright ul li { display:inline; color:#474747; } #copyright ul li span.dividers { font-size:10px; color:#474747; } #copyright ul#footernav { padding-right:10px; float:left; width:296px; } #copyright p { float:left; width:400px; text-align:right; } /*set color of overall text color for copyright/footer elements*/ #copyright ul li, #copyright ul li a, #copyright p, #copyright p span.bold {color:#474747;} #copyright p span.bold {font-size:11px;} #copyright a {padding-left:3px;padding-right:4px;} #copyright a:hover { color:#ffffff; text-decoration:underline; } /* OVERALL COMBINED INFORMATION INPUT TABLES/FORMS -----------------------------------------------*/ table.clientinfo { margin-top:10px; margin-bottom:10px; width:60%; border-bottom:1px solid #222222; } table.clientinfo td { border:1px solid #222222; border-bottom:none; padding:5px; } table.clientinfo td label.requiredfields { color:#99CC00; text-decoration:underline; } table.clientinfo input, table.clientinfo select { width:100%; background-color:#000000; border:none; } table.clientinfo td.titles { border-right:none; width:45%; } /*Contact us form*/ form.check_required textarea#comments { margin-bottom:10px; margin-top:-5px; border:1px solid #222222; background-color:#000000; width:60%; height:125px; } .btncontainer { width:60%; height:30px; } .btncontainer button { float:right; margin-left:5px; background-repeat:no-repeat; background-position:left; height:22px; border:0;/*Always set border to '0' as opposed to none, or bg images do not appear in IE7.0 for some unknown reason*/ } /*Image and Width replacements*/ .btncontainer button#submit {background-image:url(../Images/btn_submit.gif);} .btncontainer button#submit {width:62px;} .btncontainer button#reset {background-image:url(../Images/btn_resetform.gif);} .btncontainer button#reset {width:84px;} .btncontainer button:hover { cursor:pointer; background-position:right; } .btncontainer button span {display:none;} /* SUB MENUS: DROP DOWN MENUS -----------------------------------------------*/ ul#mainnav { margin:0; padding:0; } ul#mainnav li.menuli { display:inline; float:left; position:relative; } * html ul#mainnav li.menuli {float:none;} ul#mainnav li.menuli a:link, ul#mainnav li.menuli a:visited { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#fff; text-decoration:none; position:relative; width:170px; } ul#mainnav li.menuli a:hover {color: #999690;} ul#mainnav li.menuli li a, ul#mainnav li.menuli li a:hover { padding: 3px 5px 3px 5px; background-color:#000000; border:1px solid #222222; border-top:0px; font: Arial, Helvetica, sans-serif; color:#fff; display:block; text-decoration:none; position:relative; } ul#mainnav li.menuli li a:hover { color:#629cfc; text-decoration:underline; } ul#mainnav li ul a.top, #mainnav li li a.top:hover {border:1px solid #CCCCCC;} ul#mainnav li ul { display:none; position:absolute; top:100%; left:0; font-weight:normal; } ul#mainnav li li { display:block; float:none; border:0; } ul#mainnav li:hover ul, li.over ul {display:block;} /* PHOTOGALLERY PROPERTIES / LIGHTBOX -----------------------------------------------*/ #projectwrapper { margin-left:18px; margin-right:18px; margin-bottom:20px; } #projectwrapper #projinfo { width:100%; border:1px dotted #333333; } #projectwrapper #projinfo #imggallery { width:50%; clear:both; margin:18px; margin-bottom:10px; margin-top:10px; padding-bottom:15px; padding-top:15px; border:1px dotted #333333; background-color:#111111; float:right; } #projectwrapper #projinfo #imggallery ul { padding-left:8px; float:left; list-style:none; } #projectwrapper #projinfo #imggallery ul li { display:inline; } #projectwrapper #projinfo #imggallery ul li a { display:block; float:left; width:98px; height:48px; margin-left:4px; margin-right:4px; margin-bottom:10px; background-repeat:no-repeat; background-position:left; } #projectwrapper #projinfo #imggallery ul li a.bottomrow {margin-bottom:0;} #projectwrapper #projinfo #imggallery ul li a:hover {background-position:right;} #projectwrapper #projinfo #imggallery ul li a span {display:none;} /*Image replacements for ARCTIC HIP HOP-----------------------------------------------------------------------------*/ #projectwrapper #projinfo #imggallery ul li a#arctic_img01 {background-image:url(../Images/Lightbox/t_arctic01.jpg);} #projectwrapper #projinfo #imggallery ul li a#arctic_img02 {background-image:url(../Images/Lightbox/t_arctic02.jpg);} #projectwrapper #projinfo #imggallery ul li a#arctic_img03 {background-image:url(../Images/Lightbox/t_arctic03.jpg);} #projectwrapper #projinfo #imggallery ul li a#arctic_img04 {background-image:url(../Images/Lightbox/t_arctic04.jpg);} #projectwrapper #projinfo #imggallery ul li a#arctic_img05 {background-image:url(../Images/Lightbox/t_arctic05.jpg);} #projectwrapper #projinfo #imggallery ul li a#arctic_img06 {background-image:url(../Images/Lightbox/t_arctic06.jpg);} #projectwrapper #projinfo #imggallery ul li a#arctic_img07 {background-image:url(../Images/Lightbox/t_arctic07.jpg);} #projectwrapper #projinfo #imggallery ul li a#arctic_img08 {background-image:url(../Images/Lightbox/t_arctic08.jpg);} #projectwrapper #projinfo #imggallery ul li a#arctic_img09 {background-image:url(../Images/Lightbox/t_arctic09.jpg);} #projectwrapper #projinfo #imggallery ul li a#arctic_img10 {background-image:url(../Images/Lightbox/t_arctic10.jpg);} #projectwrapper #projinfo #imggallery ul li a#arctic_img11 {background-image:url(../Images/Lightbox/t_arctic11.jpg);} /*END IMAGE REPLACEMENTS--------------------------------------------------------------------------------------------*/ /*Image replacements for THE RECIPE DIARIES-------------------------------------------------------------------------*/ #projectwrapper #projinfo #imggallery ul li a#rdiaries_img01 {background-image:url(../Images/Lightbox/t_rdiaries01.jpg);} #projectwrapper #projinfo #imggallery ul li a#rdiaries_img02 {background-image:url(../Images/Lightbox/t_rdiaries02.jpg);} #projectwrapper #projinfo #imggallery ul li a#rdiaries_img03 {background-image:url(../Images/Lightbox/t_rdiaries03.jpg);} #projectwrapper #projinfo #imggallery ul li a#rdiaries_img04 {background-image:url(../Images/Lightbox/t_rdiaries04.jpg);} #projectwrapper #projinfo #imggallery ul li a#rdiaries_img05 {background-image:url(../Images/Lightbox/t_rdiaries05.jpg);} #projectwrapper #projinfo #imggallery ul li a#rdiaries_img06 {background-image:url(../Images/Lightbox/t_rdiaries06.jpg);} /*END IMAGE REPLACEMENTS--------------------------------------------------------------------------------------------*/ /*Image replacements for A SCATTERED IDENTITY-----------------------------------------------------------------------*/ #projectwrapper #projinfo #imggallery ul li a#sidentity_img01 {background-image:url(../Images/Lightbox/t_sidentity01.jpg);} #projectwrapper #projinfo #imggallery ul li a#sidentity_img02 {background-image:url(../Images/Lightbox/t_sidentity02.jpg);} #projectwrapper #projinfo #imggallery ul li a#sidentity_img03 {background-image:url(../Images/Lightbox/t_sidentity03.jpg);} #projectwrapper #projinfo #imggallery ul li a#sidentity_img04 {background-image:url(../Images/Lightbox/t_sidentity04.jpg);} #projectwrapper #projinfo #imggallery ul li a#sidentity_img05 {background-image:url(../Images/Lightbox/t_sidentity05.jpg);} #projectwrapper #projinfo #imggallery ul li a#sidentity_img06 {background-image:url(../Images/Lightbox/t_sidentity06.jpg);} /*END IMAGE REPLACEMENTS--------------------------------------------------------------------------------------------*/ /* GENERAL TABLE PROPERTIES -----------------------------------------------*/ #tablewrapper { width:578px; background-color:#222222; margin-left:auto; margin-right:auto; margin-bottom:15px; margin-top:10px; padding:15px; } table.gnrltables { background-color:#222222; width:578px; border:1px dotted #333333; margin-left:auto; margin-right:auto; } table.gnrltables caption { width:inherit; text-transform:uppercase; font-size:11px; font-style:italic; padding-bottom:5px; color:#fff; margin-left:auto; margin-right:auto; text-align:left; } table.gnrltables tr:hover>td, table.gnrltables tr.alt:hover>td, table.gnrltables tr:hover>td ul li { background-color:#99CC00; color:black; cursor:pointer; } table.gnrltables tr th.brdrright {border-right:1px solid #246cc7;} table.gnrltables th { height:30px; color:#FFFFFF; font: 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; letter-spacing:1px; padding:2px 10px; background-color:#2779e5; text-align:left; text-transform:uppercase; } table.gnrltables td { padding:5px 10px; border-left:1px solid #222222; font-style:italic; line-height:12px; border-top:1px solid #222222; border-bottom:0; } table.gnrltables td.alt { border-left:0; text-decoration:underline; font: 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; text-transform:uppercase; } table.gnrltables td ul {padding-left:15px;} table.gnrltables colgroup { background-color:#111111; } table.gnrltables colgroup col#productionrolecol {width:35%;} table.gnrltables tr.alt { background-color:#000000; } /* ALL IE6 BUG FIXES -----------------------------------------------*/ * html #frame {border-left:none;border-right:none;} * html #frame ul#mainnav {margin-left:1px;} * html #frame #featuredvideoscontainer {margin-bottom:15px;} * html #frame #tvbottom {margin-top:-20px;} * html #maincontent #wrapper {border-right:solid;border-left:solid;} * html #maincontent #content ul.gnrllists {border:solid;} * html #maincontent #content .altbg {border-style:solid;} * html #projectwrapper #projinfo {border-style:solid;} * html #projectwrapper #projinfo #imggallery {border-style:solid;}