/*
Theme Name: YOGYA INDO GLOBAL
Theme URI: http://wordpress.org/
Description: WEBSITE YOGYA INDO GLOBAL
Version: 1.0
Author: Didi Apriansa Suryawan
Author URI: http://30blocks.com/
Tags: Furniture and Handycraft
*/

body{
background: url(images/bg_header.jpg) center top no-repeat;}
*{ 
	margin: 0; 
	padding: 0; 
}

.body {
	margin:0px auto 0 auto;
	height: 100%;
	width: auto;
	color: #fff;
	font-family: tahoma, arial, sans-serif;
	font-size: 10px;
	text-align: center;
	position:absolute;
	
}

.anythingSlider                         { width: 990px; height: 510px; position: relative; margin: 0 auto 15px; }
.anythingSlider .wrapper                { width: 910px; overflow: auto; height: 491px; margin: 0 40px; position: absolute; top: 0; left: 0; }

                                       /* Width below is max for Opera */
.anythingSlider .wrapper ul             { width: 32700px; list-style: none; position: absolute; top: 0; left: 0; background: #eee; border-top: 3px solid #fff; border-bottom: 3px solid #fff; margin: 0; }
.anythingSlider ul li                   { display: block; float: left; padding: 0; height: 467px; width: 910px; margin: 0; }
.anythingSlider .arrow                  { display: block; height: 200px; width: 67px; background: url(images/arrows.png) no-repeat 0 0; text-indent: -9999px; position: absolute; top: 65px; cursor: pointer; }
.anythingSlider .forward                { background-position: 0 0; right: -20px; }
.anythingSlider .back                   { background-position: -67px 0; left: -20px; }
.anythingSlider .forward:hover          { background-position: 0 -200px; }
.anythingSlider .back:hover             { background-position: -67px -200px; }

#thumbNav                               { position: relative; top: 483px; text-align: center; }
#thumbNav a                             { color: black; font: 11px/18px Georgia, Serif; display: inline-block; padding: 2px 8px; height: 18px; margin: 0 5px 0 0; background: #c58b04 url(../images/cellshade.png) repeat-x; text-align: center; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; }
#thumbNav a:hover                       { background-image: none; }
#thumbNav a.cur                         { background: #e0a213; }

#start-stop                             { background: green; background-image: url(images/cellshade.png); background-repeat: repeat-x; color: white; padding: 2px 5px; width: 40px; text-align: center; position: absolute; right: 45px; top: 483px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; }
#start-stop.playing                     { background-color: red; }
#start-stop:hover                       { background-image: none; }

/*
  Prevents
*/
.anythingSlider .wrapper ul ul          { position: static; margin: 0; background: none; overflow: visible; width: auto; border: 0; }
.anythingSlider .wrapper ul ul li       { float: none; height: auto; width: auto; background: none; }
a, a img                                { border: 0; text-decoration: none; outline: 0; }
/*ul                                      { margin: 0 0 25px 25px; }
ul li                                   { font: 15px Georgia, Serif; margin: 0 0 8px 0; }
*/

#menu{width:545px; height:34px; margin:29px auto 0 auto; padding-left:405px;}
* { margin: 0; padding: 0; }
ul#navmenu-h { margin: 0; padding: 0; list-style: none; position: relative; font: 11px/1.5 Arial, sans-serif; }
ul#navmenu-h ul {
 width: 160px; /* Sub Menu Width */
 margin: 0;
 list-style: none;
 display: none;
 position: absolute;
 top: 100%;
 left: 0;
}

ul#navmenu-h ul ul,ul#navmenu-h ul ul ul { top: 0; left: 100%; }
ul#navmenu-h li { float: left; display: inline; position: relative; }
ul#navmenu-h ul li { width: 100%; display: block; }

/* Root Menu */
ul#navmenu-h a {
 border-top: 1px solid #FFF;
 border-right: 1px solid #FFF;
 padding: 6px;
 float: left;
 display: block;
 background: #DDD;
 color: #666;
 font: bold 11px Arial, sans-serif;
 text-decoration: none;
 height: 1%;
}

/* Root Menu Hover Persistence */
ul#navmenu-h a:hover,ul#navmenu-h li:hover a,ul#navmenu-h li.iehover a {
 background: #BBB;
 color: #FFF;
}

/* 2nd Menu */
ul#navmenu-h li:hover li a,ul#navmenu-h li.iehover li a {
 float: none;
 background: #BBB;
}

/* 2nd Menu Hover Persistence */
ul#navmenu-h li:hover li a:hover,ul#navmenu-h li:hover li:hover a,ul#navmenu-h li.iehover li a:hover,ul#navmenu-h li.iehover li.iehover a {
 background: #999;position: absolute;
}

/* 3rd Menu */
ul#navmenu-h li:hover li:hover li a,ul#navmenu-h li.iehover li.iehover li a {
 background: #999;
}

/* 3rd Menu Hover Persistence */
ul#navmenu-h li:hover li:hover li a:hover,ul#navmenu-h li:hover li:hover li:hover a,ul#navmenu-h li.iehover li.iehover li a:hover,ul#navmenu-h li.iehover li.iehover li.iehover a {
 background: #666;
}

/* 4th Menu */
ul#navmenu-h li:hover li:hover li:hover li a,ul#navmenu-h li.iehover li.iehover li.iehover li a {
 background: #666;
}

