/* =============================================================================================== 
	Typography CSS Document for allinnia.com 
	Version 1.0.1
	Copyright (c) 2009 Matthias Kretschmann | krema@jpberlin.de | http://matthiaskretschmann.com
	Created for Travis Coats/Allinnia Creative Group | http://allinnia.com
================================================================================================== */

/* Font stacks used
Headings:
Century Gothic, 'Century Gothic', 'Apple Gothic', sans-serif

Paragraphs:
GillSans, Calibri, Trebuchet, sans-serif
*/

/* Font colors used
Text/Main Headings:
#444

Links:
#ccffff

*/

html { font-size: 100.01% }

body {
	font: 82.5%/1.7em GillSans, Calibri, Trebuchet, sans-serif;
	color: #444;
}

h1,h2,h3,h4,h5,h6 {
	font-family: 'Century Gothic', 'Apple Gothic', sans-serif;
	color: #262626;
	text-shadow: rgba(255,255,255,0.4) 0 1px 1px;
	text-transform: capitalize;
}

a {
	color: #262626;
	text-decoration: none;
	background-color: #bbc8c8;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	position: relative;
	padding: 1px 4px;
}

a:hover {
	background-color: #ccffff;
}

a:active, a:focus {
	top: 1px;
	outline: none;
}

a.donate, a.listen-link {
	min-height: 20px;
	display: block;
	padding-left: 45px;
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 1.1em;
	text-shadow: rgba(255,255,255,0.4) 0 1px 0;
	padding-top: 5px;
	padding-bottom: 5px;
}

a.donate {
	background: #bbc8c8 url(../images/icon-paypal.png) no-repeat 5px center;
	width: 220px;
}

a.donate:hover, a.listen-link:hover {
	background-color: #ccffff;
}

a.listen-link {
	background: #bbc8c8 url(../images/icon-listen-32.png) no-repeat 5px center;
	width: 190px;
}

#index a.listen-link {
	float: right;
	margin-right: 22px;
}

p, ul, ol {
	font-size: 1.05em;
}

small {
	color: #444;
	font-size: 0.9em;
}

acronym {
	border-bottom: 1px dotted #404040;
	cursor: help;
}

.sidebar p, .sidebar ul, .sidebar ol {
	line-height: 1.4em;
	font-size: 1.05em;
	color: #5e5e5e;
}

#content p {
	margin-bottom: 15px;
}

#top-box a {
	color: #ccffff;
	background: transparent;
	font: 1.1em GillSans-Light, GillSans, Calibri, Trebuchet, sans-serif;
}

#top-box a:hover, #footer a:hover {
	color: #262626;
	background-color: #5f706f;
}

#top-box input#query {
	color: #e4e4e4;
	text-shadow: rgba(0,0,0,0.3) 0 -1px 1px;
	font-size: 1em;

}

input, textarea, select {
	color: #262626;
	font-size: 1.1em;
	border-style: hidden;
	border-width: 1px;
	line-height: 1.7em;
	font-family: GillSans, Calibri, Trebuchet, sans-serif;
}

label {
	color: #ccc;
	line-height: 1.8em;
}

form legend {
	color: #fff;
	text-shadow: rgba(0,0,0,0.6) 0 -1px 1px;
	font-size: 1.3em;
	background: url(../images/line-horiz.png) repeat-x left bottom;
	padding-bottom: 10px;
	width: 100%;
}

#introduction p {
	text-shadow: rgba(0,0,0,0.7) 0 2px 0;
	font: normal normal 1.7em/1.4em GillSans-Light, GillSans, Calibri, Trebuchet, sans-serif;
	color: #fff;
	text-transform: capitalize;
}

#index #introduction p {
	text-transform: none;
	padding-top: 10px;
}

#content h2 {
	font-size: 1.6em;
	margin-bottom: 30px;
	color: #262626;
}

#content h3 {
	font-size: 1.5em;
	margin-bottom: 30px;
	color: #262626;
	position: relative;
	z-index: 10;
	margin-top: 40px;
}

#index #content h3 {
	margin-top: 0;
}

#listen #content h3 {
	margin-top: 0;
	margin-bottom: 10px;
	background: url(../../style/images/line-horiz.png) repeat-x left bottom;
	padding-bottom: 10px;
}

#watch #content h3 {
	margin-top: 0;
}

#content h4, #footer h4 {
	font-size: 1.2em;
	margin-bottom: 10px;
}

#content h2.pagetitle {
	font-size: 2em;
	padding-left: 57px;
	min-height: 47px;
	position: relative;
	z-index: 10;
	line-height: 2em;
}

