html {  
  margin: 0;
  font-size: 75%;
  font-family: Arial, verdana, tahoma;
  color: #333;
}

body {
  margin: 0;
  padding: 0;
  background-color: #FFF;
}

a {
  color: #004B0C;
  text-decoration: none;
  font-weight: bold;
}

a:hover {
  color: #4F7700;
}

a img {
  border: 0;
}

p, h1, h2, h3 {
  margin-top: 0;
}


#main {
  position: relative;           
  width: 962px;
  margin: 0 auto 0 auto;
  background-color: #FFF;
  
}

/* HEADER */

#header {
  position: relative;
  height: 106px;
  width: 962px;
  background: url(http://www.hippyshopper.com/images/headerbg3.jpg) top left no-repeat #C1DFD5;
  border-bottom: 3px #336600;
  clear: both;
  margin-bottom: 0px;
  
}

#header #headerimage {
  bottom: 0px;
  float: left;
  margin-right: 0em;
}

#click {
float: left;
position: absolute;
left: 0px;
top: 0px;
z-index:2;
height: 80px;
}


/* TOP NAV */



ul#topnav { 
             font-weight: bold;
             list-style-type: none;
             padding-right: 10px;
             float: left;
             width: 510px;
             margin-bottom: 0;
             margin-top: -18px;
             margin-left: 180px;
             position: relative;                        
}


ul#topnav li {
font-family: arial, Helvetica sans-serif;
font-size: 0.9em;
float: left;
background-color: #669900;
border-top:1px solid #336600;
border-left:1px solid #336600; 
border-right:1px solid #336600;  
 // background-image: url(http://www.hippyshopper.com/images/topnavbutton.jpg);
/* padding: 0.2em; */
margin: 0px 2px 0px 2px; /*spaces between tabs */
color: #fff;
}





ul#topnav a:link, 
     ul#topnav a:visited {
                     display: block;
                     color: #fff;
                     background-color: inherit;
                     padding: 4px;
                     text-decoration: none;
                             
}  


ul#topnav a:active, ul#topnav a:hover, ul#topnav a.here:link, 
     ul#topnav a.here:visited  {
                     color: #336600;
                     text-decoration: none;
                  background-color: #fff;
                     // background-image: url(http://www.hippyshopper.com/images/topnavbuttonhover.jpg);
}


#search {
                    float: right;
                    clear: right;
                    width: 200px;
                    padding-right: 10px;
                    margin-top: -20px;
}

.searchbutton {
                      background-color: #000;
                      width: 85px;
                      height: 20px;
                      color: #FFF;
                      font-family: Trebuchet MS, Helvetica;
                      font-size: 0.9em;
                      border: 0px;
            cursor: pointer;
}

/* CONTROL */

#control { 
          position: relative;
          width: 962px;
          height: 40px;
          background: url(http://www.shinyshiny.tv//images/control.jpg) top left no-repeat #fff;
          border-bottom: 1px solid #ccc;
          margin-bottom: 20px;
}
.button {
            background-color: #000;
            color: #fff;
           /* font-size: 0.9em; */
            font-family: Trebuchet MS, Helvetica;
            border: 1px solid #000;
            height: 19px;
            cursor: pointer;
}

.button2 {
            background-color: #000;
            color: #FFF;
            font-size: 0.9em;
            font-family: Trebuchet MS, Helvetica;
            border: 0px;
            width: 200px;
            height: 20px;
            cursor: pointer;
}



td.controltext {
                color: #333;
                font-size: 0.9em;
                vertical-align: top;
}

td.right {
                vertical-align: top;
}

#control select {
                        font-size: 1.1em;
                        color: #000;
                        width: 150px;
}

table {
margin: 6px 0 0 10px;
}


/* POSTS */

#posts {
  width: 463px;
  float: left;
  background-color: #FFFFFF;
  margin-right: 0px;
  margin-left: 0px;
} 

.banner {
             width: 460px;
             margin-bottom: 20px;
}

.button {
            background: url (http://www.hippyshopper.com/images/sendbutton.jpg) no-repeat center top #000;
            color: #fff;
            font-size: 6pt;
            width: 52px;
            height: 18px;
}


.textbox {
             background-color: #000;
             color: #fff;
             font-size: 10pt;
             width: 110px;
             height: 18px;
             border: 0;
            
}

.post {
  width: 461px;
  margin-bottom: 30px;
  overflow: hidden;
  border-left: 1px solid  #C1DFD5; 
  border-right: 1px solid  #C1DFD5; 
  border-top: 1px solid  #C1DFD5;   
  border-bottom: 1px solid #C1DFD5;
  background: url('http://www.hippyshopper.com/images/postgrad.gif') top left repeat-x #fff;
}

html > body .post{
  width: 461px;
  margin-right: 10px;
}


#posts h2 {
  padding: 10px 10px 20px 10px;
  color: #669900;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 10px;
  margin-top: 0px;
}

