/*
Theme Name: Birds Of Tokyo
Description: The Birds Of Tokyo theme for WordPress.
Author: Jason Taylor <jsntv200@gmail.com>
Version: 1.0
*/

/* Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
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, font, 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 {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	clear: both;
}
ol, ul {
	list-style: none;
}
blockquote {
	quotes: none;
}
blockquote:before, blockquote:after {
	content: '';
	content: none;
}
del {
	text-decoration: line-through;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a img { border: none; }


/*
LAYOUT: Two columns
DESCRIPTION: Two-column fixed layout with one sidebar right of content
*/
#wrapper {
  width:950px;
  margin:0 auto;
  padding:0 20px;
  text-align:left;
  background: url('images/bkg-body.png') repeat-y 0 0;
}
#header {
  position:relative;
  width:950px;
  height:430px;
  margin-bottom:10px;
  background:url('images/bkg-header.png') no-repeat 0 0;
}
#main {
}
#footer {
  clear:both;
  width: 950px;
  height: 115px;
}
#container {
}
#content {
  float:right;
  width:665px;
  margin:0 20px 20px 0;
}
#sidebar {
  float:left;
  width:230px;
  margin:0 0 20px 10px;
}


/* =Typography
-------------------------------------------------------------- */
@font-face {
	font-family: 'Museo';
	src: url('stylesheets/fonts/museo_slab_300-webfont.eot');
	src: local('☺'), url('stylesheets/fonts/museo_slab_300-webfont.ttf') format('truetype'), url('stylesheets/fonts/museo_slab_300-webfont.svg#webfontDBU69g7K') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'MuseoBold';
	src: url('stylesheets/fonts/museo_slab_700-webfont.eot');
	src: local('☺'), url('stylesheets/fonts/museo_slab_700-webfont.ttf') format('truetype'), url('stylesheets/fonts/museo_slab_700-webfont.svg#webfontDBU69g7K') format('svg');
	font-weight: bold;
	font-style: normal;
}
@font-face {
	font-family: 'FuturaMedium';
	src: url('stylesheets/fonts/futura-medium-webfont.eot');
	src: local('☺'), url('stylesheets/fonts/futura-medium-webfont.ttf') format('truetype'), url('stylesheets/fonts/futura-medium-webfont.svg#webfontdlme1kJi') format('svg');
	font-weight: normal;
	font-style: normal;
}

body {
  text-align:center;
}

body,
input,
textarea {
  color:#666;
  font-size:12px;
  line-height:15px;
	font-family: Museo, Georgia, "Bitstream Charter", serif;
}

h1, h2, h3, h4, #header, .header, a.button {
  color:#000;
	font-family: FuturaMedium, Helvetica, Arial, sans-serif;
	text-transform:uppercase;
}
h2 {
  font-size:18px;
  margin-bottom:5px;
}
h3 {
  font-size:14px;
  margin-bottom:10px;
}
h5 {
  color:#9aafaf;
  font-size:12px;
}

p {
  margin-bottom:10px;
}

h1 a, h2 a, h3 a, h4 a {
  text-decoration:none;
}
a,
a:hover,
a:visited {
  color:#000;
  text-decoration:underline;
}

strong {
  font-weight: bold;
	font-family: MuseoBold, Georgia, "Bitstream Charter", serif;
}

/* =Global Elements
-------------------------------------------------------------- */
a.button {
  display:block;
  color:#FFF;
  background:#000;
  height:25px;
  line-height:25px;
  font-size:12px;
  text-decoration:none;
}
a.button:hover {
  color:#9aafaf;
}

.header,
.pagination {
  float:left;
  width:100%;
  margin:0 0 5px;
  background:#e4ebe9;
}
.header h1,
.header h2 {
  float:left;
  background:#fff;
  height:25px;
  line-height:25px;
  margin:0;
  padding:0;
}
.header h1 {
  padding-right:20px;
}

.wp-pagenavi {
  float:right;
  height:25px;
  line-height:25px;
  background:#000;
  color:#fff;
  padding:0 12px;
  font-size:10px;
  text-transform:uppercase;
}
.wp-pagenavi a {
  color:#FFF;
  text-decoration:none;
}
.wp-pagenavi a,
.wp-pagenavi .current {
  padding:0 3px;
}
.wp-pagenavi .current {
  color:#9aafaf;
}
.wp-pagenavi a:hover {
  color:#9aafaf;
}
.pagination {
  font-family: FuturaMedium, Helvetica, Arial, sans-serif;
}