/* 4th Menu Hover */
ul#navmenu-h li:hover li:hover li:hover li a:hover,ul#navmenu-h li.iehover li.iehover li.iehover li a:hover {
 background: #333;
}

/* Hover Function - Do Not Move */
ul#navmenu-h li:hover ul ul,ul#navmenu-h li:hover ul ul ul,ul#navmenu-h li.iehover ul ul,ul#navmenu-h li.iehover ul ul ul { display: none; }
ul#navmenu-h li:hover ul,ul#navmenu-h ul li:hover ul,ul#navmenu-h ul ul li:hover ul,ul#navmenu-h li.iehover ul,ul#navmenu-h ul li.iehover ul,ul#navmenu-h ul ul li.iehover ul { display: block; }

#search{width:950px; height:34px; margin:5px auto 0 auto;}
#slider{width:990px; height:510px; margin:25px auto 0 auto;/* background:#333;*/}

#content{width:950px; padding-top:5px; margin:25px auto 0 auto; background:#fff; }
#post{
	width:600px;
	float:left;
	margin-left:15px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:20px;
	}
#post2 { padding:5px; }
#post h2{
	font-size:20px;
	padding-bottom:10px;
	border-bottom:dotted 1px #999;
	margin-bottom:10px;
	}
#post h2 a{
	text-decoration:none;
	color:#302C2B;
	}
#post p{ margin:0 0 10px 0; padding:0px; line-height:20px;}
#post ol {
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 10px 0px;
	}
	
#post ol li {
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 5px 0px;
	}
	
#post ul {
	list-style-type: square;
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 10px 0px;
	}
	
#post ul li {
	list-style-type: square;
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 5px 0px;
	}
.post_break{width:550px; height:5px; clear:both;}
/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	border:0px;
	}
img.centered, img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
}

.alignright {
	float: right;
}

.alignleft {
	float: left;
}
.aligncenter, div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}


	.wp-caption img {
		margin-bottom: 5px;
		padding:4px;
		border: 1px solid #ddd;
		background-color:#FFFFFF;
	}
	p.wp-caption-text {
		color:#222;
		width: auto;
		font:.7em verdana, arial, sans-serif;
		text-align:center;
	}
	blockquote {
		padding: 2px 10px;
		background: #f6f5f5;
		color:#333;
		clear:both;
		border-left: 3px solid #bfbbbb;
		margin-bottom:10px;
	}
	code {
		color:#444;
		font:11px/17px tahoma, arial, sans-serif;
		display:block;
	}
	blockquote p {
		font-size: 11px;
		padding: 5px 0px;
		margin: 5px 0px;
		line-height: 15px;
	}
	blockquote li {
		padding: 2px 0px 2px 10px;
		font-size: 11px;
		line-height: 15px;
		color:#369;
	}
	blockquote a {
		color:#0080ca;
		text-decoration:underline;
	}
	blockquote a:hover {
		color:#039;
	}

/* End Images */

#sidebar{
	width:310px;
	float:right;
	margin-right:15px;
	}
.widget{
	width:300px;
	float:right;
	margin-bottom:10px;
	padding:5px;
	background:#E9E9E9;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	}
.widget li{
	margin-left:20px;
	line-height:20px;
	}
.widget li a{
	text-decoration:none;
	color:#970004;
	}
	
#box_grey{width:958px; margin:25px auto 0 auto; padding:10px 0;}
.post_grey{width:300px; height:210px; padding:5px; background:#E9E9E9; float:left; font-family:Verdana, Geneva, sans-serif; font-size:10px; font-weight:100; color:#383838;}
.post_grey li{
	margin-left:20px;
	}
.post_grey li a{
	line-height:18px;
	}
.post_grey a{text-decoration:none; color:#970004;}
.post_grey a:hover{color:#FF6266;}
.post_grey h2{float:left;}
.contactspan{width:290px; float:left; font-family:Arial, Helvetica, sans-serif; font-size:12px;}

#box_product{width:946px; height:300px; margin:0 auto 0 auto; padding:0 0 0 4px;}
#box_product h2{width:950px; border-bottom:solid 1px #cccccc;}
.post_prod{width:188px; height:250px; float:left; font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#666; float:left;}
.post_prod h3{ width:178px; margin:0 0 0 5px; font-family:Arial, Helvetica, sans-serif; font-size:12px; float:left;}
.post_prod h3 a{text-decoration:none; color:#333;}
.post_prod h3 a:hover{color:#ccc;}
.post_prod span{width:178px; height:50px; margin:5px 0 0px 5px; float:left; }
.img_prod{width:178px; height:135px; margin:5px 0 5px 5px; float:left; }
.view_detail{margin:0 0 5 5px; float:left;}

#footer{width:100%; height:178px; padding-top:5px; background:url(images/bg_footer.jpg) no-repeat center top;}
.img_footer{
	width:1000px; margin:0 auto 0 auto;
	padding-left:8px;
}
.img_footer img{
	float:left;
	margin:0 4px 0 4px;
}
#copyfoot { width:950px; margin:20px auto 0 auto; padding:70px 0 0; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; }
#copyfoot p { font-size:14px; color:#666; }
#copyfoot a { text-decoration:none; color:#06F; } #copyfoot a:hover { color:#999; }


#clear{clear:both;}