/*
Theme Name: I to U Jewelry
Theme URI: http://www.i2u.co.th/themes/I to U Jewelry
Description: This theme based on the Jewelry
Version: 1.0
Author: I to U Communication Company Limited
Author URI: http://www.i2u.co.th
Tags: gold, custom header, fixed width, two columns, widgets
*/
	
/*=============================================================================
[CLEAR]
=============================================================================*/

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: 0px;
	padding: 0px;
	border: 0px;
	outline: 0px;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	list-style: none;
}

/*=============== Standard tag =================*/

body { font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; color: #363636; margin-top:0px; margin-bottom:0px; margin-left:0px; margin-right:0px; background:#f6f6f6; }
h1{ color:#3a1d0b; font-size:35pt; font-weight:normal; }
h2{ color:#666666; font-size:23pt; font-weight:normal; }
h3{ color:#502d11; font-size:14pt; font-weight:normal; margin-top:5px; margin-bottom:8px; }
h4{font-size:16pt; }
h5{ }

a { color:#363636; text-decoration:none; }
p { margin-bottom:11px; line-height:129%; margin-top:0px; }
img { border:solid 1px #cecece; }
.clear { clear:both; }
.padding { margin: 10px 20px; }

/*=============== Hilight slide =================*/

#gallery-wrapper { overflow: hidden; width: 705px; height:360px; padding:13px;  background-color:#fff; margin-top:17px;  }
#gallery { position:relative; }
#gallery a {  }
#gallery a img { float:left; position:absolute; z-index:400; border:solid 1px #e6e6e6; top: -10px; }
#gallery a.show { /*z-index:500 !important;*/ }
#gallery .caption { z-index:600 !important; color:#ffffff; width:100%; position:relative; bottom: -310px; height:50px; }/*bottom: -260px height:100px;*/
#gallery .caption .content { z-index:700 !important; margin:5px; margin-top: 10px; }
#gallery h3 { z-index:800 !important; float:left; position:absolute; bottom: 9px; left: 0px; margin:0; padding:6px; color:#1DCCEF; white-space: nowrap; background-color:#000 !important; width: 696px; height:40px; }

/*#hilight { position: relative; overflow: hidden; }

#hilight ul { width: 705px; height: 453px; position: relative; } 
hilight ul li { position: absolute; }
#hilight ul li.show { z-index: 500; }
#hilight ul li img { border:solid 1px #e6e6e6; padding:13px; background-color:#fff; margin-top:17px; }
#hilight b { width:600px; height:70px; position:absolute; bottom:0; left:0; color:#fff; background:#000; z-index:500; }

ul.slideshow { list-style:none; width:600px; height:240px; overflow:hidden; position:relative; margin:0; padding:0; font-family:Arial,Helvetica,Trebuchet MS,Verdana; ; }
ul.slideshow li { position:absolute; left:0; right:0; }
ul.slideshow li.show { z-index:500; }
ul img { width:600px; height:240px; border:none; }
#slideshow-caption { width:600px; height:70px; position:absolute; bottom:0; left:0; color:#fff; background:#000; z-index:500; }
#slideshow-caption .slideshow-caption-container { padding:5px 10px; z-index:1000; }
#slideshow-caption h3 { margin:0; padding:0; font-size:16px; }
#slideshow-caption p { margin:5px 0 0 0; padding:0; }
*/
/*=============== HEAD SET =================   border:solid 1px #F00; */
#header {background-image:url(images/siammanee-head-background.jpg); background-repeat:repeat-x; 
margin-top:0px; width:100%; height:255px; padding-top:0px;}
.header-background { background-image:url(images/siammanee-logo-menu-background.jpg);
					 background-position:center top; width:1000px; height:255px; margin-left:auto; margin-right:auto; }
#logo {padding-top:45px; padding-left: 28px; margin-left:0px; margin-top:0px; margin-right:auto; float:left; height:141px; }
#logo img {border:none; }
#main-menu { color: #fff; width:350px; float:right; }
#main-menu ul  { list-style:none; padding-left:0px; padding-top: 124px; margin-top:0px; margin-right:auto; margin-left:auto; width:350px; } 
#main-menu li  { float: left; width:84px; height:40px; margin-left:19px; margin-right:0px; }
#main-menu li a{ width:84px; height:30px; display: block; color: #fff; text-align:center; text-decoration:none; padding-top:10px; }
#main-menu li a:hover { background-image:url(images/siammanee-main-menu-hover.png); width:84px; height:30px; text-align:center; }
/*#menu ul li a.active{ background-image: url(images/siammanee-menu-active.png); height: 30px; width: 84px; text-decoration: underline; }*/
#main-menu li a.active {background-image: url(images/siammanee-main-menu-active.png); width:84px; height:30px; text-decoration:underline; }
#main-menu li.current_page_item { background-image: url(images/siammanee-main-menu-active.png); background-repeat: repeat; }

.menu-bar-gray { clear:left; }
#minor-menu  	{ color: #fff; float:none; width:638px; float:left; font-size: 140%; }
#minor-menu li.menu-item a { line-height: 69px; float: left; margin: 0px 20px; color: #fff; text-align:center; text-decoration:none; }
#minor-menu .current-cat { background-image: url(images/siammanee-minor-menu-hover.png); background-repeat:no-repeat; background-position:bottom center; text-align:center; }
#minor-menu li.menu-item a:hover  { background-image:url(images/siammanee-minor-menu-hover.png); background-repeat:no-repeat; background-position:bottom center; text-align:center; }
#minor-menu li.current-menu-item a  { background-image:url(images/siammanee-minor-menu-hover.png); background-repeat:no-repeat; background-position:bottom center; text-align:center; }

#minor-menu ul  { list-style:none; }
/*

#minor-menu li  { float: left; margin-left:19px; margin-right:20px; }
#minor-menu li a{ height:44px; display: block; color: #fff; text-align:center; text-decoration:none; padding-top:10px; }
#minor-menu li a:hover  { background-image:url(images/siammanee-minor-menu-hover.png); background-repeat:no-repeat; background-position:bottom center; height:44px; text-align:center; }
#minor-menu li a.active, #minor-menu li.current-menu-item { background-image:url(images/siammanee-minor-menu-hover.png); background-repeat:no-repeat; background-position:bottom center; height:44px; text-decoration:underline}
#minor-menu li.current-cat { background-image:url(images/siammanee-minor-menu-hover.png); background-repeat:no-repeat; background-position:bottom center; height:44px; text-align:center; }
*/
#search { margin-right:0px; margin-left:auto; width:330px; margin-top:0px; padding-top:15px; height:34px; }
.search-input { background: url(images/siammanee-search-input-background.jpg) top left no-repeat; width:263px; height:34px; float:left; margin-top:2px; margin-right:10px; }
.search-input input[type='text'] { height:24px; width:250px; margin-left:3px; margin-top:3px; border:0px; font-family:Georgia, "Times New Roman", Times, serif; font-size:16pt; padding:1px; color:#999; }
.search-button { margin: 0px; padding: 0px; width: 36px; height: 36px; background-image: url(images/siammanee-search-button-background.png); background-position: left top; background-color:none; border:none; }

.search-button:hover { background-position: 0 -36px; }
.search-button:active{ background-position: 0 -72px; }


/*=============== BODY SET =================   border:solid 1px #F00; */

#body { background:#f6f6f6 url(images/siammanee-body-background.gif) center top repeat-x; margin-top:0px; padding-top:0px; }

#main-content { background:url(images/siammanee-column2-background.gif) top right repeat-x; width:1000px; margin-left:auto; margin-right:auto; padding:0px; margin-top:0px; }

#side-bar { background:url(images/siammanee-column1-background.gif) top right no-repeat; width:240px; float:left; margin-top:0px; margin-bottom:0px; padding-right:0px; }
#side-bar title {width:223px; }

#loose-stone { margin:0px; padding:0px; margin-top:40px; margin-bottom:40px; }
#loose-stone img { margin:0px; padding:10px 0px; border-style: none; }
#loose-stone a { display: block; padding-top:0px; }

#expert-tips { width:223px; margin-bottom: 20px; text-align: justify; text-justify: distribute; line-height: 18px; }
#expert-tips img { margin-top:8px; margin-left:8px; background-image: url(../../../../images/test-expertips-image.jpg); }

#right-content {padding-top:50px; padding-left:255px; }
#right-content title {width:749px; }

#welcome { margin-left:20px; font-style:oblique; padding-top:0px; padding-right:20px; }

#welcome h1 { font-size:24pt; margin:0px; padding:0px; }
#welcome h4 { font-size:10pt; margin-top:5px; padding:0px; }
/*
#hilight { background: url(images/siammanee-shadow-hilight-background.png) top right no-repeat; width:745px; margin-bottom:23px}
#hilight img { border:solid 1px #e6e6e6; padding:13px; background-color:#fff; margin-top:17px; }
*/
#engagement { margin-top: 10px; }

#engagement #product ul { margin-left: 0px; }
#engagement #product ul li { float: left; margin-right: 10px; margin-bottom: 10px; }
#engagement #product ul li .item { padding: 6px; background-color:#fff; /*width:160px;*/ height: 250px; }
#engagement #product ul li .caption { z-index:700; background-color:#000; color:#ffffff; height:48px; width:160px; position:relative; left: 1px; bottom: 59px; filter:alpha(opacity=60); opacity:0.6; }
#engagement #product ul li .caption .content { margin-left: 10px; margin-top: 10px; }
#engagement #product ul li .caption .content h3 { font-size: 160%; color: #fff; }

#stingle {}
#single #catitem .content { }
#single #catitem ul li { float: left; margin-right: 10px; margin-bottom: 10px; }
#single #catitem .item { padding: 6px; background-color:#fff; height:250px; }
#single #catitem .caption { z-index:700; background-color:#000; color:#ffffff; height:48px; width:100px; position:relative; left: 1px; bottom: 59px; filter:alpha(opacity=60); opacity:0.6; }
#single #catitem .item2 { padding: 6px; background-color:#fff; width:404px; height:254px; margin: 10px 10px; }
#single #catitem .detail, #single #cat-description { padding: 6px; width:709px;  margin: 10px 10px 20px 10px; }
#single #catitem .detail-post { padding: 20px 6px 6px 6px; margin: 10px 10px 20px 10px;  text-align: justify; text-justify: distribute; }

#post-wrapper { height:156px; display: table; /*border: solid 1px #000;*/ }
#post-wrapper .detail { float:left; width: 500px; text-align: justify; text-justify: distribute; }
#post-wrapper .item { float:left; padding: 6px; background-color:#fff; width:182px; height:136px; margin: 0px 10px 10px 0px; }

#engagement #list ul li { float: left; }
#engagement #list .itemtop { background-color:#d4b49f; height: 10px; width: 733px; }
#engagement #list .itemhead { padding: 8px 4px; margin-right: 1px; background-color:#e1d8cb; }
#engagement #list .listitem { padding: 8px 4px; margin-right: 1px; background-color:#f4f1e8; }
#engagement #list .list-a { width: 200px; }
#engagement #list .list-b { width: 60px; }
#engagement #list .list-c { width: 60px; }
#engagement #list .list-d { width: 140px; }
#engagement #list .list-e { width: 140px; }
#engagement #list .list-f { width: 35px; text-align: center; }
#engagement #list .list-h { width: 35px; text-align: center; }

/*.bridals {background:url(images/siammanee-bridals-link.jpg) center no-repeat; }
.bridals:hover {background-image:none; }
.for-him {background:url(images/siammanee-for-him-link.jpg) center no-repeat; }
.wedding-bands {background:url(images/siammanee-wedding-bands-link.jpg) center no-repeat; margin-right:0px; }

#images { position:relative; width: 705px; height:360px; border:solid 2px #e6e6e6; padding:13px; background-color:#fff; margin-top:17px; }*/

 /*=============== footer LINKS =================   border:solid 1px #F00; */
 
#category { margin-bottom: 10px; }
#category img { position:relative; width: border:solid 1px #e6e6e6; padding:13px; background-color:#fff; margin-top:17px; }
#category .caption { z-index:800; position:relative; top: -60px; }
#category .caption .content { margin-left: 20px; }
#category .caption .content h1 { margin:0; padding:0; color:#fff; margin-bottom: 10px; font-size: 300%; font-style:italic; }
#expert-tips-cat ul { } 
#expert-tips-cat li { width: 730px; display:table; padding-bottom:30px;}
#expert-tips-cat img{ float:left; margin-right:20px;}
#expert-tips-cat .detail { width:450px; margin-right:100px; margin-left:auto;}
#expert-tips-cat h4	{color:#3a1d0b;}

 
/*=============== footer LINKS =================   border:solid 1px #F00; */

#footer {background:url(images/siammanee-footer-background.jpg) center repeat-x; width:100%; height:255px; color:#ffffaf; margin: 20px 0px 0px 0px; padding:0px; border:none; clear:both; } 
#footer-background {background-image:url(images/siammanee-footer-menu-background.jpg); background-position:center top; margin-top:0px; padding-top:20px; width:1000px; height:235px; margin-left:auto; margin-right:auto; }
#footer #site-map  	{margin-left:20px; height:175px; }
#footer h3 {font-family:Georgia, "Times New Roman", Times, serif; color:#FFF; margin-left:0px; margin-top:0px; margin-bottom:0px; padding-bottom:0px; height:40px; }
#footer ul {float:left; list-style:url(images/siammanee-sitemap-bridals-link.gif); padding-left:20px; margin-left:0px; margin-top:0px; padding-top:0px; }
#footer ul a { color:#ffffaf}		
#footer ul a:hover   { color:#FFF}
#footer li	{ width:142px; padding-bottom:5px; list-style-type: square; }
#footer li a { color: #ffffaf; text-decoration: none; }
#footer li a:hover	{ color: #FFF; }
#contact 	{ width:332px; margin-right:0px; margin-left:auto; height:175px; }
#contact div { width:270px; margin-bottom:5px; }
#coppyright { margin-top:20px; color:#e4e4e4; }


/*=============== JEWELS LINKS =================   ; */

#jewels  	{ width:223px; margin-top:60px; padding:0px; height:380px; }

#jewels ul > li { background:url(images/siammanee-title-background.gif) right top no-repeat; height:61px; }
#jewels ul > li > a { text-indent:20px; height:61px; padding-top:10px; color:#666666; font-size:23pt; font-weight:normal; float: left; }

#jewels ul > li > ul  { list-style:none; padding-left:30px; margin-top:20px; margin-right:auto; margin-left:0px; font-style:oblique; font-weight:bold; font-size:14px; } 
#jewels ul > li > ul > li  { background: none; width:200px; height:30px; margin-bottom:17px; }
#jewels ul > li > ul > li > a { font-size: 18px; width:200px; height:30px; display: block; background:url(images/siammanee-jewels-bullet.gif) left no-repeat; text-decoration:none; text-indent:33px; color:#666; padding-top:10px; }
#jewels ul > li > ul > li > a:hover, #jewels ul > li > ul > li > a.active { background: url(images/siammanee-jewels-bullet-hover.gif) left no-repeat; color:#3a1d0b; width:200px; height:30px; text-indent:33px; }			  

/*=============== title SET =================   border:solid 1px #F00; */

.title { background:url(images/siammanee-title-background.gif) right top no-repeat; height:61px; margin-bottom: 10px; }
.normaltitle { width: 730px; }
.smalltitle { 280px; }
.title h2 {background:url(images/siammanee-title-border-left.gif) left top no-repeat; text-indent:20px; height:61px; padding-top:10px;  line-height: 36px;}

/*=============== title SET ================= 

#respond-wrapper { position:relative; top: -245px; margin-bottom: -245px; }*/
#respond input[type=text] { width:400px; }
#respond textarea { width:400px; height: 250px; }


/*=============== NAV MENU SET ================= */

nav {
	text-align: left;
	position: relative;
	top: -50px;
	left: 520px;
	width: 200px;
}

nav ul ul {
	display: none;
	width: 100%;
}

	nav ul li:hover > ul {
		display: block;
	}


nav ul {
	background: #efefef; 
	background: linear-gradient(top, #efefef 0%, #bbbbbb 100%);  
	background: -moz-linear-gradient(top, #efefef 0%, #bbbbbb 100%); 
	background: -webkit-linear-gradient(top, #efefef 0%,#bbbbbb 100%); 
	box-shadow: 0px 0px 9px rgba(0,0,0,0.15);
	border-radius: 6px;  
	list-style: none;
	position: relative;
	display: inline-table;
}
	nav ul:after {
		content: "";
		clear: both;
		display: block;
	}

	nav ul li {
		float: left;
	}
		nav ul li:hover {
			background: #4b545f;
			background: linear-gradient(top, #4f5964 0%, #5f6975 40%);
			background: -moz-linear-gradient(top, #4f5964 0%, #5f6975 40%);
			background: -webkit-linear-gradient(top, #4f5964 0%,#5f6975 40%);
		}
			nav ul li:hover a {
				color: #fff;
			}
		
		nav ul li a {
			display: block;
			padding: 5px 10px;
			color: #757575; text-decoration: none;
		}
			
		
	nav ul ul {
		background: #5f6975; border-radius: 0px; padding: 0;
		position: absolute; top: 100%;
	}
		nav ul ul li {
			float: none; 
			border-top: 1px solid #6b727c;
			border-bottom: 1px solid #575f6a;
			position: relative;
		}
			nav ul ul li a {
				padding: 5px 10px;
				color: #fff;
			}	
				nav ul ul li a:hover {
					background: #4b545f;
				}
		
	nav ul ul ul {
		position: absolute;
		left: 100%;
		top:0;
	}
/*-------------------[DATA]------------------*/

#data-wrapper { padding: 10px; margin: 10px; background:#fff; width:500px; }
dl { white-space: nowrap; }
dl dt { background:#d4b49f; color:#fff; float:left; font-weight:bold; margin-right:10px; padding:5px; width:200px; }
dl dd { margin:2px 0px; padding:5px 0px; } 

/*-------------------[PAGE NAVI]------------------*/
.pagination { overflow: hidden; padding: 15px 12px 0px; }

.wp-pagenavi { position: relative; padding: 35px 30px 20px 0px; text-align:right; font-size: 160% !important; }
.wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:visited { padding: 5px 7px !important; margin: 2px; text-decoration: none; font-weight: normal !important; font-size: 20px !important; color: #5f5e5e !important; border: none !important; background: url(images/pagenavi-bg.png) no-repeat; padding:5px 15px 5px 13px !important; }
.wp-pagenavi span.current { color: #5f5e5e !important; color: #9f260d !important; }
.wp-pagenavi span.current, .wp-pagenavi span.extend, .wp-pagenavi a:active, .wp-pagenavi a:hover { padding:5px 15px 5px 13px !important; margin: 2px; border: none !important; background: url(images/pagenavi-bg.png) no-repeat; }
.wp-pagenavi span.pages { padding: 5px 7px 5px !important; margin: 2px !important ; color: #000000; color: #413f36; border: none !important; }

/*-------------------[navigation]------------------*/

#pager { margin-top: 30px; margin-bottom: 60px; display: table; width: 740px; height: 60px; width: 705px; }
#pager .previous { width: 300px; float: left; }
#pager .next { width: 300px; text-align: right; float: right; }
#pager :hover { text-decoration: underline; }
#pager a { 	background: #efefef; 
			padding: 4px 10px;
			margin-right: 10px;
			margin-bottom: 6px;
			line-height: 12px;
			display: block;
			float: left;
		}

.alignright { float: right;  position:relative; top: -200px;}
.alignleft { float: left;  position:relative; top: -200px;}

/*-------------------[link]------------------*/

.link-gia{ border:none; margin: 0px 0px 0px 0px; width: 116px;height: 64px;background-image:url(images/link-gia.png);display: inline; }
.link-gia:hover{  background-position: 0 -64px; }
.link-gia:active{  background-position: 0 -64px; }	

.link-hrd{ border:none; margin: 0px 0px 0px 0px; width: 116px;height: 64px;background-image:url(images/link-hrd.png);display: inline; }
.link-hrd:hover{  background-position: 0 -64px; }
.link-hrd:active{  background-position: 0 -64px; }	

.link-pdf{ border:none; margin: 0px 0px 0px 0px; width: 116px;height: 64px;background-image:url(images/link-pdf.png);display: inline; }
.link-pdf:hover{  background-position: 0 -64px; }
.link-pdf:active{  background-position: 0 -64px; }	

/*-------------------[page]------------------*/

#entry { text-align: justify; text-justify: distribute; width:720px; margin-top: 10px; }
#entry .content { line-height:185%; }
#entry img { border: solid  1px #ccc; float: left; background: #ccc;  }
#entry .item { background: #fff; padding: 8px; width:380px; height:385px; float: left; display: block; margin: 0px 10px 10px 0px; }