/*
Theme Name: Streams of Grace
Theme URI: http://www.streamsofgrace.com.sg/
Description: WordPress Theme Created for Streams of Grace Website in December, 2009.
Version: 1.0
Author: Fred Lin
Author URI: http://Fred-Lin.com

	Streams of Grace 1.0
	 http://www.Streamsofgrace.com.sg

	This theme was designed and built by Fred Lin, whose website you will find at http://Fred-Lin.com
	
*/

* {
	margin: 0;
	padding: 0;
	border: 0;
}

a {
	color: #d3f3fe;
	text-decoration: none;
}
a:hover {
	color: #a4e0fe;
	text-decoration: underline;
}
h2 {
	color: white;
	font-size: 2em;
	line-height: 1em;
	text-shadow: 1px 1px 1px rgba(0,0,0,.4);
}
h2.pagetitle {
	font-size: 2.4em;
	float: right;
}
h3 {
	color: white;
	font-size: 1.8em;
	line-height: 1em;
	margin: 0 0 5px 0;
	text-shadow: 1px 1px 1px rgba(0,0,0,.4);
}
body {
	font-family: "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
	font-size: 62.5%;
	line-height: 1.4em;
	background: white url(img/bg.jpg);
	color: #23386c;
}
br.clear {
	clear: both;
}
ul {
	list-style: none;
}
#wrapper {
	width: 1000px;
	height: auto;
	position: absolute;
	left: 50%;
	margin: 0 0 0 -470px;
}
#header {
	width: 950px;
	height: 258px;
	background: urL(img/header.png) no-repeat;
}
#mid {
	width: 950px;
	height: auto;
	background: url(img/mid.png) repeat-y;
}
#footer {
	width: 950px;
	height: 45px;
	background: url(img/footer.png) no-repeat;
}
#introbg {
	width: 426px;
	height: 132px;
	background: url(img/introbg.png) no-repeat;
	position: absolute;
	top: 90px;
	right: 90px;
	padding: 12px 20px 0 20px;
}
#introbg h3 {
	font-size: 1.5em;
	line-height: 1.2em;
	color: #d4ebfe;
	text-shadow: 1px 1px 1px rgba(0,0,0,.4);
}
#sidebar {
	float: left;
	width: 200px;
	height: 225px;
	background: url(img/sidebarbg.png) no-repeat;
	margin: 0 0 0 45px;
}
#sidebar ul {
	margin: 30px;
}
#sidebar ul li {
	margin: 0 0 10px 0;
}
#sidebar ul li a {
	height: 20px;
	background: url(img/menu-btns.png) no-repeat;
	display: block;
}
a.side_home {
	width: 64px;	
}
a.side_profile {
	width: 86px;
	background-position: 0 -30px !important;
}
a.side_music {
	width: 70px;
	background-position: 0 -60px !important;
}
a.side_events {
	width: 81px;
	background-position: 0 -90px !important;
}
a.side_products {
	width: 110px;
	background-position: 0 -120px !important;
}
a.side_testimony {
	width: 120px;
	background-position: 0 -150px !important;
}
a.side_home:hover, a.side_home.current {
	background-position: 0 -188px !important;
}
a.side_profile:hover, a.side_profile.current {
	background-position: 0 -218px !important;
}
a.side_music:hover, a.side_music.current {
	background-position: 0 -248px !important;
}
a.side_events:hover, a.side_events.current {
	background-position: 0 -278px !important;
}
a.side_products:hover, a.side_products.current {
	background-position: 0 -308px !important;
}
a.side_testimony:hover, a.side_testimony.current {
	background-position: 0 -338px !important;
}
a.side_home:active {
	background-position: 0 -377px !important;
}
a.side_profile:active {
	background-position: 0 -407px !important;
}
a.side_music:active {
	background-position: 0 -437px !important;
}
a.side_events:active {
	background-position: 0 -467px !important;
}
a.side_products:active {
	background-position: 0 -497px !important;
}
a.side_testimony:active {
	background-position: 0 -527px !important;
}
#main {
	width: 650px;
	float: left;
	display: inline;
	overflow: hidden;
	margin: 0 0 0 17px;
}
#bod-top {
	width: 650px;
	height: 25px;
	background: url(img/body-top.png) no-repeat;
	float: left;
	display: inline;
}
hr.highlight {
	width: 648px;
	height: 265px;
	background: url(img/top-highlight.png) no-repeat;
}
#bod-mid {
	width: 600px;
	height: auto;
	background: url(img/body-mid.png) repeat-y;
	padding: 0 30px;
	float: left;
	display: inline;
	overflow: hidden;
}
#bod-bot {
	width: 650px;
	height: 23px;
	float: left;
	display: inline;
	overflow: hidden;
	background: url(img/body-bot.png) no-repeat;
}
div.article {
	float: left;
	margin: 0 0 30px 0;
}
.article h2, .article h2 a {
	line-height: 1.4em;
	color: white;
}
.article p {	
	font-size: 1.4em;
	line-height: 1.3em;
	margin: 0 0 1em 0;
}
.article p strong {
	color: white;
}
.article img {
	-moz-border-radius: 0px;
  	-webkit-border-radius: 0px;
	-webkit-box-shadow: 0 0px 00px rgba(0,0,0,.3);
	-moz-box-shadow: 0 0px 0px rgba(0,0,0,.3);
}
#footer a {
	color: #91c4fd;
	font-size: 1em;
	float: right;
	margin: 20px 30px 0 0;
}
#footer a:hover {
	color: white;
}
#footer a:active {
	color: #526a8b;
}
table td {
	font-size: 1.4em;
	padding: 0 10px 10px 0;
}
div#contact {
	width: 620px;
	margin: 20px 0 0 290px;
}
div#contact .contact-info {
	width: 280px;
	float: left;
	margin: 0 20px 0 0;
}
div#contact p {
	color: #c9fdfb;
	font-size: 1.4em;
	line-height: 1.4em;
}
div#contact form {
	float: left;
	margin: 0 0 0 20px;
}
#contact h2 {
	margin: 0 0 5px 0;
}
label {
	color: white;
	font-weight: bold;
	text-shadow: 1px 1px 1px rgba(0,0,0,.4);
}
label, input, textarea {
	font-size: 1.2em;	
	line-height: 1.4em;
	margin: 0 0 15px 0;
}
input[type="text"] {
	color: #23386c;
	width: 250px;
	padding: 5px;
	border: 2px solid #caf6fe;
}
textarea {
	color: #23386c;
	width: 250px;
	height: 200px;
	padding: 5px;
	border: 2px solid #caf6fe;
}
input[type="text"]:focus, textarea:focus {
	background: #caf6fe;
}
input[type="submit"] {
	padding: 5px 10px;
	background: #caf6fe;
	color: #414c7d;
	cursor: pointer;
	margin: 0 0 5px 0;
	-moz-border-radius: 10px;
  	-webkit-border-radius: 10px;
	-webkit-box-shadow: 0 1px 10px rgba(0,0,0,.3);
	-moz-box-shadow: 0 1px 10px rgba(0,0,0,.3);
}
#contact input[type="submit"] {
	margin: 0 0 0 90px;
}
input[type="submit"]:hover {
	background: #e7f6fd;
}
input[type="submit"]:active {
	background: #99bbc1;
}
div.post-info {
	margin: 20px 0 10px 0;
	color: white;
	font-size: 1.2em;
	padding: 10px;
	float: right;
	background: #4f8aae;
	-moz-border-radius: 5px;
  	-webkit-border-radius: 5px;
}
p.postmetadata {
	font-size: 1.1em;
	float: left;
	padding: 10px 15px 10px 15px;
	background: #59a1c6;
	-moz-border-radius: 5px;
  	-webkit-border-radius: 5px;
  	text-align: right;
  	display: inline;
  	overflow: hidden;
}
.post-info p {
	margin: 0;
}
.post-info a {
	color: #9fc8fd;
	font-weight: bold;
}
.post-info a:hover {
	color: #b3e0fd;
}
.alignright {
	float: right;
	margin-left: 15px;
	margin-bottom: 10px;
}
.alignleft {
	float: left;
	margin-right: 15px;
}
p.comment_block {
	float: right;
	margin: 5px 0 0 0;
}
div.navigation {
	font-size: 1.2em;
}
div#respond {
	margin: 20px 0 0 10px;
}
div#respond input[type="submit"] {
	margin: 0 0 10px 70px;
}
h3#comments {
	margin: 15px 0;
}
form#commentform p label {
	font-size: 1.8em;
	padding: 0 0 0 5px;
}
ol.commentlist {
	list-style: none;
	margin: 10px 0 0 0;
	font-size: 1.2em;
}
ol.commentlist li {
	margin: 0 0 20px 0;
}
div.comment-author {
	font-weight: bold;	
}
div.comment-author.vcard img.avatar {
	float: left;
	padding: 0 10px;
}
.comment-body em {
	color: white;
}
.comment-body p {
	width: 550px;
	padding: 10px;
	background: #8ec0fd;
	margin: 10px 0 0 10px;
	-moz-border-radius: 5px;
  	-webkit-border-radius: 5px;
}
.alt .comment-body p {
	background: #b6e0fe;
}
form#searchform {
	margin: 20px 0 0 0;
}
form#searchform label {
	font-size: 1.8em;
}
p#quote {
	color: #a7e4fe;
	font-size: 1.4em;
	width: 150px;
	margin: 15px 0 15px 20px;
	float: left;
	display: inline;
	overflow: hidden;
}
a.more-link {
	padding: 5px 10px;
	background: #6b9fca;
	font-weight: bold;
	-moz-border-radius: 15px;
  	-webkit-border-radius: 15px;
}
a.more-link:hover {
	background: #80b2c9;
	color: white;
	text-decoration: none;
}