/**
 * @name marknt_style.css - The core css file - TABLELESS
 * @author Mark Edward Tan (PHP Developer / Bodybuilder)
 * @package CSS
 * @since May 27, 2007
 */

/* Used for IE browser <form> extra space problem! */
form{
	margin:0;
	padding:0;
}

BODY
{
  	/*
	background:url('images/watermark.jpg') white center no-repeat fixed;
	background:url('http://localhost/work/personal_website/img/formal_bg.jpg') white center fixed;
	background: #8DC70A url(images/greentab.jpg) no-repeat;
	background:url('bgground.jpg');
	letter-spacing:1px;
	line-height:1;
	padding:5px;
	
	font: 10px "Lucida Grande",verdana,sans-serif; 
	margin:40px 20px 0 0;
	
	margin-top:40px;
	margin-bottom:20px;
	*/
	
	margin:40px 0 20px 0;
	
	background-attachment:fixed;
	font: 11px Verdana, Tahoma;  
	color: #4F5155;
	text-align: center;

	/* this is for body border color */
	/*
	4F5155
	222
	font: 14px "Lucida Sans Unicode", Verdana, Tahoma;  
	border-style:solid; 
	border-top-width:5px; 
	border-bottom-width:5px; 
	border-left-width:5px; 
	border-right-width:5px;
	border-color: #0099FF;
	
	background-position: 0px 0px;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-image: url(images/half.gif);
	*/	
}



/*A:link {text-decoration:none; color:blue;} A:active{color:violet;}*/

A:link {text-decoration:none;}
A:visited {text-decoration:none;}
A:hover{text-decoration:none;}


/* Main Content and sidebar style*/
.left_container{
	float:left;
	width:675px;
}
.sidebar_container{
	float:right;
	padding:5px;
	background-color:#99CCFF;
	/*background-image: url(../img/bg/bg_extjs.gif);*/
	width:200px;
}

/***** START <div> Tableless Design ****/
.mother_tbl{	
	background:#87CEFA; 
	/*width:850px;*/
	width:900px;
	/* this means center the main <div> */
    margin: 0 auto;
	padding:3px;
	text-align:left;
	border:2px solid #F0FFFF;
}
.header_tbl{
	/*background: #E0FFFF;*/
	background: #FFFFFF;
	padding: 5px;
	text-align:center;	
	margin:0 0 3px 0;
}
.footer_tbl{
	clear:both;
	margin:0 0 0 0;
	/*
	height:50px;
	margin-top:5px;
	*/
	background: #FFFFFF;
	padding:5px 0;
	text-align:center;
}
.menu_tbl{
	margin:0 0 3px 0;
	/*background: #F4F7FB;*/
	background: #FFFFFF;
	padding: 5px;
	text-align:center;	
}
.menu_spacer{
	clear:both;
	margin:0 auto;
	padding:0px;
	background: #993366;
	text-align:left;
	
}
.content_tbl{	
	/*background: #F0F8FF;*/
	background: #FFFFFF;
	/* padding:10px 10px 0 50px; */
	padding:5px;
	/* top right down left */
	margin:0 0 3px 0;
	text-align:left;
	/*
	margin:5px 0; 
	float:left;
	*/
}
.footer_content{	
	padding:5px;
	margin:0 0 0 0;
	background: #FFFFFF;
	text-align:center;
}

.footer_left_container{
	float:left;
	padding-left:5px;
	
}
.footer_right_container{
	float:right;
	text-align:center;
	line-height:20px;
	
	width:745px;
}

/**** END Tables Design *****/

