/*  
Theme Name:Soul Joel
Theme URI: 
Description: Soul Joel Productions Theme
Version: 1.0
Author:Sam Bishop
Author URI: 

Last Modified on March 12, 2009
*/

/* Base Definitions */


* {
	padding: 0; 
	margin:0;
}

body {
	margin: 0; 
	text-align: center;
	background-color: #050608;
	padding: 0;
	font: 11px 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-size: 12px;
	color: #000000;	
}


/* Wrapper Definition */
#wrapper {
	margin:30px auto 0 auto;
	width: 960px; 		
	text-align: left;
}	


p {
	margin: 0.7em 0;
	line-height:1.6em;
}

a, a:link, a:visited {
	color: #000000;
	text-decoration:none;	
}

a:hover, a:active {
	color:#000000;
	text-decoration:underline;
}

h1, h2, h3, h4, h5, h6 {
	font: 11px 'Lucida Grande', Verdana, Arial, Sans-Serif;
}

blockquote{
	color:#666;
	margin: 5px 10px 5px 10px;
	padding: 0;
}

.clear {
	clear:both;
	height:20px;
}

fieldset {
	border:0;
}

/* Header Image Area Definition */

#header{
	clear: both;
	padding: 0;
	margin: 0; 
	height: 150px;
	width: 960px;
	background-color:#050608;
	position:relative;
}

#header a img {
	border:0;
}

#gambar{
	float:right;
	padding:0 285px 0 0;
}

#logo{
	padding: 0;
	margin: 0;
}

#logo img{
	border:none;
}

#soul-joel {
	margin:0;
	padding:0;
	position:absolute;
	top:0;
	right:0;
}

#navigation {
	position:absolute;
	bottom:15px;
	right:0;
}

#navigation li {
	display:inline;
	margin:0 15px;
}

#navigation li a{
font: 18px 'Lucida Grande', Verdana, Arial, Sans-Serif;
color:#E7E7E7;
font-weight:bold;
}

#navigation li a:hover {
	color:white;
}

/* Container Definitions */
#container {
	padding: 0;
	margin: 0;
	clear:both;
	background:#FFFFFF;
}

/* Content Definitions */

#content {
	float: left; 
	width: 570px; 	
	padding: 0 10px 0 10px;
	margin: 10px 0 10px 0;
	
	border-right:1px solid #b2b5be;
	border-left:1px solid #b2b5be;
}

.aligncenter,
div.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}

.alignleft {
float: left;
margin-right:20px;
margin-bottom:10px;
}

div.alignleft a {
	text-align:center;
}

div.alignleft img {
	margin:0 auto;
}

.alignright {
float: right;
margin-left:20px;
margin-bottom:10px;
}

#contentpost{
	padding: 8px 20px 0 20px;
	margin: 0 0 0 0;
	overflow:hidden;
}

#content ul {
	padding: 0 0 0 0;
	margin: 0 0 0 0;	
}

#content h3 {
	font-size: 14px; 
	font-weight:bold;
	margin: 1em 0 0;
}

#content h4 {
	font-size: 1.1em; 
	margin: 1em 0 0 0;
}

#content h5 {
	font-size: 1em; 
	margin: 1em 0;
}

#content ol {
    list-style-type:decimal;
    margin:1em;
    padding:0 1em;
}

#content .post {
	padding:0 0 2em 0;

}

#content h2 {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-size: 18px; 
	margin: .2em 0 0;	
	font-weight: bold;
	line-height:1.4em;	
	letter-spacing:0;
	color: #09374d;
	margin:0;
	padding:0;
}

#content h2 a,
#content h2 a:link, 
#content h2 a:visited {
    color: #000;
    text-decoration:none;	
}

#content h2 a:hover, #content h2 a:active {
  color: #000;
}


#content .entry {
	font-size:12px;
    margin: 0 0 0 0;
    padding: 0 0 0 0;    
}



