/*
Theme Name: Gee WordPress Photoblog Theme
Theme URI: http://www.sunaryohadi.info/gee-photoblog-theme.htm
Description: Gee Photoblog theme.
Version: 1.0
Author: Sunaryo Hadi
Author URI: http://www.sunaryohadi.info/
Tags: black background, photography

	Gee WP Photoblog theme v1.0
  http://www.sunaryohadi.info/gee-photoblog-theme.htm


	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, blockquote, pre,
	a, abbr, acronym, address, big, cite, 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;}
	blockquote, q {quotes: none;}
	blockquote:before, blockquote:after, q:before, q:after { content: ''; content: 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: #0C0C0C url(img/bg.png) no-repeat top left;;
		font: 62.5% Verdana, Arial, Helvetica, sans-serif; text-align: left;}
	hr { display: none;}
	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;  border-bottom: 1px solid #222;}
	a:hover, a:active { color: #ff0000; text-decoration: none;}

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

/* 2. LAYOUT
===============================================================================================*/	
	.container { width: 930px; position: relative; margin: 0 0 0 50px; text-align: left; color: #666;}
	#header { height: 100px;}
	#content { width: 660px; float: left; margin-bottom: 10px; display: block; overflow: hidden;}
		#content #home_left {width: 304px; float:left;}
		#content #home_right {width: 345px; float:right;}
	#sidebar { width: 260px; float: right; margin-bottom: 10px; display: block; overflow: hidden;}
	#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 .logo {
		position: absolute;
		top: 30px;
		left: 0;
	}
		
	#header h1 span,
	#header .logo span {	
		position: absolute; 
		top: 0;
		left: 0;
		z-index: 10;
		background: url(img/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;	}
	

/* 2.2	Content
-----------------------------------------------------------------------------------------------*/	
	#content { }
	#content .post { font-size: 1.1em; line-height: 1.4em; color: #AAA;}
	#content .post a { text-decoration: none; border-bottom: 1px solid #222;}

	#content h2 {border-top: 1px solid #2E2F2F; 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: 14px; margin: 1.0em 0 1.0em 0; color: #368;}
	#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(img/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;}
	
	
/* 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(img/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 h2  { display: block; margin:0 0px 0 0; padding: 7px 0 0 3px; border-top: 1px solid #2E2F2F;
		text-transform: uppercase; font-size: 0.91em; font-weight: bold; outline: 0; text-decoration: none; color: #666;}
	#sidebar h2.head { background: url(img/arrow_down.png) no-repeat right 7px; color: #666;}
	#sidebar h2 a {text-decoration: none; border-bottom: 1px solid #333;}
	#sidebar ul {margin: 0;}
	#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: #999966; }
	#sidebar li li a:hover {color: #6699CC;}
	#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;	}