@charset "utf-8";
/* CSS Document */


#modelnav {
	margin: 10px 0px 0px 0px;
	padding: 0px;
	}
	
#ModelContainer {
	background-color: #555;
	width:750px;
	margin-top: 0px;
	margin-right: 180px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 0px;
	border-width:0px;
}
.a750x10Bottom {
	width:750px;
	height:10px;
	background-image:url(/images/ARTGALLERY/750x10-Bottom-Background.jpg);
	background-repeat:no-repeat;
	background-position:top;
}
#ModelContainer p {
	padding: 5px;
	margin: 0px;
	line-height:130%;
}

#RightSkyscraperContainer {
	width: 160px;
	height:600px;
	float:right;
	padding:10px;
	background-image:url(/images/ARTGALLERY/Wide-Skyscraper-Background.jpg);
}
.modelbox {
	padding: 25px 5px 0px 5px;
	background-color:#F5F5F5;
}
.modelbox a:link, .modelbox a:visited  {
	color:#333;
	text-decoration: none;
	font-weight: bold;
}
.modelbox a:hover {
	color:#009;
	text-decoration:underline;
	font-weight: bold;
}
.modelboxheaderwithtopbackground {
	margin: 0px 0px 0px 0px;
	padding-top:10px;
	background-color:#D8D8D8;
	height:25px;
	background-image:url(/images/ARTGALLERY/750x10-Top-Background.jpg);
	background-position:top;
	background-repeat:no-repeat;
	vertical-align: bottom;
}
.modelboxheader {
	margin: 0px 0px 0px 0px;
	padding:0px;
	background-color:#D8D8D8;
}
.modelboxbrief {
	padding: 25px 5px 25px 5px;
	background-color:#F5F5F5;
	height:auto;
}
.modelbriefad {
	width: 300px;
	height:250px;
	margin:0px 0px 0px 405px;
	padding:10px;
	background-color:#0CC;
}
.modelbrief {
	float:left;
	padding:10px;
	margin: 0px 0px 0px 15px;
	height:auto;
	width:350px;
	background-color:#0CC;
}
table.sortable {
	border-width: 1px;
	border-collapse: separate;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #808080;
	border-right-color: #808080;
	border-bottom-color: #808080;
	border-left-color: #808080;
	font-size: 70%;
	margin-left:auto; 
	margin-right:auto;
	margin-bottom:5px;
}
table.sortable th{
	background-color: #c0c0c0;
	text-align: center;
	border-bottom-width: 1px;
	border-bottom-color: #808080;
	border-bottom-style: solid;
	margin: 0px;
	padding-top: 1px;
	padding-right: 2px;
	padding-bottom: 1px;
	padding-left: 2px;
}

table.sortable td{
	padding: 1px 7px 1px 3px;
	border-style: none;
	color: #000;
}


/* PHOTO ALBUM */

#modelgallery {
	padding: 10px 5px 5px 5px;
	border-top:solid 1px;
	border-right:solid 1px;
	border-left: solid 1px;
	border-bottom: solid 1px;
	border-color:#666;
	background-color:#F0F0F0;
	
}
#modelgalleryheader {
	margin: 0px 0px 10px 0px;
	padding:0px;
	height:25px;
	background-color:#D8D8D8;
	border-width: 1px;
	border-style: solid;	
	border-color: #D8D8D8;
}


.photoblock {			/* Basic block, inline, w/caption fonts. */
  font-size: 11px;
  color: #888888;
  display: inline;
  	margin-left:auto; 
	margin-right:auto;
}

.photoblock-left {		/* A photo block on the left */
  margin: 0 10px 10px -4px;
  font-size: 10px;
  color: #888888;
  float: left;
}
.post-body .photoblock-left a {
  color: #555555;
  background-image: none;
  text-decoration: underline;
}

.photoblock-right {		/* Photo block on the.. gasp.. right */
  margin: 0px 0px 10px 10px;
  font-size: 11px;
  color: #888888;
  float: right;
  text-align: right;
}
.post-body .photoblock-right a {
  color: #555555;
  background-image: none;
  text-decoration: underline;
}

.photoborder {           /* Apply to an image to give it a border */
  border: 1px solid #ccc;
  padding: 1px;
}
a:hover .photoborder {
   border: 1px solid #888;
}

.photoblock-many {		/* A general full-width photo block (that clears), for many thumbnails */
							/*this was here:      	margin: 0 10px 10px -4px;*/
   clear:none;									/*add this here if you want to clear....    clear: both;   */
   width: 98%;
   text-align: center;
   font-size: 10px;
   color: #888888;
   margin-left:auto;
   margin-right:auto;
}
.photoblock-many a {		/* (Need clear links in the photo block) */
   background: white;
}

.photoborder-right {		/* A photo with a border on the right */
   border: 1px solid #ccc;
   padding: 1px;
   margin: 0px 0px 10px 10px;
   float: right;
}

.photo {			/* A normal photo */
  padding: 3px;
}