/*
Theme Name: brushesv2
Theme URI: http://www.fathonix.com/b2
Description: premium themes <a href="http://www.fathonix.com">b2</a>.
Version: 2.0
Author: fathonix
Author URI: http://www.fathonix.com/
Tags: fixed width, customized header, customized ads, portofolio, dinkes

	*/

body {
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: Verdana, Arial, Sans-Serif;
	background: #c4c4c4 url('images/brushes_03.gif') top center repeat-x;
	color: #000000;
	text-align: center;
	margin:0px;
	padding:0px;
	}
#page {
	width:100%;
	margin:0 auto;
	background: url('images/footer.gif') bottom center repeat-x;
	}
#wrapper	{
	width:1054px;
	margin:0 auto;
	}
#header	{
	width:1054px;
	height:104px;
	}
.logo {
	width:451px;
	height:88px;
	float:left;
	background: url('images/logo.gif') no-repeat top left;
	}
.search {
      width:303px;
	  height:24px;
	  margin: 20px 0 0 0;
	  padding:0;
	  float:right;
	  }
#searchform {
    float:left;
	background: url('images/wt_05.gif') no-repeat top left;
	width: 288px;
	height: 20px;
	margin: 0;
	display: inline;
	padding: 3px;
	}
#searchform input {
	border: 0;
	color: #fff;
	float: left;
}

#searchform input#s {
	background-color: transparent;
	width: 184px;
	margin-left:70px;
}

#searchform input#searchsubmit {
	background: url('images/search-button.png') no-repeat top left;
	cursor: pointer;
	width: 21px;
	height: 18px;
	margin: -1px 0 0 2px;
}
#menu	{
	width:1064px;
	height:33px;
	background: url('images/brushes_15.gif') repeat-x top left;
	}
#menu-list	{
	width:1064px;
	float:left;
	height:33px;
	background: url('images/brushes_19.gif') no-repeat top right;
	margin:0;
	text-align:left;
	}
#menu-list	a {
	color:#c4c4c4;
	text-decoration:none;
	font-weight:bold;
	}
#menu-list	a:hover {
	color:#fff;
	}
#menu-list ul {
	background: url('images/brushes_13.gif') no-repeat top left;
	margin:0;
	padding:0 0 0 10px;
	height:33px;
	}
#menu-list li {
	list-style:none;
	display:inline;
	font-size:12px;
	line-height:2.5em;
	padding:7px 10px 11px 10px;
	margin:0;
	background: url('images/brushes_16.gif') no-repeat bottom right;
	}
.clear {
	clear:both;
	}
#column	{
	width:1064px;
	text-align:left;
	background:#fff;
	margin:12px 0 0 0;
	text-align:left;
	}
#content {
	width:738px;
	float:left;
	position:relative;
	left:10px;
	padding:10px 0px 10px 10px;
	text-align:center;
	}
#adstop	{
	width:728px;
	float:left;
	margin:10px 0 0 0;
	padding:0;
	text-align:center;
	height:90px;
	}
#featured {
	width:728px;
	float:left;
	margin:0;
	padding:0;
	text-align:center;
	border:1px solid #000;
	height:264px;
	}
/* slider */
#slider {
    width: 728px; /* important to be same as image width */
    height: 264px; /* important to be same as image height */
    position: relative; /* important */
	float:left;
	overflow: hidden; /* important */
	background: #e4e4e4;
	margin:0px;
	text-align:left;
	border:1px solid #c4c4c4;
}
#sliderContent {
    width: 728px; /* important to be same as image width or wider */
    margin:0;
	padding:0;
	list-style-type: none;
}
.sliderImage {
    float: left;
    position: relative;
	display: none;
}
.sliderImage a img {
    border:0;
}
.sliderImage span {
    position: absolute;
	top:0;
	left:0;
    font: 10px/15px Arial, Helvetica, sans-serif;
    padding: 10px 13px;
    width: 728px;
    background-color: #000;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
	-khtml-opacity: 0.7;
    opacity: 0.7;
    color: #fff;
    display: none;
}
.clear {
	clear: both;
}
.sliderImage span strong {
    font-size: 14px;
}
.box	{
	width:214px;
	height:206px;
	float:left;
	margin:10px 10px 0 0;
	border:1px solid #c4c4c4;
	padding:5px 10px 5px 10px;
	background-color:#e4e4e4;
	}
