/* Irishlightandcolour.com Gallery CSS File
Thumbnail Container, Thumbnail Pager, Image, Image Description 

/* =================THUMBNAILS */
#thumbs {float: right; width: 284px; margin-right: -60px;}

#thumbs a.landscape, a.portrait{
float: left; width: 120px; height: 120px; background: #fff; margin: 5px 5px 5px 5px; border: 1px dotted #c79c1d; }

#thumbs a.landscape:hover, a.portrait:hover {
border: 1px solid #cccc99; background:#cccc99;
}

#thumbs a img.landscape {
width: 110px; height: 77px; padding: 21px 0px 0px 0px; border:none; }

#thumbs a img.portrait { width: 77px; height: 110px; border:none; 
}

/* =================THUMBNAIL PAGING.. */
.forward, .back{display: block; width: 28px; height: 28px; color: #fff; text-decoration:none; clear:both; padding:0px;}

.forward{ background: #fff url(../images/Next6.gif) no-repeat 0 0; margin-left:139px; }
.back{ background: #fff url(../images/Prev6.gif) no-repeat 0 0; margin-left:100px; }

.forward:hover, .selected a {background-color: #369; background-position: -56px 0px; color: #fff; }
.back:hover, .selected a { background-color: #369; background-position: -56px 0px; color: #fff; }

.forward:active{background-position: right; background-position: -28px 0px; }
.back:active{background-position: right; background-position: -28px 0px; }

/* =================MAIN IMAGE ..*/
#gallery #maincontent h1{margin-bottom:10px; font-size:1.5em;}
#main_image{float:left;}
#main_image img.landscape, img.portrait {margin-top:5px;}
#main_image img.landscape {margin-left:0px;}
#main_image img.portrait {margin-left:50px;}

/* ================= IMAGE CAPTION.. */
.caption {font-size: 1.2em; margin:15px 0px 20px 0px; color:#336633;}

/* =================IMAGE DETAILS.. */
#imageDetails{width:380px; line-height: 1.2em; padding:3px; clear:left;}
#imageDetails p:first-letter {font-size: 1.5em;}