/*--------------------------------------------------
- Global Reset [START] (courtesy of meyerweb.com) --
----------------------------------------------------*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del,dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { border:0; outline:0; font-weight:inherit; font-style:inherit;
                                                          font-size:100%; font-family:inherit; vertical-align:baseline; }

:focus { outline:0; }  

table { border-collapse:separate; border-spacing:0; }

caption, th, td { text-align:left; font-weight:normal; }

blockquote:before, blockquote:after, q:before, q:after { content:""; }

/*--------------------------------------------------
--------------- Structure [START] ------------------
----------------------------------------------------*/

* { margin:0px; padding:0px; }

body#playerPage { font-family:arial, verdana, sans-serif; 
                  color:rgb(65,65,65); 
                  background: #242323 url(designImages/player.gif) top left no-repeat; }
                  
body#commentsPage { background:rgb(36,35,35); }

body#videoSidebar { background: #242323 url(designImages/sidePanel_bg.jpg) top left no-repeat; }

img { border:none; outline:none; }

/*--------------------------------------------------
--------------- Typography [START] -----------------
----------------------------------------------------*/

em { font-weight:bold; }
ul, ol { list-style-type:none; }
small, .small { font-size:0.85em; }
small a, .small a { font-size:1em; font-weight:bold; }
input, textarea { margin:0 0 7px 0; }

/*--------------------------------------------------
--------------- Links [START] ----------------------
----------------------------------------------------*/

a { text-decoration:none; color:rgb(255,0,0); }
a:hover { text-decoration:underline; }
a:visited { }

/*** Player Controls Styling ***/
#playerPage ul { width:32px; position:relative; top:95px; left:15px; }
#playerPage ul li { margin:0 0 10px 0; }
#playerControls { position:relative; top:126px; left:88px; }
.volumeControls { margin:0 0 0 15px; }

/*** Comments Styling ***/
#commentsContainer { width:677px; background:url(designImages/commentsMain_bg.gif); }

#commentsContainer h3 { background:url(designImages/commentsTop_bg.gif) top right no-repeat; 
                        padding:10px 0 10px 10px; 
                        color:rgb(180,180,180); }
                        
#commentsContainerCloser { background:url(designImages/commentsCloser_bg.gif) bottom right no-repeat; height:75px; }

/*** Video Page Sidebar ***/
#chapterContainer { background:url(designImages/chaptersContainer_bg.jpg) top left no-repeat; 
                    width:248px;
                    height:604px; 
                    margin-left:7px; /* changes or ie6 */
                    float:left; }
                    
#embedContainer { width:248px;
                  height:177px;
                  margin-left:7px; }
                  
#embedContainer #tagLink { float:right; margin:9px 2px 0 0; }
#embedContainer #rssLink { color:rgb(65,65,65); }
#embedContainer #rssLink:hover { text-decoration:none; }
#embedContainer #rssLink img { margin:15px 5px 0 0; position:relative; top:6px; }
#embedContainer form table { margin:10px 0 0 0; }
#embedContainer form table tr td { vertical-align:top; }
#embedContainer form table tr#embed td p,
#embedContainer form table tr#URL td p { margin:4px 4px 0 0; float:right; }
#embedContainer form table tr td input { padding:2px 0; }
                  
ul#chapters { margin:0 5px; padding-top:35px; font-size:10px; }
ul#chapters li img { float:left; margin:7px 5px 7px 0; }
ul#chapters li h3 a { font-size:12px; text-decoration:underline; color:rgb(65,65,65); }
ul#chapters li { clear:both; margin:3px 7px; }

#chapterControls { clear:both; position:relative; top:-27px; margin-left:7px; } /* changes or ie6 */
#chapterControls a img { margin-right:-4px; }