/* quantumjelly.com Box Styles
 * 
*/

/* box style */

	
	.box, .box-2, .box-3 {
		margin-top: 15px;
		float: left;
	}


	.box-top {
		width: 310px;
		height: 5px;
		background: url(/skinimages/quantumjelly/box_top.png) no-repeat top;
		/*float: left;*/
		overflow: hidden;
	}
	
	
	.box-center {
		width: 310px;
		float: left;	
		background: url(/skinimages/quantumjelly/box_content_bg.png) repeat-y top;
	}
	
		.box-content-container {
			padding: 0px 5px;
			width: 300px;
			float: left;
		}
		
			.box-content {
					background: #f2f2f2;
					float: left;		
			}
			
				.box-padding {
					background: #f2f2f2 url/skinimages/quantumjelly/box_content.png) repeat-x top;
					padding: 20px 20px;
					padding-bottom: 20px;	
					padding-top: 0px;
					float: left;
					width: 260px;
				}
				
				
				.box-padding p  {
					padding-top: 20px;	
					margin: 0px;
					clear: both;	
				}
				
				.box-padding h2, .box-padding h3  {
					background: url(/skinimages/quantumjelly/h2_bottom.gif) repeat-x bottom;
					margin-top: 0px;
					margin-bottom: 7px;
					padding-bottom: 7px;
					padding-top: 11px;
					margin-top: 10px;
					margin-bottom: 0;
				}
				
				.box-padding .posted {
					background-color: #5588bb;
					border: 1px #337799 solid;
					padding-left: 10px;
					font-size: 11px;
					margin-top: 20px;
					color: #fff;
					font-weight: bold;
				}
				
				.box-header, .box-2-header, .box-3-header {
					clear: both;
					width: 300px; /* let's take off 10px for the box-border giving us 300px */
					float: left;
					height: 45px;
					background: url(/skinimages/quantumjelly/box_header.png) repeat-x top;
					
				}
				.box-header h2, .box-2-header h2, .box-3-header h2 {
					margin: 0;
					padding-top: 11px;
					padding-left: 10px;
					font-size: 20px;
					font-family: "Lucida Grande",sans-serif;
				}
				
						
				.box-content .box-padding img{
					display: block;
				}
				
				.box-prefooter {
					color: #888;
					font-size: 12px;
				}
				
				.box-prefooter-padding {
					float: left;
					padding: 0px 20px;
					padding-bottom: 10px;
				}
				
				.box-footer {
					width: 100%;
					height: 44px;
					background: url(/skinimages/quantumjelly/box_footer.gif) repeat-x top;
					font-weight: bold;
					font-size: 11px;
					float: left;
					line-height: 26px;

				}
				
					.box-footer-padding {
						padding: 10px 8px;
					}
					
					.box-footer .comments {
						background: url(/skinimages/quantumjelly/comments.png) no-repeat left top;
						padding-left: 9px;
					}
					
					.box-footer .comments a {
						color: #999;
					}
					
					.box-footer .comments span {
						padding-left: 15px;
						color: #888;
					}
					
					.box-footer .post {				
						margin-left: 20px;
					}
					
					.box-footer .post .button, .box-footer .post .button-light {
						margin-right: 0;
					}
	
	
	.box-bottom  {
		width: 310px;
		height: 5px;
		background: url(/skinimages/quantumjelly/box_bottom.png) no-repeat top;
		/*float: left;*/
		overflow:hidden;
	}
	
	/* larger box  */
	
	.box-2 .box-top {
		width: 635px;
		background: url(/skinimages/quantumjelly/box_2_top.png) no-repeat top;
	}
	
	.box-2 .box-center {
		width: 635px;
		float: left;	
		background: url(/skinimages/quantumjelly/box_2_content_bg.png) repeat-y top;
	}
	
	.box-2 .box-header {
		width: 625px;
	}				
	
	.box-2 .box-content-container  {
		width: 625px; 
	}
	
	.box-2 .box-content {
		width: 625px; 
	}
	
		.box-2 .box-padding  {
			width: 585px; 
		}
	
	.box-2 .box-bottom  {
		width: 635px;
		background: url(/skinimages/quantumjelly/box_2_bottom.png) no-repeat top;
	}
	
	/* largest box */
	
	
	.box-3 .box-top {
		width: 960px;
		background: url(/skinimages/quantumjelly/box_3_top.png) no-repeat top;
	}
	
	.box-3 .box-center {
		width: 960px;
		float: left;	
		background: url(/skinimages/quantumjelly/box_3_content_bg.png) repeat-y top;
	}
	
	.box-3 .box-header {
		width: 950px;
	}				
	
	.box-3 .box-content-container  {
		width: 950px; 
	}
	
	.box-3 .box-content {
		width: 950px; 
	}
	
		.box-3 .box-padding  {
			width: 910px; 
		}
	
	.box-3 .box-bottom  {
		width: 960px;
		background: url(/skinimages/quantumjelly/box_3_bottom.png) no-repeat top;
	}