/*
Theme Name:     Andrew Blum with Tubes
Description:    Child theme for the Twenty Ten theme 
Author:         Double Triple
Author URI:     http: //doubletriple.net
Template:       twentyten
Version:        0.1.0
*/

@import url('style-defaults.css');
@import url('guides.css');


/* =Body
-------------------------------------------------------------- */

html {
	overflow-y: scroll;
}

body {
	border:0px solid black;
	padding:0 0 0 0;
	margin:0;
	font-family:helvetica, arial, sans-serif;
	font-size:18px;
	line-height:24px; 	
	color:black;
	background-color:#e8e8e8;
	
}


/* =General Text Styles
-------------------------------------------------------------- */

h1, h2, h3, h4, h5, h6 {
	clear: both;
	font-weight:bold;
	font-size:18px;
	line-height:24px;
	margin: 0 0 0px 0;
}

h1 {
	font-size:30px;
	line-height:36px;
	margin-bottom:24px;
}

h2 {
	font-size:20px;
	line-height:24px;
	margin-bottom:24px;
}

p {
	font-size:18px;
	line-height:24px;
	display:block;
	margin: 0 0 24px 0;
	font-weight:normal;
}

hr {
	display:block;
	border-top:2px solid black;
	margin:21px 18px 15px 0;
	height:8px;
	padding:0;
}

blockquote {
	display:block;
	margin:0 0 24px 0;
	padding:0 78px 0 78px;
	font-size:18px;
	line-height:24px;	
}


/* =Link Styles
-------------------------------------------------------------- */

a:link {
	color:black;
	text-decoration:none;
}

p a:link { 
	border-bottom:2px solid #39b350;
}

a:visited {
	color:black;
	text-decoration:none;
}

a:hover {
	text-decoration:none;
	color:black;
	background-color: white;
}

p a:hover, ul li a:hover {
	text-decoration:none;
	color:black;
	background-color: white;
}

a:active, a:focus {
	text-decoration:none;
    outline: 0;
	background-image:url(images/hover-yellow.gif);
} 

p a:active, ul li a:active {
	background-color: #fdf100;
	background-image:url(images/hover-yellow.gif);
}


/* =Wrapper
-------------------------------------------------------------- */

/* The main theme structure */
#wrapper,
#header,
#branding,
#access,
#main,
#container,
#content,
#footer {
}

#wrapper {
	padding: 60px 0 0 0;
	position:relative;
	margin-bottom:0;
	z-index:50;
}

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

#header {
	position:absolute;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:54px;
	z-index:1000;
	background-color:#f5f5f2;
	border-bottom:6px solid #39b350;
}

#masthead {
	display:block;
	position:relative;
	width:954px;
	margin-left:auto;
	margin-right:auto;
}

#branding {
	display:block;
	position:absolute;
	top:16px;
	left:18px;
	width:100%;
	height:48px;
	z-index:1000;
}

#branding a {
	font-size:18px;
}

#doodle-tube {
	position:absolute;
	top:18px;
	right:738px;
	height:18px;
	width:2000px;
	background-image:url(images/tube-green-right.png);
	background-repeat: no-repeat;
	background-position:center left;	
	z-index:20;
}

#access {
	position:relative;
	display:block;
	margin-left:252px;
	z-index:200000;
}

#access .top-menu {
}

#access .top-menu ul {
	position:relative;
	z-index:2000;
	width: auto;
}

.top-menu ul li {
	display:block;
	float:left;
	position:relative;
	border:#bdbdbd;
	margin:15px 18px 0 0;
}

.top-menu ul li a {
	display:block;
	height:20px;
	width:58px;
	padding:2px 0 0 0;
	font-size:14px;
	line-height:18px;
	background-color:#d6d6d6;
	text-align:center;
	font-weight:normal;
	border:1px solid #bdbdbd;
	-moz-border-radius: 6px;
	border-radius: 6px;
}

.top-menu ul li a:hover {
	background-color:white;
}

.top-menu ul li.current-menu-item a {
	background-color:rgba(220, 220, 220, .23);
	color:#bdbdbd;
	border-color:#bdbdbd;
}

.top-menu ul li.tubes-toplink a {
	background-color:#fdf100;
}

.top-menu ul li.facebook {
	margin-right:12px;
}

