@charset "utf-8";
/******************************/
/* CSS Document: standard.css */
/* Author: Raihan Islam       */
/******************************/

/**********/
/* Basics */
/**********/

/* Tags */
body {
	background-color: #e0ebf8;
	background-image:url(/images/background.png);
	background-repeat: repeat-y;
	margin: 40px;
	font-family: Verdana, Sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #3F4145;
}

a {
	color: #003399;
	background-color: transparent;
	font-weight: normal;
}

h1 {
	width: 659px;
	color: #333;
	background-color: transparent;
	border-bottom: 1px solid #303030;
	font-size: 16px;
	font-weight: bold;
	margin: 10px 0 6px 0;
	padding: 5px 0 6px 0;
}

li {
	padding-bottom: 20px;
}

code {
	float: left;
	display: inline;
	font-family: Monaco, Verdana, Sans-serif;
	font-size: 12px;
	background-color: #f9f9f9;
	border: 1px solid #D0D0D0;
	color: #002166;
	display: block;
	margin: 14px 0 14px 0;
	padding: 12px 10px 12px 10px;
}
/* //Tags */

/* Header/Content/Footer */
#header {
	float: left;
	display: inline;
	width: 100%;
}

#header_nav {
	float: left;
	display: inline; 
	height: 40px;
	width: 659px;
	background-image:url(/images/header_nav.png);
	background-repeat: no-repeat;
}

#header_text {
	float: left;
	display: inline;
	margin-left: 135px;
	margin-top: 12px;
	width: 100%;
}

#header_text a:link, #header_text a:active, #header_text a:visited {
	text-decoration: none;
	color: #3F4145;
	font-weight: bold;
	width: 100%;
}

#header_text a:hover {
	text-decoration: none;
	color: #ff9900;
	font-weight: bold;
	width: 100%;
}

#content {
	float: left;
	display: inline;
	width: 100%;
}

#footer {
	float: left;
	display: inline;
	padding-bottom: 35px;	
	width: 100%;
}

#footer_nav {
	float: left;
	display: inline; 
	height: 40px;
	width: 659px;
	background-image:url(/images/footer_nav.png);
	background-repeat: no-repeat;
}

#footer_text {
	float: left;
	display: inline;
	margin-left: 15px;
	margin-top: 12px;
}

#footer_text a:link, #footer_text a:active, #footer_text a:visited {
	text-decoration: none;
	color: #3F4145;
	font-weight: bold;
}

#footer_text a:hover {
	text-decoration: none;
	color: #ff9900;
	font-weight: bold;
}
/* //Header/Content/Footer */

/**********/
/* Styles */
/**********/

/* Thread text */
.bodytext {
	float: left;
	display: inline;
	padding-left: 0px;
	width: 650px;
}
/* //Thread text */

/* Interactive table */
.table {
	float: left;
	display: inline;
	width: 650px;
}

.table_top {
	float: left;
	display: inline;
	background-image:url(/images/table_top.png);
	background-repeat: no-repeat;
	height: 2px;
	width: 659px;
}

.table_bottom {
	float: left;
	display: inline;
	background-image:url(/images/table_bottom.png);
	background-repeat: no-repeat;
	height: 2px;
	width: 659px;
	padding-bottom: 20px;
}

.row {
	width: 100%;
}

.col {
	width: 100%;
}

.header {
	float: left;
	display: inline;
	padding-left: 5px;
	border: 2px solid #4e4e4e;
	background-color: #4e4e4e; 
	color: #fffcec;
	height: 12px;
	font-style: italic; 
	font-size: 10px; 
	font-weight: bold; 
	text-align: left;
}

/* transparency properties: not valid CSS 2.1 */

.system-min a:link, .system-min a:active, .system-min a:visited {
	float: right;
	display: inline;
	margin-right: 5px;
	margin-top: 0px;
	width: 15px;
	height: 12px;
	background-image:url(/images/system_min_hover.png);
	background-repeat: no-repeat;
	text-decoration: none;
}

