/* ------------------------------------------------------------
Theme Name: antagonist
Theme URI: http://i-biyan.com/antagonist
Description: Minimal and clean theme which can serve as a good platform for daily blogging or even Portfolio.
Author: Biyan Pasau
Author URI: http://i-biyan.com
Version: 1.1
Tags: white, two-columns, threaded-comments, translation-ready, editor-style, custom-menu
License: GNU General Public License
License URI: license.txt
--------------------------------------------------------------
WARNING! DO NOT EDIT THIS FILE!

To make it easy to update your template, you should not edit the styles in this file.
Instead use the custom.css file or child theme to add your styles.
You can copy a style from this file and paste it in custom.css and it will override the style in this file.
----------------------------------------------------------- */

@import url("css/reset.css");
@import url("css/wordpressclass.css");

/* -----------------------------------------------------------
1. GENERAL
----------------------------------------------------------- */
body {
	font: normal normal 12px/1.6em 'PT Serif', serif;
	color: #444;
	background: #fff;
	margin: 0;
	padding: 0;
}
.content-wrapper {
	width: 960px;
	margin: 0 auto;
}
a {
	color: #000;
	text-decoration: underline;
}
a:hover {
	color: #444;
}
a:visited {
	color: #444;
}
h1, h2, h3, h4, h5, h6 {
	color: #000;
	font-weight: normal;
}
p {
	margin: 10px 0;
}
ul:after, li.post:after {
	content: ".";
	visibility: hidden;
	display: block;
	height: 0;
	clear: both;
}


/* -----------------------------------------------------------
2. SLIDE TOGGLE
----------------------------------------------------------- */
.slide-toggle {
	margin: 0;
	font: normal 14px/1.6em Paprika, 'PT Serif', Serif;
	color: #eee;
}
.slide-toggle .black  {
	border-bottom: 5px solid #000;
}
.slide-toggle .toggle {
	width: 960px;
	padding: 50px 0;
	margin: 0 auto;
	display: none; /* Tadaaaaaaa...you found it */
}
	.toggle a {
		margin: 0 !important;
	}
	.toggle a.zilla-button {
		border: 0 !important;
		border-radius: 2px !important;
		font: normal 16px/1.6em 'PT Serif', Serif !important;
	}
.slide {
	position: relative;
}
.slide span {
	display: block;
	width: 100%;
	position: absolute;
	text-align: center;
}
.slide a.button-slide {
	background: #000 url(images/icon_toggle.png) no-repeat center center;
	height: 15px;
	width: 40px;
	text-indent: -9000px;
	display: block;
	margin: 0 auto;
		border-bottom-left-radius: 2px;
		border-bottom-right-radius: 2px;

		-o-transition: all 0.1s; 
		-moz-transition: all 0.1s; 
		-webkit-transition: all 0.1s;
}
.slide a.button-slide:hover {
	height: 30px;
	width: 40px;

		-o-transition: all 0.1s; 
		-moz-transition: all 0.1s; 
		-webkit-transition: all 0.1s;
}


/* -----------------------------------------------------------
3. HEADER
----------------------------------------------------------- */
.header {
	text-align: center;
	width: 960px;
	margin: 0 auto 70px auto;
	padding-top: 70px;
}
.header img {
	max-width: 100%;
	height: auto;
	display: block;
	margin: 0 auto;
}
.header a {
	font-size: 48px;
	font: normal normal 48px/2.3em 'lobster', 'PT Serif', serif;
	text-decoration: none;
	color: #000;
}
.header a:hover {
	color: #555;
}


/* -----------------------------------------------------------
4. NAVIGATION
----------------------------------------------------------- */
.navi {
	width: 960px;
	margin: 0 auto 70px auto;
}
.navi ul {
	text-align: center;
	border-top: 1px solid #ddd;
}
.navi ul li {
	display: inline-block;
	padding: 30px 23px 10px 20px;
	margin: 0;
	position: relative;
	border-right: 1px solid #ddd;
}
.navi ul li.kozonk {
	border: 0;
}
.navi ul li a {
	text-decoration: none;
	text-transform: uppercase;
	color: #555;
}
.navi ul li a:hover {
	color: #000;
}
.navi select {
	display: none;
}
.navi ul ul li span {
	display: none;
}

	/*== sub menu ==*/
	.navi ul ul {
		text-align: left;
		position: absolute;
		width: 212px;
		z-index: 900;
		left: -10px;
		top: 54px;
		padding-top: 25px;
		padding-bottom: 15px;
		background: transparent url(images/icon_navi.png) no-repeat center top;
		overflow: hidden;
		display: none;
		border: 0;
	}
	.navi ul ul li {
		clear: both;
		display: block;
		margin: 0 0 5px 0;
		border: 0;
		padding: 5px 30px;
		background: none;
	}