#content h2.pagetitle.sub {
	line-height: 1.4em;
}


#content h2.pagetitle span {
	display: block;
	font-size: 0.7em;
}

#content h4 {
	margin-top: 30px;
	margin-bottom: 15px;
}

#content .alignleft h4 {
	margin-top: 30px;
}

#watch #content h4, #about h4 {
	margin-top: 5px;
}

#about h2.pagetitle {
	background: url(../images/icon-about.png) no-repeat left top;
}

#links h2.pagetitle {
	background: url(../images/icon-links.png) no-repeat left top;
}

#watch h2.pagetitle {
	background: url(../images/icon-watch.png) no-repeat left top;
}

#store h2.pagetitle {
	background: url(../images/icon-store.png) no-repeat left top;
}

#listen h2.pagetitle {
	background: url(../images/icon-listen.png) no-repeat left top;
}

#content #contactform h4 {
	color: #fff;
	text-shadow: rgba(0,0,0,0.6) 0 -1px 1px;
	margin-top: 10px;
}

#store a.bubble-buy {
	color: #fff;
	font-size: 2em;
	text-align: center;
	line-height: 3em;
}

#store a.bubble-buy:hover {
	color: #ccffff;
}

#services h2.pagetitle, #services-faq h2.pagetitle, #services-details h2.pagetitle {
	background: url(../images/icon-services.png) no-repeat left top;
}

#watch h3 {
	font-size: 1.5em;
	margin-bottom: 5px;
	color: #262626;
}

#watch .video h4 {
	font-size: 1.1em;
	color: #5e5e5e;
	margin-bottom: 20px;
}

.tab-menu a {
	text-align: center;
	line-height: 1.8em;
	color: #5e5e5e;
	text-shadow: rgba(255,255,255,0.5) 0 1px 1px;
	padding: 0;
}

.tab-menu a:hover {
	color: #262626;
}

.tab-menu a.selected {
	color: #262626;
}

#subnav li {
	text-align: center;
}

#subnav a span {
	font-size: 0.7em;
	margin-left: 5px;
}

#subnav a, a.top-link {
	text-shadow: rgba(255,255,255,0.5) 0 1px 1px;
	color: #262626;
	font-size: 1.1em;
	background-color: transparent;
	display: block;
}

#subnav a:hover, a.top-link:hover, #subnav a.current {
	color: #ccffff;
	text-shadow: rgba(0,0,0,0.5) 0 -1px 1px;
}

/* @group Services Pages */

#services-box h3, #quote-box h3 {
	color: #fff;
	font-size: 1.5em;
	line-height: 1.6em;
	font-weight: normal;
	font-style: normal;
	text-shadow: rgba(0,0,0,0.6) 0 -1px 1px;
}

#services-box a, #quote-box a {
	color: #fff;
	text-shadow: rgba(0,0,0,0.6) 0 -1px 1px;
}

#services-box a:hover, #quote-box a:hover, #services-box .allservices a:hover {
	background-color: #6d7d7f;
}

#services-box .column span {
	font: bold 1.1em/1.5em 'Century Gothic', 'Apple Gothic', sans-serif;
	margin-bottom: 5px;
}

.quote {
	margin-bottom: 5px;
}

#services .quote {
	margin-bottom: 20px;
}

.survey {
	margin-bottom: 5px;
}

#services .survey {
	margin-bottom: 20px;
}

#quote-box .contact {
	color: #fff;
	text-shadow: rgba(0,0,0,0.6) 0 -1px 1px;
}

#quote-box .contact > li:first-child {
	padding-top: 5px;
}

#quote-box .contact span {
	margin-bottom: 15px;
}

#services-box .allservices a {
	font-size: 1.2em;
	background: transparent;
	color: #ccffff;
}

.accordionButton {
	font-size: 1.2em;
}

#services-details .accordionButton {
	font-size: 1.6em;
}

#services-details h3 {
	margin-top: 30px;
	margin-bottom: 20px;
}

#services-details h4.accordionButton {
	margin: 10px 0;
	font-size: 1.2em;
	padding: 5px 10px;
}

#services-details ul li {
	list-style: none;
}

.accordionContent {
	
}

#content .accordionContent h4 {
	margin-bottom: 10px;
}

ol .accordionButton {
	list-style-position: inside;
	list-style-type: decimal-leading-zero;
}

#services-details .alignleft ul, #services-faq .alignleft ul {
	margin-left: 40px;
	margin-top: 10px;
	margin-bottom: 10px;
}

#services-details .alignleft ul li, #services-faq .alignleft ul li {
	list-style-position: outside;
	list-style-type: disc;
}

/* @end */

