*{ margin:0; padding:0; outline:none;}
html, body {background:#fff; color:#000; font:14px Helvetica; height:100%;}
img, a img {border:none;}
a {color:#222; text-decoration:none;}
a:hover {color:#888;}
h2 {color:#000; font:bold 14px Helvetica; text-transform:lowercase;}
h3 {font:bold 14px Helvetica;}
address {font: 14px Helvetica;}
ul, ol {list-style:none inside; position:relative;}

.blog {
	display:block;
	min-height:100%;
	position: relative;
	/*margin:0 auto;*/
}


#wrapper {
	overflow:hidden;
	width:960px;
}
.clear, .coolnavigate {clear:both; }
.down55 {margin-bottom:55px;}
.up20 {margin-top:20px;}
/*
__________________________________________________ weather background
*/
.sunny { background:url('images/sunny.png') repeat-x;}
.sunny #wrapper {background:url('images/o_logo.png') no-repeat fixed 24px 24px;}
.cloud {background:#ccc;}
.rain { background:url('images/rain.png');}
.snow { background:url('images/snow.png');}
.thunder { background:url('images/thunder.png');}

/*
__________________________________________________ header
*/

#header {display:block; height:64px; position:relative;}
h1#logo {
	background: url('images/logo_8.png') no-repeat 0 2px; 
	border-top:#000 solid thin;
	display:block; 
	height:23px;
	margin-right:0px;
	position:absolute; 
	right:0px;
	text-indent:-5000px;
	top:512px; 
	width:159px;
	z-index:10;
}

h1#logo a {
	display:block; 
	height:23px;
	width:159px;
}


/*
____________________________________________________________________________________________________________ mainNav
*/

	#mainNav {margin:0 0 0 128px;}
	#mainNav a{ border-top:#000 solid 2px; display:block; line-height:14px; width:64px;}
	#mainNav a:hover { border-top:#888 solid 2px; color:#888;}
	#mainNav a.selected { border-top:#888 solid 2px; color:#888; font-weight:bold;}
	#mainNav a:hover.selected {border-top:#888 solid 2px; color:#888;}
	.projectNav { margin:0 320px 0 0;}
	.nerveNav { margin:0 64px 0 0;}
	.projectNav a, .nerveNav a { padding:0 0 4px;}
	.blogNav a, .connectNav a {margin:0 64px 0 0; padding:0 0 4px; }
	
	#mainNav div { float:left;}
	
	#mainNav div a{ border-top:#000 solid 2px; display:block; line-height:14px; width:64px; position:relative;}
	#mainNav div.subNav ul { position:absolute; padding:0 0 4px; width:64px;}
	#mainNav div.subNav ul li {padding:0;}
	#mainNav div.subNav ul li a { background:none; border: none; letter-spacing:.1em; margin:0; padding:0px;}
	#mainNav div.subNav ul li a:hover { background:none;}
	#mainNav div.subNav li:hover ul { display:block;}
	
/*
____________________________________________________________________________________________________________ content
*/

#container{clear:both; display:block; padding:0 0 250px; position:relative; width:960px;}
#categoryTitle {/*border:1px solid #000;*/}
#categoryTitle ul, #thenerveTitle ul{margin:0 0 0 92px; display:block; height:64px;}
#thenerveTitle ul li.title {text-transform:lowercase;}
#thenerveTitle ul li {background:url('images/line_1.gif') no-repeat top left; width:92px; float:left; padding:0 0px 0 36px;}
#categoryTitle ul li a{background:url('images/line_1.gif') no-repeat top left; width:92px; float:left; padding:0 0px 0 36px;}
#categoryTitle ul li a:hover{background:url('images/line_1a.gif') no-repeat top left; width:92px; float:left; padding:0 0px 0 36px;}
#blogTitle {margin:0 0 0 78px; display:block; height:46px; clear:both;}
#blogTitle ul li.commercialTab {background: url('images/line_6.gif') no-repeat top left; width:192px; float:left; margin:0 28px 0 0; padding:3px 0 0 36px; text-transform:lowercase;}
#blogTitle ul li {background: url('images/line_6.gif') no-repeat top left; float:left; margin:0 28px 0 0; padding:3px 0 0 36px; text-transform:lowercase;}

#leftcol p a img { border:1px solid #d4d4d4; }
#leftcol p a:hover img { border:1px solid #999; }
#leftcol {float:left; width:512px; padding:0 0 0 14px; margin:81px 0 0 0; }
.coolnavigate { position:absolute; bottom:405px; left:511px; font-size:12px; padding-right:10px; margin-right:-20px; border-top:3px solid #333; font-weight:bold; }
.coolnavigate span.pages{ display:none;}
.coolnavigate a, .coolnavigate span.current {padding:5px 2px;}
.coolnavigate span.current {color:#888;}

.backgroundConte {visibility:hidden; position:absolute; width:490px; height:300px; left:0px; top:-32px; z-index:-1;}
.backgroundConte2 {visibility:hidden; position:absolute; width:490px; height:300px; left:0px; top:-32px; z-index:-1;}
.backgroundConte3 {visibility:hidden; position:absolute; width:490px; height:300px; left:-256px; top:-60px; z-index:-1;}
.backgroundConte4 {visibility:hidden; position:absolute; width:490px; height:300px; left:-256px; top:-60px; z-index:-1;}
	
	ul.myAccodion {border-bottom:#888 solid 1px; position:relative; width:120px; }
	ul.myAccodion li a.projectTitle {border-top:#888 solid 1px; display: block; width:120px; position:relative; }
	ul.myAccodion li a:hover.projectTitle { background:#fff; color:#000;}
	ul.myAccodion li ul { display: none; width:300px; position: relative; width:120px;}
	ul.myAccodion li ul li {border: none; padding:0 0 16px; margin:0;}
	ul.myAccodion li.current ul { display: block;}
	
	ul.myAccodion li.current {background:url('images/minus.gif') no-repeat;}
	ul.myAccodion li strong {font-weight:normal; padding:0 0 0 2px;}
	ul.myAccodion li strong.visible {visibility: hidden; font-weight:normal;}
	
	ul.module1 {/*border-bottom:#333 solid 1px;*/ margin:35px 0 0 0px; float:left; z-index:12;}
	ul.module1 li a.projectTitle, 
	ul.module2 li a.projectTitle, 
	ul.module3 li a.projectTitle, 
	ul.module4 li a.projectTitle { border-top-width:1px; height:1.5em;}
	ul.module1 li a:hover.projectTitle, 
	ul.module2 li a:hover.projectTitle, 
	ul.module3 li a:hover.projectTitle, 
	ul.module4 li a:hover.projectTitle { background:#fff url('images/plus.gif') no-repeat;}
	ul.module2 {/*border-bottom:#333 solid 2px;*/ float:left; margin:0 0 0 8px; }
	ul.module3 {/*border-bottom:#333 solid 3px;*/ float:left; margin:88px 0 0 8px; }
	ul.module4 {/*border-bottom:#333 solid 2px;*/ float:left; margin:53px 0 0 8px; }
	
	.news { position:relative; padding-bottom:256px;}
	
	.news table { width:512px; margin:4px 0 0;}
	.news td {padding: 8px 0;}
	.news td.fisrtTd {background:url('images/line_5.gif') no-repeat 0 12px; padding:8px 12px 0; width:102px; vertical-align:top; text-transform:lowercase;}
	.news td.secodTd {padding-right:30px;}
	.news td.secodTd p {margin-bottom:10px;}
	
	.about { position:relative; padding-bottom:128px;}
	.about p { padding:12px 0 22px; width:384px; }
	
	ul.tagLists {display: block; list-style-image:url('images/line_5.gif'); position:relative; float:left; width:260px; margin:17px 0 0; padding-bottom:128px;}
	ul.tagLists li { padding:0 8px 8px 0; width:120px; float:left;}
	
	#tagTitle ul{margin:0 0 0 92px; display:block; height:64px; }


	#tagTitle ul li a {background:url('images/line_1.gif') no-repeat top left; width: 192px; float:left; margin:0 28px 0 0; padding:0 0px 0 36px; }
	#tagTitle ul li a:hover {background:url('images/line_1a.gif') no-repeat top left; width:192px; float:left; margin:0 28px 0 0; padding:0 0px 0 36px;}
	
	#rightcol {float:right; width:256px; padding-right:64px; }
	ul.blogList {/*border-bottom:#333 solid 1px;*/ float:left; margin:126px 0 33px 0px;}
	ul.blogList li a.projectTitle{/*border-top-width:1px;*/ height:1.5em;}
	
	ul.connect {/*border-bottom:#333 solid 1px;*/ color:#fff; float:right; margin:18px 8px 0 0; width:120px;}
	ul.connect li a.projectTitle{/*border-top-width:1px;*/ height:1.5em; }
	ul.connect h2 {line-height:12px; padding:0 0 8px; position: relative;}
	ul.connect li ul {margin:4px 0 0; position: relative; width:120px;}
	ul.connect li address{width:120px;}
	ul.connect li ul li {border: none; padding:0 0 4px; margin:0;}
	ul.connect li ol.snetwork {background: url('images/line_2.gif') no-repeat 0px 13px; margin:8px 0 0 0; padding: 0 0 0 24px; }
	ol.snetwork h3 {line-height:32px; padding:0 0 4px;}
	.share h3 a {color:#fff;}
	ol.snetwork li.snetList {padding:0;}
	ol.snetwork li.snetList a{color:#fff;}
	ol.snetwork li.snetList a:hover{color:#000;}
	ol.snetwork li.shareList{padding:12px 0 0; font-weight:bold;}
	
	ol.snetwork li.shareList a{color:#fff;}
	ol.snetwork li.shareList a:hover {color:#666;}

#surface{clear:both; width:960px; display:block; /*margin:0 auto;*/ }
#view {
		background:#000;
		width:690px;
		height:570px;
		display:block; 
		margin:0 auto; 
		color:#fff;
	}



/*
____________________________________________________________________________________________________________ single
*/
#single {
  /*border:1px solid #F00;*/
  float:left; 
  width:880px; 
  margin:80px 0 128px 0;
  padding:0 0 0 14px;
}
.sgtitle {
  clear:both;
  height:43px;
  float:left;
  text-transform:lowercase;
}
#single h2 {
  width:221px; 
  float:left; 
  margin:0 0 0 77px; 
  
}
#single span.date,  #single span.back, #single h2 {
  background:url(images/line_6.gif) 0 0 no-repeat;
  padding:2px 0 0 36px;
}
.date {width:227px; float:left; font-weight:bold;}
.entry {clear:both; }
#single p {margin:0 0 15px 0; font-style:normal; line-height:20px;}
#search {position:absolute; right:72px; margin:2px 0 0 0;}
#single .label a {padding:5px;}
#single .label {width:249px; border-top:2px solid #888;}
.excimg, .excttl {width:121px; height:72px;}
.excdv {padding:0 0 0 115px; margin:0 0 28px 0;}
.excttl, .excmeta {float:left; background:url(images/line_6.gif) -57px 0 no-repeat; padding:0 0 0 8px;}
.excmeta {text-transform:lowercase;}
.excmeta p {margin:0 0 15px 0; }

/*
____________________________________________________________________________________________________________ comments
*/
#commentblock {
  clear:both;
  float:left;
  width:760px;
  margin:60px 0 0 78px;
  
}
#commentblock p {line-height:17px; font-size:11px; letter-spacing:-0.5px; }
.comm1 {float:left; width:90px; background: url(images/line_6.gif) 0 0 no-repeat; padding:2px 0 0 36px; }
.comm1 b, .comm1a b{font-style:italic; }
.comm1a {float:left; width:74px; background: url(images/line_7.gif) 0 0 no-repeat; padding:2px 0 0 0; margin:0 0 0 36px;}

.comm2 {float:right; width:625px;}
.commentlist {float:left; width:290px; }
#commentblock li {background: url(images/line_6.gif) 0 0 no-repeat; padding:3px 0 20px 28px;}
#commentblock li p.comm-head {padding:0 0 10px 0; font-style:italic;}
.commenttext {clear:both;}
.comm-share {float:right;}
.comm-pg {background:url(images/line_7.gif) 0 0 no-repeat; padding:3px 0 0 28px;}
.comm-pg a, .comm-pg span.current {padding:0 5px;}
.comm-form {padding:0 0 0 28px;}
.comm-back {float:right; text-align:left; width:347px;margin:45px 0 92px 0; padding: 4px 0 0 0; background:url(images/line_7.gif) 0 0 no-repeat;}
#searchform {width:120px;}
#searchform input, #commentblock input {font-family:Helvetica; font-size:11px; font-style:italic;}
#searchform input#sbmt, #commentblock input#sbmt {font-family:Helvetica; font-size:11px; font-style:normal;}
#searchform input#inpt, #commentblock input#author, #commentblock input#email, #commentblock input#url, #commentblock input#comment, #commentblock textarea  {border-bottom:1px solid #bdbdbd; border-top:2px solid #888; border-right:0; border-left:0; }
#commentblock input, #commentblock textarea {width:242px;}
#searchform input#inpt {width:120px;}
#commentform p {text-transform:lowercase; vertical-align:top;}

#searchform input#sbmt{ color:#888; border:0;  background:transparent; text-transform:lowercase;  font-weight:bold; padding:0; margin:0;}
#searchform .f0cus, #commentblock .f0cus {background:#000; color:#FFF;}
#searchform .bl00r, #commentblock .bl00r {background: transparent;color:#888; }
#commentblock input#submit {border:0; background:#000; color:#FFF;float:left; font-weight:bold; padding:3px 0; width:60px; text-transform:lowercase; }

.comm-side {position:absolute; right:0; }
#commentblock ul.blogList li, #commentblock ul.blogList li ul li { background:none;}
#commentblock ul.blogList li {padding:0; margin:0; clear:both;}
#commentblock ul.blogList li ul li {padding:0 0 10px 0; margin:0; }
#commentblock ul.blogList li ul#archivem li, #rightcol ul.blogList li ul#archivem li  {padding:0 0 0 0; margin:0; }

#commentblock ul.blogList h2 {padding:0 0 10px 0; margin:0; background:none; }
#commentblock ul.blogList p {margin:0 0 0 0;}
#commentblock ul.blogList {margin:0 0 33px 0;}

#commentblock ul.myAccodion li.current {background:url('images/minus.gif') no-repeat;}
/*#commentblock ul.myAccodion li strong.visible {visibility: visible; font-weight:normal; }*/



#commentblock ol.snetwork, #rightcol ol.snetwork {background: none; margin:0 0 40px 0; padding: 0; clear:both;}
#commentblock ol.snetwork li.shareTag ul.shareLinks li, #rightcol ol.snetwork li.shareTag ul.shareLinks li {background: none; display:inline; clear:none;}
#commentblock ol.snetwork li.shareTag, #rightcol ol.snetwork li.shareTag {
		display: block;
		font-size:11px; 
		font-weight:bold;
		margin:8px 0 0;
		padding:0px 0 8px;
    background:url(images/line_7.gif) 0 0 no-repeat;
	}
#commentblock	.shareTag a, #rightcol .shareTag a {padding:0 0 16px;}
#commentblock	.shareTag ul.position1, #rightcol	.shareTag ul.position1 {left: 0px;}
#commentblock	.shareTag ul.shareLinks, #rightcol .shareTag ul.shareLinks {
		background:#fff; 
		border-top:#fff solid 1px; 
		margin:8px 0 0;
		opacity:.8;
		padding:8px;
		position:absolute; 
		visibility:hidden;
		width:180px;
		}
#commentblock	.shareTag ul.shareLinks li a, #rightcol	.shareTag ul.shareLinks li a {color:#000; font-weight:normal; padding:8px 16px 8px 0;}
#commentblock	.shareTag ul.shareLinks li a:hover, #rightcol	.shareTag ul.shareLinks li a:hover {color:#888;}


/*
____________________________________________________________________________________________________________ footer
*/


#footer #sol a{
		background:url('images/sol.png') no-repeat; 
		display:block; 
		height:64px;
		color:#fff;
		margin:-63px 0 0 640px;
		padding:20px 0 0 30px;
		position:absolute; 
		width:64px;
		z-index:20;
	}
#footer #sol a:hover {
	color:#000;
}
#ship {
		background:url('images/ship.png') no-repeat;
		height:42px;
		margin:-38px 0 0 832px;
		position:absolute;
		width:38px;
		z-index:20;
	}


#footer{
	background:url('images/sea3.gif') no-repeat bottom left; 
	border-top:1px solid #aaa;
	bottom:0;
	clear:both;
	position:absolute;
	left:0;
	height:250px; 
	width:100%;
	z-index:0;
  /*border:1px solid #F00;*/
}
#footerTop {width:960px;}
#footer a {color:#000;}
#footer a:hover {color:#fff;}
.footerAddress, .sitemap, .fsnetwork { float:left; width:120px;}
.footerAddress {border-top:#333 solid 3px; margin:0 136px 0 128px}
.footerAddress h2,.sitemap h2, .fsnetwork h2 {padding:8px 0 16px;}
.sitemap { margin:0 8px 0 0;}
.fsnetwork {border-top:#888 solid 1px; margin:0 0 0 64px;}
.sitemap  h3 {font-weight:normal; padding:0 0 8px;}
.sm1 {border-top:#333 solid 2px;}
.sm2 {border-top:#333 solid 1px;}
.sm3 {border-top:#888 solid 2px; }
.sm2 {padding:40px 0 0;}
#footer .sm3 {padding:64px 0 0}

.blog #copyright {
	background:url('images/line_1a.gif') no-repeat top left; 
	clear:both;
	font-size:9px;
	margin:64px 0px; 
	padding:0px 32px 0; 
	position:relative; 
	top:64px;
	}
	
	li.shareTag {
		display: block;
		font-size:11px; 
		font-weight:bold;
		margin:8px 0 0;
		padding:0px 0 8px;
	}
	.shareTag a {padding:0 0 16px;}
	.shareTag ul.position1 {left: 0px;}
	.shareTag ul.position2 {left:-64px;}
	.shareTag ul.shareLinks {
		background:#fff; 
		border-top:#fff solid 1px; 
		margin:8px 0 0;
		opacity:.8;
		padding:8px;
		position:absolute; 
		visibility:hidden;
		width:199px;
		}
	.shareTag ul.shareLinks li {display:inline;}
	.shareTag ul.shareLinks li a{color:#000; font-weight:normal; padding:8px 16px 8px 0;}
	.shareTag ul.shareLinks li a:hover{color:#888;}
	
	#footer ul.shareLinks1 {
	border-top:#fff solid thin; 
	margin:8px 0 0;
	padding:0;
	position:absolute; 
	width:155px;
	}
	
	#footer .shareTag ul.shareLinks li a{color:#000; font-weight:normal; padding:8px 16px 8px 0;}
	#footer .shareTag ul.shareLinks li a:hover{color:#888;}