/*  
Theme Name: Visualnow 2007
Theme URI: http://visualnow.com/
Description: Visualnow 2007 theme.
Version: 1.0
Author: Benny Chandra
Author URI: http://bennychandra.com/

	Visualnow 2007 v1.0
	 http://visualnow.com

	This theme was designed and built by Benny Chandra,
	whose blog you will find at http://bennychandra.com/

	

*/


body {	margin: 0; padding: 0;
background:#666;}

#hidden h1, #hidden h2 {display: none;}

#top {
width:100%;
height:110px;
background:#fff;
margin: 0px; padding: 0px;
}

#top-isi {width:440px; 
margin: 0px auto; 
padding: 0px 30px;
background: #fff url("/wp/wp-content/themes/vn2007/images/top-bg.jpg") no-repeat bottom;
}

#head {width:440px; margin: 0px 0px 5px 0px; padding: 0px; background:#fff;}
#head img {margin: 13px 0px 10px 0px; padding: 0px; }

#main {
width:470px;
background:#fff ;
margin: auto; padding: 0px;
}


#main-isi {
margin: 0px; 
padding: 0px 0px 0px 15px;
background: #fff;
font: 11px verdana,arial; line-height: 12pt;
}	
	
#subhead img {margin: 0px; 
padding: 0px 0px 18px 0px; 
background: #fff url("/wp/wp-content/themes/vn2007/images/shad-head.jpg") no-repeat bottom right;}

#texthead {margin: 0px 0px 20px 0px; padding: 0px; width: 440px; border-bottom: 1px #333 dotted; }
.texthead p {color: #ff6600; 
margin: 10px 0px 5px 0px; 
padding: 0px; 
font: bold 24px "trebuchet ms",verdana,arial;
letter-spacing: 2px;}

#konten {margin: 0px; 
padding: 0px 0px 35px 0px; 
width: 440px;
font: 11px verdana,arial; line-height: 12pt;}
.konten-isi p {color: #333; 
margin: 0px 0px 5px 0px; 
padding: 0px; 
font: 11px verdana,arial; line-height: 12pt;}



#navcontainer
{margin: 0px 0px 10px 0px; padding: 0px;
width: 440px; 
float: left;
background-color: #ff6600;
}

#navcontainer ul { padding: 0px; 
margin: 0px;}
#navcontainer ul li { display: inline; }

#navcontainer ul
{
margin: 0px;
padding: 0 0 0px 10px;
color: #ff6600;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 10px;
letter-spacing: 2px;
font-weight: bold;
}

#navcontainer ul li a
{
padding: 5px 15px;
background: #ff6600;
color: #fff;
text-decoration: none;
float: left;
}

#navcontainer ul li a:hover
{
margin: 0px;
background-color: #999;
color: #fff;
}


#navlist li a:hover, #navlist li a:active
{
color: #fff;
text-decoration: none;
background: #999;
text-align: left;
font: bold normal 10px verdana, lucida, arial, helvetica, sans-serif;
}


#footer { width: 470px; color: #eee; background: #fff; 
 margin: auto; padding: 0px;}
.footer-isi p {  padding: 5px 10px; margin: 0px 15px; 
background: #999; border-top: 1px solid #999;
font: bold normal 10px verdana, lucida, arial, helvetica, sans-serif;}
.footer-isi a {color: #ccc;}
.footer-isi a:hover {color: #ddd;}

a {color: #ff6600;}

a:visited {color: #ff6600;}

.portbox {width:200px; margin: auto; padding: 10px;
background: #ddd;}

.porttext {width:100%; margin: 0px 0px 10px 0px; padding: 0px; text-align: center;}



.bgshadow1 {
	float: left;
	background: url(/imagez/shadow1.gif) no-repeat bottom right;
  margin: 3px 2px 0 3px !important;
  margin: 3px 2px 0 3px;
}

.bgshadow1 div {
   background: url(/imagez/shadow2.gif) no-repeat left top;
  padding: 0px 3px 3px 0px;

}

.bgshadow1 img {
  background-color: #fff;
  border: 1px solid #999999;
  padding: 5px;
}


.bgshad-box {width:300px;
text-align: center;}

.bgshad-box .bgshadow {margin: 10px auto;}

.bgshadow 
	{position: relative; float:left;
  background: url(/imagez/shadow1.gif) no-repeat bottom right;
  margin: 10px 5px 0px 5px !important;
  margin: 10px 5px 0px 5px;
  }


.bgshadow img {
display: block;
  position: relative;
  background-color: #ddd;
  border: 1px solid #999;
  margin: -5px 5px 5px -5px;
  padding: 4px;
}


.bgborder img {
  background-color: #fff;
  border: 1px solid #666;
  padding: 5px;
}


.cent {
text-align: center;
}


/* CSS container shadow */
#shadow-container img { text-align: center;
    position: relative;
    left: 3px;
    top: 3px;
    margin-right: 3px;
    margin-bottom: 3px;
}

#shadow-container .shadow2,
#shadow-container .shadow3,
#shadow-container .container {
    position: relative;
    left: -1px;
    top: -1px;
}

    #shadow-container .shadow1 {
        background: #F1F0F1;
    }

    #shadow-container .shadow2 {
        background: #DBDADB;
    }

    #shadow-container .shadow3 {
        background: #B8B6B8;
    }

    #shadow-container .container {
        background: #ffffff;
        border: 1px solid #848284;
        padding: 10px;
    }
/* CSS container shadow */

.tile_body ul li:before {
	content: "\00BB \0020";
	}
.tile_body ul {margin: 0; padding: 0; list-style-type: none; }
.tile_body ul li {color:#666; display: inline; padding: 0px; margin: 0px;}
.tile_header h2 {color:#666; font: bold normal 10px verdana, lucida, arial, helvetica, sans-serif; letter-spacing: 2px;}
.tile_body h3 {color:#999; font: bold normal 10px verdana, lucida, arial, helvetica, sans-serif;}
.tile_header {padding: 0px; margin: 20px 0px 5px 0px; border-bottom: 1px dashed #999;}