/*
Theme Name: Azman Blog Theme
Theme URI: http://sharetheme.com/
Description: This theme create for azmanzainal.com by <a href="http://sharetheme.com">sharetheme.com</a>. Download more free &amp; premium theme at <a href="http://sharetheme.com">ShareTheme.com</a>
Version: 1.0
Author: promaxstudio.com
Author URI: http://promaxstudio.com/
Tags: brows, fixed width, two columns

	This theme was designed and built by team promaxstudio,
	whose website you will find at http://promaxstudio.com/

	PromoxStudio provide quality web design service.

*/



/* --------- 1. defaults  --------- */

* {
		margin: 0;
		padding: 0;
		}
body { 
	background: #000000;
		}
		
/*  --------- 2. structure  --------- */
a:link{
	color:#f15a24;
	text-decoration:none;
	}
a:visited{
	color:#f15a24; 	
	text-decoration:none;
	}
a:hover{
	color:#FF0033;
	text-decoration:none; 	
	}
p {
	color:#000000;
	}
#wrapper {
	margin:0 auto;
	width:985px;
		}
		
#header {
	background:url(images/header.png) 0 0 no-repeat;
	width:985px;
	height:148px;
		}
.searchbox {
height:33px;
width:127px;
border:medium none;
margin-left:70%;
margin-top:20px;
}
.searchbox p{
font-size:18px;
padding:8px 0 0 8px;
}
#searchbox2{
border:medium none;
font-size:13px;
height:20px;
 
}

#navContainer {
		}
#content {
	background:#CCFF00 url(images/content3.png) 0 0 repeat-y;
	margin:0 auto;
	overflow:hidden; 
	width:985px;	
	height:100%;
		}	
#postwrap {
	float:left;
	width:518px;
	height:100%;
	padding-top:20px;
	padding-left:15px;
	}
.postid {
	font-family:Arial,Helvetica,sans-serif;
	width:500px;
	margin-bottom:15px;
	padding:6px;
	overflow:hidden;
	border-bottom:#999999 dotted thin;
	padding-bottom:10px;
	}
.titlebox {
	width:500px;
	height:57px;
	}
.titlepageimg {
	padding-top:7px;
	width:74px;
	height:26px;
	background:url(images/titlepage.png) 0 0 no-repeat;
	float:left;
	}
.date {
	background:url(images/datenote.png) 0 0 no-repeat;
	height:57px;
	width:64px;
	padding-top:7px;
	text-align:center;
	font-family:Arial,Helvetica,sans-serif;
	font-size:15px;
	font-weight:bold;
	text-transform:uppercase;
	color:#000000;
	float:left;
	}
.titlebox h1{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	padding-left:75px;
	font-size:24px;
	color:#f15a24;
	}
.titlebox h1 a:link{
	text-decoration:none;
	color:#f15a24;
	}
.titlebox h1 a:visited{
	text-decoration:none;
	color:#f15a24;
	}
.titlebox h1 a:hover{
	color:#FF0033;
	text-decoration:none;
	}
.posttext {
	padding:5px 10px 0px 0px;
	}

.posttext p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:1.6em;	
	text-align:justify;
	padding-top:4px;
	padding-bottom:4px;
	color:#333333;
	}
.posttext p a:link{
	text-decoration:none;
	color:#f15a24;
	font-weight:bold;
}
.posttext p a:visited{
	text-decoration:none;
	color:#f15a24;
	font-weight:bold;
}
.posttext p a:hover{
	text-decoration:none;
	color:#FF0033;
	font-weight:bold;
}
.posttext p img {
	padding:10px;
	border:none;
	text-decoration:none;
	}
img.alignleft{
	float:left;
	text-align:left;
	border:none;
	}
img.alignright{
	float:right;
	text-align:right;
	border:none;
	}
img.aligncenter {
	text-align:center;
	text-decoration:none;
	border:none;
	}


.posttext code {
	border:#CCCCCC thin dotted;
	}
.posttext ul {
	width:400px;
	margin-left:20px;
	padding-bottom:10px;
	font-size:12px;
	}
.posttext ul ul{
	width:300px;
	padding-bottom:10px;
	}
.posttext ul li {
	margin-left:45px;
	text-indent:0px;
	padding-top:4px;

	}
.posttext ul li a:link{
	text-decoration:none;	 
	color:#f15a24;
	font-weight:bold;
	}
.posttext ul li a:visited{
	text-decoration:none;
	color:#f15a24;
	font-weight:bold;
	}
.posttext ul li a:hover{
	text-decoration:none;
	color:#FF0033;
	font-weight:bold;
	}
