/*
	Theme Name: Save the Date
	Version: 2.0
	Author: Shape or Form
*/


/* ----------------------------------------
	RESET
---------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, input,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0; 
	padding: 0; 
	border: 0; 
	outline: 0; 
	font-size: 100%; 
	vertical-align: baseline; 
	background: transparent;	
}

ol, ul { list-style: none; }


/* ---------- CLEARFIX ---------- */

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;	
}

	.clearfix {	display: inline-block; }

	html[xmlns] .clearfix { display: block; }

	* html .clearfix { height: 1%; }


/* ----------------------------------------
	HTML5 CSS SETUP 
---------------------------------------- */

article, aside, figure, footer, header, hgroup, nav, section, video { display: block; }


/* ----------------------------------------
	TYPOGRAPHY
---------------------------------------- */


a { 
	color: #000;
	text-decoration: none;
	
	-webkit-transition: color 0.25s;
	-moz-transition: color 0.25s;
	-o-transition: color 0.25s;  
	transition: color 0.25s;
}
	a:hover { color: #B7BE99; }


footer a { color: #888;  }

	footer a:hover { color: #666; }	
	
p { margin: 10px 0 0; overflow: visible;}

h1 {
font-family: adobe-caslon-pro, georgia, times, serif;
	color: #B7BE99;
	font-size: 84px;
	font-weight: 700;
	font-style: italic;
	padding: 50px 0 30px 0px;
	text-align:center;
	border-bottom: 1px solid #B7BE99;
	
}

h2{
	color: #555;
	font-size: 28px;
	font-weight: 400;
	margin: 10px 0 0;
}

h3 {
	color: #555;
	font-size: 21px;
	font-weight: 700;
	margin: 40px 0 20px 0; 
}

h4 {
	color: #9043A3;
	font-size: 21px;
	font-weight: 700;
	margin: 20px 0 0 0; 
}

	h4 a { color: #000; }
	h4 a:hover { color: #B7BE99; }
	
h5 {
	color: #555;
	font-size: 14px;
	font-weight: 400;
	margin: 40px 0 0; 
}

h6 {
	color: #000;
	font-size: 13px;
	font-weight: 700;
	margin: 0px 0 0; 
}

abbr { 
	border-bottom: 1px dotted #111;
	color: #111;
	cursor: pointer; 
}

small { font-size: 10px; }

pre {
	background-color: #F6F6F6;
	margin: 20px 0 0;
	padding: 10px;
}


strong {font-weight: bold;}
/* Lists */

.page-content ul,
.post-content ul { margin: 30px 0 0 0; }
	
	.page-content ul li,
	.post-content ul li {		
		
		padding: 10px 0 0 0px;		
	}
	
		.page-content li ul,
		.post-content li ul { margin: 0; }
	 
			.page-content ul ol li,
			.post-content ul ol li { background: none;}

.page-content ol,
.post-content ol {	
	margin: 30px 0 0 16px;
	padding-left: 20px;
}
	.page-content ol li,
	.post-content ol li	{
		list-style-type:decimal;		
		padding: 10px 0 0 3px;
	}
		.page-content li ol,
		.post-content li ol { margin:0; }
		
			.page-content ol ul li,
			.post-content ol ul li {	
				background: url(images/li.png) 0 2px no-repeat;
				list-style-type: none; 
				margin: 0 0 0 -2px;
				padding: 10px 0 0 22px;
			}
			
/* Tables */

.page-content table {
	background-color: #F9F9F9;
	border-bottom: 1px solid #DDD;
	border-collapse: collapse;
	color: #555;
	margin: 40px 0;
	width: 100%;
}

.page-content th{ 
	background-color: #F0F0F0;
	padding: 10px 0;
}

.page-content tr:nth-child(2n) { background-color: #F0F0F0; }

	.page-content td { 
		border-bottom: 1px solid #ccc;
		padding: 5px 0;
	}
	

/* ----------------------------------------
	STRUCTURE
---------------------------------------- */

img#wpstats{position:absolute;top:0;width:0px;height:0px;overflow:hidden}

html { height: 100%; }

body {
	background: #eeeeee url(images/bg.gif) repeat;
	color: #000;
	font-family: georgia, times, serif;
					
	font-weight:300;
	font-size: 14px;
	height: 100%;
	line-height: 1.6em;	
}
	
#wrapper {
	_height: 100%; /* for IE6 */
	height: auto !important; 
	height: 100%;	
	margin: 0 auto;
	min-height: 100%;
	padding: 0 0 0px;
}
	
	#content-wrapper {
		border-top: 0px solid #000000;
background: #fff;
		margin: 0 auto;
		width: 940px;
		
		border-radius: 0 0 5px 5px;
		-moz-border-radius: 0 0 5px 5px;
		-webkit-border-top-right-radius: 0;
		-webkit-border-top-left-radius: 0;
		-webkit-border-bottom-right-radius: 5px;
		-webkit-border-bottom-left-radius: 5px;
	}

	
/* ---------- HEADER ---------- */

header {
	background:#fff url(images/header.gif) no-repeat;
	
	height: 250px;
	margin: 0 auto;
	padding: 0 0px 0 0px;
	position: relative;
	width: 940px;
	z-index: 2;
}
	
	/* Logo */
	#logo { 
		display: block;
		float: left;
		padding: 20px 0 0 0;
	}
	
	#header-content { 
		float: left;
		height: 100%;
		position: relative;
		width: 900px;
	}
	
	/* Name */
	
	.blogname {
	float:left;
	
	font-family: georgia, times, serif;
		
	margin:0px 0 0 0;
	}
.blogname h1  {
	font-family: georgia, times, serif;
	font-size:14px;
	font-weight:300;
	font-style: normal;
	margin:60px 0px 5px 50px;
	padding: 0 0;
	color:#fff;
	text-decoration: none;
	text-transform:uppercase;
	text-align:left;

	
	}
.blogname h1  a:link, .blogname h1  a:visited{ 
	color: #fff; 
	text-decoration: none; 
	display:block;
	}
	
.blogname h1  a:hover { 
	color: #fff; 
	text-decoration: none; 
	
	}
.blogname h2 {
	margin:0px 0px 0 50px;
	font-size:14px;
	font-weight:300;
	line-height:16px;
	color:#fff;
	text-align:left;
	font-family: georgia, times, serif;
	font-style: italic;	
	}
	
	.blogname h2 a, a:hover {
	
color:#fff;
	
	}
	
		/* Header search form */
		#header-content .search { 
			float: right; 
			margin: 20px 0 0 20px;
		}
			
			.searchform input[type="text"] {
				
				border-bottom: 1px solid rgba(0, 0, 0, 0.25);
				color: #888;
				float: left;
				height: 18px;
				line-height: 1.5em;
				padding: 6px 0 6px 5px;
				width: 100px; /* Header search size only */
				
				border-radius: 7px 0 0 7px;
				-moz-border-radius: 7px 0 0 7px;				
				-webkit-border-top-left-radius: 7px;
				-webkit-border-top-right-radius: 0;
				-webkit-border-bottom-right-radius: 0;
				-webkit-border-bottom-left-radius: 7px;
			}
			
			.searchform input[type="submit"] {				
				
				border: none;
				border-bottom: 1px solid rgba(0, 0, 0, 0.25);
				color: #FFF;
				cursor: pointer;
				display: inline-block;
				float: left;
				font-family: georgia, times, serif;
				font-size: 14px;
				font-weight: bold;
				height: 30px;
				margin: 0;
				padding: 6px 15px;
				position: relative;
				
				text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
				
				-moz-box-shadow: none;
				-webkit-box-shadow: none;
				box-shadow: none;
				
				border-radius: 0 7px 7px 0;
				-moz-border-radius: 0 7px 7px 0;				
				-webkit-border-top-left-radius: 0;
				-webkit-border-top-right-radius: 7px;
				-webkit-border-bottom-right-radius: 7px;
				-webkit-border-bottom-left-radius: 0;
			}
			
			.searchform input[type="submit"]:hover {
				
				text-decoration: underline;
			}	
			
/* Date */			
			
.date{
	background: url(images/date.png) no-repeat;
	background-position: 35px 35px;
	width:200px;
	height:200px;
	float:right;
	font-family:georgia, times, serif;	
	text-align:center;
	padding:50px 0  0 0 ;
	}	
	
span.day{
	font-size:40px;
	line-height:30px;
	color:#FFF;
	margin:0 0 0 0;
	padding:0 0 0 0px;
	font-weight:bold;

}	
	
span.mon{
	font-size:12px;
	color:#FFF;
	margin:0 0 0 0;
	padding:0 0 0 0;
	text-transform:uppercase;
	

}	

.dname {
	font-size:12px;
	color:#FFF;
	margin:0 0 0 0;
	padding:0 0 0 0;
	text-transform:uppercase;
}	

.year {
	font-size:12px;
	color:#FFF;
	margin:0 0 0 0;
	padding:0 0 0 0;
	text-transform: none;
}

/* Sticker */			
			
#sti {position: absolute;top:20px;left:-90px;z-index:21;list-style-type: none;}
#sti img {position: absolute;top:0px;left:0px;display:block;z-index:22;}
		
		/* Header social buttons */
		header .social-button-holder { 
			float: right;
			margin: 24px 0 0;
		}
		
		.social-button-holder a {
			background-color: #444;
			height: 24px;
			display: block;
			float: left;
			margin: 0 0 0 1px;
			text-indent: -9999px;
			width: 24px;
		}
			
			/* social buttons */
			.facebook-button { background: url(images/social/facebook.png) no-repeat; }
			.twitter-button { background: url(images/social/twitter.png) no-repeat; }
			.google-button { background: url(images/social/google.png) no-repeat; }
			.website-button { background: url(images/social/website.png) no-repeat; }
			.email-button { background: url(images/social/email.png) no-repeat; }

			
		/* Main navigation */
		#main-navigation {
			bottom: 0;
			position: absolute;
			width: 940px;
			height:50px;
		}
		
		
			#navigation {padding-top: 5px;	
					padding-left: 22px;
				float: left;
				position: relative;
			}
			
				#navigation li {
					float: left;
					margin: 0 15px 0 1px;
				}
				
			
				#navigation a {
					
					color: #8A8D74;
					display: block;
					font-family: georgia, times, serif;
					font-size:15px;
					font-weight: bold;
					line-height: 40px;
					padding: 0 15px;
				
				}
				
				#navigation .sub a {
					
					color: #B8BC9B;
					font-weight: normal;
					padding: 0 15px;
				
				}
				
				#navigation .mag a {
					background: #8B8C75;
					color: #fff;
					font-weight: bold;
					padding: 0 15px;
				
				}
				
				.mag .current-menu-item > a {
					background: #8B8C75;
					color: #fff;
					font-weight: bold;
					padding: 0 15px;
				
				}

				
				#navigation .mag a:hover {
					background: #8B8C75;
					color: #000;
					font-weight: bold;
					padding: 0 15px;
				
				}

			
				
			
				
				

					
					#navigation .hover, #navigation .sub .hover,
					#navigation .current-menu-item > .hover,
					#navigation .current-menu-ancestor > .hover { 
						
						color: #000;
						
						
					}
					
					#navigation a:hover,
					#navigation .hover:hover {  }
					
				
					
				#navigation .current-menu-item > a,
				#navigation .current-menu-ancestor > a {
					
					color: #000;
				}

 #navigation .home {background:;}
	
				/* ---- Navigation Sub menus ---- */
	
				#navigation ul {
					display: none;
					position: absolute;
					width: 200px;
					z-index: 9999;		
				}
				
					#navigation ul li {						
						border-top: 1px solid #eee;
						margin: 0;
						padding: 0;
						position: relative;
						width: 100%;						
					}
					
					#navigation ul li:first-child { border: none; }
					
						#navigation ul a {
							border: none;						
							color: #fff;
							font-size: 10px;
							line-height: 38px;							
							
											
						}
						
						#navigation ul a:hover {
							border: none;						
							color: #fff;
							text-decoration: underline;
											
						}

						
						
				/* 2nd Level Sub menu */
				
				#navigation ul ul {
					left: -200px;
					top: 0;					
				}
				
				#navigation li:hover ul ul, #navigation li:hover ul ul ul, #navigation li:hover ul ul ul ul { display: none; }
				#navigation li:hover ul, #navigation li li:hover ul, #navigation li li li:hover ul, #navigation li li li li:hover ul { display: block; }
				
				
