/*   
Theme Name: TMGsonik
Theme URI: http://www.tmgsonik.com
Description: Custom theme for tmgsonik.com
Author: Luke Middelberg & Maaike Lebbing
Author URI: skr@ii.net
Template: 
Version: 0.1
.
General comments/License Statement if any.
.
*/


/*** Reset ***/
* { padding: 0; margin: 0; font-size: 12px; font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; }
br.clear { clear: both; line-height:0px; font-size:0; }
body { color: #3d3d3c; }
a { color: #289aff; }
a:hover { color: #d13e33; }

a img { border: none; }

img { 
border-color: #d7dce1; 
}


#nav li { display: inline; list-style: none;  }



.header {
background: url(http://www.tmgsonik.com/images/headerbg.jpg) repeat-x center top;
height:181px; 
}


#menubg {
background-image:url('http://www.tmgsonik.com/images/bg.gif'); background-repeat: repeat-x;
height:46px; 
background-color:#FFF;
text-align: center;
}

#menu {

text-align:left;


}

#content {
width:410px;
float:left;
background-color:#ffffff;
text-align:left;
padding-right:76px;
}

#picture {
float:right;
}

#main {
background-color:#FFFFFF;
width:990px;
margin-top:64px;
}

#footer {
background-image:url('http://www.tmgsonik.com/images/footerbg.jpg');
height:198px;
text-align:left;
}

#footertext {
color: #666666;
line-height:18px
text-align:left;
}

#maincontent {
background-color:#FFFFFF;
width:990px;
padding: 0; margin: 0;
}

#headtext {
font-size: 40px; font-family: Georgia, Times, Arial, Helvetica, sans-serif; 
color: #289aff;
font-weight: regular;
}



#hires, #websize { padding: 30px; float: left; width: 390px;  }
#hires_lightbox, #websize_lightbox { padding: 20px 0; }
#hires_lightbox ul, #websize_lightbox ul { list-style: none; }
#hires_lightbox ul li, #websize_lightbox ul li { display: block; background: transparent url("http://www.tmgsonik.com/images/blank.gif") 0px 4px no-repeat; padding-left: 20px; margin: 3px 0; }
#hires_lightbox ul a, #websize_lightbox ul a { text-decoration:none; }
#hires_lightbox ul a:hover, #websize_lightbox ul a:hover { color: #fff; }

body#gallery #lightboxdiv { padding: 0; width: 870px; }
body#gallery #lightboxdiv ul { list-style: none; }
body#gallery #lightboxdiv ul li { display: inline; overflow: hidden; }
body#gallery #lightboxdiv ul a img { border: 3px solid transparent; width: 81px; height: 81px; }
body#gallery #lightboxdiv ul a:hover img { border: 3px solid #090909; }


#newslett { color: #fff; padding: 0; margin: 0; font-size: 10px; font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; }
#newslett a { color: #fff; }
#newslett a:hover { color: #fff; }
#newslett a img { border: none; }