@charset "utf-8";

/* reset
---------------------------------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;

}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:1em;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}


/* layout
-----------------------------------------------------------------*/
.wrapper_12{
	width:960px;
	margin: 0 auto;
}
.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12{
	display:inline;
	float:left;
	margin-left:10px;
	margin-right:10px
}
.grid_3 {
	width:220px
}
.grid_6{
	width:460px
}
.grid_9{
	width:700px
}
.grid_12{
	width:940px
}
.alpha {
	margin-left:0
}
.omega {
	margin-right:0
}
.grid_1 {
	width:60px
}
.grid_2 {
	width:140px
}
.grid_4 {
	width:300px
}
.grid_5 {
	width:380px
}
.grid_7 {
	width:540px
}
.grid_8 {
	width:620px
}
.grid_10 {
	width:780px
}
.grid_11 {
	width:860px
}
.prefix_3{
	padding-left:240px
}
.prefix_6{
	padding-left:480px
}
.prefix_9,{
	padding-left:720px
}
.prefix_1 {
	padding-left:80px
}
.prefix_2 {
	padding-left:160px
}
.prefix_4 {
	padding-left:320px
}
.prefix_5 {
	padding-left:400px
}
.prefix_7 {
	padding-left:560px
}
.prefix_8 {
	padding-left:640px
}
.prefix_10 {
	padding-left:800px
}
.prefix_11 {
	padding-left:880px
}
.suffix_3 {
	padding-right:240px
}
.suffix_6{
	padding-right:480px
}
.suffix_9{
	padding-right:720px
}
.suffix_1 {
	padding-right:80px
}
.suffix_2 {
	padding-right:160px
}
.suffix_4 {
	padding-right:320px
}
.suffix_5 {
	padding-right:400px
}
.suffix_7 {
	padding-right:560px
}
.suffix_8 {
	padding-right:640px
}
.suffix_10 {
	padding-right:800px
}
.suffix_11 {
	padding-right:880px
}
html body div.clear, html body span.clear {
	background:none;
	border:0;
	clear:both;
	display:block;
	float:none;
	font-size:0;
	margin:0;
	padding:0;
	overflow:hidden;
	visibility:hidden;
	width:0;
	height:0
}
.clearfix:after {
	clear:both;
	content:'.';
	display:block;
	visibility:hidden;
	height:0
}
.clearfix {
	display:inline-block
}
* html .clearfix {
	height:1%
}
.clearfix {
	display:block
}






/* screen
----------------------------------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	
	color: #555;
	
}


/* global
-----------------------------------------------------------------*/
body{
	background: #F5F5E8;
	font: normal normal 12px/20px Arial, Helvetica, sans-serif;
}
p{
	margin: 10px 0;
}
#wrapper_12{

}
a{
	color: #00B0D8;
	text-decoration: none;
}
a:hover{
	text-decoration:underline;
	color:#0092b3;
}
/* header
-----------------------------------------------------------------*/
#header{
	background:url(img/grid_12_normal.gif) 50% 95% no-repeat;
	height: 138px;
	margin-bottom: 10px;
}
#logo{
}
#logo h1{
	margin: 0;
	padding: 0;
	display: block;
}
#logo h1 a{
	display: block;
	width: 250px;
	height:138px;
	text-indent: -9999px;
	background:url(img/logo.png)!important;
	background-image: none;
	filter: none!important;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='blog/wp-content/themes/ing/img/logo.png', sizingMethod='scale');
	cursor:pointer;
}
#rss{
	padding-bottom:12px;
	padding-left:153px;
	padding-top:43px;
}
#rss a{
	display:block;
	text-indent: -9999px;
	width: 53px;
	height: 43px;
	background:url(img/rss_01.gif) 0 0 no-repeat;
}
#rss a:hover{
	background:url(img/rss_01.gif) 100% 0 no-repeat;
}
#search{

	
}
#search span.search_box_left{
	background:url(img/search_box_left.gif);
	width: 7px;
	height: 25px;
	display: block;
	float: right;
	
}
#search input.search_box_repeat{
	background:url(img/search_box_repeat.gif) 0 0 repeat-x;
	width: 150px;
	height: 25px;
	line-height: normal;
	padding: 5px 0;
	border: 0;
	float: right;
}
#search input.search_box_bt{
	background:url(img/search_box_bt.gif);
	width: 31px;
	height: 25px;
	border: 0;
	float: right;
	text-indent: -9999px;
	cursor:pointer;
}
#search span.search_box_space{
	display: block;
	width: 10px;
	height: 25px;
	float: right;
}
/* body 
-----------------------------------------------------------------*/
#left{

}
.post_header{
	background:url(img/grid_8_normal.gif) 0 0 no-repeat;
	height: 4px;
	overflow: hidden;/* 潜藏的BUG隐患 */

}