/* -----------------------------------------------------------
5. TAGLINE
----------------------------------------------------------- */
/*== 4.2 Tagline ==*/
.tagline {
	text-align: center;
	font-size: 30px;
	line-height: 1.1em;
	margin-bottom: 70px;
}
.tagline p {
	margin-top: 0;
	margin-bottom: 20px;
}
.tagline span {
	font-size: 12px;
	line-height: 1.6em;
}


/* -----------------------------------------------------------
6. PRIMARY CONTENT
----------------------------------------------------------- */
.main-wrapper {
	width: 715px;
	float: left;
	padding-top: 11px;
}
#fullwidth,
#error_page {
	width: 100%;
	float: none;
}
.single .post-body {
	margin-bottom: 70px;
	font-size: 16px;
}
.single .post-body .pformats {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

/* 6.1. General Post -------------------------------------- */
.post h2.entry-title {
	margin-top: 0;
	margin-bottom: 40px;
	padding: 10px 0 20px;
	border-bottom: 3px solid #000;
	font-size: 48px;
	line-height: 1.1em;
}
.post {
	font-size: 16px;
	line-height: 1.7em;
}
.post-header {
	border-top: 1px solid #ddd;
	padding-top: 5px;
	font-size: 11px;
}
.post-header ul li {
	float: left;
	margin-right: 20px;
}
.post-body .post-footer {
	list-style-type: none;
	margin: 50px 0;
	padding: 0;
	font-size: 12px;
}
.post-footer li {
	float: left;
	overflow: hidden;
}
.post-body .post-footer a {
	color: #888;
	text-decoration: none;
}
.post-footer strong {
	margin-right: 10px;
}
.post-body img,
.thumbnail img {
	max-width: 100%;
	height: auto;
}
.post-body blockquote {
	border-bottom: 1px solid #eee;
	border-top: 5px solid #eee;
	background: #fefefe;
	padding: 20px 50px;
	font: normal 18px/2em paprika, 'PT Serif', Georgia, serif;
	margin: 20px 0;
	color: #676;
}
.post-body img {
	margin-top: 10px;
}
.post-body h1,
.post-body h2,
.post-body h3,
.post-body h4,
.post-body h5,
.post-body h6 {
	margin-top: 20px;
	font-size: 34px;
	line-height: 1.2em;
	font-weight: normal;
}
.post-body h2 {
	font-size: 28px;
}
.post-body h3 {
	font-size: 24px;
	line-height: 1.5em;
}
.post-body h4 {
	font-size: 18px;
	line-height: 1.6em;
}
.post-body h5 {
	font-size: 12px;
	line-height: 1.8em;
}
.post-body h6 {
	font-size: 10px;
	line-height: 1.8em;
}
.post-body ul,
.post-body ol {
	margin-top: 20px;
	margin-bottom: 20px;
	list-style-type: disc;
	margin-left: 0;
}
.post-body ol {
	list-style-type: decimal
}
.post-body ul li,
.post-body ol li {
	margin-bottom:5px;
}

/* 6.2. Blog ---------------------------------------------- */
.sideblog .post {
	margin-bottom: 70px;
}
.sideblog .entry-title a {
	text-decoration: none;
}
.sideblog .excerpt a {
	text-decoration: none;
	color: #b8b8b8;
}
.sideblog .excerpt a:hover {
	text-decoration: underline;
}
.sideblog .post .thumbnail {
	width: 470px;
	margin-right: 20px;
}
.sideblog .post .thumbnail img {
	display: block;
	margin: 0;
}
.sideblog .post .post-body {
	width: 225px;
}
.sideblog .post.noimg .post-body {
	width: 100%;
}
.sideblog .post h2.entry-title {
	font-size: 30px;
	border-top: 0;
	padding-bottom: 10px;
	margin-bottom: 30px;
}
.sideblog .post .author a {
	text-decoration: none;
}
.excerpt {
	font-size: 14px;
	line-height: 1.6em;
}

	.excerpt span,
	.more-link {
		font-size: 12px;
		display: block;
		margin-top: 20px;
		text-decoration: none;
	}

/* 6.3. Post Formats -------------------------------------- */
#singlepost .post-body .pformats {
	list-style-type: none;
	padding: 0;
	margin: 0 0 20px 0;
}
#singlepost .post h2.entry-title {
	margin-bottom: 20px;	
}
.pformats .audioplayercover img {
	margin: 0 0 0 12px;
}