.box a {
	text-decoration:none;
	color:#000000;
	}
.box a:hover {
	color:#000000;
	}
.box h2 {
	font-size:1.3em;
	margin:0 0 3px 0;
	padding:0;
	letter-spacing: -1px;
	float:left;
}
.box span {
	font-size:1em;
	margin:0;
	padding:0;
	letter-spacing: -1px;
	float:right;
}
.box a img {border:0px; margin:0 0 5px 0;}
/**/
.box2	{
	width:214px;
	height:206px;
	float:left;
	margin:10px 10px 0 0;
	border:1px solid #c4c4c4;
	padding:5px 10px 5px 10px;
	background-color:#e4eff9;
	}
.box2 a {
	text-decoration:none;
	color:#000000;
	}
.box2 a:hover {
	color:#000000;
	}
.box2 h2 {
	font-size:1.3em;
	margin:0 0 3px 0;
	padding:0;
	letter-spacing: -1px;
	float:left;
}
.box2 span {
	font-size:1em;
	margin:0;
	padding:0;
	letter-spacing: -1px;
	float:right;
}
.box2 a img {border:0px; margin:0 0 5px 0;}

.box-wide	{
	width:708px;
	text-align:left;
	float:left;
	margin:10px 10px 0 0;
	border:1px solid #c4c4c4;
	padding:5px 10px 5px 10px;
	background-color:#e4e4e4;
	}
.box-wide a {
	text-decoration:none;
	color:#000000;
	}
.box-wide a:hover {
	color:#000000;
	}
.box-wide h2 {
	font-size:1.3em;
	margin:0 0 3px 0;
	padding:0;
	letter-spacing: -1px;
	float:left;
}
.box-wide h1 {
	font-size:1.3em;
	margin:0 0 3px 0;
	padding:0;
	letter-spacing: -1px;
	float:left;
}

.count {
	font-size:1em;
	margin:0;
	padding:0;
	letter-spacing: -1px;
	float:right;
}

.box-wide a img {border:0px; margin:0 0 5px 0;}

.box-wideb	{
	width:708px;
	text-align:left;
	float:left;
	margin:10px 10px 0 0;
	border:1px solid #c4c4c4;
	padding:5px 10px 5px 10px;
	background-color:#e4e4e4;
	}
.box-wideb a {
	text-decoration:none;
	color:#000000;
	}
.box-wideb a:hover {
	color:#000000;
	}
.box-wideb h2 {
	font-size:1.3em;
	margin:0 0 3px 0;
	padding:0;
	letter-spacing: -1px;
	
}
.box-wideb h1 {
	font-size:1.3em;
	margin:0 0 3px 0;
	padding:0;
	letter-spacing: -1px;
	float:left;
}


}

.box-wideb a img {border:0px; margin:0 0 5px 0;}

.boxin	{
	width:204px;
	height:175px;
	float:left;
	margin:10px 10px 0 0;
	border:1px solid #c4c4c4;
	padding:5px 10px 5px 10px;
	background-color:#e4e4e4;
	}
.boxin a {
	text-decoration:none;
	color:#000000;
	}
.boxin a:hover {
	color:#000000;
	}
.boxin h2 {
	font-size:1.0em;
	margin:0 0 3px 0;
	padding:0;
	letter-spacing: 0px;
	float:left;
}
.boxin span {
	font-size:1em;
	margin:0;
	padding:0;
	letter-spacing: 0px;
	float:right;
}
.boxin a img {border:0px; margin:0 0 5px 0;}
/**/
.boxin2	{
	width:204px;
	height:175px;
	float:left;
	margin:10px 10px 0 0;
	border:1px solid #c4c4c4;
	padding:5px 10px 5px 10px;
	background-color:#e4eff9;
	}
.boxin2 a {
	text-decoration:none;
	color:#000000;
	}
.boxin2 a:hover {
	color:#000000;
	}
.boxin2 h2 {
	font-size:1.0em;
	margin:0 0 3px 0;
	padding:0;
	letter-spacing: 0px;
	float:left;
}
.boxin2 span {
	font-size:1em;
	margin:0;
	padding:0;
	letter-spacing: 0px;
	float:right;
}
.boxin2 a img {border:0px; margin:0 0 5px 0;}

