@import url(http://www.techdigest.tv/mt-static/themes-base/blog.css);
@import url(http://www.techdigest.tv/mt-static/themes/tristan-blue-4.2/screen.css);

body {
      background: #ddd;
      font-family: arial, helvetica, geneva, sans-serif;
      font-size: 62.5%;
color: #444;
}

#content {
float: left;
width: 669px;
}


* {
   margin: 0;
   padding: 0;
}

#main {
      font-family: arial, helvetica, geneva, sans-serif;
      background-color: #fff;
      width: 980px;
      margin: 0 auto;
      padding: 10px 0 0 0;
      color: #000;
      font-size: 1em;
      text-align: left;
      }

#message {
font-size: 2.3em;
font-family: impact, helvetica, geneva, arial, sans-serif;
margin-bottom: 10px;
color: #003399 !important;
width: 620px;
}
      
.leaderboard {
float:left;
height:102px;
margin:0 auto 10px;
text-align:center;
width:748px;
} 

.banner {
width: 468px;
margin: 10px auto;
clear: both;
}

a.social-icons { 
display: black;
width: 30px;
height: 30px;
margin-left: 5px;
}


/******************* FEATURES WIDGET *******************/

#top {
width: 980px;
height: 250px;
margin-bottom: 20px;
}

.features {
width: 650px;
margin: 0 10px 10px 10px;
float: left;
text-decoration: center;
}

a.feature {
display: block;
float: left;
margin: 0;
width: 140px;
height: 250px;
overflow: hidden;
margin-right: 10px;
border: 1px solid #000;
color: #000 !important;
background: #fff;
}

a.feature:hover {
color: #fff !important;
background: #003399;
}

.feature-text {
font-family: georgia, times new roman, serif;
display: block;
padding: 5px;
height: 100px;
width: 130px;
font-size: 1.5em;
font-weight: bold;
}

/**** END FEATURES ***/

.header_mpu {
             width: 300px;
             height: 250px;
             float: right;
             padding-right: 10px;
}


#header {
        background-image: none;
        background-color: #fff !important;
        }

/********* Head **********/

#head {
width: auto;
height: 82px;
background: #fff;
margin-bottom: 20px;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
clear: both;
} 

.logo {
      width: 220px;
      height: 82px;
      margin: 0px 10px;
      float: left;
      }

/************ Navigation *****************/

ul.navigation {
float: left;
width: 416px;
font-family: impact, arial black, serif;
padding: 10px 10px;
font-size: 2.2em !important; 
display: block;
}

ul.navigation li {
display: inline;
/* float: right; */
margin: 2px 0px;
text-align: center;
}

ul {
list-style-type: none;
margin: 0;
padding: 0;
}

.sponsor {
float: right;
height: 50px;
margin: 3px 10px 0 0;
}

.search {
float: right;
width: 272px;
padding: 3px 10px 0 0;
padding-bottom: 0;
font-size: 1em;
}



#footer {
         width: 980px;
         background-image: none;
         background-color: #111;
         padding: 20px 0;
         margin: 0;
}

#footer h3 {
font-size: 1.7em;
color: #fff;
}

.footer-column {
float: left;
width: 150px;
margin-right: 10px;
padding: 0 10px;
border-right: 1px solid #fff;
height: 240px;
}

.footer-column-last {
float: right;
padding-right: 10px;
width: 420px;
}

.footer-column ul li {
line-height: 1.4em;
font-size: 1.3em;
}

.footer-column-last ul li {
font-size: 1.3em;
display: inline;
}


#footer a, #footer a:link, #footer a:visited {
color: #fff !important;
}

#footer a:hover {
color: #003399 !important;
}

#credits {
width: 980px;
background: #000;
text-align: center;
color: #fff;
padding: 10px;
}

html > body #credits {
width: 960px;
}


/**** SIDEBAR  ****/

/*** recent galleries and latest stories***/

a.recent-galleries, a.latest-stories {
display: block;
width: 298px;
height: 80px;
color: #222 !important;
background: #fff;
border: 1px solid #ddd;
margin-bottom: 5px;
}

a.recent-galleries:hover, a.latest-stories:hover {
color: #fff !important;
background: #003399;
}

.recent-galleries-pic, .latest-stories-pic {
height: 80px;
width: 80px;
float: left;
}


.recent-galleries-text, .latest-stories-text {
font-family: georgia, times new roman, serif;
display: block;
padding: 5px;
height: 70px;
width: 190px;
font-size: 1.4em;
font-weight: bold;
float: left;
}


/************ Find us *************/

a.find-us, .find-us-last  {
display: block;
width: 90px;
height: 170px;
float: left;
margin-right: 10px;
font-size: 0.85em;
overflow: hidden;
margin-right: 12px;
color: #000;
}

.find-us-last {
margin-right: 0;
}

a.find-us:hover{
color: #000;
}

.find-us-text {
padding: 5px;
display: block;
width: 80px;
height: 20px;
font-size: 1.4em;
}


/********************* RECENT COMMENTS **********/

#latest_commentbox {
width: 300px;
position: relative;
height: 108px;
background: url(http://www.techdigest.tv/images/comment_box.jpg) 0 0 no-repeat #efefef;
overflow: hidden;
}