#content .post {
  clear:both;
  float:left;
  width:100%;
  padding:10px 0;
  border-top:solid 1px #bdc8c5;
}
.single .post .image-container,
.category .post .image-container,
.category .post .youtube {
  display:block;
  float:left;
  width:100%;
  text-align:center;
  background:#e4ebe9;
  line-height:0;
  margin:15px 0;
}

.debug {
  position:absolute;
  top:0;
  left:0;
  margin:10px;
  z-index:1000;
  padding:20px;
  background:#181818;
  color:#c1ac7a;
  text-align:left;
  text-transform:none !important;
}


/* =Fancy Box
-------------------------------------------------------------- */
#fancybox-inner #container,
#fancybox-inner #content,
.home #fancybox-inner #content .entry-content,
.home #fancybox-inner #content .page {
  float:left !important;
  clear:both !important;
  text-align:left !important;
  width:480px !important;
  height:auto !important;
  margin:0 !important;
  border:0 !important;
  overflow:visible !important;    
}
.home #fancybox-inner #content .entry-content {
  margin-top:15px !important;
}
#fancybox-inner .header {
  width:450px;
  padding:25px 15px;
  background:#000;
}
#fancybox-inner .header h1 {
  font-size:4em;
  color:#FFF;  
  background:0;
  width:430px !important;
  border-bottom:solid 1px #FFF;
  padding:.2em 0 .3em;
}
#fancybox-inner .formcontainer {
  margin:5px 0 0;
  width:100%;
}
#fancybox-inner .form-submit {
  background:#e4ebe9;
  float:left;
  width:100%;
  margin:15px 0 0 !important;
  height:auto;
}
#fancybox-inner .form-submit input {
  float:right;
  background:#000;
  border:0;
  color:#FFF;
  text-transform:uppercase;
  padding:6px 15px;
  margin:0;
  font-family: FuturaMedium, Helvetica, Arial, sans-serif;
}
#fancybox-inner .form-submit input:hover {
  color:#9aafaf;
}

#fancybox-inner .information,
#fancybox-inner .form-label,
#fancybox-inner .form-input,
#fancybox-inner .form-textarea,
#fancybox-inner .form-select {
  margin-left:30px;
}
#fancybox-inner .information {
  margin-bottom:15px;
  font-size:11px;
}
#fancybox-inner .entry-content {
  float:left;
  clear:both;
  width:100%;
}
#fancybox-inner .entry-content p {
  padding:0 30px;
}
#fancybox-inner .formcontainer p,
#fancybox-inner form p {
  padding:0 !important;
}

.page-template-gallery-php #fancybox-title {
  background:#000;
  width:100%;
  color:#FFF;
  margin-top:60px;
}
.page-template-gallery-php #fancybox-title .fancybox-title,
.page-template-gallery-php #fancybox-title .fancybox-counter {
  width:100%;
  padding:10px 0;
  font-family: Museo, Georgia, "Bitstream Charter", serif;
}
.page-template-gallery-php #fancybox-title .fancybox-counter {
  border-top:solid 1px #fff;
  color:#9aafaf;
}


/* =Forms
-------------------------------------------------------------- */
.page-template-subscribe-php form {
  margin:30px 0 0;
}
.text input,
.form-input input,
textarea,
select {
  background-color:#fff;
  border:1px solid #e7ecec;
}
.text input:focus,
.form-input input:focus,
textarea:focus,
select:focus {
  border-color:#666;
}
.text input,
.textarea textarea,
.form-input input {
  width:300px;
  padding:5px;
}
.form-input span,
span.required {
  color:#C33;
}
textarea {
  width:390px;
  height:250px;
  padding:3px;
}
.error {
  padding:3px 0 0;
  color:#8a1f11;
}

.formcontainer {
  clear:both;
  float:left;
  margin:30px 0 0;
}
.contact-form legend {
  display:none;
}
.contact-form .form-input {
  margin:0 0 10px;
}
.contact-form textarea {
  height:100px;
}
.textarea textarea {
  height:70px;
}


/* =Header Elements
-------------------------------------------------------------- */
#subscribe,
#navigation {
  text-decoration:none;
  font-size:14px;
  position:absolute;
  top:13px;
}
#navigation {
  left:20px;
}
#navigation li {
  display:inline;
  padding:0 5px;
}
#navigation li:first-child {
  padding:0;
}
#navigation a {
  text-decoration:none;
  color:#FFF;
}
#navigation a:hover,
#navigation a.current,
#navigation li.current-menu-item a {
  color:#9aafaf;
}

#subscribe {
  right:20px;
}
#subscribe,
#launch-audioplayer {
  text-decoration:none;
  color:#9aafaf;
}
#subscribe:hover, 
#launch-audioplayer:hover {
  color:#FFF;
}

