/* =============================================================================
   Fonts
   ========================================================================== */


@font-face {
    font-family: 'NDBold';
    src: url('fonts/nd-bold-webfont.eot');
    src: url('fonts/nd-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/nd-bold-webfont.woff') format('woff'),
         url('fonts/nd-bold-webfont.ttf') format('truetype'),
         url('fonts/nd-bold-webfont.svg#NDBold') format('svg');
}

@font-face {
    font-family: 'NTBook';
    src: url('fonts/nt-book-webfont.eot');
    src: url('fonts/nt-book-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/nt-book-webfont.woff') format('woff'),
         url('fonts/nt-book-webfont.ttf') format('truetype'),
         url('fonts/nt-book-webfont.svg#NTBook') format('svg');
}

@font-face {
    font-family: 'NTBookSC';
    src: url('fonts/nt-booksc-webfont.eot');
    src: url('fonts/nt-booksc-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/nt-booksc-webfont.woff') format('woff'),
         url('fonts/nt-booksc-webfont.ttf') format('truetype'),
         url('fonts/nt-booksc-webfont.svg#NTSCBookSC') format('svg');
}

/* =============================================================================
   Basics
   ========================================================================== */

* {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;	
}

body {
	background: #fff;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans-serif;
	color: #444;
	font-size: 11px;
	line-height: 1em;
}

#header,
#main {
	padding: 15px 0 0 0;
}

#main.single,
#main.page {
	padding-top: 30px;
}

.wrap {
	position: relative;
	width: 940px;
	margin: 0 auto;
}

/* =============================================================================
   Links
   ========================================================================== */

a,
a:link,
a:visited,
a:focus,
a:active,
a:hover {
	color: #444;
}

/* =============================================================================
   Form Elements
   ========================================================================== */

textarea,
input[type=text],
input[type=password] {
	border: 1px solid #ccc;
	color: #888;
	font-style: italic;
	font-family: "Palatino Linotype", Palatino, Palladio, "URW Palladio L", "Book Antiqua", Baskerville, "Bookman Old Style", "Bitstream Charter", "Nimbus Roman No9 L", Garamond, "Apple Garamond", "ITC Garamond Narrow", "New Century Schoolbook", "Century Schoolbook", "Century Schoolbook L", Georgia, serif;	
	font-size: 13px;
	letter-spacing: 1px;
}

input[type=text],
input[type=password] {
	height: 24px;
	text-indent: 4px;
	width: 180px;	
}

textarea:focus,
input[type=text]:focus,
input[type=password]:focus {
	color: #000;
	border-color: #666;
}

input[type=submit] {
	border: 1px solid transparent;
	height: 24px;
	font-family: NTBook, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans-serif;
	font-size: 14px;
	text-transform: uppercase;
	letter-spacing: 2px;
	color: #000;
	background: transparent;
}

input[type=submit].search,
input[type=submit]#newsletter_submit {
	width: 24px;
	overflow: hidden;
	color: transparent;
	background: #fff url('../img/btn-submit.png') no-repeat 0 0;
	line-height: 0;
}

input[type=submit].search {
	background-image: url('../img/btn-search.png');
}

input[type=submit]:hover,
input[type=submit]:focus {
	background-position: 0 -24px;
}

input:-webkit-input-placeholder {
	vertical-align: middle;
	color:#888;
}

input:-moz-placeholder {
	color:#888;
}



/* =============================================================================
   Header
   ========================================================================== */

#header {
}

#header .wrap {
	height: 230px;
	border-bottom: 1px solid #ccc;
}

#site-logo {
	width: 346px;
	height: 126px;
	display: block;
	position: absolute;
	margin: 94px 297px 0 297px;
	background: transparent url('../img/logo-blog.png') no-repeat 0 0;
}

#site-title,
#site-description {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}

#header nav {
	font-family: NTBook, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans-serif;
	font-size: 14px;
	text-transform: uppercase;
	letter-spacing: 2px;
}

#header nav.header_left ul li,
#header nav.header_right ul li {
	display: inline;
}

#header nav.header_left {
	float: left;
}

#header nav.header_right {
	float: right;
}

#btn-flashsite {
	position: absolute;
	z-index: 100;
	display: block;
	top:0;
	margin-top: -75px;
	right: -50px;
	height: 156px;
	width: 156px;
	background: transparent url('../img/btn-flashsite.png') no-repeat 0 0;
	-webkit-border-radius: 80px;
	   -moz-border-radius: 80px;
	        border-radius: 80px;
}

#btn-flashsite:hover {
	-webkit-box-shadow: 0px 0px 70px 0px rgba(0, 0, 0, .1);
	   -moz-box-shadow: 0px 0px 70px 0px rgba(0, 0, 0, .1);
	        box-shadow: 0px 0px 70px 0px rgba(0, 0, 0, .1);
}

