/*

	Sea Glass
		design - Stacy Bias
		html/css - Andy Lee
		andy@hostbaby.com
		08/14/2012

*/


/* Reset
------------------------------------------------------------------------------*/

html, body, div, span, object, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, samp, small, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,  caption { 
	background-color: transparent;
	border-bottom-width: 0;
	border-left-width: 0;
	border-right-width: 0;
	border-top-width: 0;
	font-size: 100%;
	margin-bottom: 0;
	margin-left: 0;
	margin-right: 0;
	margin-top: 0;
	padding-bottom: 0;
	padding-left: 0;
	padding-right: 0;
	padding-top: 0;
	vertical-align: baseline;
}

q { 
	quotes: none;
}

q:before, 
q:after { 
	content: none;
}

a, ins, del { 
	text-decoration: none;
}

li {
	list-style-type: none;
}

/* Accessibility Navigation & Hide
------------------------------------------------------------------------------*/

#accessibility_nav, 
.hide { 
	height: 1px;
	left: -999em;
	position: absolute;
	top: -999em;
	width: 1px;
}

/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}


/* Default Styles
------------------------------------------------------------------------------*/

html, body {
	width:100%;
	height:100%;
}

body {
	background-attachment: fixed;
	background-color:#0e008a;
	background-image:url('../images/texture.png');
	background-position:left top;
	background-repeat:repeat;
	overflow-x:hidden;
	overflow-y:scroll;
}

#header {
	background-image:url('../images/texture.png');
	background-repeat:repeat;
	background-position: left top;
	background-color:#0e008a;
	border-top-color:#FFFFFF;
	border-top-style:solid;
	border-top-width:10px;
	border-bottom-color:#FFFFFF;
	border-bottom-style:solid;
	border-bottom-width:10px;
	width:100%;
	margin-top:10px;
	min-height: 390px;
}

#header-wrapper,
#container {
	max-width:960px;
	margin:auto;
}

#content a.image-link:hover,
#right-sidebar a.image-link:hover,
#right-sidebar a.jp-play:hover,
#right-sidebar a.jp-play,
#right-sidebar a.jp-pause:hover,
#right-sidebar a.jp-pause,
#right-sidebar a.jp-mute:hover,
#right-sidebar a.jp-mute,
#right-sidebar a.jp-unmute:hover,
#right-sidebar a.jp-unmute,
#content a.image-link,
#right-sidebar a.image-link {
	background-color:transparent;
	padding: 0;
	margin: 0;
}


#content {
	width:68.75%;
	float:left;
	padding:10px 10px 25px 10px;
	margin-top:20px;
	background-color:#7fb6ff;
	position:relative;
	overflow:hidden;
}
#content p {
	padding-bottom:15px;
}

#content img,
#right-sidebar img {
	height:inherit !important;
	max-width:100% !important;
}

#content .photo_gallery img {
	height: 100% !important;
}

#right-sidebar .jp-header .facebook img {
	height:13px !important;
	width:12px !important;
}

#content input[type="button"], 
#content input[type="submit"], 
#content input[type="reset"] {
	font-size:1em;
	font-family:Arial Black,Gadget,Sans-Serif;
}

input[type="button"], 
input[type="submit"], 
input[type="reset"] {
	cursor:pointer;
	width:inherit !important;
	color:#0043a1;
	background-color:#2c59de;
}
/* Header
------------------------------------------------------------------------------*/

#banner-image {
	width:350px;
	height:350px;
	margin-top:20px;
	background-color:transparent;
	position:relative;
	background-image:url('/img/AGB_LIVE_SMALL_.jpeg');
	z-index:5;
	background-position: center center;
	background-repeat:no-repeat;
}

#site_title {
	font-size:5.4em;
	display:block;
	text-align: right;
	margin:auto;
	font-family:Impact,Charcoal,Sans-Serif;
	float:right;
	position:relative;
	width:600px;
	padding-bottom:.5em;
	visibility:visible;
}

#site_title a {
	color:#ffffff;
}

/* Navigation
------------------------------------------------------------------------------*/

