YouTube Video Gallery

[RocketFoot]

Are there any CSS guru's out there that can help me dress up the Video Gallery a little?  I'd like to maybe add some boxes or something to match my Garage layout...

Video Gallery

Garage

I am learning a little about CSS but I can't seem to make any changes that don't result in major breakage! LOL  I did manage to add borders but I can't figure out how to get the shadow effect (mozilla) like the garage has??



Also, how can I change all the links in my ytvgal_forumdisplay_thread to a seperate inline CSS so they overide the main page CSS for links?  

This is my template:

Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28

<td width="25%" valign="top"> <table border="0" width="100%"> <tr> {$modbit} <td valign="top" align="center"> <a href="{$thread['threadlink']}"> <img src="http://img.youtube.com/vi/{$GLOBALS['threadfields']['ytvgalid']}/default.jpg" alt="" title="{$thread['subject']}" /> </a> <div style="width: 150px; overflow: hidden; white-space: nowrap"> <a href="{$thread['threadlink']}" class="{$inline_edit_class}" id="tid_{$inline_edit_tid}">{$thread['subject']}</a> </div> <div> {$rating} <span class="smalltext"> By: {$thread['profilelink']}<br />{$GLOBALS['threadfields']['ytvgalcat']} {$thread['threaddate']}, {$thread['threadtime']}<br /> {$thread['views']} {$lang->views}, {$thread['replies']}{$unapproved_posts} Comments </span> </div> </td> </tr> <tr> <td valign="top" colspan="2"> {$thread['multipage']} </td> </tr> </table> </td>

---

And this is the inline CSS that I need:

Code:

1 2 3 4 5 6 7 8 9 10 11 12

<STYLE type=text/css> A:link { COLOR: blue /*The color of the link*/ } A:visited { COLOR: blue /*The color of the visited link*/ } A:hover { COLOR: red /*The color of the mouseover or 'hover' link*/ } </STYLE>

---

Nothing I try seems to work!  (Unless I just add this to the template but then the links in the Member Welcome header bar changes also!)  Halp!