/*
Theme Name: Genesis 2012
Description: Inspired by the Winnepeg Jets away jersey. Not kidding.
Version: 1.0
Author: Brian Enriquez
Author URI: http://www.brianenriquez.com
*/

@import url(css/000_normalize.css);
@import url(css/001_buttons.css);
@import url(css/002_navigation.css);
@import url(css/003_calendar.css);
@import url(css/004_mailchimp.css);
@import url(css/005_fonts.css);

/* GLOBAL
------------------------------------------------------------ */

body {
	background-image: url(assets/img/sky-bw.jpg);
	background-repeat: no-repeat;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 14px;
	color: #696969;
	border: 0;
	margin: 0;
}
h1,h2,h3,h4, ul {margin: 0;}
a {
	text-decoration: none;
   	outline: none;
	font-weight: bold;
	color: #00aff2;
	cursor: pointer; 
}
img {
	border:0 none;
}
ul {padding: 0;}
.fl {float: left;}
.fr {float: right;}
#footer .fr {text-align: right;}
	
#wrapper {
	width: 960px;
	margin: 0 auto;
}

.newsflash-bg {
	background-color: #00aff2;
	border-bottom: 1px solid #0094CC;
	width: 100%;
	margin-bottom: 10px;
	
	-webkit-animation-name: newsflash;
	-webkit-animation-duration: 2s;
	-webkit-animation-iteration-count: infinite;
	
	-moz-animation-name: newsflash;
	-moz-animation-duration: 2s;
	-moz-animation-iteration-count: infinite;
	
	display: none; /* Remove this when there are news items to display */
}

@-webkit-keyframes newsflash {
	from { background-color: #0094CC; -webkit-box-shadow:: 0 0 9px #333; }
	50% { background-color: #00aff2; -webkit-box-shadow:: 0 0 18px #91bd09; }
	to { background-color: #0094CC; -webkit-box-shadow:: 0 0 9px #333; }
}

@-moz-keyframes newsflash {
	from { background-color: #0094CC; -webkit-box-shadow:: 0 0 9px #333; }
	50% { background-color: #00aff2; -webkit-box-shadow:: 0 0 18px #91bd09; }
	to { background-color: #0094CC; -webkit-box-shadow:: 0 0 9px #333; }
}

.newsflash {
	width: 960px;
	margin: 0 auto;
	color: #fff;
}
.newsflash p {
	margin: 0;
	padding: 10px 0 10px 0;
	position: relative;
}

#header {
	height: 170px !important;
	position: relative;
}
#fadein_header {
	min-height: 263px;
	margin-top: 55px;
}

#multi_nav {
	font-family: helvetica, sans-serif !important;
	font-size: 12px;
	position: relative;
	z-index: 100;
}

/* CALENDAR BODY CLASSES
------------------------------------------------------------ */

.page-id-14 p.page_title {
	font-family: georgia, helvetica, futura, serif;
	font-size: 36px;
	font-style: normal;
	color: #0094cc;
	border-bottom: 1px dotted #0094cc;
}
#calendar_events {
	width: 800px;
	margin: 0 auto;
}

#logo {
	float: left;
	background-image: url(assets/img/logos/logo-3.png);
	background-repeat: no-repeat;
	width: 478px;
	height: 190px;
}
#logo_med {
	float: left;
	background-image: url(assets/img/logo_medium.png);
	background-repeat: no-repeat;
	width: 224px;
	height: 105px;
	margin: 0 0 0 5px;
}
#contact-nav {
	position: absolute;
	right: 0;
}
#contact-nav ul li {
	list-style-type:none;
	float:left;
	color:#0094cc;
	border-bottom: 1px dotted currenColor;
	padding-bottom: 1px;
	font-size:10px;
	margin-right:14px;
	text-align: center;
	font-weight:bold;
}
#contact-nav ul {
	padding:0;
	margin:10px 0;
}
#contact-nav ul li a {
	padding: 10px 0;
}
#contact-nav img.contact-img {
	padding-bottom:5px;
	cursor:pointer;
}
#service-times {
	position: absolute;
	right: 125px;
	margin-top: 80px;
	color:#00aff2;
	font-size:18px;
	font-weight:lighter;
	font-family:"HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
}
#service-times .time {
	font-family:georgia;
	font-style:italic;
	font-weight:bold;
	font-size:24px;
	color:#0094cc;
}