#posts h3 {
  padding: 10px 10px 20px 10px;
  color: #669900;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 10px;
}


.post p img  { 
                  /*   display:block; */
                    margin: 0px 10px 15px 0px;
              /*     float: right; */ 
                    border: 6pt solid #EFEFEF; 
                    padding: 0px;
}
                 



.post p {
  color: #333;
  margin-left: 10px;
  padding-right: 10px;
  margin-bottom: 0.8em;
}

.meta {
  background-color: #EFEFEF;
  margin-right: 10px;
  margin-left: 10px;
  font-size: 0.97em;
  color: #333;
  margin-bottom: 10px;
  padding: 5px;
  border-top: 1px dashed #15132f;
}

a.continuereading {
                          background-color: #4F7700;
                          background-repeat: no-repeat;
                          height: 30px;
                          width: 170px;
                          clear: both;
                          margin: 20px 0 20px 10px;
                          color: #FFFFFF;
                          padding: 0.5em 0.9em 0.5em 0.9em;
                          font-weight: bold;
                          font-size: 9pt;
                          border: 1px solid #003366;
                          
}

html > body a.continuereading {
                          margin: 20px 0 20px 0;
}

a.continuereading:hover {
                          background-color: #004B0C;
}



/* END POSTS */

/* PAGINATION */


.pagination .pa_current {
                                   display: table-cell;
                                   text-align: center;
                                   float: left;
                                   font-size: 1em;
                                   height: 19px;
                                   width: 22px;
                                   background-color: #000;
                                   border: 1px solid #000;
                                   color: #fff;
                                   font-weight: bold;
                                   padding-top: 3px;
                                   margin: 0 4px 0 0;
}

.pagination .pa_link {
                                   display: table-cell;
                                   text-align: center;
                                   float: left;
                                   font-size: 1em;
                                   height: 19px;
                                   width: 22px;
                                   background-color: #fff;
                                   border: 1px solid #999;
                                   color: #444;
                                   padding-top: 3px;
                                   margin: 0 4px 0 0px;
                                   font-weight: normal;
}

.pagination .pa_link:hover {
                                   display: table-cell;
                                   text-align: center;
                                   float: left;
                                   font-size: 1em;
                                   height: 19px;
                                   width: 22px;
                                   background-color: #fff;
                                   border: 1px solid #000;
                                   color: #00003C;
                                   font-weight: bold;
                                   padding-top: 3px;
                                   margin: 0 4px 0 0;
}






.pagination .pa_prev {
                                   display: table-cell;
                                   text-align: center;
                                   float: left;
                                   font-size: 1em;
                                   height: 19px;
                                   color: #444;
                                   font-weight: bold;
                                   padding: 0;
                                   margin: 0 4px 0 0px;
}

.pagination .pa_prev:hover {
                                   color: #000;
}

.pagination .pa_next {
                                   display: table-cell;
                                   text-align: center;
                                   float: left;
                                   font-size: 1em;
                                   height: 19px;
                                   color: #444;
                                   font-weight: bold;
                                   padding: 0;
                                   margin: 0 0px 0 4px;
}

.pagination .pa_next:hover {
                                   color: #000;
}

   
.pagination {
                  height: 22px;
                  margin: 0 0 30px 0;                          
}

.pagination p {
                     height: 22px;
                     float: left;
                     font-size: 1em;
                     color: #444;
                     font-weight: normal;
                     padding-top: 0px;
                     margin: 0 4px 0 0px
}

.pagination p.begin {
                     height: 19px;
                     display: table-cell;
                     vertical-align: middle;
                     float: left;
                     font-size: 1.1em;
                     color: #999;
                     font-weight: bold;
                     padding-top: 3px;
                     margin: 0 10px 0 0px;
}

.pagination p.end {
                     height: 19px;
                     display: table-cell;
                     vertical-align: middle;
                     float: left;
                     font-size: 1.1em;
                     color: #999;
                     font-weight: bold;
                     padding-top: 3px;
                     margin: 0 0 0 4px;
}

