Restructure style related class organization.

src/paper.js

@@ -65,7 +65,6 @@ var paper = new function() {
 /*#*/ include('item/PlacedItem.js');
 /*#*/ include('item/Raster.js');
 /*#*/ include('item/PlacedSymbol.js');
-/*#*/ include('item/Style.js');
 /*#*/ include('item/HitResult.js');
 
 /*#*/ include('path/Segment.js');
@@ -82,9 +81,10 @@ var paper = new function() {
 /*#*/ include('text/TextItem.js');
 /*#*/ include('text/PointText.js');
 
-/*#*/ include('color/Color.js');
-/*#*/ include('color/Gradient.js');
-/*#*/ include('color/GradientStop.js');
+/*#*/ include('style/Style.js');
+/*#*/ include('style/Color.js');
+/*#*/ include('style/Gradient.js');
+/*#*/ include('style/GradientStop.js');
 
 /*#*/ if (options.browser) {
 /*#*/ include('browser/DomElement.js');

src/style/Color.js

@@ -416,7 +416,7 @@ var Color = this.Color = Base.extend(new function() {
 		/**
 		 * Creates a HSL Color object
 		 *
-		 * @name HSL Color#initialize
+		 * @name Color#initialize
 		 * @param {Number} hue the hue of the color as a value in degrees between
 		 * {@code 0} and {@code 360}.
 		 * @param {Number} saturation the saturation of the color as a value

src/style/Gradient.js

@@ -18,6 +18,7 @@
 var Gradient = this.Gradient = Base.extend(/** @lends Gradient# */{
 	_class: 'Gradient',
 
+	// DOCS: Document #initialize()
 	initialize: function(stops, radial) {
 		// Define this Gradient's unique id.
 		this._id = ++Base._uid;
@@ -111,6 +112,12 @@ var Gradient = this.Gradient = Base.extend(/** @lends Gradient# */{
 		this._changed();
 	},
 
+	/**
+	 * Specifies whether the gradient is radial or linear.
+	 *
+	 * @type Boolean
+	 * @bean
+	 */
 	getRadial: function() {
 		return this._radial;
 	},

src/style/Style.js

@@ -394,7 +394,7 @@ var Style = this.Style = Base.extend(new function() {
 	 */
 
 	/**
-	 * {@grouptitle Character Style}
+	 * {@grouptitle Paragraph Style}
 	 *
 	 * The justification of text paragraphs.
 	 *