/*
THEME NAME: Tommy Aditama Putra, based on Sandbox
THEME URI: http://www.plaintxt.org/themes/sandbox/
DESCRIPTION: Rich with powerful and dynamic semantic class selectors, Sandbox is a canvas for CSS artists and this made for Tommy the artist
VERSION: Tommy 0 - Sandbox 1.6
AUTHOR: <a href="http://andy.wordpress.com/">Andy Skelton</a> &amp; <a href="http://www.plaintxt.org/">Scott Allan Wallick</a><a ref="http://www.bonus-inc.com">Bonus</a>
AUTHOR URI:
TAGS: sandbox, microformats, hcard, hatom, xoxo, widgets, blank slate, starter theme, minimalist, developer
*/
/*reset*/
*{
padding:0;
margin:0;
list-style:none;
}
/*basic layout*/
body{
padding:0;
margin:0;
background:#b3b3b3;
font-family: "Helvetica Narrow","Arial Narrow", arial;
font-size:10px;
height:101%;
color:#fff;
}
body a{
color:#fff;
text-decoration:none;
}
div#wrapper{
background:#b3b3b3 url(iimages/tapbg.gif) no-repeat scroll 0 0;
width:972px;
height:561px;
margin:auto;
position:relative;
}
div#container{
position:absolute;
top:30px;
left:335px;
height:479px;
width:380px;
}
/*end basic layout*/
/*header*/
div#header{
position:absolute;
top:31px;
left:10px;
}
h1#blog-title{
position:absolute;
text-indent:-9999px;
background:transparent url(images/taptitle.gif) no-repeat scroll top left;
width:248px;
height:181px;
}
h11#blog-title a:hover{
background:transparent url(images/taptitle.gif) no-repeat scroll -255px 0px;
}
/*end header*/
/*navigasi utama*/
div#main-nav{
position:absolute;
top:215px;
left:1px;
}
div#main-nav a{
margin:7px 0 -5px 9px;
clear:left;
float:left;
display:inline;
text-indent:-9999px;
width:204px;
height:59px;
}
div#main-nav a#about{
background:transparent url(images/tapnav.gif) no-repeat scroll 0 0;
}
div#main-nav a#about:hover, body.pageid-46 div#main-nav a#about, body.s-category-kuratorial-kick div#main-nav a#about{
background:transparent url(images/tapnav.gif) no-repeat scroll -255px 0;
}
div#main-nav a#works{
background:transparent url(images/tapnav.gif) no-repeat scroll 0 -62px;
}
div#main-nav a#works:hover, body.pageid-24 div#main-nav a#works, body.category-drawing div#main-nav a#works, body.category-printmaking div#main-nav a#works, body.category-mixmedia div#main-nav a#works, body.category-other div#main-nav a#works, body.category-photography div#main-nav a#works, body.s-category-drawing div#main-nav a#works, body.s-category-printmaking div#main-nav a#works, body.s-category-mixmedia div#main-nav a#works, body.s-category-other div#main-nav a#works, body.s-category-photography div#main-nav a#works, body.tag div#main-nav a#works{
background:transparent url(images/tapnav.gif) no-repeat scroll -255px -62px;
}
div#main-nav a#blog{
background:transparent url(images/tapnav.gif) no-repeat scroll 0 -124px;
}
div#main-nav a#blog:hover, body.s-category-blog div#main-nav a#blog, body.category-blog div#main-nav a#blog{
background:transparent url(images/tapnav.gif) no-repeat scroll -255px -124px;
}
div#main-nav a#links{
background:transparent url(images/tapnav.gif) no-repeat scroll 0 -190px;
}
div#main-nav a#links:hover, body.pageid-6 div#main-nav a#links{
background:transparent url(images/tapnav.gif) no-repeat scroll -255px -190px;
}
/*end navigasi utama*/
/*footer*/
div#footer{
position:absolute;
left:735px;
top:510px;
width:205px;
border-top:2px solid #d9d9d9;
padding:6px 10px;
}
/*end footer*/
div#copyright{
position:absolute;
top:510px;
left:10px;
width:290px;
border-top:2px solid #d9d9d9;
padding:6px 10px;

}
/*content*/
div #content{
width:380px;
font-size:12px;
margin:0px 0 0 0;
}
div.hentry{
width:380px;
overflow:hidden;
}
div.hentry h2.entry-title{
margin-bottom:10px;
}
div.hentry p{
margin-bottom:10px;
}