/* @group Listen Page */

.sidebar li:first-child {
	margin-bottom: 5px;
}

#listen .sidebar li:first-child {
	margin-bottom: 0;
}

.sidebar strong {
	color: #444;
}

#listen ul.listener-thoughts li strong {
	display: block;
}

#listen ul.listener-thoughts li:last-child a{
	padding-top: 5px;
	padding-bottom: 5px;
}

#listen #content #soundreel h3 {
	line-height: 1.8em;
	color: #fff;
	text-shadow: rgba(0,0,0,0.6) 0 -1px 1px;
	margin-top: 0;
	margin-bottom: 25px;
}

#listen ul.listener-thoughts li:last-child a span{
	font-size: 0.6em;
}

#listen .sidebar {
	font-size: 0.95em;
}

#listen .sidebar h4 {
	font-size: 1.3em;
	margin-bottom: 15px;
	line-height: 1.4em;
}

#listen .sidebar .rated li, #listen .sidebar .fresh li {
	line-height: 1.3em;
}

#listen .sidebar strong {
	display: block;
	margin-bottom: 3px;
}

#listen .sidebar .rated strong {
	color: #444;
	margin-bottom: 0;
}

.sidebar .rated li {
	clear: both;
	text-shadow: rgba(255,255,255,0.4) 0 1px 0;
}

.sidebar .rated li strong {
	text-shadow: none;
}

#listen .sidebar em, .sidebar .rated {
	color: #787878;
	display: block;
}

#listen #genrebox ul li a {
	text-transform: capitalize;
	padding: 3px;
}

#listen ul.albumlinks li {
	line-height: 1.3em;
	font-size: 0.95em;
}

#listen ul.albumlinks li a {
	font-size: 1.1em;
	margin-left: -2px;
	padding-top: 3px;
	padding-bottom: 3px;
}

.rating label {
	color: #fff;
	text-shadow: rgba(0,0,0,0.6) 0 -1px 1px;
}

.rating select {
	font-size: 1em;
}

#listen .listen-comment p, #listen .listen-comment-down p {
	color: #d9d9d9;
}

/* @end */

#allservices {
	
}

#allservices h3 {
	font-size: 1.4em;
	text-shadow: rgba(255,255,255,0.4) 0 1px 1px;
	text-transform: capitalize;
}

#links h3 {
	margin-top: 0;
}

#links .linkblock li {
	line-height: 1.5em;
}

#services p.quote {
	font-family: GillSans, Calibri, Trebuchet, sans-serif;
	margin-left: 5px;
}

#services p.survey {
	font-family: GillSans, Calibri, Trebuchet, sans-serif;
	margin-left: 5px;
}

#about p.big-quote {
	font-size: 1.5em;
	font-style: italic;
	letter-spacing: 0.05em;
	line-height: 1.5em;
}

.linklist a, ul.linkblock li a {
	display: block;
	padding-top: 3px;
	padding-bottom: 3px;
}

ul.linkblock a {
	font-size: 1.1em;
	margin-bottom: 5px;
}

.vcard p {
	color: #262626;
}

#content p.fn {
	font-size: 1.3em;
	margin-bottom: 2px;
	text-shadow: rgba(255,255,255,0.5) 0 1px 1px;
	padding-top: 5px;
}

p.title, p.org {
	font-size: 1.1em;
	text-shadow: rgba(255,255,255,0.5) 0 1px 1px;
}

p.org {
	font-size: 1.05em;
}

.vcard p.org span {
	display: block;
	width: 100%;
	clear: both;
}

.vcard span {
	text-shadow: rgba(255,255,255,0.5) 0 1px 1px;
}

.vcard span.locality, .vcard span.country-name {
	text-shadow: none;
}

.vcard a {
	color: #262626;
}

#services-faq h4 {
	margin-top: 50px;
}

/* @group Footer */

#footer {
	color: #96bbbb;
	font-size: 0.95em;
}

#footer a {
	color: #96bbbb;
	background: transparent;
	display: block;
}

#footer a:hover {
	color: #ccffff;
	background-color: rgba(204,255,255,0.3);
}

#footer h4 {
	color: #333;
	font-size: 1.4em;
}

#column-contact a {
	display: block;
}

#column-twitter {
	color: #333;
}

#copyright-label p {
	padding-right: 10px;
	padding-left: 10px;
	text-align: center;
	text-shadow: rgba(255,255,255,0.4) 0 1px 1px;
	color: #0c0c0c;
	font-size: 0.85em;
	line-height: 1.3em;
}

#copyright-label a {
	background: transparent;
	color: #0c0c0c;
}