.top-menu ul li.facebook a{
	height:24px;
	width:24px;
	background:url(images/facebook-button.png) no-repeat;
	border:0;
	border-radius:0;
	font-size:0;
	color:transparent;
}

.top-menu ul li.twitter a {
	height:24px;
	width:24px;
	background:url(images/twitter-button.png) no-repeat;
	border:0;
	border-radius:0;
	font-size:0;
	color:transparent;
}


/* =Search
-------------------------------------------------------------- */

#searchform {
	display:block;
	float:left;
	position:relative;
	margin-top:15px;
	width:138px;
	height:24px;
	z-index:30000;
}

form input[type="text"] {
	border-style:none;
	background-image:none;
	font-size:13px;
	line-height:15px;
	color:white;
}

#s {
	display:block;
	position:relative;
	height:21px;
	width:136px;
	padding:0px 0 1px 1px;
	border:1px solid #bdbdbd;
	-moz-border-radius: 6px;
	border-radius: 6px;
	background-color:#d6d6d6;
		font-family:"helvetica neue", helvetica, arial, sans-serif;
		font-weight:normal;
}

/* =Main, Container, Content
-------------------------------------------------------------- */
#main {
	display:block;
	position:relative;
	padding:0 0 0 0;
	margin-bottom:0;
}

#container {
	display:block;
	position:relative;
	padding:0 0 0 0;
	margin:0 0 0 0px;
	z-index:50;
}

#content {
	display:block;
	position:relative;
	padding:0 0 0 0;
	z-index:10;
	margin-left:auto;
	margin-right:auto;
}

.post-box {
	margin-bottom:72px;
}


/* =TUBES PAGE
-------------------------------------------------------------- */
.page-template-page-buytubes-php,
.page-template-page-tubestop-php,
.page-template-page-tubes-php {
	background-color:black;
	color:white;
}

a#tubes-splash-box {
	display:block;
	position:relative;
	height:882px;
	width:100%;
	background-color:#fdf100;
	z-index:12;
}
a#tubes-splash-box:hover {
	background-image:url(images/yellow-blink.gif);
}

#tubes-chip {
	display:block;
	position:relative;
	height:882px;
	width:100%;
	background-image:url(images/tubes-chip.png);
	border-bottom:6px solid #39b350;
	background-position:0 1px;
	z-index:100;
}

.page-template-page-buytubes-php #tubes-chip,
.page-template-page-tubes-php #tubes-chip {
	display:block;
	position:relative;
	height:84px;
	width:100%;
	background-image:url(images/tubes-chip.png);
	border-bottom:6px solid #39b350;
	background-position:0 0;
	z-index:100;
}

#tubes-footer-chip {
	display:block;
	position:relative;
	clear:both;
	height:84px;
	width:100%;
	background-image:url(images/tubes-chip.png);
	border-top:6px solid #39b350;
	background-position:0 0;
	z-index:100;
}

.page-template-page-buytubes-php #tubes-footer-chip {
	height:600px;
	border-bottom:6px solid #39b350;
}

#tubes-bigtype {
	display:block;
	position:absolute;
	text-align:center;
	margin-top:230px;
	height:336px;
	width:100%;
	background-image:url(images/tubes-bigtype.png);
	background-repeat:no-repeat;
	background-position: center 0;
	z-index:40;
}

a:hover div#tubes-bigtype {
	z-index:200;
	background-position: center bottom;
}

#tubes-bigtype h1 {
	display:none;
	font-size:300px;
	line-height:300px;
	font-weight:bold;
	text-transform:uppercase;
}
/* tubes-book is the anchor that positios the content on the top of the page  */
#tubes-book {
	display:block;
	position:absolute;
	bottom:150px;
	width:100%;
	height:0px;
}

#tubes-content {
	display:block;
	float:left;
	position:relative;
	width:606px;
	padding-right:78px;
	margin:54px 18px 18px 18px;
}

#tubes-content a {
	color:white;
	border-bottom:1px solid white;
}

#tubes-content a:hover {
	color:black;
}

#tubes-content blockquote  {
	padding:12px;
	color:black;
	background-color:#ffffff;
	margin-bottom:6px;
}
#tubes-content blockquote + p{

	padding-bottom:24px;
}

#tubes-page-links {
	display:block;
	float:left;
	position:relative;
	width:234px;
	padding:54px 0 24px 0;
}

#tubes-page-links a{
	display:block;
	position:relative;
	margin:0 18px 18px 0;
	width:216px;
	height:294px;
}

