/*
side-matter.css
Version 0.9

Plugin: Side Matter
Author: Christopher Setzer
URI: http://wordpress.org/extend/plugins/side-matter/
License: GPLv2
*/

/*
As of version 0.9, Side Matter's options menu features a color picker for setting note text and figures in custom colors. For many users, this will obviate the need to modify element styles using `side-matter.css` or a custom CSS plugin. For those who wish to make further changes, however, a guide to styling Side Matter elements with CSS may be found in `readme.txt` and online at <http://wordpress.org/extend/plugins/side-matter/other_notes/>.
*/

/* Default Side Matter rules. These carry low specificity weight, and are readily superseded by theme or user CSS. */
a.side-matter-ref:link,
a.side-matter-ref:visited,
a.side-matter-ref:hover,
a.side-matter-ref:active {
	text-decoration: none;
}

sup.side-matter-sup {
	position: relative;
	top: -0.5em;
	vertical-align: baseline;
	font-size: 0.75em;
	line-height: 0;
}

/* Selects all tags generated by Side Matter. Useful for toggling things like `display` or `visibility` when testing. */
.side-matter {
}

/* Selects the hyperlinks enclosing in-text reference numerals. Target a specific reference using its ID selector, e.g. `a#ref-5`. */
a.side-matter-ref {
}

/* Selects superscript tags enclosing in-text reference numerals. */
sup.side-matter-sup {
}

/* Selects the Side Matter widget. Widget can also be targeted using `div.side-matter`, but note that this will also target the `div.side-matter-text-` tags nested inside sidenote `li` tags. */
div.side-matter-widget {
}

/* Selects ordered list of sidenotes, including sidenote numerals. Note that this tag is not always enclosed in the Side Matter widget; it can also be generated using the custom action `side_matter_list_notes`. */
ol.side-matter-list {
}

/* Selects sidenotes within ordered list, including their numerals. Target a specific sidenote using the note's ID selector, e.g. `li#note-6`. */
li.side-matter-note {
}

/* Selects sidenote text only, not list numerals. Use this to style sidenote text on its own. (This replaces the `span.side-matter` tag used in earlier versions of the plugin.) */
div.side-matter-text {
}

/* Selects all sidenote paragraph tags. All sidenote text is wrapped in `p` tags by WordPress's built-in `wpautop` function. Useful for custom indents, although the above `div.side-matter-text` should be used when styling text color, font, etc. Note that because they are generated by WP outside of the plugin, these `p` tags cannot be selected using the class `side-matter`; they must be selected using specificity, as below. */
li.side-matter-note > div.side-matter-text > p {
}