#masthead {
  position:absolute;
  top:80px;
  right:20px;
  width:486px;
  color:#FFF;
}
#masthead h2 {
  text-indent:-9999px;
  height: 67px;
  width:486px;
  margin: 0 0 3px;
  background: url('images/birds-of-tokyo.png') no-repeat scroll left top;
}
#masthead p {
  font-size:10px;
  margin:0;
}
p#masthead-text {
  float:left;
  width:49%;
  color:#9aafaf;
}
p#masthead-ticker {
  float:right;
  text-align:right;
  width:49%;
}

#packshot {
  position:absolute;
  top:40px;
  left:280px;
}

#touts {
  position:absolute;
  right:20px;
  bottom:0;
  width:665px;
  height:225px;
  background:#000;
  text-align:right;
  overflow:hidden;
}

#touts .wp-caption {
  width:665px !important;
}
#touts .wp-caption a {
  color:#FFF;
  line-height:17px;
  text-decoration:none;
}
#touts .wp-caption a:hover {
  color:#9aafaf;
}
#touts .wp-caption a span {
  padding-right:10px;
}
#touts .wp-caption-text {
  color:#FFF;
  margin-top:2px;
  margin-right:8px;
}

#latest-video {
  position:absolute;
  left:-20px;
  bottom:-10px;
  z-index:100;
}
#audioplayer {
  position:absolute;
  top:73px;
  left:15px;
  width:260px;
  height:100px;
}
#launch-audioplayer {
  position:absolute;
  left:100px;
  top:47px;
  background: url('images/bkg-launch.png') no-repeat left 50%;
  padding-left:25px;
  height:16px;
  line-height:16px;
}


/* =Content
-------------------------------------------------------------- */
.home .entry-image {
  float:left;
  width:200px;
  height:135px;
  overflow:hidden;
}
.home .entry-image img {
  display:block;
}

.home #content {
  border-bottom:solid 1px #bdc8c5;
}  
.home #content h1 {
  width:200px; 
}
.home #content .header .button {
  float:right;
  padding:0 15px;
  border-left:solid 2px #fff;
}
.home #content .entry-content {
  width:445px;
  height:135px;
  overflow:hidden;
  float:right;
}

.home #blog {
  float:left;
  width:880px;  
  margin:0 35px 5px;
  border-bottom:solid 1px #bdc8c5;
}
.home #blog h2 {
  padding:0 10px;
}
.home #blog .button {
  float:left;
  padding:0 19px;
}
.home #blog .content {
  float:left;
  width:100%;
  border-top:solid 1px #bdc8c5;
}
.home #blog .post {
  float:left;
  width:200px;
  padding:0 9px;
  margin:10px 0;
  border-right:solid 1px #bdc8c5;
}
.home #blog .post:last-child {
  border-right:0;
}
.home #blog .entry-image {
  margin-bottom:10px;
}

#page-nav {
  clear:both;
  float:left;
  width:100%;
  font-size:10px;
  padding:5px 0 0;
  border-top:solid 1px #bdc8c5;
  line-height:10px;
  text-transform:uppercase;
}
#page-nav a {
  text-decoration:none;
}
#page-nav .previous {
  float:left;
  width:45%;
}
#page-nav .next {
  float:right;
  text-align:right;
  width:45%;
}

.gallery-content {
  float:left;
  clear:both;
  width:100%;
  padding:20px 0;
  border-top:solid 1px #bdc8c5;  
}
.gallery-content h2 {
  text-indent:3px;
}
.gallery-item {
  width:20% !important;
}
.gallery-item img {
  border-color:#e4ebe9 !important;
}

.category-music .post .entry-image {
  float:left;
  width:200px;
}
.category-music .post .entry-image img {
  width:200px;
}
.category-music .post .image-container {
  margin:0;
}
.category-music .post .entry-content {
  float:right;
  width:440px;
}
.category-music .post .button {
  float:right;
  padding:0 5px;
}
.category-music .post h3 {
  margin:0 0 10px;
}
.category-music .post h5 {
  color:#666;
  margin:0 0 3px;
  float:left;
  width:60%;
}
.category-music .post ol {
  clear:both;
}
.category-music .post li {
  list-style-type: decimal-leading-zero;
  list-style-position:inside;
  background:#e4ebe9;
  border-bottom:solid 3px #FFF;
  height:25px;
  line-height:25px;
  padding-left:5px;
}


