/*



Theme Name: Artificial Intelligence

Theme URI:

Description: Clean lines

Version: 1.1

Author: Genkisan

Author URI:



*/


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}




body {

	margin: 0;

	padding: 0;

	background: #fff url(images/bg_global.jpg) repeat-x;

	font: normal .7em Arial, Helvetica, Sans-Serif;

	line-height: 1.6em;

	color: #333;

}



/* LINKS AND HEADINGS STYLING */



a { color: #546F92; background: inherit; }

a:hover { color: #808080; background: inherit; }

h1  { font: bold 2em Verdana, Arial, Helvetica, Sans-Serif; margin: 0; color: #fff; background-color:transparent; }

h2  { font: bold 1.4em Verdana, Arial, Helvetica, Sans-Serif; }

h3  { clear: both; font: 1.6em Verdana, Arial, Helvetica, Sans-Serif; color: #000; padding: 20px 0px 6px; margin-bottom: 10px; border-bottom: 1px solid #ccc;}

blockquote {

	margin: 10px 0 0 25px;

	padding: 0 20px;

	border-left: 1px solid #ccc;

	color: #666;

}

.blue { color: #546F92; background: inherit; }

.image { float: left; border: 2px solid #e2e2e2; padding: 3px; margin: 0 15px 10px 0; }





/* CONTENT WRAPPER */



#main {

	width: 900px;

	margin: 25px auto 0 auto;

}



/* TOP LEFT LOGO */



#logo {

	float: left;

	padding: 0 0 10px 40px;

}

	#logo h1 { color: #000; background: #fff; font: bold 15px Verdana, Arial, Helvetica, Sans-Serif;}



	#logo a { text-decoration: none; }

	#logo img{ border: none;}


/* TOP RIGHT HORIZONTAL MENU */



#menu {

	float: right;

	background: #fff url(images/barul.gif) no-repeat bottom right;

	color: #808080;

	padding: 16px 1px 11px 0;

	margin-top: 104px;

}

	#menu li {

		padding: 14px 17px 14px 17px;

		color: #444;

		background: #fff url(images/bar.gif) no-repeat bottom left;

		display: inline;

		margin-left: -3px;

	}

	#menu li.current_page_item {

		background: #fff url(images/baractive.gif) no-repeat bottom left;

		color: #8D9CAF;

		font-weight: bold;

		padding: 14px 18px 14px 18px;

		margin: 0 1px 0 0;

	}

	#menu li:hover {

		background: #fff url(images/baractive.gif) no-repeat bottom left;
		color: red;

	}

	#menu li a {

		background: transparent;

		color: #888888;

		text-decoration: none;

	}

	#menu li a:hover {

		color: #000;

		background: transparent;

	}

	.key { text-decoration: underline; } /* ACCESKEY UNDERLINED LETTER */



/* LEFT INTRO SIDE */



#intro_left {

	clear: left;

	float: left;

	width: 250px;
	background: #519be7 url(images/leftintrobg.gif) repeat-x;

	color: #E5EAF2;
	
	margin: 0 0 1px 0;

}

	#intro_left a { color: #fff; background: inherit; }

	#intro_left p { padding: 5px 15px; margin: 0; }



	/* LEFT VERTICAL MENU */



	#menu_left {

		float: left;

		margin: 0 0 6px 0;

		padding: 0 0 1px 0;

		border-bottom: 2px solid #e2e2e2;

		clear: left;

	}

		#menu_left li { list-style: none; }

		#menu_left li a {

			display: block;

			color: #3F5B7F;

			background: #aad5fc url(images/arrow.gif) no-repeat center left;

			width: 204px;

			padding: 7px 23px 7px 23px;

			margin: 0 0 1px 0;

			font-weight: bold;

			text-decoration: none;

		}

		#menu_left li a:hover { background: #62a9f2 url(images/arrow.gif) no-repeat center left; color: #fff;  }



/* RIGHT INTRO SIDE */



#intro_right {

	background:url("images/leftintrobg.gif") repeat-x scroll 0 0 #519be7;
	float: right;
	color:#E5EAF2;
	clear: right;
	margin:0 0 1px;
	width:624px;
	padding: 20px 0 0 18px;
	height: 44px;
}

	#intro_right h1 {

 font-size: 24px;

}

	#intro_right p { margin: 0 -20px 0 0; color:#3B5267;}

	#intro_right .white { color: #FFF; background-color:transparent; }



/* LEFT SIDE */



#sidebar {

	float: left;

	width: 250px;

	clear: left;

}



#sidebar h2 {

	border-bottom: 1px solid #ccc;

	 margin: 10px 0; padding-bottom:5px;

}



#sidebar ul {

	margin: 0;

	padding : 0;

	list-style : none;

}



#sidebar li {

	list-style-type:none;

}



#sidebar li ul li{

	list-style-type:none;

	margin-left:20px;

}

	.box {

		padding: 4px 15px;

		border: 1px solid #ccc;

		margin: 0 0 10px 0;

	}

	.note {

		padding: 15px 15px 20px 100px;

		border: 1px solid #CFCB66;

		margin: 0 0 5px 0;

		background: #FFFFAD url(images/package.gif) no-repeat;

		color: #585616;

	}



/* RIGHT SIDE */



/* Begin Comments*/



.commentlist li.alt {

	background-color:#F0F6FF;

	}



.commentlist {

	margin:15px;

	padding: 0;

	text-align: justify;

	}



.commentlist li {

	margin: 15px 0 3px;

	padding: 5px 10px 3px;

	list-style: none;

	background: #fafafa;

	color: #808080;

	border: 1px solid #eeeeee;

	}



.commentlist p {

	margin: 10px 5px 10px 0;

	}



#commentform p {

	margin: 5px 0;

	}



.nocomments {

	text-align: center;

	margin: 0;

	padding: 0;

	}



.commentmetadata {

	margin: 0;

	display: inline;

	}

/* End Comments */

.breadcrumb{
	display: block; 
	background: #eee;
	padding: 8px 20px;
	}

#right {

	float: right;

	width: 643px;

	clear: right;

}

	.leftcol {

		width: 610px;

		float: left;

		padding: 12px 15px;
		font-size: 1.2em;
		margin: 0 0 10px 0;

	}
	
		.leftcol img{
			margin: 0 20px 20px 0;
			}
	
	.rightcol {

		float: right;

		padding: 10px 15px;

		width: 285px;

		margin: 0 0 10px 0;

		}

	.special {

		clear: both;

		margin:0px 0 20px 0;

		padding: 5px 20px;

		border: 1px solid #ccc;

		background: #eee;

		color: #444;

	}



	.metadata {

	border-top: 1px dotted #ccc;

	margin-bottom: 50px;

	text-align: right;

	}



	.alignright {

	float: right;

	}



	.alignleft {

	float: left

	}



	.navigation {

	padding: 1px;

	margin: 0;

	}



/* FOOTER */



#footer { text-align: right; clear: both; padding: 5px; border-top: 1px solid #ccc; }



#content_start {position: absolute;left: -10000px;};