#tinynav1 {
	display: none;
	color: #3048a1;
	background-color: transparent;
}

#navigation {
	background-color:#ffffff;
	width:500%;
	float:right;
	margin-right:-200%;
	margin-top:15px;
	margin-bottom:15px;
}

#navigation a {
	padding-left:5px;
	padding-right:5px;
}

#navigation ul {
	margin-left:50%;
	display:block;
	width:525px;
}

#navigation ul li {
	float:left;
	font-size: 1.55em;
	margin-right:20px;
	font-family: Impact,Charcoal,Sans-Serif;
}

#navigation ul li a{
	color: #3048a1;
	background-color: transparent;
}

#navigation ul li.current a,
#navigation ul li a:hover,
#navigation ul li:hover a {
	color: #333333;
	background-color: transparent;
}

#navigation ul li:hover ul li a:hover,
#navigation ul ul li.current a,
#navigation ul li:hover ul li.current a {
	color: #333333;
	background-color: #ffffff;
}


#navigation ul ul li a,
#navigation ul li.current ul li a, 
#navigation ul li:hover ul li a  {
	color: #5469f5;
	background-color:#ffffff;
}

#navigation ul li ul li {
	font-size:1.25em;
	float:none;
	margin-right: 0;
}

#navigation ul li:hover ul,
#navigation ul ul li a {
	display: block;
}

#navigation ul ul {
	display: none;
	margin: 0;
	position: absolute;
	z-index: 2;
	width:inherit !important;
}

/* Content Body Styles
------------------------------------------------------------------------------*/

#content .entry {
	color:#000000;
	font-family: Arial Black,Gadget,Sans-Serif;
	margin:10px;
	padding-bottom:1em;
}

#content div.entry:not(.photo_gallery) {
	font-size:1em;
}

#content .contact article.entry {
	padding-bottom:0;
}

#content a:not(.ig_follow),
#right-sidebar a:not(.ui-slider-handle) {
	color:#0e008a;
	background-color:transparent;
}

#content a:not(.ig_follow):hover,
#right-sidebar a:hover {
	color:#7a97ff;
	background-color: #ffffff;
}

#content ul,
#content ol {
	padding-left:35px;
	padding-bottom:15px;
}

#content ul ul,
#content ul ol,
#content ol ul,
#content ol ol {
	padding-bottom: 0;
}

#content ul li {
	list-style-type:disc;
}

#content ol li {
	list-style-type:upper-roman;
}


#content h2.entry_title,
#content h3 {
	font-size: 1.5em;
	color: #0e008a;
	font-family:Arial Black,Gadget,Sans-Serif;
}

#comment_form ul li {
	list-style-type:none;
}


#recaptcha_table { 
	border-collapse: collapse; 
	border-spacing: 0;
	margin: 0; 
	padding: 0; 
	border: 0; 
	font-size: 100%; 
	vertical-align: baseline; 
	background: transparent; }

/* Audio Page
------------------------------------------------------------------------------*/

.audio #content li {
	list-style-type:none;
	margin:10px;
	font-weight: bold;
}

.audio #content ul.audio_tracks {
	background-color:white;
	padding: 15px 0;
	margin-bottom:15px;
}

.audio #content .entry_content {
	margin-left: 0;
}

.audio #content .entry_author,
.audio #content .writer_credits,
.audio #content .entry_date {
	float:left;
	margin-right:10px;
}

.audio #content .audio_details {
	padding-bottom:10px;
	margin-bottom:20px;
}

.audio #album-meta .album-purchase,
.audio #album-meta .album-purchase ul {
	color: #0043a1;
	background-color: #2c59de;
}

.audio #album-wrapper .buy_album_button li {
	margin: 0;
}

.audio #album-meta .album-purchase ul {
	padding: 0;
	top: 35px;
}

#album-meta .album-purchase ul li a,
#album-meta .album-purchase ul li a:hover {
	color: #0043a1;
	background-color: transparent;
}

#album-meta .album-purchase ul li {
	border-top-color: #0043a1;
}