#post-70 .entry-content,
#post-73 .entry-content,
#post-167 .entry-content {
  float:left;
  clear:both;
  width:100%;
  margin-top:5px;
  border-top:solid 1px #bdc8c5;  
}
.gigpress-table {
  margin:0 0 15px !important;
}
.gigpress-table .gigpress-date {
  width: 100px;
}
.gigpress-table .summary {
  width: 465px;
}
.gigpress-table .tickets {
  width: 100px;
}

.gigpress-table .vevent {
  background:#e4ebe9;
  border:0;
  border-top:solid 3px #FFF !important;  
  float:left;
}
.gigpress-table .gigpress-row td {
  border:0 !important; 
}
.gigpress-table .gigpress-info-item {
  float:left;
  clear:both;
  width:100%;
}
.gigpress-table .gigpress-tickets-link {
  display:block;
  float:right;
  color:#fff;
  background:#000;
  text-decoration:none;
  font-weight:normal;
  font-size:12px;
  padding:3px 5px;
  font-family: FuturaMedium, Helvetica, Arial, sans-serif;
}
.gigpress-table .gigpress-tickets-link:hover {
  color:#9aafaf;
}
.gigpress-subscribe {
  height:26px !important;
  line-height:26px !important;
}
.gigpress-subscribe a {
  width:25px !important;
  height:26px !important;
}
.gigpress-rss {
  background:url('images/icon_rss.png') no-repeat 0 0 !important;  
}
.gigpress-ical {
  background:url('images/icon_cal.png') no-repeat 0 0 !important;
}
tr.gigpress-tour td {
  background-color:transparent !important;
}

#post-70 .entry-content,
#post-73 .entry-content {
  margin-top:0;
  padding-top:10px;
}
#post-73 h5 {
  color:#000;
  padding-top:15px;
  font-family:MuseoBold, Georgia, "Bitstream Charter", serif;
  font-weight:bold;  
}

#post-68 .entry-content,
#post-229 .entry-content,
#post-528 .entry-content,
#post-530 .entry-content,
#post-556 .entry-content {
  float:left;
  margin-top:15px;
}
#post-68 .formcontainer,
#post-229 .formcontainer,
#post-528 .formcontainer,
#post-530 .formcontainer,
#post-556 .formcontainer {
  margin-top:15px;
}


/* =Sidebar
-------------------------------------------------------------- */
.widget {
  position:relative;
}
.widget h2 {
  width:195px;
  float:right;
  padding-bottom:8px;
  margin-bottom:10px;
  border-bottom:solid 1px #bdc8c5;  
}
.widget .entry {
  float:right;
  width:210px;
}
.widget .button {
  position:absolute;
  bottom:10px;
  right:0;
  width:200px;
  padding-left:10px;
}
.widget ul {
  float:right;
  clear:both;
  width:210px;
  overflow:hidden;  
}
.widget ul li,
#sidebar #gigpress .gigpress-empty {
  float:left;
  background:#000;
  color:#fff;
  margin-bottom:10px;
  padding:8px;
  width:194px;
}

#sidebar #gigpress {
  float:right;
  width:220px;
  height: 189px;
  padding-top:7px;
  margin-bottom:15px;
  background: url('images/bkg-gigpress.png') no-repeat 0 0;
}
#sidebar #gigpress ul {
  height:113px;
}
#sidebar #gigpress ul li {
  margin-bottom:5px;
  padding:5px 8px;
}
#sidebar #gigpress .gigpress-sidebar-date {
  float:left;
  margin-right:10px;
  font-weight:normal;
  color:#9aafaf;
}

#twitter {
  float:right;
  padding:10px 0;
  width: 220px;
  height: 430px;
  background: url('images/bkg-twitter.png') no-repeat scroll left top;
}
#twitter ul {
  height:360px;  
}
#twitter ul li a {
  color:#fff;
}
#twitter .time-meta a {
  display:block;
  color:#9aafaf;
  text-decoration:none;
  
}
#twitter .time-meta a:before {
  content: ": ";
}
#twitter .from-meta {
  display:none;
}
#twitter .twitterwidget-title {
  display:none;
}

#banner {
  margin:0 0 20px 20px;
}


/* =Footer
-------------------------------------------------------------- */
#footer {
  position:relative;
  color:#9aafaf;
  background: url('images/bkg-footer.png') no-repeat scroll left top;
}
.home #footer {
  background: url('images/bkg-footer-home.png') no-repeat scroll left top;
}

#footer a {
  color:#fff;
  text-transform:uppercase;
}

#copyright,
#social-links {
  position:absolute;
  top:27px;
  width:200px;  
}
#copyright {
  left:265px;
}
#social-links {
  left:490px;
}
#social-links li {
  display:inline;
}