/* Copyright (C) 2007 - 2011 YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

/*
 * This CSS file is for customization purpose only
*/

/* 
html{
    -moz-filter: grayscale(50%);
    -webkit-filter: grayscale(50%);
    filter: gray; 
    filter: grayscale(50%);
}

img{
    -moz-filter: grayscale(50%);
    -webkit-filter: grayscale(50%);
    filter: gray; 
    filter: grayscale(50%);
}
*/

 .content{
	font-size:120%;
 }

.item  h1{
	color:#76a123;
	font-size:250%;
	
 }

 .item h2{
	color:#aa5b35;
 }

 .item h2.special{
	color:#76a123;
	font-size:200%;
	text-align:center;
 }

 .content a{
	text-decoration:underline;
 }

 .content b{
	font-weight:normal;
 }

 .content .hilight{
	font-weight:bold;
 }

.content .hilight b{
	font-weight:bold;
}

 .item .hilight2{
	
	font-weight:bold;
	color:#aa5b35;
	text-align:center;
 }

 .item .hilight2 h2{
	color:#c30;
 }

 .datatable{
	
	border-width:1px 0px 0px 1px;
	border-style: dashed;  
	border-color:#666;
	margin-bottom:20px;
	
 }

 .datatable td{
	vertical-align:top;
	padding:5px;
	border-width: 0px 1px 1px 0px  ;
	border-style: dashed;  
	border-color:#666;
	#font-size:80%;
 }
 
 .infotable{
	border-width:1px 0px 0px 1px;
	border-style: solid; 
	border-color:#666;
	margin-bottom:20px;
	box-shadow:3px 3px 3px #aaa;
 }
 .infotable thead{
 	font-weight:bold;
 	color:white;
 	font-size:1.2em;
	text-shadow:1px 1px 3px #666;
 	text-align:center;
 	background-color:#c2896d;/* Old browsers */
	background: -moz-linear-gradient(top,  #c48d72 0%, #aa5b35 65%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c48d72), color-stop(65%,#aa5b35)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #c48d72 0%,#aa5b35 65%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #c48d72 0%,#aa5b35 65%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #c48d72 0%,#aa5b35 65%); /* IE10+ */
	background: linear-gradient(to bottom,  #c48d72 0%,#aa5b35 65%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c48d72', endColorstr='#aa5b35',GradientType=0 ); /* IE6-9 */

 	
 }
 .infotable td{
	vertical-align:top;
	padding:5px;
	border-width: 0px 1px 1px 0px ; 
	border-style: solid; 
	border-color:#666;
	font-size:80%;
 }

#logo {
	margin-top:20px;
	margin-bottom:20px;
}

#logo a.logo-icon {
	display: block;
	width: 500px;/*563 for logo2013-mourn.png*/
	height: 100px;
	background:url(http://www.modernpublishing.co.th/images/logo2013.png) left top no-repeat !important;

	padding-bottom:0px;
}

#logo a.logo-icon-cn {
	display: block;
	width: 500px;
	height: 100px;
	background:url(http://www.modernpublishing.co.th/images/logo_cn.png) left top no-repeat !important;

	padding-bottom:0px;
}

.modernpublishing_image{
	border:1px solid #888;
	box-shadow:5px 5px 5px #aaa;
	
}


.maintopblock div.mod-layer h3.header .title {
	text-align: center;
	font-size: 30px;
	line-height: 35px;
	font-weight: bold;
}

.maintopblock div.mod-layer h3.header .subtitle {
	text-align: center;
	font-size: 16px;
	line-height: 16px;
}

.maintopblock div.mod-layer div.blank-h div.yoo-scroller { margin: 0px 0px -20px 0px; }

.modernpublishing_slidebutton{
	position: absolute; 
	width: 150px; 
	height: 45px; 
	background-color: #98ca3c; 
	font-size: 24px; 
	font-weight: bold;
}
#langswitch{
	color:white; 
	text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.8);
}

#langswitch img{
  position:relative;
  top:4px;
}

#langswitch a{
	 color:white;
	 text-decoration:underline;
}

#page_portfolio  .items .item{
	padding-left:40px !important;
}

#page_portfolio .items .item strong{
	background:url(/wp-content/themes/yoo_studio/images/typography/list_checkbox.png) left top no-repeat;
	padding-left:30px;
	display:block;
	height:26px;
	padding-top:6px;
	padding-bottom:0px;
	margin-bottom:0px;
	margin-top:10px;
}

#page_portfolio .items .item li{
	list-style-type:none;
	background:url(/wp-content/themes/yoo_studio/images/typography/list_checkbox.png) left top no-repeat;
	padding-left:30px;
	display:block;
	height:26px;
	padding-top:6px;
	padding-bottom:0px;
	margin-bottom:0px;
	margin-top:10px;
	
}

.langbox_curr{
	
	height:18px;
	border:1px solid #666;
	border-radius:10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:1em !important;
	font-weight:bold;
	padding:5px;
	box-shadow:3px 3px 3px #aaa inset;
	background-color:#cecab8;
	text-align:center;
	text-shadow:2px 2px 2px #aaa;
	
}

a.langbox_choice{
	
	
	height:18px;
	font-family: Arial, Helvetica, sans-serif;
	padding:5px;
	font-size:1em !important;
	font-weight:bold;
	text-align:center;
	text-decoration:underline;
	color:white;

}
a.langbox_choice:hover{
	text-shadow:2px 2px 2px #aaa;
	text-decoration:none;
	
}

input.modern_contact {
 	width: 100px; 
	height: 35px; 
	background-color: #98ca3c; 
	font-size: 20px; 
}