/* == Audio == */
.pfaudio .xox {
	background: #555;
	padding: 20px 0;
	position: auto; /* reset previous position */
}
.xox audio {
	width: 640px;
	height: 30px;
}
.pfaudio .audioplayercover {
	width: 223px;
	height: 164px;
	margin: 0 0 10px 8px;
	position: relative;
}
.pfaudio .thumbnail .audioplayercover img {
	width: 163px;
	height: 163px;
	display: block;
	float: left;
	margin-left: 12px;
	border: 0;
	background: #fb9a4d;
}
.pfaudio .disc_cover {
	background: url(images/bg_disc-cover.png) no-repeat left center;
	width: 223px;
	height: 164px;
	position: absolute;
	top: 0;
	left: 0;
}
.pfaudio .audioplayerbox {
	margin: 10px 20px 0 20px;
	padding: 0;
	border: 1px solid #3e4041;
}
.pfaudio ul.audiometa {
	width: 170px;
	margin: 0 20px 0 20px;
	text-align: left;
	font-size: 12px;
	color: #ccc;
}
.pfaudio ul.audiometa li {
	display: block;
	margin-bottom: 10px;
	padding-left: 25px;
}
.pfaudio ul.audiometa li.songtitle,
.pfaudio ul.audiometa li.songsinger,
.pfaudio ul.audiometa li.songalbum {
	background-position: left center;
	background-repeat: no-repeat;
	background-image: url(images/icon_songtitle.png);
}
.pfaudio ul.audiometa li.songsinger {
	background-image: url(images/icon_songsinger.png);
}
.pfaudio ul.audiometa li.songalbum {
	background-image: url(images/icon_songalbum.png);
}

/* == Video == */
.videobox {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}

.videobox iframe,  
.videobox object,  
.videobox embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.yaw {
	width: 100%;
	max-width: 100%;
}

/* 6.4. Portfolio ----------------------------------------- */
.feed-title {
	background: url(images/feed-title.png) repeat-x left center;
	margin-bottom: 30px;
	padding-left: 10px;
}
.feed-title span {
	font-size: 14px;
	font-family: Paprika;
	background: #fff;
	padding: 0 20px;
}
.portfolio-wrap {
	width: 715px;
	margin-bottom: 70px;
}
ul.pt-portfolio {
	margin-left: -10px;
	margin-right: -10px;
}
ul.pt-portfolio li.post {
	width: 225px;
	margin: 0 10px 20px 10px;
}

/* == Filter == */
ul.filter {
	text-align: center;
	margin-bottom: 70px;
	padding-bottom: 20px;
	background: url(images/border_bold-s.png) no-repeat center bottom;
}
ul.filter .hed {
	display: block;
	font-family: paprika, serif;
	font-size: 16px;
	margin-bottom: 20px;
	background: url(images/feed-title.png) repeat-x center center;
}
ul.filter .hed span {
	padding: 0 20px;
	background: #fff;
}
ul.filter li {
	display: inline;
	margin: 0 10px;
	font-size: 14px;
}
ul.filter li a {
	text-decoration: none;
}
ul.filter li a:hover {
	text-decoration: underline;
}

#homepage .pt-portfolio .thumbnail,
#portfolio .pt-portfolio .thumbnail,
#taxonomy .pt-portfolio .thumbnail,
#authors .pt-portfolio .thumbnail {
	position: relative;
	width: 225px;
	height: 140px;
	border-bottom: 3px solid #000;
	text-align: center;
}
.pt-portfolio .thumbnail .ita {
	position: absolute;
	bottom: -7px;
	padding-bottom: 4px;
	text-align: center;
	width: 100%;
	z-index: 10;
}
.pt-portfolio .thumbnail .author {
	padding: 7px 10px;
	border-top: 3px solid #000;
	background: #fff;
	font-size: 11px;
	text-transform: uppercase;
}
.pt-portfolio .thumbnail .author em {
	text-transform: lowercase;
}
.pt-portfolio .post-body {
	text-align: center;
}
.pt-portfolio .entry-date {
	font-style: italic;
	font-size: 11px;
	padding-bottom: 5px;
	border-bottom: 1px solid #000;
	color: #000;
}
.pt-portfolio .post h2.entry-title {
	font-size: 16px;
	margin-top: 5px;
	margin-bottom: 10px;
	text-transform: uppercase;
	line-height: 1.6em;
	border: 0;
}
.pt-portfolio .post .excerpt {
	font-size: 14px;
	line-height: 1.6em;
}

