/*
Theme Name: misbah.com
Theme URI: -
Description: theme for misbah portofolio.
Author: misbah & css code by yoseph ramadhan
Author URI: -
version: -
*/


/* basics */

*{margin:0; padding:0;}

body {
	background: url(images/bgbody.jpg) repeat-x #fff;
	font-family: verdana, arial, tahoma, sans-serif;
	font-size: 8pt;
	}

	
h1 {font-size: 14pt;}
h2 {font-size: 12pt;}
h3 {font-size: 10pt;}
h4 {font-size: 9pt;}


img{ border: none; padding:0; }
img a{border:none;}

img.left{ float: left; border: none; padding: 6px 0 0 0; }
img.right{ float: right; border: none; padding: 0 0 0 6px; }


code{
	font-family:"Courier New", Courier, monospace;
	}


/* links */

a{
	color:#0066ff;
	text-decoration:none;
	}

a:hover{text-decoration: underline;}

/* body cover */

#bodycover {
width:824px;
height:auto;
margin-left: auto ;
margin-right: auto ;
}

/* header area */

#header {

height:120px;
width:824px;
}

#header-top {
height:80px;
}

#header-top-left{
width:573px;
height:80px;
float:left;
background:url(images/logo.jpg) no-repeat;
}

/* search */

 #search{
width:251px;
height:80px;
float:right;
background:url(images/bghtr.jpg) repeat-x;
}

#search_box {
    height: 31px;
	padding-top:30px;
    
}
#search_box #s {
	color:#000;
	font-size:11px;
    float: left;
    padding: 0px;
    margin: 0;
	border: 0;
    width: 148px;
	height:25px;
	background:url(images/searchbox.jpg) no-repeat;
	
}
#search_box #go {
padding-left:10px;

}



#header-menu {
width:824px;
height:40px;
background:url(images/bgheadermenu.jpg) repeat-x;

}


#hml {
width:340px;
height:40px;
float:left;
}

#hmr {
width:484px;
height:40px;
float:right;
}

#hmr ul li{
float: left;
display: inline;
list-style:none;

}



/*top area */

#top-area {
height:276px;
width:824px;
}

#ta-top {
height:265px;
width:824px;
}

#ta-top-l {
height:265px;
width:551px;
}

#ta-top-r {
height:265px;
width:273px;
float:right;
}

#ta-top-r img {
padding:0;
margin:0;
border:0;
display:block; /* remove padding of image */
}


#ta-down {
height:11px;
width:824px;
background:#daeafb;

}

/* container */

#container {
height:auto;
width:824px;
float:left;
background:#cbe1f9;
}

/* content box*/

#content-box {
width:552px;
height:auto;
float:left;
background:url(images/bgposting.jpg) repeat-y;
}

#ctop{
width:552px;
height:9px;
background:url(images/ctop.jpg) no-repeat;
}

/*posting area */
#posting {
width:552px;
height:auto;
background:url(images/bgposting.jpg) repeat-y;
}

#t-top{
width:552px;
height:9px;
background:url(images/t-top.jpg) no-repeat;
float:left;
}

#t-area{
width:552px;
height:auto;
background:url(images/t-area.jpg) repeat-y;
text-align:left;
padding-left:30px;
padding-right:5px;
text-transform:uppercase;
}

/* t-area style */

#t-area h2{
padding-center:50px;
}

#t-area h2 a, #t-area h2 a:hover {
color:#fff;
}



#t-bottom{
width:552px;
height:7px;
background:url(images/t-bottom.jpg) no-repeat;
}

#meta {
padding-bottom:10px;
padding-top:10px;
padding-left:30px;
padding-right:20px;
text-align:left;
}

#meta{
font-size:11px;
font-weight:bold;
}

#meta a, #meta span {
text-decoration:none;
color:#5692d6;
}

#meta a:hover{
text-decoration:underline;
color:#5692d6;
}

/* post style */

#post {
padding-bottom:20px;
padding-top:5px;
padding-left:30px;
padding-right:20px;
text-align:justify;
float:left;
background:url(images/bgposting.jpg) repeat-y;
height:auto;
}

#post img.alignright {float:right; margin:0 0 1em 1em}
#post img.alignleft {float:left; margin:0 1em 1em 0}
#post img.aligncenter {display: block; margin-left: auto; margin-right: auto}
#post a img.alignright {float:right; margin:0 0 1em 1em}
#post a img.alignleft {float:left; margin:0 1em 1em 0}
#post a img.aligncenter {display: block; margin-left: auto; margin-right: auto}

#post p{
width:500px;
padding:5px;
}

#post blockquote p{
	background:#CCCCCC;
	margin:15px;
	padding:5px 12px 5px 12px;
	width:450px;
	}

#post ul, #post ol{
padding-left:30px;
padding-bottom:5px;
padding-top:5px;
}

