/*
Theme Name: VisualMagz
Theme URI: http://www.visualmagz.com/
Description: 123456.
Version: 1.0
Author: den, ysp
Author URI: http://www.15june.com, http://inf.uajy.ac.id/~sigit
Tags: 123456.
*/


/* General */
body {
	margin: 0px auto;
	padding: 0px;
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #000000;
	text-align: center; /* fuck ie6 */
	background: #000 url('images/bg.png') repeat-x center top;
	}
	
a { 
	text-decoration: none; 
	}

img { 
	border: none; 
	}

.clear { 
	clear: both; 
	}
	
.border {
	padding: 4px;
	border: 1px solid #CCCCCC;

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

.centerimg {
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding: 4px;
	border: 1px solid #CCCCCC;

}	
	
	
/* End of General */

/* Layout */
#wrapper {
	margin: 0px auto;
	padding: 0px;
	width: 960px;
	text-align: left;
	background: transparent url('images/bg_content.png') repeat-y center top;
	}
	
	/* Master Header */
	#masthead {
		width: 960px;
		height: 220px;
		}
		
		/* Header Element */
		/* Main Menu */
		#mainmenu ul {
			margin: 0px;
			padding: 0 0 0 20px;
			background: transparent url('images/bg_mainmenu.png') no-repeat top left;
			height: 50px;
			}		
			
		#mainmenu ul li {
			padding: 15px 0 0 20px;
			list-style-type: none;
			float: left;
			}
			
		#mainmenu ul li a {
			display: block;
			color: #000;
			cursor: pointer;
			font: bold 12px Arial, Helvetica, sans-serif;
			}
			
		#mainmenu ul li a:hover {
			border-bottom: 4px solid #ccc;
			color: #bb3700;
			}

		/* Header, Banner, Logo */
		#header {
			margin: 0px;
			padding: 0px;
			width: 960px;
			height: 170px;
			position: relative;
			}

		#header h1 {
			display: none;
			}
			
		#banner {
			position: absolute;
			left: 40px;
			top: 0px;
			}
					
		#slogan {
			position: absolute;
			left: 750px;
			top: 0px;
			}
			
		/* End of Header Element */
	/* End of Master Element */
	/* trbl */
	/* Main */
	#main {
		margin: 0px;
		padding: 0px;
		width: 960px;
		}
		
		/* Sidebar Left */
		#sidebar_left {
			float: left;
			margin: 0px;
			padding: 0px;
			width: 250px;
			position: relative;
		}
		
		#sidebar_left_item {
			margin: 10px 0px 0px 40px;
			padding: 0px;
			width: 200px;
		}

		/* Sidebar Left Area for h2 */
		#sidebar_left_item h2 {
			margin: 0px;
			padding: 0px;
			color: #bb3700;
			font: normal 20px "Trebuchet MS", Arial, Helvetica, sans-serif;
			border-bottom: 3px solid #cccccc;
		}

		/* Sidebar Left Area for Delicious */
		#sidebar_left_item .delicious {
			margin: 0px;
			padding: 0px;
			background-color: #f0f0f0;
			border-bottom: 3px solid #cccccc;
		}
		#sidebar_left_item .delicious ul {
			margin:0px;
			padding:0px;
		}
		#sidebar_left_item .delicious ul li {
			margin: 0px;
			padding: 5px 10px 0px 10px;
			font: normal 11px Arial, Helvetica, sans-serif;
			text-align:left;
			list-style:none;
			display:block;
			color: #333333;
			border-bottom: 1px solid #ffffff;
		}
		#sidebar_left_item .delicious ul li a {
			text-decoration:none;
			color:#6B000A;
			font-weight: bold;
		}
		#sidebar_left_item .delicious ul li a:hover {
			color: #BB3700;
			}
		#sidebar_left_item .delicious ul li p {
			font: normal 11px Arial, Helvetica, sans-serif;
		}
		/* End of Sidebar Left */
		
		/* Content */
		#content {
			margin: 0px;
			padding: 0px;
			float: left;
			width: 500px;
			position: relative;
		}	
		
		#content .post {
			padding: 0px 10px 0px 0px;
			margin: 0px;
			/*width: 500px;*/
			}
			
		#content .post_title {
			position: relative;
			padding: 10px 10px 0px 0px;
			margin: 0px;
			}
			
		#content .post_title h2 {
			margin: 0px;
			padding: 0px 10px 0px 0px;
			font: normal 20px "Trebuchet MS", Arial, Helvetica, sans-serif;
			border-bottom: 3px solid #cccccc;
			width: auto;
			}
			#content .post_title h2 a { color: #914b6a; display:block; margin: 0px; padding: 0px 10px 0px 0px; }
			
		#content .post_meta {
			font: normal 11px Arial, Helvetica, sans-serif;
			color: #999999;
			border-bottom: 1px solid #cccccc;
			padding: 10px 0 10px 10px;
			background-color: #f0f0f0;
			}
			#content .post_meta a { color: #6b000a; }

		#content .post_comment {
			width: 55px;
			position: absolute;
			top: 10px;
			right: 0px;
			margin: 0px;
			padding: 0px;
			text-align: right;
			}
			#content .post_comment a {
				color: #6b000a;
				font: normal 20px "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
				padding-right: 10px;
				margin-top: 4px;
				}
				
		#content .post_thumb {
			margin: 10px 0 10px 6px;
			padding: 0px;
		}
			
		#content .post_thumb img {
			width: 120px;
			float: left;
			margin-right: 15px;
			padding: 4px;
			border: 1px solid #cccccc;
			}
		
		#content .post_thumb_single {
			margin: 10px 0 10px 6px;
			padding: 0px;
		}
			
		#content .post_thumb_single img {
			width: 130px;
			float: left;
			margin-right: 15px;
			padding: 4px;
			border: 1px solid #cccccc;
			}

		#content .entry {
			margin: 0px;
			padding: 0px;
			padding: 10px 0px 0px 0px;
			color: #333333;
            text-align:justify;
		}	

		#content .entry a { color: #6b000a; }
		#content .entry a:hover { color: #000000; }
		#content .entry p {
			font: normal 12px Arial, Helvetica, sans-serif;
			line-height: 150%;
			/*padding: 10px 0 10px 10px;
			margin: 0px;*/
		}
		
		#content .entry ul li {
			margin: 0 0 0 20px;
			padding: 0px;
			}
		
		#content .entry ul li {
			margin: 0 20px 0 0;
			padding: 3px 0px;
			border-bottom: 1px solid #F2F2F2;
			}
				
		#content h2 { 
			font: normal 20px "Trebuchet MS", Arial, Helvetica, sans-serif;
			border-bottom: 3px solid #cccccc;
			color: #6b000a;
			width: 700px;
			padding: 10px 10px 0px 0px;
		}
					
		h3 {
			font: normal 15px "Trebuchet MS", Arial, Helvetica, sans-serif;
			border-bottom: 3px solid #cccccc;
			color: #6b000a;

		}

		h4 {
			font: normal 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
			border-bottom: 1px dotted #C6C6C6;
			color: #6b000a;
		}

		h5 {
			font: normal 10px "Trebuchet MS", Arial, Helvetica, sans-serif;
			border-bottom: 3px solid #cccccc;
			color: #6b000a;		
		}

		h6 {
			font: normal 10px "Trebuchet MS", Arial, Helvetica, sans-serif;
			border-bottom: 3px solid #cccccc;
			color: #6b000a;		
		}
		/* End of Content */
		
		/* Sidebar Right */
		#sidebar_right{
			float: left;
			margin: 0px;
			padding: 0px;
			width: 210px;
			position: relative;
		}
		
		#sidebar_right_item {
			margin: 0px 10px 0px 10px;
			padding: 0px;
			width: 190px;
		}

		/* Sidebar Right Area for h2 */
		#sidebar_right_item h2 {
			margin: 0 0 0 5px;
			padding: 20px 0 0 0;
			color: #dabfa4;
			font: normal 15px "Trebuchet MS", Arial, Helvetica, sans-serif;
		}

		#sidebar_right_item ul {
			padding:0px;
			margin: 0px;
		}

		#sidebar_right_item ul li {
			margin: 0 0 0 5px;
			padding: 10px 0 5px 0;
			list-style:none;
			display:block;
			color: #ffffff;
			border-bottom: 1px dotted #dabfa4;

		}

		#sidebar_right_item ul li a {
			text-decoration:none;
			color:#ffffff;

		}
		#sidebar_right ul li a:hover {
			color: #BB3700;
		}
		
		/* End of Sidebar Right */
		
		/* Navigation and Comments */
		.navigation {
			font: normal 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
			color: #914b6a;
			margin: 10px 0px;
                        padding: 20px 10px 0 10px;
                        /*border-top: 3px solid #cccccc;*/
		}
		.navigation a { color: #914b6a; }
		.navigation a:hover { color: #914b6a; font: bold 12px "Trebuchet MS", Arial, Helvetica, sans-serif; }

		.commentlist a { color:#6b000a; }

		ol.commentlist {
			margin: 0px;
			padding: 0px;
			width: 710px;
			}
			
		ol.commentlist li {
			margin: 0 0 15px 0;
			padding: 10px 10px 0px 0px;
			list-style-type: none;
			/* background-color: #E4E4E4; */
			}
			
		.alt {
			/*background-color: #f0f0f0;*/
			}
			
		.avatar {
			width: 40px;
			background-color: #ffffff;
			border: 1px solid #cccccc;
			padding: 4px;
			float: left;
			margin-right: 10px;
			}
			
		cite {
			font: bold 12px Arial, Helvetica, sans-serif;
			border-bottom: 1px solid #cccccc;
			display: block;
			padding: 0 10px 5px 0;
			margin: 5px 0 0 0;
			color: #6b000a;
			}
			
		.commentdata p {
			margin: 0 0 0 60px;
			padding: 10px 0 0 0;
			font-size: normal 11px Arial, Helvetica, sans-serif;
			color: #666666;
			}
			
		.commentmetadata {
			margin: 0px;
			padding: 4px 0 0 0;
			font: normal 11px Arial, Helvetica, sans-serif;
			color: #999999;
		}
			
		.commentmetadata a {
			color: #6b000a;
			}
		
		#respond {
			padding: 10px 0 0 0;
		}
		
		#comment_form {
			padding: 10px;
			/*background: #8FC159 url('images/bg_comment_form.jpg') no-repeat top;*/
			color: #cccccc;
			}
			
		#comment_form .input {
			width: 215px;
			background-color: #f2f2f2;
			font-size: 11px;
			padding: 3px;
			border: 1px solid #cccccc;
			}
			
		#comment_form textarea {
			width: 380px;
			background-color: #f2f2f2;
			font-size: 11px;
			padding: 3px;
			border: 1px solid #cccccc;
			font-family: Arial, Helvetica, sans-serif;
			}
			
		#comment_form .button {
			font: bold 11px Arial, Helvetica, sans-serif;
			padding: 5px 0;
			text-align: center;
			color: #ffffff;
			text-transform: uppercase;
			background-color: #b39a79;
			/*border: 1px solid #9CD365;*/
			}

	#footer {
		width: 960px;
		background: transparent url('images/bg_footer.png') no-repeat bottom left;
	}
	
	#footer p{
		margin: 10px 0px 0px 40px;
		padding: 10px 10px 20px 0;
		font-size: 11px;
	}

        #tracker {
               display: none;
        }

/*------------------- Code ----------------*/
/*       from www.webdesignerwall.com      */
/*-----------------------------------------*/
code {
	color: #000099;
	font: normal 11px "Courier New", Courier, monospace;
	white-space: nowrap;
	padding: 0 2px;
}
pre code {
	display: block;
	clear: both;
	padding: 10px;
	color: #333;
	border: solid 1px #ccc;
	overflow: auto;
	line-height: 140%;
	margin: 5px 0 15px;
	white-space: pre;
	width: 600px;
}
code .comment {
	color: #888;
}
code .class, code .rules {
	color: #ff00ff;
	font-size: 100%;
}
code .value,  code .title, code .string {
	color: #0000FF;
}
code .tag {
	color: #000099;
}
code .keyword {
	color: #000099;
}
.html .attribute {
	color: #006600;
}