/*   
Theme Name: A Thematic Child Theme
Theme URI: 
Description: Use this theme to start your Thematic Child Theme development.
Author: Ian Stewart
Author URI: http://themeshaper.com/
Template: thematic
Version: 1.0
Tags: Thematic
.
Thematic is © Ian Stewart http://themeshaper.com/
.
*/

/* Reset browser defaults */
@import url('../thematic/library/styles/reset.css');

/* Apply basic typography styles */
@import url('../thematic/library/styles/typography.css');

/* Apply a basic layout */
@import url('../thematic/library/layouts/2c-r-fixed.css');

/* Apply basic image styles */
@import url('../thematic/library/styles/images.css');

/* Apply default theme styles and colors */
/* It's better to actually copy over default.css into this file (or link to a copy in your child theme) if you're going to do anything outrageous */
@import url('../thematic/library/styles/default.css');

/* Prepare theme for plugins */
@import url('../thematic/library/styles/plugins.css');

body {
  background:#FFFFFF url(images/bg-jauhari.png) repeat-y scroll center 0;
}

#header {
  background:url(images/top_bg.png) repeat-x top;
}

#branding {
  padding: 0px;
  height: 154px;
}

#access {
  background:url(images/menu_bg.png) repeat-x top;
  border-bottom:0px;
  height:33px;

}

.sf-menu {
  border: 0px;
}

.sf-menu li {
  background-color: transparent;
}

.sf-menu a {
  color: black !important;
  font-weight: bold;
  border: 0px;
  padding:10px 13px;
}

.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
  color: #ff2a01;
  background:url(images/menuhover_bg.png) repeat-x top;
}

#logo {
  float: left;
  padding-top: 27px;
  padding-left: 1px;
}

#blog-description {
  width: 290px;
  margin-top: -20px;
  padding-left: 65px;
}

#header-search {
  padding-top: 5px;
  margin-top: 57px;
  margin-left: 220px;
  float: left;
  width: 263px;
  height: 38px;
  background:url(images/searchbox_bg.png) no-repeat top left;
}

#s {
  margin-left: 6px;
  width: 169px;
  height: 22px;
  float: left;
  font-size: 22px;
  font-weight: bold;
}

#searchsubmit {
  margin-left: 4px;
  background:url(images/searchbox_button.gif) no-repeat;
  cursor: pointer;
  width: 62px;
  height: 30px;
  border: none;
  float: left;
}

#footer {
  border: 0px;
  line-height:0px;
  margin-top: 0px;
  height: 49px;
  background:url(images/footer_bg.png) repeat-x top;
}

#siteinfo {
  line-height:45px;
  padding:0px;
}

#main {
  background:url(images/sidebar_bg.gif) repeat-y top right;
  padding:36px 0 22px;
}

.main-aside {
  width: 230px;
}

.main-aside ul {
  padding:0 20px 0 10px;
}

#primary {
  padding: 0px;
}

#container, #content {
  width:680px;
}

.hentry {
  padding:0px 50px 0px 30px;
  margin-bottom: 30px;
  border-bottom: 1px dotted #000;
}


.aside h3.widgettitle {
  background:url(images/icon_logo-gray.png) no-repeat center left;
  padding-left: 25px;
  font-size: 18px;
  font-weight: bold;
  font-style: normal;

}

.main-aside ul li.widgetcontainer ul {
  padding-left: 20px;
  list-style-position: outside;
  list-style-image: url(images/icon_circle-gray.gif);
}

input[type=text] ,
textarea{
  border: 1px solid #777;
}

#s{
  border: 1px solid #ccc;
}

.sf_menu{

}