#content .entry a,
#content .entry a:link, 
#content .entry a:visited { 
	color:#777;
}

#content .entry a:hover, 
#content .entry a:active {   
	color: #5151FF;
}

#content .post-info{
	font-size: 12px;
	color:#333333;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0 0 0 0;
	padding: 5px 0 10px 0;
/*	border-bottom: 1px dotted #a2a2a2;	*/
}

#content .post-info a ,
#content .post-info a:link, 
#content .post-info a:visited {
	color:#777;
	font-weight:bold;	
}

#content .post-info a:hover, #content .post-info a:active {
  color: #000;
}

#content .post-info1{
	font-size: 12px;
	color: #bcc2b8;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	margin: 0;
	padding: 0;	
}
 
#content .post-info1 a ,
#content .post-info1 a:link, 
#content .post-info1 a:visited {
	color:#0033CC;
}

#content .post-info1 a:hover, #content .post-info1 a:active {
  color: #808080;
}


#content .postmetadata {
	font: normal 11px Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin: 0 0 0 0;
	padding: 5px 10px 5px 10px;
	text-align:right;
}

#content .leftpostmeta{
	float:left;
}

#content .postmetadata a ,
#content .postmetadata a:link, 
#content .postmetadata a:visited {
	color: #000000;	
}

#content .postmetadata a:hover, #content .postmetadata a:active {
  color: #808080;
}


#content a {
    color: #3d4da6;
    text-decoration:none;
}

#content a:link, 
#content a:visited {
	color: #3d4da6;	
}

#content a:hover, #content a:active {
  color: #808080;
}


#content .commentblock{
	color: #808080;
	overflow:hidden;
	padding: 10px;	
}


/* Sidebar Definitions */
#sidebar {
	float: right; 
	width: 170px;
	text-align: left;
	font: normal 11px 'Lucida Grande', Verdana, Arial, Sans-Serif;		
	margin:10px 8px 0 0;
  	padding: 0 10px 0 5px;
}

#sidebar a,#sidebar a:link, #sidebar a:visited {
	color:#000;
	text-decoration:underline;
}

#sidebar a:hover{
	text-decoration:none;
}

#sidebar ul ul li a,#sidebar ul ul li a:link, #sidebar ul ul li a:visited {
	color:#000;
	text-decoration:none;
  	padding: 0 0 0 0;
	/*text-transform:uppercase;*/
	border-bottom:1px dotted #808080;
	display:block;
}

#sidebar ul ul li a:hover{
	color:#000000;
	text-decoration:underline;
	background-color:#cccccc;
	display:block;
}

#sidebar h2 { 
	font: bold 14px  'Lucida Grande', Verdana, Arial, Sans-Serif;
	color:#000;
	text-align: left;	
	letter-spacing:0;
	margin: 0 0 0 0;
	padding: 10px 0 10px 5px;
	text-transform:uppercase;
}

#sidebar ul {
	list-style:none;
}

#sidebar li {
  	color:#000;
	padding: 3px 0 3px 0;
}

#sidebar ul ul {
    list-style:none;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

#sidebar ul ul li {
  	padding: 3px 0 3px 10px;
}

#sidebar ul ul ul {

}

#sidebar ul ul ul li {
  padding:5px 0 0 10px;
}

#sidebar li.sideblock p {
    margin:0;
	padding:0 0 0 15px;
}

#sidebar li.sideblock p img {
	margin:0;
	border:#E0DFE4 1px solid;
	background:none;
}

#sidebar li.sideblock {
  	border:0;
  	margin: 0 0 0 0;
  	padding: 0 0 0 0;
}

#sidebar li.linkcat {
  border:0;
  margin: 0 0 10px 0;
  padding: 10px 0 0 0;
}

/* These help support the widgets properly */
#sidebar ul table {
	width: 140px;
	margin: 0;
}

#sidebar ul .textwidget {
	margin:0;
	padding: 5px 5px 10px 5px;
}

#rss_box {
	margin-left:10px;
	background:#1F265A;
}