/* ---------- PAGE CONTENT ---------- */

	#content {
		background-color: #FFF;
		border-top: none;
		margin: 0 auto;
		padding: 0 60px 60px 80px;
		position: relative;
		width: 800px;
		z-index: 1;
		
		
	}
	
	#content p, #content p:hover, #content a, #content a:hover {font-size:14px; padding: 0 0; margin: 0 0;}
	
	#content a {color: #8B8C75;} 
	
	#content a:hover {text-decoration: underline;}
	
		/* Breadcrumbs */
		#crumbs {
			color: #BBB;
			font-size: 12px;
			margin: 40px 0 0;
		}
		#crumbs a { color: #BBB; }
		#crumbs a:hover { color: #888; }
		
		/* Page Title & Introduction */
		#introduction {
			padding: 0px 20px 0 0; 
		}
		
		.page-template-home-page-php #introduction { text-align: center;}
		
		#introduction h1 {font-family: adobe-caslon-pro, georgia, times, serif;
			line-height: 60px;
			margin: 20px 0 10px 0;
		}
		
		#introduction h2 { 
			color: #888;
			font-size: 14px;
			font-weight: 700;
			line-height: 14px;
			margin: 40px 0 0;
		}
		
		#introduction h1 + h2 {
			margin: 0;
		}
		
		.col-380 {
			margin: 20px 20px 0 0;
			width: 380px;
		}
		
		.col-580 {
			margin: 20px 20px 0 0;
			width: 580px;
			
		}
		
		.col-780 {
			margin: 20px 20px 0 0;
			padding: 1px 0 0;
			width: 780px;
		}
		
		.col-800 {
			overflow: hidden;
			width: 800px;
			
			}
			
			.col-380 > *:first-child,
			.col-580 > *:first-child,
			.col-780 > *:first-child {
				margin-top: 0px;
			}
			
			.col-380 > .fourth:first-child,
			.col-380 > .third:first-child,
			.col-380 > .two-thirds:first-child,
			.col-380 > .half:first-child,
			.col-580 > .fourth:first-child,
			.col-580 > .third:first-child,
			.col-580 > .two-thirds:first-child,
			.col-580 > .half:first-child,
			.col-780 > .fourth:first-child,
			.col-780 > .third:first-child,
			.col-780 > .two-thirds:first-child,
			.col-780 > .half:first-child,
			.col-800 > .fourth:first-child,
			.col-800 > .third:first-child,
			.col-800 > .two-thirds:first-child,
			.col-800 > .half:first-child { margin-top: 0; }
			
			.post-content > *:first-child { margin-top: 0; }
			
		.sidebar {
			margin: 0 20px 0 0;
			width: 180px;
		}
		
		/* Following classes used to align content and sidebars. */
		.left { float: left; }
		.right { float: right; }
		
		#cs {padding-left:0px;padding-top: 50px;}
		
		
