/*

Theme Name: Pink Pearl Gymnastics
Theme URI: http://www.pinkpearlgymnastics.com/
Description: This is a custom theme for Pink Pearl Gymnastics by Serial Design Group.
Version: 2.0
Author: Andy Cook for Serial Design Group
Author URI: http://develop.serialdesigngroup.com/

Pink Pearl Gymnastics v2.0
http://www.pinkpearlgymnastics.com/

This theme was designed and built by Serial Design Group

The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php

*/

@import url('styles/core-wordpress.css');
@import url('styles/global.css');
@import url('styles/superfish.css');

/**
* #.# Banner
*
*/

.banner {
	margin-bottom: 32px;
	height: 200px;
}

	.banner .ngg-gallery-singlepic-image {
		margin: 0 auto;
		position: relative;
		z-index: 1;
	}

	.banner .ngg-singlepic {
		padding: 0;
		background-color: transparent;
	}

	.banner .pp-logo {
		top: 0;
		position: absolute;
		z-index: 2;
	}

/**
* #.# Top Navigation
* 
*/

#menu-menu {
	padding-left: 0;
}

	#menu-menu li {
		margin: 0;
		padding: 0;
		list-style: none;
		display: inline;
	}

		#menu-menu a {
			margin: 0 10px 0 0;
			padding: 2px 10px;
			font: 1.5em "Segoe UI", "Lucida Grande", Verdana, Arial, sans-serif;
			color: #2393fa;
			text-decoration: none;
			float: left;
			display: block;
			border: 1px solid #aaa;
			/* gradient */
			background: -moz-linear-gradient(top,  rgba(206,206,206,0.65) 0%, rgba(0,0,0,0) 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(206,206,206,0.65)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top,  rgba(206,206,206,0.65) 0%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top,  rgba(206,206,206,0.65) 0%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(top,  rgba(206,206,206,0.65) 0%,rgba(0,0,0,0) 100%); /* IE10+ */
			background: linear-gradient(to bottom,  rgba(206,206,206,0.65) 0%,rgba(0,0,0,0) 100%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6cecece', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
			/* border radius */
			-webkit-border-radius: 15px;
			-moz-border-radius: 15px;
			border-radius: 15px;
		}

			#menu-menu a:hover {
				color: #fff;
				border: 1px solid #ae0c8f;
				/* gradient */
				background: rgb(174,12,143); /* Old browsers */
				background: -moz-linear-gradient(top,  rgba(174,12,143,1) 1%, rgba(231,85,216,1) 100%); /* FF3.6+ */
				background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(174,12,143,1)), color-stop(100%,rgba(231,85,216,1))); /* Chrome,Safari4+ */
				background: -webkit-linear-gradient(top,  rgba(174,12,143,1) 1%,rgba(231,85,216,1) 100%); /* Chrome10+,Safari5.1+ */
				background: -o-linear-gradient(top,  rgba(174,12,143,1) 1%,rgba(231,85,216,1) 100%); /* Opera 11.10+ */
				background: -ms-linear-gradient(top,  rgba(174,12,143,1) 1%,rgba(231,85,216,1) 100%); /* IE10+ */
				background: linear-gradient(to bottom,  rgba(174,12,143,1) 1%,rgba(231,85,216,1) 100%); /* W3C */
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ae0c8f', endColorstr='#e755d8',GradientType=0 ); /* IE6-9 */
			}

/**
* #.# Main Content
*
* left and right column content
*/

.content {
	padding: 20px 0 40px 0;
}

	.content a {
		color: #e90bf7;
		text-decoration: none;
	}

		.content a:hover {
			text-decoration: underline;
		}

	.left-column {
		padding: 0 20px 12px 20px;
		/* width: 50%; */
		width: 710px;
		color: #1075cb;
		background: #ffe1fe;
		float: left;
		/* border radius */
		-webkit-border-radius: 15px;
		-moz-border-radius: 15px;
		border-radius: 15px;
		/* box shadow */
		-webkit-box-shadow: 6px 6px 5px rgba(50, 50, 50, 0.2);
		-moz-box-shadow: 6px 6px 5px rgba(50, 50, 50, 0.2);
		box-shadow: 6px 6px 5px rgba(50, 50, 50, 0.2);
	}

		.left-column h1 {
			margin: 0 0 14px -20px;
			padding: 12px 20px;
			width: 710px;
			max-height: 198px;
			color: #ffe1fe;
			background: #fff url(images/bg-body.jpg) repeat-x 0 0;
			/* border radius */
			-webkit-border-top-left-radius: 20px;
			-webkit-border-top-right-radius: 20px;
			-moz-border-radius-topleft: 20px;
			-moz-border-radius-topright: 20px;
			border-top-left-radius: 20px;
			border-top-right-radius: 20px;
		}

		.section {
			padding-top: 60px;
			background: transparent url(images/bg-divider.jpg) no-repeat 50% 10px;
		}

		.testimonial {
			margin: 0 0 14px 0;
			padding: 14px 16px 0 16px;
			font-size: small;
			background: #d5eaff;
			border: 1px solid #cab0ff;
		}

		.page-banner {
			margin: 0 0 30px 0;
			text-align: center;
		}

		.left-column iframe {
			border: 1px solid #ffa3f8;
		}

		.pearl.type-pearl {
			margin: 0 18px 24px 18px;
			width: 198px;
			float: left;
		}

			.pearl.type-pearl p {
				margin-bottom: 6px;
				font-size: 80%;
				text-align: center;
			}

			.pearl.type-pearl span {
				display: block;
			}

		.page-template-page-instructor-list-php .left-column img {
			margin: 0 20px 20px 0;
			float: left;
		}

		.instructor.type-instructor {
			clear: both;
		}

		#wcs-schedule-list {
			display: none;
		}

		/**
		* #.# Slideshow
		*
		* used on the home page
		*/

		#slideshow {
			margin: 0 auto;
		}

			.slide {
				display: none;
			}

		.controls_wrap {
			margin: -170px auto 190px auto;
			width: 560px;
			z-index: 9;
			position: relative;
		}

			.controls_wrap ul,
			.controls_wrap li {
				margin: 0;
				padding: 0;
			}

			.controls_wrap li {
				list-style: none;
				display: inline;
			}

				.controls_wrap li a {
					height: 30px;
					width: 20px;
					font-weight: bold;
					background: transparent url(images/bg-transparent-pink.png) repeat 0 0;
					font: 28px "Courier New", Courier, monospace;
					color: #fff;
					padding: 0px 10px;
					-moz-border-radius: 5px;
					-khtml-border-radius: 5px;
					-webkit-border-radius: 5px;
					display: block;
					float: right;
				}

					.controls_wrap li:first-child a {
						float: left;
					}

					.controls_wrap li a:hover {
						text-decoration: none;
					}

