/* 
Theme Name: Psi-Q
Theme URI: 
Description: A custom theme for the Psi-Q conference.
Author: Designopoly
Author URI: http://www.designopoly.co.uk
Version: 0.1
Tags: Framework
Template: hybrid
*/

/**
* Import pre-made styles from Hybrid
************************************************/

/* Eric Meyer's reset.css */
	/* @import url('../hybrid/library/css/reset.css'); */

/* 18px, 20px, 21px, 22px, or 25px margins and line-height (don't use reset.css with these) */
	/* @import url('../hybrid/library/css/18px.css'); */
	/* @import url('../hybrid/library/css/20px.css'); */
	@import url('../hybrid/library/css/21px.css');
	/* @import url('../hybrid/library/css/22px.css'); */
	/* @import url('../hybrid/library/css/25px.css'); */
	
/* Layout */
	@import url('css/2c-l-fixed.css');

/* Holy Grail */
	/* @import url('../hybrid/library/css/holy-grail-fluid.css'); */

/* Plugins CSS */
	/* @import url('../hybrid/library/css/plugins.css'); */

/* Hybrid's default CSS */
	/* @import url('../hybrid/library/css/screen.css'); */

/* MY RESET */
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden; width: 0; font-size:0;}
.clear {clear:both; overflow:hidden; /*width:0; height:0; font-size:0; */}
.hidden {display:none;}
.first {margin-left:0; padding-left:0;}
.last {margin-right:0; padding-right:0;}
.top {margin-top:0; padding-top:0;}
.bottom {margin-bottom:0; padding-bottom:0;}
ul.list {list-style: disc inside;}
ol.list {list-style: decimal inside;}
ul.list, ol.list {padding-left:1em; text-indent:-1em;}


a {color:#0033cc;}
a:hover {color:#3366ff;}	

#site-description { display: none; }
	
	
/* Header */

	
#site-title {
	width: 180px;
	height: 80px;
	}
#site-title a {
	display: block;
	width: 180px;
	height: 80px;
	background: url(images/psiq-logo2.png) no-repeat 0 0;
	}
#site-title a span {
	display: none;
	}


#navigation {width:480px; position:absolute; top:50px; left:50%;}
#navigation a {color:#efefef;}
#page-nav ul {float:right; margin:25px 0 0 0; font: 12px 'BPreplayRegular', verdana, sans-serif; text-transform: uppercase; padding-bottom:5px;}	


#header-container {color:#efefef; background:#333; background:rgba(0,0,0,0.8) !important; background:url(images/bg1x1.png); padding:20px; border-bottom:1px solid #ffffff;}
#header {}


#primary {margin-top: 60px; background:#F0F0F6; padding: 30px 20px;}


/* Home */
#home-banner {position:relative; border-top:1px solid #3f3f3f; padding:20px; margin-top:10px;}
#home-banner .button {position:absolute; right:0; bottom:0;	}
.tagline {width:190px; float: left; font: 24px 'BPreplayRegular',verdana, sans-serif; text-transform: uppercase; margin-right:80px; display: inline;}
#home-banner div {position:relative; margin: 0 20px 1em 0;}

#xhome-banner span {font: 70px impact; position:absolute; left:230px; top:0; height:30px; color:#666;}
#xhome-banner span:last-child {left:830px; top:0;}

.close-quote {position:absolute; top:0; right:-40px;}
.open-quote {float:left; margin-left:-55px;}


.home .page-title {display:none;}


.page-home #primary {margin: 60px 0 0px;}
.page-home #primary h3 {margin-top:0;}
.page-home #primary ul {margin:0; list-style-type: none;}
.page-home #primary li {margin: 0 0 1em 0; font-size:12px; padding-bottom: 1em; height:93px;}
.page-home #primary li strong {font-size:14px;}
.page-home #primary li img {float:left; margin-right: 15px;}
.page-home #primary li a {color:#333;}
.page-home #primary li a:hover {color:#666;}


