/** vim: set expandtab tabstop=3 shiftwidth=3:
*******************************************************************************
* (c) NEOCO                                                                   *
*                                                                             *
* filename: views.css                                                       *
* purpose:  default styles for www.renegadephoto.net                          *
*                                                                             *
*******************************************************************************

$Revision: 124 $
$Date: 2006-12-05 17:41:10 +0000 (Tue, 05 Dec 2006) $
$LastChangedBy: mark $

*/
	
/*REMOVE THIS*/
.halfView .subscribe, .gridView .subscribe, .infoView .subscribe {
	display: none;
	}

/* ------------------------------------------------------- */
/* CONTENTS
	1. VIEW half
	2. VIEW full
	3. VIEW grid
	4. VIEW info
*/


/* ------------------------------------------------------- */
/* ------------------------------------------------------- */
/* 1. VIEW half */
.halfView .viewing h1  {
	display: none;
	}




/* ------------------------------------------------------- */
/* ------------------------------------------------------- */
/* 2. VIEW full */
.fullView .naviJump, .fullView .subscribe, .fullView .search, .fullView .basket, .fullView .login-area, .fullView #navi, .fullView .viewing h3, .fullView .homeCopy  {
	display: none;
	}

.fullView .header h1 a {
	background-image: url(../images/header/logo-renegade-sm.gif); /* GIF logo for IE6 & prior */ 
	padding-top: 30px;
	width: 75px;
	_height: 30px; /* IE6 & prior only (to get logo to show on IE5) */
	}
html>body .fullView .header h1 a {
	height: 30px; /* height ignored by IE6 & prior */
	background-image: url(../images/header/logo-renegade.png); /* PNG transparent logo for modern browsers */
	}
.fullView .header h1 a:hover {
	background-position: 0 -50px;
	}
.fullView .header h1 {
	padding-top: 0 !important;
	}
.fullView .rhs {
	position: absolute;
	top: 0;
	right: 0;
	width: 600px;
	height: 30px;
	}

.fullView .viewing h2, .fullView .viewing  p {
	float: left;
	}
.fullView .rhs .view {
	padding-bottom: 0;
	clear: none !important;
	width: 200px;
	border-top: 0 ;
	border-left: 1px solid #C2CAC0;
	margin-left: 0;
	padding: 8px 10px;
	width: 190px;
	position: absolute;
	top: 0;
	right: 0;
	}

.fullView .viewing h1 {
	color: white;
	background-color: #00a0c6;
	text-transform: lowercase;
	font-size: 14px;
	padding: 0 6px;
	border-top: 7px solid #00a0c6;
	border-bottom: 7px solid #00a0c6;
	margin-right: 10px;
	float: left;
	}
.fullView .viewing {
	float: right;
	padding: 0 210px 0 0!important;

	}
.fullView .viewing h2, .fullView .viewing .btnRHS {
	padding: 9px 10px 0 0;
	}






/* ------------------------------------------------------- */
/* ------------------------------------------------------- */
/* 3. VIEW grid */

.gridView .viewing {
	display: none;
	}
.gridView #container {
	background-color: white;
	}
.gridView .rhs {
	border: 1px solid #C2CAC0;
	border-top: none;
	}
.thumbs {
	clear: both;
	}
.thumbs li {
	float: left;
	list-style-type: none;
	margin-right: 20px;
	width: 150px;
	height: 190px;
	}
.thumbs li em {
	float: left;
	width: 150px;
	border: 1px dotted #849681;
	text-align: center;
	}
*:first-child+html .thumbs li em {
   float: none;
	border: 0;
}
.thumbs li a:hover {	
	border: 1px solid #008AA3;
	}
.thumbs img {
	padding: 5px;
	}
.thumbs a {
	font-size: 12px;
	color: #293B3D;
	text-decoration: none;
	font-weight: bold;
	}
.thumbs a:hover, .thumbs a:hover em {
	border: 1px solid #008AA3;
	background-color: #008AA3;
	cursor: pointer;
	}

/* baseline copy */
.gridView .baseArea {
	position: static;
	clear: both;
	margin-left: 100px;
	}




















/* ------------------------------------------------------- */
/* ------------------------------------------------------- */
/* 4. VIEW info */
.infoView .viewing {
	display: none;
	}
.infoView #container {
	background-color: white;
	}
.infoView .rhs {
	border: 1px solid #C2CAC0;
	border-top: none;
	}
.infoView .frame {
	position: relative;
	clear: both;
	list-style-type: none;
	}
.infoView .print {
	position: absolute;
	top: 51px;
	left: 54px;
	}

.infoView .printPortrait {
	position: absolute;
	top: 54px;
	left: 51px;
	}


.infoView #content h2 {
	margin-bottom: 36px;
	}