
ul#watch {
    display: block;
    list-style: none;
    width: 277px;
    float: left;
    margin-bottom: 20px;
}

ul#watch li {
    list-style: none;
    display: block;
    clear: both;
}

ul#watch li a {
    font-size: 0.8em;
    text-decoration: none;
    float:left;
    width:304px;
    color:#222;
    /*font-family:georgia, serif;*/
    font-size:11px;
}

ul#watch li a img {
    float:left;
    margin:0 4px 0 1px;
}

ul#watch li a.title:link,
ul#watch li a.title:visited {
    display: block;
    padding: 3px 2px;
    color: #222;
    background-color: transparent;
    border: 1px transparent solid;
    /*font-family:georgia, serif;*/
    margin: 5px 0;
}

ul#watch li a.title:hover,
ul#watch li a.title:visited:hover {
    text-decoration:underline;
}

ul#watch li a.title:active,
ul#watch li a.title:visited:active {
    /*color: #222;*/
    /*background-color: #d6e0f2;*/
    /*border: 1px solid #eee;*/
}

/* only the current video will show these */
ul#watch li div.share,
ul#watch li div.download,
ul#watch li p.description {
    display: none;
    clear:both;
    padding-top:4px;
}

ul#watch li div p {
    font-size: 0.7em;
}

ul#watch li#currentItem p {
    font-size: 0.7em;
}

ul#watch li div.share {
    float: left;
    width: 30%;
    float: left;
}

ul#watch li div.download {
    float: left;
    margin-left:1px;
}

ul#watch li div.download a {
    float:none;
    margin-right:12px;
    display:inline !important;
    font-size:.9em !important;
}

ul#watch li p.description {
    margin-bottom: 10px;
}

/* this is the current video */
ul#watch li#currentItem {
    /*background-color: #fefefe;*/
    /*border: 1px solid #eee;*/
}

ul#watch li#currentItem div.share,
ul#watch li#currentItem div.download,
ul#watch li#currentItem p.description {
    display: block;
    color:#122d4e;
    /*padding-left:38px;*/
    padding:0 3px;
}

    ul#watch li#currentItem p.description {

    }

/* make the current video title look different (not like a hover-link) */
ul#watch li#currentItem a {
 float: left;
    /*padding: 0 2px 15px 2px;*/
    /*margin: 5px 0;*/
    margin:5px 0;
padding:3px 2px;
    color:#222;
    /*background:#d6e0f2*//* url(../images/vid_select.gif) bottom left repeat-x*/;
    background: transparent;
    /*border: 1px solid #eee;*/
      /*font-family:georgia, serif;*/
      text-decoration:none;
    /*background:#d6e0f2 url(../images/vid_select.gif) bottom left repeat-x;  */
}

    ul#watch li#currentItem a:hover {
        /*float: left;*/
        /*padding: 0 2px 15px 2px;*/
        
        /*background:#d6e0f2*//* url(../images/vid_select.gif) bottom left repeat-x*/;
        /*background-color: #fefefe;*/
        /*border: 1px solid #eee;*/
        /*background:#d6e0f2 url(../images/vid_select.gif) bottom left repeat-x;  */
    }

/* share & embed links */
ul#watch li#currentItem div a:link,
ul#watch li#currentItem div a:active,
ul#watch li#currentItem div a:visited {
    display: block;
    font-size: 0.7em;
    font-weight: normal;
    text-decoration: none;
}

ul#watch li#currentItem div a:hover,
ul#watch li#currentItem div a:active:hover,
ul#watch li#currentItem div a:visited:hover {
    text-decoration: none;
}