/**
* #.# Right Column
*
*/

.right-column {
	width: 222px;
	float: right;
}

	.right-column h3 {
		margin-bottom: 12px;
		font-size: 1.25em;
		color: #E90BF7;
		font-variant: small-caps;
		border-bottom: 3px dotted #2393FA;
	}

	.widget.content {
		padding: 0;
	}

	/* Nextgen Widget */

	.widget.ngg_images {
		margin-bottom: 14px;
	}

		.widget.ngg_images img {
			padding: 1px;
			border: 1px solid #a9a9a9;
		}

	/* Featured Pearl */

	.widget.featured_post {
		text-align: center;
	}

		.featured-pearl {
			margin: 0 auto;
			padding: 54px 0 0 2px;
			width: 196px;
			height: 238px;
			text-align: center;
			color: #1199ed;
			font-weight: bold;
			font-style: italic;
			background: transparent url(images/pearl-of-the-month.png) no-repeat 0 0;
		}

			.featured-pearl img {
				margin: 0 0 4px 0;
			}

			.featured-pearl span {
				display: block;
			}

	.widget.featured-widget .textwidget {
		margin-bottom: 14px;
		padding: 14px 14px 0 14px;
		background: #ffe1fe;
		border: 3px dotted #ff00ff;
	}

	.testimonials-slider .single-testimonial {
		display: none;
	}

	/**
	* #.# Nextgen
	*
	*/

	.left-column .ngg-album {
		margin: 0 10px 10px 0;
		width: 30%;
		border-color: #e90bf7;
		float: left;
	}

		.ngg-album .ngg-albumtitle {
			margin-bottom: 0;
			text-align: center;
		}

	/**
	* #.# Gravity Forms
	*
	*/

	body .gform_wrapper input[type=text], 
	body .gform_wrapper input[type=url], 
	body .gform_wrapper input[type=email], 
	body .gform_wrapper input[type=tel], 
	body .gform_wrapper input[type=number], 
	body .gform_wrapper input[type=password],
	body .gform_wrapper textarea {
		padding: 6px;
	}

	.button.gform_button {
		margin-bottom: 20px;
		padding: 12px 20px;
		font-size: 80% !important;
		color: #fff;
		font-weight: bold;
		text-transform: uppercase;
		background: #e90bf7;
		border: none;
		float: right;
	}

/**
* #.# Footer
*
*/

.footer-wrap {
	background: #fff url(images/bg-footer.png) repeat-x 0 0;
}

	.footer {
		margin-bottom: 10px;
		padding-top: 80px;
		color: #fff;
		font-family: 'Arial Rounded MT Bold';
		font-size: small;
		border-bottom: 2px solid #e90bf7;
	}

		.footer a {
			color: #fff;
			text-decoration:  none;
		}

		.footer img {
			margin-left: 4px;
			margin-right: 4px;
		}

		.footer-widget-area {
			margin-bottom: 20px;
			padding: 0 11%;
			width: 28%;
			text-align: center;
			float: left;
		}

			.footer-widget-area .widget .widget-title {
				margin-bottom: 14px;
				padding: 3px 0 16px 0;
				text-align: center;
				font-size: medium;
				border-bottom: 1px solid #e90bf7;
			}

				.middle-column.footer-widget-area ul {
					padding-left: 68px;
				}

			.footer-widget-area .widget {
				clear: both;
			}

				.footer-widget-area:first-child .widget {
					padding: 10px 0 0 0;
					border-top: 1px solid #e90bf7;
				}

					.footer-widget-area:first-child .widget:first-child {
						padding: 0;
						border: none;
					}

					/**
					* #.# Footer Address Widget
					*
					*/

					.widget.address * {
						line-height: 200%;
					}

					.widget.address strong {
						font-size: 135%;
						font-weight: normal;
					}

					/**
					* #.# Footer Social Widget
					*
					*/

					.widget.social-widget p {
						margin: 0;
						padding-left: 28px;
					}

			.footer-widget-area ul {
			    margin: 0 0 16px 0;
			    padding: 0;
			    line-height: 165%;
			    list-style: none;
			    float: left;
			}

				.footer-widget-area li { 
				    padding-left: .8em; 
				    text-indent: -.9em;
				    float: left;
				}

					.footer-widget-area li:before {
					    content: "• ";
					    color: #ff00ff;
					}


	.copyright {
		padding-bottom: 30px;
		font-size: 0.8em;
		color: #fff;
		text-align: center;
	}

		.copyright p {
			margin: 0;
		}