.entry 	{
	font-size:12px;
	margin:0;
	padding:0;
	}
.download	{
	text-align:center;
	}
/**/
#nav {
	width:728px;
	height:29px;
	background: url('images/brushes_29.gif') no-repeat top center;
	margin: 10px 0 0 0;
	text-align:center;
	padding:8px 10px 0 10px;
	}
#sidebar	{
	width:280px;
	float:right;
	position:relative;
	right:10px;
	padding:8px;
	text-align:left;
	}
.ads	{
	width:100%;
	border:1px solid #c4c4c4;
	background-color:#e4e4e4;
	text-align:center;
	
	}
.ads a img {border:0px;}

.ads2	{
	width:100%;
	
	text-align:center;
	
	}
.ads2 a img {border:0px;}

.contact {height:30px; width:260px;}
.contact a {
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	color:#454545;
	}
.contact a:hover {
	border-bottom:1px solid #454545;
	}
.ads img {
	padding: 3px 3px 5px 3px;
	}
.ads h2 {
	font-size:12px;
	display:block;
	background:#c4c4c4;
	margin:0;
	padding:10px 0 10px 0;
	color:#454545;
	}

.ul-listing {
    list-style: none;
	margin:0;
	padding:0;
	text-align:left;
	}
.ul-listing li {
        list-style: none;
		float:left;
		width:48%;
		margin:0px;
		padding:0px;
		font-size:12px;
		}
		
.ul-listing li a {
     margin:0 0 0 5px;
	display:block;
	text-decoration: none;
	padding: 4px 4px 6px 17px;
	background: url('images/bullet.gif') left no-repeat;
	color:#202020;
	border:1px solid #e4e4e4;
    }
.ul-listing li a:hover {
    text-decoration: underline;
    }
	
.about	{
	width:215px;
	border:1px solid #c4c4c4;
	background:#e4e4e4;
	text-align:center;
	margin:10px 0 0 0;
	text-align:left;
	font-size:12px;
	color:#454545;
	padding:10px;
	}
.about h3 {
	margin:0;
	padding:0;
	font-size:12px;
	}
.about ul {margin-left:10px; padding:0px;}
.about ul li {margin:0px; padding:0px;}
#author , #email {
	border:1px solid #c4c4c4;
	background:#f9df9a;
	padding:3px 3px;
	}
#url , #comment {
	border:1px solid #c4c4c4;
	background:#fff;
	padding:3px 3px;
	}

#footer	{
	width:1024px;
	height:79px;
	text-align:center;
	margin:10px 0 0 0;
	font-size:12px;
	color:#c4c4c4;
	}
#footer a {
	color:#c4c4c4;
	text-decoration:none;
	}
#footer a:hover {
	color:#ffffff;
	}

/* Comments Div */
#content .sociable ul {list-style-type: none; margin:0; padding:0; list-style-position: outside;  }
#content .sociable ul li {display:inline;font-size:10px;}
#comments, #respond {font-size:11px; font-weight: bold; color: #454545; margin: 15px 0 0 0; padding:0;}
h3#comments, h3#respond {font-size: 14px;}
textarea#comments {width: 494px; padding: 3px; line-height: 1.4em;}
.commentlist {margin:10px 0 10px 0px;padding:0px;list-style-position: outside; list-style-type: none;}
.commentlist li {border: 1px solid #c4c4c4; padding: 10px; margin-bottom: 5px; background: #fff;}
.commentlist li.alt {background: #fff;}
.commentcount {float:right; text-align:right; display:block;  font-size: 20px; color: #454545; padding:5px 12px 0 0px; margin:0; line-height:1.0em;}
.commentbody cite {font-size: 11px; font-weight: bold; font-style: normal;}

.contactform {position: static;overflow: hidden;}
.contactleft {width: 30%;text-align: right;clear: both;float: left;	display: inline;padding: 4px;margin: 5px 0;}
.contactright {width: 65%;text-align: left;float: right;display: inline;padding: 4px;margin: 5px 0;}
.contactright img {vertical-align: middle;}
.contacterror {border: 1px solid #ff0000;}

.gravatar {float:left; padding: 1px; margin: 5px 5px 5px 0; background: #fff; width: 40px; height: 40px;}
#recentcomments ul {border: none;}

#adstop a img {border:0px;}