/*
Theme Name: geekphotoblog
Theme URI: http://designdeveat.com
Description: 1 column, wide content, perfect for photoblog, minimalist
Version: 2.0
Author: Umi Fadilah
Author URI: http://designdeveat.com
Tags: white, minimalist, fixed width, one column, gray, blue, clean, photoblog

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


body  {
	background:#FFFFFF repeat 0 0;
	font-family:"Segoe UI",Tahoma,Arial,Helvetica,sans-serif;
	font-size:81%; line-height:1.6em;
}
html, body { color:#333333; margin:0 auto;padding:0;}

/* Typography Header
-------------------------------------------------------------- */
.pagetitle {
	text-decoration:none; font-size:1.0em;text-transform:uppercase; padding:0px 5px;
	color:#fff;font-weight:normal; letter-spacing:1pt; background:#1DB2FF
}
.pagetitleReverse {
	text-decoration:none; font-size:1.0em;text-transform:uppercase; padding:0px 5px;
	color:#1db2ff;font-weight:normal; letter-spacing:1pt; background:#f0f0f0
}
.navigationPageTitle {
	margin-left:12px;margin-right:12px;overflow:hidden;width:888px; background:#f0f0f0; margin-top:18px; padding-bottom:9px;
padding-top:9px;text-align:center;
}