/*== Transition @ Hover ==*/
.thumbnail .thumb, .thumbnail{
	position: relative;
	display: block;
}
.onhover {
	position: absolute;
	z-index: 8;
	width: 48px;
	height: 48px;
	left: 88.5px;
	bottom: 35%;
	margin-bottom: -24px; /* margin-top should be negative half of background, 48/2 */
	background: url(images/icon_onhover.png) no-repeat center center;
	display: none;
}
.metahover {
	position: absolute;
	z-index: 8;
	width: 48px;
	height: 48px;
	left: 211px;
	bottom: 35%;
	margin-bottom: -24px;
	background: url(images/icon_onhover.png) no-repeat center center;
	display: none;
}
.metahover a {
	text-decoration: underline;
}
.metahover li {
	padding: 5px 10px;
}
.metahover .author {
	background: #fff;
	display: inline-block;
	font-size: 12px;
}

/* 6.3. Pages --------------------------------------------- */
.pages .post h2.entry-title {
	border-top: 1px solid #ddd;
}

/* 6.3. Comments ------------------------------------------ */
.comments-wrapper {
	border-top: 1px solid #ddd;
	padding-top: 70px;
}
	.post .c-title,
	.c-title,
	#reply-title {
		font-size: 14px;
		font-family: Paprika;
		margin-bottom: 20px;
		background: url(images/border_bold-s.png) no-repeat left bottom;
		padding-bottom: 12px;
	}
	.c-title.below {
		margin-bottom: 30px;
	}
.comments-wrapper .commentlist {
	margin: 50px 0;
}
.comments-wrapper .moderation {
	background: #f2f2f2;
	padding: 5px 10px;
		border-radius: 2px;
}
.comments-wrapper .notif,
.logged-in-as {
	font-size: 12px;
}
	.notif a {
		text-decoration: none;
	}
	.notif a:hover {
		text-decoration: underline;
	}

.ccontainer {
	padding-left: 50px;
}
.ccontainer .nah {
	width: 50px;
	margin-left: -50px;
	position: relative;
}
.ccontainer .avatar img {
	width: 50px;
	height: 50px;
	display: block;
}
.comments-wrapper .pc {
	padding-left: 20px;
}
.pc .comment-header {
	margin-bottom: 15px;
}
.pc .cauthor .fn {
	font-style: normal;
	font-size: 16px;
	color: #000;
	text-transform: capitalize;
}
.pc .reply {
	display: block;
	clear: both;
	font-size: 12px;
}
	.pc .reply a {
		text-decoration: none;
	}
	.pc .reply a:hover {
		text-decoration: underline;
	}
.comments-wrapper .content {
	margin-bottom: 40px;
}
.comments-wrapper ul.children {
	margin: 20px 0 0 70px;
	padding-left: 20px;
	border-left: 1px solid #ddd;
	margin-bottom: 40px;
}

/*== Comment Form ==*/
.comments-wrapper form#commentform {
	margin-top: 30px;
}
.comments-wrapper form#commentform p {
	margin-top: 20px;
}
.comment-form-comment label {
	display: none;
}
.comments-wrapper form#commentform input {
	background: #fff;
	color: #777;
		box-shadow: 1px 1px 3px #f2f2f2;
	border: 1px solid #ddd;
	padding: 15px;
	font: italic 14px 'PT Serif', Georgia, Serif;
	width: 300px;
}
.comments-wrapper form#commentform textarea {
		box-shadow: 1px 1px 3px #f2f2f2;
	border: 1px solid #ddd;
	padding: 15px;
	width: 400px;
	font: italic 14px 'PT Serif', Georgia, Serif;
}
.comments-wrapper form#commentform #submit {
	width: auto;
	color: #444;
	font: italic 14px 'PT Serif', Georgia, Serif;
	background: url(images/comment_submit.png) left center no-repeat;
	padding: 10px 0 10px 40px;
		box-shadow: none;
	border: none;
	cursor: pointer;
}