/* CAPTCHA CODE */
.field img {
            margin-bottom: 10px;
}

input#captcha_code {        
            background-color: #E7F0F6;
            border: 2px solid #ddd;
            width: 146px;
            height: 21px;
}

/* END CAPTCHA CODE */

/* SIDEBAR */



#sidebar {
width: 490px; 
float: right; 
margin-left: 0px;
margin-right: 0px;
}


/* ADVERTS AND LINKS */




#advertise {
  width: 488px;
  border-left: 1px solid  #C1DFD5;
  border-right: 1px solid  #C1DFD5;
  border-bottom: 1px solid  #C1DFD5;
  margin: 0 0 20px 0;
  clear: both; 
  background: url('http://www.hippyshopper.com/images/postgrad.gif') top left repeat-x #fff;
}


#advertise .sbthin {
  width: 160px;
  margin-right: 1px;
  margin-left: 1px;
  margin-top: 15px;
  float: left;
}
html > body #advertise .sbthin {
  
  margin-right: 2px;
  margin-left: 2px;
}

#advertise .sbfat {
  width: 300px;
  margin-left: 2px;
  margin-top: 15px;
  float: left;
}  

html > body #advertise .sbfat {
  margin-left: 3px;
}


#sidebar h2 {
   color: #000;
  font-size: 10pt;
  font-weight: bold;
  margin-bottom: 0.6em;
}


#sidebar h2.info {
  padding: 15px 20px 15px 20px;

   color: #707A8A;
  font-size: 12pt;
  font-weight: bold;
  margin-bottom: 20px;
}

#sidebar h3 {
  color: #000;
  font-size: 10pt;
  font-weight: bold;
  margin-bottom: 1em;
  padding: 0px 20px 0px 20px;
}


#sidebar .link {
  margin-bottom: 20px;
}

#sidebar .tint {
  border-top: 1px dashed #C1DFD5;
  margin-bottom: 20px;
  background-color: #EFEFEF;
  padding: 10px;
 }

#sidebar .untint {
  border-top: 1px dashed #C1DFD5;
  margin-bottom: 20px;
  padding-top: 10px;
 }

#sidebar img.smallbanners {
  margin-left: 16px;
  margin-bottom: 5px;
}

/* END SIDEBAR */

  
/* LEADER */ 

#leader {
             position: relative;
             width: 962px;
             background-color: #EFEFEF;
             clear: both;
             text-align:center;
             margin-top: 10px;
             margin-bottom: 0px;
             padding: 5px 0 5px 0;
}


/* ROUNDED CORNERS */


.trc {
  position: absolute;
  width: 15px;
  height: 15px;
  background-image: url('http://www.hippyshopper.com/images/topr1.gif');
  right: -1px;
  bottom: 0px;
  overflow:hidden;
  z-index: 10;
  top: 0px;
}

.tlc {
  position: absolute;
  width: 15px;
  height: 15px;
  background-image: url('http://www.hippyshopper.com/images/topl1.gif');
  left: -1px;
  bottom: 0px;
  overflow:hidden;
  z-index: 10;
  top: 0px;
}

html > body .botr {
  position: absolute;
  width: 15px;
  height: 15px;
  background-image: url('http://www.hippyshopper.com/images/botr.jpg');
  right: 0px;
  overflow:hidden;
  z-index: 10;
  bottom: 30px;

}
html > body .botl {
  position: absolute;
  width: 15px;
  height: 15px;
  background-image: url('http://www.hippyshopper.com/images/botl.jpg');
  left: 0px;
  overflow:hidden;
  z-index: 10;
  bottom: 30px;

}
.botr {
  position: absolute;
  width: 15px;
  height: 15px;
  background-image: url('http://www.hippyshopper.com/images/botr.jpg');
  right: 0px;
  overflow:hidden;
  z-index: 10;
  bottom: 30px;

}

.botl {
  position: absolute;
  width: 15px;
  height: 15px;
  background-image: url('<$MTBlogURL$>images/botl.jpg');
  left: 0px;
  overflow:hidden;
  z-index: 10;
  bottom: 30px;

}

.botsb {
  position: relative;
  width: 490px;
  height: 16px;
  background-image: url('http://www.hippyshopper.com/images/botsb.jpg');
  background-repeat: no-repeat;
  background-color: #FFF;
  z-index: 10;
  left: -1px;
  top: 1px;
  bottom: 0px;
}
  
