/*
nAka v4.0 (Themeplate)
--------------------------------------------------
Copyright (C) 2000-2012 nAka. All rights reserved.
http://naka.tw
Author: Naka Chou
Update: 2012/1/4
*/

/*
CSS Reset v2.0 | 20110126
http://meyerweb.com/eric/tools/css/reset/ 
License: none (public domain)
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;}
table {border-collapse: collapse;border-spacing: 0;}

/*
clearfix
*/
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix {
	display: inline-block;
}
html[xmlns] .clearfix {
	display: block;
}
* html .clearfix {
	height: 1%;
}


/*--- Page Set ---*/
html {
	margin:0px;
	padding:0px;
}
body {
	height:100%;
	overflow:visible;
	margin:0px;
	padding:0px;
	background:url(../images/themes/v1/background.jpg) no-repeat top left #f7f4f4;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
	font-size:12px;
	line-height:1.3;
	color:#777;
}
body#TV {overflow:hidden;}
a {
	color:#777;
	text-decoration:none;
}
a:hover {
	color:#555;
	text-decoration:underline;
}
img {border:none;}
.clear {clear:both;}
.left {float:left;}
.right {float:right;}
::selection {
	background:#CCC;
	color:#FFF;
}



/*---Wrapper Set---*/
#wrapper {}
#wrapper1 {}
#wrapper2 {
	width:960px;
	margin:0 auto;
}
#header {}


/*---text-indent hidden----*/
#header h1 a,
#header span.description,
#header nav li a span,
#header #linkSocial figcaption,
#header #linkSocial a span,
#footer .contact .mail,
#footer .copyright span {
	display:block;
	text-indent:-5000px !important;
}


/*---background-image----*/
#header h1 a,
#header hgroup span.description,
#nav li a,
#linkSocial a span,
#linkSocial p,
#footer .contact .mail,
#footer .copyright span {
	background-image:url(../images/themes/v1/nk_components.png);
	background-repeat:no-repeat;
}


/*---hgroup Set---*/
#header hgroup {margin-bottom:50px;}
#header hgroup h1 {margin-bottom:6px;}
#header hgroup h1 a {
	width:188px;
	height:76px;
	background-position:0 0;
}
#header hgroup span.description {
	width:168px;
	height:11px;
	background-position:0 -76px;
}


/*---nav Set---*/
#nav {margin-bottom:20px;}
#nav ul {width:120px;}
#nav ul:hover a {
	opacity:0.3;
	-webkit-animation: nav-ul-am .3s ease-out;
	-moz-animation: nav-ul-am .3s ease-out;
	-ms-animation: nav-ul-am .3s ease-out;
	-o-animation: nav-ul-am .3s ease-out;
}
@-webkit-keyframes nav-ul-am {
  0%   {opacity:1;}
  100%  {opacity:0.3;}
}
@-moz-keyframes nav-ul-am {
  0%   {opacity:1;}
  100%  {opacity:0.3;}
}
@-ms-keyframes nav-ul-am {
  0%   {opacity:1;}
  100%  {opacity:0.3;}
}
@-o-keyframes nav-ul-am {
  0%   {opacity:1;}
  100%  {opacity:0.3;}
}
#nav li {margin-bottom:4px;}
#nav li a {
	display:block;
	width:120px;
	height:21px;
}
#nav li:hover a {
	opacity:1.0;
	-webkit-animation: nav-li-am .3s ease-out;
	-moz-animation: nav-li-am .3s ease-out;
	-ms-animation: nav-li-am .3s ease-out;
	-o-animation: nav-li-am .3s ease-out;
}
@-webkit-keyframes nav-li-am {
  0%   {opacity:0.3;}
  100%  {opacity:1;}
}
@-moz-keyframes nav-li-am {
  0%   {opacity:0.3;}
  100%  {opacity:1;}
}
@-ms-keyframes nav-li-am {
  0%   {opacity:0.3;}
  100%  {opacity:1;}
}
@-o-keyframes nav-li-am {
  0%   {opacity:0.3;}
  100%  {opacity:1;}
}
#nav li a span {}
#nav a[title="Works"] {background-position:0 -126px;}
#nav a[title="Photos"] {background-position:0 -147px;}
#nav a[title="Blog"] {background-position:0 -168px;}
#nav a[title="Friends"] {background-position:0 -189px;}


/*---linkSocial Set---*/
#linkSocial {}
#linkSocial:hover a {
	opacity:0.3;
	-webkit-animation: linkSocial-am .3s ease-out;
	-moz-animation: linkSocial-am .3s ease-out;
	-ms-animation: linkSocial-am .3s ease-out;
	-o-animation: linkSocial-am .3s ease-out;
}
@-webkit-keyframes linkSocial-am {
  0%   {opacity:1;}
  100%  {opacity:0.3;}
}
@-moz-keyframes linkSocial-am {
  0%   {opacity:1;}
  100%  {opacity:0.3;}
}
@-ms-keyframes linkSocial-am {
  0%   {opacity:1;}
  100%  {opacity:0.3;}
}
@-o-keyframes linkSocial-am {
  0%   {opacity:1;}
  100%  {opacity:0.3;}
}
#linkSocial figcaption {display:none !important;}
#linkSocial p {height:16px;background-position:-62px -110px;}
#linkSocial a {
	display:inline-block;
	height:16px;
}
#linkSocial a span {
	width:16px;
	height:16px;
}
#linkSocial a.Facebook {width:36px;}
#linkSocial a.Facebook span {background-position:0 -109px;}
#linkSocial a.GPlus {width:50px;}
#linkSocial a.GPlus span {background-position:-16px -109px;margin:0 auto;}
#linkSocial a.Weibo {width:36px;}
#linkSocial a.Weibo span {margin-left:18px;background-position:-32px -109px;}
#linkSocial a:hover {
	opacity:1;
}


/*---content Set---*/
#bigbanner {
	margin:20px 0;
	background:#FFF;
	-moz-border-radius: 5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	-moz-box-shadow:0px 0px 8px #D9D9D9;
	-webkit-box-shadow:0px 0px 8px #D9D9D9;
	box-shadow:0px 0px 8px #D9D9D9;
}
#bigbanner a {
	display:block;
	-moz-border-radius: 5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}
#bigbanner a img {
	display:block;
	-moz-border-radius: 5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}


/*---footer Set---*/
#footer {}
#footer .contact {margin-bottom:4px;}
#footer .contact a.mail {
	width:113px;
	height:11px;
	background-position:0 -98px;
}
#footer .copyright {}
#footer .copyright span {
	width:189px;
	height:11px;
	background-position:0 -87px;
}