/* Bio Page
------------------------------------------------------------------------------*/

/* Blog Page
------------------------------------------------------------------------------*/
.blog #content .entry_content {
	background-color:white;
	padding:15px;
}

.blog #content .entry_comments .entry_meta {
	font-weight:bold;
	font-style:italic;
}

#comment_form input[type="text"],
#comment_form textarea {
	width:95%;
}

#comment_form textarea {
	resize: none;
}

.blog #content .comment_body {
	padding-bottom:15px;
}

.blog #content .entry_comments {
	margin:15px;
}

.blog #content #comment_form ul {
	padding-left:10px;
}

.blog #content .entry_comments h3 {
	margin-left:-15px;
}

/* Calendar Page
------------------------------------------------------------------------------*/
#future_header,
#past_header {
	font-size: 1.5em;
	color: #0e008a;
	font-family:Arial Black,Gadget,Sans-Serif;
}
#content .calendar_post .date {
	font-size: 100%;
	color:#000000;
	font-family: Arial Black,Gadget,Sans-Serif;
}
.calendar_post .notes {
	margin-top: 15px;
}
#content .calendar_post {
	margin-bottom: 20px;
}

/* Contact Page
------------------------------------------------------------------------------*/

#content .contact_post ul li {
	list-style-type:none;
	margin-bottom:5px;
}

.contact_form_container,
.contact_form_instructions {
	width:95% !important;
}

/* Guestbook Page
------------------------------------------------------------------------------*/

.guestbook #content .guestbook_post .entry_content {
	background-color:white;
	padding-left:15px;
	margin-left:-15px;
	padding-top:5px;
	padding-bottom:5px;
}
.guestbook #content .guestbook_post .entry_meta {
	font-weight: bold;
	font-style: italic;
} 

.guestbook #content #comment_form {
	border-bottom-width:5px;
	border-bottom-style:solid;
	border-bottom-color:#AAA;
	margin-left: 0;
}

/* Press Page
------------------------------------------------------------------------------*/
.press #content .entry_meta {
	font-weight: bold;
	font-style: italic;
} 


/* Photos Page
------------------------------------------------------------------------------*/

.photo #content li {
	list-style-type:none;
	float:left;
	margin:8px;
}

.photo #content li.photo_post img{
	border-width:5px;
	border-color:#CCCCCC;
	border-style:solid;
	border-radius: 2px;
}

.photo #content ul {
	padding-left: 0;
}

.photo #content a:hover {
	background-color:transparent;
}


/* Products Page
------------------------------------------------------------------------------*/

.products #content .product-link {
	font-size:1.5em;
	margin-left:-15px;
	font-weight: bold;
}


/* Footer
------------------------------------------------------------------------------*/
#footer {
	color:#f7f7f7;
	background-color:#1216e8;
	font-weight: bold;
	font-size:1em;
	font-family:Arial, sans-serif;
	text-align:center;
	margin-left:-5px;
	padding:5px;
	background-image:url('../images/texture.png');
	background-position:center top;
	background-repeat:repeat;
	width:100%;
}

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

#right-sidebar {
	margin-left:15px;
	float:right;
	width:27%;
	margin-top:30px;
}

#right-sidebar h3 {
	font-size:1.1em;
	background-color:#5cabfa;
	text-align: left;
	color:#ffffff;
	font-family:Tahoma,Geneva,Sans-Serif;
	padding:5px;
}

#right-sidebar a.jp-play {
	padding: 0;
}

#right-sidebar input[type="submit"] {
	font-size:0.85em;
	font-family:Arial Black,Gadget,Sans-Serif;
}

.widget_content {
	background-color: #0300a1;
	padding-bottom:10px;
}

#right-sidebar .widget_content input[type="text"] {
	width:95%;
}

.widget_content {
	color: #008fe8;
	font-family:Arial Black,Gadget,Sans-Serif;
	font-size: 0.85em;
	padding:10px;
}

.widget_calendar td {
	cursor:pointer;
	padding-bottom:10px;
}