.page_title {
	font-family: georgia, helvetica, futura, serif;
	font-size: 36px;
	font-style: normal;
	color: #00aff2;
	border-bottom: 1px dotted #00aff2;
}

div.post {
	margin: 0 0 30px 0;
	color: #696969;
}	
	
/* FOOTER 
------------------------------------------------------------ */

.footer-bg {
	width:100%;
	background-image: url(assets/img/sky-bw.jpg);
	background-repeat: no-repeat;
	background-position: center;
}
#footer {
	width: 960px;
	margin: 0 auto;
	padding: 40px 0;
	font-family: "Helevetica Neue", helvetica, arial, sans-serif;
	font-size: 12px;
}
#footer a {
	color: #00aff2;
	text-decoration: none;
	font-weight: bold;
	padding-bottom: 1px;
}
#footer a:hover, #footer a:visited {
	color: #df8300;
}
#design_byline {
	font-size: 12px; 
	line-height: 18px;
	color: #696969; 
	display: table;
	width: 100%;
	position: relative;
}
#design_byline ul {
	padding: 0;
}
#design_byline ul li {
	display: inline;
	list-style-type: none;
	padding-right: 20px;
}
#design_byline ul li.follow-btn {
	position: relative;
	top: 6px;
}
.footer-tweets-bg {
	width: 100%;
	background-color: #00aff2;
	background-image: -webkit-radial-gradient(bottom, #00aff2, #0070ab); /* Chrome 10+, Saf5.1+, iOS 5+ */
	background-image:    -moz-radial-gradient(bottom, #00aff2, #0070ab); /* FF3.6 */
	background-image:     -ms-radial-gradient(bottom, #00aff2, #0070ab); /* IE10 */
	background-image:      -o-radial-gradient(bottom, #00aff2, #0070ab); /* Opera 11.10+ */
	background-image:         radial-gradient(bottom, #00aff2, #0070ab);
}
.footer-tweets {
	width: 960px;
	margin: 0 auto;
	position: relative;
	color: white;
	font-family: georgia, serif;
}
.footer-tweets ul {
	margin: 0;
	padding: 40px 0;
}
.footer-tweets ul li {
	list-style-type: none;
}
.footer-tweets ul li a {
	color: white;
	border-bottom:1px dotted currentColor;
	padding-bottom: 2px;
}
.footer-tweets ul li a:hover {
	border-bottom: 1px solid currentColor;
}
span.status {
	font-size: 36px;
	line-height: 44px;
	font-style:italic; 
}

/* END FOOTER */

/* SIDEBARS 
------------------------------------------------------------ */
		
#sidebar {
	float: left;
	width: 270px;
	margin: 20px 0 0 50px;
	font-family: Garamond, serif;
	color: #434343;
}
#sidebar .widget {
	margin-bottom: 40px;
}
#lowbar {
	width: 615px;
	padding: 20px 0 40px 0;
}
#lowbar .post, #sidebar .post {
	margin-bottom: 40px;
}
#lowbar .post {
	display: table-cell;
	width: 190px;
	padding-right: 30px;
}
#lowbar .post:last-child {
	padding-right: 0;
}
#sidebar .post {
	margin-bottom: 40px;
}
#sidebar .post p {
	font-family: "helvetica neue", helvetica, arial, sans-serif;
	font-size: 13px;
	line-height: 18px;
	padding-bottom: 5px;
	margin: 5px 0;
}

