/* 
	Deviantart's Rounded Corners Tutorial
	by Ignacio Ricci (The CSS Blog)
*/


	* {margin:0; padding:0;}
	
		

			/* The Box */
			.cornerBox {width:600px; margin:50px auto;}
				.cornerBox-content {padding:20px;}
			
			/* The Corners */
			.c, .c span {height:1px;}	
				.c span {display:block; overflow:hidden;}
				/* borders */
				.cornerBox-content,
				.c span {border-left:1px solid; border-right:1px solid;}
						
			
			/* Change margins to change the curve (If the curve is bigger you'll probably need more elements) */
			.t1, .b6 {margin:0 7px;}
			.t2, .b5 {margin:0 5px;}
			.t3, .b4 {margin:0 3px;}
			.t4, .b3 {margin:0 2px;}
			.t5, .b2 {margin:0 2px;}
			.t6, .b1 {margin:0 1px;}
				.t1 span {border-top:1px solid;}
				.b6 span {border-bottom:1px solid;}
					
			/* GO CRAZY JUST BY CHANGING SOME LINES (be creative) */
			
			/* Box 1 */
			#cBox1 .cornerBox-content,
			#cBox1 .c span {background:#FFF; border-color:#BED2CD;}
			
			/* Box 2 */
			#cBox2 .cornerBox-content,
			#cBox2 .c span {background:#728776; border-color:#4E6257; color:#FFF;}
			
			/* Box 3 */
			#cBox3 .cornerBox-content,
			#cBox3 .c span {border-color:#728776;}			
			#cBox3 .t span {background:#C5D3C3;}
			#cBox3 .b span {background:#B2C3B0;}		
			#cBox3 .cornerBox-content {color:#333F35; background:#B1C3B0 url(../images/box3.png) repeat-x 0 0;}