/*----------------------------------------------------------
	Gallery-photo CSS
	Main styles for all the website

	Project:		My Project
	Author:			My Name
	Summary :
		Main page components
			Gallery-photo
				Titles
				Nav-photos
				Gallery photo rating
			Gallery photo rating + JS
				Gallery-list
----------------------------------------------------------*/

/* ================================
 * !Main page components
 * ================================*/

/*
 * !Gallery-photo
 */
.ie6 .twoparts .part1 { margin-bottom:5px; zoom:1; } 
 
/* !Titles */
#gallery-photo h2 { position:absolute; text-indent:-9999em; }
#gallery-photo h3 { background: url(/image/block/gallery/sprite_ttl.png) no-repeat 0 -25px; display:block; height:25px ; text-indent:-9999em; margin-top:15px; position:relative; width:790px; }
.ie6 #gallery-photo h3 { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='/image/block/gallery/sprite_ttl.png');}
#gallery-photo h3.entry-title { background:none; font-size:1.4em; font-weight:bold; line-height:1.4em; text-indent:0; width:auto; height:auto; margin:3px 0 0 0; }
#gallery-photo h4 { color:#646464; font-family:Arial, Helvetica, sans-serif; font-size:1.1em; font-weight:bold; margin: 10px 0 0 0; padding:0; }
#gallery-photo h4 span { font-weight:normal; }

.ie6 #gallery-photo .clearboth {display:none;}

p.description { font-size:1.2em; padding-bottom:5px; }

#gallery-photo .sponso { position:absolute; right:32px; top:48px; }

/* !Nav-photos */
.part1 .inner .inner {padding-top:0; }
ul.nav-photos { float:right; margin-bottom:5px; position:relative; }
.ie6 ul.nav-photos {margin-right:20px;}
ul.nav-photos li { display:block; float:right; height:21px; margin-left:5px; width:28px; zoom:1; }
ul.nav-photos li.next { margin-left:20px; }

ul.nav-photos li a.button, ul.nav-photos li span { background: url(/image/block/gallery/sprite_bt_nav.png) no-repeat; display:block; height:21px; width:28px; }

ul.nav-photos li.first a { background-position: 0 0; }
ul.nav-photos li.previous  a { background-position: -28px 0; }
ul.nav-photos li.next  a { background-position: -56px 0; }
ul.nav-photos li.last  a { background-position: -84px 0; }
ul.nav-photos li.first span { background-position: 0 -21px; }
ul.nav-photos li.previous span { background-position: -28px -21px; }
ul.nav-photos li.next span { background-position: -56px -21px; }
ul.nav-photos li.last span { background-position: -84px -21px; }

#gallery-photo img.photo { border:solid 1px #dadada; display:block; margin:0 auto 10px auto; padding:1px; }
#gallery-photo .rub-date { color:#e6232b; font-size:1.1em; font-weight:bold; }
#gallery-photo .rub-date span { color:#c8c8c8; font-weight:normal;}

/* !Gallery photo rating */
#gallery-photo .rating, #gallery-photo .rated { text-align:right; }
#gallery-photo .rated { top:10.6em; }
	#gallery-photo .rating fieldset, #gallery-photo .rated fieldset { display:inline; margin:0 auto; }
		#gallery-photo .rating p { width:160px; }
			#gallery-photo .rating label, #gallery-photo .rated label { background:url(/image/block/gallery/rating.png) no-repeat 0 50%; float:left; height:1.8em; margin-right:5px; }
			#gallery-photo .rating button, #gallery-photo .rated button { background-image:url(/image/generic/button-ok.png); margin-left:5px; width:26px; }

/*
 * !Gallery photo rating + JS
 */
		.js #gallery-photo .rating a, .js #gallery-photo .rated a, .js #gallery-photo .rating span { background:url(/image/block/gallery/star-off.png) repeat-x; float:right; height:11px; overflow:hidden; }
		.js #gallery-photo .rating a:hover { background-image:url(/image/block/gallery/star-on.png); height:11px; cursor:pointer; visibility:visible; }
		
		.js #gallery-photo .note-1 { width:65px; }
			.js #gallery-photo .rating .note-2, .js #gallery-photo .rated .note-2 { background:url(/image/block/gallery/star-on.png) repeat-x; float:left; }
				.js #gallery-photo .note-2 a, .js #gallery-photo .note-2 span { visibility:hidden; }
			
			.js #gallery-photo .rating a:hover .note-2 { background:url(/image/block/gallery/star-off.png); float:right; width:52px !important; }
			.js #gallery-photo .rating a.note-2:hover { background:url(/image/block/gallery/star-on.png); }
				.js #gallery-photo .rating a:hover .note-2 a { visibility:visible; }
		
			.js #gallery-photo .note-3 { width:39px; }
				.js #gallery-photo .note-4 { width:26px; }
					.js #gallery-photo .note-5 { width:13px; }

	.js #gallery-photo .message-ok, .js #gallery-photo .message-error { color:#090; font-size:1.1em; font-weight:bold; position:absolute; right:190px; }
	.js #gallery-photo .message-error { color:#C00; position:absolute; right:190px; text-align:center; }
	.js #gallery-photo .message-error a { background:none; float:none; height:auto; }

/* !Gallery-list */
#gallery-photo .list-photos { padding:0 2px 0 8px; zoom:1; }
#gallery-photo .list-photos ul li { display:block; float:left;margin:0 6px 10px 0; padding:10px 0 2px 0; position:relative; width:124px; height:auto; overflow-y: auto; }
#gallery-photo .list-photos ul li.active { border-bottom:solid 6px #e6232b; }
#gallery-photo .list-photos ul li .photo { border:solid 1px #dadada; height:80px; padding:1px; }
	#gallery-photo .list-photos ul li .photo img { height:80px; width:120px; }
#gallery-photo .list-photos .premium { bottom:10px; position:absolute; right:10px; }