/* 
WOO CUSTOM STYLESHEET
---------------------

Instructions:

Add your custom styles here instead of style.css so it 
is easier to update the theme. Simply copy an existing 
style from style.css to this file, and modify it to 
your liking.

*/
/*  
Theme Name: Gazette Edition
Theme URI: http://www.woothemes.com/
Description: Gazette Edition by WooThemes
Version: 2.0.9
Author: WooThemes
Author URI: http://www.woothemes.com/
*/

/*========= SETUP =========*/

*{
	border: 0;
	margin: 0;
	padding: 0;
}
body{
	color: #000000;
	background-color: #fff;
	font-family: Helvetica,Georgia,Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 20px;
}
a{
	color: #CC0000; /* changed 8_25_2011 to fix link display in articles*/

	text-decoration: none;
}
a:hover{
	text-decoration: underline;  
}
input,select,textarea{
	border: #dddddd 1px solid;
	font-size: 14px;
	padding: 5px;
}
select{
	padding: 0;
}
li{
	list-style: none;
}

/*========= LAYOUT =========*/

#page{
	width: 960px;
	background-color: #FFFFFF;
	margin:15px auto;
	border: 1px solid #CCCCCC;
}
/*--- Main Columns ---*/
#columns{
	padding:15px 15px 25px;
	background-color: #FFFFFF;
	margin: 0px;
}
.col1{
	float: left;
	width: 595px;
	padding-right:15px;
        
}
.col2{
	float: left;
	width: 320px;
}
/*--- Sub Columns ---*/
.subcol{
	width: 150px;
}
.subcol h2{
	font-size: 14px;
	padding: 0 0 10px;
	color: #FFFFFF;
}

/*========= HEADER =========*/

/*- Page Navigation -*/
#nav{
	height: 30px;
	padding: 2px 0px !important;
	background-color: #FFFFFF;
	margin:15px 15px 0px !important;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
	width: 930px !important;
}
#nav-left {
	float:left;
	display:inline;
	width:600px;
	}
#nav-right {
	float:right;
	display:inline;
	width:330px;
	margin:0px !important;
	padding:0px !important;
	}

/*- Dropdowns-*/

#nav1, #nav1 ul{
	padding: 0;
	float:left;
	list-style: none;
}
#nav1 {
	padding: 0;
	font-size:13px;
	float:left;
}
#nav1 a {
	display: block;
	padding-left:15px;
	padding-right:15px;
}
#nav1 li {
	float: left;
	line-height:30px;
	font-weight:bold;
	font-size:11px;	
	text-transform:uppercase;
}
#nav1 li a:hover {
	background: none;
	text-decoration:none;
	color:#CC0000;  /*changed from white 8-23-2011)*/
}
#nav1 li ul {
	position: absolute;
	width: 15em;
	left: -999em;
	padding-top:1px;
}
#nav1 li:hover ul, #nav1 li.sfhover ul {
	left: auto;
}
#nav1 li ul li {
    background: #FFFFFF;
	border-bottom:1px solid #dedbd1;	
	border-left:1px solid #dedbd1;	
	border-right:1px solid #dedbd1;			
	line-height:28px;	
	width:15em;
}

#nav1 li:hover, #nav1 li.hover {
    position: static;
}
#nav1 li ul ul {
	margin: -29px 0 0 15em;
	border-top:1px solid #dedbd1;	
}

#nav1 li:hover ul ul, #nav1 li.sfhover ul ul {
	left: -999em;
}
#nav1 li:hover ul, #nav1 li li:hover ul, #nav1 li.sfhover ul, #nav1 li li.sfhover ul {
	left: auto;
}
#nav1 li:hover ul ul, #nav1 li:hover ul ul ul, #nav1 li.sfhover ul ul, #nav1 li.sfhover ul ul ul {
	left: -999em;
}
#nav1 li:hover ul, #nav1 li li:hover ul, #nav1 li li li:hover ul, #nav1 li.sfhover ul, #nav1 li li.sfhover ul, #nav1 li li li.sfhover ul {
	left: auto;
} 

#nav1 li:hover ul, #nav1 li.sfhover ul {
	left: auto;
	z-index:1000;	
}

/*- Category Navigation -*/

/*- Nav / Dropdowns-*/
#nav2 {
	margin:0 0 15px 15px !important;
	margin:0 0 7px 7px;	 
}