/* ---------- SLIDES ---------- */

#sliders {height:410px;background:; padding:25px 20px 20px 20px;}
#homeslide {float: left;margin-bottom: 0px;}
#homeslide p, #homeslide p:hover {padding:15px 15px; color: #fff;}
#sponsors {background: url(images/sponsors.png) no-repeat;  height: 140px; margin-top: 0px;margin-bottom: 10px;padding-top: 50px;}
#sponsors p, #sponsors p:hover {padding: 0 0;}
#sponsors a {padding: 0 0;}
#sponsors img {padding: 0 18px 0 0;}

/* ---------- SIDEBAR SLIDES ---------- */

#subslides {float: right;margin-bottom: 10px;padding-right: 0px;}

#subslides p {font-size: 15px;color: #fff;padding: 10px 10px;margin-top:0px;}
#subslides a {color: #fff;}

#sliders h4 {font-family: adobe-caslon-pro, georgia, times, sans-serif;
					font-style: italic;
					font-size:21px;
					font-weight: 700;
					margin: 0 0 0 0;
					padding: 10px 0 10px 10px;
					color: #fff;
					background: #BCBE9C;
					text-transform: none;
					}
					
#textslide {float: right;margin-bottom: 10px;padding-right: 0px;}

#textslide p {font-family: adobe-caslon-pro, georgia, times, sans-serif; font-style: italic; font-weight: 700; font-size: 21px;color: #fff;padding: 10px 10px;margin-top:0px;}

#textslide a {color: #fff;}


		
	
/* ---------- POSTS ---------- */;

.post {
	overflow: hidden;
	padding: 40px 0 0;
}

