@import url(http://www.shinyshiny.tv/mt-static/;addons/Commercial.pack/themes/universal-black/screen.css);

/* SHINY MEDIA 2008 */



#main, #mainblog {
       width: 962px;
       margin: 0 auto !important;
       font-family: arial, helvetica, sans-serif;
       font-weight: normal;
       background-color: #FFF !important;
       color: #444;
       background-position: 25px 180px;
}  

#mainblog {
           background-image: url(http://www.shinymedia.com/mainbg.gif);
           background-repeat: repeat-y;
           background-position: 25px 180px; 
      }


* {
   margin: 0;
   padding: 0;
}

		

body {
      background-color: #efefef;
      font-family: arial, helvetica, sans-serif;
      text-align: left;
      text-decoration: none;
}





/* ********* TYPE ************ */



h1 {
    color: #444; /* #0099FF; */
    margin-bottom: 20px;
    font-size: 18px;
    }

h1.entrytitle {
               margin-bottom: 5px !important;
               float: left;
               width: 470px;
}

.titleheader {
              margin-bottom: 30px;
}

.authordetails {
                font-size: .8em;
                color: #999;
                float: left;
                }
    
.commentdata {
              font-size: 0.8em;
              float: right;
}


.pubdate {
          text-align: center;
          background: url(http://www.shinymedia.com/date.jpg) 3px 0 no-repeat #fff;
          font-family: Impact;
          color: #fff;
          width: 48px;
          height: 68px;
          line-height: 1em;
          padding: 14px 0 0px 0;
          text-decoration: none;
          float: left;
          margin-right: 10px;
          font-size: 0.95em;
}

h2, h2.rss {
    font-size: 14px;
    color: #444;
    margin: 10px 0 20px 0;
    font-weight: 600;
   } 

h2.rss {
    margin: 0 0 10px 0;
    font-weight: 500;
   } 
    

       

p {
   font-size: 12px;
   margin-bottom: 20px;
   line-height: 1.6em;
  }

.posts p {
   font-size: 0.8em;
   margin-bottom: 20px;
   line-height: 1.8em;
  }


img {
       border: 0;
}


ul.terms, ol.terms {
          font-size: 12px;
          line-height: 1.6em;
          color: #222;
          list-style-position: outside;
          margin-bottom: 20px;
          } 

ul.terms li, ol.terms li {
             margin-bottom: 10px;
             margin-left: 20px;
}

ol.terms li {
             font-weight: 600;
}
   
.red {
      color: #ff0000;
      }  

.blue {
      color: #0099FF;
      }       
   

a, a:link, a:visited {
                      color: #0099FF;
                      text-decoration: none;
                     } 

a:hover {
         color: #0390EC;
         text-decoration: none !important;
         }                     

a.termsanchor, a.termsanchor:hover {
        color: #444;
        text-decoration: none;
}


a.storylink, a.storylink:link, a.storylink:visited {

                      color: #777;
                      text-decoration: none;
                     } 

                       

a.storylink:hover {
                   color: #0099FF;
                   text-decoration: none;
                   }



#header {
        margin: 0;
        padding: 0;
        top:0;
        height: 150px;
        width: 962px;
        background-color: #FFF !important;
        background-image: none !important;
        }



.logo {
       background-color: #fff;
       padding: 20px 20px 0px 20px;
       margin: 0px;
       height: 110px;
       width: 500px;
       float: left;
      }

.headrss {
         width: 80px;
         padding: 0;
         padding-top: 25px;
         float: left;
         margin-right: 50px;
}
          
.search {
float: left !important;
padding-top: 20px;
width: 260px !important;
}

.search img.awards {
             margin: 0 0 10px 10px;
             float: right;
}

.search .button, .button { 
         background-color: #000;
         color: #fff;
         padding: 0 5px 0 5px; 
         border: 0;
}



/** MAIN NAVIGATION **/

      

#navarea {		
	  height: 30px;
	  width: 962px;
          background-color: #e5e5e5 !important; 
          border-bottom: 1px solid #ddd;
	  }
  


#nav  {
       font-family: arial, helvetica, sans-serif;
       font-weight: normal;
       font-size: 16px;
       color: #999;
       background-color: #e5e5e5;
       }

		

#nav a  {
         text-align: center;
         display: block;
         white-space: nowrap; 
         margin: 0;
         padding: 10px;
        }

	

#nav li a, #nav li a:link, #nav li a:visited /* nav at rest */

	{
         color: #999; /* #0099FF; */
         background-color: #efefef;
         text-decoration: none;
	}