#copyright-label a:hover {
	color: #d4d4d4;
	text-shadow: rgba(0,0,0,0.4) 0 -1px 1px;
}

/* @end */

#actions a {
	display: block;
	background: transparent;
	color: #5e5e5e;
	text-shadow: rgba(255,255,255,0.5) 0 1px 1px;
	line-height: 1.5em;
	padding: 3px;
}

#actions a:hover {
	background: #bbc8c8;
}

#actions a span {
	color: #444;
	font-size: 1.4em;
	display: block;
}

#new-albums li.title {
	margin-bottom: 5px;
	text-shadow: rgba(255,255,255,0.4) 0 1px 1px;
}

#new-tracks span.albumname {
	font-style: italic;
	color: #5e5e5e;
	margin-top: 2px;
}

#new-tracks span.date {
	color: #5e5e5e;
}

.panel li.title {
	font-size: 1.4em;
	margin-bottom: 10px;
}

#blog-grid h4 a {
	line-height: 1.4em;
	padding: 2px 2px 2px 5px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	margin-bottom: 5px;
}

a.top-link {
	font-size: 1em;
	color: #5e5e5e;
}

a.more-link {
	padding: 2px;
}

a.no-style, #services-faq h4 a {
	margin: 0;
	padding: 0;
	background: transparent;
}

.green {
	color: #7fff70 !important;
}

.red {
	color: #ff8c6f !important;
}

/* SimpleModal Contact Form
 * http://www.ericmmartin.com/projects/simplemodal/
 * http://code.google.com/p/simplemodal/
 * Copyright (c) 2009 Eric Martin - http://ericmmartin.com
 * Licensed under the MIT license:
 *   http://www.opensource.org/licenses/mit-license.php
 */

#contact-overlay {
	background-color: #000;
	cursor: wait;
}

#contact-container {
	width: 450px;
	font-family: GillSans, Calibri, Trebuchet, sans-serif;
	font-size: 16px;
	text-align: left;
	background: url(../images/contact/modal-box-top.png) no-repeat center top;
	padding-right: 30px;
	padding-top: 20px;
	padding-left: 30px;
	float: left;
}

#contact-container .contact-content {
	color: #ddd;
	width: 360px;
	margin: 0 auto;
}

#contact-container h1 {
	color: #ddd;
	margin: 0 0 25px;
	font-size: 1.2em;
	text-align: left;
	text-shadow: rgba(0,0,0,0.4) 0 -2px 0;
}

#contact-container .contact-loading {
	position: absolute;
	background: url(../images/contact/loading.gif) no-repeat;
	z-index: 8000;
	height: 55px;
	width: 54px;
	margin: -14px 0 0 170px;
	padding: 0;
}

#contact-container .contact-message {
	text-align: center;
}

#contact-container .contact-error {
	width: 92%;
	font-size: .8em;
	border: 2px solid #ccc;
	font-size: .8em;
	margin: 0 auto 10px;
	padding: 2px;
	background-color: #63292b;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

#contact-container br {
	clear: both;
}

#contact-container form {
	position: relative;
	clear: both;
}

#contact-container label {
	clear: left;
	display: block;
	width: 100px;
	float: left;
	margin-top: 10px;
	margin-left: 10px;
	color: #ddd;
}

#contact-container .contact-input {
	font: 1.1em/1em GillSans, Calibri, Trebuchet, sans-serif;
	float: left;
	padding: 2px;
	margin: 10px;
	border: 1px solid #787878;
	width: 220px;
	background: transparent;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	color: #eaeaea;
}

#contact-container textarea {
	height: 114px;
	font-size: .9em;
}

#contact-container .contact-cc {
	font-size: .9em;
	cursor: default;
}

#contact-container input#contact-cc {
	background: none;
	border: none;
}

#contact-container .contact-top {
	height: 13px;
	padding: 0;
	margin: 0;
}

#contact-container .contact-bottom {
	height: 81px;
	width: 450px;
	background: url(../images/contact/modal-box-bottom.png) no-repeat center top;
	position: absolute;
	bottom: -76px;
	left: -45px;
}

#contact-container a.modalCloseX,#contact-container a.modalCloseX:link,#contact-container a.modalCloseX:active,#contact-container a.modalCloseX:visited {
	position: absolute;
	background: url(../images/contact/close.png) no-repeat 0 top;
	width: 37px;
	height: 37px;
	right: 10px;
	top: -20px;
	text-indent: -9999px;
	display: block;
	z-index: 99;
}

#contact-container a.modalCloseX:hover,#contact-container a.modalCloseX:focus {
	background: url(../images/contact/close.png) no-repeat 0 bottom;
}