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

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

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

a:hover {
  color: #A23A49;
}

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.dollymix.tv/images/headerbg2.jpg) top left no-repeat #fff;
  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 */


#search {
                    float: right;
                    clear: right;
                    width: 200px;
                    padding-top: 0.4em;
                    padding-right: 10px;
                    padding-top: 81px;
}

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


#header #topnav2 {
             float: left;
             clear: right;
             width: 450px;
             height: 60px;
             margin-left: 10px;
             padding: 10px;
             left: 360px;
             top: 0px;
             position: absolute;
             margin-top: 0.2em;
             margin-bottom: 0em;
}

#header #topnav2 {
                          padding-top: 10px;
                         }
#header #topnav2  li {
         
         display: inline;
         padding-left: 0em;
         width: auto;
         height: auto;
         list-style: none;
         line-height: 2.8em;
         margin-right: 10px;
       /*  border: 0.1em solid #FF0000;  */
        }

 .lista a {
          background-image: url('http://www.dollymix.tv/images/pink.gif');
          background-repeat: no-repeat;
          background-position: top left;
          }

 .listb a {
          z-index: 2;
          background-image: url('http://www.dollymix.tv/images/purple.gif');
          background-repeat: no-repeat;
          }
            
 .listc a {
          z-index: 2;
          background-image: url('http://www.dollymix.tv/images/red1.gif');
          background-repeat: no-repeat;
          }
            
 .listd a {
          z-index: 2;
          background-image: url('http://www.dollymix.tv/images/yellow.gif');
          background-repeat: no-repeat;
          }
            
 .liste a {
          z-index: 2;
          background-image: url('http://www.dollymix.tv/images/green.gif');
          background-repeat: no-repeat;
          }
            
 .listf a {
          z-index: 2;
          background-image: url('http://www.dollymix.tv/images/brown.gif');
          background-repeat: no-repeat;
          }
           
#header #topnav2  li a {
        color: #000;
        font-size: 0.9em;
        text-decoration: none;
        padding-left: 3.2em;
        padding-top: 0.8em;
        padding-bottom: 0.4em;
       }


#header #topnav2  li a:hover {
              color: #000;
              text-decoration: underline;
              background-repeat: no-repeat;
             }

#header #sweetpoint {
             float: left;
             clear: right;
             margin-left: 0px;
             padding: 0px;
             top: -10px;
             position: absolute;
             padding-top: -5px;
             margin-bottom: 0em;
}

#header #sweetpoint {
                          padding-top: -10px;
                         }
#header #sweetpoint li {
         
         display: inline;
         padding-left: 0em;
         width: auto;
         height: auto;
         list-style: none;
         line-height: 2.8em;
         margin-right: 0px;
       /*  border: 0.1em solid #FF0000;  */
        }
           
 .listg a {
          z-index: 2;
          background-image: url('http://www.dollymix.tv/images/pinksmall.gif');
          background-repeat: no-repeat;
          }

#header #sweetpoint  li a {
        color: #000;
        font-size: 0.9em;
        text-decoration: none;
        padding-left: 3.2em;
        padding-top: -10px;
        padding-bottom: 0em;
       }


#header #sweetpoint  li a:hover {
              color: #000;
              text-decoration: underline;
              background-repeat: no-repeat;
             }


/* CONTROL */

#control { 
          position: relative;
          width: 962px;
          height: 40px;
          background: url(http://www.dollymix.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: #fff;
                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: transparent;
  margin-right: 0px;
  margin-left: 2px;
} 

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

.button {
            background: url (http://www.dollymix.tv/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  #FF8686; 
  border-right: 1px solid  #FF8686; 
  border-top: 1px solid  #FF8686;   
  border-bottom: 1px solid #FF8686;
  background: url('http://www.dollymix.tv/images/postgrad.gif') top left repeat-x #fff;
}

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


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

#posts h3 {
  padding: 10px 10px 20px 10px;
  color: #000;
  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: #999999;
  margin-right: 10px;
  margin-left: 10px;
  font-size: 0.89em;
  color: #fff;
  margin-bottom: 10px;
  padding: 5px;
  border-top: 1px dashed #333333;
  font-family: Arial, verdana, tahoma, sans-serif;
  
}

a.continuereading:link {
                          background-color: #990000;
                          background-repeat: no-repeat;
                          height: 40px;
                          width: 150px;
                          clear: both;
                          margin: 10px 0 10px 0;
                          color: #FFF;
                          padding: 0.5em 0.9em 0.5em 0.9em;
                      
                          
}
a.continuereading {
                          background-color: #990000;
                          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: #C25B5B;
}


/* 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 #000;
                                   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: #000;
                                   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; 
                  width: auto;                         
}

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

.pagination p.button {
                     height: 22px;
                     float: left;
                     font-size: 1em;
                     color: #444;
                     font-weight: normal;
                     padding-top: 3px;
                     margin: 0 4px 0 0px
                     width: 100px;
}
.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;
}
/* COMMENTS */

.commentbox  {
background-color:#EFEFEF;
padding:8px;
margin: 0 10px 10px 10px;
width: auto;
}

p.posted {
          font-weight: bold;
          margin: 0px;
}

/* END COMMENTS */ 

/* 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: 2px;
}

/* ADVERTS AND LINKS */

#advertise {
  width: 488px;
  border-left: 1px solid  #FF8686;
  border-right: 1px solid  #FF8686;
  border-bottom: 1px solid  #FF8686;
  margin: 0 0 20px 0;
  clear: both; 
  background: url('http://www.dollymix.tv/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;
}  


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

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

   color: #990000;
  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 #FF8686;
  margin-bottom: 20px;
  background-color: #EFEFEF;
  padding: 10px;
 }

#sidebar .untint {
  border-top: 1px dashed #FF8686;
  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.dollymix.tv/images/topr.gif');
  right: -1px;
  bottom: 0px;
  overflow:hidden;
  z-index: 10;
  top: 0px;
}

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

.botsb {
  position: relative;
  width: 490px;
  height: 16px;
  background-image: url('http://www.dollymix.tv/images/botsb.jpg');
  background-repeat: no-repeat;
  background-color: #FFF;
  z-index: 10;
  left: -1px;
  top: 1px;
  bottom: 0px;
}
  
.bot {
  position: absolute;
  overflow: hidden;
  width: 463px;
  height: 15px;
  background-image: url('http://www.dollymix.tv/images/bot.jpg');
  background-repeat: no-repeat;
  background-color: #FFF;
  z-index: 1;
  left: 0px;
  bottom: 30px;
}


.botinfo {
  position: relative;
  width: 464px;
  height: 16px;
  background-image: url('http://www.dollymix.tv/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  #FF8686;
  border-right: 1px solid  #FF8686;
  border-bottom: 1px solid  #FF8686;
  margin-bottom: 50px; 
  clear: both;
  padding: 0px 0px 20px 0px;
  height: 340px;
  background: url('http://www.dollymix.tv/images/infograd.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 -1px;
width: 100%;
cursor: pointer;
}

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

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

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

/* FOOTER */

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


#footer a {
 color: #fff;
}

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

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

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


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

             
#mainpic { /* main image */
  width: 480px;
  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:470px;

}


#gallerypost h2 {
color: #5C8DBD;
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 {
       width: 300px;
       border: 0;
       padding: 0;
}


/* GALLERY PAGINATION */

.paginate {
float: left;
width:160px;
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;
}