/* =============================================================================
   Content
   ========================================================================== */

#content {
	float: left;
	width: 700px;
}

#main.page #content {
	float: none;
	margin: 0 auto 20px auto;
	text-align: center;
}

/* =============================================================================
   Sidebar
   ========================================================================== */

#sidebar {
	float: right;
	width: 210px;
}

.sidebar {
	margin: 0;
}

.sidebar h2,
.sidebar li.language-selector ul li {
	font-family: NTBook, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans-serif;
	font-size: 14px;
	text-transform: uppercase;
	letter-spacing: 2px;
	margin: 0 0 10px 0;
	color: #000;
}

.sidebar h2.tutorials-link {
	font-family: NDBold, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans-serif;
	font-size: 22px;
	letter-spacing: 1px;
	margin: 0;
	line-height: 1em;
	white-space: nowrap;
}

.sidebar h2.tutorials-link a {
	display: block;
}

.sidebar h2.tutorials-link a span {
	opacity: 0;
}

.sidebar h2.tutorials-link a:hover span {
	opacity: 1;
}

.sidebar li {
	clear: both;
	margin:0 0 30px 0;
}

.sidebar li ul {
}

.sidebar li ul li {
	margin: 6px 0 0 0;
	letter-spacing: 1px;
}

.sidebar li ul li.current-cat {
	font-weight: bolder;
}

.sidebar li.language-selector {
	margin-top: 0;
}

.sidebar li.language-selector h2 {
	font-size: 10px;
	letter-spacing: 3px;
	margin-bottom: 6px;
}

.sidebar li.language-selector ul li {
	float: left;
	clear: none;
	margin: 0 0 30px 0;
}

.sidebar li.language-selector ul li span {
	color: #888;
}

.sidebar li.language-selector ul li.divider {
	margin: 0 10px 30px 10px;
}

.sidebar li .fb-like,
.sidebar li .fb-facepile {
	margin: 6px 0 0 0;
}

/* =============================================================================
   Footer
   ========================================================================== */

#footer {
	clear: both;
	margin-bottom: 40px;
}

#footer .wrap {
	border-top: 1px solid #ccc;
	padding: 15px 0 0 0;
}

#footer .sidebar li {
	margin: 15px 0 20px 0;
	text-align: center;
	font-family: NTBook, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans-serif;
	letter-spacing: 1px;
	text-transform: uppercase;
}

#footer .sidebar li ul li {
	display: inline-block;
	margin: 0 10px;
}

/* =============================================================================
   Images
   ========================================================================== */

img.icon {
	vertical-align:middle;
	margin-bottom: 2px;
}

/* =============================================================================
   Post
   ========================================================================== */

article {
	clear: both;
	overflow: hidden;	
}

article.excerpt {
	border-top: 1px solid #ccc;
	padding: 15px 0 0 0;
}

article.excerpt.first {
	border: none;
	padding: 0;
}

article h2.title {
	margin: 0 0 5px 0;
	font-size: 22px;
	letter-spacing: .1em;
	font-family: NDBold, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans-serif;
	font-weight: normal;
	text-transform: uppercase;
	line-height: 1.2em;
}

article h2.title a {
	color: #000;
}

article.excerpt h2.title {
	font-size: 16px;
}

article .thumb {
	float: left;
	margin: 0 0 15px 0;
}

article .excerpt {
	margin-left: 480px;
}

article .post-meta {
	margin-bottom: 15px;
}

article.post .post-meta {
	margin-bottom: 45px;
}

article div.post-lang {
	margin: 0 0 20px 0;
	text-align: center;
	text-transform: uppercase;
}

article div.post-lang a:hover {
	border-bottom: 1px dotted #222;
}

article div.post-lang .active {
	opacity: .65
}

article div.post-lang .divider {
	margin: 0 8px;
}

article .date,
article .edit,
article .edit a,
article .cats,
article .cats a,
article .comments-link,
article .comments-link a {
	color: #808080;
}

article .content {
	margin: 15px 0 0 0;
	line-height: 1.4em;
}

article.page .content {
	margin-bottom: 60px;
	margin-top: 40px;
}

article.justified .content {
	margin-left: auto;
	margin-right: auto;
	width: 346px;
	text-align: justify;
}

article .content .spacer {
	clear: both;
	height: 45px;
}

article .content p {
	margin: 0 0 15px 0;
}

article .content p:hover a,
article .content ul:hover a,
article .content li:hover a,
article .content p.hover a,
article .content ul.hover a,
article .content li.hover a {
	border-bottom: 1px dotted #222;
}

article .content p:hover a.linked-img,
article .content ul:hover a.linked-img,
article .content li:hover a.linked-img,
article .content p.hover a.linked-img,
article .content ul.hover a.linked-img,
article .content li.hover a.linked-img {
	border-bottom: none;
}