.post_footer{
	background:url(img/grid_8_normal.gif) 0 100% no-repeat;
	height: 4px;
	line-height: 4px;
	margin-bottom: 15px;

}

.post{
	background: #EDEDE1;
	padding: 11px 15px;
	
}
.post .date{
	width: 30px;
	height: 37px;
	background:url(img/date.gif) 0 0 no-repeat;
	float:left;
	margin-right: 10px;
}
.post .date span.month{
	color: #fff;
	font-size: 11px;
	line-height: 15px;
	font-weight: 700;
	width: 30px;
	display: block;
	text-align:center;
}
.post .date span.day{
	color: #fff;
	font-size: 18px;
	line-height: 22px;
	font-weight: 700;
	width: 30px;
	display: block;
	text-align:center;
}
.post .meta_data{
	line-height: 18px;
	color: #777;
}
.post .meta_data span{
	float: right;
	padding-right: 15px;
	background:url(img/comments.gif)100% 50% no-repeat;
}
.post h2{
	font-size: 14px;
	
	font-weight: 700;
}
.post h2 a{
	color: #444;
}
.post h2 a:hover{
	text-decoration: none;
	color: #00B0D8;
}

.post_entry{
	padding: 10px 0;
	
}
.post_entry h3.tutorials{
	margin: 10px 0;
	font-size: 24px;
        line-height: 24px;
	font-weight: 700;
}
.post_entry img{
	padding: 10px;
	border:1px solid #ccc;
	background: #fff;
}
/* 文章版式 */
blockquote{
	border-left:5px solid #E0E0CE;

	font-size:1em;
	line-height:100%;
	margin:0;
	padding:0 0 0 15px;
	line-height: 20px;
	color: #777;
}
blockquote p{
	color: #777;
}
.pic_left{
	margin-right: 15px;
	float:left;
}



/* siderbar
---------------------------------------------------------------*/
#right{}
.right_nav{
	padding-bottom: 10px;
}
.right_nav li{
	margin-bottom: 5px;
	
}
.right_nav li.last{
	margin-bottom: 0;
}
.right_nav li a{
	background:url(img/right_nav.gif) 0 0 no-repeat;
	width: 290px;
	height: 32px;
	line-height: 32px;
	padding-right: 10px;
	display: block;
	font-weight: 700;
	color: #fff;
	text-align:right;
	text-decoration: none;
	
}