#nav li a:link, #nav li a:visited {
                background-color: #e5e5e5;
}


	

#nav li a:hover	/* nav at mouse-over  */
        {
         color: #999;
         background-color: #ddd; 
         text-decoration: none;
	}	



#nav ul {
         list-style: none;
         margin: 0 0 0 20px;
         padding: 0;
         width: 582px;	/* width of all menu boxes */
        }



#nav ul li {
            position: relative;
            min-height: 1px; 			/* Sophie Dennis contribution for IE7 */
            vertical-align: bottom; /* Sophie Dennis contribution for IE7 */
            float: left; 
            width: 144px !important;
            padding: 5px 0 5px 0;
            height: 20px; 
            text-align: center;
	    }

#nav ul li ul  {
                position:absolute;
	        z-index:500;
	        top: 40px;
	        display: none;
	        padding: 0px;
	        margin: -0.9em 0 0 -1em;
	        background-color: #aaa;
	        color: #fff;
	        font-weight: normal;
                font-size: 0.8em; 
                width: 145px; 
                /* border-top: 1px solid #fff; */
                text-align: left;
                left: 10px;
	        }

html > body #nav ul li ul  {
                font-size: 0.68em;
               }


#nav ul li ul li {
                  padding-top: 0px;
                 }

	

#nav ul li ul li a.sublink  {
                            margin: 0;
background-color: #aaa;
text-align: left; 
color: #fff;
padding: 6px 10px 4px 10px;
width: 125px; 
border: 0;
}



#nav ul li ul li a.sublink:hover  {
                                   background-color: #ddd;  
                                   color: #888;
                                   text-decoration: none;
                                   }



#nav ul ul ul {
	       top: 0;
	       left: 100%; 
              }



 div#nav li:hover

	{
         text-decoration: none;
         cursor:pointer;
         z-index:100;
         background-color: #ddd;
	}  



div#nav li:hover ul ul,

div#nav li li:hover ul ul,

div#nav li li li:hover ul ul,

div#nav li li li li:hover ul ul

{display:none;}



div#nav li:hover ul,

div#nav li li:hover ul,

div#nav li li li:hover ul,

div#nav li li li li:hover ul

{display:block;}

                

                

/** CONTENT  **/



#content {

          

          }                

                

/** VIDEO NAVIGATION **/



iframe {

        margin: 0;

        padding: 0

        } 



#vidplayer {

      clear: left;
      width: 320px;
      height: 410px;
      margin: 5px 30px 30px 0;
      float: left;
      }

      

ul#vidnav {

           list-style-type: none;

           color: #aaa;

           font-size: 11px;

           

           margin: 0px;

           }



#vidnav li {

            float: left;

            cursor: pointer;

            }   

            

#vidnav li a:hover, #vidnav li a.active, #vidnav li a.active:hover {

              color: #0099FF;

              cursor: pointer;

            } 

            

                             



              

                

                

/*  Post area */

#mainpost {
       width: 922px;
       float: left;
       margin-left: 30px;
       margin-right: 30px;
       padding-top: 30px;
       }


#post {
       width: 555px;
       float: left;
       margin-left: 10px;
       margin-right: 20px;
       padding-top: 30px;
       padding-bottom: 40px;
       }

html > body #post {
       width: 555px;
       float: left;
       margin-left: 20px;
       margin-right: 20px;
       padding-top: 30px;
       padding-bottom: 40px;
       }

.posts {
        padding: 10px;
        border: 1px solid #e5e5e5;
        margin-bottom: 20px;
}

.perma_meta {
            font-size: 0.9em;
            color: #444;
}

.perma_meta ul {
                list-style-type: none;
                margin-bottom: 30px;
}

.perma_meta ul li {
                   float: left;
}

a.continuereading {
                  background-color: #000;
                  color: #fff;
                  padding: 5px;
                  font-size: 0.8em;
                  margin-bottom: 20px;
                  float: right;
}

a.continuereading:hover {
                         color: #0390EC;
                         text-decoration: none;
} 

.comment_info {
               font-size: 0.7em;
font-weight: bold;
}

.comment odd, .comment even {
               padding: 5px;
}

.comment odd {
              background-color: #E5E5E5;
}



.welcome {
          width: 310px;
          margin: 0 30px 40px 0;
          color: #444;
          padding: 0px;
          text-align: justify; 
          float: left;         
          } 


.openspeech, .closespeech {
             width: 76px;
             height: 70px;           
             }

