/*
Theme Name: st-classic
Theme URI: http://attaporn.ungsriwong.com/core
Description: For S.T. Classic

Author: Attaporn Ungsriwong
Author URI: http://attaporn.ungsriwong.com
Version: 1.0.0
Tags: ST Classic, en-mani
.
All rights reserved. en-mani and Attaporn Ungsriwong 2011.
 
http://www.gnu.org/licenses/old-licenses/gpl-2.0.html
 
.
*/

/* Reset default browser styles */
@import url('styles/reset.css');

/* Rebuild default browser styles */
@import url('styles/rebuild.css');
	
/* Basic WordPress Styles */
@import url('styles/wp.css');

/* Project Elements Styles */
@import url('styles/project.css');

/* Language menu Styles */
@import url('styles/lang.css');

/* Layout elements */

html {
}

body {
	background:#000 url(images/bg-main.png) top center no-repeat;
	width:960px;
	margin:0px auto;
}

#wrapper {
	width:100%;
}

#header {
	float:none;
	width:1024px;
	height:80px;
	margin:0px auto;
}

#masthead{
	margin-top:20px;
	color:#FFF;
}

#main {
	clear:both;
	width:1024px;
	margin:0px auto;
}

#blog-logo h1{
	display:none;
}

#main-logo{
	float:right;
}

#blog-description {
	display:none;
}

#container {
	width:1024px;
	height:530px;
	margin:0px auto;
	position:relative;
	overflow:hidden;
}

#content {
}

#footer {
	width:1024px;
	margin:0px auto;
	float:none;
	clear:both;
}

#colophon{
	width:1024px;
	margin:0px auto;
	text-align:right;
	float:none;
}

#site-info, #site-engine, #site-engine a{
	color:#fff;
}

#site-engine a:hover{
	color:#F90;
}

/* Layout elements */

/* Menu elements */

#main-menu{
	margin-left:40px;
	float:left;
	width:984px;
	height:100px;
	overflow:hidden;
	position:absolute;
	margin-top:-100px;
}

.menu, .menu ul{
	margin:0px;
}

.menu li{
	list-style:none;
}

#main-menu a{
	color:#fff;
	float:left;
	padding:5px 10px 5px 0px;
	margin-left:10px;
	width:105px;
	height:90px;
	text-align:right;
	text-transform:uppercase;
	font-size:13px;
	font-weight:normal;
	background:url(images/menu-grey.png);
	font-weight:200;
	margin-top:70px;

}

#main-menu a:hover{
	color:#F90;
}

#main-menu ul.children, .sub-menu{
	display:none;
	position:absolute;
	z-index:2;
	background:#333;
	padding:4px;
}

.menuSep{
	color:#fff;
}

/* Menu elements */

/* Content elements */

* {
	font-family:Helvetica, sans-serif;
	color:#FFF;
	font-size:12px;
}

a {
	text-decoration:none;
}

a:hover {
	color:#F90;
}

h1 {
	font-size:24px;
	margin:0.8em 0px;
}

h2 {
	font-size:22px;
	margin:0.8em 0px;
}

h3 {
	font-size:20px;
	margin:0.8em 0px;
}

h4 {
	font-size:18px;
	margin:0.8em 0px;
}

h5 {
	font-size:16px;
	margin:0.8em 0px;
}

h6 {
	font-size:14px;
	margin:0.8em 0px;
}

p {
	color:#FFF;
}

#blog-logo, #blog-logo a{
	font-style:italic;
	font-size:32px;
	color:#fff;
}

#blog-logo h1{
	margin:0px;
}

#blog-description{
	color:#fff;
	font-size:16px;
	margin:0px;
}

.page-title{
	display:none;
}

.content-box{
	border-bottom:1px dashed #333;
	float:left;
	width:768px;
	clear:both;
}

/* Slide show */
#ex-slide{
	width:820px;
	height:420px;
	display:block;
	margin:30px auto;
}

/* Profile */

#profile-box{
	width:824px;
	height:130px;
	position:absolute;
	margin:170px auto 0px 100px;
	display:none;
	z-index:2;
}

#profile-logo{
	float:left;
	margin-left:10px;
}

#profile-content{
	float:right;
	text-align:justify;
	width:580px;
	font-size:13px;
	line-height:1.7em;
}

#bg-box{
	background:#FFF;
	opacity:0.15;
	filter:alpha(opacity=15);
	width:1024px;
	height:240px;
	margin-top:120px;
	display:block;
	position:absolute;
	z-index:1;
}

.profile-bg{
	margin-left:-1024px;
}

/* Contact */

#contact-box{
	width:324px;
	position:absolute;
	margin:140px auto 0px 524px;
	display:none;
	z-index:2;
}

#contact-logo{
	margin-bottom:10px;
}

#contact-content{
	font-size:13px;
	line-height:1.0em;
}

.contact-bg{
	margin-left:1024px;
}

#st-map{
	float:left;
	margin:140px 0px 0px 110px;
	position:relative;
	z-index:2;
}

/* Content elements */

/* Utilities */
.skip-link a{
	color:#fff;
}

.skip-link a:hover{
	color:#598527;
}

.navigation{
	clear:both;
}

/* Utilities */