#latest_commentbox_bottom {
background: url(http://www.techdigest.tv/images/comment_box_bottom.jpg) 0 0 no-repeat #efefef;
height: 17px; 
width: 210px; 
float: left;
}

.rotate_comments {
width: 280px;
height: 80px;
padding: 30px 10px 10PX 10PX;
font-size: 1.2em !important;
}


.latest_commentnav a, .rotate_comments a {
color: #003399;
}

.latest_commentnav {
position: relative;
text-align: right;
top: 2px;
}

.rotate_comments a:link, 
.rotate_comments a:visited {
color: #444 !important;
text-decoration: none;
}

.rotate_comments a:hover {
color: #003399 !important;
text-decoration: none;
}


/********************* Blogroll **********/

ul.blogroll li {
line-height: 1.6em;
}

.small {
font-size: 0.8em;
}

.pinkfont {
color: #003399;
}

.left {
float: left;
}

.right {
float: right;
}



.poll-submit, .searchbutton, .button {
border: 1px solid #000;
color: #fff;
font-size: 1.2em !important;
background-color: #000;
cursor: pointer;
padding: 2px 4px;
padding-top: 0;
font-weight: normal !important;
}

/******************* LAYOUT ***************/

#posts {
width: 639px;
border-right: 1px solid #ddd;
margin: 0 10px 20px 0;
padding: 0px 10px;
float:left;
display: block;
} 

.post {
width: auto;
padding-bottom: 10px;
border-bottom: 5px solid #003399;
margin-bottom: 10px;
}

.post_thumbnail {
width: 100px;
height: 100px;
float: left;
margin-right: 10px;
}

.meta_data {
background: #efefef;
padding: 4px;
font-size: 1.2em;
}

.share {
float: left;
padding: 4px;
border: 1px solid #ccc;
margin: 0 10px 10px 0;
text-align: center;
}


.standfirst {
float: left;
font-size: 1.2em;
line-height: 1.6em;
}

#sidebar, #sidebar-guides  {
width: 300px;
padding-right: 10px;
float: left;
text-align: center;
}

.link {
width: 300px;
margin-bottom: 20px;
text-align: left;
clear: right;
}


/******************* FONTS ********************/

p, p.style {
  color: #444;
  line-height: 1.6em;
  font-size: 1.2em !important;
  margin-bottom: 10px; 
  }

h1, h2, h3, h4 {  /* H1 for features and h2 for post headers */
       font-family: georgia, Times new roman, serif;
       font-size: 1.8em;
       margin-bottom: 10px; 
       color: #000;
       }              
h1 { 
   font-weight: bold;
   }

h2 {
   font-size: 1.8em;
   }

h2.sidebar_title_latest_news, 
h2.sidebar_title_find_us,
h2.sidebar_title_browse, 
h2.sidebar_title_recent_comments,
h2.sidebar_title_webstuff,
h2.sidebar_title_reviews,
h2.sidebar_title_features {
   font-family: impact, arial black, sans-serif;
   color: #000;
   font-size: 2.3em;
   padding: 5px 0 0 40px;
   height: 35px;
   }

h2.sidebar_title_latest_news {
background: url(images/latest-news.gif) 0 0 no-repeat #fff;
}

h2.sidebar_title_browse {
background: url(images/browse-by.gif) 0 0 no-repeat #fff;
}

h2.sidebar_title_recent_comments {
background: url(images/recent-comments.gif) 0 0 no-repeat #fff;
}

h2.sidebar_title_webstuff {
background: url(images/webstuff.gif) 0 0 no-repeat #fff;
}

h2.sidebar_title_latest_news {
background: url(images/latest-news.gif) 0 0 no-repeat #fff;
}

h2.sidebar_title_features {
background: url(images/features.gif) 0 0 no-repeat #fff;
}

h2.sidebar_title_reviews {
background: url(images/reviews.gif) 0 0 no-repeat #fff;
}

h2.sidebar_title_find_us {
background: url(images/find-us.gif) 0 0 no-repeat #fff;
}


h3 {
   font-size: 1.4em;
   }
h4 {
    font-size: 1.2em;
}

em {
line-height: 1.2em;
}
   
.meta {
      font-size: 0.8em;
      }

a, a:link, a:visited, a:hover {                      
color: #003399; 
text-decoration: none !important;
}

a.title, a.title:link, a.title:visited {
color: #000 !important;
}

a.title:hover {
color: #003399 !important;
}

a.category:visited, a.category:link, a.category:hover, p a,
p a:link, p a:visited, p a:hover, a.white:hover {
        color: #003399 !important;       
}

a.white, a.white:link, a.white:visited { 
color: #fff !important;
}

a.nav, a.nav:link, a.nav:visited {
color: #000000 !important;
}

a.white:hover, a.nav:hover {
color: #003399 !important;
}

ul.twitter_list {
font-size: 1.2em;
font-family: arial;
list-style-type: none;
margin: 0;
}

li.module-list-item {
margin-bottom: 5px;
}

li.module-list-item a:link, li.module-list-item a:visited, li.module-list-item a:hover  {
color: #003399 !important;
}

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

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