.bot {
  position: relative;
  width: 465px;
  height: 15px;
  background-image: url('http://www.hippyshopper.com/images/bot.jpg');
  background-repeat: no-repeat;
  background-color: #FFF;
  z-index: 1;
  left: 0px;
  bottom: 33px;
}


.botinfo {
  position: relative;
  width: 464px;
  height: 16px;
  background-image: url('http://www.hippyshopper.com/images/botsb.jpg');
  background-repeat: no-repeat;
  background-color: #FFF;
  z-index: 10;
  left: -1px;
  top: 210px;
  bottom: 0px;
}
  


/* SHINY/BLOG INFORMATION */


#infobox {
  width: 488px;
  border-left: 1px solid  #C1DFD5;
  border-right: 1px solid  #C1DFD5;
  border-bottom: 1px solid  #C1DFD5;
  margin-bottom: 50px; 
  clear: both;
  height: 300px;
  padding: 0px 0px 20px 0px;
  background: url('http://www.hippyshopper.com/images/postgrad.gif') top left repeat-x #fff;
}


#infobox ul {
  list-style-type: none;
  padding: 0 20px 0px 20px;
  margin: 10px 0px 10px 0px;
}

ul#tabinfo {
list-style-type: none;
margin: 0pt 0pt 0pt -1px;
width: 100%;
cursor: pointer;
}

ul#tabinfo li {
background-color: #fff;
border: 1px solid #C1DFD5;
float: left;
margin: 2px 3px -1px 3px;
padding: 0;
display: block;
cursor: pointer;
}

ul#tabinfo a {
background-color:#fff;
color: #669900;
display: block;
padding: 4px;
text-decoration: none;
cursor: pointer;
}

ul#tabinfo a.active, ul#tabinfo a.active:hover {
background-color: #C1DFD5;
color: #669900;
display: block;
cursor: pointer;
}


/* FOOTER */

#footer {
  clear: both;
  font-family: Arial, Lucida Grande, Verdana, sans-serif;
  background-color: #669900;
  color: #444;
  padding: 6px;
  text-align: center;
  font-size: 0.9em;
  position: relative;
  z-index:1;
  top: -10px;
}


#footer a {
 color: #4F7700;
}

#footer a:hover {
 color: #4F7700;
 text-decoration: underline;
}



/********* GALLERY *************/
   

img.galpostpic {
             margin: 10px 0px 20px 30px;
}


#gtop {
       float: left;
       width: 790px;
}

             
#mainpic { /* main image */
  width: 351px; /* original width: 480px; */
  margin-left: 70px; 
  float: left;
  margin: 0px;
  overflow: hidden;
}

#mainpic img { /* main image */
  margin: 0px;
}

.description {
background-color:#888;
color:#FFFFFF;
margin: 0px 0px 10px 0px;
padding: 5px;
width: 341px;

}


#gallerypost h2 {
color: #669900;
font-size: 15pt;
font-weight: bold;
}

#thumb {
float: right;
margin-left: 4px;
width: 300px;
align: center;
}

#thumb img {
width: 80px;
margin: 0 2px 10px 2px;
border: 1px solid #CCC;
padding: 4px;
}



#gsky {
  width: 160px;
  margin-left: 5px;
  float: right;
}  


#gmpu {
       width: 300px;
       clear: both;
}

#gmpu img {
border: 0;
width: 300px;
       padding: 0;
}





/* GALLERY PAGINATION */

.paginate {
float: left;
width: 117px;
height: 22px;
margin: 0px;
}

#photoview {
  width: 400px;
  margin-bottom: 20px; 
  clear: both;
  height: auto;
  padding: 0px 0px 20px 0px;
}


#photoview ul {
  list-style-type: none;
  padding: 0 20px 0px 0px;
  margin: 10px 0px 10px 0px;
}

ul#phototab {
list-style-type: none;
margin: 0pt 0pt 10px -1px;
width: auto;
height: auto;
cursor: pointer;
float: left;
  padding: 0 0 5px 0;
}

ul#phototab li {
background-color: #fff;
border: 1px solid #DDD;
float: left;
margin: 2px 3px -1px 3px;
padding: 0;
width: 100px;
height: 70px;
display: block;
cursor: pointer;
float: left;
}

ul#phototab a {
background-color:#fff;
color: #DDD;
display: block;
padding: 4px;
text-decoration: none;
cursor: pointer;
}

ul#phototab a.active, ul#phototab a.active:hover {
background-color: #DDD;
color: #DDD;
display: block;
cursor: pointer;
}