a.tube-link-tn {
	background-image:url(images/tubes-chip.png);
	background-color:#fdf100;
}

a.tube-link-tn:hover {
	background-image:url(images/tubes-chip.png);
	background-color:black;
}

.tube-link-tn h2 {
	display:block;
	position:absolute;
	bottom:0;
	z-index:400;
	width:204px;
	padding:6px 6px 12px 6px;
	margin-bottom:0px;
	border-top:2px solid black;
	background-color:rgba(255, 255, 255, .72);
}

a.tube-link-tn:hover h2 {
	background-image:url(images/hover-yellow.gif);
}

.buy-tubes {
	display:block;
	margin:0 18px 18px 0;
	position:relative;
	width:204px;
	min-height:282px;
	padding:6px;
	background-color:#1688c9;
	text-align:center;
	-moz-border-radius: 6px;
	border-radius: 6px;
}

.page-template-page-buytubes-php #content {
	width:100%;
	height:400px;
	padding:0;
}

.page-template-page-buytubes-php .buy-tubes {
	margin:54px auto 54px auto;
}

.buy-tubes h2 {
	text-transform:none;
	margin-bottom:12px;
}

.page-template-page-buytubes-php .buy-tubes a,
#tubes-page-links .buy-tubes a {
	display:block;
	width:100%;
	height:18px;
	padding:6px 0 6px 0;
	line-height:18px;
	background-color:#fdf100;
	border:1px solid #bdbdbd;
	-moz-border-radius: 6px;
	border-radius: 6px;
	font-weight:bold;
	margin:0;
}

.page-template-page-buytubes-php .buy-tubes a:hover,
#tubes-page-links .buy-tubes a:hover {
	background-image:url(images/hover-yellow.gif);
}


/* =EVENTS
-------------------------------------------------------------- */

.page-template-page-events-php #content,
.post-type-archive-events #content {
	width:100%;
	margin:0;
	padding:0;
}

#events-content {
	padding:18px 0 36px 0;
}

.event-box {
	display:block;
	position:relative;
	width:954px;
	margin-left:auto;
	margin-right:auto;
}

#events-content a {
	border-color:black;
}

.event-box span {
	display:block;
	width:450px;
	padding:0;
	background-color:white;
	margin:0 0 24px 18px;
}

.event-box .date {
	display:block;
	background-color:#fdf100;
		padding:6px;
		font-size:15px;
}

.event-box h2.entry-title,
.event-box div.entry-content {
	padding:6px;
}

.event-box h2.entry-title {
	display:block;
	height:auto;
	margin:0 0 6px 0;
	line-height:30px;
	font-size:24px;
}

.past-event span {
	background-color:#c8c8c8;
}

.past-event .date {
	background-color:#d3c200;
}

#tubes-book-tour {
	padding:0 0 24px 0;
	background-color:black;
	overflow:hidden;
	background-repeat:repeat-x;
	background-position:240px -240px;
	border-bottom:6px solid #fdf100;
	margin-bottom:36px;
}

#tubes-book-tour-banner {
	display:block;
	position:relative;
	height:176px;
	margin-bottom:36px;
	background-image:url(images/tubes-chip-yellow.png);
	border-top:6px solid #fdf100;
	border-bottom:6px solid #fdf100;
	background-color:white;
}

#tubes-book-tour-banner img{
	display:block;
	width:900px;
	margin-left:auto;
	margin-right:auto;
	padding-top:24px;
}

#tubes-book-tour div.event-doodle {
	display:block;
	position:absolute;
	height:100%;
	width:2000px;
	top:0;
	left:484px;
	background-image:url(images/tube-green-left.png);
	background-repeat:no-repeat;
	background-position:0 center;
}


/* =NOW
-------------------------------------------------------------- */
#now-content {
	display:block;
	background-color:#f6f5ee;
	padding:180px 78px 72px 78px;
	margin:18px auto;
	width:450px;
	background-image:url(images/andrewblum-now.png);
	background-position:center 18px;
	background-repeat:no-repeat;
}

.date {
	margin-bottom:18px;
	padding-bottom:0px;
	border-bottom:1px solid black;
	font-weight:normal;
	font-size:15px;
}

#now-content blockquote {
	padding-right:0;
	padding-left:36px;
}

