@import url(//www.google.com/css/gcs-v2.css);
@import url(//www.google.com/css/modules/buttons/g-button.css);

/* iGoogle - nature themes */
body {margin: 10px 5px;}
p {margin: 10px 0; max-width: 1000px;}
h1 {margin: 10px 0;}
h2 {margin: 20px 0 10px 0;}
h2 .artist{color:#666;}
.button {float:right;}
.more-themes { margin: 0 10px 0 0; clear:left; display:block; text-align:right;}
.footer {color:#666; margin-top:20px;text-align:center;}
.info {margin: 20px 0 0 0; clear:both;}

#scroller {width: 688px !important;}
#scrollerViewport {width: 686px;}
#scrollerViewport a {width: 88px;}
#scrollerViewport {height: 152px;}
#scrollerViewport a {height: 135px;}
#pagePrevious, #pageNext {height: 137px;}
#scroller {height: 137px;}
#scrollerViewport.scrollerNoOverflow {height: 135px;}
#scrollerViewport ul {width: 2058px;}
#scroller {position: relative; width: 100%; margin: 5px auto 20px auto; background: #CDCDCD;}
#scrollerViewport {overflow: auto; background: url(../images/bg_scroller.gif) repeat-x #e8e8e8;position: absolute; top:1px; left:1px; margin:0; overflow-y: hidden;}
#scrollerViewport a {display: block; text-align: center; padding: 0 5px; margin: 0; line-height: 120%; overflow: hidden;}
* html #scrollerViewport a {border-color: #F1F1F1;}
#scroller a, #scroller a:hover, #scroller a:active, #scroller a:focus {outline: none !important; color: #00c; cursor: pointer;}
#scrollerViewport a:hover {background: url(../images/bg_scroller_invert.gif) repeat-x;}
#scrollerViewport a.selectedItem, #scrollerViewport a.selectedItem:hover {background: #fff url("../images/bg_selected.gif") no-repeat;}
#scrollerViewport a img {display: block; width: 68px; height: 68px; border: 1px solid #999; margin: 10px auto 5px auto;}
#scrollerViewport a.selectedItem {text-decoration: none; color: #000; cursor: default; border: 1px solid #cdcdcd; border-width: 0 1px; padding: 0 4px; font-weight: bold;}
.selectedPageLink {color: #a90a08; text-decoration: none;}
.disabledControl {color: #99f; text-decoration: none;}
#scrollerViewport ul {overflow: hidden;}
ul, li {list-style: none; padding: 0; margin: 0;}
li {float: left;}
#scrollerControls {display: none;}
#pagePrevious, #pageNext {background: url(../images/nav_left.gif) no-repeat #e8e8e8; display: block; width: 26px; text-indent: -999em; position: absolute; top: 0; left: -26px;}
#pageNext {background: url(../images/nav_right.gif) no-repeat #e8e8e8 top right; left: auto; right: -26px;}
#pagePrevious:hover {background-position: -50px;}
#pagePrevious.disabledControl {background-position: -100px; cursor: default;}
#pageNext:hover {background-position: -74px;}
#pageNext.disabledControl {background-position: -24px; cursor: default;}
.item { clear: both; overflow: hidden; margin: 3px 0 20px 0;}
.item img { float: left; margin: 0;}
.item div.section { overflow: hidden; margin:0;}
.item div.section img{ margin: 0 0 19px 3px;}
.item h3, .item p {margin: 0 0 .5em;}

* html .item {height: 1%;}
* html .section {float:left;}
* html .item.displayItemContent div.section {width: 343px;}
* html .item.displayItemContent div.g-button-basic {width: 313px !important;}

.item.displayItemContent h3, .item.displayItemContent p {clear: both;}
.item.displayItemContent { border: none; padding-top: 0;}

.rtl {text-align:right; direction:rtl;}
.rtl h2 {margin: 20px 0 10px 0;}
.rtl .button{float:left;}

span.thumb {background: #F0F0F0 url(images/thumbs.jpg) no-repeat center center; width:68px; height:68px; float:left; margin: 10px 9px 5px 9px; display:block; border: 1px solid #999;}

span.themes-shadow {background: #F0F0F0 url(images/thumbs.jpg) no-repeat center center; width:68px; height:68px; display:block; border: 1px solid #999;}
.displayItemContent span.themes-shadow {background: url(../images/themes-frame.png) no-repeat top left; width:750px; height:250px; display:block; border:0;background-position: 0 0 !important;}

span.audubonbackyard, .audubonbackyard span.themes-shadow {background-position: 0 0;}
span.loughmountains, .loughmountains span.themes-shadow {background-position: 0 -68px;}
span.ilcpgreat, .ilcpgreat span.themes-shadow {background-position: 0 -136px;}
span.brandenburg, .brandenburg span.themes-shadow {background-position: 0 -204px;}
span.kalisherblackwhite, .kalisherblackwhite span.themes-shadow {background-position: 0 -272px;}
span.loughdeserts, .loughdeserts span.themes-shadow {background-position: 0 -340px;}
span.wolfetravels, .wolfetravels span.themes-shadow {background-position: 0 -408px;}
span.ilcpcalifornia, .ilcpcalifornia span.themes-shadow {background-position: 0 -476px;}
span.bbcfrozen, .bbcfrozen span.themes-shadow {background-position: 0 -544px;}
span.anselgallery, .anselgallery span.themes-shadow {background-position: 0 -612px;}
span.ngshallow, .ngshallow span.themes-shadow {background-position: 0 -680px;}
span.audubonprey, .audubonprey span.themes-shadow {background-position: 0 -748px;}
span.ilcpecosystems, .ilcpecosystems span.themes-shadow {background-position: 0 -816px;}
span.audubonsongbirds, .audubonsongbirds span.themes-shadow {background-position: 0 -884px;}
span.ngocean, .ngocean span.themes-shadow {background-position: 0 -952px;}
span.bbcnature, .bbcnature span.themes-shadow {background-position: 0 -1020px;}
span.ngwildlife, .ngwildlife span.themes-shadow {background-position: 0 -1088px;}
span.wolfewildlife, .wolfewildlife span.themes-shadow {background-position: 0 -1156px;}
span.ilcpdiversity, .ilcpdiversity span.themes-shadow {background-position: 0 -1224px;}
span.kalishercolor, .kalishercolor span.themes-shadow {background-position: 0 -1292px;}
span.nglandscapes, .nglandscapes span.themes-shadow {background-position: 0 -1360px;}

.displayItemContent .audubonbackyard {background: url(images/audubonbackyard.jpg) no-repeat left top; width: 750px; height:250px; display:block;}
.displayItemContent .loughmountains {background: url(images/loughmountains.jpg) no-repeat left top; width: 750px; height:250px; display:block;}
.displayItemContent .ilcpgreat {background: url(images/ilcpgreat.jpg) no-repeat left top; width: 750px; height:250px; display:block;}
.displayItemContent .brandenburg {background: url(images/brandenburg.jpg) no-repeat left top; width: 750px; height:250px; display:block;}
.displayItemContent .kalisherblackwhite {background: url(images/kalisherblackwhite.jpg) no-repeat left top; width: 750px; height:250px; display:block;}
.displayItemContent .loughdeserts {background: url(images/loughdeserts.jpg) no-repeat left top; width: 750px; height:250px; display:block;}
.displayItemContent .wolfetravels {background: url(images/wolfetravels.jpg) no-repeat left top; width: 750px; height:250px; display:block;}
.displayItemContent .ilcpcalifornia {background: url(images/ilcpcalifornia.jpg) no-repeat left top; width: 750px; height:250px; display:block;}
.displayItemContent .bbcfrozen {background: url(images/bbcfrozen.jpg) no-repeat left top; width: 750px; height:250px; display:block;}
.displayItemContent .anselgallery {background: url(images/anselgallery.jpg) no-repeat left top; width: 750px; height:250px; display:block;}
.displayItemContent .ngshallow {background: url(images/ngshallow.jpg) no-repeat left top; width: 750px; height:250px; display:block;}
.displayItemContent .audubonprey {background: url(images/audubonprey.jpg) no-repeat left top; width: 750px; height:250px; display:block;}
.displayItemContent .ilcpecosystems {background: url(images/ilcpecosystems.jpg) no-repeat left top; width: 750px; height:250px; display:block;}
.displayItemContent .audubonsongbirds {background: url(images/audubonsongbirds.jpg) no-repeat left top; width: 750px; height:250px; display:block;}
.displayItemContent .ngocean {background: url(images/ngocean.jpg) no-repeat left top; width: 750px; height:250px; display:block;}
.displayItemContent .bbcnature {background: url(images/bbcnature.jpg) no-repeat left top; width: 750px; height:250px; display:block;}
.displayItemContent .ngwildlife {background: url(images/ngwildlife.jpg) no-repeat left top; width: 750px; height:250px; display:block;}
.displayItemContent .wolfewildlife {background: url(images/wolfewildlife.jpg) no-repeat left top; width: 750px; height:250px; display:block;}
.displayItemContent .ilcpdiversity {background: url(images/ilcpdiversity.jpg) no-repeat left top; width: 750px; height:250px; display:block;}
.displayItemContent .kalishercolor {background: url(images/kalishercolor.jpg) no-repeat left top; width: 750px; height:250px; display:block;}
.displayItemContent .nglandscapes {background: url(images/nglandscapes.jpg) no-repeat left top; width: 750px; height:250px; display:block;}
