/*	feeds.css - main styles used for RSS Feeds
 *	Developed by e4education (www.e4education.co.uk)
 *  Edited on 30th July 2008 */
#photoAlbum                            {width: 100%;}
#albumDescription                      {padding-bottom: 20px;}
#albumImages                           {padding-left: 5%; padding-right: 5%;}	
#albumImages img                       {padding: 5px;}
img                                    {margin: 3px !important;}
ul#photoGalleryList                    {list-style-type: none;}
ul#photoGalleryList li                 {display: inline; float: left; margin: 0 !important; padding: 10px; width: auto !important; text-align: center;}
ul#imageList                           {list-style-type: none;}
ul#imageList li                        {display: inline; float: left; margin: 0 !important; padding: 10px; width: 150px !important; text-align: center;}
ul#imageList a,
ul#photoGalleryList a  {border: none;}
.previousImage                         {float: left; width: 50%; text-align: left;}
.nextImage                             {float: right; width: 50%; text-align: right;}
#mainImage                             {clear: both;}
/* Gallery Thumbnail Frame */
.imageHeading                          {width: 100%;}
.imageHeading .imageHeadingLeft        {float: left; width: 4px;}
.imageHeading .imageHeadingMiddle      {float: left; padding-left: 3px; padding-right: 3px;}
.imageHeading .imageHeadingRight       {float: left; width: 4px;}
.imageMain                             {clear: left; margin-top: -2px;}
.imageMain .imageMainLeft              {float: left; width: 4px;}
.imageMain .imageMainMiddle            {float: left; padding-left: 3px; padding-right: 3px; width: auto;}
.imageMain .imageMainRight             {float: left; width: 4px;}
.imageFooter                           {clear: left;}
.imageFooter .imageFooterLeft          {float: left; width: 4px; height: 100%;}
.imageFooter .imageFooterMiddle        {float: left; padding-left: 3px; padding-right: 8px; height: 40px; overflow: hidden;}
.imageFooterMiddle                {padding-bottom: 20px; /* Enough room for 4 lines of text */ padding-top: 5px; line-height: 120%; font-size: 90% !important;}
.imageFooter .imageFooterMiddle2       {float: left; padding-left: 3px; padding-right: 11px;}
.imageFooter .imageFooterRight         {float: left; width: 4px; height: 100%;}
.imageEnd                              {clear: left;}
.imageEnd .imageEndLeft                {float: left; width: 4px; height: 9px;}
.imageEnd .imageEndMiddle              {float: left; padding-left: 3px; padding-right: 3px; height: 9px; }
.imageEnd .imageEndRight               {float: left; width: 4px; height: 9px;}
.imageEditButtons                      {clear: both; padding-top: 5px; width: 100%;}
/* Gallery Image Thumbnail Frame */
.thumbnailImage .thumbnailHeading      {}
.thumbnailImage .thumbnailHeading .thumbnailHeadingLeft {float: left; width: 4px; height: 9px;}
.thumbnailImage .thumbnailHeading .thumbnailHeadingMiddle {float: left; padding-left: 3px; padding-right: 3px; height: 9px;}
.thumbnailImage .thumbnailHeading .thumbnailHeadingRight {float: left; width: 4px; height: 9px;}
.thumbnailMainRight  {height: 0 !important;}
.thumbnailMain                         {clear: left; margin-top: -8px;}
.thumbnailMain .thumbnailMainLeft      {float: left; }
.thumbnailMain .thumbnailMainMiddle    {float: left; padding-left: 3px; padding-right: 3px; width: auto;}
.thumbnailMain .thumbnailMainRight     {float: left; width: 4px;}
.thumbnailFooter                       {clear: left;}
.thumbnailFooter .thumbnailFooterLeft  {float: left; width: 4px; height: 100%;}
.thumbnailFooter .thumbnailFooterMiddle{float: left; padding-left: 3px; padding-right: 8px;}
.thumbnailFooter .thumbnailFooterMiddle2{float: left; padding-left: 3px; padding-right: 11px;}
.thumbnailFooter .thumbnailFooterRight {float: left; width: 4px; height: 100%;}
.thumbnailEnd                          {clear: left;}
.thumbnailEnd .thumbnailEndLeft        {float: left; width: 4px; height: 9px;}
.thumbnailEnd .thumbnailEndMiddle      {float: left; padding-left: 3px; padding-right: 3px; height: 9px;
}
.thumbnailEnd .thumbnailEndRight       {float: left; width: 4px; height: 9px;}
.thumbnailEditButtons                  {clear: both; padding-top: 5px; width: 100%;}