article .content p.images-copyright {
	text-align: center;
}

article .content iframe {
	margin: 0 0 15px 0;
}

article .content img {
	margin: 0 0 10px 0;
}

article .content .alignnone {
}

article .content .alignleft {
	float: left;
}

article .content .alignright {
	float: right;
}

article .content .aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/* =============================================================================
   WP Gallery
   ========================================================================== */

article .content .gallery {
	line-height: 0;
}

article .content .gallery ul {
	clear: both;
	margin: 0;
	list-style-type: none;
}
		
article .content .gallery ul li {
	margin: 0 0 10px 0;
	box-sizing: border-box;
}			

article .content .gallery .gallery-icon,
article .content .gallery .gallery-item {
	margin: 0;
	line-height: 0;
	font-size: 0;
	text-align: center;
}

article .content .gallery .gallery-icon img {
	margin: 0 auto;
}

article .content .gallery .gallery-caption {
	display none;
}

article .content .gallery.size-fit .gallery-icon img {
	width: 100%;
	height: auto;
}

article .content .gallery.size-center .gallery-icon img {
	width: auto;
	height: auto;
}

/* =============================================================================
   Post socials
   ========================================================================== */

.post-socials {
	border-top: 1px solid #ccc;
	margin: 15px 0 10px 0;
	height: 35px;
	position: relative;
}

.post-socials iframe {
	margin: 0;
	padding: 0;
}

.post-socials .gplus,
.post-socials .fb-like,
.post-socials .twitter-share-button,
.post-socials .pinit-button {
	z-index: 5;
}

.post-socials .gplus {
	margin: 18px 0 0 0;
	float: right;
}

.post-socials .fb-like {
	margin: 15px 0 0 0;
	float: left;
}

.post-socials .twitter-share-button,
.post-socials .pinit-button {
	margin: 15px 0 0 0;
	position: absolute;
	left: 220px;
}

.post-socials .pinit-button {
	left: 455px;
}


/* =============================================================================
   Related Posts
   ========================================================================== */

.related-posts {
	border-top: 1px solid #ccc;
	margin: 15px 0;
	padding: 15px 0 0 0;
}

.related-posts h3 {
	font-family: NTBook, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans-serif;
	font-size: 14px;
	text-transform: uppercase;
	letter-spacing: 2px;
	margin: 0 0 20px 0;
	color: #000;
}

.related-posts ul {
	position: relative;
	left: -20px;
	white-space: nowrap;
}

.related-posts li {
	display: inline;
}

.related-posts a {
	display: inline-block;
	white-space: normal;
	position: relative;
	margin: 0 0 0 20px;
	width: 220px;
	height: 180px;
	overflow: hidden;
}

.related-posts a img,
.related-posts a .overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 220px;
	height: 180px;
	z-index: 1;
}

.related-posts a img {
}

.related-posts a .overlay {
	z-index: 2;
	background: rgba( 0, 0, 0, .4 );
	text-align: center;
	opacity: 0;
	display: table;
}

.related-posts a .overlay:hover {
	opacity: 1;
}

.related-posts a .overlay .title-container {
	display: table-cell;
	vertical-align: middle;
	padding: 0 25px;
}

.related-posts a .overlay .title {
	color: rgba( 255, 255, 255, .8 );
	font-family: NDBold, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans-serif;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 14px;
	line-height: 1.3em;
}

.related-posts a .overlay .title .date {
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans-serif;
	color: rgba( 255, 255, 255, .6 );
	font-size: .7em;
	display: block;
}

/* =============================================================================
   Comments
   ========================================================================== */

#comments {
	border-top: 1px solid #ccc;
	padding: 15px 0 0 0;
}

#comments h3 {
	margin: 15px 0 0 0;
	font-family: NTBook, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans-serif;
	font-size: 14px;
	text-transform: uppercase;
	letter-spacing: 2px;
	margin: 0 0 20px 0;
	color: #000;
}

#comments .comments-list {
	border-bottom: 1px solid #ccc;
	margin: 0 0 15px 0;
}

#comments .comments-list li {
	border-top: 1px solid #ccc;
	padding: 15px 0 0 0;
	margin: 0 0 15px 0;
}

#comments .comments-list .children {
	background: transparent url('../img/threaded-comments.png') no-repeat 0 0;
	padding: 0 0 0 20px;
}

#comments .comments-list .children .children {
	background: none;
	padding: 0;
}

#comments .comments-list li.first {
	border-top: none;
	padding-top: 0;
}

#comments .comment-meta {
	width: 220px;
	float: right;
}

#comments .comment-avatar {
	float: right;
}

#comments .comment-edit a {
	color: #999;
}

#comments .comment-author {
	font-weight: bold;
	margin: 0 0 4px 0;
}

#comments .comment-date {
	font-size: 0.8em;
	color: #999;
}

