/*
Theme Name: WordPress SetaCinq
Theme URI: 
Description: The theme for JSFamilyLaw based on the famous <a href="http://binarybonsai.com/kubrick/">Kubrick</a>.
Version: 1.0
Author: Duc Nguyen, Seta:Cinq Vietnam
The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php
*/


body
{
	padding: 0px;
	margin: 0px;
	font-size: 14px;
	font-family: 'Lucida Grande CY', Verdana, Arial, Sans-Serif;
	background:url("images/bg.png") repeat scroll center top transparent;
}

p {
	line-height:23px;
}


h1, h2, h3, h4, h5, h6, p {
	font-weight:normal;
	margin:0;
	padding:0;
}

/* Add common style for post */
.entry p {
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: justify;
}

.entry img {
	border: 0pt none;
}

.entry ul {
	margin: 20px;
	padding: 0;
}

.entry ul li {
	line-height: 23px;
}

.main-table
{
	text-align: center;
	display: table;
	float: left;
	width: 100%;
	height: 100%;
}
.main-table-left
{
	background: url("images/bg_left.png") left top repeat-y;
	width: 909px;
	padding-left:9px;
	*padding-left: 5px; /* for IE 7*/
	margin: auto !important;
	/*z-index: 1;*/
}
.main-table-middle
{
	width: 905px;
	background-color: #fff;
	/*margin-left:3px;*/
	
}
.main-table-right
{
	background: url("images/bg_right.png") repeat-y right top;
	width: 914px;
	padding: 0px;
	*padding-right:4px; /* for IE 7*/
	margin: 0 auto;
}

.main-table-leftbg
{
	background: url(images/bg_left.png) left top repeat-y transparent;
	width: 1102px;
	padding-right: 0px;
}
.main-table-rightbg
{
	background: url(images/right_bg.gif) right top repeat-y transparent;
	width: 1102px;
	padding-right: 0px;
}
.banner
{
	background: url(images/banner.jpg) left top no-repeat;
	width: 905px;
	height: 222px;
}
.left-bg
{
	background: url(images/left_bg.gif) left top repeat-y;
	width: 103px;
	display: inline-block;
	float: left;
}

.right-bg
{
	background: url(images/right_bg.gif) left top repeat-y;
	width: 94px;
	display: inline-block;
	float: right;
}
.top-menu
{
	background: url(images/topmenu_bg.gif) repeat-x scroll left top transparent;
	height: 44px;
	margin-top: -14px;
	margin-left: 1px;
	margin-right: 0;
	width: 903px;
}
.top-menu a, .top-menu a:link, .top-menu a:visited, .top-menu a:hover
{
	font-weight: bold;
	color: /*#D9CEA1;*/#ffe082;
	text-transform: uppercase;
	text-decoration: none;
	padding-left: 3px;
	padding-right: 3px;
	height: 45px;
	line-height: 44px;
}
.top-menu a:hover {
	color: #ffffff;
}

.top-menu .current_page_item a {
	color: #ffffff;
}

#nav .seperate
{
	background: url(images/topmenu_seperate.gif) no-repeat scroll center bottom transparent;
	margin-top: 12px;
}

/* ducnm add for top menu navigation*/
.top-menu #nav {
	list-style: none;
	margin-left: -29px;
	*margin-left: 12px; /* for IE 7*/
}

#nav li {
	position: relative;
	float: left;
	display: inline;
}

#nav li.page_item {
	margin-left: -6px;
	margin-right: -3px;
}

/* ducnm: end */

.footer
{
	float: left;
	margin: 0 auto;
	background: url(images/footer_bg.gif) left top repeat-x;
	height: 55px;
	text-align: center;
	width: 100%;
}
.footer, .footer a, .footer a:link, .footer a:visited, .footer a:hover
{
	font-family: Arial, Tahoma, Times New Roman;
	font-size: 12px;
	font-weight: normal;
	color: #B09158;
	line-height: 18px;
	text-decoration: none;
}
.content-table
{
	background: url(images/new_content_bg.gif) left top repeat-x;
	width: 903px;
	display: inline-block;
	height: auto;
	margin-top: -5px;
}
.left-panel
{
	margin-top: 18px;
	width: 243px;
	background: #DACEB5;
	padding-bottom: 16px;
	float: left;
}
.main-panel
{
	margin-top: 18px;	
	text-align: left;
	vertical-align: top;
	width: 660px;
	float: right;
}
.main-content-panel
{
	padding-top: 10px;
	padding-left: 20px;
	padding-right: 30px;
}

