/*
Theme Name: ALOTS
Description: WordPress Portfolio, Photography Theme
Author: ThemesGuy	
Author URI: http://www.themesguy.com/
Tags: Portfolio,Photography theme
Version: 1.0
*/


/*reset*/
@import "css/reset.css";

/*this is global style*/
body { margin: 0; padding: 0; position: relative; font-family: 'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;  font-size: 11px;line-height: 20px;background: #555;color: #aaa;}
h1, h2, h3, h4, h5, h6  { margin: 0; font-weight: normal; color: #DDD;}
h1  {font-size: 22px;} h2  {font-size: 20px;} h3  {font-size: 18px;} h4  {font-size: 17px;} h5  {font-size: 15px;} h6  {font-size: 14px;}
p{padding: 7px 0px;}

a{color: #04ABE8;text-decoration: none;}
a:hover{color: #aaa;text-decoration: none;}
blockquote{margin: 5px 20px 5px 20px; padding-left: 15px; border-left: 5px solid #999;font-style: italic; }
a{cursor: pointer!important;}


	.footbar blockquote, .sidebarbox blockquote{margin: 5px 0px 5px 0px!important;}
	blockquote p{padding-top: 0px!important;font-family: Georgia, serif;}
	code {font-family:Verdana, Arial;letter-spacing:1px;margin:10px 0 10px 0px;display:block;font-size:0.9em;border-left:4px solid #dddddd;padding:15px 10px;}
	em, dfn {font-style: italic;}
	dfn {font-weight: bold;}
	abbr, acronym {border-bottom: 1px dotted #666;}
	address {margin: 7px 0px 8px 0px;font-style: italic;}
	del {text-decoration: line-through;}
	pre, code {margin: 7px 0px 8px 0px;white-space: inherit;}
	p pre, p code {	margin: 7px 0px 8px 0px;}
	html>body pre,
	html>body code {white-space: pre;}
	pre, code, tt {font: 1em 'andale mono', 'lucida console', monospace;}	
	strong{font-weight: bold;}

	.bigwrap{margin: 0 auto; padding: 0; width: 980px;text-align: left;}
	.wrap{margin: 0 auto; padding: 0; width: 960px;text-align: left;}
	.wrapy{margin: 0px auto; padding: 0; width: 960px;text-align: left;}
	.relative{position: relative;}
	.clear{margin: 0;padding: 0;clear:both;}
	.cleared{margin: 0;padding: 0;clear:both;display:block;}
	#tooltip{position:absolute;border:2px solid #888;background:#444;padding:2px 5px;color:#EAEAEA;display:none;text-align:center;font-size: 10px; font-weight: bold; line-height: 16px;font-family: Verdana;opacity: 0.9;filter: alpha(opacity=90);z-index: 9999;}
	#tooltippost{position:absolute;background:#04ABE8 url(images/s-cam.png) 5px center no-repeat;padding:4px 5px 4px 30px;color:#FFF;display:none;text-align:left;font-size: 10px;font-weight: bold;line-height: 16px;z-index: 9999;}
	#sitecontainer{overflow: hidden;}

	/*classes added by Wordpress*/
	.alignleft {float: left; margin: 10px 10px 10px 0px;display: inline;}
	.alignright {float: right;margin: 10px 0px 10px 10px;display: inline;}
	.aligncenter,
	div.aligncenter {margin: 10px auto;text-align: center;display: block;}
	img.alignleft {float: left;margin: 4px 10px 3px 0px;display: inline;}
	img.alignright {float: right; margin: 4px 0px 3px 10px;display: inline;}
	img.aligncenter {margin: 6px auto;text-align: center;display: block;}
	.wp-caption {border: 1px solid #ddd;text-align: center;background-color: #f3f3f3;padding-top: 4px;-moz-border-radius: 3px;-khtml-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;}
	.wp-caption img {margin: 0;padding: 0;border: none;}
	.wp-caption p.wp-caption-text {font-size: 11px;line-height: 17px;padding: 0 4px 5px;margin: 0;color: #111;}

/* ====== TOP SECTIONS ====== */
	#verytop{margin: 0; padding: 0;position: fixed; bottom: 0px; width: 100%;}
	#top{margin: 0;padding: 0;}
	#top, #tophome{background: #1b1b1b url(images/top.png) 0% 100% repeat-x;}
	.topshad{margin: 0;padding: 0;background: url(images/topshad.png) 0% 0% repeat-x;position: relative;}	
	
	#tophome{margin: 0; padding: 0; position: absolute; top: 366px; left: 0px;width: 100%;}
	#logo{float: left; margin-left: 10px; display: inline; padding: 10px 0px;}
	#logo a, #logo a img{display: block;}

	#menu{position: absolute;margin: 0px; padding: 0; right: 15px; top: 20px;font-size: 12px; font-weight: bold; text-transform: uppercase;}
	#nav{list-style: none; margin: 0; padding:0px;float: right;position: relative;}
	#nav li{float: left; margin: 0; padding: 0px 20px;line-height: 1em;position: relative;display: inline;}
	#nav li a{word-spacing: 2px;}
	#nav li .page-description{position:absolute;display: none; width: 202px; height: 112px; top: -132px; right: -18px;background: url(images/page_pop.png) 0 0 no-repeat;padding: 8px;}
	#nav li .page-description .pg_text{color: #AAA;font-size: 11px; text-transform: none;display: block;font-weight: normal;margin: 5px 3px;text-align:left;}
	#nav li .page-description img{display: block; margin: 0;}
	#nav li a{display: block; margin: 0; padding: 5px 0px;color:#CCC;}
	#nav li a:hover, #nav a.hover{color: #04ABE8;}
	#nav li.current_page_item a{color: #04ABE8;}	
	
/* ====== MAIN SECTIONS ====== */	
	#mid, #mid-page{margin: 0px;}
	#mid-page .page-content{background: #111; border: 3px solid #333; padding: 10px 20px;}
	#featured, #singletop{margin: 0;padding: 0px;}
	#featured #main-feat{margin: 0;width: 100%; height: 580px; position: relative;}
	#featured #main-feat .slide{position: absolute; top: 16px; left: 0; height: 564px; width: 960px;background-repeat: no-repeat; background-position: 0% 0%;}
	#main-feat #wus{height: 0px; width: 0px; overflow: hidden;}
	
	#gallery-cat{position: absolute; top: 16px; left: 0; height: 140px; width: 960px; overflow: hidden;background: #000;}
	#gallery-cat #list-wrap{position:relative; margin: 0; padding: 0;height: 140px; width: 960px; overflow: hidden;}
	#list-wrap ul#cat-list-gal{list-style-image:none!important;list-style-position:outside;list-style-type:none!important;margin:0;padding: 0px 9px;}	

	.singletitlewrap{background: #1B1B1B; top: 0px; left: 0px;position:fixed;width: 100%;}
	.singletitlewrap .sing{margin: 10px;padding: 0;border: 1px solid #111;}
	.singletitlewrap .realsing{margin: 10px;padding: 0;}
	.singletitlewrap .realsing .thetitle{ margin: 0px; padding: 14px 10px 10px; font-size: 20px;font-weight: bold;letter-spacing: 1px;color: #AAA;}
	.singletitlewrap .realsing .thetitle .date{font-size: 13px;vertical-align:middle;letter-spacing: 0px; color:#04ABE8 }
	.singletitle{ margin: 0px; padding: 14px 10px 10px; font-size: 22px;border: 1px solid #2A2A2A;font-weight: bold;letter-spacing: 3px;text-align:center;color: #AAA;}
		
	
	div.hoverscroll {position:relative;overflow:hidden;}
	/* List container */
	div.hoverscroll div.listcontainer {overflow:hidden;}
	/* Actual list containing items */
	div.hoverscroll ul.list {list-style:none;margin:0;}
	/* Items contained in the list */
	div.hoverscroll ul.list li.item {display:block;}
	div.hoverscroll.horizontal ul.list li.item {float:left;}	
	div.hoverscroll div.arrow {position:absolute;float:none;background:none;}
	div.hoverscroll div.arrow.left,#list-wrap div.arrow.right {top:0px;width:40px;height:100%;}
	div.hoverscroll div.arrow.left {left:0px;}
	div.hoverscroll div.arrow.right {right:0px;display: block;cursor: pointer;}	
	
	ul#cat-list-gal li{float: left; display: inline-block;padding: 10px 9px; width: 202px; height: 120px;position: relative;}
	ul#cat-list-gal li a{background: #000; padding: 1px;display: block;position: relative;}
	ul#cat-list-gal li a:hover, #oncatlist li a:hover{background: #04ABE8;}
	ul#cat-list-gal li a span{position: absolute;left: 1px; bottom: 1px;padding: 7px 3px 3px; line-height: 1px; color: #FFF; text-transform: uppercase;font-weight: bold; background: #000;display: block;width: 194px;opacity: 0;filter: alpha(opacity=0);}
	
	#album-cat{position: absolute; top: -140px; left: 0; height: 140px;display: none;background: #000;}
	#album-cat #closebar{position: absolute; display: block; width: 80px; height: 20px; background: url(images/close.png) 0 0 no-repeat; bottom: -20px; right: 0px;}
	#oncatlist{list-style-image:none!important;list-style-position:outside;list-style-type:none!important;margin:0;padding: 0px 9px;}
	#oncatlist li{float: left;display: inline-block;padding: 10px 9px; width: 202px; height: 120px;position: relative;}
	#oncatlist li a{background: #000; padding: 1px;display: block;position: relative;}
	#oncatlist li a img{margin: 0px;}
	#oncatlist li a span{position: absolute;left: 1px; bottom: 1px;padding: 7px 3px 3px; line-height: 1px; color: #FFF; text-transform: uppercase;font-weight: bold; background: #000;display: block;width: 194px;opacity: 0;filter: alpha(opacity=0);}
	
	#apgcat{display:block;margin:20px,0,10px,0}
	#apgcatlist{list-style-image:none!important;list-style-position:outside;list-style-type:none!important;margin:0;padding: 0px 9px;}
	#apgcatlist li{float: left;display: inline-block;padding: 10px 9px; width: 101px; height: 60px;position: relative;list-style-type:none!important;}
	#apgcatlist li a{background: #000; padding: 1px;display: block;position: relative;}
	#apgcatlist li a img{margin: 0px;}
	#apgcatlist li a span{position: absolute;left: 1px; bottom: 1px;padding: 7px 3px 3px; line-height: 1px; color: #FFF; text-transform: uppercase;font-weight: bold; background: #000;display: block;width: 92px;opacity: 0;filter: alpha(opacity=0);}
	
	#loadall{position:fixed; width: 100%; height: 100%; text-align:center;top: 0; left: 0;background: #000;opacity: .50;filter: alpha(opacity=50);display: none;}
	#loadallim{position:fixed; width: 100%; height: 100%; text-align:center;top: 0; left: 0;background: #000;opacity: .50;filter: alpha(opacity=50);display: none;}
	#loadtext{position: fixed; top: 250px; left: auto; padding: 24px 0px 12px; width: 200px;background: #0B0B0B url(images/img-loader.gif) center 10px no-repeat;text-align:center;color: #888;border: 1px solid #333;display: none;}
	#loadim{position: absolute; top: 250px; padding: 0px; width: 200px; height: 50px;background-color: #555;display: none;background-image: url(images/img-loader.gif)!important; background-position: 50% 50%; background-repeat: no-repeat}
	
	#postlists{margin: 0px; padding: 95px 0px 15px; width: 960px;}
	#postlists li.postlist{float: left;display: inline;margin: 0;padding:0; width: 240px; height: 120px; overflow: hidden; }
	#postlists li.postlist a{display: inline-block; padding: 0px; margin: 0px; width: 240px; height: 120px;position: relative;}
/*	#postlists li.postlist span{position: absolute; text-align:right; top: 50px; left: 0px; padding: 3px 0px;background: #000 url(images/s-cam.png) 5px center no-repeat; color: #aaa;display: none;width: 0px; overflow: hidden;}*/
	#postlists li.postlist span{position: absolute; text-align:right; top: 50px; left: 0px; padding: 3px 0px;background: #000 url(images/s-cam.png) 5px center no-repeat; color: #aaa;display: none;width: 0px; overflow: hidden;}
	#postlists li.postlist a img{width: 240px; height: 120px;}
	
	#sidecat{position: absolute; top: 100px; left: 0; display: block; width: 30px; height: 120px; background: url(images/sidecat.png) 0 0 no-repeat;}
	#sidecat a{display: block; width: 30px; height: 120px; margin: 0;}
	
	#listpostwraper{position: absolute;height: 400px;}
	ul.listpostimage{margin: 0; padding: 0px;list-style:none; height: 400px;}
	ul.listpostimage li{float: left; display: inline;width: auto;height: 400px;margin: 0px;padding-left: 15px;position: relative;}
	ul.listpostimage li#desc{width: 600px;color: #aaa;overflow:hidden;display: none;}
	ul.listpostimage li#desc h1, ul.listpostimage li#desc h2, ul.listpostimage li#desc h3, ul.listpostimage li#desc h4, ul.listpostimage li#desc h5, ul.listpostimage li#desc h6{padding: 2px 0px;}
	ul.listpostimage li#desc .entry-content{margin: 0px; padding: 0px 15px;height: 395px; background: #111; border: 1px solid #333; overflow:hidden;}
	ul.listpostimage li span.icip{position: absolute; left: 20px; top: 180px; word-spacing: 2px; padding: 5px 8px 3px; line-height: 1px; background: #000; color: #FFF;opacity: 0;filter: alpha(opacity=0)}
	
	.page-content h1, .page-content h2, .page-content h3, .page-content h4, .page-content h5, .page-content h6{padding: 5px 0px;}
		.entry-content ul, .page-content ul  { margin: 5px 0 10px 0; }
		.entry-content ul ul, .page-content ul ul { margin: 4px 0 -2px 0; }
		.entry-content ul li, .page-content ul li  {	padding: 2px 0 2px 15px; line-height: 18px; list-style: none;  background: url(images/s-bull.png) 4px 8px no-repeat; }

		.entry-content ol, .page-content ol  { margin: 5px 0 15px 0; }
		.entry-content ol ol, .page-content ol ol  { margin: 4px 0 -2px 0; }
		.entry-content  ol li, .page-content ol li  { list-style-type: decimal; list-style-position: inside; padding: 2px 0 2px 5px; line-height: 18px; }
		.entry-content  ol li ol li, .page-content ol li ol li  { list-style-type: decimal; margin: 0 0 0 5px; }	
	
	#listpaged{position: absolute; left: 15px;display: block;}
	#listpaged span{float: left; display: inline; margin-right: 5px;}
	#listpaged span a{display: block; width: 20px; height: 20px; line-height: 20px; text-align:center;background: #5A5A5A; border: 1px solid #4a4a4a;border-top: 1px solid #666;border-left: 1px solid #666;color: #aaa;font-size: 10px;}
	#listpaged span a:hover, #listpaged span a.onview{background:#444; border: 1px solid #333;border-bottom: 1px solid #666;border-right: 1px solid #666; color: #000;}
	#listpaged span a.postdesc{height: 20px; width: 50px!important;}
	
	#bot{margin: 0px 0px 10px;padding: 0px;}

	
	/*styling wp_page_navi*/
	.wp-pagenavi{display: block;margin: 8px 0px; padding: 0px; line-height: 1em;}
	.wp-pagenavi span.pages{float: right; display: inline;background: none!important; border: none!important;font-size: 8pt;color: #999!important;padding: 3px 6px 3px 6px!important;letter-spacing: 2px;}
	.wp-pagenavi span.current{float: left;display: inline;font-size: 8pt!important;background:#444!important; border: 1px solid #333!important;border-bottom: 1px solid #666!important;border-right: 1px solid #666!important;color: #000;padding: 3px 6px 3px 6px!important;}
	.wp-pagenavi  a.page{float: left;display: inline;font-size: 8pt!important;background: #5A5A5A!important; border: 1px solid #4a4a4a!important;color: #aaa!important;padding: 3px 6px 3px 6px!important;border-top: 1px solid #666!important;border-left: 1px solid #666!important;}
	.wp-pagenavi  a.page:hover, .wp-pagenavi .extend:hover{background:#444!important; border: 1px solid #333!important;border-bottom: 1px solid #666!important;border-right: 1px solid #666!important; color: #000!important;text-shadow: none;}
	.wp-pagenavi a, .wp-pagenavi .extend{float: left;display: inline;font-size: 8pt!important;background: #5A5A5A!important; border: 1px solid #4a4a4a!important;color: #aaa!important;padding: 3px 6px 3px 6px!important;border-top: 1px solid #666!important;border-left: 1px solid #666!important;}
	.wp-pagenavi a, .wp-pagenavi span{margin: 2px!important;}		
		
	
/* ====== CopyRight ====== */
	.copyright{padding: 6px 10px;text-align:center; line-height: 12px; font-size: 10px; letter-spacing: 1px;color: #606060;background: #111;border-top: 1px solid #222;}


/* contact form */	
	.adm-contact{margin: 0;padding: 10px 0px;}
	.label{display: inline-block; width: 80px;margin: 0px;vertical-align: top;font-family: 'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;}
	.req{color: #FF0000; font-weight: bold;font-size: 14px;}
	#hmess{margin: 0px; width: 400px; height: 150px;}
	.input{width: 225px;}
	.ajload .m-load{margin: 0;padding: 0;width:130px; height:25px; display: block; background: #FFF url(images/loader.gif) 50% 50% no-repeat;}
	#hasil{background: url(images/smile.png) 0% 50% no-repeat; padding-left: 55px; line-height: 50px;height: 50px; display: none;position: relative;}	
	.input, #hmess {padding: 4px; color: #999;background: #333;border: 1px solid #222;border-bottom: 1px solid #3A3A3A;border-right: 1px solid #3A3A3A;}	
	.ajload{margin: 10px 0px 10px 80px;}
	#hsub{background: #333;color: #aaa;display: block; width: 130px; height: 25px;line-height: 25px; padding: 0;font-size: 11px; text-align:center; border: none;cursor: pointer!important;}
	#hsub:hover{color: #04ABE8;}