/*=====================================================
 ExpressionEngine Gallery - Alternative Template Method - by 5pieces.com
 http://www.5pieces.com/blog/alternative-gallery-template
 Copyright (c) 2008 John Henry Donovan.
===================================================== */
 #middle_gallery	
{
width: 500px;  /* 467 */
height: auto;
float: left;
clear: both;
padding-left: 5px;
padding-right: 5px;
padding-top: 20px;
/*background: url(../imgs/midle_light.png) repeat-y; */
font-family: Verdana;
font-weight: normal;
color: #000000;
font-size: 11px;
}

#content {
 left:              0px;
 right:             10px;
border: 0px solid 	#fff;
 margin:            0px 1px 0px 1px;
 padding:           2px 5px 0px 5px;
 width:             auto;
}

* html #content {width: 100%; width: auto;}
 
/* h2 replaced with the default in SFV 900 */
  

 /*   4 the main gallery first page*/
.catThumbs{width:95%;text-align:center; padding:5px;border: 0px dotted #2D2D2D;min-height:200px;margin:10px;float:left;}

.catThumbs img{margin:0px;border-bottom:3px solid #000000;border-right:3px solid #000000;border-top:none;border-left:none;padding: 6px 6px 12px 6px;background:#fff;}

.catThumbs a:hover img{margin:0px;border-bottom:3px solid #000000;border-right:3px solid #000000;border-top:none;border-left:none;padding: 6px 6px 12px 6px;background:#F4ECC7;}

.catThumbs span {text-decoration:none;font:16px Verdana, arial, sans-serif; font-weight:normal; color:#526347; margin:3 0 10px 0;}
.catThumbs a {text-decoration:none;font:16px Verdana, arial, sans-serif; font-weight:normal; color:#634C10; margin:3 0 10px 0;}


/* .catThumbs p{font: normal normal 11px "Courier New", Courier, monospace;margin:0;padding:0;} */
.catThumbs p{font: normal normal 11px "Verdana", Courier, monospace; margin:0;padding:2px;}

.totalFiles{ color: #526347; text-align: center; }

			/* note check other */
.breadCrumb {font:11px Verdana; margin:5px 0 10px 10px;text-align:left;}  
.breadCrumb a:link{color:#CC6633;text-decoration:none;}
.breadCrumb a:visited{color:#CC6633;text-decoration:none;} 
.breadCrumb	a:hover{color:#FFFF66;text-decoration:underline;}
.breadCrumb a:active{color:#FF9900;text-decoration:none;} 
 
 /*  ORDER of links  */
    /* unvisited link */
  /* visited link */
    /* mouse over link */
   /* selected link */
  
 
/* 4 thumbs area and style 2ndpage */
#content #one { float:left; width:510px; position: relative; top : 10px;text-align:center; padding:5px;border: 0px dotted #2D2D2D;min-height:260px;}

.thumbs{float:left;margin:8px;}

.thumbs img{margin:0px;border-bottom:1px solid #DEE4D8;border-right:1px solid #DEE4D8;border-top:none;border-left:none;padding: 3px 3px 6px 3px;background:#fff;}

.thumbs a:hover img{margin:0px;border-bottom:1px solid #DEE4D8;border-right:1px solid #DEE4D8;border-top:none;border-left:none;padding: 3px 3px 6px 3px;background:#F4ECC7;}

/* 4 the full image top area */
#content #two { float: left; width: 504px; position: relative; top : -20px; margin-left:5px;text-align:left;}

.caption { margin:  -2px 0 0px 0; width: 100%; /* width 420px*/
 background-color:  #DEE4D8;
 font-family:  "Verdana", Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
 font-size: 9px; color: #fff; padding:  1px      0px     1px 7px;  
                                        /* top   right    bottom   left          */
}

#toptitle{font:16px Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; 
font-weight:normal; letter-spacing:-0.05em;color: #b70e1d;margin:10px; 
padding:           12px 5px 0px 5px;
text-align:center;}

/* 4 borderback of full image */
.fullsize {text-align:center;}
.fullsize img{border:0px solid #634C10;}

#pagination{text-align:left;}

/* .caption{font: normal normal 10px Arial, Helvetica, sans-serif;text-align:left;color:#ffffff;margin:10px 25px 10px 25px;text-align:right;padding:5px;border: 1px dotted #2D2D2D;} */
  

@media screen {#content {overflow: hidden;_height: 0;_overflow: visible;}