.post:first-child {
	padding: 0;
}
	
	.post-content {
		border-top: 1px dotted #DDD;
		padding: 20px 0 0;
		margin-bottom:20px;
	}
	
	.post-content a {text-decoration: underline;
	}


	.post-introduction {
		margin: 0 0 20px; 
		font-size: 12px;
	}
		
		.post-introduction .avatar { 
			display: block;
			float: left;
			margin: 0 10px 20px;
		}
		
		.post-title {
			font-size: 18px;
			margin: 0; 
		}
			
			.post-title a { color: #000; }
			.post-title a:hover { color: #B7BE99; }
	
		.post-introduction p { margin: 4px 0 0 ; }
		
		.post img {max-width: 580px;}
		
	.portfolio aside,
	.post aside {
		
	}
		.post-meta {
			background-color: #FCFCFC;
			border-top: 1px dotted #DDD;
			border-bottom: 1px dotted #DDD;
			display: block;
			margin: 10px 0 0px 0;
			padding: 20px 10px;
		}
			
			.comments-meta,
			.categories-meta,
			.tags-meta {
				float: left;
				margin: 0 10px 0 0;
				overflow: hidden;
			}
			
			.post-meta a { color: #9043A3; }
			.post-meta a:hover { color: #40215B; }			
				
				.tags-meta span { 
					float: left;
					margin: 0 5px 0 0;
				}
				
				.categories-meta a,
				.tags-meta a {	
							
					background-color: #fff;
					color: #ccc;
					display: block;
					float: left;
					font-size: 6px;
					margin: 0 2px 50px 0;
					padding: 2px 6px;
					
					border-radius: 3px;
					-moz-border-radius: 3px;
					-webkit-border-radius: 3px;
				}
				
				.categories-meta a:hover,
				.tags-meta a:hover { 
					
				}
			
		.more-link {
			color: #00B0D8;
			display: inline-block;
			margin: 20px 0 0;
		}
		
		.addthis_toolbox { 
			float: right;
			margin: 0 2px 0 0;
		}		

		
/* ---------- FOOTER ---------- */

footer {
	background:#B8BC9B;
	color: #000000;
	font-family:georgia, times, serif;
	font-size: 14px;
	margin-top: 0px;
	overflow: hidden;
	padding: 0 20px;

}

footer a {
	color: #000;;
}

footer a:hover {
color: #000;
	
}


#footer-sidebar {
list-style: none;
		background-color: #FFF;
		border-top: none;
		margin: 10px 0 0 0;
		padding: 0 0px 60px 0px;
		position: relative;
		width: 940px;
		z-index: 1;
		overflow: hidden;
}

#footer-sidebar a {color:#000;text-decoration: none;}

#footer-sidebar h4 {font-family: adobe-caslon-pro, georgia, times, serif;
					font-style: italic;
					font-size:24px;
					font-weight: 700;
					padding: 15px 0 15px 10px;
					color: #fff;
					background: #B8BC9B;
					text-transform: none;
					}


#footer1 {
	float: left;
	width: 222px;
	height:380px;
	margin-left:11px;
	margin-right:10px;
}

#footer1 p, p:hover {font-size: 15px;color: #000;padding: 55px 55px 55px 55px;margin-top:0px;text-decoration: none;}
#footer1 a {color: #000;}

#footer1 h4 {padding-left:75px;background: #B8BC9B url(images/tweet.png) no-repeat;background-position: 3px 2px;}

#footer2 {
	float: left;
	width: 222px;
	height:380px;
	margin-right:10px;
}

#footer2 p {font-size: 15px;color: #000;padding: 10px 0px 0px 55px;}
#footer2 a {color: #000;}

#tw {background: url(images/twitter.png) no-repeat;
	background-position: 0px 335px;}

#footer3 {
	float: left;
	width: 222px;
	height: 430px;
	margin-right:10px;
	}

#footer3 p {font-size: 14px;color: #000;padding: 10px 10px 10px 10px;background: url(images/tranbg.png);margin-top:297px;}
#footer3 a {color: #000;}


#footer4 {
	float: left;
	width: 222px;
	height: 430px;
	margin-right:10px;
	background: url(images/advertise.jpg) no-repeat;
	background-position: bottom;
}

#footer4 p {font-size: 14px;color: #fff;padding: 10px 10px 10px 10px;background: url(images/tranbg.png);margin-top:297px;}
#footer4 a {color: #fff;}


	#copyright { 
	font-style: italic;
		float: left;
		margin: 16px 0;
		font-weight:300;
	}
	
	.small { font-size: 12px;}
	
	#copyright a { 
		color: #000;
	}

	
	#info { font-size: 14px; font-style: italic; float: right; text-align: right; line-height: 30px;
	margin: 16px 0;font-weight:300;}
	
	
	#info a{ text-decoration: underline; }
	
		

		
/* ----------------------------------------
	PORTFOLIO 
---------------------------------------- */

#filter { 
	margin: 40px 0 0; 
	overflow: hidden;
}

	#filter li { 
		float: left;
		margin: 0 5px 0 0;
	}
	
	#filter a {
		background-color: #00B0D8;
		color: #FFF;
		display: block;
		float: left;
		font-size: 10px;
		padding: 2px 6px;
		
		border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
	}
	
	#filter a.selected,
	#filter a:hover {
		background-color: #DDD;
	}

#portfolio-holder {
	background-color: #fff;
	margin: 40px 0 0;
	min-height: 220px;
	overflow: hidden;
	padding: 0 0 20px 20px;
	
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	
}
	#portfolio-holder p { color: #666; }
	
	#portfolio-holder .feature-image { margin: 20px 0 0; line-height: 1em;	}
		
		.feature-image a { 
			display: block;
			line-height: 0;
			position: relative;
		}

		.feature-image img {
			position: relative;
			z-index: 1;
		}
		
		.feature-image span {
			bottom: 0;
			background: #9043A3 url( images/portfolio-hover.png) center center no-repeat;
			filter:alpha(opacity=0);
			-moz-opacity: 0;
			-khtml-opacity: 0;
			opacity: 0;
			height: 50px;
			position: absolute;
			right: 0;
			width: 50px;
			z-index: 2;
		}
		
		#portfolio-holder h3 {
			font-size: 14px;
			font-weight: 400;
			margin: 10px 0 0; 
			text-align: center; 
		}
	
		#portfolio-holder a {
			color: #888;
		}
		
		#portfolio-holder a:hover {
			color: #111;
		}
	
	
	/* Single Portfolio Template */
	
	.portfolio-meta  { padding-top: 60px; }
	
		.portfolio-meta h4 { margin: 0; }
		
		.portfolio-meta .tags-meta {
			float: none;
			margin: 20px 0 0; 
		}

		.launch-link {
			display: block;
			margin: 17px 0 0; 
		}
		
		.portfolio-meta .tags-meta:first-child,
		.launch-link:first-child { margin: 0; }
		
		
/* ----------------------------------------
	PROFILES 
---------------------------------------- */