#nav2, #nav2 ul{
	padding: 0;
	float:left;
	list-style: none;
}
#nav2 {
	padding: 0;
	font-size:13px;
	float:left;
	width:930px;
	border-top: 1px solid #DDDDDD;
}
#nav2 a {
	display: block;
	padding-left:15px;
	padding-right:15px;
	border-right: 1px solid #DDDDDD;
}
#nav2 li {
	float: left;
	line-height:30px;
}
#nav2 li a:hover {
	background: none;
    text-decoration: none;
     color:#CC0000;  /*changed from white 8-23-2011)*/
}
#nav2 li ul {
	position: absolute;
	width: 15em;
	left: -999em;
	z-index: 99999;
}
#nav2 li:hover ul, #nav2 li.sfhover ul {
	left: auto;
	z-index:1000;	
}
#nav2 li ul li {
    background: #FFFFFF;
	border-bottom:1px solid #dedbd1;	
	border-left:1px solid #dedbd1;	
	border-right:1px solid #dedbd1;			
	line-height:28px;	
	width:15em;
}
#nav2 li:hover, #nav2 li.hover {
    position: static;
}
#nav2 li ul ul {
	margin: -29px 0 0 15em;
}
#nav2 li:hover ul ul, #nav2 li.sfhover ul ul {
	left: -999em;
}
#nav2 li:hover ul, #nav2 li li:hover ul, #nav2 li.sfhover ul, #nav2 li li.sfhover ul {
	left: auto;
}
#nav2 li:hover ul ul, #nav2 li:hover ul ul ul, #nav2 li.sfhover ul ul, #nav2 li.sfhover ul ul ul {
	left: -999em;
}
#nav2 li:hover ul, #nav2 li li:hover ul, #nav2 li li li:hover ul, #nav2 li.sfhover ul, #nav2 li li.sfhover ul, #nav2 li li li.sfhover ul {
	left: auto;
} 


/*- Search -*/
#search{
	float: right;
	height: 27px;
	width:310px;
	margin: 3px 0px 0px !important;
	padding:0px !important;
}
* html #search{
	margin-right: 8px;
}
#search input{
	background: #ffffff;
	border: 1px solid #dddddd;
	color: #000000;
	float: left;
	font-size: 11px;
	width:223px;
	margin:1px 0px 0px;
	padding: 3px 4px 4px;
}
#search .btn{
	padding: 0;
	height:22px;
	width: auto;
	margin:1px 0px 0px 5px !important;
	border:none;
	width:69px;
}
/*- Header -*/
#header{
	height: 220px;
	background-color: #ffffff;
	margin: 0 5px;
	padding: 10px;
}
/*- Logo -*/
#header h1{
	float: left;
	display:inline;
	line-height: 200px;
	font-size: 24px;
}
#header h1 a{
	display: block;
	height: 93px;
	width: 389px;
	color: #000000;
	font-size: 28px;
}

/*- Top Banner -*/
#topbanner {
	float: right;
	width: 468px;
	padding:20px 0px 0px;
}

#topbanner img{
	float: right;
}

/*- RSS -*/
#rss a{
	color: #666666;
}
#rss h2{
	padding:10px;
	font-size:14px;
	margin-bottom:10px;
}
#rss ul{
	margin: 0px;
	padding: 10px;
	float:left;
}
#rss li{
	margin: 0px;
	border:none !important;
	padding: 5px;
}
#rss img{
	float: right;
	padding-left: 10px;
	margin-top: 5px;
}

/*========= FEATURED POSTS (FRONT-PAGE) =========*/

/* See slideshow.css */

/*========= FEATURED VIDEOS (FRONT-PAGE) =========*/

#video-frame {
	background:#eee;
	float:left;
	width:583px;
	height:auto;
	margin:0px;
	padding: 5px;
	border: 1px solid #ddd;
	}
.video-left {
	float:left;
	width:285px !important;
	display:inline;
	background-color:#FFFFFF;
	}
.video-left p {
	padding:0px !important;
	margin:0px !important;
	}
.video-left h2 {
	display:none;
	}
.video-right {
	float:right;
	width:273px;
	min-height:214px;
	display:inline;
	background-color:#FFFFFF;
	padding: 10px;
	}