h2.commentTitle {
	border-bottom:1px solid #E7E7E7;color:#333333;font-size:1.1em;font-weight:bold;
	margin:25px 0 10px 0;padding-bottom:10px;text-decoration:none;text-transform:uppercase;
}
h3.archiveTitle {
border-bottom:1px dotted;color:#333333;font-size:1.4em;font-style:italic;font-weight:normal;margin:0 0 7px;padding:3px 0;}
h2#imgTitle a {	color:#999; font-size:1.10em; font-weight:normal;padding:0; margin:0;line-height:50%;}
h2#imgTitle a:hover {text-decoration:none; color:#000; background:none;}


/* VARIOUS TAG & CLASSES
-------------------------------------------------------------- */
a img {	border:none; background:none;}
a:visited, a:active, a:link { color:#3d6bd7; text-decoration:none;}
a:hover {color:#1DB2FF;	text-decoration:none;}

acronym, abbr, span.caps { cursor: help;}
acronym, abbr {	border-bottom: 1px dashed #999;	}

blockquote { margin:15px 27px; background:#f2f2f2; padding:5px;	border-left: 5px solid #ddd;}
blockquote cite { margin: 5px 0 0; display: block; }
.pullquote {width : 250px; margin : -25px 0 20px 15px;}
.ex-pullquote, .pullquote {	
	float:right; width:210px; border:0; color:#99cc66;font-family:georgia,'times new roman', serif;
	font-size : 110%; font-weight : bold; font-style : italic; margin : -5px 0 15px 10px;
}
.center { text-align: center;}
.hidden { display: none; }
.screen-reader-text { position: absolute;left: -1000em;}
	
	
/* Begin Images */
p img { padding: 0; max-width: 100%; margin:0}
img.aligncenter { text-align:center}

img.alignright { padding: 4px;	margin: 0 0 2px 7px; display: inline;}
img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline;	}
.alignright { float: right; width:49%; text-align:right; font-size:85%; }
.alignleft { float: left; width:49%; text-align:left;font-size:85%; }

/* Captions */
div.aligncenter {display: block;	margin-left: auto;	margin-right: auto;}
.wp-caption {text-align: center;background-color: #f0f0f0; color:#555}
.wp-caption img {margin: 0;	padding: 0;	border: 0 none;}
.wp-caption p.wp-caption-text {	padding:5px 4px;margin: 0;}
/* 	Begin Lists
	Special stylized non-IE bullets. Do not work in Internet Explorer, which merely default to normal bullets. */
html>body .entry ul {margin-left: 0px;padding: 0 0 0 30px;list-style: none;padding-left: 10px;text-indent: -10px;}
html>body .entry li {margin: 7px 0 8px 10px;}
.entry ul li:before, #sidebar ul ul li:before {content: "\00BB \0020";}
.entry ol { padding: 0 0 0 35px; margin: 0;}
.entry ol li { margin: 0; padding: 0;}

/*HEADER
-------------------------------------------------------------- */
.header { background:#fafafa;width:100%; height:30px; text-align:center; border-bottom:1px dashed #ddd;}
.header .textline{margin:0;padding:4px 5px 1px; }
.header .textline a{
	color:#333;text-decoration:none;font-size:1em;text-transform:uppercase;font-weight:normal; letter-spacing:1pt; padding:0px 4px 
}
.header .textline a:hover{ color:#1db2ff}

/*HORIZONTAL MAIN NAVIGATION
-------------------------------------------------------------- */
ul#navigHorz {list-style:none;margin:0;width:188px; top:41px; float:right; text-align:right;left:0;padding:6px 0;overflow: hidden; position:absolute }
ul#navigHorz li {display:block; margin-right:13px; }
ul#navigHorz li a {
	text-decoration:none;font-size:0.9em; padding:0px 5px 1px 5px; text-transform:uppercase;
	color:#aaa;font-weight:normal; letter-spacing:1pt; background:#fafafa;
}
ul#navigHorz li a:hover {color:#333;background:#83e3ff; }

li.LiPlainText {font-size:90%;letter-spacing:1pt;padding-right:6px;text-transform:uppercase; color:black}

ul#navigHorz-Right {list-style: none; margin:0;width:190px; top:41px; right:0; padding:6px 0;overflow: hidden; position:absolute }
ul#navigHorz-Right li {display:block; margin-left:12px; }
ul#navigHorz-Right li a {
	text-decoration:none;font-size:0.9em; padding:0px 5px 1px 5px; text-transform:uppercase;
	color:#aaa;font-weight:normal; letter-spacing:1pt; background:#fafafa;
}
ul#navigHorz-Right li a:hover {color:#333;background:#83e3ff; }


/*VERTICAL RANDOM POST
-------------------------------------------------------------- */
ul#navigRandom {list-style:none; margin:0;width:177px; top:200px; position:absolute; float:right; text-align:right;left:0; padding:6px 0;overflow: hidden;}
ul#navigRandom li { display:inline; }
ul#navigRandom li a img {margin:2px; empty-cells:hide}

ul#thumb_archive{list-style:none; margin:0; width:100%; padding:0; float:left}
ul#thumb_archive li { display:inline;}
ul#thumb_archive li div {display:inline-block;}
ul#thumb_archive li div a { color:#fff;line-height:100%; font-style:italic; font-size:14px;font-family:Georgia, Arial, serif  }
ul#thumb_archive li div a:hover{ color:#333;}

a.hovereffect img{ 
	opacity:0.2; 
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=20);
	-moz-opacity:0.2;
	-khtml-opacity:0.2;
}
a.hovereffect:hover img{
	opacity:0.9;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90);
	-moz-opacity:0.9;
	-khtml-opacity:0.9;
}

a.hovereffect2:hover img{ 
	opacity:1; 
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity:1;
}
a.hovereffect2 img{
	opacity:0.7;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity:0.7;
}

/*LEAD IMAGE
-------------------------------------------------------------- */
.postsub img, .navigationSingleImg img { background: #f0f0f0; border:1px solid #ddd; padding:5px}
.postsub a:hover img {
	border: 1px solid #aaa;
}
.photo { float: left; margin: 0px; padding: 0px; }
.shadow-left {margin:0 0 5px -3px; padding:0 15px 0 0px; background:transparent url('images/shadow-left.png') no-repeat left bottom;}
.shadow-right {margin: 0px;	background:transparent url('images/shadow-right.png') no-repeat right bottom; padding:5px 3px 10px 15px;}
.leadimg {margin: 0px;padding: 0px;width: 900px; height: 600px;overflow:hidden;display:block; position:relative}

.thumb-comm {background:white;top:5px; display:block;margin-top:0px;opacity:0.8;padding:0 3px;position:absolute;left:5px;}
.thumb-comm:hover {background:#ff005a;}

ul#exifmetadata {list-style: none; padding:0;margin:9px; text-align:center}
ul#exifmetadata li {display:inline-block;  margin-right:8px; }
ul#exifmetadata li span {
	text-decoration:none;color:#555;font-size:0.9em; padding:0px 5px 1px 5px; text-transform:uppercase;
	background:#f0f0f0; font-weight:normal; letter-spacing:1pt;
}
ul.leadImgWrapper {
	margin:0;padding:0;background:#f0f0f0;bottom:5px;position:absolute;width:100%; text-align:center;
	opacity:0.7; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
	-moz-opacity:0.7; -khtml-opacity:0.7;
}

a.feature01{display: block;float: left;}
a.feature01 .overlay01 {position: absolute;	z-index: 3; margin:0; padding:0; width: 886px; height: 595px; display:none;}
a.feature01:hover .overlay01  {	border: 1px solid #aaa; display:block}

/*MAIN CONTENT WRAPPER
-------------------------------------------------------------- */
#wrapperContainer {
	width:907px; min-height:400px;margin-bottom:30px;
	margin:0 auto; background:white;
}
.mainContent {width: 100%; margin-left:-4px;margin-top:3px; min-height:560px;}

/*SIDEBAR MENU
-------------------------------------------------------------- */
ul#sidebarMenuLeft {list-style:none; padding-left:5px; padding:0; margin:7px 0 0 7px; width:90%;}
ul#sidebarMenuLeft li {border-bottom:1px dotted #bebebe; padding:3px 0;}
ul#sidebarMenuLeft li a{color:#7b7b7b;}
ul#sidebarMenuLeft li a:hover{border:none;color:#1DB2FF}

ul#sidebarMenuLeft_Archive {list-style:none; padding:0; margin:8px 0 0 0px; width:100%;}
ul#sidebarMenuLeft_Archive li { text-align:right; display:inline-block;margin:4px 0;}
ul#sidebarMenuLeft_Archive li a{color:#7b7b7b; font-size:75%;border:1px dotted #bebebe; padding:3px 5px; margin:0 3px 0px 0; }
ul#sidebarMenuLeft_Archive li a:hover{border:none;color:#1DB2FF;font-size:75%;border:1px solid #1DB2FF}

ul#sidebarMenuBottom_Tags {list-style: none; margin:-10px 0 0 0;width:100%; padding:0;}
ul#sidebarMenuBottom_Tags li {display:inline-block;  margin:3px 0 0 0;}
ul#sidebarMenuBottom_Tags li a {text-decoration:none; font-size:90%;padding:1px 6px 2px 6px; background:#1DB2FF; color:#fff;}
ul#sidebarMenuBottom_Tags li a:hover { background:#83e3ff; color:#333;}

/*FOOTER
-------------------------------------------------------------- */
.footr {overflow:hidden;padding:9px 0;width:888px; margin:0 auto;}
.footrLeft { float:left; text-align:right; width:19%;font-size:80%; line-height:1.4em;}
.footrLeft p{ margin-bottom:5px;}
.footrMiddle {margin-top:-3px; float:left; text-align:left; width:28%;font-size:75%; line-height:1.3em; margin-left:28px; bottom:0;}
.footrRight {float:right; text-align:right; width:49%; padding-top:6px;}

.hrfootr {
	background:#dcdcdc; height:7px;border:none;
}
.bgBlogroll {
	background:#ebebeb;
}
.hundredpercentfooter{
	background:#FAFAFA;border-top:1px dashed #DDDDDD;margin-top:25px;width:100%;
}

/*BLOG POST styling
-------------------------------------------------------------- */
.postsub { 
/*padding-bottom:15px; width:100%; margin:0; float:left  */
float:left;margin-left:12px;margin-right:12px;margin-top:3px;padding-bottom:11px;width:888px;}
.postsub h1 {
	text-align:center; border-bottom:1px dashed #ddd; background:#F5F5F5; border-top:1px dashed #ddd;
font-size:18px; font-weight:normal;letter-spacing:1pt; padding:6px 10px 8px; 
}
.postsub h2 {
	border-bottom:1px solid #ddd;
font-size:21px;
margin:25px 10px 4px;
padding:5px 0 10px;
}
.postsub h2 a{
	color:#004276
}
h2#judul {padding:0; margin-top:12px; margin-bottom:9px; border:0;}

h3#introAuthor {
	margin-top:2px; padding-bottom:7px;border-bottom:2px solid #ebebeb; margin-bottom:7px;
}

.postsub p {font-size:small; padding:4px 10px; margin:0px;}
.postsub p img { margin:5px -9px 10px -10px;
max-width:876px;
padding:5px;
text-align:center;}
.postsub a{color:#2266bb;}
.postsub a:hover{text-decoration:none; color:#1DB2FF}

.postTitle {width:888px; text-align:center;margin:-16px 12px 12px;padding-bottom:11px;padding-top:3px; border-bottom:7px solid #aaa; float:left; background:#fafafa;}

/*Bagian KIRI Judul Post*/
.postTitle_Left {
	float:left; width:85%;
}

.postTitle_Left a{color:#999; }
.postTitle_Left a:hover { color:#000;}
.postTitle_Left h2 a{ color:#004276; font-size:1.10em; font-weight:normal;}
.postTitle_Left h2 a:hover{text-decoration:none; color:#1DB2FF; background:none;}

.postTitle a{color:#aaa; }
.postTitle a:hover { color:#1DB2FF ;}
.postTitle h2 a{ color:#004276; font-size:1.10em; font-weight:normal;}
.postTitle h2 a:hover{text-decoration:none; color:#000; background:none;}
/*Bagian KANAN Judul Post*/
.postTitle_Right {
	float:left;padding:4px 5px 3px;width:105px; height:36px; background:#ebebeb;text-align:center; margin:10px 0 0 12px;
}

.postTitleSingleImg {float:left;margin-left:12px;width:888px;margin-right:12px;margin-top:3px;text-align:center;}

#datePost {	font-size:90%; width:100%; margin-top:-12px }
#datePost a { color:#333; padding:2px 5px; }
#datePost a:hover{ background:#787878; color:#fff }

/* Comments Style
-------------------------------------------------------------- */
#comments { float:left;margin:0 10px 0 12px;padding:0 10px 0 0;width:53%;}
#comments .comment-body h4 {background:none repeat scroll 0 0 #F0F0F0; margin:0 0 0 -12px; font-weight:normal; padding:3px 7px 2px 12px;}
#comments .comment-body p:last-child {margin-bottom: 6px;}
#comments .comment-body blockquote p:last-child {margin-bottom: 24px;}

#comments .pingback {margin-bottom: 18px;padding-bottom: 18px;border-bottom: 1px solid #e7e7e7;}
#comments .pingback p {	color: #888;font-size: 12px;line-height: 18px; display:block;margin: 0;}
#comments .pingback .url {font-style: italic;font-size: 13px; }

.commentlist {list-style: none; margin: 0; padding:0; padding-right:17px;}
.commentlist li {background:#fff;}
.commentlist li.comment { border-bottom:1px dotted gray; line-height:145%; margin:10px 0;padding:15px 0 10px 60px;	position: relative; }
.commentlist li:last-child { border-bottom:none;margin-bottom:0;}
.commentlist .children {list-style: none;margin: 0; padding-left:0;}
.commentlist .children li {	border: 1px solid #e7e7e7; margin: 0; margin-bottom:5px}
.commentlist .avatar {position: absolute;top: 15px;left: 0; margin-right:20px;}
/*.commentlist li.comment+li.pingback {	margin-top: -6px;}*/
.reply {font-size: 11px;}
.reply a, a.comment-edit-link {	padding: 0 5px;background:#3fa2d7; color:#fff; text-transform:uppercase}
.reply a:hover,a.comment-edit-link:hover {padding: 0 5px;background:#1DB2FF; color:#fff; text-transform:uppercase}
a.comment_quote_link {
	text-transform:uppercase; font-size:11px; font-style:italic 
}
#cancel-comment-reply-link {font-size: 12px;line-height: 18px;font-weight: normal;}

/* Comments Form 
-------------------------------------------------------------- */
#respond {float:right; width:42%;margin-right:3px;}
#respond h3{margin-left:0px; margin-top:29px; font-size:20pt;
letter-spacing:-0.5pt;}
#respond p {margin: 5px 0;}
#respond label {color: #888;font-size: 1.2em;}
#respond input {margin:0 0 9px;width:40%; font:"Segoe UI", Arial, Helvetica}
input[type=submit] {color: #333;}

#commentform {margin: 5px 10px 0 0;	}
#commentform input {
	width: 170px; border:1px solid #d7d7d7;	padding: 2px; color:#333; 
	margin: 5px 5px 1px 0; background:#f2f2f2; font-family:"Segoe UI",Arial, Helvetica, sans-serif
}
#commentform input:focus{background:white}
#commentform textarea {border:1px solid #d7d7d7; width: 100%; font-size:100%;padding:2px;font-family:"Segoe UI",Arial, Helvetica, sans-serif; background:#f2f2f2;margin-top:6px;  }
#commentform textarea:focus {background:white} 
#commentform #submit {
	width:150px; font-size:120%; vertical-align:top; border:1px solid fff;
	background:#3fa2d7;  color:#fff;font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

/* Navigation
-------------------------------------------------------------- */
.navigation {float:left; margin-left:12px;margin-right:12px;margin-top:15px;overflow:hidden;padding:9px 0;width:888px;border-top:1px solid #e7e7e7; border-bottom:7px solid #dcdcdc; text-align:center}
.navigationTop {
	margin-left:12px;margin-right:12px;margin-top:15px;overflow:hidden;padding:9px 0;width:888px; background:#f0f0f0; margin-top:18px
}
.navigationSingleImg {
	float:left; margin-left:12px;margin-right:12px;overflow:hidden;padding:0 0 10px 0;width:888px; border-bottom:7px solid #dcdcdc;
}

/*For Post metadata - single.php*/
.nav-next {	float: right; width: 78%; text-align:left; }

/*Navigation Older & Newer Post at the BOTTOM*/
.nav-previous {	float: left; margin-top:4px; width: 18%; }
#prev, #next {text-decoration:none;font-size:1.0em;text-transform:uppercase;color:#ccc;font-weight:normal; letter-spacing:1pt;}/* lighter */
#prev a:hover, #next a:hover { color:#fff; background:#1DB2FF; padding:0px 5px 1px 5px;} 
#prev a, #next a { color:#333; background:#83e3ff; padding:0px 5px 1px 5px;}

/*Navigation Older & Newer Post at the TOP*/
.nav-previous-top {	 text-align:center}
#prev-top, #next-top { text-decoration:none; font-size:1.0em; text-transform:uppercase; color:#ccc;font-weight:normal; letter-spacing:1pt; } /* lighter */
#prev-top a, #next-top a { color:#fff; background:#1db2ff; padding:0px 5px 1px 5px;} 
#prev-top a:hover, #next-top a:hover { color:#333; background:#83e3ff; padding:0px 5px 1px 5px;} 

/*navigation for single Image display*/
.nav-img-previous {
	float:left; display:inline
}
.nav-img-next {
	float:right;
}
.nav-txt a {color:#bbb;font-size:1.2em;font-weight:bold;height:100px;padding-left:10px;padding-right:10px; text-transform:uppercase}
.nav-txt a:hover { color:#1db2ff}

/* FOR PLUGINS
-------------------------------------------------------------- */
/*For SyntaxHighlighter Plugin*/
.syntaxhighlighter {width:90%}
code {font-size: 1.1em; padding:1px 4px; font-weight:bold;background: #F0f0f0}

/*For Breadcrumb NavXT*/
.breadcrumb {
	font-size: 90%;	color: #333; margin: 17px 0 0 3px; padding:2px 12px;
	float: left; width:97%; border-bottom:1px solid #DDDDDD; border-top:1px solid #DDDDDD;
}
/*For WP-PageNavi*/
.pagenavi {
	clear:both; margin:7px; padding-left:2px; text-align:right; border:0
}
.wp-pagenavi a:hover {
	background:black; color:white;
}
.wp-pagenavi span.current {
	background:#1db2ff; color:#fff
}
.wp-pagenavi a {
	background:#dcdcdc; color:#fff; border:0
}

.imgAuthorThumbnail{
	border:3px solid #ebebeb; margin-right:15px; margin-top:4px	
}
.squareTileArchive {
	width:70px;height:70px;background:#ccc; text-align:left; padding:5px; margin:0; vertical-align:top;
}
.sz_date_day {background: #efefea;}
/*
.sz_year {line-height:1.3em;}
.sz_date_day {background: #efefea;}
.sz_img .sz_titleon {line-height:1.3em;}
.sz_titleon {background:#1db2ff}
.sz_clr {padding-top:5px;}
.sz_img {height:100px;}
.sz_img:hover .sz_titleon {
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
}
*/