.system-min a:hover {
	float: right;
	display: inline;
	margin-right: 5px;
	margin-top: 0px;
	width: 15px;
	height: 12px;
	background-image:url(/images/system_min.png);
	background-repeat: no-repeat;
	filter:alpha(opacity=50);
	-moz-opacity:0.50;
	-khtml-opacity: 0.50;
	opacity: 0.50;
	text-decoration: none;
}

.system-restore a:link, .system-restore a:active, .system-restore a:visited {
	float: right;
	display: inline;
	margin-right: 5px;
	margin-top: 0px;
	width: 15px;
	height: 12px;
	background-image:url(/images/system_restore_hover.png);
	background-repeat: no-repeat;
	text-decoration: none;
}

.system-restore a:hover {
	float: right;
	display: inline;
	margin-right: 5px;
	margin-top: 0px;
	width: 15px;
	height: 12px;
	background-image:url(/images/system_restore.png);
	background-repeat: no-repeat;
	filter:alpha(opacity=50);
	-moz-opacity:0.50;
	-khtml-opacity: 0.50;
	opacity: 0.50;
	text-decoration: none;
}

.left {
	text-align: left;
	padding-right: 0px;
	padding-left: 5px;
}

.right {
	text-align: right;
	padding-left: 0px;
	padding-right: 5px;
}

.standard {
	float: left;
	display: inline;
	width: 635px;
	padding: 10px;
	border-left: 2px solid #4e4e4e;
	border-right: 2px solid #9e9e9e;
	border-bottom: 0px solid #4e4e4e;
	background-color: #fffcec;
	font-size: 11px;	
}

.hidden {
	width: 0px;
	height: 0px;
	display: none;	
}
/* //Interactive table */

/* Interactive thumbnail */
.thumb_arrow a:link, .thumb_arrow a:active, .thumb_arrow a:visited {
	float: left;
	display: inline;
	background-repeat: no-repeat;
	width: 43px;
	height: 43px;
	border: 1px solid transparent;
	filter:alpha(opacity=50);
	-moz-opacity:0.50;
	-khtml-opacity: 0.50;
	opacity: 0.50;
}

.thumb_arrow a:hover {
	float: left;
	display: inline;
	background-repeat: no-repeat;
	width: 43px;
	height: 43px;
	border: 1px solid white;
	filter:alpha(opacity=75);
	-moz-opacity:0.75;
	-khtml-opacity: 0.75;
	opacity: 0.75;
}

.thumb_arrow_out a:link, .thumb_arrow_out a:active, .thumb_arrow_out a:visited  {
	background-image:url(/images/thumb_arrow_out.png);	
}

.thumb_arrow_out a:hover  {
	background-image:url(/images/thumb_arrow_out.png);	
}

.thumb_arrow_in a:link, .thumb_arrow_in a:active, .thumb_arrow_in a:visited {
	background-image:url(/images/thumb_arrow_in.png);
}

.thumb_arrow_in a:hover {
	background-image:url(/images/thumb_arrow_in.png);
}
/* //Interactive thumbnail */

/*****************/
/* Page-specific */
/*****************/

/* Resume */
.resume {
	padding: 0px;
	width:655px;	
}
/* //Resume */

/* Projects */
.raibot_ss {
	float: left;
	display: inline;
	background-image:url(/images/raibot/RaiBot2_0b2.PNG);
	background-repeat: no-repeat;
	width: 500px;
	height: 358px;
	margin-left: 69px;
	padding-right: 70px;
	padding-bottom: 15px;
}

.raibot_thumb {
	float: left;
	display: inline;
	background-image:url(/images/raibot/RaiBot2_0b2_thumb.png);
	background-repeat: no-repeat;
	width: 150px;
	height: 107px;
	padding-right: 15px;
}
/* //Projects */

#raibot-facebook {
	position: absolute;
	left: 780px;
	top: 40px;
}