/* 6.4. Contact ------------------------------------------- */
#contact_form ul {
	margin-bottom: 10px;
}
#contact_form ul li {
	margin-bottom: 20px;
}
#contact_form ul li input,
.wpcf7 input {
	background: #fff;
	color: #777;
		box-shadow: 1px 1px 3px #f2f2f2;
	border: 1px solid #ddd;
	padding: 15px;
	font: italic 14px 'PT Serif', Georgia, Serif;
	width: 300px;
}
#contact_form ul li textarea,
.wpcf7 textarea {
		box-shadow: 1px 1px 3px #f2f2f2;
	border: 1px solid #ddd;
	padding: 15px;
	margin: 0;
	font: italic 14px 'PT Serif', Georgia, Serif;
	width: 400px;
}
#contact_form .submit,
.wpcf7 .wpcf7-submit {
	font: italic 14px 'PT Serif', Georgia, Serif;
	background: url(images/comment_submit.png) left center no-repeat;
	padding: 10px 0 10px 40px;
		box-shadow: none;
	border: none;
	margin-top: 10px;
	cursor: pointer;
	width: auto;
}
.wpcf7 {
	font-size: 12px;
}
.wpcf7 textarea,
.wpcf7 input {
	margin-top: 5px;
}
.err {
	display: none;
	background: #fdd9d9;
	border: 1px solid #f0c5c5;
	padding: 5px 10px;
	margin-bottom: 20px;
	float: left;
	
		box-shadow: 1px 1px 3px #f2f2f2;
}

/* 6.4. Page Navigation ----------------------------------- */
.page_navigation {
	font-size: 14px;
}
.page_navigation li.left,
.page_navigation li.right {
	background: url(images/slider_nextprev.png) no-repeat center bottom;
	height: 22px;
	width: 25px;
}
.page_navigation li.right {
	background-position: center top;
	margin-left: 10px;
}
.page_navigation li.left a,
.page_navigation li.right a {
	display: block;
	text-indent: -9000px;
	height: 22px;
	width: 25px;
}

.post-body .post_navigation {
	list-style-type: none;
	padding: 70px 0 0 0;
	margin: 0;
	border-top: 1px solid #ddd;
}
.post_navigation li a {
	text-decoration: none;
	color: #999;
	font-size: 12px;
}
.post_navigation li.right {
	text-align: right;
}
.post_navigation li a strong {
	color: #000;
	display: block;
	font-size: 18px;
}

/*== Number page Navigation ==*/
#numbering {
	text-align: center;
	border-bottom: 1px solid #ddd;
}
#numbering li {
	display: inline-block;
	padding: 10px 0 30px;
	margin: 0 10px;
	background: url(images/border_vertical.png) no-repeat center bottom;
}
#numbering li a,
#numbering .current {
	text-decoration: none;
	padding: 0 5px 5px 5px;
}
#numbering .current {
	background: black;
	color: #fff;
	border-radius: 2px;
}

/* 6.7. Archives ------------------------------------------ */
.hentry span.lowercase {
	font-size: 16px;
	display: block;
	clear: both;
}
.sideblog .hentry h2.entry-title {
	border-top: 1px solid #ddd;
	font-size: 48px;
}
.sideblog .hentry .post-body {
	width: 100%;
}

/* 6.7. Search Page -------------------------------------- */
#searchpage .post-body ul {
	border-left: 1px solid #ddd;
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#searchpage .post-body ul li {
	padding: 7px 0 7px 40px;
	background: url(images/border_xs.png) no-repeat left center;
	clear: both;
}
#searchpage .post-body ul h3 {
	font-size: 16px;
	margin: 7px 0 10px;
	font-size: 18px;
	line-height: 1.5em;
}
#searchpage .post-body li .thumbnail {
	margin: 0 20px 0 0;
}

/*== 4.1. Page Template/Arhive ==*/
.archive-section {
	margin-top: 50px;
}
.archive-section .grid {
	margin-bottom: 50px;
}
.archive-section .grid h3 {
	font-size: 24px;
	line-height: 1.2em;
	margin-bottom: 20px;
}
.archive-section .grid ul {
	border-left: 1px solid #ddd;
}
.archive-section .grid ul li {
	padding: 7px 0 7px 30px;
	background: url(images/border_xs.png) no-repeat left center;
}
.archive-section ul li span {
	font-style: italic;
	font-size: 11px;
}
.archive-section ul li h4 {
	font-size: 18px;
}
.archive-section a {
	text-decoration: none;
}