/* PAGINATION */

.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, .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 10px 0 0px;
}

.pagination p.end {
                     margin: 0 0 0 4px;
}


.pagination .pa_link:hover, .pagination .pa_link, .pagination .pa_current {
display: table-cell;
float: left;
text-align: center;
padding-top: 2px;
margin: 0 4px 0 0;
font-weight: bold;
border: 1px solid #000;
height: 20px;
width: 22px;
font-size: 1em;
background-color: #003399;
color: #fff !important;
}

.pagination .pa_link {
background-color: #fff;
color: #003399!important;
}



.pagination .pa_prev, .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_prev {
                      margin: 0 4px 0 0px;
}

.pagination .pa_prev:hover, .pagination .pa_next:hover  {
                                   color: #003399!important;
}



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



/********* 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: #efefef;
color: #444;
margin: 0px 0px 10px 0px;
padding: 5px;
width: 470px;
font-size: 1.2em;
line-height: 1.6em;
}


#gallerypost h2 {
color: #000 !important;
font-size: 1.6em;
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;
}

/**** GUIDE INDEX ****/

#guides {
width: 980px; 
padding: 0 20px 20px;
margin-bottom: 20px;
border-bottom: 1px solid #999;
}

#guides-main {
padding: 0 0 20px 20px;
width: 650px;
margin-right: 10px;
margin-bottom: 20px;
float: left;
}

#guide-side {
float: right;
width: 300px;
}

.other-guides {
width: 650px;
padding-bottom: 20px;
margin-bottom: 20px;
border-bottom: 1px solid #999;
}

.guide-title {
clear: both; 
display: block; 
margin-bottom: 20px;
border: 0;
}

.boxgrid {   
width: 220px;  
height: 220px;  
margin-right:10px;  
float:left;  
background:#161613;  
border: solid 1px #ccc;  
overflow: hidden;  
position: relative;  
}  

.boxgrid img{  
position: absolute;  
top: 0;  
left: 0;  
border: 0;  
} 

.boxgrid h2 {
color: #fff;
font-size: 1.8em;
line-height: 1.4em;
font-weight: bold;
}

.boxgrid h2 a,
.boxgrid h2 a:hover {
color: #fff !important;
}


.boxcaption{  
float: left;  
position: absolute;  
padding: 0 5px;
background: #000;  
height: 100px;  
width: 100%;  
opacity: .8;  
/* For IE 5-7 */  
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);  
/* For IE 8 */  
-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";  
}  
  
.captionfull .boxcaption {  
top: 190px;  
left: 0;  
}
  
.caption .boxcaption {  
top: 190px;  
left: 0;  
} 

.post-guides, .post-guides-right {
float: left;
width: 150px;
height: 230px;
margin: 0 10px 10px 0;
}

.post-guides-right {
float: right;
margin-right: 0;
}

.post-guides img, .post-guides-right img {
width: 150px;
height: 150px;
margin-bottom: 5px;
}

.post-guides h2,
.post-guides-right h2 {
font-size: 1.2em;
line-height: 1.4em;
}

.gallery-guide, .video-guide {
width: 310px;
margin: 0 19px 10px 0;
float: left;
}

.video-guide {
 margin-right: 0;
}

.gallery-thumb, .gallery-thumb-right,
.video-thumb, .video-thumb-right {
float: left;
width: 100px;
height: 100px;
margin: 0 5px 5px 0;
}

.gallery-thumb img, .gallery-thumb-right img,
.video-thumb img, .video-thumb-right img, {
width: 100px;
height: 100px;
}

.gallery-thumb-right, .video-thumb-right {
margin-right: 0;
}

.video-guide-embed {
margin-bottom: 5px;
}

.video-guide-embed embed {
width: 310px;
height: 249px;
}


#sidebar-guides h2 {
font-size: 1.1em;
width: 160px;
}

.technode-mpu {
width: 300px;
height: 250px;
}

.technode-mpu {
background: url(http://www.techdigest.tv/images/mpu-technode-bg.jpg) 0 0 no-repeat #000;
padding: 95px 0 0 0;
}

html > body .technode-mpu {
height: 155px;
}

.technode-mpu-text {
width: 140px;
height: 65px;
background: url(http://www.techdigest.tv/images/technode-mpu-bg.gif) 0 0 no-repeat #000;
margin-bottom: 52px;
margin-left: 150px;
}

.technode-mpu-buttons {
width: 290px;
height: 32px;
margin-left: 5px;
}

.technode-mpu-buttons a {
display: block;
height: 32px;
float: left;
}

.technode-mpu-buttons a.ipad {
background: url(http://www.techdigest.tv/images/download-ipad.png) 0 0 no-repeat transparent;
width: 112px;
margin-right: 15px;
}

.technode-mpu-buttons a.pdf {
background: url(http://www.techdigest.tv/images/download-pdf.png) 0 0 no-repeat transparent;
width: 91px;
margin-right: 16px;
}

.technode-mpu-buttons a.scribd {
background: url(http://www.techdigest.tv/images/read-online.png) 0 0 no-repeat transparent;
width: 50px;
}