.video-right h2{
	color: #000000;
	font-size:11px;
	line-height:normal;
	font-weight:bold !important;
	margin:0 !important;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	}
.video-right p{
	color: #666;
	font-size:11px;
	line-height:12px;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 20px;
	padding-left: 0px;
	}
.video-right h3{
	font-style: normal !important;
	font-weight: bold;
	font-size:18px;
	line-height:20px;
	padding-bottom: 0px;
	}
.video-right .mootabs_title {
	border-top:1px solid #FFF;
	list-style:none;
	margin:0px;
	padding:0px;
	}
.video-right .mootabs_title li {
	color:#000;
	font-weight:normal;
	font-size:11px;
	text-decoration:none;
	display:block;
	padding:10px;
	border: 1px solid #dddddd;
	background:#f7f7f7;
	line-height:10px;
	cursor: pointer;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	}
.video-right .mootabs_title li:hover, .video-right .mootabs_title li.active {
	background:#dddddd url(images/ico-watch.gif) right center no-repeat !important;
	}

/*========= BLOG POST STYLING =========*/

/*=== Small Box Post ===*/
.post{
	margin: 0;
}
.post h2{
	font-size: 18px;
	padding: 0 0 5px;
}
.post h3{
	font-size: 14px;
}
.post h3 a{
	color: #666666;
}
.post p{
	padding: 0 0 15px;
	line-height: 20px;
}

/*- Box -*/
.box{
	clear: both;
	height: 1%;
	padding: 0;
	margin: 0;
}
.box .post{
	width: 288px;
	background-color: #ffffff;
	border:1px solid #ddd;
}
.box .post h2 a{
	color:#333333;
}
.box .post h2{
	font-size: 18px;
	padding: 10px;
	line-height: 20px;
}
.box .post p{
	font-size: 14px;
	padding: 5px 10px;
}

.box .post img{
	border: 1px solid #dddddd;
	padding: 5px;
	background-color: #FFFFFF;
	margin: 10px;
	float: right;
}

/*=== Traditional Blog Post ===*/
.post-alt{
	margin: 0 0 15px 0;
	
}
.post-alt h2{
	font-size: 22px;
	padding: 0;
	color:#000000;
	line-height: 26px;
}
.post-alt h3{
	font-size: 13px;
	padding-bottom: 5px;
	line-height: 18px;
	color: #000000;
}
.post-alt h4{
	font-size: 14px;
	padding-bottom: 5px;
	line-height: 16px;
}
.post-alt h3 a, .post-alt h2 a{
	color: #000000;
}
.post-alt p{
	padding: 0 0 15px;
}
.post-alt p.post_date{
	color: #999999;
	padding: 5px 0px 10px;
	font-size: 11px;
	font-weight: normal;
}
p.posted{
	font-size: 11px;
	color: #666666;
	font-style: normal;
	font-weight: normal;
	line-height: 19px;
	background-color: #eeeeee;
	padding: 5px;
	margin-top: 10px;
	text-align: right;
	border-top:1px solid #ddd;
	/*border-bottom:1px solid #ddd;*/
	clear:both;
}
h3.posted a {
	color: #000000;
	font-size:11px;
}

.box .post h3.posted {
	border-bottom:none;
}

.author_info {
	float: left;
	width: 573px;
	padding: 10px;
	background-color: #eeeeee;
	border: 1px solid #cccccc;
	margin-bottom: 15px;
}

.author_info h3 {
	margin-bottom: 10px;
}

.author_photo {
	float: right;
	margin:  0 0 0 10px;
	background-color: #ffffff;
}

.author_photo img {
	border: 1px solid #666666;
}

/*=== Buttons ===*/
.continue{
	background: url(images/ico-arrow.gif) no-repeat left;
	font-weight:bold;
	padding-left: 15px;
}
.comments {
	padding-bottom:0px !important;
}
.comments a{
	background: url(images/ico-comm.gif) no-repeat left;
	color: #000000;
	font-weight:normal;
	font-size:11px;
	padding:0px 0px 0px 18px;
	margin-left:5px;
}
a.more{
	background: url(images/ico-arrow2.gif) no-repeat right;
	color: #c0c0c0;
	font-size: 1.2em;
	font-weight: bold;
	padding: 0 20px 0 0;
}
/*=== Traditional Blog Post ===*/
.navigation {
	width:595px;
	margin-bottom:15px;
	float:left;
	padding: 15px 0;
	border-top:  1px solid #eee;
	border-bottom:  1px solid #eee;
}
.navigation a {
	color: #000000;
	font-size: 1em;
	font-weight: bold;
}
.alignleft{
	display:inline;
	float:left;
	margin-right:15px;
}
.alignright{
	display:inline;
	float:right;
	margin-left:15px;
}

