/*
Theme Name: Dewa 5
Theme URI: http://dewadecoration.com/
Description: Dewa 5 for DewaDecoration.com.
Version: 1.0
Author: Prima Web Indonesia
Author URI: http://prima.web.id/
Tags: blue, custom header, fixed width, two columns, widgets

	This theme was designed and built by Sunaryo Hadi,
	whose blog you will find at http://www.sunaryohadi.info/

*/

/* 1	Reset, Default Styles, Basic Styles
-----------------------------------------------------------------------------------------------*/	
	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;}
	:focus {outline: 0;}
	ins { text-decoration: none; }
	del { text-decoration: line-through;}
	table { border-collapse: collapse; border-spacing: 0;}
	body { font: 62.5% Verdana, Arial, Helvetica, sans-serif; text-align: center;  color: #000;}
	hr { display: none; }
	strong { font-weight: bold; }
	em { font-style: italic; }
	abbr, acronym { border-bottom: 1px dotted #999; cursor: help; }
	input, textarea, select { font: 1.2em Arial, Helvetica, sans-serif; }
	a { color: #0033ff; text-decoration: none; }
	a:hover, a:active { color: #ff0000; text-decoration: underline;}
	.hide { display: none;}
	.clearfix {clear: both; overflow: hidden;}
	
/* 2. Layout
-----------------------------------------------------------------------------------------------*/	
	body {background: #000;}
	.container {width: 1000px; margin:0 auto; position:relative; text-align: left; padding-bottom: 45px;}
	#slider {position: absolute; top:0; left:0; width: 1000px; height: 750px; text-align: left; z-index: 1; overflow:hidden;}
	.wrapper {position: relative; z-index: 100; padding: 0 22px; background: transparent;}

/* 3. Styling
-----------------------------------------------------------------------------------------------*/	

	#slider .slider-top {background: url(img/bg_slider_top.png) repeat-x top left; height: 137px; width: 100%; position: absolute; top:0; left:0; z-index:10;}	
	#slider .slider-bottom {background: url(img/bg_slider_bottom.png) repeat-x top left; height: 242px; width: 100%; position: absolute; bottom:0; left:0;  z-index:10;}
	
	#header h1, #header h1 span, #header .logo, #header .logo span {width: 147px; height: 100px; display: block; overflow: hidden;}
	#header h1, #header a.logo {position:relative; margin-left: 50px;  background: url(img/dewa.png) no-repeat top left !important;}
	#header h1 span, #header .logo span {position:absolute; top:0; left:-999em;}
	
	#navigation {position: absolute; top: 14px; right: 50px; z-index:101; color: #fff; text-align: right;  margin: 10px 0 0 0; padding: 0; height: 46px; 
		background: url(img/bg_navb.png) no-repeat top left; }
	#navigation ul { padding: 8px 21px 0 7px !important; margin: 0 0 0 14px;background: url(img/bg_nave.png) no-repeat top right; display: block; overflow: hidden; height: 46px;}
	#navigation li {display: inline; font-size: 1.2em; padding:0; margin:0;}
	#navigation li a {color: #F9C; color: #FFF; height: 29px; display: block; overflow: hidden; line-height: 27px; float:left; padding: 0 15px; margin:0; border-left: 1px solid #444; border-right: 1px solid #333333;}
	#navigation li a:hover {color: #f6C; text-decoration:none; background: url(img/bg_navigation.png);}
	#navigation li.current_page_item a {background: url(img/bg_navigation.png);}
	
	.alignleft {float:left;}
	.alignright {float:right;}
	
	.inner-wrapper {overflow:hidden;}
	.box-wide{position: relative; background: url(img/bg_home_left.png) no-repeat; width: 494px; height: 219px; padding: 18px 18px 18px 28px; margin-top: 430px; }
	.box-high{position: relative; background: url(img/bg_box_high.png) no-repeat; width: 484px; height: 494px; padding: 18px 28px 18px 28px; margin-top: 155px; }
	.box-narrow {position: relative; background: url(img/bg_home_right.png) no-repeat; width: 370px; height: 219px; padding: 18px 18px 18px 28px; margin-top: 430px; }
		.entry { font-size: 1.1em; line-height: 1.5em; height: 219px;; overflow:auto}
		.box-high .entry {height: 494px; font-size: 1.2em;}
		.box-high .entry h1 {font-size: 1.4em;}
		.entry h1, .entry h2 {font-size: 1.5em; font-weight:normal; margin: 0.5em 0 0.5em 0; color: #C36;}
		.entry p {margin-bottom: 0.75em;}
		.entry li { line-height: 1.25em; margin-bottom: 0.75em;}
		.entry small {font-size: 0.91em;}
		
	.page #slider {background: url(img/bg_contact.jpg) no-repeat; }
	.single #slider, .error404 #slider {background: url(img/bg_about.jpg) no-repeat; }
	
	#footer {position: absolute; clear: both; bottom: 0; left:0; width: 940px; padding: 0 30px; color: #666;}
	#footer .footer-nav {margin-bottom: 6px; line-height: 16px;}
	#footer .footer-nav .fb {background: url(img/FaceBook-icon.png) no-repeat; line-height: 16px; height: 16px; padding: 3px 0 4px 18px}
	#footer .footer-nav .twitter {background: url(img/Twitter-icon.png) no-repeat; line-height: 16px; height: 16px; padding: 3px 0 4px 18px}
	#footer .copyright {border-top: 1px solid #333; padding-top: 5px; }
	#footer .work {float: right;}
	#footer .work img {vertical-align: text-top;}
	#footer a {color: #888;}