/**
 * http://www.videosift.com/css/charter.css
 *
 * For customization of your personal charter profile, save your style code
 * changes into a separate file and upload that to the server in the charter
 * section of your account preferences. It is best to upload a file
 * containing only your changes and not everything contained below as anything
 * not defined in your styles is already defined in the site's default styles.
 *
 * Revision History:
 *
 *  Lucky - 24-Jul-07
 *    Initial Release
 *  Lucky - 12-Jan-08
 *    Added "color" attribute to .votebox for v3.1
 */

/******************************************************************************
 * THEME COLORS
 * (These are the most obvious colors that compose the theme of a page.)
 ******************************************************************************/

/* all links on a page */
a { color: #00A3D7; }
/* video votebox and header link bar and active tab */
.active { color: #fff; background: #88C3E1; }
/* inactive header tabs */
.inactive { color: #75C1E5; background: #E3F2F9; }
/* highlighted sidebar panels */
.hilite { background: #E3F2F9; }
/* standard sidebar panels */
.lolite { background: #F0F0F0; }

/******************************************************************************
 * ENTIRE PAGE
 ******************************************************************************/

/* large title text (e.g., username, "Comments", etc.) */
.title { color: #666; font-size: 1.5em; font-family: Helvetica, Sans-Serif; }
/* smaller text usually below .title with a dotted underline */
.subtitle { font-size: 1.1em; border-bottom: 1px dotted #666; font-family: Helvetica, Sans-Serif; }

/* container for all content in the primary part of the page, that is, all
 * main content except for the page sidebar */
#main-body { }

/* container for the main contents of the page (e.g., profile display, video
 * listing, playlist listing, etc.) */
.contents { background: #F0F0F0; }

/* similar to .contents except this container is presumed to be bordered on its
 * top and bottom with the pagination bars. */
.paged-contents { border-color: #F0F0F0; background: #fff; }

/* container for footer text at the very bottom of every page */
#footer { color: #666; }

/******************************************************************************
 * PAGE SIDEBAR
 ******************************************************************************/

/* container for any/all sidebar panels */
#sidebar { }
/* individual sidebar container with a specific set of related data */
#sidebar .panel { }
/* title text normally at the top of a sidebar panel */
#sidebar .panel .title { font-weight: bold; color: #666; }
/* any thumbnail image used in a sidebar panel listing */
#sidebar .panel .thumb { }
/* user avatar thumbnail image used in sidebar panel listing */
#sidebar .panel .thumb.user { }
/* video thumbnail image used in sidebar panel listing */
#sidebar .panel .thumb.video { }

/******************************************************************************
 * PROFILE PAGE
 ******************************************************************************/

/* container holding the avatar in the profile display */
.profile-avatar { }
/* text labels used beside each bit of info in info/stat listings */
#main-profile .label,
  #profile-stats .label,
  #sub-profile .label { color: #666; }
/* container of the "Bio" contents in the upper part of the profile display */
#main-profile .bio { }
/* container in the lower part of the profile display (below avatar, if any)
 * with listing of miscellaneous personal information */
#sub-profile { }
/* container in the "Member Stats" sidebar panel holding the stats listing */
#profile-stats { }

/******************************************************************************
 * PAGINATION HEADER/FOOTER
 * (used above/below .paged-contents for multi-paged listings)
 ******************************************************************************/
 
/* entire container that is as wide as the primary contents */
.pager { }
/* any bit of text contained in the pager (page number, prev/next arrow, etc.) */
.pager span { }
/* non-linked text (e.g., disabled next/prev arrow) */
.pager .pager_text { color: #aaa; }
/* linked text (page number, prev/next arrow, etc.) */
.pager a:hover .pager_link { color: #fff; background: #CACACA; }

/******************************************************************************
 * PLAYLISTS
 ******************************************************************************/

/* container used to hold (usually paginated) listings of multiple playlists */
#pllist { }
/* container displaying summary of playlist properties used in listings and as a header for full playlist display */
.playlist { }
/* narrow side panel within playlist summary */
.playlist-sidepanel { }
/* body of playlist summary text beside its side panel */
.playlist-body { }
/* owner-supplied description of playlist displayed last in playlist summary */
.playlist-summary { }

/******************************************************************************
 * COMMENTS
 ******************************************************************************/

/* container with listing of multiple existing comments */
#comments { }
/* container for all bits of an individual comment */
.comment { }
/* container for body of a comment (text and user avatar) */
.comment-body { background: #F7F7F7; }
/* user avatar image contained in comment body */
.comment-avatar { }
/* line containing information below a comment (author, submit date, etc.) */
.comment-info { }
/* each individual comment "thumb vote" link in line below .comment-info */
.thumbvotes a { }
/* unicode star shown for applauded comments */
.comment-star { color: #75C0E7; }

/* container for entire "new comment" form area including title and preview */
#addcomment { }
/* container listing possible invocations for use in the comment */
#addcomment div#invocations { }
/* these compose the frame and title around the comment form */
#addcomment fieldset { }
#addcomment legend { }
/* actual form element itself which contains the text area and submit button */
#addcomment form { }
/* the text area in which the new comment text is entered */
#addcomment textarea { }
/* container displaying real-time preview of the new comment */
#comment-pv { }

/******************************************************************************
 * VIDEO AND SIFT TALK POSTS
 ******************************************************************************/

/**
 * POSTS (VIDEOS AND TALK)
 */
/* container holding all pieces of a post (title, sidebar, video, etc.) */
.postcontainer { }
/* sidebar with e.g., vote box, channels, etc. beside actual post contents */
.post-sidebar { }
/* container for all actual post contents beside the post sidebar */
.post { }
/* container of the large post title text link */
.post-title { }
/* text displaying age (how long ago) post was submitted */
.timeago { }
/* container holding list of linked tags for the post (videos only) */
.post-tags { }
/* the container for "tool" links immediately below post contents */
.post-linkbar { }
/* one tool link in the link bar */
.post-linkbar div { }
/* all tool links have a right border except for the last for aesthetics */
.post-linkbar div.last { }
/* generic (usually empty) container after linkbar; used for dynamic content */
.post-popup { background: #fafafa; border: 1px solid #666; }
/* the summary text associated with a video (videos only) */
.post-summary { }
/* container for video embed (videos only) */
.post-embed { }
/* the text contents of a talk post (talk only) */
.talk-body { }

/**
 * VIDEO VOTEBOX
 */
/* central container for votebox - color added as of v3.1 */
.votebox { color: #00A3D7; }
/* current number of votes displayed in center of votebox */
.votebox .numvotes { }
/* small container at bottom of votebox displayed when showing "vote cast" */
.votecast { }
/* text container used within the container to display the "vote cast" text */
.votecast div { }
/* an up or down button above or below the central votebox body */
.votebtn { }
/* the upper vote button requires a little adjustment for aesthetics */
a.voteup { }