/*    Using 'class="alignright"' on an image will (who would've
    thought?!) align the image to the right. And using 'class="centered',
    will of course center the image. This is much better than using
    align="center", being much more futureproof (and valid) */

img.wp-smiley  {
    padding: 0!important;
    border: none!important;
}

img.centered {
    display: block;
    margin-left: auto;
    margin-right: auto;
    }

    /* End Images */


/*========= ARCHIVE SPECIFIC =========*/

#archivebox {
	margin-bottom:15px;
	padding:10px;
	color:#000 !important;
}
#archivebox h4, #archivebox h3, #archivebox h2{
	color:#333333;
}
#archivebox h4 em, #archivebox h2 em, #archivebox h3 em{
	font-weight: normal;
}
#archivebox a, #archivebox h2 {
	color:#000;
}
.archivefeed {
	margin-top:10px;
	padding-bottom:0px;
}
.archivefeed a {
	background:url(images/ico-arcfeed.gif) center left no-repeat;
	height:20px;
	color:#000;
	font-weight:bold;
	font-size: 11px;
	font-weight: normal;
	padding:3px 0px 1px 22px;
}
.arclist{
	width: 260px;
	margin:0px 0px 25px;
	padding:5px 0px 0px;
	border-bottom: 1px solid #eee;
}
.arclist h2{
	color: #000;
	padding:0px 0px 15px;
}

.arclist ul {
	margin-bottom: 15px;
}

.arclist ul li{
	color:#c0c0c0;
	font-size:12px;
	padding:8px 0 8px 10px;
	border-top:1px solid #eee;
}

/*========= SINGLE POST SPECIFIC =========*/

.singletags {
	margin-top:5px;
}
.singletags a { font-weight: normal !important; text-decoration:underline;color:#000000; }
.entry p{
	text-align:left;
	font-size:12px;
	line-height:18px;
	}
.entry blockquote {
	padding: 10px;
	border: 1px solid #ddd;
	color:#000;
	width:85%;
	background-color: #f7f7f7;
	font-style: italic;
	margin:5px auto 15px;
	}
.entry blockquote p {
	font-size:12px;
	padding: 5px 0px;
	margin: 5px 0px;
	line-height: 20px;
	}
.entry img {
	padding: 4px;
	border: 1px solid #dddddd;
	background-color: #FFFFFF;
	}
.wp-caption img {
	margin-bottom:15px;
}
p.wp-caption-text {
	text-align:center;
	padding: 0 0 15px 0;
	margin:0px;
	font-size:1.2em;
	font-style:italic;
	color:#000000;
}
.entry ul, .entry ol {
	margin-bottom:15px;
	font-size:12px;
	line-height:20px;
	}
.entry ul li ul, .entry ol li ol{
	margin-bottom:0px;
	padding-top:3px;
	}
.entry ul li {
	list-style:circle inside !important;
	margin-left:15px;
	padding:3px 0px;
	}
.entry ul li ul li {
	list-style:disc inside !important;
	}
.entry ol li {
	list-style:decimal inside !important;
	font-size:12px;
	padding:3px 0px;
	}
.entry ol li ol li {
	list-style:decimal-leading-zero inside !important;
	}


/*========= COMMENTS =========*/

h2.commh2{
	font-size: 1.5em;
	padding: 0 0 5px;
	margin: 0 0 15px 0;
	font-weight:bold !important;
	color:#000000;
}
ol.commentlist{
	margin: 10px 0 20px;
	padding: 0;
	list-style: none;
	font-size: 12px;
	line-height: 20px;
}
ol.commentlist p{
	margin-bottom:10px;
	line-height: 20px;
}
ol.commentlist cite{
	font-style: normal;
	font-weight: bold;
}
ol.commentlist li{
	padding: 20px 10px 10px 10px;
}
ol.commentlist li.alt{
	padding: 10px 10px 0 10px !important;
	background:#f7f7f7;
	border:1px solid #eee;	
}
#comment {
	width: 595px;
	float: left;
	margin-bottom: 15px;
}