/* -----------------------------------------------------------
5. SIDEBAR
----------------------------------------------------------- */
.sidebar-wrapper {
	width: 225px;
	margin-left: 20px;
}
.widget {
	font-size: 14px;
	line-height: 1.6em;
}
.widget ul li {
	margin-bottom: 5px;
	padding-bottom: 5px;
}
.widget a {
	text-decoration: none;
}
.widget a:hover {
	text-decoration: underline;
}

/* 5.1. Black --------------------------------------------- */
.sidebar-wrapper .black {
	padding: 20px;
	margin-bottom: 50px;
	margin-top: 11px;
}
.sidebar.black h3.title,
.sidebar.white h3.title {
	text-transform: uppercase;
	margin-bottom: 20px;
	background: url(images/border_widget_title.png) repeat-x left center;
	text-align: center;
}
.sidebar.black h3.title span,
.sidebar.white h3.title span {
	color: #fff;
	background: #000;
	padding: 0 15px;
	font-size: 12px;
}
.sidebar.black .widget,
.sidebar.white .widget {
	margin-bottom: 40px;
}
.sidebar .min {
	margin-bottom: -40px;
}

/* 5.2. White --------------------------------------------- */
.sidebar.white h3.title {
	background: url(images/border_widget_title.png) repeat-x left center;
}
.sidebar.white h3.title span {
	color: #444;
	background: #fff;
}

/*== Search Widget ==*/
#searchform:after {
	content: ".";
	visibility: hidden;
	display: block;
	height: 0;
	clear: both;
}
#searchform .screen-reader-text {
	font-size: 12px;
	line-height: 1.6em;
	font-style: italic;
	margin-bottom: 10px;
	text-align: center;
	display: block;
}
#searchform #s {
	font-family: 'PT Serif', Georgia, Serif;
	font-style: italic;
	background: #fff;
	width: 165px;
	padding: 7px 10px;
	border: 0;
	border-radius: 2px;
}
#searchform #searchsubmit { /* Integrated w/ ZillaShortcodes @ ThemeZilla */
	text-transform: uppercase;
	border: 0;
	margin-top: 5px;
	cursor: pointer;
	width: 100%;
		border-radius: 2px;
	padding: 5px 0;
	background: #ffb031;
		background: -webkit-gradient(linear, left top, left bottom, from(#ffce4f), to(#ffb031));
		background: -webkit-linear-gradient(top, #ffce4f, #ffb031);
		background: -moz-linear-gradient(top, #ffce4f, #ffb031);
		background: -ms-linear-gradient(top, #ffce4f, #ffb031);
		background: -o-linear-gradient(top, #ffce4f, #ffb031);
}

	.white #searchform .screen-reader-text {
		display: none;
	}
	.white #searchform #s {
		padding: 0 10px;
		border: 1px solid #ddd;
		width: 160px;
		height: 30px;
		float: left;
			box-shadow: 1px 1px 3px #f2f2f2;
	}
	.white #searchform #searchsubmit {
		text-indent: -8000px;
		width: 30px;
		height: 30px;
		float: right;
		margin-top: 1px;
		background: #000 url(images/comment_submit.png) no-repeat center center;
			box-shadow: 1px 1px 3px #f2f2f2;
	}

/*== Twitter Stream ==*/
#byn_twitterfield {
	list-style-type:none;
}
#byn_twitterfield li {
	border:none;
	background:url(images/twitter-li.png) no-repeat left 2px;
	padding:0 0 20px 30px;
}
#byn_twitterfield li a {
	border-bottom:1px dotted #999;
}
#byn_twitterfield li a:hover {
	border-bottom:1px solid #999;
	text-decoration:none;
}

/* Quote */
.widget blockquote {
	font-style: italic;
	margin-bottom: 10px;
	text-align: center;
}
.black .widget blockquote .sub2 {
	color: #fff;
}

/*== Flickr ==*/
.flickr_wrap {
	margin-left: -5px;
	margin-right: -5px;
}
.flickr_badge_image {
	float: left;
	margin: 5px;
	height: 48.75px;
	width: 48.75px;
}
	.black .flickr_badge_image,
	.black .flickr_badge_image img {
		width: 55px;
		height: 55px;
	}
