/* content & footer
-------------------------------------------------*/

#main { clear:both; }

	#content, #sidebar-0, #sidebar-1, #sidebar-2 {
		margin: 0;
		float: left;
		overflow: hidden; }

	#main .cw100 { width: 100%; }
	#main .cw70 { width: 68%; padding: 0 2% 0 0; }
	#main .cw30 { width: 29%; padding: 0 0 0 1%; }
	#main .cw33 { width: 31%; }
		#main .cw33m { width: 32%; padding: 0 3%; }
	#main .cw60 { width: 56%;}
	#main .cw20 { width: 20%; }
		#main .cw20m { width: 20%; padding: 0 2%; }
	
	#main .cws80, #main .cws20 { padding: 0; }
		#main .cws80 { width: 80%; }
		#main .cws20 { width: 20%; }


		/* overlay
		-------------------------------------------------*/

		#Viewer {
			position: absolute;
			background: #f1f1f1;
			padding: 5px;
			margin: 0 auto;
			display:none;
			border-right: 2px solid #333;
			border-bottom: 2px solid #333;
			z-index: 9020; }

			#Viewer img { border: 0; clear: both; } 

		#ViewerCaption { margin: 5px 0 0 0; color: #333; font-size: 0.9em; }
		#ViewerClose { background: #fff; color: #666; padding: 0 2px 3px 5px; text-decoration: none; display: block; top: 5px; right: 5px; position: absolute; }

		#overlay { 
			background-image: url('../layout/overlay.png');
			display:none;
			top:0;
			left:0;
			position: absolute;
			width: 100%;
			min-height: 100%;
			z-index: 9001; }
			
			#overlay.block { display:block; }

			#overlay-pass {
				margin: 200px auto 0 auto;
				padding: 10px;
				width: 200px;
				background: #fff;
				border: 2px solid #999;
				}


/* misc
-------------------------------------------------*/	

#cms-shortcut {
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 9999;
	padding: 2px 4px;
	border: 1px solid #999;
	background: #e1e1e1;
	color: #333;
	text-decoration: none; }

#alert {
	padding: 2px 0 2px 24px;
	background: #faffbd url('../layout/bg_alert.gif') 2px 1px no-repeat;
	border-bottom: 1px solid #cacaca;
	font-size: 90%; }

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

	.clearfix, .content {display:block;}


.hide { display: none; }
.view { display: inline; }
.right { float: right; }
.right { float: right; }
.center { text-align: center; }
.left { float: left; }
.middle { vertical-align:middle; }
.strong { font-weight:bold; }
.pointer { cursor:pointer; }
.block { display:block; }


table.strict { width: 100%; text-align: left; border: 0; }
	table.strict td { vertical-align: top; }
	


/* photos preview
-------------------------------------------------*/

a.thumb {
	float: left;
	display: block;
	overflow: hidden;
	width: 50px;
	height: 50px;
	border: 2px solid #e1e1e1;
	margin: 3px;
	text-decoration:none;
	}
	a.thumb:hover, a.thumb_on { border-color: #999; }
	a.thumb img, a.thumb:hover img { border:0; padding:0; margin:-30% 0 0 -30%; text-decoration:none;}

div.photopreview {
	margin: 0 0 10px;
	}
	div.photopreview div { margin: 0px; overflow: hidden; 	border: 3px solid #e1e1e1; }
	div.photopreview img { border: 0; width: 100%; height: inherit;}
	div.photopreview a, div.photopreview a:hover, div.photopreview img, div.photopreview img:hover { border:0; text-decoration:none;}