.openspeech {
             background: url(http://www.shinymedia.com/openspeech.gif) top left no-repeat #fff;
             margin:  5px; 0 0 5px;
             float: left;
}

.closespeech {
              background: url(http://www.shinymedia.com/closespeech.gif) bottom right no-repeat #fff;
              margin: 0 5px; 5px 0;
              float: right;
}

p.welcome  { 
            line-height: 1.4em;
            margin: 0;
            font-size: 14px;
            }                                                                  

#rss {
      float: left;
      width: 200px;
      margin-bottom: 40px;
}

/********* SIDEBAR *********/

#sidebar { 
          width: 320px;
          background-color: #E9E9E9;
          padding: 20px 10px 40px 10px;
          border-left: 1px solid #C2C2C2;
          float: left;
          height: 100%;
          margin: 0;
          } 



#sidebar ul {
list-style-type: none;
font-size: 0.9em;
margin-bottom: 20px;
}

#sidebar ul li {
                line-height: 1.8em;
}

          

#post h3, #rss h3, #rss h3.tech, #rss h3.fash, #rss h3.life, #rss h3.sport, #rss h3.games   {

             height: 24px;
             padding-top: 6px;
             padding-left: 30px;
             width: 170px;
             margin-bottom: 0;
             background-color: #fff;
             border-top: 1px solid #ccc;
             font-size: 14px;
             color: #aaa;
             font-weight: normal;
             cursor: pointer;
             } 

#post h3 {
          border: 0;
          color: #444;
          font-weight: bold;
          margin-left: -5px;
}

#rss h3.tech {
         border:0px;
}




h3.fash  {
                   background: url(http://shinymedia.creativeesprit.co.uk/images/sidenavfash.gif) 5px 5px no-repeat #fff; 
                   }


h3.US  {
                   background: url(http://www.shinymedia.com/sidenavshinyus.gif) 5px 5px no-repeat #fff; 
                   }


                                

h3.life  {
                   background: url(http://shinymedia.creativeesprit.co.uk/images/sidenavlife.gif) 5px 5px no-repeat #fff;
                   }

                   
h3.sport  {
                   background: url(http://shinymedia.creativeesprit.co.uk/images/sidenavsport.gif) 5px 5px no-repeat #fff;
                   }

                  

h3.games  {
                   background: url(http://shinymedia.creativeesprit.co.uk/images/sidenavgames.gif) 5px 5px no-repeat #fff;
                   }

                   
h3.tech  {
                   background: url(http://shinymedia.creativeesprit.co.uk/images/sidenavtech.gif) 5px 5px no-repeat #fff;
                   }                                                         

                   

                  

                           



table {
       margin: 0px;
       border-spacing: 5px;
       background-color: #efefef;
       }             

td {
    font-size: 12px;
    }  

    

.demo-show2 a, .demo-show2 a:link, .demo-show2 a:visited {
      cursor: pointer;
      color: #777;
     } 



.demo-show2 a:hover {
      cursor: pointer;
      color: #0099FF;
     }     

     

/********* BOTTOM MAIN ***********/


#bottom {
         background: url(http://www.shinymedia.com//images/shinys.jpg) bottom right no-repeat #E4E4E4;
         padding: 40px 0px 40px 35px;
         background-color: #fff;
         border-top: 1px solid #aaa;
         height: 340px;
         
}

.columns {
              width: 280px;
              margin-right: 25px;
              float: left;
              text-align: justify;
}

.columns p { line-height: 1.8em; }


h1.threecolumns, #sidebar h3 {
                 background: url(http://www.shinymedia.com/shinymedia.jpg) 0px 0px no-repeat #fff;
                 padding-left: 25px;
                 font-size: 18px;
                 margin-bottom: 10px;
                 font-weight: normal;
                 
}

#sidebar h3 {
             background-color: #E9E9E9;
}

/***** COMMENTS *****/

#comment_textfield, #comment_textarea, #comment_submit {
font-size: 12px;
margin-bottom: 20px;
}

table.comments {
                border-spacing: 8px;                
                background-color: #E5E5E5;
                margin: 20px 0 10px 0;
}

                     

/**** FOOTER  ****/


.right {
float: right;
}


.left {
float: left;
}


#footer {
display:block;
         width: 962px;
         background-image: none;
         background-color: #111;
         padding: 20px 0;
         margin: 0;
font-size: 0.7em;
}

#footer ul { list-style-type:none;
}


#footer h3 {
font-size: 1.6em;
color: #fff;
margin-bottom: 10px;
}

.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: #0099FF !important;
}

#credits {
width: 942px;
background: #000;
text-align: center;
color: #fff;
padding: 10px;
clear: both;
font-size: 0.7em;
}