@charset "utf-8";
/*	CSS Styling for Home page
	Site: suvashthapaliya.com.np
	Author - suvash/at/gmail/dot/com
*/

/* CSS Reset here */
* { margin: 0; padding: 0;
	font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#454545; font-weight:normal;
	line-height:20px;
}
a{color:#ff6132; text-decoration:none; }
a:hover{ background-color:#289bce; color:#000000; text-decoration:none;}


.clear{clear:both;}
.invisible{display:none;}
.floatRight{float:right;}
.floatLeft{float:left;}
.floatClear{clear:both;}

/* Titlebar Styling here */
h1.titlebar {background:url(../images/title_bar.gif) repeat-x; height:105px; width:100%;}
h1.titlebar a{background:url(../images/st_logo.gif) no-repeat; height:105px; width:209px; margin-left:10px; display:block; }

/* Still Being built Styling here */
h4.beingbuilt{position:absolute; width:100%; top:30%; left:0px; display:block; z-index:-1; text-align:center; font-weight:bold; font-size:18px;}

/* Body band Styling here */
h4.bodyband{position:absolute; width:100%; top:50%; left:0px; display:block; z-index:-1}
.band{ position:absolute; top:-35px; display:block; background:url(../images/home_bodybar.gif) repeat-x center; width:100%; height:118px;}

/* Recent Posts Styling here */
.recent_posts{display:block; background:url(../images/home_recpost.gif) no-repeat; width:103px; height:16px;}
.open_coma{display:block; background:url(../images/home_ocoma.gif) no-repeat; width:42px; height:42px; position:absolute; top:-52px; left:-42px;}
.close_coma{display:block; background:url(../images/home_ccoma.gif) no-repeat; width:42px; height:42px; position:absolute; bottom:-42px; right:-42px;}
h3.recent_post_list{display:block; position:absolute; top:67%; left:12.5%;}
h3.recent_post_list ul{position:absolute; left:8px; display:block; width:250px;}
h3.recent_post_list li{list-style:none;}
h3.recent_post_list #post_title{float:left; display:block; width:135px;}
h3.recent_post_list #post_date{float:right;}


/* Web Playground Styling here */
h4.playground{display:block; position:absolute; background:url(../images/home_play.gif) no-repeat; top:67%; right:12.5%; width:252px; height:110px;}

/* Footer Styling here */
h5.footer{position:absolute; bottom:0%; width:100%; background:url(../images/home_foot.gif) repeat-x; height:22px; left:0%; padding-top:28px; text-align:center;}
h5.footer a{color:#454545};
h5.footer a:hover{ background-color:#289bce; color:#000000; }