/* 
Theme Name: Mobil-I
Description: Designed by MattEve, Coded by Melton Geconcillo
Version: 1.3
Author: Melton Geconcillo
Author URI: http://www.asiawebdevservices.com
*/

/* Various elements */

body {
	background: url(images/background.gif) top repeat-x;
	margin: 0;
	background-color: #7e7e7e;
}

#login {
	background-color: #FFFFFF;
	float: right;
	height: 50px;
	width: 150px;
	margin-right: 40px;
	margin-top: 60px;
}

#page {

	width: 860px;
	height: 740px;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFFFFF;

}


#content {

	width: 860px;
	height: auto;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFFFFF;
	overflow: auto;


}


/* header starts here */


#header {

	background-image: url(images/header-bg.png);
	background-repeat: no-repeat;
	height: 139px;
	width: 860px;
	margin-right: auto;
	margin-left: auto;

}







#logo {



	background-image: url(images/mobil-logo.gif);



	background-repeat: no-repeat;



	display: block;



	height: 80px;



	width: 276px;



	margin-left: 34px;



	margin-top: 58px;



	float: left;







}







/* header ends here */







#navi {



	background-image: url(images/navi_bg.png);



	background-repeat: repeat-x;



	height: 46px;



	width: 787px;



	margin-right: auto;



	margin-left: auto;



}







#navi ul {



	margin: 0;



	padding: 0;



	list-style: none;



	text-align: center;



}







#navi li {



	display: inline;



	}







#navi a {



	display: block;



	float: left;



	height: 32px;



	border-left: 1px hidden;



	border-right: 1px hidden;



	text-transform: inherit;



	text-decoration: none;



	text-align: center;



	font-size: 12px;



	color: #ffffff;



	font-family: Verdana, Arial, Helvetica, sans-serif;



	padding-left: 20px;



	padding-right: 19px;



	font-weight: bold;



	padding-top: 14px;



	border-left: solid 1px #FFFFFF;







	



}







#navi a:hover {



	background: #F7F7F4;



	background-image: url(images/navi_hover.png);



}







#mobil-banner {



	background-image: url(images/header-bottom.png);



	height: 187px;



	width: 787px;



	margin-right: auto;



	margin-left: auto;



	margin-top: 5px;



	margin-bottom: 15px;



}







.formstyle {



	font-size: 10px;



	font-weight: bold;



}







#secwrapper {



	width: 787px;



	margin-left: auto;



	margin-right: auto;



	background-color: #FFFFFF;



	height: 220px;



	color: #666666;



	font-family: Verdana, Arial, Helvetica, sans-serif;



	font-size: 12px;



	margin-bottom: 20px;



}







#secwrapper2 {



	width: 787px;



	margin-left: auto;



	margin-right: auto;



	background-color: #FFFFFF;



	height: 220px;



	color: #666666;



	font-family: Verdana, Arial, Helvetica, sans-serif;



	font-size: 12px;



	margin-bottom: 20px;



}







#secwrapper img {



	margin-left:auto;



	margin-right:auto;



	margin-bottom: 5px;



}







#secwrapper2 img {



	margin-left:auto;



	margin-right:auto;



	margin-bottom: 5px;



}







#secwrapper ul {



	list-style-image: url(images/bullet.gif);



	padding-left: 20px;



	padding-right: 10px;



	margin: 0px;



}







#secwrapper2 ul {



	list-style-image: url(images/bullet.gif);



	padding-left: 20px;



	padding-right: 10px;



	margin: 0px;



}











.readmore {



	font-weight: bold;



	color: #fe7f00;



	float: right;



	vertical-align: bottom;



}







.sidebar-title {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
}

.col-title {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #ff7e00;
}





#secone {



	float: left;



	height: 220px;



	width: 524px;



	margin-bottom: 5px;



	border-left: #F3F3F3;



	border-left-style: solid;



	border-left-width: 1px;



}







