/*
Theme Name: dublab14
Theme URI: http://dublab.com/
Author: team A design
Author URI: http://goteama.com/
Description: The 2014 Re-code of dublab's site, hopefully this can be built on for future versions
Version: 1.0
License: GNU General Public License
License URI: license.txt
Tags:

Resetting and rebuilding styles have been helped along thanks to the fine work of
Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
and Blueprint http://www.blueprintcss.org/
*/



/* =Global
----------------------------------------------- */


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


/* =Menu
----------------------------------------------- */

/* drive menu */
.drive .main-navigation li {
	background:		transparent;
	width:			33.3%;
    font-size:		18px;
    padding: 		12px 0;
    border: none;
}
.drive .main-navigation li a {
	padding: 0;
	color: #fff;
}
.main-navigation li:hover > a {
	color: #45bffd;
	background: transparent;
}


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


/* easy tabs on donate page */

#tab-container .etabs li { margin-bottom:0; }
.etabs { margin:0; padding: 0; }
#tab-container .tab { display: inline-block; zoom:1; *display:inline; background: #000; }
#tab-container .tab a { font-size: 14px; font-weight: 600; text-transform: uppercase; line-height: 2em; display: block; padding: 0 10px; outline: none; text-decoration:none; color:#fff; }
#tab-container .tab a:hover { color:#ccc;  }
#tab-container .tab.active { background: #fff; padding-top: 4px;  }
#tab-container .tab a.active { color:#000; }


.drive {
	color: #000;
}
#tlkio {
	width:300px;
	height:400px;
    background-color: #06c; background: rgba(0, 102, 204, 0.9);
}
.drive #masthead {
	padding: 20px 0;
	background-color: #fff;
    background: rgba(255, 255, 255, 0.85);
}
.drive #masthead hgroup {
	padding: 0;
}
.drive #masthead .content {
	background: transparent;
    padding: 10px 10px 1px;
}
#player-band {
    background:#06c;
}
#player-band div.jp-innerwrap {
    border-bottom: none;
    border-top: none;
}

#drive-menu {
	border-top: 1px solid #ebebeb;
	background: #2B2626;
}

.drive .site-main {
	padding: 20px 0;
}

#drive-band-1 { background-color: #fff; background: rgba(255, 255, 255, 0.9); padding-top: 40px; }
#drive-band-2 { background: transparent; }
#drive-band-3 { background-color: #fff; background: rgba(255, 255, 255, 0.9); color: #000; }
#drive-band-4 { background-color: #BFBABA; }

#drive-band-4 a { color: #fff; text-decoration: underline; }
#drive-band-4 .widget-title { color: #fff; }

.drive #colophon {
    margin-top:0;
    background: #fff;
}

#proton-gift-packs {
	display: none;
}

#proton-gift-packs .pack {
	background-color: #fff;
	background: rgba(255, 255, 255, 0.97); 
	margin-bottom: 20px;
	padding-top: 1em;
	padding-bottom: 1em;
	text-align: center;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	text-align: center;
	min-height: 210px;
}
#proton-gift-packs .pack h2 {
	text-align: center;
	text-transform: uppercase;
}
#proton-gift-packs .pack h2 a {
	color:#000;
}
#proton-gift-packs .wp-post-image {
	float: left;
	margin: 0 10px;
	display:none;
}
#proton-gift-packs p {
	margin: 0 10px .5em;
}

#flashpacks {
	clear: both;
}
#flashpacks .etabs { 
	margin-left: 10px; 
	margin-right: 10px; 
	margin-bottom: 3em;
}

#flashpacks .product {
	margin-bottom:3em;
}
#flashpacks .product:nth-child(6n+1) {
	clear: left;
}
#flashpacks .product .content { 
	position: relative;  
	width:170px;
	height: 170px;
	background: #fff;
	margin-bottom: 0;
}
#flashpacks .product .content img { 
	display: block;
	max-width: 100%;
	height: auto;
}
#flashpacks .product .content h2 {
	position: absolute;
	left: 0;
	bottom: 0;
	right:0;
	margin: 0;
	padding: 10px;
	font-size: 14px;
	line-height:17px;
	font-weight: 400;
	color: #000;
	background:#fff;
	background-color:rgba(255,255,255,0.8);
}
#flashpacks .product .content:hover h2 {
	background-color:#fff;
}
#flashpacks .product .price { 
	font-size: 16px;
	font-weight: 600;
	display: block;
	text-align: center; 
	background: #fff;
}
#flashpacks .product .price .amount {
	padding-top: 2px;
	color: #000;
}
#flashpacks .product .button,
.woocommerce button.button.alt {
	margin-top: 1em;
	padding: 4px;
	background: #fff;
	color: #000;
	border: 1px solid #000;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: 700;
	display: block;
	text-align: center;
	text-shadow: none;
	overflow: hidden;
}
#flashpacks .product .button:hover,
.woocommerce button.button.alt:hover {
	color: #fff;
	background: #000;
}
#flashpacks .added_to_cart {
	font-size: 12px;
	margin-top: .5em;
	display: block;
	text-align: center;
	text-transform: uppercase;
	font-weight: 600;
	color: #000;
}

