/*

Theme Name: SBTG Black

Author: Jerry Leow

Description: SBTG Black Wordpress Theme 





*/



/* OPT-IN FORM */
#optin {

	width:222px;
	background-color: #333333;
	background-repeat: no-repeat;
	padding-top: 75px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 0px;
	border: 3px solid #333333;
}

#optin form {

	margin: 0;

	padding: 0;

}

#optin p {

	margin-left: 0px;


}



#optin fieldset { border:none;}
#optin label.top {
	float:left;
	width:125px;
	font-size:120%;
	margin-top: 15px;
	margin-bottom: 1px;
	margin-left:5px;
	color: #ffffff;
	font-family: Georgia, "Times New Roman", Times, serif;
}
#optin label.right {float:left; width:125px; margin:5px 0 0 0; padding:0 0 0 3px; /*IE6*/; font-size:110%;}
#optin input.field {
	width:160px;
	padding:0.2em 0 0.3em 0 /*IE6*/;
	border:solid 1px rgb(200,200,200);
	font-family:Arial, Helvetica, sans-serif;
	font-size:110%;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 2px;
	margin-left: 0;
	padding-top: 0em;
	padding-right: 0;
	padding-bottom: 0.1em;
	padding-left: 0;
}



#optin .s2{
	float: right;
	width:200px;
	background:#fff url(images/sform2.jpg) no-repeat;
	border:none;
	font-family:"Times New Roman", Times, serif;
	color:#333;
	padding-top: 6px;
	padding-right: 2px;
	padding-bottom: 7px;
	padding-left: 5px;
	margin-bottom: 3px;
}
#optin .jbutton{
	width:100px;
	float: right;
	background:#fff url(images/jsubmit.jpg);
	border:none;
	font: bold 100% "Times New Roman", Times, serif;
	color: #FFFFFF;
	height:30px;
	margin-left: 107px;
	margin-top: 2px;
}

#optin .jbutton:hover{
	cursor: pointer;
	color: #FF3333;
}

#optin img{
border: none;
padding: 0;
margin: 0;
}

/* OPT-IN FORM */



/* General */



body {

	margin: 0;

	background: #171717;

	background-image: url(images/background_sbtgck.jpg);
	background-repeat: repeat;
}



h1, h2, h3, h4 {

	margin: 0;

}



img {

	border:0;
	
	padding:4px 4px;

	background:#fff;

	border:1px solid #333333;

	margin:2px 5px 2px 0px;

}



.clear {

	clear: both;

	height: 0;

	overflow: hidden;

}





/* Page */



#page {

	margin: 0 auto;

	width: 1004px;

	background: url("images/page.jpg") no-repeat;

}





/* Header */



#header {

	width: 1004px;

	height: 160px;

	position: relative;

}



	/* Header - Info */

	

	#header #header-info {

		position: absolute;

		top: 18px;
	left: 13px;

		width: 930px;

		text-align: left;

	}

	

	#header #header-info h1 {

		color: #cfcdcd;

		font: normal 40px "Times New Roman", Times, serif;

		padding-bottom: 5px;
	background-image: url(images/logo.png);
	background-repeat: no-repeat;
	}

	

	#header #header-info h1 a {

		color: #cfcdcd;

		text-decoration: none;

	}

	

	#header #header-info .description {

		color: #cfcdcd;

		font: normal 18px "Times New Roman", Times, serif;

	}

	

	/* Header - Menu */

	

	#header #header-menu {

		position: absolute;

		top: 113px;

		left: 190px;

		width: 964px;

		height: 35px;

	}

	

	#header #header-menu ul {

		margin: 0;

		padding: 0;

		list-style-type: none;

		width: 964px;

		height: 35px;

	}

	

	#header #header-menu ul li {

		float: left;

		width: 125px;

		height: 35px;

		margin-right: 8px;

		font: normal 18px/35px "Times New Roman", Times, serif;

		color: #cfcdcd;

		text-align: center;

		background: url("images/header_menu.gif") no-repeat;

	}

	

	#header #header-menu ul li a {

		color: #cfcdcd;

		text-decoration: none;

		display: block;

	}

	

	#header #header-menu ul li a:hover {

		color: #000000;

		background: url("images/header_menu_hover.gif") no-repeat;

	}

	

		/* Header - Menu - Active */

		

		#header #header-menu ul li.current_page_item a {

			color: #000000;

			background: url("images/header_menu_hover.gif") no-repeat;

		}

		

		/* Header - Menu - Submenu */

		

		#header #header-menu ul li ul {

			display: none;

		}