.event_date,
.event_city {
	width:25%;
	vertical-align: text-top;
}

.event_date {
	text-align:left;
}

.event_city {
	text-align:right;
	padding-left:5px;
}

.event_venue {
	width:50%;
	vertical-align: text-top;
}

/* Pagination 
-----------------------------------------------------------------------------*/
#pagination a.pagination_element.pagination_digit,
#pagination a.pagination_element.pagination_next,
#pagination a.pagination_element.pagination_prev,
#pagination a.pagination_element.pagination_first,
#pagination a.pagination_element.pagination_last {
	border-color: #0e008a;
	color: #0e008a;
}

#pagination .pagination_element.pagination_current {
	color: #000000;
}

/* Media Queries
------------------------------------------------------------------------------*/

@media screen and (max-width: 1024px) {
	#navigation ul {
		margin: 0;
		width: auto;
	}
	#content {
		width:95%;
		margin: 20px auto;
	}
	#navigation {
		margin: 0;
		border: none;
		width:100%;
		margin-right:0%;
	}
	#banner-image {
		display:none;
	}
	#site_title {
		width:100%;
		margin:auto;
		padding-bottom: 15px;
		text-align: center;
	}
	#header {
		min-height: inherit;
	}
	#header-wrapper,
	#container {
		margin: 0;
	}
	#right-sidebar,
	#content {
		float:none;
	}
	#right-sidebar {
		width:95%;
		margin-left:2.5%;
		margin-right:2.5%;
	}
	.widget_container {
		width: 48%;
		margin-right:1%;
		margin-left:1%;
		float:left;
	}

}

@media screen and (max-width: 768px) {
	.widget_container {
		width:100%;
		margin: 0;
		float:none;
	}
}

@media screen and (max-width: 500px) {
	#header {
		margin-top: 0;
	}
	#tinynav1 { 
		display: block;
		margin: 0;
		-webkit-appearance: none !important;
		background-repeat: no-repeat;
		background-position: 97% center;
		border: 1px solid #3048a1;
		padding: 0.5rem;
		font-size: 0.875rem;
		border-radius: 0;
		height: 2.3125rem;
		width:100%;
	}
	#navigation .nav_list {
		display: none;
	}
	#site_title {
		font-size: 1.75em;
	}
	#navigation ul li {
		font-size: 1.25em;
	}
}

@media screen and (max-width: 300px) {
	#right-sidebar {
		width:100%;
		margin-left: 0;
	}
}

.pause_button_icon,
.play_button_icon {
	fill:#0e008a;
}

/* Breadcrumb styling */

#breadcrumbs-wrapper #breadcrumbs {
	color: #000000;
}

#breadcrumbs-wrapper #breadcrumbs li a {
	color: #0e008a;
}

#breadcrumbs-wrapper #breadcrumbs li a:hover {
	color: #0e008a;
}


/* Instagram Styles */

#content .instagram_gallery.entry {
	border-bottom-color: #000000;
	padding-bottom:5px;
}

.instagram_meta {
	margin-bottom: 5px;
}

.ig_info p {
	margin-bottom: 5px !important;
}

.ig_follow {
	color:#0043a1;
	background-color:#2c59de;
}
/* Contact Form */

.float_left
{
	float: left;
}

/* Only in Builder */
.add_field_div
{
	margin-top: 2px;
}

.add_field
{
	cursor: pointer;
	color: #317598;
	font-size: 14px;
}

.add_field_desc
{
	color: #666666;
	font-size: 11px;
	margin-left: 12px;
}

.builder_td
{
	padding: 0;
	width: 250px;
}

.builder_fieldset {
	background-color: #FFFFFF;
	border: 2px solid #68B0B9;
	height: 100%;
	padding: 10px;
	text-align: left;
	width: 220px;
}

#recipient_email_address,
#instructions,
#text_label,
#textarea_label,
#textarea_default_text,
#dropdown_label,
#dropdown_choices,
#checkbox_label,
#checkbox_choices,
#radiobutton_label,
#radiobutton_choices
{
	width: 210px;
}

