﻿@charset "utf-8";
/* CSS Document */

body {
	margin:0;
	padding:0;
}
.headerShadowline {
	height:80px;
}
.nav {
	font-size:0;
	line-height:0;
	height:10px
}
.reference {
	position:absolute;
	right:15px;
	top:15px
}
.pagetitle {
	border-left:solid 1px #999
}
.main {
	background:none;
	margin-top:0
}
.subbar {
	z-index:2;
	height:40px;
	width:100%;
	top:-20px;
	text-align:right;
	background:none;
	box-shadow:0 0 0 transparent
}
.mainmod {
	top:0;
	box-shadow:0 0 0 transparent;
	margin:0 auto;
	margin-top:30px;
	left:0;
	width:98%;
}
.headerbm {
	margin:0 5%;
	text-align:right;
	position:fixed;
	bottom:20px;
	right:0;
	z-index:1
}
/**** Isotope Filtering ****/



.isotope-item {
	z-index: 1;
}
.isotope-hidden.isotope-item {
	pointer-events: none;
	z-index: 1;
}
/**** Isotope CSS3 transitions ****/



.isotope,  .isotope .isotope-item {
	-webkit-transition-duration: 0.8s;
	-moz-transition-duration: 0.8s;
	-ms-transition-duration: 0.8s;
	-o-transition-duration: 0.8s;
	transition-duration: 0.8s;
}
.isotope {
	-webkit-transition-property: height, width;
	-moz-transition-property: height, width;
	-ms-transition-property: height, width;
	-o-transition-property: height, width;
	transition-property: height, width;
}
.isotope .isotope-item {
	-webkit-transition-property: -webkit-transform, opacity;
	-moz-transition-property:    -moz-transform, opacity;
	-ms-transition-property:     -ms-transform, opacity;
	-o-transition-property:      -o-transform, opacity;
	transition-property:         transform, opacity;
}
.isotopeLayout .element {
	width:200px;
	margin:5px;
	padding-bottom:50px;
	background-color:#eee;
	filter: alpha(opacity=70);
	background:rgba(255, 255, 255, .2);
	box-shadow:1px 1px 4px #ccc;
	position:relative
}
.isotopeLayout .element .btnsShare {
	position:absolute;
	height:20px;
	bottom:10px;
	padding:2px 1px 2px 20px;
	background:#ddd;
	border-top:solid 1px #eee;
	border-bottom:solid 1px #ccc;
	border-right:solid 1px #ccc;
	border-radius:0 3px 3px 0
}
.btnsShare a {
	display:block;
	float:left;
	width:20px;
	height:20px;
	margin-right:1px
}
.btnsShare a.btnLove {
	background:url(../images/btns_share.gif) 0 0px no-repeat
}
.btnsShare a.btnLove:hover {
	background:url(../images/btns_share.gif) 0 -40px no-repeat;
	cursor:default
}
.btnsShare a.btnSend {
	background:url(../images/btns_share.gif) -21px 0px no-repeat
}
.btnsShare a.btnSend:hover {
	background:url(../images/btns_share.gif) -21px -40px no-repeat
}
.btnsShare a.btnSay {
	background:url(../images/btns_share.gif) -42px 0px no-repeat
}
.btnsShare a.btnSay:hover {
	background:url(../images/btns_share.gif) -42px -40px no-repeat
}
.isotopeLayout .elementsp {
	width:410px;
	padding-bottom:100px;
}
.isotopeLayout .elementfree {
	background:none;
	box-shadow:0 0 0 #eee;
	padding-bottom:0
}
.isotopeLayout .elementfree a.splink {
	display:block;
	height:200px;
}
/**** Isotope Styles ****/