/*========= THREADED COMMENTS =========*/

ol.commentlist .comment-meta{
	font-size:0.8em;
}
ol.commentlist li .avatar { 	
	float:left;
	border: 1px solid #000;
	margin-right: 10px;
}

ol.commentlist li{
	border:1px solid #eee;		
	margin:10px 0 10px;
	padding:15px 10px 10px;
}

ol.commentlist li .even{
	background:#ffffff;
}

.commentlist li ul li {
	margin-left:10px;
	margin-right:-5px;
}

ol.commentlist li .reply {
	padding:0 0 5px 0;
}

#respond p{
	margin-bottom:10px;
	line-height: 20px;
}

/* PageNavi */

.more_entries {font-size:11px;}
.more_entries .wp-pagenavi {clear:both;float: right;}
.more_entries .wp-pagenavi a {text-decoration: none !important;}

.more_entries .wp-pagenavi .current, 
.more_entries .wp-pagenavi .on,
.more_entries .wp-pagenavi a:hover {background: #9f9f9f !important;}

.more_entries .wp-pagenavi a,
.more_entries .wp-pagenavi a:link,
.more_entries .wp-pagenavi a:visited, 
.more_entries .wp-pagenavi .current, 
.more_entries .wp-pagenavi .on,
.more_entries .wp-pagenavi span.pages { background: #EEEEEE;color: #666; padding: 4px !important; margin-left: 4px; border:1px solid #DDDDDD; line-height:24px; }

.more_entries .wp-pagenavi .extend { background:none; border:none; }

/*========= SIDEBAR =========*/

/* Tabs */

#tabs {
	width:308px !important;
	height:auto !important;
	padding:5px;
	border:1px solid #ddd;
	background-color:#eeeeee;
	float:left;
	display: block;
}

.inside {
	width: 293px !important;
	padding:5px !important;
	border:1px solid #ddd !important;
	margin:5px 0px 0px !important;
	background-color: #FFFFFF;

}

ul.wooTabs {
	width: 100%;
	padding: 0 0 7px 0;
}

ul.wooTabs li {
	float: left;
	display:inline;
	font-size: 11px;
	line-height: 34px;
	background: #ffffff;
	color: #000000;
	border:1px solid #ddd;
	font-weight: bold;
	font-size: 11px;
	margin:0px 2px 0px 0px !important;
	cursor: pointer;
}

ul.wooTabs li a {
	line-height: 31px;
	color: #000000 !important;
	display: block;
	float: left;
	padding: 0 6px;
}

ul.wooTabs li a.selected, ul.wooTabs li a:hover {
	text-decoration:none;
	color: #ffffff !important;
}

#tagcloud {
	padding:10px;
}



#sub img {
	float: right;
	margin: 0 0 8px 8px;
}

.inside li {
	border-bottom:1px solid #EEEEEE;
	padding:8px;
}

.inside li img.avatar, .inside li img.thumbnail {
	border: 1px solid #ddd;
	padding: 3px;
	background-color: #ffffff;
	float: left;
	margin: 0 8px 0 0;
}

/*- Ads -*/

#mpu_banner {
	width:300px;
	height:250px;
	background-color:#eeeeee;
	margin-bottom:15px;
	padding: 9px;
	border: 1px solid #dddddd;
}

#advert_125x125 {
	padding-left: 14px;
}

#advert_125x125 img{
	border: 1px solid #ddd;
	padding: 5px;
	margin:0 14px 14px 0;
}

/*- Flickr -*/

#flickr .wrap {
	padding-top: 15px;
}
.flickr_badge_image img {
	float:left;
}
/*=== Styling Widget Lists ===*/

.widget {
	margin-bottom:15px;
}	
.widget h3 {
	padding: 5px;
}
.widget ul {
	margin:0 0 10px 0;
	padding:5px 0;
	border:none !important;
}
.widget ul li {
	border-bottom: 1px solid #eee;
	padding:5px 0 5px 5px;
	margin:0px;
}
.widget ul li a {
	color: #000000;
}
.widget select {
	border:1px solid #eee;
	width:148px;
	margin:15px 0 0 0;
}

