/* round_colors.css		-- vim:ts=2:sw=2

	 Copyright (c) 2007 Thomas Fee
	 Permission is hereby granted, free of charge, to any person to use this software
	 under the terms of the "MIT License" -- ref: http://www.opensource.org/licenses/mit-license.php
	 THE COPYRIGHT HOLDER ASSERTS THAT THIS SOFTWARE IS NOT FIT FOR ANY PURPOSE, EXCEPT BY ACCIDENT,
	 EVEN THOUGH THIS SOFTWARE IS DESIGNED FOR A PURPOSE.
	 THE USER ACCEPTS ALL LOSSES AND DAMAGES, DIRECT OR CONSEQUENTIAL, ARISING FROM THE USE OF THIS SOFTWARE.
	 THERE IS ABSOLUTELY NO WARRANTY, EXPRESSED OR IMPLIED.

	 Based on Nifty Corners By Alessandro Fulciniti -- http://www.html.it/articoli/nifty/index.html

	 Provides the following:

   - Group 1: Defines the CSS classes that are used secretly by MakeRound in round_colors.js (see that file for more information)
				The mnemonics are:
				-- _b -- The bounding box
				-- a, b, i, u -- The lines from top to bottom (at the top of the box) in ascending alphabetic order
				-- u, i, b, a -- The lines from top to bottom (at the bottom of the box), which occur in reversed order
				-- _c -- The container of the content

	 - Group 2: Defines the margins of the interior elements which are user-provided, so that they look decent relative to the box
				-- Note: You may have to add more HTML tags to the list (it depends on what you want to wrap in a rounded box)

	 Note 1: The shaping dimensions, e.g. margin:0 5px for the ".ROUND a" elements, are chosen
	 to give a 1px border the right look for a rounded corner. They would not work for a 2px border.
	 Hence, the border width using this technique is constrained to exactly 1px and so
	 the styling code in round_colors.js uses similarly hard-coded numbers.
	 It is not possible to parameterize the border width since the number of shaping elements, a b i and u, is fixed.
	 In other words, you can thicken the border if you alter the JavaScript code, but it would not look good (it would be chunky).

	 Similarly, trying to make the border dotted does not look good, either.

	 Note 2: The reason border:none is specified for the <a> element is because the user may target this tag with a style
	 such as border-bottom:dotted, overriding the default styling. Without a more specific setting, the user targetted style
	 will make the rounded border look quite bad.
*/

/* Group 1 */
.ROUND_b {margin-top: 0em; margin-bottom: 1em;}
.ROUND a {display:block; overflow:hidden; height:1px; margin:0 5px; border:none;}
.ROUND b {display:block; overflow:hidden; height:1px; margin:0 3px; border-width:0 2px;}
.ROUND i {display:block; overflow:hidden; height:1px; margin:0 2px;}
.ROUND u {display:block; overflow:hidden; height:2px; margin:0 1px;}
.ROUND_c {display:block; border-width:0 1px;}

/* Group 2 */
.ROUND_b h1,
.ROUND_b h2,
.ROUND_b h3,
.ROUND_b h4,
.ROUND_b p  {margin:0 6px;}