/** --------------------------------------
	file_name	: screen.css
	description	: main layout for BP3IP
	date		: Feb. 06, 10
	
	author		: deni kurniawan
	mail		: deni.k77@gmail.com
	portfolio	: deniku.com
-------------------------------------- **/

/**------- START RESET -------**/
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,
b, u, i, center,
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-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/**------- END RESET -------**/

/**--- START LAYOUT ---**/
body {
	margin:0;
	font-family: "Lucida Grande","Lucida Sans Unicode",Tahoma,Arial,san-serif;
	color:#222;
	font-size:11px;
	letter-spacing:0.1px;
	line-height:16px;
}
body.wp { 
	background:#EEE url(../images/bg.gif) repeat-x top;
	}
body.detail { 
	background:#EEE url(../images/bg-detail.gif) repeat-x top;
	}
#wrapper {
	margin:0 auto;
	width:960px;
}
#header {
	float:left;
	width:960px;
	height:110px;
	background:url(../images/header.gif) no-repeat;
	}
	#header #logo {
		float:left;
		width:106px;
		height:110px;
		}
	#header #search {
		float:right;
		width:854px;
		height:110px;
		}
#runningtext {
	float:left;
	width:948px;
	height:15px;
	background:#DDD;
	border:#F0F0F0 1px solid;
	padding:3px 5px 5px 5px;
	margin-bottom:7px;
	overflow:hidden;
	}
#menu-top {
	float:left;
	width:960px;
	height:32px;
	background:url(../images/menu_top.gif) no-repeat;
	text-transform:uppercase;
	font-size:12px;
	text-align:right;
	padding-top:14px;
	}
#headline {
	float:left;
	width:960px;
	height:220px;
	background:url(../images/bg-headline.gif) no-repeat;
	padding:25px 0;
	}
#title-page {
	float:left;
	width:960px;
	height:51px;
	background:url(../images/title-page.gif) no-repeat;
	padding:25px 0;
	}
#maincontent {
	float:left;
	width:960px;
	padding:25px 0 10px 0;
	}
	#maincontent .left, #headline .left {
		float:left;
		width:252px;
		margin-right:25px;
		}
	#maincontent .right, #headline .right {
		float:left;
		width:653px;
		}
		.right-left {
			float:left;
			width:320px;
			margin-right:13px;
			margin-bottom:15px;
			}
		.right-right {
			float:left;
			width:320px;
			margin-bottom:15px;
			}
#footer-wrap {
	float:left;
	width:100%;
	background:#449eb8 url(../images/bg-footer.gif) top repeat-x;
	}
	#footer-wrap #inner {
		margin:0 auto;
		width:960px;
		}
		#footer-wrap #inner #menu-bottom {
			float:left;
			width:960px;
			height:30px;
			text-align:center;
			text-transform:capitalize;
			color:#909090;
			padding-top:8px;
			}
		#footer-wrap #inner #copyright {
			float:left;
			width:960px;
			padding:10px 0;
			}
			#footer-wrap #inner #copyright .left {
				float:left;
				color:#fdfeff;
				text-align:left;
				}
			#footer-wrap #inner #copyright .right {
				float:right;
				text-align:right;
				padding-top:25px;
				}
/**--- END LAYOUT ---**/