/* Photo gallery template ||| Joshuaink.com ||| March 2005 ||| Free to use but this credit must remain in place */

a.gallery {
	color:#666;
	text-decoration:none;
}

p.gallery,
h2.gallery {
	margin:15px 5px;
}

h2.gallery {
	color:#999;
}

#thumbnails {
    margin: 0;
    padding: 10px 0;
}

#thumbnails li{
    width:165px;
    border:solid #CCC;
    border-width:0 1px 1px 0;
    /*-moz-border-radius:20px;*/
    background:#FFF;
    padding:5px;
    text-align:center;
    position:relative;
    float:left;
    display:inline;
    margin:5px;
}

#thumbnails a:hover span{
    visibility: visible;
    bottom:0px;
    left:0px;
    width:171px;
    background:white;
    color:black;
    padding: 2px;
    font-size:80%;
    border: none;
}

#thumbnails li img {
    width: 150px;
}

#fullplate-navigation {
    list-style:none;
    margin:4px;
}

#fullplate-navigation li{
    display:block;
    width:140px;
    float:left;
    
}

#previous{
	text-align:left;
}

#next{
	text-align:right;
}


#fullplate-navigation li a{
	display:block;
	width:90px;
	padding:10px;
 color: black;   
}

#fullplate-navigation li a:hover{
	color:#333;
}



#fullplate-photo{
    position: relative;
    border:solid #EEE;
    border-width:0 1px 1px 0;
    -moz-border-radius:20px;
    -webkit-border-radius:20px;
    background:#FFF;
    padding:5px 15px 15px 15px;
    margin:0 auto;
    text-align: center;
    width:500px;
    clear: both;
}

#fullplate-photo span {
    position:absolute;
    visibility: hidden;
}

#fullplate-photo:hover span#previous {
    visibility: visible;
    top:70px;
    left:29px;
    width:60px;
    height:20px;
    text-align:left;
    font-size:80%;
    background:white;
    color:black;
    padding: 5px 15px 5px 2px;
    border: none;
    -moz-border-radius-topright: 20px;
    -webkit-border-top-right-radius: 20px;
    -moz-border-radius-bottomright: 20px;
    -webkit-border-bottom-right-radius: 20px;
    /*-moz-border-radius:20px;
    -webkit-border-radius:20px;*/
}

#fullplate-photo:hover span#next {
    visibility: visible;
    top:70px;
    right:29px;
    width:60px;
    height:20px;
    text-align:right;
    font-size:80%;
    background:white;
    color:black;
    padding: 5px 2px 5px 15px;
    border: none;
    -moz-border-radius-topleft: 20px;
    -webkit-border-top-left-radius: 20px;
    -moz-border-radius-bottomleft: 20px;
    -webkit-border-bottom-left-radius: 20px;
    /*-moz-border-radius:20px;
    -webkit-border-radius:20px;*/
}


#thumbnails a span{
/*\*/
	position:absolute;
    visibility: hidden; 
/* 	left:-9999px; */

}




img.gallery {
	border:1px solid #EEE;
        width: 470px;
/* delete line above and uncomment this for an inset effect
	border:1px solid;
	border-color:#666 #EEE #EEE #666;
 */
}