#lowbar a {
	text-decoration: none;
}
#lowbar .post a, #sidebar .post a, .post .small_sideblue {
	font-family: "Helvetica Neue", helvetica, arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
}
.post .small_sideblue {
	font-size: 12px;
	color: #272727;
}
span.readmore {
	font-size: 12px;
}
#lowbar .post a:hover, #sidebar .post a:hover {
	color: #df8300;
}
#lowbar p, #lowbar ul li {
	font-family: "Helvetica Neue", helvetica, arial, sans-serif;
	font-size: 11px;
	line-height: 15px;
}
#lowbar .entry-meta {
	font-size: 10px;
	text-transform: uppercase;
	color: #aeaeae;
}
#sidebar tr.icon {
	color: #00aff2;
	vertical-align: middle;
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}
#sidebar td {
	padding: 5px 5px 5px 5px;
}
#sidebar tr.icon:hover {
	filter:alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity: 1;
	opacity: 1;
}
#sidebar tr, #sidebar td a {
	font-family: helvetica, futura, arial, sans-serif;
	font-weight: bold;
	font-size: 14px;
	text-decoration: none !important;
	font-style: normal;
}
#sidebar tr {
	color: #00aff2;
}
#sidebar tr a {
	cursor: pointer;
}
#sidebar h1, ul li.head {
	color:#00AFF2;
	font-family:Helvetica,sans-serif;
	font-size:14px;
	line-height: 24px;
	font-weight:bold;
	margin: 0;
}
#sidebar h1, ul li.head img {
}
#sidebar ul {
	width: 275px;
}
#sidebar ul li a {
	font-family: helvetica, futura, arial, sans-serif;
	font-size: 14px;
	color: #00aff2;
	text-decoration: none !important;
	font-style: normal;
	cursor: pointer;
}
#sidebar ul li a:hover {
	color: #00aff2;
}

#s {
	width: 220px;
	border: 1px solid #efefef;
	background-color: #f9f9f9;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	border-radius: 5px;
	height: 40px;
	color: #00aff2;
	font-weight: bold;
}
#s:hover {
	filter:alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity:1;
	opacity:1;
}
#lowbar .musician_list {
	margin-top: 10px;
	padding: 10px;
}
ul li.musician, ul li.musician a {
	font-family: Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #D7D7D7;
	text-decoration: none;
}
ul li.musician:hover, ul li.musician a:hover {
	color: #00aff2;
}
.musician {
	color: #00aff2;
	font-family: Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
}
.clear {
	clear: both;
	width:100%;
}
/* TO MANUALLY HIDE THE ENCLOSURES */
#post-50 ul.post-meta li, #post-75 ul.post-meta li, body.single ul.post-meta li {
	display: none;
}
#custom_fields {
	margin-bottom: -10px;
}
#custom_fields ul.post-meta {
	list-style-type: none;
	padding: 10px 0px !important;
	color: #0094cc;
	width: 100%;
	font-style: italic;
	line-height: 20px;
	font-family: georgia, serif;
}
#custom_fields ul.post-meta li span.post-meta-key {
	font-family: helvetica, san-serif;
	font-size: 12px;
	font-weight: bold;
	font-style: normal;
	border-bottom: 1px dotted;
}
#custom_fields ul.post-meta a {
	margin-left: 5px;
}
form#directions_1 {
	width: 300px;
}
#map_1.googleMap {
	font-family: Helvetica, sans-serif;
	font-size: 12px;
	color: #00aff2;
	font-style: normal;
}
#map_1.googleMap h4 {
	font-family: georgia, serif;
	font-style: italic;
	font-size: 18px;
	font-weight: bold;
	color: #00aff2;
	margin-bottom: 0px;
}

/* POSTS 
------------------------------------------------------------ */

.description {
	clear: left;
	padding: 5px 0 5px 35px;
}
.entry-content, .entry-excerpt {
	padding: 10px 0 20px 0;
	border-bottom: 1px dotted #dadada;
}
.navigation {
  clear: both;
}
.entry-date .avatar {
  	float: right;
  	margin: 0 0 20px 20px;
	
	-webkit-box-shadow: 5px 5px #0094CC;
	-moz-box-shadow: 5px 5px #0094CC;
	box-shadow: 5px 5px #0094CC;
}
.entry-meta {
  margin-top: 10px;
  font-size: 12px;
  color: #272727;
}
.entry-meta a {
	font-weight: bold;
	border-bottom: 1px dotted currentColor;
}
.underpost {
	font-size: .9em;
	display: none;
}
#content .underpost a {
	text-decoration: underline;
}
#content-wrapper {
	position: relative;
	float:left;
	margin-top: 15px;
	width: 100%;
}
#content {
	width: 615px;
	float: left;
}
.post:hover .entry-date .avatar {
	-webkit-box-shadow: 5px 5px #0094CC;
	-moz-box-shadow: 5px 5px #0094CC;
	box-shadow: 5px 5px #00aff2;
}
/*===END SECTION 2===*/