#sectwo {



	float: right;



	height: 220px;



	width: 262px;



	margin-bottom: 5px;



}







#colone {



	float: left;



	height: 220px;



	width: 262px;



	border-right: #F3F3F3;



	border-right-style: solid;



	border-right-width: 1px;







}







#coltwo {



	float: right;



	height: 220px;



	width: 260px;



	border-right: #F3F3F3;



	border-right-style: solid;



	border-right-width: 1px;



}



#footer {

	background-image: url(images/footer.png);
	width: 860px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
        background-repeat: no-repeat;
        background-position: bottom;
        overflow: auto;
        background-color: #f0f0f0;
        padding-bottom: 20px;
}







#footer p {

	margin: 0;
	text-align: center;
	font-size: 77%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #fe8101;
	padding-top: 5px;

}







#footer ul {

	margin: 0;
	padding: 0;
	list-style: none;
	text-align: center;
	padding-top: 40px;

}







#footer li {



	display: inline;







	}



	



#footer li.first {



	border-left: none;



	list-style: none;



	display: inline;



}







#footer a {



	text-decoration: none;



	text-align: center;



	font-size: 12px;



	color: #666666;



	font-family: Verdana, Arial, Helvetica, sans-serif;



	padding-left: 5px;



	padding-right: 5px;



	



}







#pagecontent {

	width: 787px;
	margin-left: auto;
	margin-right: auto;
	background-color: #FFFFFF;
	color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-bottom: 20px;

}

#pagecontent a {
color:  #FF9900;
text-decoration: none;

}


#blogpage {



	width: 787px;



	margin-left: auto;



	margin-right: auto;



	background-color: #FFFFFF;



	color: #666666;



	font-family: Verdana, Arial, Helvetica, sans-serif;



	font-size: 12px;



	margin-bottom: 20px;



}







.context {



	margin-left: 14px;



}


#blogcontent {

	float: left;

	width: 450px;

	padding-left: 10px;

	padding-right: 10px;

	margin-top: 2px;

	border-right: #CCCCCC 1px solid;

	padding-top: 10px;

	overflow: auto;

}

#bcdivider {
	width: 450px;
	height: 1px;
	border-top: #e4e4e4 dotted 1px;
        margin-bottom: 7px;
	
}

#blogcontent a {

	color: #ff8000;

	text-decoration: none;

	

}



#sidebar {

	float: right;

	width: 290px;

	margin-top: 2px;

	padding-left: 10px;

	padding-right: 10px;

	padding-bottom: 5px;

	padding-top: 10px;

	overflow: auto;





}



#sidebar ul {

	list-style-position: outside;

	list-style-type: square;

	margin-top: 5px;

	padding-left: 20px;



}



#sidebar li {

	margin-bottom: 5px;

	

}



#sidebar a {

	color: #666666;

	text-decoration: none;

}



#sidebar a:hover {

	color: #FF9900;

	text-decoration: underline;

}



#secwrapper a {

text-decoration: none;

color: #FF9900;

}



#secwrapper2 a {

text-decoration: none;

color: #FF9900;

}

#titlesidebar {
padding: 6px;
background-color: #414141;
}

#nav ul {display:none; margin-top: 10px; padding-top: 10px; position:absolute; } /* hide the sub nav */
*+ html #nav ul {margin: 16px 0 0 -122px;} /* ie 7 hack */
#nav li {list-style:none;display:block;float:left;}
#nav a {display:block;float:left; margin: 0 0 0 -1px; text-decoration:none; }
 
/*subnav styling*/
#nav ul li, #nav ul li a {float:none;}
#nav ul li a {margin: 0 0 0 0; background-image: url(images/navi_bg.png); background-color: #414141; padding-left: 15px; padding-right: 15px;}
#nav ul li a:hover { color:#fff; background-image: url(images/navi_hover.png);}

#navi ul {

	margin: 0;
	padding: 0;
	list-style: none;
	text-align: center;

}



#navi li {
	display: inline;

	}