.sidefilter {
	height:20px;
	border-bottom:dotted 1px #eee;
	margin-left:5px;
	margin-right:5px;
}
.option-set {
}
.option-set li {
	height:40px;
	width:40px;
	margin-right:8px;
	display:inline-block;
	zoom:1;
    *display:inline;
	vertical-align:top;
	border-radius:20px;
	background:#ccc;
}
.option-set li a:active {
/*box-shadow:1px 1px 3px #999 inset*/

}
.option-set li>a:hover {
	/*border-bottom-style:solid;

	border-bottom-width:2px;*/

	box-shadow:0px 0px 20px #fff inset
}
.option-set li a {
	border-radius:20px;
	font:14px/40px "Century Gothic", "微软雅黑", Arial, sans-serif;
	display:block;
	height:40px;
	width:40px;
	color:#999;
	text-align:center;
}
li.showMonth a {
	background:url(../images/blogplus/icon_12.png) 0 0 no-repeat
}
li.showApr a {
	background:url(../images/blogplus/icon_12.png) -50px 0 no-repeat
}
li.showMay a {
	background:url(../images/blogplus/icon_12.png) -100px 0 no-repeat
}
li.showJun a {
	background:url(../images/blogplus/icon_12.png) -150px 0 no-repeat
}
li.showJul a {
	background:url(../images/blogplus/icon_12.png) -200px 0 no-repeat
}
li.showAug a {
	background:url(../images/blogplus/icon_12.png) -250px 0 no-repeat
}
li.showSep a {
	background:url(../images/blogplus/icon_12.png) -300px 0 no-repeat
}
li.showOct a {
	background:url(../images/blogplus/icon_12.png) -350px 0 no-repeat
}
li.showNov a {
	background:url(../images/blogplus/icon_12.png) -400px 0 no-repeat
}
li.showDec a {
	background:url(../images/blogplus/icon_12.png) -450px 0 no-repeat
}
li.showJan a {
	background:url(../images/blogplus/icon_12.png) -500px 0 no-repeat
}
li.showFeb a {
	background:url(../images/blogplus/icon_12.png) -550px 0 no-repeat
}
li.showMar a {
	background:url(../images/blogplus/icon_12.png) -600px 0 no-repeat
}
li a.selected {
	background:url(../images/blogplus/icon_12.png) 0 -80px no-repeat #999;
	color:#fff;
}
li.showMon a.selected {
	background:url(../images/blogplus/icon_12.png) 0 -80px no-repeat #c490bf
}
li.showTue a.selected {
	background:url(../images/blogplus/icon_12.png) 0 -80px no-repeat #f29c9f
}
li.showWed a.selected {
	background:url(../images/blogplus/icon_12.png) 0 -80px no-repeat #7ecef4
}
li.showThu a.selected {
	background:url(../images/blogplus/icon_12.png) 0 -80px no-repeat #acd598
}
li.showFri a.selected {
	background:url(../images/blogplus/icon_12.png) 0 -80px no-repeat #facd89
}
li.showSat a.selected {
	background:url(../images/blogplus/icon_12.png) 0 -80px no-repeat #cfa972
}
li.showSun a.selected {
	background:url(../images/blogplus/icon_12.png) 0 -80px no-repeat #f6b37f
}
li.showMonth a.selected {
	background:url(../images/blogplus/icon_12.png) 0 -40px no-repeat #999
}
li.showApr a.selected {
	background:url(../images/blogplus/icon_12.png) -50px -40px no-repeat #b3d465
}
li.showMay a.selected {
	background:url(../images/blogplus/icon_12.png) -100px -40px no-repeat #84ccc9
}
li.showJun a.selected {
	background:url(../images/blogplus/icon_12.png) -150px -40px no-repeat #c591c0
}
li.showJul a.selected {
	background:url(../images/blogplus/icon_12.png) -200px -40px no-repeat #f29c9f
}
li.showAug a.selected {
	background:url(../images/blogplus/icon_12.png) -250px -40px no-repeat #facd89
}
li.showSep a.selected {
	background:url(../images/blogplus/icon_12.png) -300px -40px no-repeat #ea68a2
}
li.showOct a.selected {
	background:url(../images/blogplus/icon_12.png) -350px -40px no-repeat #aa89bd
}
li.showNov a.selected {
	background:url(../images/blogplus/icon_12.png) -400px -40px no-repeat #a40000
}
li.showDec a.selected {
	background:url(../images/blogplus/icon_12.png) -450px -40px no-repeat #89c997
}
li.showJan a.selected {
	background:url(../images/blogplus/icon_12.png) -500px -40px no-repeat #88abda
}
li.showFeb a.selected {
	background:url(../images/blogplus/icon_12.png) -550px -40px no-repeat #00a0e9
}
li.showMar a.selected {
	background:url(../images/blogplus/icon_12.png) -600px -40px no-repeat #7ecef4
}
.sun .subhead {
	color:#F60
}
.mon .subhead {
	color:#69F
}
.tue .subhead {
	color:#F00
}
.wed .subhead {
	color:#06F
}
.thu .subhead {
	color:#0C0
}
.fri .subhead {
	color:#FC0
}
.sat .subhead {
	color:#804040
}
.jan .subhead {
	color:#39F
}
.feb .subhead {
	color:#09C
}
.mar .subhead {
	color:#09F
}
.apr .subhead {
	color:#9C3
}
.may .subhead {
	color:#0CF
}
.jun .subhead {
	color:#609
}
.jul .subhead {
	color:#C00
}
.aug .subhead {
	color:#F90
}
.sep .subhead {
	color:#F39
}
.oct .subhead {
	color:#309
}
.nov .subhead {
	color:#900
}
.dec .subhead {
	color:#0CC
}
.blogimg7 {
	background:url(../images/blogplus/img-7blog.jpg) no-repeat
}
.blogimg12 {
	background:url(../images/blogplus/img-12blog.jpg) no-repeat
}
/**** uCoz blog ****/
#allEntries {-webkit-transition-property: height, width;-moz-transition-property: height, width;-ms-transition-property: height, width;-o-transition-property: height, width;transition-property: height, width;padding-bottom:50px}
#allEntries .eBlock {width:200px;margin:5px;padding-bottom:50px;background-color:#eee;filter: alpha(opacity=70);background:rgba(255, 255, 255, .2);box-shadow:1px 1px 4px #ccc;position:relative}
#allEntries .eBlock:hover {filter: alpha(opacity=100);background:rgba(255, 255, 255, 1);}
.eTitle, .eMessage, .eDetails {padding-left:20px;padding-right:20px}
.eTitle {padding-top:18px;font:bold 18px/32px "Century Gothic", "微软雅黑", Arial, sans-serif;}
.eMessage {font:12px/20px "Century Gothic", "微软雅黑", Arial, sans-serif;}
#wrap, #wrap2 {background:none;}
#header {height:87px;z-index:15}
#date, #logged-as {padding:0}
#sitelogo {color:#999;margin-top:5px;padding-left:170px;padding-top:36px;font:24px/24px "Century Gothic", "微软雅黑", Arial, sans-serif}
#header .tb_Mo {background: url(http://7swing.com/images/blogplus/logo_dl.png) -5px bottom no-repeat;}
#header .tb_Tu {background: url(http://7swing.com/images/blogplus/logo_fw.png) -5px bottom no-repeat;}
#header .tb_We {background: url(http://7swing.com/images/blogplus/logo_lc.png) -5px bottom no-repeat;}
#header .tb_Th {background: url(http://7swing.com/images/blogplus/logo_pf.png) -5px bottom no-repeat;}
#header .tb_Fr {background: url(http://7swing.com/images/blogplus/logo_rb.png) -5px bottom no-repeat;}
#header .tb_Sa {background: url(http://7swing.com/images/blogplus/logo_wm.png) -5px bottom no-repeat;}
#header .tb_Su {background: url(http://7swing.com/images/blogplus/logo_xm.png) -5px bottom no-repeat;}
#maincol-border, #search {display:none}
#maincol {margin:0;margin-top:10px;padding:0;padding-top:30px;background:none;position:relative}
#maincol-inside {overflow:visible;margin:0}
.subbar {position:absolute}
#maincol ul.option-set {list-style:none}
#maincol .option-set li a {text-decoration:none;}
#allEntries .eBlock .btnsShare {position:absolute;height:20px;line-height:20px;bottom:10px;padding:2px 1px 2px 20px;background:#ddd;border-top:solid 1px #eee;border-bottom:solid 1px #ccc;border-right:solid 1px #ccc;border-radius:0 3px 3px 0;left:0}
#allEntries .catPages1, #allEntries .catPages2 {position:absolute;bottom:0;width:100%;text-align:center}
#maincol-inside .subbar li a.selected {background-image:none}
.eMessage a, .eMessage a:link, .eMessage a:visited {color:#069;text-decoration:none}
.eMessage a:hover, .eMessage a:active {color:#09f}
#maincol .option-set li>a:before, #maincol .option-set li>label:before {font-family: 'icomoon';line-height:40px}
/*a.ico_add:before {content:"\e009";}
a.ico_main:before {content:"\e000";}
a.ico_blog:before {content:"\e190";}
a.ico_user:before {content:"\e074";}
a.ico_login:before {content:"\e103";}
a.ico_logout:before {content:"\e104";}
a.ico_signin:before {content:"\e0b3";}
label.ico_menu:before {content:"\e0b8";}
label.ico_menuon:before {content:"\e0fd";color:#eee}*/
.tbBcn {margin-top:-30px}
.tbBcn a {color:#fff}
.tbBcn a.icoAdd {background:#fff}
.tbBcn a.icoAdd:hover {background:#ccc}
.catPages1 {background: rgba(255,255,255,.2);box-shadow: 0px 0px 4px #ccc;margin-bottom:0;height:35px;line-height:35px;color:#fff;font-size:120%;text-align:right}
.catPages1 a {color:#333;text-decoration:none}
.catPages1>a, .catPages1>b>span, .catPages1>a>span {display:inline-block;*display:inline;zoom:1;height:35px;line-height:35px;width:35px;padding:0;text-align:center}
.catPages1>b>span {background:#888}
.catPages1>a:hover {background:#59bdc1}
#maincol-inside>table.Su {
	background:#c00
}
#maincol-inside>table.Mo {
	background:#7b3
}
#maincol-inside>table.Tu {
	background:#938
}
#maincol-inside>table.We {
	background:#F8b
}
#maincol-inside>table.Th {
	background:#eb6
}
#maincol-inside>table.Fr {
	background:#666
}
#maincol-inside>table.Sa {
	background:#69F
}