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

body {
  margin: 0;
  padding: 0;
  background: url(http://www.iphonic.tv/images/bodymainbg.gif) top left repeat-x #444;       
}

a {
  color: #888;
  text-decoration: none;
  
}

a:hover {
  color: #15132f;
}

a img {
  border: 0;
}

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


h4 {
margin-left: 80px;
}


#main {
  position: relative;           
  width: 962px;
  margin: 0 auto 0 auto;
   background: url(http://www.iphonic.tv/images/bodymainbg.gif) top left repeat-x #444;     
  /* border: 1px solid #EFEFEF;  */
  
}

/* HEADER */

#header {
  position: relative;
  height: 106px;
  width: 962px;
  background: url(http://www.iphonic.tv/images/headerbg.jpg) top left no-repeat #000;
  clear: both;
  margin-bottom: 0px;
  border-bottom: 1px solid #EFEFEF;  
  
}

#header #headerimage {
  position: absolute;
  z-index: 0;
  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;
             padding-top: 83px;
             list-style-type: none;
             margin: 0 0 -6px 0;
             padding-left: 10px;
             float: right;
            position: absolute;
             width: 490px;
             z-index: 3;
             left: 300px;
             
             
}

ul#topnav li {
font-family: arial, Helvetica sans-serif;
font-size: 0.9em;
float: left;
background-color: #3399cc;
border-top:1px solid #3399cc;
border-left:1px solid #3399cc; 
border-right:1px solid #3399cc;  
 // background-image: url(http://www.iphonic.tv/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: #3399cc;
                     text-decoration: none;
                     background-color: #fff;

}



ul#topnav li.cur {
border-bottom: 1px solid #FFF;
border-top: 1px solid #15132f;
border-top: 1px solid #15132f;
border-top: 1px solid #15132f;
}

ul#topnav li.cur a:link, ul#topnav li.cur a:visited {
background-color: #f8f5c9;
color: #000;
}


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


#search2 {
                    float: right;
                    clear: right;
                    width: auto;
                    padding-top: 0.4em;
                    padding-right: 10px;
                    padding-top: 81px;
                    position: relative;
                    z-index: 1;

}

#header #topnav2 {
             float: left;
             clear: right;
             width: 450px;
             height: 80px;
             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;
         list-style: none;
         line-height: 2.5em;
         margin-right: 10px;
       /*  border: 0.1em solid #FF0000;  */
        }

 .lista a {
          background-color: #000000;
          background-image: url('http://www.iphonic.tv/images/blueicon2.gif');
          background-repeat: no-repeat;
          background-position: top left;
          }

 .listb a {
          z-index: 2;
          background-color: #000000;
          background-image: url('http://www.iphonic.tv/images/greenicon.gif');
          background-repeat: no-repeat;
          }
            
 .listc a {
          z-index: 2;
          background-color: #000000;
          background-image: url('http://www.iphonic.tv/images/orangeicon.gif');
          background-repeat: no-repeat;
          }
            
 .listd a {
          z-index: 2;
          background-color: #000000;
          background-image: url('http://www.iphonic.tv/images/purpleicon.gif');
          background-repeat: no-repeat;
          }
            
 .liste a {
          z-index: 2;
          background-color: #000000;
          background-image: url('http://www.iphonic.tv/images/redicon.gif');
          background-repeat: no-repeat;
          }
            
            
            

#header #topnav2  li a {
        color: #FFFFFF;
        font-size: 0.9em;
        text-decoration: none;
        background-color: #000000;  
        padding-left: 1.9em;
        padding-top: 0.6em;
       }


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



/* PLAYER */

#player {
             position: relative;
             width: 462px;
             height: 181px;  
             background: url(http://www.techdigest.tv/images/shinyplayer.jpg) top left #fff;
             float: left;
             padding: 0;           
             margin: 0 0 10px 0px;
}

#thumbs { 
               position: absolute;
               top: 33px;
               left: -230px; 
               z-index: 5;
}

html > body #thumbs { 
               position: absolute;
               top: 33px;
               left: 230px; 
               z-index: 5;
}

#play {
          position: absolute;
               top: 25px;
               left: 0px; 
               z-index: 5;
               width: 164px;
               height: 123px;
              padding-left: 0;
              margin-left: 0;
}


/* CONTROL */

#control { 
          position: relative;
          width: 962px;
          height: 40px;
          background: url(http://www.iphonic.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: 0px; 
  margin-top: 20px;
} 


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

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

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


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

}

#posts h3 {
  padding: 10px 10px 20px 10px;
  color: #3399cc;
  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;
}

.continuereading {
                          background-color: #323232;
                          background-repeat: no-repeat;
                          height: 20px;
                          width: 130px;
                          clear: both;
                          margin-top: 10px;
                          color: #FFFFFF;
                          padding-left: 0.9em;
                          padding-top: 0.5em;
                          font-weight: bold;
                          border: 1px solid #003366;
                          
}



/* END POSTS */

/* PAGINATION */


.pagination .pa_current {
                                   display: table-cell;
                                   text-align: center;
                                   float: left;
                                   font-size: 1em;
                                   height: 19px;
                                   width: 22px;
                                   background-color: #3399cc;
                                   border: 1px solid #3399cc;
                                   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 #fff;
                                   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 #3399cc;
                                   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: #fff;
                                   font-weight: bold;
                                   padding: 0;
                                   margin: 0 4px 0 0px;
}

.pagination .pa_prev:hover {
                                   color: #3399cc;
}

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