#rss_box li h2 a.rsswidget {
	font-size:14px;
}

#rss_box li a.rsswidget {
	font-size:10px;
}

/* Sidebar Two Definitions */
#sidebar2 {
	float: left; 
	width: 165px;
	text-align: left;
	font: normal 11px 'Lucida Grande', Verdana, Arial, Sans-Serif;		
	margin: 15px 0;
  	padding: 0 10px 0 0;
}

#sidebar2 a,#sidebar2 a:link, #sidebar2 a:visited {
	color:#000;
	text-decoration:underline;
}

#sidebar2 a:hover{
	text-decoration:none;
}

#sidebar2 ul ul li a,#sidebar2 ul ul li a:link, #sidebar2 ul ul li a:visited {
	color:#000;
	text-decoration:none;
  	padding: 0 0 0 0;
	text-transform:uppercase;
	border-bottom:1px dotted #808080;
	display:block;
}

#sidebar2 ul ul li a:hover{
	color:#000000;
	text-decoration:underline;
	background-color:#cccccc;
	display:block;
}

#sidebar2 h2 { 
	font: bold 14px  'Lucida Grande', Verdana, Arial, Sans-Serif;
	color:#000;
	text-align: left;	
	letter-spacing:0;
	margin: 0;
	padding: 0 0 5px 10px;
	text-transform:uppercase;
}

#sidebar2 ul {
	list-style:none;
}

#sidebar2 li {
  	padding: 3px 0 3px 0;
}

#sidebar2 ul ul {
    list-style:none;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

#sidebar2 ul ul li {
  	padding: 3px 0 3px 10px;
}

#sidebar2 ul ul ul {

}

#sidebar2 ul ul ul li {
  padding:5px 0 0 10px;
}

#sidebar2 li.sideblock p {
    margin:0;
	padding:0 0 5px 10px;
}

#sidebar2 li.sideblock p img {
	margin:0;
	border:#E0DFE4 1px solid;
	background:none;
}

#sidebar2 li.sideblock {
  	border:0;
  	margin: 0 0 0 0;
  	padding: 0 0 0 0;
}

#sidebar2 li.linkcat {
  border:0;
  margin: 0 0 10px 0;
  padding: 10px 0 0 0;
}

/* These help support the widgets properly */
#sidebar2 ul table {
	width: 140px;
	margin: 0;
}

#sidebar2 ul .textwidget {
	margin:0;
	padding:5px 5px 10px 0;
}





/* This is to support the calendar widget properly */
#calendar_wrap {
  	margin:0;
  	padding:0 0 5px 20px;
}


/* Footer Definitions */
#footer {
	clear: both;
	margin:0 0 0 0;
	padding:0 0 0 0;
	overflow:hidden; 	
	background: #000000 url(images/footer.jpg) top center no-repeat;	
	height: 58px;
	color:#ffffff;
	font-size:10px;
	text-transform:uppercase; 
}

#footer a{
	font-weight:bold;
	color:#000000;
	text-decoration:underline;
}

#footer p{
	padding: 0 0 0 0;
	text-align:center;
	color:#000;
}

#footertext{
	padding: 2px 0 0 0;
	text-align:center;
	color:#FFFFFF;
}

#footertext a{
	color:#FFFFFF;
}

#feeds {
	color: #000000; 	
	text-align: right;
	padding: 40px 20px 10px 10px;
}

li#sidelinks ul
{
	margin:0;
	padding:0;
}

#comments {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	color: #000000;
}

#comments h3{
	font-weight:bold;
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;			
	font-size: 14px;
	color: #000000;
}
	
#respond {
	margin: 0 0 0 0;
	padding: 0 0 5px 0;
	color: #808080;
	border-bottom: 1px dotted #d4d4d4;		
}



#commentform {
	margin:10px 0;	
	padding:10px;
}

.commentnum {
	font-size:1.5em;
	font-weight:bold;	
	margin:0 5px 0 0;
}