#instructions,
#textarea_default_text,
#dropdown_choices,
#checkbox_choices,
#radiobutton_choices
{
	height: 70px;
}

#instructions {
	resize: vertical;
}

#contact_form_builder_target
{
	width: 430px;
	text-align: left;
}

#contact_form_builder_modal
{
	background-color: #ffffff;
}

.contact_form_container
{
	width: 375px;
	margin-bottom: 20px;
}


#content #contacts input,	#content #contacts	textarea,
.contact_form_textbox,	.contact_form_textbox	input,
.contact_form_dropdown,	.contact_form_dropdown	select,
.contact_form_textarea,	.contact_form_textarea	textarea,
.contact_form_multi,	.contact_form_multi		input		/* for checkboxes and radiobuttons */
{
	display: -moz-inline-stack !important;
	display: inline-block !important;
	margin: 0 !important;
	text-align: left;
	resize: none;
}

/*
 * this stylesheet is used both dashboard and public side.
 * limit cursor-help for form building to dashboard side.
 * possible bug: if a person names their page "website"... yep
 */
#website
{
	#content #contacts input,	#content #contacts	textarea,
	.contact_form_textbox,	.contact_form_textbox	input,
	.contact_form_dropdown,	.contact_form_dropdown	select,
	.contact_form_textarea,	.contact_form_textarea	textarea,
	.contact_form_multi,	.contact_form_multi		input		/* for checkboxes and radiobuttons */
	{
		cursor: move;
	}
}

/*
#content #contacts input, #content #contacts textarea
{
	width: 300px !important;
}
*/

.contact_form_textbox,	.contact_form_textbox	input,
.contact_form_dropdown,	.contact_form_dropdown	select,
.contact_form_textarea,	.contact_form_textarea	textarea
{
	border-style: dotted;
	border-width: 1px;
	border-color: #444444;
	width: 100% !important;
}

.contact_form_textarea, .contact_form_textarea	textarea
{
	height: 100px !important;
}

#content #contacts input:focus, #content #contacts textarea:focus, #content #contacts select:focus
{
/*	background-color:#ffffe3; */
	border:1px solid #5D88D5;
}

/* Blarm */

.contact_form_row						/* used only in builder */
{
	margin-bottom: 6px;
}

.contact_form_builder_instructions		/* used only in builder */
{
	margin: 10px 7px 0 40px;
}

.contact_form_instructions				/* used only in published page */
{
	width: 375px;
	margin: 10px 0 10px 0;
}

.contact-form-builder-warning
{
	color: red;
	background-color: #fff;
	border: 0 solid red;
	font-weight: bold;
	text-align: left;
	text-transform: uppercase;
}

.x_delete,				/* used only in builder */
.spacer_20px,			/* used in both builder and published page */
.contact_form_label,	/* used in both builder and published page */
.contact_form_element,	/* used in both builder and published page */
.target_fieldset,		/* used only in builder */
.contact_form_submit	/* used only in published page */
{
	display: -moz-inline-stack !important;
	display: inline-block !important;
}

.contact_form_submit	/* used only in published page */
{
	text-align: center !important;
	width: 85px !important;
}

.x_delete				/* used only in builder */
{
	width: 20px;
	vertical-align: top;
	cursor: pointer;
}

.spacer_20px			/* used in both builder and published page */
{
	width: 20px;
}

.contact_form_label		/* used in both builder and published page */
{
	text-align: left;
	width: 100px;
	vertical-align: top;
	margin: 0 0 6px 0;
}

.contact_form_element	/* used in both builder and published page */
{
	text-align: left;
	width: 225px;
	margin: 0 0 6px 0;
}

.target_fieldset		/* used only in builder */
{
	width: 425px;
	min-height: 375px;
	background: #fff;
	border:2px solid #68B0B9;
}

#contacts #gbimage		/* used only in published page */
{
	border: none;
	background: #000000;
	padding: 0;
}

table.borderless form 
{
margin-top: 0;
}

label.contact_form_instruction
{
background-color: #FFFFFF;
}