/*START SECTION 3 - style content and footer links*/
#content a:link, #content a:visited, #content a:hover {
	text-decoration: none;
}
/*===END SECTION 3===*/

/*===START SECTION 5 - sidebar links===*/

#contact_us {
	font-size: 10px;
	font-family: helvetica, futura, arial, sans-serif; 
	margin: 0 20px 10px 0;
}

#sidebar ul, #lowbar ul {
	padding: 0px;
	list-style-type: none;
}
#sidebar li a:link, #sidebar li a:visited {
	display: block;
	text-decoration: none;
	margin-bottom: .1em;
	padding: 1px;
}
#sidebar li a:hover {
	text-decoration: underline;
}
#sidebar ul ul {
  margin-left: 10px;
}
#sidebar ul ul li, #sidebar ul ul li {
  font-size: .9em;
  margin-left: 10px;
}
#quote {
	margin-bottom: 20px;
}
#sidebar h2.widgettitle, #quoteauthor {
	color:#0094CC;
	font-family: "Helvetica Neue", helvetica, arial, sans-serif;
	font-weight:bold;
	text-decoration:none;
}
#sidebar h2.widgettitle {
	font-weight: 200;
	font-size: 24px;
}
#quoteauthor {
	color: #d7d7d7;
}
#quoterotator {
	font-family: georgia, serif;
}
/*===END SECTION 5===*/

/*===START SECTION 6 - style the headings===*/
#header h1 a:link, #header h1 a:visited {
	font-size: 1em;
	float: left;
	font-family: Georgia, "Times New Roman", Times, serif;
	margin: 0px;
	width: 600px;
	padding: 1px 0 0 25px;
	clear: both;
}
#header h1 a:hover {
	text-decoration: underline;
}
.post img.bio {
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 0 none;
	float: left;
	width: 50px;
	height: 50px;
	padding: 0px 10px 10px 0px;
	margin-top: -10px;
}
h1, .post h1, .post h1 a, h2.pagetitle {
	color:#0094cc;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:36px;
	font-weight:normal;
	margin: 10px 0;
}
.post h2 {
	font-family: "helvetica neue", helvetica, arial, sans-serif;
	font-size: 24px;
	color: #0094cc;
	font-weight: 200;
	margin: 10px 0;
}
.post h2 a:visited {
	color: #df8300;
}
.post h1 a:hover, .post h2 a:hover {
	color: #df8300;
}

.post h3 {
	font-family: georgia, serif;
	font-weight: normal;
	font-size: 48px;
	line-height: 48px;
	color: #0094cc;
	margin: 0px;
}
.post h4 {
	font-family: georgia, serif;
	color: #272727;
	font-size: 18px;
	font-weight: normal;
	line-height: 24px;
	margin: 20px 0;
}
.post h5 {
	font-family: Helvetica, Futura, arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	line-height: 14px;
	color: #00AFF2;
	margin: 10px 0 -10px 0px;
}
.post p {
	font-family: georgia, serif;
	font-size: 14px;
	line-height: 20px;
}
.post ul li, .post ol li {
	font-family: georgia, serif;
	font-size: 14px;
	line-height: 18px;
	padding: 0px;
	list-style-type: none;
	padding: 10px 0px;
	border-bottom: 1px dotted;
}
.post ul, .post ol {
	padding: 0px;
	background-color: #efefef;
	padding: 10px 20px 20px;
	margin: 10px 0px;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.post li.list-title {
	color:#00aff2;
	font-family: helvetica, sans-serif;
	font-weight: bold;
	border-bottom: 0 none;
	font-size: 14px;
}
	.post li.list-title:first-letter {
	font-style: normal;
}
.sociable ul, .sociable ul li {
	background-color: #fff;
	border-bottom: 0 none;
}
#custom_fields ul.post-meta, #custom_fields ul.post-meta li {
	background-color: transparent;
	border-bottom: 0 none;
	-moz-border-radius: 0; 
	-webkit-border-radius: 0;
	border-radius: 0;
	padding: 5px 0px 0px !important;
}

div.entry-text {
	margin-bottom: 20px;
}
/*===END SECTION 6===*/

