/*
Theme Name: Sing Sang Sung
Theme URI: http://www.signsangsung.net
Description: Theme created for sing sang sung website.
Version: 1 (WP2.6.2)
Author: Kataroek Thumrongchote
Author URI: http://www.kataroek.com
Tags: sing, sang, sung, music, children
*/

@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";
/* Common Class */
.clear { clear:both; }
.floatLeft { float:left; }
.floatRight { float:right; }
.button {
	background-color:#C9E4F2;
	border:1px solid #60AFD7;
	padding:2px 10px;
	font-size:13px;
	color:#60AFD7;
        -moz-border-radius:5px;
	-webkit-border-radius:5px;
}
.button:hover {
	background-color:#FAC2CE;
	color:#FFFFFF;
	cursor:pointer;
	border:1px solid #F5859D;
}
ul#pagenav {
	text-align:center;
	margin:20px 0;
}
ul#pagenav li { display:inline; }
/* Typography */
html { font-family:Helvetica, 'Helvetica Neue', Arial, sans-serif; }
h1, h2, h3 {
	font-weight:normal;
	color:#4B7890;
	margin-top:15px;
}
h1 { font-size:36px; }
h2 { font-size:24px; }
h3 { font-size:18px; }
p, li {
	font-size:14px;
	color:#333;
	line-height:20px;
	letter-spacing:0.01em
}
p, ul { margin:15px 0; }
li { margin-bottom:5px; }
a {
	text-decoration:none;
	color:#60AFD7;
}
a:hover { color:#F5859D; }
.searchtextbox {
	font-size:16px;
	display:block;
	margin:5px 0;
	padding:5px;
	border:1px solid #C9E4F2;
	width:350px;
}
#searchformsection .searchtextbox { width:250px; }
/* Grid Layout */
html, body {
	height:100%;
	line-height:normal;
}
body { background-color:#379BCD; }
#wrapper {
	width:960px;
	margin:0 auto;
	min-height:100%;
	height: auto !important;
 	height: 100%;
	margin-bottom:-150px;
	background-color:#FFF;
}

/* Header Section */
#header {
	height:300px;
	background: url(style/images/header_background.jpg) no-repeat center top;
}
#header h1 { margin:0; }
#header h1 a {
	display:block;
	overflow:hidden;
	width:300px;
	height:150px;
	position:relative;
	left:10px;
	top:30px;
	text-indent:-9999px;
}

/* Menu Section */
.menu {
	border-bottom:1px dashed #CCCCCC;
	padding:10px;
	background-color:#FFF;
}
.menu ul { margin:0; }
.menu ul li {
	font-size:18px;
	display:inline;
	padding:5px 10px;
}
.menu ul li.current_page_item a { color:#1579AB; }
.menu ul li.current_page_item a:hover { color:#F5859D; }

/* Content Section */
#contentwrapper { padding:20px; background-color:#FFF; margin-bottom:5px; }
#content {
	width:600px;
	float:left;
	margin-bottom:50px;
}
#content .post ul, #contentpage .post ul {
	margin-left:30px;
}
#content li, #contentpage li { list-style:outside; }

/* Post Section */
.post {
	padding-bottom:10px;
	margin-bottom:20px;
	border-bottom:1px dashed #CCCCCC;
}
.post p { line-height:1.5; }
.post p img {
	border:1px solid #CCC;
	padding:5px;
	background-color:#F8F8F8;
}
.post img.wp-smiley {
	border:none;
	padding:0;
	background:none;
}
.wp-caption {
	background-color:#FFF;
	border:1px solid #DDD;
	margin:0;
	padding:10px 5px;
}
.wp-caption-text {
	font-size:12px;
	color:#999;
	text-align:left;
	padding:0;
	margin:10px 5px 0;
	line-height:16px;
}
.postheader {
	border-bottom:1px dashed #CCCCCC;
	padding-bottom:5px;
	margin-bottom:10px;
}
.dateinfo {
	background-color:#0A84C1;
	padding:5px;
	color:#FFFFFF;
	width:50px;
	text-align:center;
	font-size:24px;
	float:left;
}
.postinfo { margin:0; font-size:12px; color:#999; }
.postdetail {
	width:470px;
	float:right;
}
#extra {
	font-size:10px;
	margin-top:100px;
	line-height:normal;
	color:#999;
}

/* Comment Section */
#commentsection ol li {
	list-style:none;
	border-bottom:1px dashed #CCCCCC;
	padding-bottom:5px;
	margin-bottom:15px;
}
.commentitemheader img {
	float:left;
	margin-right:10px;
	display:block;
	border:2px solid #C9E4F2;
	margin-bottom:5px;
}
.commentiteminfo { float:left; }
.commentiteminfo p { margin:0; }
textarea#comment {
	margin:10px 0;
	display:block;
	border:1px solid #C9E4F2;
	font-family:Helvetica, 'Helvetica Neue', Arial, sans-serif;
	padding:5px;
	line-height:20px;
	font-size:16px;
	width:500px;
}
#content form#searchform { margin:10px 0; }

/* Sidebar Section */
#sidebar {
	width:300px;
	float:right;
}
#sidebar #searchformsection { margin-bottom:10px; }
#sidebar h2 { margin-top:20px; }
#sidebar ul { margin-left:20px; }
#sidebar li { list-style:outside; }
.push {
	height:150px;
}

/* Footer Section */
#footerwrapper {
	height:150px;
	background-image:url(style/images/footer_repeat.jpg);
	background-position:left top;
	background-repeat:repeat-x;
}
#footer {
	text-align:center;
	width:960px;
	margin:0 auto;
	background-image:url(style/images/footer.jpg);
	background-position:left top;
	background-repeat:repeat-x;
	height:150px;
}
#footer p { font-size:12px; color:#999; line-height:normal; }

/* Lightbox Hack */
#imageContainer { position:static; }