#post h2, #post h3, #post h4 {
font-size:12px;
}

#post-comments{
width:552px;
height:20px;
padding-bottom:20px;
background:#fff url(images/bgposting.jpg) repeat-y;
float:left;

}

#cl{
width:350px;
height:20px;
float:left;
background:url(images/cl.jpg) no-repeat;
}

#cr{
width:202px;
height:20px;
float:right;
text-align:left;
text-transform:uppercase;
text-decoration:underline;
padding-top:3px;
}

#notfound {
padding-left:30px;
text-align:center;
font-weight:bold;
}


#cbottom {
width:552px;
height:9px;
background:url(images/cbottom.jpg) no-repeat;
float:left;
}


/*sidebar */
#sidebar {
width:272px;
height:auto;
float:right;
background:#cbe1f9;
}


/* navigation */

#box-nav {
width:272px;
height:auto;
background:url(images/bgnavbox.jpg) repeat-y;
}

#box-top {
width:272px;
height:11px;
background:url(images/topnav.jpg) no-repeat;
}

#box-title{}

#bt-top{
width:272px;
height:7px;
background:url(images/bttop.jpg) no-repeat;
}

#bt-area {
width:272px;
height:20px;
background:url(images/bt-area.jpg) repeat-y;
padding-left:20px;
padding-right:10px;
padding-top:5px;
}

#bt-area h2{
text-transform:uppercase;
color:#fff;
}

#bt-bottom {
width:272px;
height:20px;
background:url(images/bt-bottom.jpg) no-repeat;
}


#box-list{
width:272px;
height:auto;
background:url(images/box-list.jpg) repeat-y;
padding-left:0px;}

/* box list */

#box-list ul{
padding-left:0px;
list-style-type:none;

}

#box-list ul li {
	margin: 0;
	padding-left:10px;
	line-height: 14pt;
	list-style-type: none;
	background:url(images/list-parrent.jpg) no-repeat;
	}

#box-list ul ul {
	padding-left:10px;
}

#box-list ul ul li {
	list-style-type: none;
	background:url(images/list-parrent.jpg) no-repeat;
	}

#box-list ul ul ul{
	margin: 0;
	padding: 0;
}

#box-list ul ul ul li{
	list-style-type: none;
	background:url(images/list-box.jpg) no-repeat center left;
}


#box-bottom{
width:272px;
height:13px;
background:url(images/box-bottom.jpg) no-repeat;
}

#sprt-top{
float:left;
width:824px;
height:23px;
background:url(images/sprt-top.jpg) no-repeat;
}

#sprt-bottom{
float:left;
width:824px;
height:12px;
background:url(images/sprtbottom.jpg) no-repeat;
}

/* comments */
#comments-area{
padding-left:30px;
padding-right:20px;
}

#commentform{
	background:#fff;
	margin:0;
	padding:0;
	}
	
#commentform p{
	color: #000;
	}
	
#commentform a{color: #000; text-decoration: none; border-bottom: 1px dotted #465D71;line-height: 14pt;}
	
#commentform h3{
	font-family: georgia, times, verdana;
	font-size: 10pt;
	font-weight: 300;
	color: #000;
	margin:0;
	padding:0;
	}
	
#comment{
	width:70%;
	}

#author, #email, #url, #comment, #submit{
	background: #fff;
	font-family: verdana, arial, times;
	font-size: 8pt;
	margin:5px 5px 0 0;
	padding:0;
	border: 1px solid #000;
	}
	
#submit{margin:5px 5px 0 0;}

#comments{margin:0; padding:0}
	
ol.commentlist {list-style-type: none; margin:0; padding:0;}

.avatar{float:left; margin:0 12px 0 0;}

ol.commentlist li {
	background: #fff;
	margin:10px 0;
	padding:5px 0 5px 10px;
	list-style-type:none;
	}

ol.commentlist li.alt {background: #eee;}
ol.commentlist li p {margin: 6px 0 6px 0; padding: 0 12px 0 0; padding-left:45px; line-height: 14pt;}

ol.commentlist a {color:#000;}

cite {
	font-family: arial, verdana, tahoma;
	font-size: 9pt;
	font-weight: bold;
	font-style: normal;
	}
	
cite a{color: #000; text-decoration: none; border-bottom: 1px dotted #465D71;}


/* footer */

#footer {
float:left;
height:63px;
width:824px;
text-align:center;
padding-top:10px;
font-family:Tahoma;
font-size:14px;
color:#4c8bd3;
}

#footer a{
color:#4c8bd3;
text-decoration:none;
}

#footer a:hover{
color:#4c8bd3;
text-decoration:underline;
}
#post .gallery .gallery-item a {
border-bottom: none;padding-right:10px;padding-bottom:10px;padding-left:10px;
}