/*===START SECTION 7 - style the post date===*/
.entry-date {
	display: inline;
	color: #272727;
	font-family: Helvetica, futura, sans-serif;
}
.entry-month {
	font-size: 12px;
}
.entry-day {
}
/*===END SECTION 7===*/

/*===START SECTION 8 - comment form and comments===*/
#respond h3, h3#comments {
	color: #00aff2;
	margin-top: 15px;
}
.entry-meta .comments {
	background-image: url(assets/img/icon_bubble.png);
	width: 46px;
	padding: 18px;
	margin-left: -20px;
	height: 45px;
	background-repeat: no-repeat;
	background-position: bottom;
}
.entry-meta .comments:hover {
	background-image: url(assets/img/icon_bubble_hov.png);
	width: 46px;
	height: 45px;
	background-repeat: no-repeat;
	background-position: bottom;
}

.entry-meta .comments a {
	color: #ffffff !important;
	font-style: normal;
	cursor: pointer;
	padding: 20px;
}
#respond {
	margin-bottom: 30px;
}
#respond p {
	font-size: .9em;
}
#respond label {
	font-size: 12px;
	color: #272727;
	font-weight: bold;
}
#respond input[type="text"] {
	font-family: Helvetica, sans-serif;
	font-size: 12px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	border: 1px solid #DADADA;
	height: 15px;
	background-color: white;
	height: 20px;
	padding: 5px;
	color: #272727;
	font-weight: normal;
	outline: none;
	
	-webkit-box-shadow: inset 0 2px 2px rgba(0,0,0,0.1);
	-moz-box-shadow: inset 0 2px 2px rgba(0,0,0,0.1);
	box-shadow: inset 0 2px 2px rgba(0,0,0,0.1);
	
	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
}
#respond input[type="text"]:hover, #respond input[type="text"]:focus {
	border: 1px solid #aeaeae;
	
	-webkit-box-shadow: inset 0 2px 2px rgba(0,0,0,0.2);
	-moz-box-shadow: inset 0 2px 2px rgba(0,0,0,0.2);
	box-shadow: inset 0 2px 2px rgba(0,0,0,0.2);
}
#commentform textarea {
	-moz-border-radius: 2px; 
	-webkit-border-radius: 2px;
	border-radius: 2px;
	
	border: 1px solid #dadada;
	padding: 10px;
	color: #272727;
	outline: 0;
	width: 595px;
	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	
	-webkit-box-shadow: inset 0 2px 2px rgba(0,0,0,0.1);
	-moz-box-shadow: inset 0 2px 2px rgba(0,0,0,0.1);
	box-shadow: inset 0 2px 2px rgba(0,0,0,0.1);
}
#commentform textarea:hover, #commentform textarea:focus {
	border: 1px solid #aeaeae;
	
	-webkit-box-shadow: inset 0 2px 2px rgba(0,0,0,0.2);
	-moz-box-shadow: inset 0 2px 2px rgba(0,0,0,0.2);
	box-shadow: inset 0 2px 2px rgba(0,0,0,0.2);
}
#commentform textarea#comment {
	font-family: Helvetica;
	font-size: 14px;
}
#commentform {	
	margin: 0;
}
ol.commentlist {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
ol.commentlist .comment-author {
	font-weight: bold;
	color: #1c1c1c;
}
ol.commentlist .commentmetadata {
}
ol.commentlist img.avatar {
	vertical-align: middle;
	float: left;
	width: 50px;
	height: 50px;
	padding-right: 15px;
}
ol.commentlist li {
	margin-top: 15px;
}
ol.commentlist div.comment-text {
	padding: 0 0 20px 65px;
	margin-bottom: 30px;
	font-family: "helvetica neue", helvetica, arial, sans-serif;
	border-bottom: 1px dotted #DADADA;
	font-size: 13px;
	line-height: 18px;
}
ol.commentlist p.moderation_msg {
	margin-left: 65px;
	font-family:georgia;
	font-style:italic;
	border:1px solid #efefef;
    background-color: #f9f9f9;
    -moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding:10px 10px; 
}
#content ol.commentlist li a {
	text-decoration: none;
}
#content ol.commentlist li.alt {
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
li.author {
	padding: 5px;
}
p.moderation_msg {
	
}
/*===END SECTION 8===*/