#container .commentlist {
	margin: 1em 0;
	padding: 0;		
	border-top: #E0DFE4 1px solid;
}

.commentlist li {
	list-style:none;
	margin: 0;
	padding: 1em 0.5em;	
/*	border-bottom: #E0DFE4 1px solid; */
/*		background-color:#e0e0e0; */
}

.commentlist li.alt {
/*	background-color:#f2f2f2;	 */
}

.commentlist li.authorcomment {
/*    border-top:#8F8F6B 1px solid;	*/
/*	border-bottom:#8F8F6B 1px solid;  */		
}

.commentlist li .cmtinfo {
	font-size:1em;
	padding: 5px 10px 5px 10px;	
}



.commentlist li #pesan.alt{  
	padding: 15px 10px 10px 10px;
}

.commentlist li #pesan{
	padding: 15px 10px 10px 10px;
}

.commentlist li cite {
	font-style:normal;
	font-weight:bold;
	color: #000000;
}

#content .commentlist .cmtinfo a,
#content .commentlis  .cmtinfoa:link, 
#content .commentlist .cmtinfo a:visited {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-size:12px;
	font-weight:bold; 
	color: #000000;	 
}

.commentlist a:hover, 
.commentlist a:active {   
	color: #808080; 
}

.commentlist li .cmtinfo em {
	float:right;
	margin:0;
	padding:0;
	font-style:normal;
	font-size:0.9em;
	color:#999999;
}

#content .commentsfeed {
	background:url(images/feed.gif) no-repeat left center;
	padding-left:16px;
}

#content .trackback {
	background:url(images/link.gif) no-repeat left center;
	padding-left:20px;
}

input.textbox, 
textarea {
	border:#CCCCCC 1px solid;
	background:#FFFFFF url(images/shadow_top.gif) repeat-x top;
	font:1em Verdana, Arial, Serif;
	padding:2px;
	width:150px;
}

textarea {
	width: 90%;
	padding:10px;
	line-height:2em;
	height: 20em;
}

input.textbox:focus, 
textarea:focus {
	background:#FFFFFF url(images/shadow_top.gif) repeat-x top;
	border:#AAAAAA 1px solid;
}

label{
	font-size:12px;
	color:#000000;
	width: 200px;
}

#submit , #submit1, #submit2 {
	color:#ffffff;
	font-family:Verdana, Tahoma, Arial, Serif;
	font-size:12px;
	background-color:#24404c; 
	padding:2px; 
}

.post h4 {
	font-size:1em;
	font-weight:normal;
	font-family:'Lucida Grande', Verdana, Arial, Sans-Serif;
}

.post h4 em	{
	font-style:normal;
	float:right;
	font-weight:normal;
}

dl {
	margin:1em 0;
}

dt {
	font-weight:bold;
}

dd {
	margin:0.5em;
	padding:0;
}

.wp-smiley, #wpstats {
	background: none;
	border: 0;
	padding: 0;
}

#header, #content, #sidebar, #sidebar2, #footer, #contentpost, .widget {
/*    overflow: hidden;*/
}


.space{
	clear:both;
	height: 0;
}

.banner{
	padding:5px 0 10px 0;
	text-align:center;
}

.ec3_list ec3_list_day{
	padding:0 10px 0 10px;
}


#header-banner{
	float: left;
	width: 609px;
	height: 90px;
	padding: 0 10px;
}

#souljoel{
	float: right;
}

#prehead{
	width: 100%;
	border-bottom: #fff 1px solid;
	border-top: #fff 1px solid;
	color: #fff;
	background: #666;
	padding: 5px;
	margin: 5px 0 0 0;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
}
#prehead a{
	color: #fff;
	font-size: 12px;
	text-decoration: none;
}
#prehead a:hover{
	color: #ccc;
	text-decoration: underline;
}
#prehead .bigger{
	font-size: 15px;
	padding: 0 10px 0 0;
}