#twitter-feed {
	display:none;
	position:absolute;
	top:0px;
	left:720px;
	background-color:black;
	color:#39b350;
	width:216px;
	font-weight:normal;
	font-family:verdana, sans-serif;
	-moz-border-radius: 12px;
	border-radius: 12px;
	padding-bottom:24px;
}

#twitter-header {
	position:relative;
	height:12px;
}

#twitter-header img{
	display:block;
	background-color:#39b350;
	height:24px;
	width:24px;
	position:absolute;
	right:0px;
}

.tweet, 
.tweet a,
#twitter-feed, 
#twitter-feed a {
	font-size:13px;
	line-height:15px; 
	color:#39b350;
	font-family:verdana, tahoma, sans;
}

.tweet {
	margin:24px 12px;
}


/* =ABOUT
-------------------------------------------------------------- */

#about-content {
	display:block;
	background-color:#f6f5ee;
	padding:120px 78px 36px 78px;
	margin:18px 0 0 174px;
	width:450px;
	background-image:url(images/andrewblum.png);
	background-position:center 18px;
	background-repeat:no-repeat;
}


/* =CONTACT
------------------------------------------------------------- */

#contact-content {
	display:block;
	position:relative;
	z-index:10;
	background-color:#f6f5ee;
	padding:180px 78px 36px 78px;
	margin:18px 0 0 174px;
	width:450px;
	height:390px;
	background-image:url(images/andrewblum-contact.png);
	background-position:center 18px;
	background-repeat:no-repeat;
}

#contact-tube {
	display:block;
	position:absolute;
	top:500px;
	z-index:100;
	margin:18px 0 0 174px;
	padding:0 78px 0 78px;
	width:450px;
	height:800px;
	background-image:url(images/tube-green-up.png);
	background-position:center top;
	background-repeat:no-repeat;
}

#contact-tube span {
	display:none;
}


/* =ARTICLES ARCHIVE
-------------------------------------------------------------- */

#articles-content {
	display:block;
	padding:180px 0 36px 18px;
	margin:18px auto 0 auto;
	width:936px;
	background-image:url(images/andrewblum-archive.png);
	background-position:center 18px;
	background-repeat:no-repeat;
}

#archive-home-link {
	position:absolute;
	top:0;
	display:block;
	height:150px;
	width:100%;
}

#archive-home-link:hover,
#archive-home-link:active,
#archive-home-link:focus  {
	background:transparent;
	background-image:none;
}

h2.archive-header {
	display:block;
	padding:4px;
	border-top:2px solid black;
	margin:0 18px 21px 0;
	text-align:center;
	color:black;
	font-size:20px;
}

#favorites-box {
	display:block;
	float:left;
	width:624px;
	padding:0;
}

.excerpt-box a {
	display:block;
	float:left;
	width:282px;
	height:648px;
	margin:0 18px 18px 0;
	padding:6px;
	background-color:#f6f5ee;	
	border:2px 
}

.excerpt-box h2.entry-title,
.excerpt-box div.excerpt-text p {
	display:block;
	font-size:18px;
	line-height:24px;
}
.excerpt-box h2.entry-title {
	height:60px;
}

.tn-box {
	display:block;
	height:222px;
	overflow:hidden;
	margin-bottom:12px;
}

.published-text {
	font-weight:normal;
	font-size:18px;
	line-height:24px;
}

.categories-box {
	display:block;
	float:left;
	width:156px;
	padding:0;
}

.categories-box a {
	display:block;
	height:20px;
	padding:5px 0 9px 0;
	margin:0 18px 6px 0;
	text-align:center;
	border:1px solid #999999;
	-moz-border-radius: 6px;
	border-radius: 6px;
	font-size:14px;
	font-weight:bold;
}

.publication-list li a, .publication-list a {
	background-color:#1688c9;
}

/* favorites button ------ */
.cat-item-31 a {
	background-color:#fdf100;
} {
	background-color:#fdf100;
}

.excerpt-box a:hover,
.publication-list a:hover,
.cat-item-15 a:hover,
.cat-item-16 a:hover {
	background-color:white;
}


/* =POSTS
-------------------------------------------------------------- */

.post h1, .page-title {
	display:block;
	width:401px;
	padding:4px 0 0 1px;
	border-top:2px solid #251c04;
	margin-bottom:18px;
}

.entry-content {
	font-weight:normal;
}