.drive h1, .drive h2, .dive h3, .drive h4, .drive h5, .drive h6 { font-weight: 700; }

.drive a.button {
    background: #fff;
    border: 1px solid #000;
    border-radius: none;
    box-shadow: none;
    color: #000;
    cursor: pointer;
    display: inline-block;
    font-family: inherit;
    font-size: 100%;
    font-weight: bold;
    left: auto;
    line-height: 1em;
    margin: 0;
    overflow: visible;
    padding: 4px 10px;
    position: relative;
    text-decoration: none;
    text-shadow: none;
    white-space: nowrap;
    text-transform: uppercase;
}

.drive a.button:hover {
    background: #000;
    color: #fff;
    text-decoration: none;
    text-shadow: none;
}
.drive a.button:active {
    top: 1px;
}

.drive .widget-title,
.drive .widget h3 {
	font-size: 18px;
	line-height: 24px;
	margin-bottom: 1.5em;
	font-weight: 700;
	height: auto;
	color:#000;
}
.drive #colophon .widget-title {
	font-weight: 400;
}

.drive .added_to_cart { display: block; text-align: center; color: #fff }


/* =Widgets
----------------------------------------------- */

/* donation meter widget */

.widget_daves_scribometer h3,
.widget_daves_scribometer .widget-title {
	color:#c00;
}
.widget_daves_scribometer .scribometer-body {
	background:#fff;
	border: 1px solid #ccc;
	padding:10px;
	font-size:14px;
	text-shadow:1px 1px 1px #fff;
}
.widget_daves_scribometer .scribometer-border {
	background:#fff;	
}

/* =Prize table 
----------------------------------------------- */

.proton-prize-table-wrap {
	background: rgba(255,255,255,.97);
	padding: 0;
	margin-bottom: 0;
}	
.proton-prize-table {
	width: 100%; 
	border-collapse: collapse; 
}
.proton-prize-table th.level a {
	color: #fff;
}

.proton-prize-table td, 
.proton-prize-table th { 
  padding: 6px; 
  border: 2px solid #333; 
  text-align: left; 
}
.proton-prize-table th.level {
	width: 14.2857%;
	text-align: center;
	font-size: 36px;
	font-weight: 600;
	background: #2B2626;
}
.proton-prize-table th.level:nth-of-type(odd) {
	background: #BFBABA;
}
.proton-prize-table th.level .label {
	display: block;
	font-size: 10px;
	text-transform: uppercase;
}
.proton-prize-table th.prize {
	font-size: 12px;
	text-transform: uppercase;
	font-weight: 700;
	text-align: center;
	vertical-align: middle;
	position: relative;
}
.proton-prize-table .prize:hover {
	cursor: crosshair;
}
.proton-prize-table th .tip {
	display:none;
	background:#dedede;
	position: absolute;
	top:10px;
	left: -9999em;
	border: 1px dashed #000;
	font-size: 14px;
	text-transform: none;
	font-weight: 600;
	width:200px;
	padding: 5px;
	z-index: 10;
}
.proton-prize-table .prize:hover .tip {
	display: block;
	left:80%;
}
.proton-prize-table td {
	text-align: center;
	vertical-align: middle;
	font-size: 24px;
}


/* #Media Queries
================================================== */

	/* Smaller than standard 1200 (devices and browsers) */
	@media only screen and (max-width: 1199px) {
	
		#proton-gift-packs .pack {
			text-align: center;
		}
		#proton-gift-packs .wp-post-image {
			float: none;
		}
		#flashpacks .product .content { 
			width:auto;
		}
		
	}

	/* Smaller than standard 960 to 1200(devices and browsers) */
	@media only screen and (min-width: 960px) and (max-width: 1199px) {
		
		#proton-gift-packs .pack {
			min-height: 360px;
		}
			
	}

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {


	}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
		
		.drive #masthead .columns.eight,
		.drive #masthead .columns.four {
			width:748px;
		}
		
		.proton-prize-table th.level {
			font-size: 24px;
		}
		
	}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {

		.proton-prize-table-wrap {
			display:none;
		}
		
		#proton-gift-packs {
			display: block;
		}
		
		#proton-gift-packs .pack {
			min-height: 0;
		}
		
		/* drive video text widget */
		#text-140 {
			display: none;
		}
		
	}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {

	}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {

		
	}