.textwidget {
	padding-top: 15px;
}

/*========= FOOTER =========*/

#footer{
	clear: both;
	color: #666666;
	height: 35px;
	line-height: 35px;
	margin:0px 15px 15px;
	padding:0px 15px;
	background-color: #f7f7f7;
	border: 1px solid #ddd;
}

#footer img {
	vertical-align:middle;
	margin-left:5px;
}

/*========= MISC =========*/

.fix{
	clear: both;
	height: 1px;
	margin: 0 0 -1px;
	overflow: hidden;
}
.hl{
	border-bottom: 2px solid #eee;
}
.hl-full{
	float:left;
	clear:both;
	height:1px;
	width:100%;
	padding:0 !important;
	margin:0px 0px 15px;
}
.hl2{
	border-bottom: 3px solid #c0c0c0;
}
.hl3{
	border-bottom: 1px solid #eee;
}
.blog{
	width:100% !important;
	float:left;
}
.between{
	height:2px;
	margin-bottom:15px;
	}
.fl{
	float: left;
}
.fr{
	float: right;
}
.ac{
	text-align: center;
}
.ar{
	text-align: right;
}
.th{
	border: 1px solid #dddddd;
	float: right;
	padding: 5px;
	background-color: #FFFFFF;
	margin: 0 0 5px 10px;
}

table#wp-calendar {
	border-collapse: collapse;
	margin: 0px;
	padding: 0px;
}

table#wp-calendar a {
	color:#000000; 
}

table#wp-calendar caption { 
	font-weight: normal; font-size: 0.91667em; line-height: 1.72727em; text-transform: uppercase; letter-spacing: 2px; background: #e5e5e5; border-bottom: 1px dotted #ddd; 
}
table#wp-calendar th { 
	width: 26px; font-size: 0.91667em; line-height: 1.72727em; background: #f2f2f2; border-bottom: 1px dotted #ddd; text-align: center; 
}
table#wp-calendar td { 
	width: 26px; line-height: 1.66667em; color: #999; text-align: center; 
}
table#wp-calendar td#next, table#wp-calendar td#prev { 
	width: 78px; font-size: 0.83333em; letter-spacing: 1px; text-transform: uppercase; 
}
.gravatar {
	float:left;
	border: 1px solid #000;
	margin-right: 10px;
}
.jdGallery a { cursor:pointer !important; }

/* Slider */

#slider-holder { position: relative; height: 270px; width: 595px; margin-bottom: 20px; overflow: hidden ; color: #fff;background: #000;}
#slider-holder .slide{ position: absolute; top:0px; left: 595px; z-index: 1;height: 270px; width: 595px; overflow: hidden; background: #000;}
#slider-holder .slide-1 { display : block; left:0px; top:0px;}
#slider-holder .slide a {display: block;  }
#slider-holder .slide img {  display: block; position: absolute; top:0px; left: 0px; }
#slider-holder  img.full-mask {  position: absolute; top:0; left: 0px; z-index: 0; display: none; }

#slider-holder .slide-content { position: absolute; top: 270px; left: 0;height: 700px; width: 575px; background: #000; padding: 10px 10px 0 10px;z-index: 999;}

#slider-holder .slider-left, #slider-holder .slider-right {position: absolute;    cursor: pointer; height: 150px; width: 120px; z-index: 999; display: block; color: white; }

#slider-holder .slider-left { left: 0;  top: 0; background: url('images/fleche1.png') no-repeat center bottom;   }
* html #slider-holder .slider-left { background: url('images/fleche1.gif') no-repeat center left; }

#slider-holder .slider-right{right: 0; top: 0; background: url('images/fleche2.png') no-repeat center bottom;}
* html #slider-holder .slider-right { background: url('images/fleche2.gif') no-repeat center right; }

.slider-shelf { z-index: 999; background: #000; position: absolute; top:0; width: 595px; overflow: visible;}
span.clicker { z-index: 999; background: #000; position: absolute; top:0px; right:120px; width: auto; font-size: 11px; display: block; padding: 2px 10px; cursor: pointer;}
.shelf-content { z-index: 9999; position: absolute; top:0; width: 595px;}
.shelf-content img {border:1px solid #fff; margin: 10px 0 0 10px; cursor: pointer;}

.shelf-title {padding: 0px 10px;}

.full {
width:930px;
}