/*
Theme Name: Hawlast
Theme URI: http://www.w3-host.com/blog/
Description: Hawlast Theme by w3-host.com
Version: 1.0
Author: Richard Tsalwa
Author URI: www.w3-host.com
*/

*{border:none;outline:none;margin:0;padding:0}

body{background:#fff;color:#3B3B3B;text-align:justify;font:80% "Myriad",Verdana,Arial,Helvetica,sans-serif;margin:0;padding:0}.nodisplay{left:-5000px;position:absolute}p,ul,ol{line-height:23px}ol,ul{list-style-type:none}

a:link {
	text-decoration: none;
}
a:hover,a:focus{text-decoration:underline;}

a:visited {
	text-decoration: none;
}

.small{
    font-size: 75%;
    letter-spacing:normal;
}

a:visited { color: #7094B7; }

h1{font-size:1.33em;color:#9caa3b;margin:0 0 0.63em}

h2{font-size:1.25em;color:#9caa3b;margin:0.63em 0}

h3{font-size:1.08em;color:#9caa3b;margin:0 0 0.63em}

#wrap{width:90%;margin:0 auto;padding:0}

#content{float:left;width:60%}#infobox{width:100%;background:#F4F6FB;border:1px solid #AAAAAD;border-top:none;margin:0 auto;padding:4px}

#navigation{float:right;background:#FDFDFD;width:30%;line-height:1.5em;display:inline;border:1px solid #AAAAAD;border-top:none;margin:0;padding:0}

/*Web form styles web form styles*/
input {
 background-color: #C0C0C0;
}

textarea {
 background-color: #C0C0C0;
 color: #ffffff;
}

form {
 border: 1px solid #C0C0C0;
 padding: 5px;
}

/*Class logo Class logo Class logo Class logo Class logo*/

.logo {
    padding: 25px 0px 10px 10px;
    width: 50%;
    overflow: hidden;      
}

.logo{background:url(images/logo.gif) no-repeat 0 0;position:absolute;left:150px;height:104px}

.logo h1{color:#1E1E1E;font-size:30px;padding:24px 0 0 80px}

.logo h1 a{color:#1E1E1E}

.logo h1 a:hover{color:#585858}



/*Class menu Class menu Class menu Class menu Class menu*/
.menu {
	width: 99%;
	overflow: hidden;
	border-bottom: 4px solid #800080; /*bottom horizontal line that runs beneath tabs*/
}

.menu ul{
	margin: 0;
	padding: 0;
	padding-left: 10px; /*offset of tabs relative to browser left edge*/
	font: bold 12px Verdana;
	list-style-type: none;
}

.menu li{
	display: inline;
	margin: 0;
}

.menu li a{
float: right;
display: block;
text-decoration: none;
margin: 0;
padding: 7px 8px; /*padding inside each tab*/
border-right: 1px solid white; /*right divider between tabs*/
color: #cc9966;
background: #ccccff; /*background of tabs (default state)*/
}

.menu li a:visited{
color: #408080;
}
.menu li a:active{
	color: #0000FF
}
.menu li a:hover, .menu li.selected a{
background: #F0C933; /*background of tabs for hover state, plus tab with "selected" class assigned to its LI */
}

#search #typein{background:transparent url(images/search.jpg) no-repeat;padding:20px 5px 25px 150px;}

#infobox h2{font-size:13px}#rssfeed{background:#fff url(images/rss_bg.gif) no-repeat bottom right;height:79px;with:305px;border-bottom:1px solid #AAAAAD;margin:0 0 15px;padding:4px}#rssfeed h2{font-size:22px;padding:4px}#navigation h2{color:#55543C;font-size:19px;margin:5px 0 8px;padding:0 0 4px}#navigation ul{width:95%;list-style:none;margin:0 0 15px;padding:0 0 0 5px}


#navigation ul li{display:inline;margin:0;padding:0}#navigation li{list-style:none}#navigation ul li a{display:block;color:#3B3B3B;text-decoration:none;border-bottom:1px dotted #2D2D2D;margin:0;padding:2px}#navigation ul li a:hover{background:#830F0F;color:#fff}#navigation ul li.rss a{border:none;background:transparent url(images/rss.jpg) no-repeat 10px 50%;padding:0 0 0 25px}#navigation ul li.rss a:hover{color:#000}.laste,.category{padding:0 0 0 5px}#navigation .category h2{background:url(images/category.gif) no-repeat 0 50%;padding:0 0 0 25px}#navigation .laste h2{background:url(images/laste.gif) no-repeat 0 50%;padding:0 0 0 25px}#navigation .blogroll{float:left;width:49%}#navigation .blogroll h2{background:url(images/blogroll.gif) no-repeat 0 50%;padding:0 0 0 25px}#navigation .meta h2{background:url(images/metah.gif) no-repeat 0 50%;padding:0 0 0 23px}#navigation .archive h2{background:url(images/archive.gif) no-repeat 0 50%;padding:0 0 0 25px}.article{margin:25px 0 0}.article h2{background:url(images/arrow.jpg) no-repeat 0 50%;font-size:25px;margin:0 0 10px;padding:0 0 0 30px}.article h2 a:link,.article h2 a:visited{color:#3B3B3B;text-decoration:none}.article a:hover,.article a:active{color:#710D0D;text-decoration:none}.postmetadata{border:1px solid #DADADA;height:32px;width:100%;background:#fff url(images/meta.gif) repeat-x top left}.postmetadata p{padding:4px}#content blockquote{background:#fff url(images/quote.gif) no-repeat top left;margin:5px 5px 5px 20px;padding:3px 0 0 50px}#content code{min-height:60px;font-family:Fixedsys,Helvetica,"Lucida Grande",Verdana,sans-serif;display:block;background:#fff url(images/code.jpg) no-repeat top left;margin:5px 5px 5px 20px;padding:0 0 0 45px}.searcherg{background:#F5F6FB;border-left:4px solid #444;margin:5px 5px 5px 20px;padding:5px}#content ul{list-style:none;margin:0 0 0 20px;padding:0}#content ul li{display:block;margin:0;padding:0 0 0 20px}#content li{list-style:none;background:transparent url(images/list.gif) no-repeat 0 50%;display:block;text-decoration:none;margin:0;padding:0 0 0 20px}.pages{border:1px solid #DADADA;float:left;height:32px;width:100%;background:#fff url(images/meta.gif) repeat-x top left;margin:15px 0 0}.page-previous{float:left;padding:8px}.time{background:url(images/time.gif) no-repeat 0 0;padding:0 0 0 24px}.filed{background:url(images/filed.gif) no-repeat 0 0;margin:0 0 0 15px;padding:0 0 0 24px}.comments{background:url(images/comments.gif) no-repeat 0 0;margin:0 0 0 15px;padding:0 0 0 24px}.trackback{background:url(images/trackback.gif) no-repeat 0 0;margin:0 0 0 15px;padding:0 0 0 24px}.goon{background:#F5F6FB url(images/goon.gif) no-repeat 10px 50%;font-weight:700;margin:5px 0 0;padding:3px 3px 3px 30px}.comment{margin:40px 0 0}.comment h3{background:url(images/ucomments.gif) no-repeat 0 60%;border-bottom:1px solid #525D6B;font-size:20px;padding:0 0 0 24px}.comment h4{background:url(images/write.gif) no-repeat 0 50%;font-size:16px;border-bottom:1px solid #525D6B;margin:15px 0 10px;padding:0 0 0 24px}.comment input,textarea{background:#fff url(images/com_bg.gif) repeat-x top left;color:#3B3B3B;border:1px solid #5A5A5A;margin:2px;padding:4px}.comment textarea{width:80%;height:150px}.comment input:focus,.comment textarea:focus{background:#29303C}.comment input[type=submit]{font-weight:700}.comment ol.commentlist{list-style-type:none;margin:5px;padding:10px}.comment ol.commentlist li{margin:7px;padding:10px}.comment li{border-bottom:2px solid #323232;margin:0 0 10px}

#navigation .archive{float:right;width:49%}

#content .postmetadata,#content .thecontent,.thecontent p,.thecontent{margin:15px 0 0}.page-next,.footer-right{float:right;padding:8px}

<!---FOOTER FOOTER FOOTER FOOTER --->
.footer{
	margin-top:10px;
	text-align:center;
	line-height: 1.5;
}

.footer a{
	padding-left:10px;
	padding-right:6px;
	background-position:0 5px;}

.footer p,.footer ul,.footer li{
display:inline;
}

.footer .sections{
position:relative;
margin-bottom:6px;
padding:5px 0 0 0;
text-align:left;
background:#FFF repeat-x 0 -544px;
border:1px solid #DBE1E6;
}

.footer .expanded{padding-bottom:10px;}

.footer .sections h2{
	height:1.2em;
	overflow:hidden;
	margin-top:-1.8em;
	padding:0;
	font-size:100%;
	font-family:arial,"Times New Roman",Times,serif;
	font-weight:bold;
	text-transform:uppercase;
	letter-spacing:.03em;}

.footer .expanded h2{height:auto;}
.sections h2,.footer .sections h2{margin-top:-1.75em;zoom:1;}
.footer .sections h2{position:relative;}
.footer .sections a:hover,.footer .sections a:focus{color:#16387C;text-decoration:underline;}
.footer .sections ul{display:block;margin-top:1.25em;border-top:1px solid #FFF;}
.footer .expanded ul{border-top-color:#DBE1E6;}
.footer .sections ul .footer .sections ul{margin-top:1.9em;}
.footer .sections ul .footer .sections ul ul{margin-top:.7em;}
.footer .sections ul ul{height:0;overflow:hidden;margin-top:.85em;border-top:none;}
.footer .expanded ul ul{height:auto;}
.footer .sections li{float:left;width:23%;padding-left:1%;}
.footer .sections li li,.footer .sections .last{border-right:none;}
.footer .sections li li{float:none;display:block;width:auto;min-height:0;padding-left:1px;}
.footer .sections .ua-ie6 li li{height:0;}

.subfooter{
      border:1px;
	margin-top:8px;
	color:#68727F;
	text-align:left;
	line-height:1.5;
      }

.subfooter a{
	padding-left:10px;
	padding-right:0px;
	background-position:0 5px;
	color:#16387C;
	}

.subfooter p,.subfooter ul,.subfooter li{
display:inline;
}

<!---FOOTER FOOTER --->