/*
Theme Name: Hack WordPress Photoblog Theme
Theme URI: http://www.baliwebmaker.org/
Description: My Photoblog theme.
Version: 1.0
Author: SANIP
Author URI: http://www.baliwebmaker.org/
Tags: Black background, photography

WP Photoblog theme v1.0
http://www.baliwebmaker.org/


The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php

*/

/* 1. BASE
===============================================================================================*/	

/* 1.1	Reset
-----------------------------------------------------------------------------------------------*/	
	html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, pre,
	a, abbr, acronym, address, big, code,
	del, dfn, em, font, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	b, u, i, center,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td {
		margin: 0; padding: 0; border: 0;	outline: 0; font-size: 100%;
		vertical-align: baseline; background: transparent;}
	
	body {
	line-height: 1;
}
	ol, ul { list-style: none;}

	:focus { outline: 0;}
	ins { text-decoration: none;}
	del { text-decoration: line-through;}
	table { border-collapse: collapse; border-spacing: 0;}
/* 1.2	Default styles
-----------------------------------------------------------------------------------------------*/	
	body {background: #161f2a url(images/content_bg.gif) repeat-x 0 258px;font: 62.5% Verdana, Arial, Helvetica, sans-serif; text-align: left;}
	.hr{
	border-top: 1px solid #000;
	background: #2e3640;
	height: 1px;
	overflow: hidden;
	width: 100%;
	float: left;
	clear: both;
}

	strong { font-weight: bold;}
	em { font-style: italic;}
	abbr, acronym { border-bottom: 1px dotted #999; cursor: help;}
	input, textarea, select { font: 1.2em Arial, Helvetica, sans-serif;}
	a { color: #CCCC99; text-decoration: none;}
	a:hover, a:active { color: #ff0000; text-decoration: none;}


/* 1.3	Basic styles
-----------------------------------------------------------------------------------------------*/	
	.hide, .hidden {	display: none;}

/* 2. LAYOUT
===============================================================================================*/	
	.container { width: 980px; position: relative; margin: 0 auto; text-align: left;
	color: #fff;
}
	#header { height: 100px;}
	#content {border: 1px solid #2f373f;background: #11171f;padding: 0 10px 15px;margin: 0 0 10px;}
	#content #home_left {width: 304px; float:left;}
	#content #home_right {width: 345px; float:right;}
	#sidebar { width: 300px; float: right; display: block; overflow: hidden;
	padding: 30px 20px 94px 0;	background: url(images/rightcol_top_bg.gif) no-repeat;
}
	#footer { clear: both; }

/* 2.1	Header
-----------------------------------------------------------------------------------------------*/	

	#header h1, 
	#header h1 span,
	#header .logo a,
	#header .logo span {
		display: block;
		width: 355px;
		height: 50px;
		overflow: hidden;
		cursor: pointer;
	}
	#header h1,#header h1 a{font-size:12pt;font-style:normal;color:#336699;}
	#header h1,
	#header .logo {
		position: absolute;
		top: 30px;
		left: 0;
	}
		
	#header h1 span,
	#header .logo span {	
		position: absolute; 
		top: 0;
		left: 0;
		z-index: 10;
		background: url(images/logo.png) no-repeat;
	}
	
	#accessibility-links { position: absolute; left: -1000em; text-align: left;}
	
	#topnav { float: right;	font: 1.1em Arial, Helvetica, sans-serif; text-transform: uppercase; letter-spacing: 1px;}
		#topnav ul { margin: 60px 0 0 0;}
		#topnav li { display: inline; }
		#topnav a { color: #CCCC99; padding: 0 10px; border: 0;}
		#topnav a:hover { color: #6699CC;	}