/* Main */



#main {

	width: 1003px;

	padding-left: 1px;

}



	/* Main - Content */

	

	#content {

		float: left;

		width: 766px;

	}

	

	/* Main - Content - Post */

	

	#content .post {

		float: left;

		margin-bottom: 1px;

		width: 766px;

		background: url("images/post.gif") repeat-y;

	}

	

		/* Post - Title */

		

		#content .post .post-title {

			width: 734px;

			padding: 16px 16px 0 16px;

			background: url("images/post_title.gif") no-repeat;

			color: #333333;

			font: bold 12px "Times New Roman", Times, serif;

		}

		

		#content .post .post-title a {

			color: #333333;

			text-decoration: none;

		}

		

		#content .post .post-title a:hover {

			text-decoration: underline;

		}

		

		#content .post .post-title .post-date {

			float: left;

			text-align: center;

			text-transform: lowercase;

			color: #7e7e7e;

			width: 52px;

			height: 52px;

			font: normal 20px "Times New Roman", Times, serif;

			background: url("images/post_date.gif") no-repeat;

			margin-right: 10px;

		}

		

		#content .post .post-title .post-date span {

			padding: 1px 0 3px 0;

			font: bold 14px/18px "Times New Roman", Times, serif;

			color: #000000;

			display: block;

		}

		

		#content .post .post-title h2 {

			color: #333333;

			font: normal 20px "Times New Roman", Times, serif;

			padding: 1px 0;

		}

		

		#content .post .post-title h2 a {

			color: #333333;

			text-decoration: none;

		}

		

		#content .post .post-title h2 a:hover {



			text-decoration: underline;
                       color: #993300;

		}

		

		#content .post .post-title .post-title-info {

			padding-top: 4px;

		}

		

		/* Post - Entry */

		

		#content .post .post-entry {

			padding: 0 17px;

			width: 732px;

			font: normal 14px/19px "Times New Roman", Times, serif;

			color: #333333;

		}

		

		#content .post .post-entry a {

			color: #333333;

			text-decoration: none;

		}

		

		#content .post .post-entry a:hover {
                        color: #993300;
			text-decoration: underline;

		}

		

		#content .post .post-entry a.more-link {

			font-weight: bold;

		}

		

		#content .post .post-entry blockquote {

			border-left: 10px solid #1c1c1c;

			margin: 0px 30px;

			padding-left: 15px;

		}

		

		/* Post - Info */

		

		#content .post .post-info {

			clear: both;

			padding: 0 17px 17px 17px;

			text-align: right;

			background: url("images/post_bottom.gif") no-repeat left bottom;

			width: 732px;

			font: bold 12px "Times New Roman", Times, serif;

			color: #333333;

		}

		

		#content .post .post-info a {

			color: #333333;

			text-decoration: none;

		}

		

		#content .post .post-info a:hover {

                        color: #993300;   
			text-decoration: underline;

		}

		

		/* Post - Bottom */

		

		#content .post .post-bottom {

			clear: both;

			width: 766px;

			height: 17px;

			background: url("images/post_bottom.gif") no-repeat left bottom;

		}

		

		/* Post - Subtitle */

		

		#content .post h3 {

			margin: 20px 0 5px 0;

			color: #333333;

			font: bold 15px "Times New Roman", Times, serif;

		}

		

		/* Post - Comments */

		

		#content .post .comments {

			width: 632px;

			font: normal 12px/19px "Times New Roman", Times, serif;

			color: #333333;

		}

		

		#content .post .comments ol {

			margin: 10px 0;

			padding-left: 25px;

		}

		

		#content .post .comments ol li {

			padding: 5px;

		}

		

		#content .post .comments ol li a {

			color: #cfcdcd;

			text-decoration: none;

		}

		

		#content .post .comments ol li a:hover {

			text-decoration: underline;

		}

		

		#content .post .comments ol li.alt {

			background: #ffffff;
                        border: 2px solid #333333;

		}

		

		#content .post .comments ol li cite {

			color: #cfcdcd;

			font-style: normal;

			font-weight: bold;

		}

		

		#content .post .comments ol li cite a {

			color: #993300;

			text-decoration: none;

		}

		

		#content .post .comments ol li cite a:hover {

			text-decoration: underline;

		}

		

		#content .post .comments ol li .commentmetadata a {

			color: #993300;

			text-decoration: none;

		}

		

		#content .post .comments ol li .commentmetadata a:hover {

			text-decoration: underline;

		}

		

		/* Post - Comment Form */

		

		#content .post #commentform {

			width: 707px;

			font: normal 12px/19px "Times New Roman", Times, serif;

			color: #000000;

			padding-left: 25px;

			margin: 0;

		}

		

		#content .post #commentform a {

			color: #333333;

			text-decoration: none;

		}

		

		#content .post #commentform a:hover {

			text-decoration: underline;

		}

	

	/* Main - Content - Navigation */

	

	#content .navigation {

		width: 766px;

		color: #cfcdcd;

		float: left;

	}

	

	#content .navigation a {

		margin-bottom: 1px;

		font: bold 12px/30px "Times New Roman", Times, serif;

		color: #cfcdcd;

		text-decoration: none;

		padding: 7px;

		width: 150px;

		height: 30px;

		background: url("images/navigation.gif");

		text-align: center;

		display: block;

	}

	

	#content .navigation a:hover {

		text-decoration: underline;

	}

	

		#content .navigation .navigation-previous {

			float: left;

		}

		

		#content .navigation .navigation-next {

			float: right;

		}

	

	/* Main - Sidebar */

	

	#sidebar {

		float: left;

		width: 236px;

		font: normal 12px/19px "Times New Roman", Times, serif;

		color: #333333;

	}

	

	#sidebar a {
            
		color: #333333;

		text-decoration: none;

	}

	

	#sidebar a:hover {

                color: #993300;

		text-decoration: underline;

	}

	

	/* Main - Sidebar - Boxes */

	

	#sidebar .sidebar-box {

		width: 236px;

		margin-bottom: 1px;

		background: url("images/sidebar_box.gif") repeat-y;

	}

	

	#sidebar .sidebar-box-top {

		width: 236px;

		background: url("images/sidebar_box_top.gif") no-repeat;

	}

	

	#sidebar .sidebar-box-bottom {

		width: 236px;

		min-height: 40px;

		background: url("images/sidebar_box_bottom.gif") no-repeat left bottom;

	}

	

		/* Sidebar - Titles */

		

		#sidebar h3 {

			width: 222px;

			height: 35px;

			padding: 7px 7px 8px 7px;

			text-align: center;

			font: normal 18px/35px "Times New Roman", Times, serif;

			color: #333333;

			background: url("images/sidebar_title.gif") no-repeat;

		}

		

		/* Sidebar - Menus */

		

		#sidebar ul {

			margin: 0;

			padding: 0 7px 17px 7px;

			list-style-type: none;

			width: 222px;

		}

		

		#sidebar ul li {

			color: #333333;

			font: bold 12px/23px "Times New Roman", Times, serif;

		}

		

		#sidebar ul li a {

			color: #333333;

			text-decoration: none;

			padding-left: 15px;

			display: block;

			height: 25px;

			background: url("images/sidebar_menu.gif") no-repeat left bottom;

		}

		

		#sidebar ul li a:hover {

			text-decoration: underline;

		}

		

			/* Sidebar - Menus - Submenus */

			

			#sidebar ul li ul {

				padding: 0;

			}

			

			#sidebar ul li ul li a {

				padding-left: 25px;

			}

		

		/* Sidebar - Forms */

		

		#sidebar #searchform {

			margin: 0;

			padding: 27px 0;

			width: 236px;

			text-align: center;

		}

		

		#sidebar #searchform #s {

			width: 178px;

		}

		

		/* Sidebar - Tables */

		

		#sidebar #calendar_wrap {

			margin: 0 auto;

			padding-bottom: 12px;

			width: 144px;

		}

		

		#sidebar #calendar_wrap caption {

			font-weight: bold;

		}

		

		#sidebar #calendar_wrap tbody {

			text-align: right;

		}

		

		#sidebar #calendar_wrap tfoot #next {

			text-align: right;

		}

		

		#sidebar #calendar_wrap #today {

			font-weight: bold;

		}

		

		/* Sidebar - Texts */

		

		#sidebar .textwidget {

			padding: 0 13px 12px 13px;

		}





/* Footer */



#footer {

	margin: 0 auto 8px auto;

	width: 984px;

	height: 30px;

	padding: 7px;



	font: normal 12px/30px "Times New Roman", Times, serif;

	text-align: center;

}



#footer a {

	color: #cfcdcd;

	text-decoration: none;

}



#footer a:hover {

	text-decoration: underline;

}