/* =============================================================================
   Fotografia Styles
   ========================================================================== */

/* =============================================================================
   Layout/ Grid Styles
   ========================================================================== */

.full_column { float:left; width:970px; }
#main_body .full_column h2 { text-transform:lowercase; padding-bottom:10px; border-bottom:solid 1px #ccc; }

/* Sprite assets */
.photosprite { background: transparent url("http://f.i.uol.com.br/fotografia/images/sprite-fotos.png") no-repeat 0 0; display: block; text-indent: -9999px; }
#thumbnails a.next { background-position: -237px -42px; }
#thumbnails a.prev { background-position: -212px -42px; }
#picture a.erro.photosprite { background-position: -236px -307px; }
#picture a.prev { background-position: -212px -87px; }
#picture a.next { background-position: -272px -87px; }

/* =============================================================================
   Link Styles
   ========================================================================== */

#main_body .sections h2 a:link,
#main_body .sections h2 a:visited { color:#0098E5 }

/* =============================================================================
   General Styles
   ========================================================================== */

#thumbnails { width: 890px; padding: 0 25px; margin: 0 auto 0; position: relative; clear: both; }
#thumbnails a.next,
#thumbnails a.prev { position: absolute; top: 18px; display: block; height: 25px; width: 20px; }
#thumbnails a.next { right: 0; }
#thumbnails a.prev { left: 0; }
#thumbnails div { position: relative; width: 100%; height: 70px; overflow: hidden; white-space: nowrap; }
#thumbnails div p { position: absolute; display: block; margin: 0 !important; }
#thumbnails p a { margin-right: 10px; }
#thumbnails p a img { border: 5px solid #fff; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
#thumbnails p a.selected img,
#thumbnails p a:hover img { border-color: #900; }

#picture { position: relative; border-bottom:solid 1px #ccc; }
#picture a.erro.photosprite { width: 20px; height: 18px; float: right; text-decoration: none; margin-top: -23px; margin-top: -24px \0/IE9; }
#picture a.comunicar { color: #000099; font: 11px/18px tahoma,helvetica,sans-serif; float: right; margin: -24px 30px 0 0; *margin: -24px 10px 0 0; }
#picture a.prev,
#picture a.next { display: block; position: absolute; outline: 0; z-index: 10; width: 47px; height: 70px; top: 265px; padding: 0; }
#picture a.prev { left: 0; border-radius: 0 5px 5px 0; -moz-border-radius: 0 5px 5px 0; -webkit-border-radius: 0 5px 5px 0; }
#picture a.next { right: 0; border-radius: 5px 0 0 5px; -moz-border-radius: 5px 0 0 5px; -webkit-border-radius: 5px 0 0 5px; }
* html #picture a.next { right: 14px; }
#photo { position: relative; height: 600px; text-align: center; overflow: hidden; background-color: #efefef; }
#photo p { position: relative; top: 300px; margin: 0; padding: 0; }
#photo img { position: relative; display: block; margin: 0 auto 0; }
#credit { font-size: 11px; text-align: right; margin: 0; font-family:tahoma, sans-serif; }
#legend { padding: 0 10px; margin: 10px 0; font-size: 14px; height:80px; /*height:51px;*/ overflow:hidden; font-size:14px; font-family:tahoma, sans-serif; line-height:22px; color:#333; text-align:center; }
#legend a { font-weight:bold; color:#0098E5; }

.full_column .itemhead { padding-bottom:10px; }
#main_body .full_column .itemhead hr { background:transparent url(http://f.i.uol.com.br/f5/furniture/1/images/bg-border.png); }
.full_column h1 { font-size: 18px; font-weight: 100; font-family:tahoma, sans-serif; color: #333; float:left; width:650px; padding-bottom:15px; }
.full_column p { margin: 0 0 10px 0 }
.full_column #listComments p.date { margin-top: 6px; text-align: right; }
.full_column p.date { margin: 0; font-size: 14px; font-weight: bold; font-family:tahoma, sans-serif; color: #333;  }
.full_column .itemhead p.date a { color:#0098E5; }
.full_column p.legend,
.full_column #listComments p { margin: 0 }
.full_column p.date a { font-weight: bold }

.full_column #listComments p.date a { font-weight: normal }
.full_column #listComments { border: solid 5px #990000; border-style: solid none; margin-top: 30px }
.full_column #listComments p.hat { font-size: 22px; line-height: 54px }
.full_column #listComments ol li { border-top: solid 1px #999; margin-bottom: 25px; padding: 10px 0 0 2px }
.full_column #listComments ol li span.order { display: block; float: left; width: 63px; height: 45px; font-size: 14px; font-weight: bold }

ol.list li { border-bottom: solid 1px #999; padding-bottom: 30px }
ol.list li.last { border: none; padding: 0 }
ol.list li p.more { text-align: center; font-weight: bold; font-size: 14px; background-color: #eeefee; line-height: 24px; }
ol.list li h1 { margin-top: 8px }

.full_column dl.floatLeft { border-right: solid 14px #fff }
.full_column dl dt { margin-top: 14px; font-weight: bold; line-height: 30px; }
.full_column div.latest { float: left; }
.full_column div.latest { width: 100%; color: #0098E5; margin-top: 14px; font-weight: bold; font-size:18px; font-family:tahoma, sans-serif; line-height: 30px; }

ol.listPhotos { width: 970px; }
ol.listPhotos li { float: left; width: 150px; height: 240px; margin: 14px 14px 14px 0; overflow: hidden; font-family:tahoma, sans-serif; font-size:14px; line-height:18px; color:#333; }
ol.listPhotos li.last { clear: right; margin-right: 0 }
ol.listPhotos li a:link,
ol.listPhotos li a:visited { color:#0098E5 }
ol.listPhotos li img { margin-bottom: 5px }
ol.listPhotos li p { margin: 0; }
ol.listPhotos li p.edition { font-weight: bold }
ol.listPhotos li p.hat { color: #0098E5; font-weight: bold; padding:3px 0; }

#paginate { height: 20px; line-height: 20px; padding: 0 5px; text-align: center; margin:10px 0; font-family:tahoma, sans-serif; font-size:12px; color:#333; }
#paginate p { margin: 0; padding: 0; }
#paginate p.label { float: left; font-weight: 700; }
#paginate a { color:#000; }
#paginate a:visited { color:#333; }
#paginate a,
#paginate b { padding: 5px 5px; font-weight: 700; }


/* gostou? leia mais (read more) */
#gallery-read_more h2 { border: 0 !important ; padding: 0 !important; }
#gallery-read_more ul { float: left; margin-bottom: 10px; width: 100% }
#gallery-read_more ul li { display: inline; float: left ; margin-right: 10px; width: 235px }
#gallery-read_more ul .last{ margin: 0 }
#gallery-read_more ul li a { color: #333; float: left }
#gallery-read_more ul li .text{ font-size: 16px; height: 74px; line-height: 18px; overflow: hidden; width: 155px }
#gallery-read_more ul li img { height: 70px; width: 70px }
#gallery-read_more hr { background: transparent url(http://f.i.uol.com.br/f5/furniture/1/images/bg-border.png); border: 0 }