.staff-role { margin: 5px 0 0; }
	
#introduction .social-button-holder {
	float: right;
	margin: 40px 0 0;
}
	
/* ----------------------------------------
	PAGINATION 
---------------------------------------- */
	
	.pagination {
		margin: 40px 0 0;
		text-align: center;
	}
	
		.pagination span {
			background-color: #FCFCFC;
			font-size: 10px;
			margin: 0 5px 0 0;
			padding: 3px 6px;
			
			border-radius: 3px;
			-moz-border-radius: 3px;
			-webkit-border-radius: 3px;
		}
		
		.pagination a span {
			-webkit-transition: background-color 0.15s;
			-moz-transition: background-color 0.15s;
			-o-transition: background-color 0.15s;  
			transition: background-color 0.15s;
			
			background-color: #EEE;
			color: #666;
		}
		
		.pagination a span:hover {
			-webkit-transition: background-color 0.15s;
			-moz-transition: background-color 0.15s;
			-o-transition: background-color 0.15s;  
			transition: background-color 0.15s;
			
			background-color: #00B0D8;
			color: #FFF;
		}


/* ----------------------------------------
	SEARCH RESULTS 
---------------------------------------- */

article.post, article.page, article.portfolio { overflow: hidden; }

.search-results .page:first-child {	padding: 0 0 40px; }

.search-results .page,
.search-results .portfolio {
	border-bottom: 1px solid #EEE;
	padding: 40px 0; 
}


/* ----------------------------------------
	COMMENTS 
---------------------------------------- */

#comments-holder {
	clear: both;
	margin: 0 auto;
	max-width: 580px;
	padding: 1px 0 0;
}

h4.comment-title { clear: both; }

#comment-pagination { margin: 20px 0; overflow: hidden; }

#comments {
	clear: both;
	margin: 20px 0 0;
	padding: 0;
	width: 580px;
}

	.comment {		
		background: url(images/comment-thread-horizontal.png) repeat-y;
		width: 580px;
	}
	
		.comment .comment{ background: url(images/comment-thread-vertical.png) no-repeat; }		
		.children .children { background: url(images/comment-thread-horizontal-2.png) repeat-y; }		
		.comment .comment .comment{ background: url(images/comment-thread-vertical-2.png) no-repeat; }
		
		
		/* ----- First Level ----- */
		
		.comment-holder {		
			background: #FFF;
			border: 1px solid #EEE;
			float: right; 			
			margin: 0 0 20px;
			overflow: hidden;
			position: relative;
			width: 578px;
			
			border-radius: 5px;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;			
		}
		
			.author-text {
				float: right;
				padding: 10px;
				width: 505px;
			}
			
			
		/* ----- Second Level ----- */
		
		.children .comment-holder { width: 493px; }		
			.children .author-text { width: 414px; }
		
		
		/* ----- Third Level ----- */
		
		.children .children .comment-holder { width: 393px; }		
			.children .children .author-text { width: 314px; }
			
		.admin_comment { background-color: #F6F6F6;	}
		
		.comment .avatar {
			border: 1px solid #EEE;
			height: 35px; 
			float: left;
			margin: 10px 0 0 10px;
			padding: 3px;
			width: 35px;
		}
		
		.author-text small {
			float: right;
			font-size: 10px;
			font-weight: 700;		
		}
		
		#comments .comment small a { color: #999; }		
		#comments .comment small a:hover{ color: #666; }
		
		.author-text h6 {
			float: left;
			margin: 5px 0 10px;			
		}
		
		.the-comment {			
			clear: both;
			margin: 20px 0 0;			
		}
		
			.the-comment p { margin: 20px 0; }
		
		#comments .comment-reply-link {		
			color: #00B0D8;
			cursor: pointer;
			float: right;
			font-size: 10px;
			font-weight: 700;
			margin: 0;
			padding: 3px 10px;
			
			border-radius: 5px;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;			
		}

		#comments .comment-reply-link:hover {
			color: #888;
		}
		
		#comments #respond { background-color: #FFF; }
		
		