/*----------------------------------Banner-------------------------------*/
.banner {
	height: 159px;
	float: left;
	width: 980px;
	background: url(images/banner_front.jpg) no-repeat right bottom;
}
/* Main
-----------------------------------------------------------------------------------------------*/
.main {	width: 630px;float: left;padding: 30px 20px 84px 10px;
background: url(images/main_top_bg.jpg) no-repeat right top;
position: relative;
z-index: 5;
overflow: hidden;}	
/* Content
-----------------------------------------------------------------------------------------------*/	
	#content {}
	#content .post { font-size: 1.1em; line-height: 1.4em; color: #fff;}
	#content .post a { text-decoration: none;}

	#content h2 { padding-top: 10px;}
	#content .pagetitle { font-size: 14px; margin: 0 0 0.5em 0; color: #333; border-top: 1px solid #2E2F2F;}
	#content .post h1 { font-size: 16px; margin: 0 0 0.5em 0; color: #368;}
	#content .post h2 { font-size: 14px; margin: 0 0 0.5em 0; color: #368;}
	#content .post h2 a {color: #368;}
	#content .post h2 a:hover {color: #F00;}
	#content .post h3 { font-size: 1.7em; margin: 1.0em 0 1.0em 0;}
	#content .post h3 a { color: #368;}
	#content .post h3 a:hover { color: #F00;}
	
	#content .post small {font-size: 0.91em;}
	#content .post p {margin-bottom: 1.0em;}
	#content .post_date {margin-bottom: 1.0em;}
	#content .entry {padding-top: 5px;}
	#content .post_thumb {float:left; margin-right: 10px; padding: 1px; border: 1px solid #0C0C0C; margin-bottom: 10px;}
	
	#content .edit_entry a {color: #f60; font-size: 1.1em; background: url(images/edit.png) no-repeat 5px 0; padding-left: 20px; border:0;}
	#content .edit_entry a:hover {color: yellow;}
	#content .alignleft {float:left; margin: 0 10px 10px 0;}
	#content .alignright {float:right; margin: 0 0px 10px 10px;}
	#content .wp-caption { background: #222; border: 1px solid #333; display: block; overflow: hidden; text-align: center;
		padding: 5px 0 0 0; 
	}
	#content .wp-caption a {border:0;}
	#content .wp-caption-text {padding: 5px 0 0 0; line-height: 1.0em; overflow: hidden;}
	
	#content .postmetadata {font-size: 1.0em; line-height: 1.2em; border-top: 1px dashed #00050C; border-bottom: 1px dashed #00050C; padding: 1px 2px 2px 2px; display: block; clear:both; color: #777;}
	#content .postmetadata a {color: #999;}
	#content .postmetadata a:hover {color: yellow;}
	
	#content .navigation { display: block; overflow: hidden; font-size: 1.1em;}
	#content .navigation .alignleft {width: 48%; float:left;}
	#content .navigation .alignright {width: 48%; float:right; text-align: right;}
	
	#content .post ul {list-style: disc; margin-left: 30px; margin-bottom: 1.5em;}
	#content .post ul.linkpage {list-style: none; margin-left: 15px;}
	#content .post ul li h2 {font-size: 1.1em; font-weight: bold; color: #999; margin-left: 5px; text-transform: uppercase; letter-spacing: 1px; border-bottom: 1px dashed #111;}
	#content .post ul li {line-height: 1.5em;}
#content .post .post-entry blockquote {}
blockquote{
padding-left:15px;padding-top:10px;font-family:Arial,Tahoma,Verdana,Sans-Serif; 
border:1px dashed #ccc; 
margin:15px 10px 10px 5px; 
font-size:1em; color:orange;
}

blockquote cite{
margin:5px 0 0; 
display:block
}

/* 2.3.1	Home Spesific  */	

	#home_left h2, #home_right h2 {font-size: 1.0em; letter-spacing: 1px; text-transform: uppercase; margin: 0 0 10px 0; padding: 10px 0 0 0; color: #666;}
	#home_left .entry {margin: 0; padding:0; position: relative; height: 106px !important;}
	#home_left .entry img {margin: 0; padding:1px; z-index: 1;}
	#home_left .entry a img {border: 1px solid #222;}
	#home_left .entry a:hover img {border: 1px solid #666;}
	#home_left .entry a span { 
		display: block; overflow: hidden; position: absolute; bottom: 4px; left: 2px; 
		z-index: 10; 	height: 16px; padding: 0 3px; line-height: 1.0em; padding-top: 4px;
		background: transparent url(images/black_bg.png); width: 294px; color: #CCC;
	}
	#home_left .entry a:hover span {color: yellow;}
	
	#home_right .post h3 {font-size: 1.0em; margin:0; padding:0;}
	#home_right .post .entry {margin:0; padding:0; font-size: 1.0em; line-height: 1.4em;}

