/* CSS Document */
		.border {
			border: #000 1px solid;
			border-collapse: collapse;	
		}
		.hidden {
			display:none;	
		}
		.box {
			width: 718px;
			min-height: 670px;
			background: #fff;
			margin-top: -130px;
		}
		#page {
			text-align:left;
			color:#000;	
		}
		#page #photo {
			width: 200px;
			height: 140px;
			background: url(../img/britton/photo.jpg) no-repeat #93F;
			float: right;
		}
          html, body {
            height: 100%;
			margin:0;
			padding:0;
          }
		  body.parent { background: #FFF url(../img/backgrounds/bkg_grid.jpg);}
		  #shop iframe {
				width: 1000px;  
				height: 680px;
				margin-top: -130px;
		  }
          #wrapper, .wrapper {
			  margin: 0 auto 0 auto;
			  width: 1000px;
          }
          #subwrapper, .subwrapper {
			  margin: 0 auto 0 auto;
			  width: 800px;
          }
		  #inner {
			width: 1000px;
			min-height: 855px;
			text-align:center;
			background: url(../img/gradient.png) repeat-x #fff;
			margin:0; padding:0;
			padding-bottom: 36px;
		  }
		  #content {
			width: 1000px;
			float:left;
			text-align:center;
			color:#FFF;
			border-left: #000 1px solid;
			border-right: #000 1px solid;
			border-collapse: collapse;
		  }
		  #header {
			width: 100%;
			height: 100px;
			text-align:center;
		  }
		  #footer {
			min-height: 50px;
			border-top: #000 1px solid;
			font-size:15px;
			font-weight: bold;
			color: #000;
		  }
		  #footer #links ul { 
			list-style-type: none; 
			margin: 0; 
			padding: 0; 
		  } 
		  #footer #links li {
			float: left;
			margin-left: 5px;
			display: list-item;
			cursor: pointer;
		  }
// hover = underline
		  #footer #links li:hover {
			text-decoration:underline;
		  }
/* PIPE AFTER EACH LI */
		  #footer #links li:after {
			content: "\0020 \0020 \0020 \7C \0020";  
		  }
		  #footer #links li:first-letter {
			font-size:16px;
		  }
/* END */
		  #footer #copyright {
			float: right;
			display: inline;
			height: 20px;
			line-height: 20px;
			padding-right: 20px;
			text-transform:uppercase;
		  }
		  #footer #maker {
			padding-top: 5px;
		  }
		  .pattern {
			background-color:#818284;
		  }
			/* EMPTY BOX */
		#empty {
		  	width: 800px;
			height: 150px;
			margin: 0 auto 0 auto;
			border:#bdbcbc solid 2px;
			-webkit-box-shadow: inset 0px 0px 2px 2px rgba(210, 210, 210, 1);
			box-shadow: inset 0px 0px 2px 2px rgba(210, 210, 210, 1); 
			border-collapse: collapse;
			padding: 0px 40px 80px 40px;
/*			background: #fff;*/
		}
		#interactive {
			width: 735px;
			height: 406px;
			margin: 0 auto 0 auto;
		}
		#logo {
			margin: -135px 0 0 0;
			height: 200px;
			position:relative;
		}
		#logo img {
			margin: 0;
			padding: 0;
			position: absolute;
			cursor: pointer;
		}
		#invisible {
/*			border: #7e7c7d solid 1px;
			height: 202px;
			border-collapse:collapse;*/
/*			background: #e7e7e8;*/
			
		}
		.beautiful {
			-webkit-box-shadow: inset 0px 0px 2px 2px rgba(233, 233, 233, 1);
			box-shadow: inset 0px 0px 2px 2px rgba(233, 233, 233, 1); 
			border:#bdbcbc solid 1px;
			border-collapse: collapse;
			padding: 40px 40px 40px 40px;
		}
			/* END EMPTY BOX */
		  /* BLOG */
		  #blog {
			margin: 0 auto 0 auto;
			padding-top: 36px;
/*			padding: 40px 40px 40px 40px;*/
		  	width: 800px;/* 800px */
			height: auto;
		  }
		  #blog .right {
			  float: right;
			width: 300px;
		  }
		  #blog .left {
			float: left;  
			width: 300px;
		  }
		  #blog .clear {
			clear: both;  
		  }
		  #blog .post {
			text-align: left;
			min-height: 208px;
/*			border:#000 1px solid;
			border-collapse:collapse;*/
			color:#000;
			margin-bottom: 36px;
		  }
		  #blog *.title {
			font-family:"Courier New", Courier, monospace;
			font-size: 18px;
			font-style:italic;
			font-weight:bold;  
		  }
		  #blog hr {
			color: #b4b4b4;
			background-color: #b4b4b4;
			width: 80%;
			height:1px;
			border:none;
		  }
		  #blog .description img {
			width: 75px;
			height: 75px;
			margin-right: 10px;
			border: #000 solid 1px;
			border-collapse:collapse;
			float: left;
		  }
		  .shortened {
			height: 150px;
			overflow: hidden;
		  }
		  .full {
			overflow: visible;
		  }
		  #blog .description p {
			font-family:Verdana, Geneva, sans-serif;
			text-align: left;
			margin: 0;
			padding: 0;
		  }
		  #blog .timestamp {
			text-align: center;
			vertical-align: middle;
			font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
			font-size: 12px;
			font-style:italic;
			color: #999;
		  }
		  #blog .read {
			float:right;  
			padding-top: 8px;
			padding-bottom: 8px;
		  }
		  #blog .read span {
			font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
			font-size: 12px;
			font-style:italic;
			color: #666;
			text-decoration:none;
			cursor: pointer;
		  }
		  #blog .read span:hover {
			text-decoration:underline;
		  }
			.share {
			float:left;
			padding-top: 8px;
			padding-bottom: 8px;
		  }
			.share * {
			margin: 0;
			padding: 0;
		  }
		  .share span {
			  float:left;
			font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
			font-size: 12px;
			font-style:italic;
			color: #666;			  
		  }
		  .share a:hover {
			text-decoration: underline; 
		  }
		  .share ul {
			  list-style-type:none;
			  display: inline;
			  height: 16px;
		  }
		  .share li {
			display:list-item;
			float:left;
			margin-right: 5px;
			cursor:pointer;
		  }
		  #menu {
/*			display: inline;*/
		  }
		  #menu a {
			margin: 0px;
			margin-left:-4px;
			padding: 0px;
			display: inline-block;
			width: 71px;
			height: 42px;
			background: url('../img/menu/1.png') bottom;
		  }
		  #menu a:hover {
			background-position: 0 0;
		  }
		  #menu a.on {
			background-position: 0 0;
		  }
		  #header #stumbleupon {
			margin-top: 20px;
			margin-left: 10px;
			float: left;
		  }
		  #header #facebook {
			margin-top: 20px;
			margin-right: 10px;
			float: right;
		  }

/* Center Anything: */
		div.centering {
			min-height: 80px;
		}
		.centering {
			width: 100%;
			text-align: center;	
		}