.post p,
.entry-content p {
	display:block;
	clear:both;
	font-weight:normal;
}

h1.entry-title {
	font-size:24px;
}

h1.entry-title a {
	display:block;
}

h1.entry-title a:hover {
}

h1.entry-title a:active {
}

.entry-date {
	font-size:15px;
}

/* =ARTICLE SINGLE
-------------------------------------------------------------- */

.single-box {
	display:block;
	float:left;
	width:606px;
	padding:18px 78px 18px 78px;
		background-color:#f6f5ee;	
	margin:18px 18px 18px 18px;
}

.single-format-standard p {
	font-family:georgia, times, serif;
}

.single-format-standard h1.entry-title {
	padding:36px 0;
	font-size:30px;
}

.single div.categories-box {
	margin-top:18px;
}

.single-now .single-box {
	display:block;
	float:left;
	width:762px;
	padding:18px 78px 18px 78px;
		background-color:#f6f5ee;	
	margin:18px 18px 18px 18px;
}

/* Dec---- */

.single-format-standard h2 {

}


/* Pull Quote---- */

.single-format-standard h3 {
	border-top:2px solid black;
	border-bottom:2px solid black;
	margin:18px 0;
	padding:8px 36px 8px 36px;
	font-size:21px;
	line-height:30px;
	float:left;
	
}

/* =Search Results
-------------------------------------------------------------- */

.search-results #content {
	padding-bottom:36px;
}

.search-header {
	text-align:center;
	margin:54px 0 54px 0;
	color:#888;
	border:0;
}

.search-header span{
	font-size:inherit;
	color:black;
}

.search-result {

}

a h2.search-result-title {
	border-bottom:6px solid #39b350;
}

a:hover h2.search-result-title {
	text-decoration:none;
	color:black;
	background-color: white;
}


/* =holding page
-------------------------------------------------------------- */

.page-template-page-holding-php {
	background-image:url(images/tubes-chip.png);

}

.page-template-page-holding-php #wrapper {
	padding: 0;
}

.page-template-page-holding-php #header {
	display:none;
}

.page-template-page-holding-php #container {
	display:block;
	position:absolute;
	width:100%;
	top:0;
	height:180px;
	border-bottom:6px solid #39b350;
		background-color:#e8e8e8;
		margin:0;
		padding:0;
}

.page-template-page-holding-php #content {
	display:block;
	position:relative;
	top:0;
	width:954px;
	margin-left:auto;
	margin-right:auto;
	padding-top:120px;
	text-align:center;
	background-image:url(images/andrewblum.png);
	background-position:center 18px;
	background-repeat:no-repeat;
}

.page-template-page-holding-php #content h1 {
	display:none;
}

/* =404 page
-------------------------------------------------------------- */

.error404 #content {
	width:100%;
	margin-top:54px;
	height:450px;
	background-image:url(images/404-squr.png);
	background-position:center;
	background-repeat:no-repeat;
}

#error404-content h1 {
	margin:54px 0 36px 0;
	font-size:108px;
	line-height:120px;
	text-align:center;
}


/* =older/newer navigation 
---------------------------------------------------------- */

.navigation {
	display:block;
	clear:both;
}

.navigation div {

}

.navigation div a {
	display:block;
	padding:5px 0 9px 0;
	margin:0 18px 6px 0;
	text-align:center;
	border:1px solid #999999;
	-moz-border-radius: 6px;
	border-radius: 6px;
	font-weight:bold;
}

.navigation div a:hover {
	color:black;
}

#nav-full {
	display:block;
	position:relative;
	width:918px;
	margin-left:auto;
	margin-right:auto;
	padding:0 18px;
}

div.nav-full-button a {
	margin:0;
	
}

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

#footer {
	clear:both;
}
#colophon {
	display:block;
	position:relative;
	margin:42px 0 0 0;
}

#colophon p{
	text-align:right;
	margin-right:18px;
	font-size:12px;
	color:gray;
}

#colophon a {
	color:gray;
	border-bottom:1px solid gray;
}

.page-template-page-buytubes-php #colophon,
.page-template-page-tubestop-php #colophon,
.page-template-page-tubes-php #colophon {
	display:block;
	position:absolute;
	bottom:66px;
	right:0;
	width:954px;
	margin:0px;
}


/* =LOGGED-IN with ADMIN-BAR
-------------------------------------------------------------- */

.admin-bar #header {
		top:28px;
}