/* CSS Document by Ley Mababangloob 
Created: 12-31-07
*/

*{
margin:0;
padding:0;
}

body{
font-family: "Lucida Sans Unicode", "Lucida Grande", Tahoma;
font-size:12px;
color:#333;
}

#main {
background:url("images/bg-body-repeat.png") repeat-y top center;
width:100%;}

#bigwrap{
background:url("images/bg-body.jpg") no-repeat top center !important;
width:100%;
}

#wrap{
width:1000px;
margin:0 auto;
  
}

#header{
width:1000px;
height:270px;
position:relative;
overflow:hidden;
}

#logo{
background:url("images/logo.png") no-repeat top left;
width:259px;
height:46px;
position:absolute;
top:75px;
left:45px;
}

* html #logo{
background: none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/logo.png");}

#logo span{
display:none;
}

#logo a{
width:259px;
height:46px;
}


#navi{
width:658px;
height:25px;
overflow:hidden;
position:absolute;
bottom:80px;
right:0;
}

#tabs{
margin:0 auto;
  
}

#tabs ul{
margin: 0;
}

#tabs li{
list-style: none;
float: left;
height: 18px;
}

#tabs a{
padding-top: 25px;
height: 0 !important;
overflow: hidden;
display: block;
background: url("images/navi.jpg") no-repeat;
}

li#home a{
background-position: 0 0;
width: 120px;
left: 0;
}

li#home a:hover, li#home a.current{
background-position: 0 -25px;
}

li#blog a{
background-position: -105px 0;
width: 120px;
left: 115px;
}

li#blog a:hover, li#blog a.current{
background-position: -105px -25px;
}

li#portfolio a{
background-position: -225px 0;
width: 120px;
left: 185px;
}

li#portfolio a:hover, li#portfolio a.current{
background-position: -225px -25px;
}

li#snapshots a{
background-position: -370px 0;
width: 120px;
left: 205px;
}

li#snapshots a:hover, li#snapshots a.current{
background-position: -370px -25px;
}

li#contact a{
background-position: -525px 0;
width: 125px;
left: 205px;
}

li#contact a:hover, li#contact a.current{
background-position: -525px -25px;
}

#content{
margin:-40px auto 0 auto;
padding-left: 40px;
}

* html #content{
margin:-40px auto 40px auto;
}

#col1{
width:450px;
float:left;
margin-right:30px;
}

#col2{
float:left;
margin:0 21px 0 0;
padding:0;
}

#col3{
width:200px;
float:left;
}

.clear{
clear:both;
position:relative;
display:block;
}

#col1 p{
margin:0 0 10px 0;
line-height:20px;
}

#updates{

}

#col2 p{
margin:3px 10px;
line-height:18px;
}

#footer{
background:url("images/bg-body-bottom.png") no-repeat bottom center;
width:100%;
margin:-10px 0 0 0;
height:70px;}

#copy{
color:#0595aa;
font-size:11px;
width:1000px;
margin:0 auto;
  
text-align:right;
position:relative;
top:40px;
right:20px;
}

.th-design{
float:left;
margin-right:7px;
margin-top:3px;
}

.th-snapshot{
display:block;
margin-bottom:8px;
margin-top:3px;
}

.emoticon{
position:relative;
top:3px;
}