.leftmenu-conner-left
{
	background: url(images/menu_conner_left.gif) left top no-repeat;
	width: 242px;
	height: 42px;
	line-height: 42px;
}
.leftmenu-middle
{
	background: url(images/menu_middle.gif) left top repeat-x;
	height: 42px;
	line-height: 42px;
	font-family: [TrajanPro], Arial, Tahoma, Times New Roman;
	font-size: 14px;
	font-weight: bold;
	color: #DDCCA1;
	text-align: center;
	vertical-align: middle;
	text-transform: uppercase;
	display: inline-block;
	width: 222px;
}
.leftmenu-bg
{
	background: url(images/menu_middle.gif) left top repeat-x;
}
.leftmenu-conner-right
{
	background: url(images/menu_conner_right.gif) right top no-repeat;
	width: 242px;
	height: 42px;
	line-height: 42px;
}

.leftmenu-seperate
{
	background: url(images/leftmenu_seperate.gif) left top repeat-x;
	line-height: 2px;
	height: 2px;
	display: block;
}
.menu-item
{
	width: 57px;
	padding-left: 18px;
	padding-top: 5px;
	text-align: left;
}
.menu-item img
{
	width: 57px;
	height: 47px;
	margin-right: 10px;
	margin-left: -2px;
	float: left;
}

.left-menu-item
{
	text-align: left;
	vertical-align: top;
	padding: 0px;
	margin: 0px;
}
.left-menu-item ul
{
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}
.left-menu-item > ul > li {
	width:227px;
	text-align: left;
	vertical-align: middle;
	padding: 8px;
	height: 45px;
	display: block;
	background: url(images/leftmenu_seperate.gif) left bottom repeat-x;
}

/* ducnm: add effect 6/2/2010*/
.left-menu-item > ul > li > a {
	color: #000000;
	font-weight: normal;
	font-size: 15px;
	text-decoration: none;
	vertical-align: middle;
	text-align: center;
	margin-left: 0px;
	margin-top: 20px;
	padding-top: 0px;
}

.left-menu-item ul li:hover  {
	/*background-color: #5c9fd9;*/
	background: url(images/leftmenu_active_bg.gif) repeat-x scroll left top;
}
.left-menu-item li:hover a {
	color: #ffffff;
	/*font-weight: bold;*/
}

/* ducnm: start secondary level*/
.left-menu-item ul li li {
	clear:both;
	color: #000000;
	position: asolute;
	left:35px;
	width: 240px; /* sub menu width */
	display: none;
}

/* For IE 8 */
.left-menu-item ul li li { /* IE 8 */
	top: -50px;
}


/* For other browsers but IE8 */ 
#ie8#fix, .left-menu-item ul li li { /* all browser but IE8 */
	top: -50px;
}

/* Hack for Safari and Chrome */
@media screen and (-webkit-min-device-pixel-ratio:0) {
/* Safari 3.0 and Chrome rules here */
	.left-menu-item ul li li {
		top: -50px;
	}
}

.left-menu-item ul li li {
	*top: -10px; /* for IE 7*/
}

.left-menu-item ul li:hover li {
  clear: both;
  background-color: #D9CEA1;
  color: #000000;
  border: solid 1px #cccccc;
  display: block;
  position: relative;
  margin-top: -35px;
  margin-bottom: 35px;
  margin-left: 200px;
  line-height: 63px;
}

/* Link style */
.left-menu-item li:hover li a {
	color: #000000;
	font-weight: normal;
	padding-left: 10px;
}
.left-menu-item li li a {
	clear: both;
	display: block;
	*display: inherit;
	text-decoration: none;
	position: relative;
	line-height: 40px;
  	height: auto;
  	margin-top: 2px;
}

.left-menu-item li li a:visited {
	color: #000000;
}

.left-menu-item ul li li a:hover {
  color: #ffffff;
}

.left menu-item ul li li a:visited {
}


/* Holly Hack for IE \*/
* html .left-menu-item ul li ul { float: left; height: 1%; }
* html .left-menu-item ul li li a { height: 1%; }
/* End */
/* ducnm: end*/

.v-outer {
	display: table; 
	#position:relative;
	overflow:hidden;
	height:50px;
	color:white;
	width:100%;
}

.v-middle {
	display: table-cell; 
	#position:absolute;
	#top:50%;
	vertical-align:middle;
}

.v-inner { 
	#position:relative;
	#top:-50%;
}


.left-menu-item .left-menu-seperate
{
	background: url(images/leftmenu_seperate.gif) left top repeat-x;
	padding-bottom: 2px;	
	height: 65px;
}
.left-menu-item .no-seperate
{
	background: none;
	padding-bottom: 2px;
}

