/* 
* HTML elements
*/
body { 
  padding:5px 15px; 
}
a img { 
  border:1px solid #0027E3; 
}
h1 {
  background:#E5ECF9;
  padding:5px 10px;
  border-top:1px solid #3366CC; 
  font-size:110%;
  font-weight:bold;
}
h2 {
  font-size:130%;
  margin-bottom:5px;
  padding-bottom:5px;
  font-weight:bold;
}
/* 
* Layout 
*/
#header {
  background:url(//www.google.com/ig/images/igoogle_logo_sm.gif) no-repeat;
  padding-top:10px;
  padding-left:170px;
  height:45px;
}
#nav {
  float:left;
  width:160px;
}
#main {
  margin-left:170px;
}
#sidebar {
  float:right;
  width:260px;
}
#footer {
  clear:both;
}
#artist #container {
  width:785px;
}
#gaia {
  text-align:right;
  margin-bottom:7px;
  padding:5px;
  border-bottom:1px solid #ccc;
}
#wrapper { 
  min-width:900px; /* Note: Has to be enforced with Javascript for IE 6 */
}
/*
* General use classes
*/
.clear { /* div clear fix needed for Netscape */
  height:0; 
  clear:both; 
} 
.left { 
  float:left; 
}
.backlink {
  display:block;
  padding-bottom:10px;
  font-weight:bold;
  width:220px; 
}
.small { 
  font-size:85%; 
}
.center { 
  text-align:center; 
}
.feed {
  background:url(../rss.gif) no-repeat 0 50%;
  padding-left:17px;
}
.smallgray {
  font-size:85%;
  color:#666;
}
.black {
  color:#000;
}
a.tinylink {
  font-size:85%;
  color:#7777CC;
  padding-left:10px;
}
/* 
*  Navigation
*/
#header .nav {
  background:#E5ECF9;
  padding:5px 10px;
  border-top:1px solid #3366CC; 
  font-size:110%;
  font-weight:bold;
}
#header .nav li {
  display:inline;
  padding-right:20px;
}
#header .nav a {
  text-decoration:none;
}
#header .nav a.selected {
  color:#000;
}
#nav li { 
  padding-top:5px;
}
#nav li.navhead {
  font-size:110%;
  font-weight:bold;
  padding-top:0;
  color:#666;
}
#nav li.selected {
  font-weight:bold;
}
#nav li.cat {
  padding-top:25px;
}
#nav li.rss {
  margin-top:25px;
  padding:0 0 0 15px;
  background:url(../rss.gif) no-repeat 0 50%;
}
#nav li.active {
  font-weight:bold;
}
#nav {
  padding:9px 10px 0 0;
}
.tabs {
  background:#E5ECF9;
  padding:10px 0 5px 0;
  border-bottom:1px solid #3366CC; 
  font-size:110%;
  font-weight:bold;
}
.tabs li {
  display:inline;
}
.tabs li a {
  padding:3px 20px 5px 20px;
  margin-left:7px;
}
.tabs a.selected {
  background:white;
  border:1px solid #3366CC;
  border-bottom: 1px solid white;
  color:#666;
  text-decoration:none;
}
/* 
* Footer
*/
#footer p {
  padding-top:20px;
}
#footer p.pagelinks {
  margin-left:170px;
  margin-right:280px;
  text-align:center;
  padding-top:20px;
}
#footer p.backlink {
  padding-top:20px;
  width:220px; 
  float:left;
}
#footer p.pagelinks a {
  padding-left:5px;
}
#footer p.fineprint {
  clear:both;
  border-top:1px solid #7AA5D6;
  margin-top:15px;
  color:#333;
}
#footer p.fineprint a {
  color:#7777CC;
}
/*
* Artist themes
*/
body { padding-top:15px; }
.artist { 
  width:200px; float:left; margin-right:20px; padding-top:4px; height:140px;
}
.name {
  font-size:14px; font-weight:bold; height:2.8em; vertical-align:bottom; border-bottom:none; padding-bottom:2px;
}
.artist a { text-decoration:none; }
.button {
  padding-top:8px; 
  text-align:center;
}
.backtoig { float:right;padding-top:1em; }
.action { width:300px; padding:0.4em; text-align: center; border: 1px solid #93b4d9; background-color: #cadef4; float: right; margin: 0 0 1em 1em; }
.action a.button { background:url(images/button.jpg) no-repeat; display:block; width:277px; line-height:38px; height:38px; margin:0 auto; padding:0; color:#fff; text-decoration:none; text-align:center; font-weight: bold; font-size:1.3em; }
.action p { padding:5px 0; }
.artlink { padding-top:1em; }
.red { color: #CC0000 }
a.add { background:url(//gmodules.com/ig/images/plus_google.gif) no-repeat; line-height:17px; padding-left:70px; display:block; }
.gadget { border:1px solid #ccc; padding:5px; }
.gadgetlink { padding-top:.5em; }
.gadgetlink a img { border:none; }