.flickr_badge_image img {
	height: 48.75px;
	width: 48.75px;
}

/*== Calendar ==*/
#wp-calendar {
	width: 100%;
}
#wp-calendar caption {
	margin-bottom: 15px;
}
#wp-calendar thead {
	font-size: 10px;
}
#wp-calendar thead th {
	padding-bottom: 10px;
	text-align: center;
}
#wp-calendar tbody {
	color: #aaa;
}
#wp-calendar tbody td {
	background: #f5f5f5;
	border: 1px solid #fff;
	text-align: center;
}
	.black #wp-calendar tbody td {
		background: #111;
		border: 1px solid #222;
	}
#wp-calendar tbody td:hover {
	background: #fff;
}
#wp-calendar tbody .pad {
	background: none;
}
#wp-calendar tfoot #next {
	font-size: 10px;
	text-transform: uppercase;
	text-align: right;
}
#wp-calendar tfoot #prev {
	font-size: 10px;
	text-transform: uppercase;
	padding-top: 10px;
}
#wp-calendar tfoot tr {
	background: none;
}

/*== Popular Posts ==*/
ul.byn_popularposts li.borderless {
	padding-bottom: 10px;
}
ul.byn_popularposts ul li.itathumbs {
	float: left;
	margin-right: 10px;
	width: 60px;
}
ul.byn_popularposts ul li.itameta {
	float: left;
	line-height: 1.2em;
	width: 155px;
}
	.black ul.byn_popularposts ul li.itameta {
		width: 115px;
	}
ul.byn_popularposts ul .pop_link {
	text-transform: uppercase;
	font-size: 12px;
}
ul.byn_popularposts ul li .popentry-date {
	font-size: 11px;
	line-height: 2em;
	font-style: italic;
}


/* -----------------------------------------------------------
6. FOOTER
----------------------------------------------------------- */
.footer-wrapper {
	width: 100%;
	margin-top: 70px;
}

/*== credit ==*/
.credit {
	width: 960px;
	margin: 0 auto;
	padding: 50px 0;
}
.credit ul {
	text-align: center;
}
.credit ul li {
	display: inline;
	margin: 0 15px;
	text-transform: uppercase;
}
.credit li a {
	text-decoration: none;
}
.credit li a:hover {
	text-decoration: none;
	border-bottom: 1px solid #ddd;
}

	/*== logo ==*/
	.credit .logo {
		text-align: center;
		margin-top: 30px;
	}
	.credit .logo h2 {
		color: #fff;
		font: normal normal 24px/2.3em 'lobster', 'PT Serif', Georgia, serif;
		border-bottom: 1px solid #ddd;
		padding-bottom: 7px;
		display: inline;
	}
	.credit span {
		font-style: italic;
	}

/*== to top ==*/
.backtotop {
	text-align: center;
	display: block;
	position: relative;
}
.backtotop span {
	display: block;
	width: 100%;
	height: 20px;
	position: absolute;
	top: -20px;
	text-align: center;
}
.backtotop a {
	background: #000 url(images/icon_totop.png) no-repeat center center;
	display: inline-block;
	margin: 0 auto 30px;
	width: 40px;
	height: 20px;
	text-indent: -8000px;
		border-top-left-radius: 2px;
		border-top-right-radius: 2px;
}


/* -----------------------------------------------------------
7. 404
----------------------------------------------------------- */
#error_page {
	text-align: center;
	margin: 100px 0 150px;
}
#error_page h2 {
	font-size: 7em;
	line-height: .9em;
	margin-bottom: 40px;
}
#error_page span {
	font: normal 18px Paprika, Serif;
}
#error_page p {
	font: normal 12px/1.8em Paprika, Serif;
}


/* -----------------------------------------------------------
7. SHORTHAND
----------------------------------------------------------- */
/*== Position ==*/
.left {
	float: left;
}
.right {
	float: right;
}
.center {
	text-align: center;
}
.clear {
	clear: both;
}
.post-header cite {
	text-transform: uppercase;
	font-style: normal;
}

/*== Black ==*/
.black {
	color: #ccc;
	background: #000;
}
.black a {
	color: #fff;
}
.black a:visited {
	color: #eee;
}
.black a:hover {
	color: #fff;
	text-decoration: underline;
}