.left-menu-item .menu-active-item
{
	background: url(images/leftmenu_active_bg.gif) left top repeat-x;
}
.left-menu-item img
{
	float: right;
	margin-right: 0px;
	border: 0;
	max-width: 50px;
	max-height: 45px;
	margin-top: -3px;
}
.left-menu-item .image-container
{
	width: 70px;
	float: left;
}
.left-menu-item .text-container
{
	width: 140px;
	float: left;
}

.left-menu-item .left-menu-link:link, .left-menu-item .left-menu-link:visited
{
	font-family: Arial, Tahoma, Times New Roman;
	/*font-size: 13px;*/
	/*font-weight: normal;*/
	/*color: #572B10;*/
	text-decoration: none;
	vertical-align: middle;
}

.video-panel
{
	background: url(images/video_bottom.gif) 34px bottom no-repeat;
	text-align: center;
	padding-bottom: 8px;
	padding-top: 10px;
}
.title1
{
	font-family: [TrajanPro], Arial, Tahoma, Times New Roman;
	font-size: 18px;
	font-weight: bold;
	color: #613920;
	text-transform: uppercase;
	padding-top: 30px;
	text-align: left;
	line-height: 20px;
}
.title2
{
	font-family: Arial, Tahoma, Times New Roman;
	font-size: 13px;
	font-weight: bold;
	color: #666666;
}
.content-text
{
	/*font-family: Arial, Tahoma, Times New Roman;*/
	/*font-size: 13px;*/
	/*font-weight: normal;*/
	color: #666666;
	line-height: 30px;
}
.note-text
{
	font-family: Arial, Tahoma,Times New Roman;
	font-size: 13px;
	font-weight: bold;
	color: #4B0F0F;
	line-height: 18px;
}

.news-title
{
	background: url(images/news_title_icon.gif) left bottom no-repeat;
	font-family: [TrajanPro], Arial, Tahoma, Times New Roman;
	font-size: 16px;
	font-weight: bold;
	color: #1F1B1A;
	border-bottom: solid 3px #70320B;
	padding-left: 50px;
	line-height: 30px;
	height: 30px;
	text-transform: uppercase;
	vertical-align: middle;
}
.news-link:link, .news-link:visited, .news-link:link:hover
{
	font-family: Arial, Tahoma, Times New Roman;
	font-size: 12px;
	font-weight: bold;
	color: #333333;
	text-decoration: none;
}

.news-overview
{
	font-family: Arial, Tahoma, Times New Roman;
	font-size: 12px;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
}
.news-content
{
	padding-bottom: 30px;
	padding-top: 30px;
	height: 220px;
}
.news-seperate
{
	border-bottom: dashed 1px #D3C7B3;
}
.left-panel-title ul
{
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}
.left-panel-title ul li
{
	display: inline-block;
}

#searchform {
	margin-top: 20px;
	margin-left: 2px;
	margin-right: 0px;
	text-align: left;
}

#searchform input#s { /* for text box*/
	width: 120px;
}

/* set to make video object overlapped by other tag */

div object {
	z-index: -1;
}

.left-menu-item ul li li {
	z-index: 10000;
}

.left-menu-item ul li:hover li {
	z-index: 10000;
}

.top-menu #nav ul {
    position: absolute;
    min-width: 200px;
    top: 44px;
    left: -10000px;
}

#nav li:hover>ul {
    left: 0;
}
.top-menu ul#nav li:hover ul li {
  background: url(images/leftmenu_seperate.gif) left bottom repeat-x;
  background-color: #844f27;
  display: block;
  clear: both;
  /*position: relative;*/
  /*min-width: 220px;*/
  margin-left: -40px;
  z-index: 10000;
  height: auto;
  margin-top:-5px;
}

.top-menu ul#nav li:hover ul li:hover {
	background-color: #A67C52;
	height: auto;
	color: #ffffff;
}
.top-menu ul#nav li:hover ul li a{
  color: #FFE082;
  float: left;
  font-weight: normal;
  text-transform: none;
  height: auto;
  text-align: left;
  width: 220px;
}
  
.top-menu ul#nav li ul li a:hover{
  /*background: url(images/topmenu_bg.gif) repeat-x scroll left top;*/
  color: #ffffff;
  /*font-weight: bold;*/
  text-align: left;
  z-index: 10000;
  text-transform: none;
}

.top-menu ul#nav li:hover ul li.seperate{
  display: none;
}

* html .top-menu ul#nav li ul li a:hover{
  z-index: 10000;
}

.top-menu ul#nav li ul li img{
  display: none;
}

* html .entry object {
	z-index: -1;
}

.content_not_found {
	color: #fd0315;
}

#flash_container {
	float: right; 
	margin-right: 17px;
	*margin-top: -12px;
}