/* BLOCKQUOTES 
------------------------------------------------------------ */

blockquote {
	margin:0;
	padding-left: 25px;
}
blockquote p {
	margin: 10px 0 20px 20px;
	font-style: italic;
	color: #0094CC;
	font-size: 18px !important;
	line-height: 24px !important;
}

/* INSERTED IMAGES 
------------------------------------------------------------ */

.alignleft {
  float: left;
}
.alignright {
  float: right;
}
img.aligncenter, div.aligncenter {
	display: block;
	margin: 0 auto;
}
img.alignright, div.alignright {
	margin: 1px 0 2px 10px;
	display: inline;
}
img.alignleft, div.alignleft {
	margin: 0 20px 10px 0;
	display: inline;
}
.wp-caption-text {
  font-size: .7em;
  line-height: 1.1em;
  margin: 0;
}

/* A.IMG PREVENTATIVES 
------------------------------------------------------------ */

a.image:link, a.image:visited, a.image:hover {
	background: none;
	padding: 0;
}
a.image img {
	border: none;
}

/* MOVIESCREEN 
------------------------------------------------------------ */

#moviescreen {
	margin: 20px 0;
	display: none;
}
body.home #moviescreen  {
	display: block;
	
	-webkit-box-shadow: 0 5px 5px rgba(0,0,0,0.3);
	-moz-box-shadow: 0 5px 5px rgba(0,0,0,0.3);
	box-shadow: 0 5px 5px rgba(0,0,0,0.3);
}
body.home #bg_bluebar {
	margin-top: 0px;
}
span.screen-headline {
	font-size: 24px;
	font-family: helvetica, sans-serif;
	text-transform: uppercase;
	font-weight:bold;
	background-color:#0094cc;
	color:white;
	padding:10px;
	position:absolute;
	z-index:100;
	left:-640px;
	top:200px;
}		
div.images {
	background: transparent;
}
div.screen {
	width:960px;
	height:300px;
}
div.screen-content h1,
div.screen-content.audio div.post a {
	color: #00aff2;
	font-size:24px;
	line-height: 24px;
	padding-bottom: 5px;
	font-weight:200;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}
div.screen-content h2,
div.screen-content div.post span.small_sideblue {
	color: #00aff2;
	font-size:16px;
	font-weight:normal;
	font-family: georgia, serif;
	line-height:16px;
	font-style:italic;
}
div.screen-content p, div.screen-content div.post p {
	font-size:12px;
	font-weight:bold;
	font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	line-height: 14px;
	background-color: #00aff2;
	color: white;
	padding:10px 15px;
	-moz-border-radius: 10px 0px;
	border-radius: 10px 0px;
	border: 1px solid #0094CC;
}

div.screen-content.audio img.avatar {display: none;}
.images .screen-content.audio div {
	display: inline-block !important;
	top: 20px;	
}
div.screen-content.audio p.audioplayer_container {
	padding: 0;
	margin: 0;
	border: 0;
	background-color: transparent;
}
div.screen-content.audio div.post {width: 270px;}
div.screen-content div.post span.readmore {
	color:#0094CC; 
	margin:15px 0 0 0; 
	position:absolute;
	line-height: normal;
}
div.screen-content {
	margin: 0px 20px 20px 640px;
	padding: 20px 10px 10px 25px;
	min-height: 235px;
	display:block !important;
}
div.screen-photo {
	width:640px;
	height:300px;
	display:block !important;
	overflow:hidden;
}
div.screen-content p span.readmore {
	color:white;
	line-height: 18px;
	margin-left: 15px;
}
div.screen-content p span.readmore:hover {
	color:white;
	border-bottom: 1px dotted;
}
div.screen-content p.date-and-time {
	color: white;
	font-weight:normal;
	font-family: georgia, serif;
	line-height:16px;
	font-size: 16px;
	font-style:italic;
	background: none;
	padding:0;
}

/* container for slides */
.images {
	position:relative;	
	width:960px;
	height:300px;
	cursor: default;
}

/* single slide */
.images div {
	display:none;
	position:absolute;
	top:0;
	left:0;	
}
.images div.screen-content.audio > div {
	position: relative;
	display: block !important;
}

