#main {
background-color:#808080;
height:455px;
position:relative;
overflow: hidden;
}
.read-more {
color:white;
font-size:20px;
height:25px;
margin:auto;
position:relative;
right:-88px;
top:46px;
width:75px;
}
.read-more:hover {
color:#000000;
}
.wrap_all {
display:inline-block;
position:relative;
width:900px;
}
#top {
margin:0 auto;
position:relative;
width:900px;
}
#featured {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#808080 url(../images/bg_slice.png) no-repeat scroll center center;
color:#F5F5F5;
height:420px;
position:relative;
}
.featured_item {
display:none;
height:420px;
margin:0 auto;
overflow:hidden;
position:relative;
top:40px;
width:900px;
}
#top .current {
display:block;
}
.featured_text {
background-image:url("../images/curl.png");
background-position:right 0;
background-repeat:no-repeat;
bottom:-313px;
float:right;
height:105px;
letter-spacing:0.4px;
line-height:85px;
position:relative;
right:0;
width:195px;
z-index:2;
}
#featured .entry {
border-bottom:medium none;
height:242px;
margin-bottom:8px;
overflow:hidden;
padding-bottom:0;
}
.featured_image {
height:420px;
overflow:hidden;
position:absolute;
right:0;
top:0;
width:900px;
}
#featured_bottom {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
/*background:transparent url(../images/bg_slice2.png) no-repeat scroll right -55px;*/
height:40px;
left:0;
/*overflow:hidden;*/
position:absolute;
top:0;
width:100%;
}
.preview_images {
bottom:0;
clear:both;
display:inline;
float:none;
font-size:54px;
font-variant:normal;
font-weight:bolder;
height:40px;
letter-spacing:-9px;
line-height: 43px;
margin-left:auto;
margin-right:auto;
position:absolute;
text-align:center;
top:-1px;
word-spacing:45px;
}
.preview_images a:hover{
font-size:18px;
word-spacing:1px;
letter-spacing:-1.2px;
line-height:35px;
color:white;
font-weight:lighter;
background-color: #dedb00;
}
.preview_images a {
/*background-image:url(../images/Chevron.gif);*/
background-position:left center;
background-repeat:repeat-y;
color:#FFF;
display:block;
float:left;
height:40px;
margin-left:0;
margin-right:0;
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:medium;
overflow:hidden;
position:relative;
top:1px;
width:225px;
}
.premages {
/*background-image:url(../images/Chevron.gif);
background-position:0px center;
background-repeat:repeat-y;*/
color:#6E6D6C;
display:block;
float:right;
height:40px;
margin-left:0px;
margin-right:0px;
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:medium;
padding-left:0px;
padding-right:0px;
position:absolute;
top:0;
width:2px;
right: 0px
}
.pointer {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../images/pointer.png) no-repeat scroll left top;
bottom:-13px;
height:12px;
left:105px;
position:absolute;
width:20px;
}
.current_prev {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#5C6263 none repeat scroll 0 0;
/*padding-bottom:2px;*/
color:#808080;
}
a:hover .current_prev {
background:white ;

}
.read-more {
color:#FFF;
height:25px;
margin:auto;
position:relative;
right:-65px;
top:45px;
width:75px;
}


.pikachoose{ 
color: white; 
background-color: #626565; 
margin-left: auto; 
margin-right: auto; 
width: 900px;
}
.pikachoose h2{
padding-bottom: 5px; 
padding-top: 5px; 
color: white;
}
/* This is the ul you have all your images in */
.pikachoose ul{
top: 1px; 
position: relative; 
padding-left:0;
width: 900px;
height: 40px;
margin:0;
overflow:hidden;
}
.pikachoose ul li{
float: left;
border:1px solid #FFFFFF;
padding:2px;
background:#000000;
margin:0 6px 4px 0;
position:relative;
overflow:hidden;
}
.pikachoose ul li div img{
position:relative;
cursor:pointer;
}
/* this is the surroundner for all your elements. This is also the fake border around the main img and room for caption */
.pika_main{
width: 900px;
height: 305px;
display:block;
position:relative;
overflow: hidden;
}
/*sine we give it the fake border, you need to position the image a little. */
.pika_main_img{
position:absolute;
top:0px;
left:0px;
}
.pika_back_img{
position:relative;
top:0px;
}
.pika_subdiv{
position:relative;
background:#777;
}
.pika_subdiv img, .pika_subdiv a img{
border:none;
}
.pika_caption{
color:white;
width: 900px;
height: 35px;
padding-top:4px;
text-align:center;
position:absolute;
bottom: 0px;
left:0px;
background:#52524F;
}
.pika_caption a{
font-weight: bold; 
color:white;
}
.pika_caption a:hover{
text-decoration: underline
}
.pika_play{
position:absolute;
z-index:1;
left:50%;
margin-left:-25px;
width:50px;
top:5px;
}
.pika_play a{
position:relative;
margin-left:auto;
cursor:pointer;
display: block;
width:50px;
height:50px;
background:url('play.png') top center no-repeat;
}
.pika_play a{
position:relative;
margin-left:auto;
cursor:pointer;
display: block;
width:50px;
height:50px;
background:url('pause.png') top center no-repeat;
}
.pika_navigation a{
font-size: 12px; 
text-decoration: none;
}
.pika_navigation a:hover{
text-decoration: underline;
}
.pika_navigation{
padding-top: 0px;
clear:both;
text-align:center;
}

/* if you want to 'hide' these jus make their height and width 1px */
.pika_prev_hover{
position:absolute;
top:5px;
left:5px;
height: 1px;
width:1px;
/*background:url('rewind.png') top left no-repeat;*/
}
.pika_next_hover{
position:absolute;
top:5px;
right:5px;
height: 1px;
width:1px;
/*background:url('fastf.png') top right no-repeat;*/
}