/*
Theme Name: idSense 1.0
Theme URI: http://www.iophp.com
Description: idSense wodpress theme (SEO), Design for ADsense!
Version: 1.0
Author: YongJian Cai
Author URI: http://www.iophp.com
*/

*{
	margin:0;
	padding:0;
}

html,
body		{
			margin:0 auto;
			text-align:center;
			background:20px -170px url(images/main-background.gif) repeat-x; 
			color:#000;
			font-size:11px;
			font-family:Verdana, Geneva, sans-serif;
			}

h1			{ font-weight:bold; font-size:13px; }
h2			{ font-size:12px;}
p			{ font-size: 11px;}
small		{ font-size: 9px; color:#333; }

img			{ border:0;}

ul			{ float:left; }


/****
** Link Color
** Blue: 224EB1
**/
a 			{ color:#0000f4; text-decoration:none;} 
a:hover		{ color:#0000f4;}
a:history	{ color:#0000f4;}



 
/****
** Layout
**/
.wrapper {	
	margin:0 auto;
	text-align: left;
	position: relative;
	}
.header	{	
		height:75px;
		}
.footer	{	
		}
.body	{	
		border:1px solid #666;
		background:#fff;
		min-height:500px;
		}
	.content	{	
				width:499px !important;					/* 2ndWide = GWide - 1stWide */
				}
	.sidebar	{										/* 2ndWide = GWide - 1stWide */
				width:300px;
				border-left:1px solid #999;
				}		
	.middle		{
				width:0px;
				}
				
.wrapper,			
.header,
.footer,
.menubar,
.body { width:800px;	}			/* GWide */

.header,
.footer,
.body,
	.content,
	.sidebar,
	.middle{ float:left; }
	
	
.header div,
.footer div,
.body div,
	.content div,
	.sidebar div,
	.middle div{ float:left;	}

	
/*Customize Style*/

	
/****
** Header
**/
.logo		{ line-height:30px; margin:8px 0 8px 0; padding-right:0px; }
			.logo img {border:0;}
.tagline 	{ width:auto; margin:10px 0 10px 0; padding: 0 0px; }
			.tagline p { font-size:11px; background:#224EB1; font-weight:bold; padding:3px; margin-top:20px; color:#fff;  }
.head-text	{ font-size: 11px; color:#666; text-align:right; }
			.head-text	a { font-size: 11px; color:#666; text-decoration:none;}

/****
** Bar
**/				
.wline	{ float:left; width:100%; background:#580a00; margin:3px 0 3px 0; text-align:center; border:1px solid #666; }	



/*
ul.menu {list-style:none; margin:0; padding:0}
ul.menu * {margin:0; padding:0}
ul.menu a {display:block; color:#000; text-decoration:none}
ul.menu li {position:relative; float:left; margin-right:2px}
ul.menu ul {position:absolute; top:26px; left:0; background:#d1d1d1; display:none; opacity:0; list-style:none}
ul.menu ul li {position:relative; border:1px solid #aaa; border-top:none; width:148px; margin:0}
ul.menu ul li a {display:block; padding:3px 7px 5px; background-color:#d1d1d1}
ul.menu ul li a:hover {background-color:#c5c5c5}
ul.menu ul ul {left:148px; top:-1px}
ul.menu .menulink {border:1px solid #aaa; padding:5px 7px 7px; font-weight:bold; background:url(images/header.gif); width:134px}
ul.menu .menulink:hover, ul.menu .menuhover {background:url(javascript/menu-list/images/header_over.gif)}
ul.menu .sub {background:#d1d1d1 url(javascript/menu-list/images/arrow.gif) 136px 8px no-repeat}
ul.menu .topline {border-top:1px solid #aaa}
*/
ul.menu {list-style:none; margin:0; padding:0; float:left;  }
ul.menu * {margin:0; padding:0}
ul.menu a {display:block; color:#000; text-decoration:none}
ul.menu li {position:relative; float:left; margin-right:2px;border:1px solid #aaa; padding:6px 7px 7px; font-weight:bold; background:url(images/header.gif); width:134px;}
ul.menu li:hover {background:#fff;}
ul.menu ul {position:absolute; top:26px; left:-1px; background:#fff; display:none; opacity:0; list-style:none}
ul.menu ul li {position:relative; border:1px solid #aaa; border-top:none; width:148px; margin:0; padding:0}
ul.menu ul li a {display:block; padding:5px 7px 5px; background-color:#fff; font-weight:normal;}
ul.menu ul li a:hover {background:#f7f7f7;}




/****
** Content
**/
.slideshow{position:relative;height:280px;width:520px;1;margin:10px 0px 10px 10px;}
.slideshow div{position:absolute;top:0;left:0;z-index:8;opacity:0.0;height:280px;width:520px;overflow:hidden;background-color:#FFF;}
.slideshow div.current{z-index:10;}
.slideshow div.prev{z-index:9;}
.slideshow div img{display:block;border:0;margin-bottom:10px;}
.slideshow div span{text-align:center;display:none;position:absolute;display:block;bottom:0;left:0;height:50px;line-height:50px;background:#000;color:#fff;width:100%;}
.slideshow div span a{color:#fff;font-weight:bold;font-size:12px;}
.slideshow div.current span{display:block;}



/****
** Page Nav
**/
.page_navi{width:100%;height:36px;line-height:36px;text-align:center;overflow:hidden;padding-top:1em;}
.page_navi a{padding:3px 8px;margin:2px;text-decoration:none;color:#888;border:1px solid #ccf;}
.page_navi a:hover,.page_navi a.current{border:1px solid #356aa0;color:#356aa0;font-weight:bolder;}

/****
** Article List
**/
.articles	{
			width:auto;
			list-style:none;
			margin:10px;
			}
			.articles li { clear:both; margin:20px 0 20px 0;}
			.articles li h2{ line-height:13px; margin:8px 0;}
			.articles li img { width:100px; height: 75px; display:block; overflow:hidden; border:1px solid #666; padding:2px; background:#fff; margin:0 10px 10px 0; align:left;}


/****
** Post
**/
.postID 		{
			width:auto;
			padding:5px;
			list-style:none;
			}
			.postID li h1 		{text-align:center; margin:10px 0; font-size:14px; }
			.postID li h2 		{font-size:11px; }
							.postID li h2 a 	{font-size:11px; color:#333; }
			
			.postID li h3		{font-size:11px; }
							.postID li h3 a	{font-size:10px; color:#333; }
			.postID li small 	{margin:0 0 20px 0;}
			.postID li a		{color:#333;}
			.postID li p 		{margin:15px 0 0 2px; clear:both; }
							.postID li p a {font-weight:bold;}
			.postID li img 	{border:1px solid #999; margin:8px; clear:both; overflow:hidden; max-width:480px; height:auto;}

			
			
/****
** Comments
**/
.commentID	{
			width:auto;
			padding:10px;
			border-top:1px solid #999;
			}
			.commentID ul 	{list-style:none;}
			.commentID ul li	{margin:10px 0 0 0; clear:both;}
			.commentID h2 	{clear:both;}

			
/****
** Middle
**/
.middleADS	{
			width:auto;
			list-style:none;
			}
			.middleADS li		{}
			
			
/****
** Sidebar
**/
.sideshow	{
			width:auto;
			list-style:none;
			padding:8px;
			}
			.sideshow h2 	{}
			.sideshow li 		{ /*clear:both;*/}
			.sideshow li p 	{ }
			.sideshow li p img 	{ align:left;}
	
.sideshow_icon	{
			width:auto;
			list-style:none;
			padding:8px;
			clear:both;
			}
			.sideshow_icon h2 	{ margin:10px 0;}
			.sideshow_icon li 	{ padding:5px 0; clear:both; }
			.sideshow_icon li img 	{ border:1px solid #666; padding:1px; margin:0 8px 0 0; width:60px; height:45px; overflow:hidden; }
			
.sideshow_title	{
			width:auto;
			list-style:none;
			padding:8px;
			clear:both;			
			}
			.sideshow_title h2 	{ margin:10px 0; }
			.sideshow_title li 	{ clear:both; padding:5px 0;}
			.sideshow_title li p 	{ }
	


	
	
	
/****
** Footer
**/
.footer 	{ width: 100%; margin:10px 0; }
			.footer  p 	{line-height:15px; text-align:left; padding-left:10px; }
			.footer  ul	{list-style:none;}
			.footer  ul li 	{margin-right:10px;}