@charset "UTF-8";
/* CSS Document */

body{ font: Arial, Helvetica, sans-serif; font-size:12px; line-height:16px; padding:0; margin:0 }

a { text-decoration:none}

 .centerbox{ padding:0; margin:0; list-style:none; width:979px; margin:0px auto; display:block; overflow:hidden; clear:both; border-left:5px solid #000;border-right:5px solid #000;}
#loop { padding:5px 0; margin:0; list-style:none; width:820px; margin:10px auto; display:block; overflow:hidden; clear:both}

#footer{ text-align:center; font-size:10px; color:#81cad7; letter-spacing:1px; margin:0px auto; display:block; overflow:hidden;}
#footer a{ color:#81cad7}

#pagination{  color:#12322b; line-height:35px; font-size:14px; text-align:center; word-spacing:3px; font-weight:bold}

#pagination a{ padding:5px 4px 4px; margin:0px;color:#35675c; word-spacing:0; font-weight:normal; font-size:11px }
#pagination a:hover{color:#12322b;  background:#a3d2bd }

.clean{ display:block; overflow:hidden; height:1px; clear:both; width:100%}
#items{}

#items{ padding:0; margin:4px; list-style:none; width:262px; height:323px; display:block; overflow:hidden; float:left;  position:relative }

.block{ display:block; overflow:hidden; width:262px; height:298px;}

.title{ overflow:hidden}

/*post*/

#main_container{ display:block; overflow:hidden; padding:20px; width:600px; margin:0 auto }
.info{ font-size:10px; text-align:center; color:#61A1A2}
.info a{  color:#61A1A2}
/*flickr*/
.flickr{ background:url(images/flickr_bg.png) left top no-repeat}
.flickr .photo{ width:226px; height:227px; display:block; position:absolute; left:18px; top:17px; text-align:center; overflow:hidden }
.flickr .photo img{ cursor:pointer}
.flickr .title{ width:185px; height:18px; display:block; position:absolute; left:18px; top:255px; font-size:12px; color:#2e2e2e; overflow:hidden}
.flickr .caption{ width:185px; height:13px; display:block; position:absolute; left:18px; top:272px; font-size:10px; color:#b2bfc5}
.flickr .date{ width:38px; height:13px; display:block; position:absolute; right:18px; top:255px; font-size:10px; color:#5b5b5b}
.flickr a{color:#2e2e2e}
.flickr .link{ position:absolute; right:20px; bottom:20px; width:30px; height:30px; overflow:hidden; display:block}

/*bkite*/
.bkite{ background:url(images/bk_bg.png) left top no-repeat}
.bkite .photo img{ border:3px solid #7da7cb}
.bkite .photo{ width:226px; height:217px; display:block; position:absolute; left:18px; top:17px; }
.bkite .title{ width:190px; height:35px;  display:block; position:absolute; left:21px; top:254px; font-size:11px; color:#fff; overflow:hidden}
.bkite .caption{ width:185px; height:13px; display:block; position:absolute; left:18px; top:272px; font-size:10px; color:#b2bfc5}
.bkite .date{ width:38px; height:13px; display:block; position:absolute; right:18px; top:255px; font-size:10px; color:#5b5b5b}
.bkite .link{ position:absolute; right:20px; bottom:20px; width:30px; height:30px; overflow:hidden; display:block}
.bkite a{color:#fff}

/*blippr*/
.blippr{ background:url(images/blippr_bg.png) left top no-repeat}
.blippr .photo img{ border:3px solid #e3f2ff}
.blippr .photo{ width:226px; height:227px; display:block; position:absolute; left:18px; top:50px; overflow:hidden; text-align: center; }
.blippr .title{ width:220px; height:35px; text-align:center; display:block; position:absolute; left:21px; top:245px; font-size:11px; color:#fff; overflow:hidden}
.blippr .caption{ width:185px; height:13px; display:block; position:absolute; left:18px; top:272px; font-size:10px; color:#b2bfc5}
.blippr .date{ width:38px; height:13px; display:block; position:absolute; right:18px; top:255px; font-size:10px; color:#5b5b5b}
.blippr a{color:#fff}

/*fm*/
.fm{ background:url(images/fm_bg.png) left top no-repeat}
.fm .link{ position:absolute; left:20px; top:20px; width:70px; height:20px; overflow:hidden; display:block}
.fm .photo{ width:159px; height:156px; display:block; position:absolute; left:59px; top:50px; }
.fm .meta{ width:215px; height:40px; display:block; position:absolute; left:23px; top:236px; font-size:11px; color:#b2bfc5; text-align:center}
.fm .title{ font-size:11px; color:#d48b95; line-height:14px }
.fm .caption{ font-size:10px; color:#b53647}
.fm a{ color:#d48b95}
.fm .link{ position:absolute; right:20px; top:20px; width:30px; height:30px; overflow:hidden; display:block}

/*deliciou*/
.deliciou{ background:url(images/del_bg.png) left top no-repeat}
.deliciou .photo{ width:223px; height:150px; display:block; position:absolute; left:18px; top:132px; ; }
.deliciou .title{ width:166px; height:60px; display:block; position:absolute; left:41px; top:38px; font-size:11px; color:#fff; overflow:hidden}
.deliciou a{ color:#fff}
.deliciou .link{ position:absolute; left:20px; top:20px; width:30px; height:30px; overflow:hidden; display:block}

/*blog*/
.blog{ background:url(images/blog_bg.png) left top no-repeat}
.blog .date{ width:50px; height:15px; display:block; position:absolute; left:75px; top:30px; font-size:10px; color:#6e6983}
.blog .title{ width:165px; height:15px; display:block; position:absolute; left:35px; top:48px; font-size:12px; color:#d2cde3}
.blog .photo{ width:160px; height:190px; display:block; position:absolute; left:37px; top:78px; ; border:5px solid #fff}
.blog a{ color:#d2cde3}
.blog .link{ position:absolute; top:20px; left:20px;  width:30px; height:30px; overflow:hidden; display:block}

/*twitter*/
.twitter{ background:url(images/twitter_bg.png) left top no-repeat}
.twitter .post{ width:190px; height:140px; display:block; position:absolute; left:36px; top:36px; font-size:12px; color:#508aaa}
.twitter .date{ width:190px; height:13px; display:block; position:absolute; left:30px; top:203px; font-size:10px; color:#58b5d1}
.twitter a{color:#508aaa}
.twitter .link{ position:absolute; right:20px; bottom:20px; width:30px; height:30px; overflow:hidden; display:block}

/*greader*/
.greader{ background:url(images/reader_bg.png) left top no-repeat}
.greader .title{ width:220px; height:46px; display:block; position:absolute; left:25px; top:21px; font-size:12px; color:#fff}
.greader .photo{ width:247px; height:140px; display:block; position:absolute; left:8px; top:77px; font-size:12px; color:#34476b; overflow:hidden; }
.greader .post{ width:212px; height:130px; display:block; position:absolute; left:25px; top:92px; font-size:12px; color:#34476b; overflow:hidden; line-height:18px}

.greader .post_i{ width:150px; height:60px; display:block; position:absolute; left:25px; top:226px; line-height:12px; font-size:11px; color:#34476b; overflow:hidden}
.greader a{ color:#fff}

.greader .link{ position:absolute; right:20px; bottom:20px; width:30px; height:30px; overflow:hidden; display:block}

/*screen*/
.screen{ background:url(images/img_bg.png) left top no-repeat}
.screen .photo img{ cursor:pointer; padding:0}
.screen .photo{ width:230px; height:215px; display:block; position:absolute; left:14px; top:18px; ; border:2px solid #d5c97c}
.screen .link{ position:absolute; right:20px; bottom:20px; width:30px; height:30px; overflow:hidden; display:block}

/*web*/
.web{ background:url(images/web_bg.png) left top no-repeat}
.web .photo img{ cursor:pointer}
.web .photo{ width:241px; height:242px; display:block; position:absolute; left:10px; top:32px;}
.web .link{ position:absolute; top:10px; right:70px; width:60px; height:20px; overflow:hidden; display:block}

/*vimeo*/
.vimeo{ background:url(images/vimeo_bg.png) left top no-repeat}
.vimeo .title{ width:225px; height:25px; text-align:center;  display:block; position:absolute; left:18px; top:20px; font-size:12px; color:#fff; line-height:14px}
.vimeo .photo{ width:215px; height:145px; display:block; position:absolute; left:25px; top:50px;  }
.vimeo .link{ position:absolute; right:40px; bottom:50px; width:50px; height:30px; overflow:hidden; display:block}
.vimeo a{ color:#fff}

/*youtube*/
.youtube{ background:url(images/youtube_bg.png) left top no-repeat}
.youtube .title{ width:150px; height:45px; display:block; position:absolute; left:24px; top:238px; font-size:11px; color:#fff}
.youtube .photo{ width:210px; height:177px; display:block; position:absolute; left:24px; top:24px; ; border:4px solid #cecece }
.youtube .photo img{ cursor:pointer}
.youtube .link{ position:absolute; right:20px; bottom:20px; width:30px; height:30px; overflow:hidden; display:block}
.youtube a{color:#fff}


/*evernote*/
.evernote{ background:url(images/ever_bg.png) left top no-repeat}
.evernote .title{ width:160px; height:54px; display:block; position:absolute; left:77px; top:219px; font-size:12px; line-height:14px; color:#daf2c6}
.evernote .date{ width:160px; height:13px; display:block; position:absolute; left:75px; top:213px; font-size:10px; color:#b0df8a}
.evernote .photo{ width:160px; height:120px; display:block; position:absolute; left:74px; top:73px; ; border:4px solid #458114}
.evernote .link{ position:absolute; top:20px; left:20px; width:30px; height:30px; overflow:hidden; display:block}
.evernote a{color:#fff}

/*comments_container*/
.idc-cover div, .idc-new div{ font-size:11px!important}
#comments_container a{ color:#519DA6!important}
#idc-container .idc-id{ display:none!important}


/*header nav*/

#blogtit{ text-align: center; position:absolute; top:305PX; left:330px; width:440px; font-family: "Times New Roman", Times, serif;
	color: #d3dfe4;
	margin: 0;
	padding: 0px 0px 6px 0px;
	font-size: 55px;
	line-height: 55px;
	letter-spacing: -1px;
	font-weight: bold;
	overflow:hidden
}
#blogtit a{ color:#273d34}

#blogtit a:hover{ color: #539020}

#intro{ text-align: center; position:absolute; top:367PX; left:330px; width:440px; font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #49896b;
	margin: 0;
	padding: 0px 0px 3px 0px;
	font-size:12px;
	line-height: 14px;
	letter-spacing: -0.5px;
	overflow:hidden
}

#navigation{ list-style:none; text-align: center; position:absolute; top:426PX; left:330px; width:440px}
#navigation li{ list-style: none; display:inline; padding:4px 2px; }
#navigation li a{ color:#FFF; padding:0px}


#cloud  { height:auto; width:800px; margin:40px auto 20px auto; display:block }

#cloud a{ color:#fff}

#cloud h3 { margin-top:15px; }

#cloud ul { float:left; display:block; width:800px; height:auto; padding:12px 0; }

#cloud ul li { display:inline; line-height:28px; }

ul.tag_list li {
        display: inline;
        margin-right: 3px;
        padding: 3px ; text-decoration: none;
     }
ul.tag_list li a:link  { color: #fff; padding:3px }
ul.tag_list li a:visited { color: #fff; }
ul.tag_list li a:hover { color: #ffffff; background: #0e784c; }
ul.tag_list li a:active { color: #ffffff; background: #0e784c; }