/* 2.3.2	Comments */	
	#comments, #respond {clear:both; font-size: 1.2em; border-top: 1px solid #111; padding: 7px 0; margin: 30px 0 5px 0px; color: #368; padding-left: 100px;}
		.commentmetadata {font-size: 1.0em;}
	#commentform { margin-left: 100px; margin-bottom: 30px;}
	#content input, #content textarea, #commentform input, #commentform textarea, #s {background: #111; margin-bottom: 5px; padding: 1px 3px; border: 1px solid #222; vertical-align: middle; color: #aaa;}
	#s {padding: 2px 3px;}
	#commentform textarea {width: 520px;}
	#commentform input#submit, #searchsubmit, #content .submit input {
	border-left: 1px solid #333; border-top: 1px solid #333; 
	border-right: 1px solid #111; border-bottom: 1px solid #111; padding: 2px 3px; 
	color: #999;  background: #222;	font-size: 11px; letter-spacing: 1px; font-weight: bold;
	cursor: pointer;
	}
	#commentform label {margin-bottom: 5px; padding: 1px 4px;}
	.commentlist {display: block; overflow: hidden; margin-bottom: 15px; }
	.commentlist li {clear: both; border-top: 1px solid #111; margin-left: 100px; padding: 5px 0 20px 0; font-size: 11px;  line-height: 1.5em;}
	.commentlist img.avatar {float: left; margin: 5px 16px 15px 16px; padding: 1px; border: 1px solid #333; margin-left: -84px;}
	.commentlist cite {font-weight: bold; color: #CCC; font-style: normal; }
	.commentlist p {display: block; margin-top: 1.0em;}
	.commentmetadata {font-size: 10px; }
	.commentmetadata a {color: #333;}
	.commentmetadata a:hover {color: #CC6;}
	
/* 2.3	Sidebar
-----------------------------------------------------------------------------------------------*/	
	#sidebar {font-size: 1.1em; line-height: 1.5em; }
	#sidebar a {border: 0; text-decoration: none;}
	#sidebar div{padding: 0 10px 15px;width:279px;}
	#sidebar h2  { font-size: 1.5em;width: 279px;height: 29px;background: url(images/rightcol_header_bg.gif) no-repeat left bottom;
padding: 0 10px 15px;text-transform: uppercase; font-weight:normal; outline: 0; text-decoration: none; color: #fff;}
	#sidebar h2.head {padding: 0 10px 15px;
	 width: 279px;height: 29px;background: url(images/arrow_down.png) no-repeat right 7px; color: #fff;}
	#sidebar h2 a {text-decoration: none; }
	.textwidget {margin: 0;width: 279px;background: #3ca4e2 url(images/rightcol_btm_bg.gif) no-repeat left bottom;padding: 0 10px 15px;}
	#sidebar ul{
	margin: 0;
	padding: 0 10px 15px;
	background: #3ca4e2 url(images/rightcol_btm_bg.gif) no-repeat left bottom;
	list-style: none;
	width: 279px;
}
	#sidebar ul ul {margin-top: 3px;}
	#sidebar ul ul ul {margin-top: 0px;}
	#sidebar li { margin-bottom: 15px;}
	#sidebar li li { padding-left: 10px; margin-bottom: 0px;}
	#sidebar li li a { color: #fff; }
	#sidebar li li a:hover {color: #003366;}
	#sidebar #wp-calendar {font-size: 1.0em; line-height:1.2em;}

/* 2.4	Footer
-----------------------------------------------------------------------------------------------*/	

	#footer { display: block; overflow: hidden;	margin: 8px 0 0 0; padding: 3px 3px 20px 3px;
		border-top: 1px solid #222;	font: 1.1em/1.5em Arial, Helvetica, sans-serif; color: #666; }
	#footer .wp {float:right; text-align: right;}
	#footer a {color: #368;}
	#footer a:hover {color: #999;}
	#footer .copyright {font-size: 1.1em;}
	
/* 2.5	Gallery
-----------------------------------------------------------------------------------------------*/	

	#g_container {float:right; width: 510px;}

	#g_slideshow {margin:0 auto; text-align: center;}
	#g_slideshow img { border: 1px solid #222; padding: 3px; margin: 10px 1px 1px 1px;}
	#g_slideshow a {border:0px !important; cursor: pointer;}
	#g_download {float:right; display: none;}
	#g_image_title {font-weight: bold; font-size: 1.2em; padding: 5px 0;}
	#g_details {padding: 10px; border: 1px solid #111; background: #090909; margin-top: 10px; color: #999;}
	#g_download_link {font-size: 0.92em; line-height: 20px; text-decoration: none;  border-bottom: 1px solid #222;}
	
	#g_navigation {width: 150px; float:left; border-top: 1px solid #222; padding: 10px 0;}
	#g_navigation ul.thumbs	{display: inline; display: block; margin: 5px 0; padding:10px 0; width: 145px; overflow: hidden; border-top: 1px solid #111; list-style: none; }
	#g_navigation ul.thumbs li {float:left; margin:0 8px 5px 0; padding:0; width: 64px;}
	#g_navigation ul.thumbs li a img {width: 64px; padding:0; margin:0; border:1px solid #111;}
	#g_navigation ul.thumbs li a:hover img {border:1px solid #999;}
	#g_navigation .pagination {padding: 2px 0; margin: 0; line-height: 1.0em; height:12px;}
	#g_navigation .pagination a {display: inline; margin-right: 2px;	padding: 2px 5px; text-decoration: none;
		border: 1px solid #666;	background: #111; color: #999;}
	#g_navigation .pagination strong { margin-right: 2px;	padding: 2px 5px; color: #FF0; border: 1px solid #CC9;}
	#g_navigation .pagination a:hover { background: #D1CBBF; text-decoration: none; color: #f00;	}		

	#g_controls {border-top: 1px solid #222; border-bottom: 1px solid #111; padding: 7px 0; display: block; overflow: hidden; height: 18px;}
	#g_controls a {border:0 !important;}
			.ss-controls {float: left; padding-left: 15px;}
			.ss-controls span {cursor: pointer; color: #32cd32;}
			.ss-controls a:hover span {color: #FFF;}
			.nav-controls {float: right; padding-right: 15px;}
			.nav-controls a { padding: 5px;}

			
 	/* jQuery specific overlay styles -- LightBox */
 	#jquery-overlay { position: absolute; top: 0; left: 0;	z-index: 90; width: 100%;	height: 500px;}
	#jquery-lightbox { position: absolute; top: 0; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
	#jquery-lightbox a {border: none;}
	#jquery-lightbox a img { border: none; }
	#lightbox-container-image-box { position: relative;	background-color: #fff;	width: 250px;	height: 250px;	margin: 0 auto;}
	#lightbox-container-image { padding: 10px; }
	#lightbox-loading {position: absolute; top: 40%; left: 0%; height: 25%;	width: 100%; text-align: center; line-height: 0;}
	#lightbox-nav {	position: absolute;	top: 0; left: 0; height: 100%; width: 100%; z-index: 10;}
	#lightbox-container-image-box > #lightbox-nav { left: 0; }
	#lightbox-nav a { outline: none;}
	#lightbox-nav-btnPrev, #lightbox-nav-btnNext { width: 49%; height: 100%; zoom: 1; display: block;}
	#lightbox-nav-btnPrev { left: 0; float: left;}
	#lightbox-nav-btnNext { right: 0; float: right;}
	#lightbox-container-image-data-box { font: 10px Verdana, Helvetica, sans-serif; background-color: #fff;	margin: 0 auto; line-height: 1.4em; overflow: auto;	width: 100%;	padding: 0 10px 0;}
	#lightbox-container-image-data { padding: 0 10px; color: #666; }
	#lightbox-container-image-data #lightbox-image-details { width: 70%; float: left; text-align: left; }	
	#lightbox-image-details-caption { font-weight: bold; }
	#lightbox-image-details-currentNumber { display: block; clear: left; padding-bottom: 1.0em;	}			
	#lightbox-secNav-btnClose { width: 66px; float: right; padding-bottom: 0.7em;	}
code {font-size:1.2em; color: #008099}
pre {border: dashed 1px #ff0000;
	font-size: 1.3 em; 
 	color: #333; 
	margin: 10px; 
	padding:10px; 
	background: #fff;}