#comments .comment-reply {
	margin: 15px 0;
}

#comments .comment-content {
	margin: 0 240px 0 0;
}

#comments .comment-content p:hover a,
#comments .comment-content ul:hover a,
#comments .comment-content li:hover a,
#comments .comment-content p.hover a,
#comments .comment-content ul.hover a,
#comments .comment-content li.hover a {
	border-bottom: 1px dotted #222;
}

#comments .comment-content p {
	margin: 0 0 15px 0;
}

#comments .fields {
	float: right;
	width: 220px;
}

#comments .comment-form-author,
#comments .comment-form-email,
#comments .comment-form-url {
	margin: 0;
}

#comments .comment-form-author label,
#comments .comment-form-email label,
#comments .comment-form-url label {
	
}

#comments .comment-form-author input,
#comments .comment-form-email input,
#comments .comment-form-url input {
	width: 220px;
	margin: 4px 0 10px 0;
}

#comments .comment-form-comment {
	float: left;
	margin: 0;
}

#comments .comment-form-comment label {
	display: none;
}

#comments .comment-form-comment textarea {
	width: 460px;
	max-width: 460px;
	min-width: 460px;
	height: 155px;
	min-height: 155px;
}

#comments .form-submit {
	clear: both;
	text-align: center;
	padding: 30px 0 0 0;
	width: 940px;
	margin: 0 0 30px  0;
}

#comments .form-submit input:hover {
}

#comments .fields .required {
	color: #999;
}

#comments .form-notes-after {
	float: right;
	margin: 0;
	font-size: 0.8em;
	color: #999;
}

/* =============================================================================
   Pagination Nav
   ========================================================================== */

.wp-pagenavi {
	width: 940px;
	clear: both;
	margin: 15px auto 20px auto;
	text-align: center;
	font-family: NTBook, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans-serif;
	text-transform: uppercase;
	font-size: 14px;
}

.wp-pagenavi a, .wp-pagenavi span {
	display: inline-block;
	text-decoration: none;
	line-height: 1.6em;
	margin: 0 .4em;
}

.wp-pagenavi .pages {
	display: none;	
}

.wp-pagenavi .first,
.wp-pagenavi .last {
	color: #999;
}

.wp-pagenavi .previouspostslink,
.wp-pagenavi .nextpostslink {
	font-weight: bold;
}

.wp-pagenavi .current {
	border-bottom: 1px solid #ccc;
}

/* =============================================================================
   Image-Slider
   ========================================================================== */

.featured-articles {
	padding: 0 0 15px 0;
	margin: 0 0 15px 0;
	border-bottom: 1px solid #ccc;
}

.image-slider {
	width:940px;
	height:450px;
	position:relative;
	overflow:hidden;
}

.image-slider .slide,
.image-slider .slide a,
.image-slider .slide a .overlay {
	position:absolute;
	display: block;
	top:0;
	left:0;
	width:940px;
	height:450px;
	overflow:hidden;
}

.image-slider .slide a:hover {
}

.image-slider .slide a .overlay {
	opacity: 0;
	background: rgba(255,255,255,.7);
	display: table;
	#position: relative;
}

.image-slider .slide a:hover .overlay {
	opacity: 1;
}

.image-slider .slide a .overlay .title-container {
	display: table-cell;
	vertical-align: middle;
	padding: 0 80px;
	#position: absolute;
	#top: 50%;
}

.image-slider .slide a .title,
.image-slider .slide a .subtitle {
	display: block;
	text-align: center;
}

.image-slider .slide a .title {
	letter-spacing:2px;
	font-size:26px;
	line-height: 30px;
	font-style:normal;
	text-transform: uppercase;
	font-family: NDBold, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans-serif;
	#position: relative;
	#top: -50%;
}

.image-slider .slide a .subtitle {
	letter-spacing:1px;
	line-height: 20px;
	font-weight:normal;
}

.image-slider ul,
.image-slider li {
	padding:0;
	margin:0;
}

.image-slider ul {
	list-style-type:none;
	position:absolute;
	z-index:3;
	bottom:10px;
	left:10px;
	line-height:0;
}

.image-slider li {
	float:left;
}

.image-slider li a {
	display:inline-block;
	width:10px;
	height:10px;
	margin:0 8px 0 0;
	background:#fff;
	/*
	-webkit-box-shadow: 0px 0px 0 1px #000;
	   -moz-box-shadow: 0px 0px 0 1px #000;
	        box-shadow: 0px 0px 0 1px #000;
	 */
}

.image-slider li a.current {
	background:#808080;
}

.image-slider li a:hover {
	opacity:.8;
}

/* =============================================================================
   Facebook Like Box
   ========================================================================== */

#LikeboxPluginPagelet .fbFooterBorder {
	display: none;
}

#LikeboxPluginPagelet .name_block {
	display: none;
}