.right_nav li.current-cat a{
	background:url(img/right_nav.gif) 0 100% no-repeat;
	
}
.right_nav li.current-cat a:hover{
	color: #fff;
	
}
.right_nav li a:hover{
	color: #fff;
	background:url(img/right_nav.gif) 0 100% no-repeat;
}
.tab_box{
	margin-bottom: 15px;
}
.tab{
	overflow: auto;
	_height: 1%;
	background:url(img/right_tab.gif) 0 0 no-repeat;
	
}
.tab li{
	float: left;
}
.tab li a{
	float: left;
	padding: 0 0 0 10px;
	text-decoration: none;
	outline: none;
}
.tab li a span{
	display: block;
	padding: 5px 10px 0 0;
	color: #ccc;
	height: 28px;
}
.tab li a:hover span{

	color: #555;
}
.tab li.current a{
	background:url(img/right_tab.gif) 0 100% no-repeat;
	
}
.tab li.current a span{
	color:#555;
	background:  url(img/right_tab.gif) 100% 100% no-repeat;
}
.tab_content{
	padding-bottom: 4px;
	background:url(img/right_tab_content.gif) 0 100% no-repeat;
}
.tab_content li{
	padding: 0 10px 6px 10px;
	background:url(img/right_tab_content.gif) 100% 0 repeat-y;
}
.normal_widget_header{
	background:url(img/grid_4_normal.gif) 0 0 no-repeat;
	height: 4px;
	overflow: hidden;
}
.normal_widget_body{
	background: #EDEDE1;
	padding:6px 15px;
	
}
.normal_widget_body ul{
	background: #EDEDE1;
	list-style: none;
	
}
.normal_widget_body ul li{
	background: #EDEDE1;
	list-style: none;
	padding: 3px 0;
}
.normal_widget_body h2{	
	padding: 5px 0;
	font-size: 1em;
	color: #888;
	font-weight: 700;
}
.normal_widget_footer{
	background:url(img/grid_4_normal.gif) 0 100% no-repeat;
	height: 4px;
	line-height: 4px;
	margin-bottom: 15px;
}
/* 翻页 
-----------------------------------*/
.navigation{
	padding-bottom: 10px;
	overflow: auto;
	_height: 1%;
}
.alignleft{
	float: left;
}
.alignright{
	float:right;

}
/* 回复
------------------------------------*/
h3#respond {
	padding: 5px 0;
	font-weight: 700;
}

/* footer
-----------------------------------------------------------------*/
#footer{
	margin-top: 20px;
	padding: 10px 10px 10px 10px;
	background:url(img/footer.gif) 0 0 no-repeat;
	font-size: 0.8em;
}





/* plugins  for page navigation
--------------------------------------------------------------------*/
.wp-pagenavi{
	font-family:Verdana, Geneva, sans-serif;
	overflow: auto;
	_height: 1%;
	text-align: center;
	padding-left: 220px;

}
.wp-pagenavi a{
	display:block;
	float: left;
	width: 24px;
	height: 24px;
	line-height: 24px;
	font-size: 11px;
	background:url(img/page_nav.gif) 0 100% no-repeat;
	margin-right: 3px;
	color: #fff;
}
.wp-pagenavi a:hover{
	text-decoration: none;
}
.wp-pagenavi span.pages{
	display: none;	
}
.wp-pagenavi span.current{
	display:block;
	float: left;
	width: 24px;
	height: 24px;
	line-height: 24px;
	font-size: 11px;
	background:url(img/page_nav.gif) 0 0 no-repeat;
	margin-right: 3px;
	color: #fff;
}
/* plugins  for flickr photostream
--------------------------------------------------------------------*/
#photoAlbum{
	overflow: auto;
	zoom:1;
}
#photoAlbum span a{
	display: block;
	padding: 3px;
	margin: 3px;
	float: left;
	
}
#photoAlbum span a:hover{
	background: #d3d3c4;
}
/* plugins  for douban
--------------------------------------------------------------------*/
.douban{
	
}
.douban a{
	display: block;
	padding: 3px;
	margin: 3px;

}
.douban a:hover{
	background: #d3d3c4;
}
/* plugins  for WordPress Flickr Manager
--------------------------------------------------------------------*/
.FlickrManager_widget_recent_flickr{
		
}
.FlickrManager_widget_recent_flickr h2 img{
	display:none;
}
a.flickr-image{
	

}

a.flickr-image img{
	border:3px solid #D6D6CB;
margin: 4px;
}
a.flickr-image:hover img{
	border:3px solid #bfbfb2;
}
img{
	vertical-align: middle;
}