/*nav below*/
div#bonus-line{
position:absolute;
top:510px;
left:335px;
border-top:2px solid #D9D9D9;
width:385px;
}
div#nav-below a{
display:block;
position:relative;
top:5px;
margin-left:20px;
}
div#nav-below a:hover{
text-decoration:underline;
}
.nav-previous{
float:right;
}
.nav-next{
float:right;
}
#nomer-hp{
display:block;
position:relative;
top:5px;
float:left;
}
/*end nav below*/
/*entry content*/
div.entry-content img{
margin:0;
}
/*sidebar*/
#primary{
width:205px;
height:270px;
position:absolute;
top:215px;
left:700px;
}#primary h3.widgettitle{display:none;}
/*about page*/
div#post-46 h2.entry-title{
display:none;
}
body.pageid-46 li#archives{
display:none;
}
body.pageid-46 .textwidget{
font-weight:bold;
color:#808080;
float:left;
}
body.pageid-46 .entry-content img{
height:175px;
overflow:hidden;
}
/*welcome page*/
a#enter-site{
position:absolute;
top:218px;
left:18px;
text-transform:uppercase;
font-size:12px;
}
/*link page*/
div#post-6 h2.entry-title{
display:none;
}
div#post-6 .entry-content li a{
font-size:12px;
color:#808080;
font-weight:bold;
}
div#post-6 .entry-content li a:hover{
color:#fff;
}
body.pageid-6 #primary{
display:none;
}
body.pageid-6 div.entry-content{
position:absolute;
top:200px;
}

/*blog display*/
body.category-blog ul.post-meta{
display:none;
}
body.category-blog #content{
position:absolute;
top:200px;
}
body.category-blog .page-title{
display:none;
}
body.category-blog div.entry-content img{
display:block;
height:180px;
margin:10px 0;
}
body.category-blog li.widget_text,body.archive li.widget_text{
display:none;
}
body.category-blog h3.widgettitle,body.archive h3.widgettitle{
color:#808080;
font-weight:bold;
}
body.category-blog .entry-content .img{
display:block;
height:175px;
overflow:hidden;
}
/*work page*/
div#post-24 div.entry-content{
position:absolute;
top:200px;
}
div#post-24 h2.entry-title{
display:none;
}
div#post-24 .entry-content li a{
font-size:12px;
color:#808080;
font-weight:bold;
}
div#post-24 .entry-content li a:hover{
color:#fff;
}
body.pageid-24 #primary{
display:none;
}
/*work category display - work tag archive display*/
body.category-drawing #primary, body.tag #primary{
display:none;
}
body.category-drawing div#content,body.tag div#content{
position:absolute;
top:200px;
}
body.category-drawing h2.page-title,body.tag h2.page-title{
position:absolute;
top:-30px;
left:0px;
}
/*work post display*/
body.s-category-drawing div#container{
height:479px;
width:628px;
}
body.s-category-drawing div.entry-content{
width:350px;
}
body.s-category-drawing div #content{
width:604px;
}
body.s-category-drawing ul.post-meta{
width:130px;
position:relative;
top:-240px;
left:400px;
}
body.s-category-drawing ul.post-meta span{
display:none;
}
body.s-category-drawing div.hentry{
width:630px;
}
body.s-category-drawing h2.entry-title{
position:absolute;
top:200px;
left:400px;
}
body.s-category-drawing #primary{
display:none;
}
body.s-category-drawing #tag{
position:absolute;
top:230px;
left:400px;
}
body.s-category-drawing #tag a:hover{
text-decoration:underline;
}