.pagination .pa_next:hover {
                                   color: #3399cc;
}

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

.pagination p {
                     height: 22px;
                     float: left;
                     font-size: 1em;
                     color: #fff;
                     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;
}

/* 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: 0px;
margin-top: 20px;
}

/* ADVERTS AND LINKS */




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


#advertise .sbthin {
  width: 120px;
  margin-right: 10px;
  margin-left: 5px;
  margin-top: 15px;
  float: left;
}
html > body #advertise .sbthin {
  
  margin-right: 10px;
  margin-left: 10px;
}

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


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


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

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

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

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





/* END SIDEBAR */




  
/* LEADER */ 

#leader {
             position: relative;
             width: 842px;
             background-color: #000;
             height: 100px;
             clear: both;
             text-align:center;
             margin-top: 10px;
             margin-bottom: 0px;
             padding-left: 120px;
             padding-top: 10px;
}


/* ROUNDED CORNERS */

.posttop {
position: absolute;
background-image: url('http://www.iphonic.tv/images/posttop.gif');
left: -1px;
overflow: hidden;
  z-index: 10;
  top: 100px;
}

.trctop2 {
  position: absolute;
  width: 15px;
  height: 15px;
  background-image: url('http://www.iphonic.tv/images/toprcat.gif');
  right: -1px;
  bottom: 0px;
  overflow:hidden;
  z-index: 11;
  top: 121px;
}

.tlctop2 {
  position: absolute;
  width: 15px;
  height: 15px;
  background-image: url('http://www.iphonic.tv/images/toplcat.gif');
  left: 9px;
  bottom: 0px;
  overflow:hidden;
  z-index: 11;
  top: 121px;
}
.trctop {
  position: absolute;
  width: 15px;
  height: 15px;
  background-image: url('http://www.iphonic.tv/images/toprsb.gif');
  right: -1px;
  bottom: 0px;
  overflow:hidden;
  z-index: 11;
  top: 312px;
}

.tlctop {
  position: absolute;
  width: 15px;
  height: 15px;
  background-image: url('http://www.iphonic.tv/images/toplsb.gif');
  left: 9px;
  bottom: 0px;
  overflow:hidden;
  z-index: 11;
  top: 312px;
}

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

.tlcsb {
  position: absolute;
  width: 15px;
  height: 15px;
  background-image: url('http://www.iphonic.tv/images/toplsb.gif');
  left: -1px;
  bottom: 0px;
  overflow:hidden;
  z-index: 10;
  top: 0px;
}
.trc {
  position: absolute;
  width: 15px;
  height: 15px;
  background-image: url('http://www.iphonic.tv/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.iphonic.tv/images/topl1.gif');
  left: -1px;
  bottom: 0px;
  overflow:hidden;
  z-index: 10;
  top: 0px;
}

.botsb {
  position: relative;
  width: 490px;
  height: 16px;
  background-image: url('http://www.iphonic.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.iphonic.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.iphonic.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  #232323;
  border-right: 1px solid  #232323;
  border-bottom: 1px solid  #232323;
  margin-bottom: 50px; 
  clear: both;
  padding: 0px 0px 20px 0px;
  height: 225px;
  background: url('http://www.iphonic.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 #232323;
float: left;
margin: 2px 3px -1px 3px;
padding: 0;
display: block;
cursor: pointer;
}

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

ul#tabinfo a.active, ul#tabinfo a.active:hover {
background-color: #232323;
color: #3399cc;
display: block;
cursor: pointer;
}


/* LATEST STORIES */

#latest {
  position: relative;
  width: 962px;
  height: 1238px;
  background-color: #EFEFEF;
  padding: 20px 0 20px 0;
  margin: 0px;
}

/* FOOTER */

#footer {
  clear: both;
  font-family: Arial, Lucida Grande, Verdana, sans-serif;
  background-color: #000;
  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: #999;
 text-decoration: underline;
}

#strapline {
           font-size: 11px;
           color: #3399cc;
           position: absolute;
           text-align: right;
           top: 40px;
           right: 15px;
           z-index: 30;
          }


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

/****** advertorial *****/

.advertorial {
background: url('http://www.shinystyle.tv/images/nikon-advertorial-shiny-sty.jpg') 0 0 no-repeat #fff;
width: 429px;
height: 135px;
padding: 10px 20px 0 190px;
color: #fff;
border-bottom: 5px solid #00CCCC;
margin-bottom: 10px;
}

.advertorial p {
color: #fff;
line-height: 1.2em;
}


.advertorial a:link, .advertorial a:visited, a.advertorial:hover  {
color: #CCCCFF;
}

.advertorial h2, .adertorial2 h2 {
font-size: 1.7em;
margin-bottom: 10px !important;
padding: 0 !important;
}

h1.ad-sponsor, h1.ad-sponsor2 {
display: block;
font-weight: bold;
height:  30px;
font-size: 1.4em;
padding-left: 35px;
background: url('http://www.tvscoop.tv/images/nikon-logo.jpg') 0 0px no-repeat #fff;
}

h1.ad-sponsor2 {
background: url('http://www.shinyshiny.tv/images/powermat-logo-sm.jpg') 0 0px no-repeat;
}

.advertorial2 {
background: url('http://www.shinyshiny.tv/images/powermat-advertorial-shinys.jpg') left bottom no-repeat #fff;
width: 270px;
height: 320px;
padding: 0px 20px 0 10px;
color: #444;
margin: 0px auto;
border: 1px solid #ccc;
}