/* plugin:box */
div.box {
  width: 30%;
  margin: 4px auto;
  border: none;
  padding: 4px;
}

div.box p {
	margin: 0;
}

/* rounded corners styles from Stu Nicholls snazzy borders, http://www.cssplay.co.uk/boxes/snazzy.html */
.xtop, .xbottom {background:transparent; font-size:0; line-height: 1px;}
.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden; border-style: solid;}
.xb2, .xb3 {height:1px;}
.xb2, .xb3, .xb4 {border-width:0 1px;}
.xb1 {height: 0; margin:0 5px; border-width:1px 0 0 0;}
.xb2 {margin:0 3px; border-width:0 2px;}
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}

div.box .xtop, div.box .xbottom {display: none;}
div.box.round .xtop, div.box.round .xbottom {display: block;}

div.box.round { border: none; padding: 0;}
div.box.round .xbox {display:block; border-width:0 1px; border-style: solid; padding: 0 4px; }

/* title & caption */
div.box div.box_title, div.box div.box_caption {
  font-size: 90%;
  margin: 0;
  padding: 2px 6px;
  line-height: 1.2em;
}

div.box div.box_title { margin-bottom: 4px;}
div.box div.box_caption { margin-top: 4px;}


/* content */
div.box .box_content {
  margin: 0;
  padding: 0 6px;
  border: none;
  line-height: 1.2em;
}

/* Compact */
div.box.compact {
	padding: 0;
}
div.box.compact div,
div.box.compact img {
  padding: 0 !important;
  margin: 0 !important;
}


/******** floating alignment ********/

div.box.left {
  float: left;
  margin-right: 15px;
}
 
div.box.right {
  float: right;
  margin-left: 15px;
}

/******** default ********/
div.box,
div.box .box_content,
div.box .xbox,
div.box .xb1,
div.box .xb2,
div.box .xb3,
div.box .xb4 {
	/* Complete box*/
  
}
div.box,
div.box .xbox,
div.box .xb1,
div.box .xb2,
div.box .xb3,
div.box .xb4 {
	/* Container (outer-most) box */
}

div.box div.box_title,
div.box div.box_caption {
	/* Title & Caption */
	background: #b5dabf;
}
div.box .box_content {
	/* Box content */
	font-size: 140%;
}
/******** colours ********/

/* blue */
div.box.blue, div.box.blue .box_content, div.box.blue .xbox, 
div.box.blue .xb1, div.box.blue .xb2, div.box.blue .xb3, div.box.blue .xb4 {
  border-color:  #bbbbdd;
}

div.box.blue, div.box.blue .xbox, 
div.box.blue .xb1, div.box.blue .xb2, div.box.blue .xb3, div.box.blue .xb4 {
  background: #e4ecf8;
}

div.box.blue div.box_title, div.box.blue div.box_caption {background: #cad0ee;}
div.box.blue .box_content {background: #f4f8fd;}

/* red */
div.box.red, div.box.red .box_content, div.box.red .xbox, 
div.box.red .xb1, div.box.red .xb2, div.box.red .xb3, div.box.red .xb4 {
  border-color:  #ddbbbb;
}

div.box.red, div.box.red .xbox, 
div.box.red .xb1, div.box.red .xb2, div.box.red .xb3, div.box.red .xb4 {
  background: #f8ece4;
}

div.box.red div.box_title, div.box.red div.box_caption {background: #eed0ca;}
div.box.red .box_content {background: #fdf4ec;}

/* green */
div.box.green, div.box.green .box_content, div.box.green .xbox, 
div.box.green .xb1, div.box.green .xb2, div.box.green .xb3, div.box.green .xb4 {
  border-color:  #bbddbb;
}

div.box.green, div.box.green .xbox, 
div.box.green .xb1, div.box.green .xb2, div.box.green .xb3, div.box.green .xb4 {
  background: #e4f8f2;
}

div.box.green div.box_title, div.box.green div.box_caption {background: #c4e4d4;}
div.box.green .box_content {background: #ecfaf6;}

/* orange */
div.box.orange, div.box.orange .box_content, div.box.orange .xbox, 
div.box.orange .xb1, div.box.orange .xb2, div.box.orange .xb3, div.box.orange .xb4 {
  border-color:  #da3;
}

div.box.orange, div.box.orange .xbox, 
div.box.orange .xb1, div.box.orange .xb2, div.box.orange .xb3, div.box.orange .xb4 {
  background: #f4e8ca;
}

div.box.orange div.box_title, div.box.orange div.box_caption {background: #f0d499;}
div.box.orange .box_content {background: #f8f0da;}

/* sqaure */
div.box.square {
	border: 1px solid #000;
}


/* must come last to override coloured background when using rounded corners */

div.box.round {
  background: transparent !important;
  margin-bottom: 4px;
  margin-top: 4px;
}

/* end plugin:box */