.posttext ol {
	width:600px;
	margin-left:25px;
	padding-bottom:20px;
	font-size:12px;
	line-height:1.6em;
	}
.posttext ol li {
	margin-left:45px;
	text-indent:0px;
	padding-top:6px;
	text-align:justify;
	}
.posttext ol li a:link{
	text-decoration:none;
	color:#f15a24;
	font-weight:bold;
	}
.posttext ol li a:visited{
	text-decoration:none;
	color:#f15a24;
	font-weight:bold;
	}
.posttext ol li a:hover{
	color:#FF0033;
	text-decoration:none;
	font-weight:bold;
	}

.posttext dt, dd {
	font-size:12px;
	padding-top:6px;
	}
.posttext ul li ul li{
	margin-left:20px;
	text-indent:0px;
	padding-top:4px;
	}
.posttext ul li ul li ul li a:link{
	text-decoration:none;
	color:#f15a24;
	font-weight:bold;
	}
.posttext ul li ul li ul li a:visited{
	text-decoration:none;
	color:#f15a24;
	font-weight:bold;
	}
.posttext ul li ul li ul li a:hover{
	color:#FF0033;
	text-decoration:none;
	font-weight:bold;
	}
.posttext ol {
	width:400px;
	margin-left:25px;
	padding-bottom:20px;
	}
.posttext ol li ul li {
	margin-left:45px;
	text-indent:0px;
	padding-top:4px;
	}
.posttext ol li ul li a:link{
	text-decoration:none;
	color:#f15a24;
	}
.posttext ol li ul li a:visited{
	text-decoration:none;
	color:#f15a24;
	}
.posttext ol li ul li a:hover{
	text-decoration:none;
	color:#FF0033;
	}

.posttext blockquote {
	width:470px;
	background: #eeeeee;
	margin: 10px 0 10px 0;
	padding: 5px 10px 5px 10px;
	border-top: solid 1px #5f5f5f;
	border-bottom: solid 1px #5f5f5f;
	}

.posttext blockquote p{
	padding-left:10px;
	padding-bottom:10px;
	line-height:1.5em;
	}
.posttext blockquote blockquote  {
	width:360px;
	padding:5px;
	border-left:#f15a24 4px solid;
	}
.posttext blockquote li{
	margin-left:60px;
	width:300px;
	padding-left:10px;
	text-indent:0px;
	line-height:2em;
	}
.more-link{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	color:#999999;
	font-style:italic;
	}
.more-link a:link {
	color:#f15a24;
	text-decoration:underline;
	}
.more-link a:visited{
	color:#f15a24;
	text-decoration:underline;
	}
.more-link a:hover{
	color:#FF0033;
	text-decoration:underline;
	}
.listcat{
	float:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	text-align:right;
	color:#000000;
	vertical-align:bottom;
	margin-top:20px;
	
	}
.listcat a:link {
	color:#f15a24;
	text-decoration:none;
	}
.listcat a:visited{
	color:#f15a24;
	text-decoration:none;
	}
.listcat a:hover{
	color:#FF0033;
	text-decoration:none;
	}
.commenttext{
	float:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	text-align:right;
	color:#000000;
	vertical-align:bottom;
	margin-top:20px;
	}
.commenttext a:link {
	color:#f15a24;
	text-decoration:none;
	}
.commenttext a:visited{
	color:#f15a24;
	text-decoration:none;
	}
.commenttext a:hover{
	color:#FF0033;
	text-decoration:none;
	}
.commentcount{
	background:url(images/commenttag.png) 0 0 no-repeat;
	height:28px;
	width:39px;
	float:right;
	margin-top:4px;
	}
.commentcount p{
	padding-top:5px;
	font-size:14px;
	color:#FFFFFF;
	padding-left:15px;
	}
.commentcount p a:link {
	color:#FFFFFF;
	text-decoration:none;
	}
.commentcount p a:visited{
	color:#FFFFFF;
	text-decoration:none;
	}
.commentcount p a:hover{
	color:#FF0033;
	text-decoration:none;
	}
#postnavi {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	font-weight:bold;
	color:#999999;
	text-align:center;
	padding-top:5px;
	width:500px;
	margin-bottom:20px;
	}
#postnavi a:link{
	color:#999999;
	text-decoration:none;
	}
#postnavi a:visited{
	color:#999999;
	text-decoration:none;
	}
#postnavi a:hover{
	color:#FF0033;
	text-decoration:none;
	}
#rightsidebar {
	float:left;
	width:430px;
	height:100%;
	margin-top:10px;
	}	
