/**
 * Spanky Corners -- CSS Rounded Corners by SitePoint
 *
 * Auto generated code by SitePoint.com
 * Details @ http://tools.sitepoint.com/spanky/
 * @version 1.0
 */

body {
  background-color: #003300;
  color: #dddddd;
  font-size:92.5%;
 /* Align pixels with ems - http://www.clagnut.com/blog/348/ */
}
div.rounded {
  background: #006600 url(http://www.casasarroyo.org/images/bl_18_006600_003300.gif) no-repeat  bottom left;
  color: #dddddd;
  position: relative;
  padding-top: 0;
  padding-bottom: 18px;
  margin: 1em 10px 0 0 ;
  height:100%
}
/* every element within 'div.rounded' gets the B-R corner */
div.rounded * {
  background: #006600 url(http://www.casasarroyo.org/images/br_18_006600_003300.gif) no-repeat  bottom right;
  color: #dddddd;
  padding: 1em 2em 18px 18px;
  margin: 0 0 -18px 18px;
  height:100%;
}

/* Scrub that B-R corner from all elements *2 or more* levels deep*/
div.rounded * * {
  padding: 0;
  margin: 0;
  background: none;
  color: #dddddd;
  height:auto
}

/* Set up some H's as 'box heads' with the T-R and T-L corners */

div.rounded h1, div.rounded h3, div.rounded h6 {
/*  color: #003300;  */
  background: #006600 url(http://www.casasarroyo.org/images/tr_18_006600_003300.gif) no-repeat top right;;
  display: list-item;
  list-style-image: url(http://www.casasarroyo.org/images/tlc_18_006600_003300.gif);
  list-style-position: inside;
  list-style-type:none;
  padding: 0;
  margin: 0;
  position: relative;
}

div.rounded h1 {
	font-size: 3.2em;
}

div.rounded h3 {
	font-size: 2.4em;
}

div.rounded p {
	padding-top: -30px;
}
div.rounded h6 {
	font-size: 0.1em;
	padding-top: -18px;
	padding-bottom 0;
}

/* all curved boxes get the bottom-left corner */


/* just prettier links */
/* a:link { color:#3399FF } */
/* a:hover { color:#33CCFF } */
/* a:visited { color:#3399FF } */

/* reset some useful defaults on list items */
div.rounded * li {
  margin-left: 2em;
}