.warning { color:#FF0000; }
.bold { font-weight:bold; color:#000000; }
.italic { font-style:italic; }

/* START for background colors of <td> */
.snow {background-color:#FFFAFA;}
.ghostwhite {background-color:#F8F8FF;}
.floralwhite {background-color:#FFFAF0;}
.aliceblue {background-color:#F0F8FF;}
.skyblue1 {background-color:#87CEFF;}
.lightcyan {background-color:#E0FFFF;}
.ivory {background-color:#FFFFF0;}
.strong_cyan{background-color:#009BD9;}
.weak_lightblue {background-color:#8BC9FC;}
/* END for background colors of <td> */

.core_loader{
	position:absolute;
	top:10px;
	right:10px;
}
/**** START Articles Design *****/
.jtabs_border{
	/*background:#DDEEFE;*/
	background:#99CCFF;
	padding:5px;
	width:665px;
	
}
/**** END Articles Design *****/


/**** START Tutorials Design *****/
.tree_menu_border{
	/*background:#DDEEFE;*/
	background:#DDEEFE;
	padding:5px;
	width:300px;
}
/**** END Tutorials Design *****/


/**** START Home Design *****/
.header_welcome{
	font-family: Lucida Sans Unicode, Verdana;
	font-size:14px;
	background-color:#C5E7F6;
	padding:5px;
}
.header_left{
	float:left;
}
.header_right{
	float:right;
	width:550px;
}
/**** END Home Design *****/


/**** START Sidebar Design *****/

.shoutbox_wrapper{
	text-align:left;
	/*background:#F0F8FF;*/
	width:183px;	
	overflow:auto; 
	height:250px;
}

.shoutbox_wrapper ul{
	text-align:left;
	list-style: none;
	/*background:orange;*/
	width:160px;
	padding:0px;
	margin:0 auto;
}

div.shoutbox_wrapper ul li {
	/*background:#F0F8FF;*/
}

.shoutbox_txtbox{
	font:11px tahoma, arial;
	border:1px solid #00FF00;
	color:navy;
	width:180px;
}

.shoutbox_button{
	font:11px tahoma, arial;
	border:1px solid #00FF00;
	color:navy;
	width:73px;
	/*background-image: url(../img/bg/firefox_bg.jpg);*/
	background-image: url(../img/bg/bg111.gif);
}

.shoutbox_name{
	/*background:#CCFFCC;*/
	font:11px verdana;
	color:navy;
	overflow:auto;
}
.shoutbox_message{
	color:#4F5155;
	overflow:hidden;
}
.shoutbox_date{
	text-align:right;
	margin-bottom:5px;
	color:gray;
}
/**** END Sidebar Design *****/


/**** START Guest Book Design *****/
.content_guestbook{
	font-family: Lucida Sans Unicode, Verdana;
	font-size:12px;
	background:#DCEDFE;
	padding:5px;
}
.gb_pagination{
	padding:5px;
	background-image:url(../img/bg/bg111.gif);
	text-align:center;
	width:655px;
	position:relative;
	float:left;
}
.gb_content{
	padding:5px;
	margin-top:5px;
}
.gb_content ul{
	text-align:left;
	list-style: none;
	/*width:300px;*/
	padding:0px;
	margin:0 auto;
}
.gb_name{
	/*background:#CCFFCC;*/
	font-size:13px;
	color:#3300FF;
}
.gb_date_posted{
	color:#4F5155;
	font-size:10px;
}
.gb_message{
	color:#4F5155;
	overflow:auto;
	/*overflow:scroll;*/
	/*overflow:hidden;*/
}
.gb_hr{
	border:1px solid #B5CADF;
}
.gb_start, .gb_current_page, .gb_end, .gb_total_records{
	display:inline;
}
.gb_tinymce{
	padding:5px;
	background:#F0F8FF;
	text-align:left;
	width:655px;
	margin-bottom:3px;
}
.gb_content_wrapper{
	padding:5px;
	background:#FFFFFF;
	text-align:left;
	width:655px;
	margin-top:3px;
}
.gb_tinymce_left{
	padding:5px;
	float:left;
	/*background:blue;*/
}
.gb_tinymce_right{
	padding:5px;
	float:right;
	background:#FFFFFF;
	width:275px;
}
.gb_name_txtbox{
	margin-bottom:3px;
}
.gb_submit_txtbox{
	margin-bottom:3px;
}
.gb_status_title{
	background-image: url(../img/bg/bg111.gif);
	padding:5px;
	letter-spacing:5px;
	text-align:center;
	color:#008000;
}
.gb_submit, .gb_reset{
	margin-top:3px;
	border:1px solid #00FF00;
	background:#F0FFFF;
	font-size:11px;
	font-family:tahoma;
	width:73px;
	color:navy;
	background-image: url(../img/bg/bg111.gif);
}

.gb_dropdown{
	color:red;
	font:9px verdana;
}

/**** END Guest Book Design *****/

/**** START Gallery Design *****/
.gallery_slider{
	width:802px;
	background:#99CCFF;
	padding:5px;
	margin-left:35px;
}

.gallery_browse_content{
	padding:5px;
	margin-top:5px;
	margin-bottom:5px;
	background:#DDEEFE;
}

.album_wrapper{
	/*width:285px;*/
	width:235px;
	
	color:#4F5155;
	background:#DDEEFE;
	padding:5px;
}



/**** END Gallery Design *****/


/**** START Reusable Classes *****/
.floatL{
	float:left;
}
.floatR{
	float:right;
}
.clearBoth{
	clear:both;
}

.marginAll{
	margin:10px;
}
.marginLeft{
	margin-left:10px;
}
.marginRight{
	margin-right:10px;
}
.marginTop{
	margin-top:10px;
}
.marginBottom{
	margin-bottom:10px;
}
.paddingAll{
	padding:5px;
}
.paddingLeft{
	padding-left:5px;
}
.paddingRight{
	padding-right:5px;
}
.paddingTop{
	padding-top:5px;
}
.paddingBottom{
	padding-bottom:5px;
}

.alignLeft{
	text-align:left;
}
.alignRight{
	text-align:right;
}

/**** END Reusable Classes *****/
/* MBposition {position: absolute; top: 350; left: 10; z-index: 1} */