/* 
TITLE:						Adobe Lightroom Master Styles for Screen Media
AUTHOR:					kai.gradert@masutra.net (http://www.masutra.net)
VERSION:					Adobe Lightroom Beta
UPDATE:					April 21/2006
*/


/* GLOBAL */
*																		{ margin:0; padding:0; }
body																	{ margin: 20px 0; padding: 20px 0; }
img																	{ border: 0; }

/* TYPOGRAPHY */
body, h1, h2, h3, h4, h5, h6, p, a							{ color: #b3b3b3; font-size: 12px; font-family:  helvetica, arial, tahoma, verdana, sans-serif; }


/* LINKS */
a,
a:link,
a:hover																{ text-decoration:underline; cursor:pointer; }

a:link																
a:visited															

a:hover,
a:active																{ text-decoration:none; }


/* MISC */
.clear																	{ clear: both; }
.borderTopLeft													{ border-top: 1px solid #787878; border-left: 1px solid #787878; }
.borderBottomRight												{ border-right: 1px solid #787878; border-bottom: 1px solid #787878; }
.borderRight														{ border-right: 1px solid #787878; }
.borderRightDotted												{ border-right: 1px dotted #787878; }


/* SITE WRAPPER */
#wrapper															{ width: 807px; margin: 0 auto; }


/* ID PLATE */
#idplate																{ margin-bottom: 0px; margin-top: -20px;}
#idplate .logo														{  }


/* SITE TITLE */
#sitetitle															{ margin-bottom: 10px; border-bottom: 1px dotted #7f7f7f; }
#sitetitle h1														{ color: #7f7f7f; font-size: 20px; }


/* COLLECTION HEADER */
#collectionHeader												{ margin-bottom: 15px; }
#collectionHeader h1											{ font-size: 14px; }
#collectionHeader p												{ line-height: 16px; margin-top: 5px; }


/* COLLECTION INLINE */
#collectionInline													{ float: left; position: relative; background-color: #b3b3b3; width: 321px /*2 x CellWidth + 1px Gap*/; height: 482px /*3 x CellHeight + 2px Gap*/; overflow: hidden; }
#collectionInline .padding									{ padding: 15px; }
#collectionInline h1												{ color: #4c4c4c; font-size: 14px; }
#collectionInline p												{ color: #4c4c4c; line-height: 16px; margin-top: 5px; }


/* STYLE SWITCHER */
#styleswitcher														{ float: left; margin-bottom: 10px; border-right: 1px solid #787878; }
#styleswitcher img												{ float: left; border-left: 1px solid #787878; border-bottom: 1px solid #787878; width: 12px; height: 7px; }


/* PAGINATION */
.pagination															{ float: right; margin-bottom: 10px; padding: 0; }
.pagination ul														{ margin: 0; padding: 0; }
.pagination li														{ float: left; list-style: none; padding: 5px; }

.pagination li,
.pagination a														{  }

.pagination .previous											{ font-weight: bold; margin-left: 25px; }
.pagination .next												{ font-weight: bold; }
.pagination .readout											{ font-weight: bold; }

.pagination .current												{ border: solid 1px #7f7f7f; }


/* QUICK JUMP */
#quickjump														{ float: right; margin-bottom: 10px; padding: 0; }


/* CONTACT */
#contact																{ /*float: left;*/ margin-bottom: 10px; padding: 5px 0; border-top: 1px dotted #7f7f7f; }

#contact span,
#contact a															{  }


/* STAGE */
#stage,
#index																{ float: left; position: relative; margin: 0; overflow: hidden; }


/* PREVIEW SMALL */
#previewSmall													{ float: left;  position: relative; background-color: #191919; width: 321px /*2 x CellWidth + 1px Gap*/; height: 482px /*3 x CellHeight + 2px Gap*/; overflow: hidden; }

#previewSmall h1												{ font-size: 12px; }
#previewSmall p													{ line-height: 16px; }

#previewSmall h1,
#previewSmall p,
#previewSmall a													{  }

#previewSmall .previewSmallImage						{ width: 321px /*2 x CellWidth + 1px Gap*/; height: 320px; overflow: hidden; }
#previewSmall .previewSmallImage img					{ border: solid 3px white; }

#previewSmall .previewSmallMeta							{ position: absolute; top: 320px; padding: 0 15px; width: 281px /* 2x CellWidth + 1 - 30*/; height: 125px; overflow: auto; }

#previewSmall .previewMetadataLabel			{ width: 115px; }
#previewSmall .previewMetadataData			{ width: 140px; }

#previewSmall .previewMetadata							{ float: left; line-height: 14px; width: 100%; }

.previewMetadataLabel					{ float: left; width: 122px; text-align: right; clear: both; font-size: 11px; padding-right: 4px; }

.previewMetadataData					{ float: left; width: 142px /* 2 x CellWidth - 36 / 2 */; text-align: left; font-size: 11px; padding-left: 4px; font-weight: bold; }

/* PREVIEW FULL */
#previewFull														{ float: left; position: relative; background-color: #191919; width: 804px /*5 x CellWidth + 4px Gap*/; height: 482px /*3 x CellHeight + 2px Gap*/; overflow: hidden; }

#previewFullLeft													{ position: absolute; top: 0; left: 0; width: 321px /*2 x CellWidth + 1px Gap*/; height: 100%; }
#previewFullLeft .previewFullMetadata											{ position: absolute; top: 0; bottom: 35px; width: 321px /*2 x CellWidth + 1px Gap*/; padding: 0px 0px; height: 452px; overflow: auto; }
#previewFullRight												{ position: absolute; top: 0; left: 321px; height: 100%; }

#previewFull .padding											{ padding: 15px; }

#previewFull h1													{ font-size: 12px; }
#previewFull p														{ line-height: 16px; }											

#previewFull h1,
#previewFull p,
#previewFull a	,
#previewFull span												{ /*color: #b3b3b3;*/ }

#previewFull .previewMetadata							{ float: left; line-height: 14px; width: 100%; }

#previewFull .previewFullImage								{ width: 482px /*3 x CellWidth + 2px Gap*/; height: 100%; overflow: hidden; }
#previewFull .previewFullImage img						{ border: solid 3px white; }


/* TRANSPORT CONTROLS */
#previewSmall .previewSmallNav							{ position: absolute; bottom: 0; width: 100%; font-weight: bold; text-align: center; padding-bottom: 15px; }
#previewFull .previewFullNav									{ position: absolute; bottom: 0; width: 100%; font-weight: bold; text-align: center; padding-bottom: 15px; }


/* INDEX - GRID */
.thumbnail															{ float: left; position: relative; background-color: #949494; width: 160px; height: 160px; overflow: hidden; }
.thumbnail:hover												{ background-color: #a1a1a1; }

.emptyThumbnail															{ float: left; position: relative; background-color: #949494; width: 160px; height: 160px; overflow: hidden; }

/* INDEX */
.selected															{ background-color: #a1a1a1; }
.selected:hover													{ background-color: #a1a1a1; }
.selected .alignmentInner img								{ border: solid 3px white; padding: 0; margin: 0; }

.itemNumber														{ z-index: 1; position: absolute; top: -6px; left: -4px; color: #9c9c9c; font-size: 40px; font-weight: bold; letter-spacing: -1px; }
.fullSize																{ z-index: 5; position: absolute; left: 0; bottom: 0; }
.sendMail															{ z-index: 6; position: absolute; right: 0; bottom: 0; }


/* INDEX - LIST */
.row																	{ position: relative; background-color: #a1a1a1; width: 804px /*5 x CellWidth + 4px Gap*/; height: 160px; overflow: hidden; }

.cellThumbnail													{ float: left; position: relative; background-color: #949494; width: 200px; height: 100%; overflow: hidden; }
.cellThumbnail:hover											{ background-color: #949494; }

.cellDescription													{ float: left; position: relative; width: 350px; height: 100%; overflow: hidden; }
.cellDescription .padding										{ padding: 10px; }
.cellDescription h1												{ color: #E5E5E5; font-size: 14px; }
.cellDescription p													{ color: #E5E5E5; line-height: 16px; margin-top: 5px; }

.cellMetaData														{ float: left; position: relative; background-color: #9D9D9D; width: 250px; height: 100%; overflow: hidden; }
.cellMetaDataContainer										{ width: 250px; }

.cellMetaDataLabel												{ float: left; width: 40%; text-align: right; }
.cellMetaDataLabel p											{ color: #e5e5e5; font-size: 10px; line-height: 12px; padding-right: 3px; }

.cellMetaDataData												{ float: left; width: 60%; text-align: left; }
.cellMetaDataData p,
.cellMetaDataData a											{ color: #E5E5E5; font-size: 10px; line-height: 12px; font-weight: bold; padding-left: 3px; }


/* PROPER ALIGNMENT INSIDE CELLS */
.alignmentOuter													{ z-index: 2; position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; }
.alignmentOuter[class]										{ position: static; text-align: center; display: table; }

.alignmentMiddle												{ z-index: 3; position: absolute; top: 50%; left: 50%; }							/* for explorer only*/
.alignmentMiddle[class]										{ position: static; display: table-cell; vertical-align: middle; }

.alignmentInner													{ z-index: 4; position: relative; top: -50%; left: -50%; }							/* for explorer only */
.alignmentInner[class]											{ position: static; }

.AdjustZIndex														{ z-index: 4; position: relative; }

/* Metadata Formatting */
hr {
	border:0px;
	border-top: 1px dashed #9a9a9a;
	color: #9a9a9a;
	background-color: #9a9a9a;
	height: 0px;
	margin-left: 10px;
	margin-right: 10px;
}

/* Life is Beautiful */