/* header */
.images h3 {
	font-size:22px;
	font-weight:normal;
	margin:0 0 20px 0;
	color:#456;
}

/* tabs (those little circles below slides) */
.slidetabs {
	margin:-40px 0 0 662px;
	position: absolute;
	z-index:10;
}

/* single tab */
.slidetabs a {
	float:left;
	margin:3px;
	color:#00aff2;	
	background-color: #00aff2;
	display:block;
	font-size:12px;
	text-align: center;
	width:20px;
	height:20px;
	
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	border-radius: 50px;
	
	opacity: 0.3;
	filter: alpha(opacity = 30);
}
/* mouseover state */
.slidetabs a:hover {
	opacity: 0.7;    
	filter: alpha(opacity = 70);
}

/* active state (current page state) */
.slidetabs a.current {
	opacity: 1 !important;
	filter: alpha(opacity = 100) !important;
	font-weight:bold;
	color:#00aff2;
} 	

/* disabled navigational button. is not needed when tabs are configured with rotate: true */
.disabled {
	visibility:hidden !important;		
}


/* TWITTER BOOTSTRAP 
------------------------------------------------------------ */

.modal .popover, .modal .twipsy {
  z-index: 12000;
}
.twipsy {
  display: block;
  position: absolute;
  visibility: visible;
  padding: 5px;
  font-size: 11px;
  z-index: 1000;
  filter: alpha(opacity=80);
  -khtml-opacity: 0.8;
  -moz-opacity: 0.8;
  opacity: 0.8;
}
.twipsy.fade.in {
  filter: alpha(opacity=80);
  -khtml-opacity: 0.8;
  -moz-opacity: 0.8;
  opacity: 0.8;
}
.twipsy.above .twipsy-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #000000;
}
.twipsy.left .twipsy-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid #000000;
}
.twipsy.below .twipsy-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #000000;
}
.twipsy.right .twipsy-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-right: 5px solid #000000;
}
.twipsy-inner {
  padding: 10px 15px;
  background-color: #000000;
  color: white;
  text-align: center;
  max-width: 200px;
  text-decoration: none;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.twipsy-arrow {
  position: absolute;
  width: 0;
  height: 0;
}
.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1000;
  padding: 5px;
  display: none;
}
.popover h3.title {
	margin: 0;
}
.popover.above .arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #000000;
}
.popover.right .arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-right: 5px solid #000000;
}
.popover.below .arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #000000;
}
.popover.left .arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid #000000;
}
.popover .arrow {
  position: absolute;
  width: 0;
  height: 0;
}
.popover .inner {
  background: #000000;
  background: rgba(0, 0, 0, 0.8);
  padding: 3px;
  overflow: hidden;
  width: 280px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  
  -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
}
.popover .title {
  background-color: #f5f5f5;
  padding: 9px 15px;
  line-height: 1;
  
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
  border-bottom: 1px solid #eee;
}
.popover .content {
  background-color: #ffffff;
  padding: 14px;
  -webkit-border-radius: 0 0 3px 3px;
  -moz-border-radius: 0 0 3px 3px;
  border-radius: 0 0 3px 3px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
}
.popover .content p, .popover .content ul, .popover .content ol {
  margin: 0;
}
.fade {
  -webkit-transition: opacity 0.15s linear;
  -moz-transition: opacity 0.15s linear;
  -ms-transition: opacity 0.15s linear;
  -o-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
  opacity: 0;
}
.fade.in {
  opacity: 1;
}

/* BLOCK POSTS 
------------------------------------------------------------ */

.post-row {
	width: 615px;
	padding: 20px 0 40px 0;
}

.post-row .block-post {
	display: table-cell;
	width: 190px;
	padding-right: 30px;
	position: relative;
}

.post-row .block-post:last-child {
	padding-right: 0;
}

.post-row .block-post p {
	font-family: "Helvetica Neue", helvetica, arial, sans-serif;
	font-size: 11px;
	line-height: 15px;
}

.post-row .block-post h2 {
	color: #00aff2;
	font-size: 14px;
}

.post-row .block-post p.date {
	font-size: 12px;
	color: #272727;
	font-weight: bold;
	margin: 5px 0 0 0;
}

