/* CSS Document of www.phattayakulschool.com */
* {
	padding:0;
	margin:0;
	
}
img {
	border:0;
	outline:0;
}
ol,ul {
	list-style-type:none;
}
a {
	text-decoration:none;
}
body {
	font-family:Tahoma, Verdana, sans-serif ;
	font-size:0.8em;
	color:#036; 
	background:url(/images/themes/pyk1/bg-body.gif) ;
}
body>div:first-child,body address{ 
	margin:0 auto;
	width:940px;
}
body>div:first-child+div {
	margin:0 auto;
	width:940px;
	background:url(/images/themes/pyk1/bg2.gif)  center repeat-y;
}
body>div:first-child {
	height:250px; 
    margin-top:25px; 
	background:url(/images/themes/pyk1/head2.jpg) center no-repeat;
}

body>div>h1:first-child a {
	position:relative;
	top:20px;
	left:20px;
	display:block;
	text-indent:-10000px;
	width:150px;
	height:120px;
	overflow:hidden;
}
body>div>h2 {
	position:absolute;
	text-indent:-9999px;
	overflow:hidden;
}


/*navigation*/
body>div:first-child>ul { 
	position:absolute;
	top:235px;
	height:30px;
	width:890px;
	padding-left:50px;
}
						
body>div:first-child li {
	display:inline;
}
body>div:first-child ul a {
	float:left;
	display:block;
	font-family:"Tahoma", Verdana, sans-serif;
	font-size:1.4em; 
	color:#fff; 
	padding:0 18px;
}
body>div:first-child>ul>a:hover,
body>div:first-child>ul>li:hover>a { color:#ccc;  }
							
/*subnav*/
body>div:first-child>ul>li> ul {
	width:800px;
	display:none;
	text-align:center;
	margin-left:200px;
}
body>div:first-child>ul>li>ul li{
	background:transparent;}
body>div:first-child>ul :hover ul {
	height:18px;
	display:block;
	position:absolute;
	top:22px;
	left:0;
	height:20px;
}
body>div:first-child>ul :hover ul li a {
	color:#333366;
	font-weight:bold;
	height:18px;
	line-height:18px;
	padding:0 20px;
	font-size:0.9em;
}
body>div:first-child>ul :hover ul li a:hover {
	background:#fff;
	color:#00b5ec;
	border:#669999 1px solid; 
}


/*content*/
body>div+div ul:first-child {
	width:940px;
	height:273px; 
	background:url(/images/themes/pyk1/bg-ad.gif) center no-repeat ;
	
}
li.left-ad,li.right-ad {
	float:left; 
	margin-top:25px;
	display:inline;
	width:440px;
	height:223px;
	
	}
li.left-ad img,li.right-ad img {
/*border:1px #FF9900 solid;*/
}

li.left-ad {margin-left:22px;}
li.right-ad {margin-right:22px; margin-left:15px;}
body>div+div p { 
	background:url(../images/themes/pyk1/bg1-2.jpg) top center no-repeat ;
	padding:30px 280px 45px 30px;
	line-height:25px;
	
	font-size:1.1em;
	font-family:"Tahoma", Verdana, sans-serif;
} 
body>div+div p strong {
	font-weight:bold;
	font-size:1.5em;
	color:#f60;
}
/*news*/
dl {
	padding:30px 330px 10px 30px;
}
dl h2 {
	font-size:1.5em; 
	color:#36c;
}
dl dt {
	font-size:120%;
	padding-top:10px;
}
dl dt a:hover {
	color:#f90;
	text-decoration:underline;
}
dl dt a{
	color:#96c; 
	font-weight:bold;
}
dl em {
	font-style:normal;
	color:#999;
}
dl dd {
	padding-bottom:10px;
}
dl dd.separate {	
	min-height:70px;
	padding-bottom:15px;
	border-bottom: solid 1px rgb(244, 240, 226);
}
dl dd.separate img { 
	position:relative;
	float:right;
	padding:2px; 
	border:1px solid #333;
	margin:4px 15px 0 20px;
	width:70px; 
	height:60px;
}
dl dd.separate a:hover img {
	border:#993399 1px solid;
}
/*gallery*/

ul.gallery {
	width:610px;
	height:170px;
	background:#000;
	margin-left:20px;
	
	padding:0 15px 0 15px;
}
ul.gallery li {
	display:inline;
	float:left;
	width:145px;
	height:120px;
	margin:10px 3px;
	background:#fff;
}
	


/*sidebar*/
.sidebar {
	width:250px;
	margin-left:690px;
	position:absolute;
	top:555px;
	list-style-type:none;
	display:block;
}

.red {color:red;}
.sidebar em {
	color:#909;
	font-style:normal;
}
.sidebar ol {margin-bottom:15px;}
.sidebar ol li {
	margin:5px 10px 5px 30px;
	
}

.sidebar ol[title="LinkTopic"] li {
	list-style-image:url(/images/icon/Misc4.jpg);
}
.sidebar ol[title="LinkLastPostForum"] li{
list-style-image:url(/images/icon/community2.jpg);
}
.sidebar h2 {
	font-size:1.2em;
}
.sidebar h3 {
	font-size:1em;
	color:#c90; 
	padding-top:15px; 
	border-top:dotted 1px #CC9900 ; 
	margin-right:25px;
}
.sidebar h3 a,.sidebar h3 a:hover,.sidebar h3 a:visited,.sidebar h3 a:active{font-size:1em;
	color:#c90; }

.sidebar h2 a {
	color:#00f;
	margin-bottom:10px;
}
input {vertical-align:middle;}
.sidebar h2 a:hover,.sidebar h4 a:hover {
	color:#f90;
	text-decoration:underline;
	margin-bottom:20px;
	margin-right:15px
}
.sidebar ol li a {
	font-size:1em; 
	color:#000066; 
}
.sidebar ol li a:hover {
	color:#f90;
}
.viewmap li ,.viewmap li a:visited{
	color:#00f;
}
.sidebar h3.viewmap{margin-top:10px; border:none;}

div+div+div {
	padding-top:90px;
	background:url(../images/themes/pyk1/foot.jpg) center no-repeat;
	height:197px;
}
address>span {
	position:relative;
	display:block; 
	margin-left:30px;
	line-height:20px;
	font-style:normal;
	color:#fff;
}
address>span.valid {
	display:inline; 
	position:relative;
	top:-25px; 
	margin-left:730px;
}
li.chat {
margin-left:30px;
margin-bottom:30px;
}
ol li.more{
margin-left:50px;
list-style-image:url(../images/icon/Misc2.jpg);
list-style-type:none;
}
ol li.more a {
color:#999999;
}
ul.search {margin-left:100px;}