#adsbox {
	width:385px;
	height:340px;
	background-color:#F15A24;
	margin:0 auto;
	padding:0px 10px 0px 10px;
	}
#adsbox h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	padding:2px 0px 6px 0px;
	text-align:right;
	vertical-align:top;
	color:#FFFFFF;
	}
#adsbox img {
	text-decoration:none;
	border:none;
	padding-top:15px;
	}
#tagbox {
	float:left;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	width:420px;
	height:100%;
	margin-top:5px;
	padding:5px 0px 20px 10px;
	}
.leftbox {
	float:left;
	width:205px;
	}
.rightbox {
	float:left;
	width:205px;
	padding-left:5px;
	}
#tagbox ul li{
	list-style:none;
	}
#tagbox ul li h2 {
	width:190px;
	margin:6px 6px 0px 0px;
	padding-left:5px;
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	font-size:16px;
	border-bottom:#000000 dotted 1px;
	}
#tagbox ul li ul{
	padding:10px 0px 5px 10px;
	font-family:Arial,Helvetica,sans-serif;
	 
	}
#tagbox ul li ul li{
	list-style:none;
	background:url(images/bulletsidebar.png) 3px 3px no-repeat;
	padding-left:17px;
	padding-bottom:3px;
	line-height:1.3em;
	}
#tagbox ul li ul li a:link{
	text-decoration:none;
	color:#000000;
	}
#tagbox ul li ul li a:visited{
	text-decoration:none;
	color:#000000;
	}
#tagbox ul li ul li a:hover{
	text-decoration:none;
	color:#FF0033;
	}
#tagbox img{
	padding-top:5px;
	padding-bottom:5px;
	border:0px;
	}
#tagbox a:link img{
	text-decoration:none;
	}
#tagbox a:visited img{
	text-decoration:none;
	}
#tagbox a:hover img{
	border:#FF0033 solid 1px;
	}
#wp-calendar {
	padding:5px;
	 
	width:180px;
}
#wp-calendar tbody {
	text-align:center;
}
#wp-calendar tbody a{
	font-weight:bold;
	text-decoration:none;
	color:#f15a24;
	padding-left:5px;
}
#wp-calendar tfoot a{
	font-weight:bold;
	text-decoration:none;
	color:#f15a24;
	padding-left:5px;
}
#wp-calendar caption {
	padding-top:10px;
	text-decoration:none;
}
#search {
	margin-top:5px;
	padding:5px 0px 5px 0px;
}
#searchform {
	text-align:center;
}
#s {
	width:80px;
}
#tag_cloud {
	font-weight:normal;
}

#tag_cloud a:link{
	text-decoration:none;
	color:#000000;
}
#tag_cloud a:visited{
	text-decoration:none;
	color:#000000;
}
#tag_cloud a:hover{
	text-decoration:none;
	color:#FF0033;
}
.textwidget {
	font-family:Georgia, "Times New Roman", Times, serif;
	padding:5px 0px 5px 10px;
	 
	}
.textwidget a:link{
	text-decoration:none;
	color:#f15a24;
	font-weight:bold;
}
.textwidget a:visited{
	text-decoration:none;
	color:#f15a24;
	font-weight:bold;
}
.textwidget a:hover{
	text-decoration:none;
	color:#CCCCCC;
	font-weight:bold;
}
.widgettitle h2{
	background:#FF9900;
	}

/* Begin Comments*/
#comments {
	font-family:Arial, Helvetica, sans-serif;;
	}
.alt {
	margin: 0;
	padding: 10px;
	}

.commentlist {
	width: 480px;
	padding: 0;
	text-align: justify;
	
	}

.commentlist li {
	margin: 10px 0 3px 0px;
	padding: 5px 10px 3px;	
	list-style: none;
	height:100%;
	float:left;
	width: 480px;
	min-height:80px;
	}
.avatar {
	float:left;
}
.comment_bar {
	float:left;
	background-color:#CCCCCC;
	margin-left:7px;
	width:480px;
	height:30px;
}
.comment_author {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	color:#FFFFFF;
	font-weight:bold;
	margin-top:5px;
	margin-left:10px;
}
.comment_author a:link {
	text-decoration:none;
	color:#666666;
}
.comment_author a:visited {
	text-decoration:none;
	color:#666666;
}
.comment_author a:hover{
	text-decoration:none;
	color:#F15A24;
}
.comment_post {
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	width:454px;
	margin-left:7px;
	padding:10px;
	border:#CCCCCC solid 3px;
	}
.commentlist p {
	padding-bottom:5px;	
	}
