/*
side-matter.css
Version 0.7

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

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

/* Selects the hyperlinks enclosing in-text reference numerals. Target a specific reference link by appending its number, e.g. `a.side-matter-ref-5`. */
a.side-matter-ref:link,
a.side-matter-ref:visited,
a.side-matter-ref:active,
a.side-matter-ref:hover {
	text-decoration: none;
	color: inherit;
}

/* Selects superscript tags enclosing in-text reference numerals. Target a specific element by appending `sup.side-matter-sup-` with its number, e.g. `sup.side-matter-sup-3`. */
a.side-matter-ref > 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. List can also be targeted using `ol.side-matter`. 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-ol {
	list-style-type: decimal !important; /* Do not change; prevents interference by themes and resets */
}

/* Selects sidenotes within ordered list, including their numerals. Target a specific sidenote by appending `li.side-matter-li-` with the sidenote number, e.g. `li.side-matter-li-6`. */
ol.side-matter-ol > li.side-matter-li {
}

/* Selects the anchor tags used to target each sidenote by its corresponding in-text reference hyperlink. These `a` tags contain no content, and serve only as anchors; styling them is unnecessary. If styling is needed, a specific anchor may be targeted by appending its number, e.g. `a.side-matter-note-4`. */
ol.side-matter-ol > li.side-matter-li > a.side-matter-note {
	display: none !important; /* Do not change; corrects spacing issue in some browsers */
}

/* Selects sidenote text only (but not list numerals). Use this to style sidenote text separately from sidenote numerals. Helpful for rendering numerals in a different color or typeface. Target the text of a specific sidenote by appending `div.side-matter-text-` with the sidenote number, e.g. `div.side-matter-text-2`. (This replaces the `span.side-matter` tag used in earlier versions.) */
ol.side-matter-ol > li.side-matter-li > 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. */
ol.side-matter-ol > li.side-matter-li > div.side-matter-text > p {
}