/* all those importants force the styles over the theme styles */
/* backgrounds for testing */
/* some shared styles to start with  - these are just stylistic */
.bileft .bipic, .biright .bipic, .bigallery .bipic, .bibig .bipic img
{
	background-color: #eee;
	border: 1px solid #ccc;
}

.bileft a:visited, .biright a:visited, .bigallery a:visited, .bibig  a:visited img
{
	background-color: #eee;
}

.bileft a:hover, .biright a:hover, .bigallery a:hover, .bibig  a:hover img
{
	background-color: #ddd;
}

.bileft, .biright
{
	padding: 0;
}

.bileft
{
	float: left;
	margin: 0 9px 7px 0 !important;
}

.biright
{
	float: right;
	margin: 0 5px 7px 8px !important;
}

.bileft .bipic, .biright .bipic
{
	margin: 0;
	display: block;
	height: auto;
	padding: 5px !important;
	text-align: left !important;
}

.bileft a:hover, .biright a:hover
{
	/*up top*/
}

.bileft .bipic img, .biright .bipic img
{
	max-width: none !important;
	border: 1px solid #333 !important;
	display: block !important;
	margin: 0 !important;
	padding: 0 !important;
}

.bileft .caption, .biright .caption
{
	/* NO position: relative; IN HERE */
	display: block;
	padding: 2px;
	margin: 0;
	font-size: 0.9em;
	line-height: 1.2em;
	border: none;
}

.bileft  .caption, .biright  .caption
{
	/* NO position: relative; IN HERE */
	display: block !important;
	margin: 0 !important;
	border: none !important;
	background: transparent !important;
}

.bileft a.caption:hover, .biright a.caption:hover
{
	margin: 0;
	border: none;
	background: #ddd !important;
}

.bigallery
{
	position: relative;
	clear: both;
	/*just testing */
}

.bigallery .bileft
{
	float: left;
	/* 91 + 9 = 100, yeah baby you're too good to be true */
	/* ??px below plus 2 */
	margin: 0 9px 7px 0 !important;
	/*height: 120px;*/
	position: relative;
	padding: 0 !important;
}

.bigallery .bipic
{
	/*width: 77px;*/
	padding: 5px !important;
	margin: 0 !important;
}

.bigallery .bileft img
{
	/*width: 75px;*/
	margin: 0 !important;
	/* 5 times 2 = 10 hey, ya */
}

.bigallery .caption a
{
	width: auto;
	/* border: 1px solid black !important; */
	background: white !important;
}

.bigallery .caption
{
	padding: 0px;
	width: 87px;
	/* 75 plus 2 plus 10 hey, yaha */
}

* html .bigallery .caption
{
	/***TAN HACK ***/
	position: absolute;
	left: 0;
	top: 91px;
}

/* THIS CLEARS IT */
.bigallery:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.bigallery
{
	display: inline-block;
}

/* Hides from IE-mac \*/
* html .bigallery
{
	height: 1%;
}

.bigallery
{
	display: block;
}

/* End hide from IE-mac */
/* THIS CLEARS IT:END */
.bibig a
{
	display: block;
	border: 0;
	margin: 0.6em 0;
}

.bibig  img
{
	max-width: 480px !important;
	padding: 5px !important;
}

.bibig a:hover img
{
	background: #ddd;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


#primarycopy {
	width: 500px;
	border: 1px dotted #aaf;
	padding: 10px;
	}

/*
.left
{
	float: left;
	border: 1px solid blue;
	margin: 0 10px 7px 0;
}

.right
{
	float: right;
	border: 1px solid blue;
	margin: 0 0 7px 10px;
}

.left a, .right a
{
	display: block;
	border: 1px solid red;
	padding: 5px;
	background: #ccc;
}

.left p.caption, .right p.caption
{
	display: block;
	border: 1px solid green;
	padding: 0;
	margin: 0;
	font-size: 0.9em;
	line-height: 1.2em;
}

.left p.caption a, .right p.caption a
{
	margin: 0;
	border: none;
	background: #eee;
}

*/