.commentlist p a:link {
	font-weight:bold;
	text-decoration:none;
	color:#F15A24;
	}
.commentlist p a:visited {
	text-decoration:none;
	color:#F15A24;
	}
.commentlist p a:hover{
	text-decoration:none;
	color:#CCCCCC;
	}
#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}
/* End Comments */

/*start Form Elements */

#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	}
#commentform small {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#4D4D4D;
	
}
#commentform textarea {
	width: 300px;
	height:100px;
	padding: 2px;
	}

#commentform #submit {
	margin: 0;
	float: left;
	}
/* End Form Elements */



#footer {
	background:#F15A24 url(images/footercontent.png) 0 0 repeat-y;
	width:985px;
	height:100%;
		}
.footercontent {
	overflow:hidden;
	padding-top:20px;
	padding-bottom:20px;
	
		}
.rpost {
	float:left;
	width:240px;
	margin-left:40px;
	}
.rpost h2{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:18px;
	color:#FFFFFF;
	font-weight:normal;
	text-transform:uppercase;
	}
.rpost ul{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;

	padding-top:5px;
	}
.rpost ul li{
	list-style:square;
	}
.rpost ul li a:link{
	text-decoration:none;
	color:#FFFFFF;		
	}
.rpost ul li a:visited{
	text-decoration:none;
	color:#FFFFFF;		
	}
.rpost ul li a:hover{
	text-decoration:none;	


	color:#000000;
	}

.rcomment {
	float:left;
	width:200px;
	margin-left:40px;
	}
.rcomment h2{
	font-family:Georgia, "Times New Roman", Times, serif;
	text-transform:uppercase;
	font-size:18px;
	color:#FFFFFF;
	font-weight:normal;
	}
.rcomment ul{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	padding-top:5px;
	}
.rcomment ul li{
	list-style:square;
	}
.rcomment ul li a:link{
	text-decoration:none;
	color:#FFFFFF;		
	}
.rcomment ul li a:visited{
	text-decoration:none;
	color:#FFFFFF;		
	}
.rcomment ul li a:hover{
	text-decoration:none;	
	color:#000000;
	}

.popular {
	float:left;
	width:200px;
	margin-left:10px;
	}
.popular h2{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:18px;
	color:#FFFFFF;
	font-weight:normal;
	}
.popular ul{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	color:#000000;
	padding-top:5px;
	}
.popular ul li{
	list-style:square;
	}
.popular ul li a:link{
	text-decoration:none;
	color:#FFFFFF;		
	}
.popular ul li a:visited{
	text-decoration:none;
	color:#FFFFFF;		
	}
.popular ul li a:hover{
	text-decoration:none;	
	color:#000000;
	}
.rss {
	float:right;
	margin-right:40px;
	}	
#footerbottom {
	background:#F15A24 url(images/footerbottom.png) 0 0 no-repeat;
	width:985px;
	height:31px;
	margin-bottom:40px;
		}
#copyright p{
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#FFFFFF;
	}
	/* float-clearing rules */
.separator {
		clear: both;
		}

.separatorInvisible {
		clear: both;
		height: 1px;
		}

.clearFix:after {
    	content: "."; 
    	display: block; 
    	height: 0; 
    	clear: both; 
    	visibility: hidden;
		}		
		
/* ---------- 3. links and navigation ---------- */

a {
		}
		
a:hover {
		}

#navigation {
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	margin-left:32%;
	padding-top:3.5%;

		}

#navigation a {
	text-decoration:none;
	color:#FFFFFF;
		}
#navigation a:visited {
	text-decoration:none;
	color:#FFFFFF;
		}
#navigation a:hover {
	text-decoration:none;
	background-color:#f15a24;
	color:#FFFFFF;
 
		}
		
#navigation ul {
	list-style-type:none;
		}

#navigation li {
	border-left:#f15a24 4px solid;
	display:inline;
	padding-left:5px;
		}
		
/* ---------- 4. fonts ---------- */

html {
		}

body {

		}

h1, h2, h3, h4, p, ul {
		}
h1{
	font-size:24px;
	font-weight:bold;
	}
h1 a:link{
color:#f15a24;
		}
h2{
	font-size:22px;
	font-weight:bold;
	}
h3{
	font-size:20px;
	font-weight:bold;
	}
h4{
	font-size:16px;
	font-weight:bold;
	}
h5{
	font-size:14px;
	font-weight:bold;
	}
h6{
	font-size:12px;
	font-weight:bold;
	}
p {
		}

ul {
		}

/* ---------- 5. images ---------- */

a img {
		}
