/*
Theme Name: Shofi
Theme URI: http://www.jauhari.net
Description: Shofi is 960/24 Grib Based Layout, I created this theme unique as possible, Support two widget and autograbbed and resized on the fly. You may use this theme and make any changes you like as long you leave the credits link on. <a href="http://creativecommons.org/licenses/by-sa/3.0/">Creative Commons Attribution-Share Alike 3.0 License.</a>
Version: 1.1
Author: Nurudin Jauhari
Author URI: http://www.jauhari.net/themes/
Tags: white, fixed width, three columns, widgets

	Crafted on 12 December 2009
	Last Edit: 15 December 2009 7.57  +7 GMT

	This theme was designed and built by Nurudin Jauhari

	The CSS, XHTML and design is released under Creative Commons Attribution-Share Alike 3.0 License.:
	http://creativecommons.org/licenses/by-sa/3.0/

*/
@import url('box/links.css');
@import url('box/grid.css');
@import url('box/reset.css');
@import url('box/sidebar.css');
@import url('box/boot.css');
@import url('box/header.css');
@import url('box/content.css');
@import url('box/comment.css');

#content {
	margin-top: 20px;
}

body {
	font:13px/1.5 Helvetica,Arial,'Liberation Sans',FreeSans,sans-serif
}

/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
/* End captions */

img.alignright {
	display:inline;
	margin:0 0 2px 7px;
	padding:0px;
}

img.alignleft {
	display:inline;
	margin:0 7px 2px 0;
	padding:0px;
}

.alignright {
	float:right;
	text-align: right;
}

.alignleft {
	float:left;
}
.navigation span {
	font-size: 14px;
	text-transform: uppercase;
}

.wp-caption.alignleft {
	margin-right: 10px;
	padding: 0;
}
.wp-caption.alignright {
	margin-left: 10px;
	padding: 0;
}
.wp-caption {
	border:1px solid #333;
	text-align:center;
	margin:4px 0px;
	padding: 4px 0;
	position: relative;
}

.wp-caption img {
	border:0 none;
	margin:0;
	padding:0;
}

.wp-caption p.wp-caption-text {
	font-size:11px;
	line-height:17px;
	margin:0;
	position: absolute;
	right: 0;
	bottom: 15px;
	background: #000;
	color: #fff;
	padding: 4px;

	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}


img.centered,.aligncenter,div.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto;
}

img.wp-smiley { 
   vertical-align: -25%; 
}

.underads h5 {
	font-weight: normal;
	font-size: 11px;
}

.hide, h3.hide, h3.hiden {
	display: none !important;
	height: 0;
	width: 0;
	padding: 0;
	margin: 0;
}

.navigation span {
	display: block;
}


p.link 
{
color: #8C8C73;
text-align: left;
font-size: 10px;
}

p.link a
{
color: #8C8C73;
list-style: none;
text-decoration: none;
}

.sape1 {
	list-style-type: square;
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 0px 0px;
}


.navs ul ul{
}
.navs ul li li{

}

.navs ul li ul {margin:0; list-style:none; white-space:nowrap; text-align:left;}
.navs ul li ul ul {position:absolute; left:-9999px;padding:8px 7px 9px 2px;}
.navs ul li ul#toplevel {position:absolute; left:0; top:0;}
.navs ul li ul li:hover > ul {left:18%; margin-top:-23px; margin-left:-1px;}
.navs ul li a:hover ul,
.navs ul li a:hover a:hover ul, 
.navs ul li a:hover a:hover a:hover ul {left:100%;}
.navs ul li a:hover ul ul, 
.navs ul li a:hover a:hover ul ul {left:-9999px;}
.navs ul li li a.fly:hover {} 
.navs ul li li:hover > a.fly {}
.navs ul li table {position:absolute; left:99%; height:0; width:0; border-collapse:collapse; margin-top:-7px; margin-left:-1px;}




.navs ul li li a{
  background:none;
  display:inline;
 
  font-weight:normal;
  text-decoration:none;
}
.navs ul li li a:hover{
  text-decoration:underline;
}

	

	

	
#navs ul {
	margin: 0px;
	padding: 0px;
	}
	
#navs li {
 
display: block;
list-style-type: none;
margin:1px 0 0;
padding:6px;
	}

#navs li ul li {
background:transparent url(images/bgTransparent.png) repeat scroll 0 0;
display: block;
list-style-type: none;
margin:0px 0 0;
padding:6px;
color:#fff;
	}

#navs li ul li a {
 
color:#fff;
	}

#dropmenu, #dropmenu ul {margin:0; padding:0; list-style-type:none; list-style-position:none; position:relative; line-height:1.5em; z-index:300; width:100%; font-weight:bold;}
#dropmenu a {display:block; padding:0.25em 1em;}
#dropmenu a:hover {}
#dropmenu li ul li {float:left; position:relative; }
#dropmenu ul {position:absolute; display:none; width:12em; top:1.9em; left:-1px;}
#dropmenu ul a {border-left:1px solid #c8c8c8;}
#dropmenu li ul {border-top:1px solid #c8c8c8; }
#dropmenu li ul a {width:12em; height:auto; float:left;}
#dropmenu ul ul {top:auto;}
#dropmenu li ul ul {left:12em; margin:0px 0 0 10px;}
#dropmenu li:hover ul ul, #dropmenu li:hover ul ul ul, #dropmenu li:hover ul ul ul ul {display:none;}
#dropmenu li:hover ul, #dropmenu li li:hover ul, #dropmenu li li li:hover ul, #dropmenu li li li li:hover ul {display:block;}
#navs ul li a, #navs ul li a:visited {
 
margin: 0;
padding: 0px 0 0 15px;
 
	}


#navs ul li a, #navs ul li a:visited {
 
 
margin: 0;
padding: 0px 0 0 15px;
 
 
 
	}