.page-home #primary li img, .page-speakers .content img {border:3px solid #fff; -moz-box-shadow: rgba(0,0,0,0.3) 3px 3px 3px; -webkit-box-shadow: rgba(0,0,0,0.3) 3px 3px 3px;}


#lower-banner {clear:both;}
#lower-banner h3 {float:left; margin:0; line-height: 35px; background-position: 0 center;}
#lower-banner ul {margin:0;}
#lower-banner li {display:inline; margin-left:30px; vertical-align: top;}


.side-box {float:right; width:160px; background:#333; padding:20px; margin: 0 0 10px 15px; color:#efefef;}
.side-box h2 {color:#ffff00; font-size:18px; text-transform: uppercase; margin-top: 0;} 


#header h1 {margin:0;}


/* Footer */
#footer {margin: 20px auto 20px;}
#footer p {margin-bottom: 0;}
.copyright {clear:both;}
#footer-container {background:#161515; color:#efefef; padding-top:20px;}
#footer-container  a {color:#33ccff;}
#footer-container  a:hover {color:#3366ff;}

#footer .footnote {clear:both; border-top:1px solid #333; padding-top:1em; color:#666; font-size:12px;}
#footer .footnote a {color:#ccc;}


#subsidiary .widget {width:480px; margin:0;}

#subsidiary .textwidget {position:relative; min-height:150px; height:auto !important; height:150px;}
#subsidiary .textwidget .logo {float:right; margin-top:18px;}
#subsidiary .textwidget ul {position:absolute; right:0; top:90px; margin:0;}
#subsidiary .textwidget li {display:inline; margin-right:10px; padding-right:10px; border-right:1px solid #333;}
#subsidiary .textwidget li:last-child {border:none; margin-right:0; padding-right:0;}

.addthis_button {position:absolute; bottom:0; right:0;}



/* Agenda */
.page-agenda .content {width:100%;}
.page-agenda #primary {display:none;}
.page-agenda .header {border-bottom: 1px solid #9f9f9f;}
.page-agenda h2 {margin:0; padding-bottom: 8px;}
.page-agenda .content img {margin: 0 0 1em;}



/* Speakers */
.page-speakers .content {width:100%;}
.page-speakers #primary {display:none;}
.page-speakers h2 {padding-top:1em; border-top:1px solid #ccc; clear:both; color:#666;}
.page-speakers h2 a {color:#666;}
.page-speakers h2 a:hover {cursor:default;}
.page-speakers h2.top {border-top:none; margin-top:0; padding-top:0;}
.page-speakers .content img {margin:0 15px 0px 0; float:left;}
.page-speakers .content div.biog {position:relative; min-height:245px; height:auto !important; height:245px;}
.page-speakers div.post_column_1 p:first-child {display: none;}

.hackadelic-sliderPanel {}
a.hackadelic-sliderButton {/* position:absolute; left:0; top:100px;*/ font-size:12px; display:inline-block; margin-bottom: 1em;}
a.hackadelic-sliderButton:hover {}
.entry .hackadelic-sliderPanel {}



/* Venue */
.page-venue .content img {border:1px solid #999;}




/* Register */
.page-register .terms {padding-top:60px;}
.page-register p.cost {display:none;}


.page-register dl {margin-bottom:3em;}
.page-register dt {float: left; font-weight: normal; margin:0; }
.page-register dd {margin:0; text-align:right;}

.page-register form.jqtransformdone strong {font-weight: normal;}

form.jqtransformdone label {float: none;}

.page-register .desc {border-bottom:1px solid #ccc; padding-bottom:1em; margin-bottom: 2em;}
.page-register .desc dd {text-align: left; margin-left:70px;}
.page-register .desc dt {}



/* About */
.page-about .content {width:100%; height:550px;}
.page-about #primary, .page-about .page-title {display:none;}
.page-about #footer-container  {padding-top:20px;}
.page-about .bg-img {position:absolute; z-index:-1;}
.page-about .main {width:600px; padding:20px; float:right; margin-top:30px; background:#333; background:rgba(51,51,51,0.9) !important; background:url(images/bg1x1-333.png); color:#fff; z-index:1;}
.page-about .main h1 {color:#ffff00; padding-top:1em; margin-top:0;}
.page-about .main a {color:#33ccff;}
.page-about .main a:hover {color:#ffff00;}
.page-about .quote {width:550px; float:right; text-align:right; margin-top:50px; font: 16px/1.5 'BPreplayRegular', verdana, sans-serif;}
.page-about .quote  img {margin-right:10px;}
.page-about .quote cite {font-size:14px;}



/* Typography */
@font-face {
	font-family: 'BPreplayRegular';
	src: url('fonts/bpreplay/BPreplay.eot');
	src: local('BPreplay Regular'), local('BPreplay'), url('fonts/bpreplay/BPreplay.ttf') format('truetype');
}

@font-face {
	font-family: 'BPreplayItalic';
	src: url('fonts/bpreplay/BPreplayItalics.eot');
	src: local('BPreplay Italic'), local('BPreplay-Italic'), url('fonts/bpreplay/BPreplayItalics.ttf') format('truetype');
}

@font-face {
	font-family: 'BPreplayBold';
	src: url('fonts/bpreplay/BPreplayBold.eot');
	src: local('BPreplay Bold'), local('BPreplay-Bold'), url('fonts/bpreplay/BPreplayBold.ttf') format('truetype');
}

@font-face {
	font-family: 'BPreplayBoldItalic';
	src: url('fonts/bpreplay/BPreplayBoldItalics.eot');
	src: local('BPreplay Bold Italic'), local('BPreplay-BoldItalic'), url('fonts/bpreplay/BPreplayBoldItalics.ttf') format('truetype');
}



.rounded, #primary {border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}


.button {width:115px; height:26px; background:url(images/button-sprite.png) no-repeat 0 0; padding-left:26px; text-transform: uppercase; color:#fff; display: block; line-height: 26px; font-size: 12px; border:none; font-family: "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;}
a:hover.button, input:hover.button {background-position: 0 -26px; color:#ffff00;}




.phone {background: transparent url(images/phone.png) no-repeat scroll 0 50%; padding-left:25px;}
.email {background: transparent url(images/email.png) no-repeat scroll 0 50%; padding-left:25px;}
.fax {background: transparent url(images/fax2.png) no-repeat scroll 0 50%; padding-left:25px;}


.quote2 {position:relative; border-top:3px solid #dfdfdf; border-bottom:3px solid #dfdfdf; padding:20px 60px; font: 16px/1.5 'BPreplayRegular', verdana, sans-serif; height:100%; margin:2em 0;}
.open-quote2 {float:left; margin-left:-50px;}
.close-quote2 {position:absolute; right: 20px; top:30px;}
.quote2 cite {font-size:14px;}




/* Mailchimp form */
form#mc_signup_form { font-size:12px;}
form#mc_signup_form h3 {color:#ffff00;}
form#mc_signup_form  label {padding-bottom:5px;}
form#mc_signup_form .mc_signup_submit {text-align: left; padding-top:1em;}
#mc-indicates-required {display: none;}
div.mc_merge_var {float:left; margin-right: 10px;}
.mc_signup_submit .button {padding: 1px 10px 3px; margin-top:5px;}
.mc_input {font: 11px "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;}
.mc_error_msg, .mc_success_msg {display:inline-block; margin-bottom: 1em;}



#atffc {display:none;}


/**
* Body
************************************************/

/* Contains everything */
body {background: #fff url(images/plato-bg.jpg) no-repeat 50% 0; font:87.5%/1.5 "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif; color:#333;}

	/* Wrapper for everything inside of the body */
	#body-container {}

/**
* Elements
************************************************/

/* Hyperlinks */
a:link {}
a:visited {}
a:hover {}
a:active {}

/* Headers */
h1, h2, h3 {font-family: 'BPreplayRegular', verdana, sans-serif;}
h3 {text-transform: uppercase; background:url(images/square21.png) no-repeat; padding-left:31px; }
h1 {font-size:20px; line-height:0.7500em; margin:0.75em 0 1.5em; text-transform: uppercase; }   /* 28px */
h2 {font-size:1.5000em; line-height:1.0000em; margin:1em 0; }   /* 21px */
h3 {font-size:1.1429em; line-height:1.3125em; margin:1.3125em 0; }   /* 16px */
h4 {font-size:1.0000em; line-height:1.5000em; margin:1.5em 0; }   /* 14px */
h5 {font-size:0.8571em; line-height:1.7500em; margin:1.75em 0; }   /* 12px */
h6 {font-size:0.7143em; line-height:2.1000em; margin:2.1em 0; }   /* 10px */
h1 a {color:#666;}

/* Text elements */
strong {}
em {}
cite {}
abbr {}
acronym {}
sup {}
sub {}
address {}
ins {}
dfn {}
del {}

/* Paragraphs */
p {}

/* Unordered lists */
ul {}
	ul li {}

/* Ordered lists */
ol {}
	ol li {}

/* Defition lists */
dl {}
	dt {}
	dd {}

/* Blockquotes */
blockquote {}
	blockquote blockquote {}
	blockquote em {}

/* Object */
object {}

/* Code */
code {}
pre {}
pre code {}

/* Tables */
table {}
	caption {}
	tr {}
	th {}
	td {}

/* Forms */
form {}
	textarea {}
	input {}
	label {}
	option {}

/* Drop caps */
.drop-cap {	}

/* Notes */
.note {}

/* Warnings/Alerts */
.warning, .alert {}

/* Errors */
.error {}

/* Downloads */
.download {}

/* Alignment */
.left, .alignleft {float:left;}
.right, .alignright {float:right;}
.center, .aligncenter {}
.block, .alignnone {}
.clear {}

/**
* Images
************************************************/

/* Normal images */
img {}
a img {}

/* WP Smilies */
img.wp-smiley {}

/* Thumbnails */
.thumbnail {}

/* WP Captions [caption] */
.wp-caption {}
	.wp-caption img {}
	.wp-caption p {}

/* Gallery [gallery] */
.gallery {}
	.gallery img {}

/* Avatars */
.avatar {}

/**
* Header
************************************************/

/* Contains entire header */
#header-container {}

	/* Contains site title and tagline */
	#header {}

		/* Site title */
		#site-title {}
			#site-title a {}
				#site-title a span {}

		/* Site description/tagline */
		#site-description {}

/**
* Page navigation
************************************************/

/* Wrapper for navigation */
#navigation {}

	/* Page nav */
	#page-nav {}
		#page-nav ul {}
			#page-nav li {display: inline; margin-left:20px; }
				#page-nav li a {}
				#page-nav li a:hover {border-bottom: 2px solid #ffff00; padding-bottom:3px;}
			#page-nav li.current_page_item a {color:#ffff00; border-bottom: 2px solid #ffff00; padding-bottom:3px;}

/**
* Containers below the header and navigation
************************************************/

/* Wrapper for the content and primary/secondary widget sections */
#container {padding:20px 0 40px;}

	/**
	* Content
	************************************************/

	/* Contains site's main content */
	#content {	}

		/* Breadcrumb trail */
		.breadcrumb {}

		/* Archive and search <div> before posts are listed */
		.author-info {}
		.category-info {}
		.date-info {}
		.search-info {}
		.tag-info {}

		/* Posts */
		.post {}

			/* Post, page, and archive titles */
			.entry-title {}
			.single-title {}
			.page-title {}
			.attachment-title {}
			.error-404-title {}
			.author-title {}
			.category-title {}
			.date-title {}
			.search-title {}
			.tag-title {}

			/* Author and date byline */
			.byline {}

			/* Full entries */
			.entry-content {}

			/* Excerpts (introduced in Hybrid 0.4) */
			.entry-summary {}

				/* Using <!--nextpage--> */
				p.pages a {}

				/* More link <!--more--> */
				a.more-link {}

			/* Post meta data */
			.post-meta-data {display:none;}

		/* Post series */
		.series {} 
			.series-title {}

		/* Navigation links */
		.navigation-links {}
			.navigation-links .previous {}
			.navigation-links .next {}

		/* WP PageNavi (plugin) */
		.wp-pagenavi {}
			.wp-pagenavi .pages {}
			.wp-pagenavi .current {}
			.wp-pagenavi .extend {}
			.wp-pagenavi a {}

		/* Attachment image navigation */
		.navigation-attachment {}

		/**
		* Comments template
		************************************************/

		/* Wrapper for entire comments area */
		#comments-template {}

			/* Comments section 	s/titles */
			.comments-header {}
			#comments-number {}

			/* Comments closed paragraph */
			p.comments-closed {}

				/* Main comments section */
				#comments {}
					#comments ol {}

						/* Individual comments (note that WordPress has even/odd backwards) */
						#comments li {}
							#comments li li {}
								#comments li li li {}
									#comments li li li li {}
						#comments li.even {}
						#comments li.odd {}
						#comments li.thread-even {}
						#comments li.thread-odd {}
						#comments li.author {}
						#comments li.trackback {}
						#comments li.pingback {}

							/* Comment avatars */
							#comments .avatar {}

							/* Comment meta data */
							#comments .comment-meta-data {}
								#comments .comment-meta-data cite {}

							/* Comment text */
							#comments .comment-text {}

					/* Paged comments navigation */
					#comments-template .paged-navigation {}
						#comments-template .paged-navigation .page-numbers {}
						#comments-template .paged-navigation .next {}
						#comments-template .paged-navigation .prev {}

				/* Main comment form div */
				#respond {}

					/* Comment form title */
					#reply {}

					/* Comment form elements */
					p#cancel-comment-reply {}
					#respond form {}
						#respond .form-author {}
							#respond input {}
						#respond .form-email {}
						#respond .form-url {}
						#respond .form-textarea {}
							#respond textarea {}
						#respond .button {}
						#respond .comment-action {}

		/**
		* Utility widget sections (see other widget code below)
		************************************************/

		/* All utility widget sections (except widgets template) */
		.utility {}

		/* Before content */
		#utility-before-content {}

		/* After content */
		#utility-after-content {}

		/* After post but before comments */
		#utility-after-single {}

		/* After page but before comments */
		#utility-after-page {}

		/* Widgets page template widgets */
		.page-template-widgets #content .widget {}

	/**
	* Widget sections (Primary and Secondary)
	************************************************/

	/* Widgets in general */
	.widget {}
		.widget-inside {}
			.widget-title {}

	/* Primary widget section */
	#primary {}
		#primary .widget {}
			#primary .widget-inside {}
				#primary .widget-title {}
				#primary .widget ul {}
					#primary .widget ul li {}

	/* Secondary widget section */
	#secondary {}
		#secondary .widget {}
			#secondary .widget-inside {}
				#secondary .widget-title {}
				#secondary .widget ul {}
					#secondary .widget ul li {}

/**
* Footer
************************************************/

/* Wrapper for the entire footer */
#footer-container {}

	/* Subsidiary widget section */
	#subsidiary {}
		#subsidiary .widget {}
			#subsidiary .widget-inside {}
				#subsidiary .widget-title {}

	/* Footer section */
	#footer {}

		/* Footer extra */
		#footer .copyright {}
		#footer .credit {}