/* @override http://push-test.com/wp-content/themes/carousel/css/scroller.css */

div.scrollable { 
 
    /* required settings */ 
    position:relative; 
    overflow:hidden; 
    width: 517px;
    height: 262px; 
    
}

#lookbook .scroll_holder {
	position: absolute;
	top: 1px;
	right: 89px;
}

#lookbook {
	position: relative;
	margin-bottom: 49px;
} 
 
/* 
    root element for scrollable items. Must be absolutely positioned 
    and it should have a super large width to accomodate scrollable items. 
    it's enough that you set width and height for the root element and 
    not for this element. 
*/

.thumbs a h4{
	margin-top: 5px;
	font-size: 12px;
	margin-left: 2px;
}

 
div.scrollable div.items { 
    /* this cannot be too large */ 
    width:20000em; 
    position:absolute;
	margin-top: 0;
	margin-left: 0;
}

#main_book {
	position: relative;
} 

#lookbook_corner_large{
	background: url(../img/lookbook_siste.png) no-repeat;
	width: 240px;
	height: 218px;
	position: absolute;
	top: 397px;
	left: -24px;
}

#main_book a img.attachment-large {
	width: 394px;
	height: auto;
}

.scroll_holder a.next {
	background: url(../img/lookbook_next.png) no-repeat -45px 0;
	position: absolute;
	top: 0;
	width: 40px;
	right: -45px;
	height: 250px;
	cursor: pointer;
	text-indent: -9999px;
}
 
.scroll_holder a:hover.next {
	background: url(../img/lookbook_next.png) no-repeat -1px 0;
	position: absolute;
	top: 0;
	width: 40px;
	right: -45px;
	height: 250px;
	cursor: pointer;
	text-indent: -9999px;
}
  
 
/* 
    a single item. must be floated on horizontal scrolling 
    typically this element is the one that *you* will style 
    the most. 
*/

#lookbook_info_large {
	position: absolute;
left: 405px;
	background-position: 0 0;
	width: 270px;
	bottom: 0;
}

#lookbook_info_large h1 {
	font-weight: bold;
	color: #25598c;
	line-height: 30px;
	font-size: 29px;
	margin-bottom: 9px;
}

#lookbook_info_large a {
	font-size: 14px;
	margin-top: 0;
	font-weight: bold;
} 

#lookbook_info_large p {
	margin-bottom: 7px;
} 
.thumbs{
	margin-left: 10px;
}

div.scrollable div.items div { 
    float:left; 
    width: 162px;
    height: 245px;
} 
 
/* you may want to setup some decorations to active item */ 
div.items div.active { 
    
    background-color:#fff; 
}

#the_lookbook {
position: relative;
	margin-bottom: 40px;
}

#the_lookbook h1 {
		font-weight: bold;
	color: #25598c;
	line-height: 30px;
	font-size: 29px;
	margin-bottom: 9px;
}

#image_meta h1 {
		font-weight: bold;
	color: #25598c;
	line-height: 30px;
	font-size: 19px;
	margin-bottom: 9px;
}

#the_lookbook span.next a {
	background: url(../img/arrow_left.png) no-repeat -1px 160px;
	width: 162px;
	position: absolute;
	height: 358px;
	text-indent: -999px;
	top: 160px;
	left: 782px;
}



#the_lookbook .previous a {
	background: url(../img/arrow_right.png) no-repeat -1px 160px;
	width: 162px;
	position: absolute;
	height: 358px;
	text-indent: -999px;
	top: 157px;
	left: 262px;
	
	visibility: visible;
}

#lookbook_meta img {
	margin-bottom: 20px;
}

#lookbook_meta {
	position: absolute;
	width: 275px;
	bottom: 0;
}

#image_meta {
	position: absolute;
	width: 200px;
	top: 0;
	right: 0;
}

#fullsize a img.attachment-large {
	padding-left: 300px;
}

#lookbook_scroller{
	float: left;
	height: 290px;

	width: 859px;
}