/* ----------------------------------------
	FORMS
---------------------------------------- */

	/* -----  Comment & Contact form ----- */
	
	#respond { clear: both; margin: 20px 0 0; }
	
	.comment #respond { padding: 1px 0 20px; }
	
	#reply-title { margin: 20px 0 0; }
	
	#respond form { width: 100%; }
	
	#respond  form p { 
		clear: both; 
		display: block;
		overflow: hidden;
	}

	#respond form label { 
		line-height: 26px;
		width: 25%; 
	}
	
	#respond  label.error { 
		clear: both;
		color: #D50000;
		display: block;
		float: right;
		padding: 1%;
		width: 75%;
		min-width: 140px;
	}	
	
	#respond form input[type=checkbox] { margin: 0 10px 0 0; }
	
	#respond form textarea,
	#respond form input[type=text],
	#respond form input[type=password] {
		float: right;
		width: 75%; 
	}

	#respond form textarea {
		color: #000;
		font-family: georgia, times, serif;
		font-size: 12px;
		height: 200px;
		line-height: 1.5em;
		resize: none;
	}
	
	#respond form input,
	#respond form textarea { font-family: georgia, times, serif; }
	
	span.required { color: #000; }
	
	.form-submit {	 
		padding-left: 23%;
		text-align: center;
	} 
	.form-reciept { padding-left: 23%; } 
	
	#respond .displace { display: none; }
	
	.gform_wrapper .description_above .gfield_description {font-family: georgia, times, serif;font-size: 14px;}
	
	
	/* ----- Page Content & Sidebar forms ----- */
	
	#respond label,
	.page-content label,
	.sidebar label { line-height: 26px; }
	
	#respond  textarea,
	.page-content textarea,
	.sidebar textarea,
	#respond  input[type=text],
	.page-content input[type=text],
	.sidebar input[type=text],
	#respond  input[type=password],
	.page-content input[type=password],
	.sidebar input[type=password] {
		background-color: #F6F6F6;
		border: 1px solid #EEE;
		color: #888;
		display: block;
		clear: both;
		padding: 7px 3px;	
		width: 500px;	
	}
	
	.sidebar textarea,
	.sidebar input[type=text],
	.sidebar input[type=password] {
		width: 157px;
	}
	
	
/* ----------------------------------------
	WIDGETS
---------------------------------------- */

.sidebar .widget {
	
	border-left: 0px solid #ccc;
	margin: 40px 0 0;
	padding: 0 10px 10px 0;
}

.widget .children { background: none; }

.widgettitle {

	color: #000;
	font-size: 14px;
	font-weight: 600;
	line-height: 18px;	
	margin: 0 0 20px;
	text-transform: uppercase;
}

	.widgettitle span { 
		background-color: #FFF;
		padding-right: 10px;
	}
	
.widget li {
	border-top: 1px solid #EEE;
	display: block;
	padding: 5px 0;
}

.widget li:hover {

	text-decoration: none;
}

.widget li li {

	border-top: 1px solid #EEE;
	padding: 5px 0 5px 20px;
}

.widget li:first-child {

	padding: 0 0 5px
}


/* Drop downs */

.widget select { padding: 5px 5px 5px 8px; }


/* ----- CATEGORIES / CUSTOM MENUS / PAGES ----- */

.widget_categories li,
.widget_nav_menu li,
.widget_pages li {
	border: 0;
	padding: 0;
}

/* first level */
.widget_categories li:first-child,
.widget_nav_menu li:first-child,
.widget_pages li:first-child { padding: 0; }

.widget_categories a,
.widget_nav_menu a,
.widget_pages a {
	border-top: 1px solid #EEE;
	display: block;
	padding: 5px 0;
}

/* second level */
.widget_categories li li,
.widget_pages li li,
.widget_nav_menu li li {
	border: none;
	padding: 0;
}

.widget_categories li li a,
.widget_categories li li:first-child > a,
.widget_nav_menu li li a,
.widget_nav_menu li li:first-child > a,
.widget_pages li li a,
.widget_pages li li:first-child > a { 
	border-top: 1px solid #EEE;
	padding: 5px 0 5px 20px;
}

/* third level */
.widget_categories li li li a,
.widget_categories li li li:first-child > a,
.widget_nav_menu li li li a,
.widget_nav_menu li li li:first-child > a, 
.widget_pages li li li a,
.widget_pages li li li:first-child > a { 
	border-top: 1px solid #EEE;
	padding: 5px 0 5px 30px;
}

.widget_categories li:first-child > a,
.widget_nav_menu li:first-child > a,
.widget_pages li:first-child > a {
	border: none;
	padding: 0 0 5px
}

.widget_nav_menu .current-menu-item > a {
	color: #CCC;
}


/* ----- RAW CONTACT DETAILS ----- */

.raw_contact_holder div { margin-top: 20px; padding: 0 0 0 30px; }
.raw_contact_holder div:first-child { margin-top: 0; }

.raw_contact_holder p { margin: 0; }
.raw_contact_holder span { color: #00B0D8; }

.raw_contact_address { background: url( images/home_icon.png) 5px 2px no-repeat; }
.raw_contact_phone{ background: url( images/phone_icon.png) 5px 2px no-repeat; }
.raw_contact_website { background: url( images/at_icon.png) 5px 2px no-repeat; }


/* ----- RAW POPULAR / RECENT POSTS ----- */

.widget h5 { margin: 0; }

.raw_popular_posts li  span, 
.raw_recent_posts li  span { 
	font-size: 11px;
	display: block;
}

.raw_recent_posts span img {
	vertical-align: middle;
}



/* ----- RAW TESTIMONIALS ----- */

.raw_testimonial li { border: none; }

.testimonial-holder,
div.testimonial-holder:first-child { 
	
	padding: 20px 0px 15px 0px;
}
.testimonial-holder:first-child { margin: 0; }

.testimonial-author,
.testimonial-title {
	
	clear: both;
	color: #000;
	display: block;
	float: left;
}

.testimonial-author{
	font-size: 12px;
	padding: 0px 0px 0px 0px;
}
.testimonial-title {
	font-size: 10px;
	font-weight: 700;
	filter:alpha(opacity=75);
    -moz-opacity: 0.75;
    -khtml-opacity: 0.75;
    opacity: 0.75;
	padding: 0px 0px 0px 0px;
}
.testimonial-title span { 
	filter:alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}

.testimonial-content { 
	font-weight:normal;
	font-style: italic;
	font-size: 21px;
	line-height: 28px;
	color:#B8BC9B;
	background: url(images/left_quote.png) left 18px no-repeat;
	clear: both;
	padding: 10px 0 0px 0;
	text-indent: 26px; 
}

.testimonial-content p:hover { 
	
	color:#B8BC9B;
	
}


/*-----  RAW TWITTER ----- */

.raw_twitter { overflow: hidden; }

.raw_twitter li,
.raw_twitter li:first-child {
	background-color: #fff;
	border-top: 1px solid #eee;
	margin: 0 0 10px;
	padding: 0px;
}

	.raw_twitter span { 
		display: block;
		margin: 0 0 0px;
	}
	
	.timestamp { color: #000; }
	.timestamp:hover { color: #9043A3; }
	
.raw_twitter .button { margin: 0; }


/* ----- SEARCH ----- */

.sidebar .widget_search { border: none; }

.sidebar .widget_search input[type="text"] {
	background-color: #F6F6F6;
	border: 1px solid #EEE;
	border-right: none;
	float: left;
	width: 128px;
	
	border-radius: 7px 0 0 7px;
	-moz-border-radius: 7px 0 0 7px;				
	-webkit-border-top-left-radius: 7px;
	-webkit-border-top-right-radius: 0;
	-webkit-border-bottom-right-radius: 0;
	-webkit-border-bottom-left-radius: 7px;
}

.sidebar .widget_search input[type="submit"] {
	background: #00B0D8 url(images/search-icon.png) no-repeat;
	border: 1px solid #00B0D8;
	float: left;
	height: 34px;
	margin: 0;
	text-indent: -999px;
	width: 35px;
	
	border-radius: 0 7px 7px 0;
	-moz-border-radius: 0 7px 7px 0;				
	-webkit-border-top-left-radius: 0;
	-webkit-border-top-right-radius: 7px;
	-webkit-border-bottom-right-radius: 7px;
	-webkit-border-bottom-left-radius: 0;
	
	/* Hide text in IE7 */
	font-size: 0;
	display: block;
	line-height: 0;
}

.sidebar .widget_search input[type="submit"]:hover {
	background-color: #00B0D8;
	background-position: 0-34px;
}

.sidebar a {
	color: #000;
}

.sidebar a:hover {
	color: #ccc;
}


/* ----- CALENDAR ----- */

#wp-calendar { width: 100%; }


/* ----------------------------------------
	SHORTCODES & STYLING
---------------------------------------- */

.displace, .screen-reader-text { display: none; }

.clearboth {
	clear: both;
	display: block;
	font-size: 0px;
	height: 0px;
	line-height: 0;
	overflow: hidden;
	width: 100%;
}

/* ----- Buttons ----- */

#respond input[type=submit],
.sidebar input[type=submit],
.page-content input[type=submit],
a.button {
	background: #B7BE99;
	border: none;
	color: #FFF;
	cursor: pointer;
	display: inline-block;
	font-family: georgia, times, serif;
	font-size: 14px;
	font-weight: normal;
	margin: 20px 0 0 0;
	padding: 8px 15px;
	position: relative;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
	-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
	text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
	border-bottom: 1px solid rgba(0, 0, 0, 0.25);
}

#respond input[type=submit]:hover,
.sidebar input[type=submit]:hover,
.page-content input[type=submit]:hover,
a.button:hover {
	background: #8A8D74;
	color: #FFF;
}

.button.left { 
	float: left;
	margin: 20px 0 0 5px;
}
.button.right { 
	float: right;
	margin: 20px 0 0 5px;
}

.button-center {
	text-align: center;
}

.button.large {
	font-size: 18px;
	padding: 10px 15px;
}

p .button,
p input[type=submit],
#respond input[type=submit] { margin-top: 0; }



/* ----- Emphasis ----- */
.emphasis {
	color: #555;
	font-size: 18px;
	line-height: 24px;
	margin: 40px 0 0;
}

.emphasis * { margin-top: 0; }

.emphasis.left { text-align: left; }
.emphasis.right { text-align: right; }
.emphasis.center { text-align: center; }


/* ----- Alternate Lists ----- */
article ul.square { padding-left: 20px; }
article ul.circle { padding-left: 20px; }

article ul.check li { background: url(images/li_true.png) left 9px no-repeat; }
article ul.cross li { background: url(images/li_false.png) left 9px no-repeat; }

article ul.square li { background: none; list-style-type: square; }
article ul.circle li { background: none; list-style-type: disc;}


/* ----- Dividers ----- */
.hr {
	border-top: 1px solid #EEE;
	margin: 40px 0 0;
}

.divider.top {
	background: none;
	border-top: 1px solid #EEE;
	height: auto; 
	clear: both; 
	margin: 40px 0 0;	
}

.top{	
	font-size: 10px;
	line-height: 10px; 
	position: relative;
	text-align: right;
	width: 92%;
}

	.top a{		
		color: #999;
		display: block; 
		height: 20px;
		padding-left: 17px;
		position: absolute; 
		right: -40px;
		top: -5px;
		width: 20px;
	}
	
	.top a:hover{ color: #666; }


/* ----- Google Map ----- */
.google-map { margin: 20px 0 0; }


/* ----- Highlight ----- */
.highlight {	
	background-color: #FFFF00;
	color: #111111;
	padding: 5px;	
}
	

/* ----- Toggle content ----- */
.toggle-content {
	background: #FFF;
	border-bottom: 1px solid #EEE;
	clear: both;
	display: block;	
	float: left;
	margin: 20px 0 0;
	width: 99%;
}
.toggle-content:hover { border-bottom: 1px solid #CCC; }

.toggle-content + .toggle-content { margin: 0; }

.toggle-content .expand-button {
	background: url(images/toggle-bg.png) right top no-repeat;
	color: #555;
	cursor: pointer;
	font-size: 14px;
	font-weight: 400;
	line-height: 38px;
	overflow: hidden;
}

.toggle-content .expand-button.close { background-position: right -38px; }

.toggle-content .expand-button p { margin: 0; }

.toggle-content .expand {
	margin: 0;
	padding: 1px 0;	
}

.expanding .expand { display: none; }

.expanding .expand p {	
	margin: 10px 0 20px;
	
}


/* ----- Download Box ----- */
.download_box { 	
	background: url(images/download-icon.png) 20px center no-repeat #C0E04F;
	border: 1px solid #548E13;
	color: #548E13; 	
	margin-top: 16px; 
	padding: 0 20px 20px 80px; 
	text-shadow: none;
	
	border-radius:5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;	
}
	
	.download_box a {
		border-bottom: 1px dotted #548E13; 
		color: #548E13;		
	}
	
	.download_box a:hover {	
		border-bottom: none; 
		color: #666; 		
	}
	
	
/* ----- Info Box ----- */
.info_box {
	background: url(images/info-icon.png) 20px center no-repeat #BFE4F9; 
	border: 1px solid #68A2CF; 
	clear: both; 
	color: #2E6093;
	margin-top: 16px; 
	padding: 0 20px 20px 80px;
	text-shadow: none;
	
	border-radius:5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;	
}

	.info_box a { 	
		border-bottom: 1px dotted #68A2CF; 
		color: #68A2CF;
	}
	
	.info_box a:hover { 	
		border-bottom: none; 
		color: #666; 		
	}
	
	
/* ----- Warning Box ----- */
.warning_box {	
	background: url(images/warning-icon.png) 20px center no-repeat #FCC; 
	border: 1px solid #F99;
	clear: both;
	color: #C31B00;
	margin-top: 16px;
	padding: 0 20px 20px 80px;
	text-shadow: none;
	
	border-radius:5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;	
}

	.warning_box a {	
		border-bottom: 1px dotted #F99; 
		color: #F99; 		
	}
	
	.warning_box a:hover {
		border-bottom: none; 
		color: #666; 		
	}

	

/* ----- Dropcaps ----- */
.dropcap_1 {
	color: #555;
	font-size: 34px; 
	font-weight: 700;
	float: left; 
	height: 30px;
	line-height: 30px;
	padding-top: 3px;
	text-align: center;
	width: 36px; 	
}

.dropcap_2 {
	float: left; 
	height: 45px; 
	line-height: 38px;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: -5px;
	padding-top: 5px; 
	text-align: center; 
	width: 50px;
	
	background-color: #00B0D8; 
	color: #FFF; 
	font-size: 40px; 
	font-weight: 700;
	
	border-radius: 100px;
	-moz-border-radius: 100px;
	-webkit-border-radius: 100px;	
}


/* ----- Quotes ----- */
blockquote {	
	background: transparent url(images/left_quote.png) 20px 18px no-repeat;
	color: #888;
	font-size: 16px;
	line-height: 22px;
	margin: 25px 0 20px;
	overflow: hidden;
	padding: 1px 20px 20px;
	text-indent: 30px;
}

blockquote.alignleft { 
	float: left; 
	margin: 25px 20px 20px 0; 
	padding: 0 0 20px 20px;	
}

blockquote.alignright  { 
	float: right; 
	margin: 25px 0 20px 20px; 
	padding: 0 0 20px 20px;
}
	
	
/* ----- Columns ----- */
.row-holder { 
	clear: both;
	overflow: hidden;
}

/* Fourth */
.fourth {
	float: left;
	margin: 0 20px 0 0;
	width: 180px;
}
.fourth img { max-width: 180px; }

.col-580 .fourth { width: 130px; }
.col-580 .fourth img { max-width: 130px; }

.col-380 .fourth { width: 80px; }
.col-380 .fourth img { max-width: 80px; }



/* Third */
.third {
	float: left;
	margin: 0 20px 0 0;
	width: 246px;
}
.third img { max-width: 246px; }

.col-580 .third { width: 180px; }
.col-580 .third img { max-width: 180px; }

.col-380 .third { width: 113px; }
.col-380 .third img { max-width: 113px; }

#portfolio-holder .third { width: 233px; }
#portfolio-holder .third img { max-width: 233px; }


/* Two Thirds */
.two-thirds {
	float: left;
	margin: 0 20px 0 0;
	width: 512px;
}
.two-thirds img { width: 512px; }

.col-580 .two-thirds { width: 380px; }
.col-580 .two-thirds img { width: 380px; }

.col-380 .two-thirds { width: 246px; }
.col-380 .two-thirds img { width: 246px; }


/* Half */
.half {
	float: left;
	margin: 0 20px 0 0;
	width: 380px;
}
.half img { max-width: 380px; }

.col-580 .half { width: 280px; }
.col-580 .half img { width: 280px; }

.col-380 .half { width: 180px; }
.col-380 .half img { width: 180px; }

#portfolio-holder .half { width: 360px; }
#portfolio-holder .half img { max-width: 360px; }

/* Slide columns */
.feature-holder .third {
	float: left;
	margin: 0 0px 0 0;
	width: 250px;
}

.feature-holder .twothirds {
	float: left;
	margin: 0 20px 0 0;
	width: 520px;
}

.feature-holder .end,
.end { margin: 0 }


/* ----- Pagelist ----- */
.feature-image { margin: 40px 0 0; }

.feature-image + h1,
.feature-image + h2,
.feature-image + h3,
.feature-image + h4,
.feature-image + h5,
.feature-image + h6 { margin-top: 20px; }


/* ----- Post list ----- */

.postlist article { margin: 20px 0 0; }

.postlist h4,
.postlist p { margin: 0; }

.postlist img { vertical-align: middle; }


/* ----- Pricing Tables ----- */

.pricing-table { 
	color: #555;
	display: block; 
	margin: 40px auto 0;
}

.pricing-table strong { color: #555; }
.pricing-table p { margin: 10px 0 0; }

.pricing-table a.button  { margin: 10px 0 0; }

.pricing-table h1,
.pricing-table h2,
.pricing-table h3,
.pricing-table h4,
.pricing-table h5,
.pricing-table h6 { margin: 20px 0 0; }

.pricing-table-column {
	background-color: #F0F0F0;
	float: left;
	padding: 0 10px;
	text-align: center;
	width: 170px;
}

.pricing-table-column:nth-child(2n) { background-color: #F9F9F9; }

.pricing-table-column-highlight { 
	border: 4px solid #DDD;
	margin: -25px 0 0;
	padding: 20px; 
}

.pricing-table-row {
	border-top: 1px solid #DDD;
	padding: 0 0 10px;
}

.pricing-table-column:nth-child(2n) .pricing-table-row {
	border-top: 1px solid #EEE;
}

.pricing-table-row:first-child { border: none; }

.pricing-table-column:nth-child(2n) .pricing-table-row:first-child { border: none; }


/* ----- Video ----- */

.jp-video ul li { background: none; padding: 0; }

div.jp-video div.jp-video-play { background-color: #00B0D8; }


/* ----- Gallery ----- */

.gallery { margin: 40px 0 0; }
.gallery-item { float: left; margin: 0 20px 20px 0;}
.gallery a { display: block; line-height: 100%; }

/* ----- IMAGES ----- */

.aligncenter {
	display: block;
	margin: 40px auto;
}

.alignleft {
	float: left;
	margin: 20px 20px 0 0;
}

.alignright {
	float: right;
	margin: 20px 0 0 20px;
}

img.alignleft,
img.alignright,
img.aligncenter,
.wp-caption img {
	
	
}

.wp-caption-text, .gallery-caption {
	font-family: helvetica, arial, san-serif;
	font-size: 10px;
	margin: 5px 0; 
}