/*
File:			custom.css
Description:	Custom styles for Thesis
More Info:		http://diythemes.com/thesis/rtfm/custom-css/
*/


/* HEADER ZONE */

.custom #header_area .page { background: #fff; }
		
	.custom #header { 
		width: auto;
		border: none;
		margin: 0;
		padding: 0;
		position: relative;
		}
/* NAVBAR ZONE */

.custom #nav_area { background: #fff; }

/*.custom #nav_area .page { background: #fff; } */
	
	.custom .menu { 
		background: #fff;
		border: 2px;
		border-color: #00cccc;
		border-style: none dashed dashed dashed;
		text-align: center;
	}
	.custom .menu li {
		display: inline-block;
		float: none;
		padding-right: 10px;
		padding-left: 10px;
           }

	.custom .menu a {
		font: 14px Helvetica, arial, sans-serif;
		
	}
	.custom .menu a, a:visited {
		color: #05c1c0;
		text-transform: capitalize;
		border-style: hidden;
	}

	.custom .menu .current a {
		color: #30327f;
		text-decoration: none;
	}
	.custom .menu a:hover {
		color: #30327f;
		text-decoration: underline;
	}
	

/* CONTENT ZONE */

.custom #content_area { background: #fff; }

/*.custom #content_area .page { background: #fff; }*/

.custom #content_box { background: #fff; }

	/* Page Headline Format */
	.custom #content_box .headline_area h1 {
		font: 32px/normal 'Lobster two', Helvetica, sans-serif;
		color: #05c1c0;
		font-style:italic;
  		margin-left:10px;

	}

		/* Metadata Format */
		.custom #content_box .headline_meta {
			font-size: 12px;
		}

	/* Page Text Format */
	.custom #content_box p {
		font: 16px Helvetica, 'Lato', Lucida Grande, Lucida, Verdana, sans-serif;
	
	}
	
	.custom #content_box h1, h2, h3 {
		font-family: Helvetica, sans-serif;
		line-height: 150%;
		margin-bottom: 20px;
	}
	
	.custom .post_box h1 {
		font-size: 28px;
	}
	
	.custom .post_box h2 {
		font-family:'Lobster Two', Helvetica, sans-serif;
		font-weight:normal;
		font-style:italic;
		font-size: 32px;
		margin-top: 40px;
 		margin-bottom: 20px;
	}
	
	.custom .post_box h3 {
		font-size: 22px;
		margin-top: 20px;
 		margin-bottom: 20px;
	}
	
		/* Page/Post Links */
		.custom .format_text a, a:visited {
			font: 16px/1.455em Helvetica, 'Lato', Lucida Grande, Lucida, Verdana, sans-serif;
			color: #05c1c0;
			text-decoration: none;
		}
		
		.custom .format_text a:hover {
			color: #b005e7;
			text-decoration: underline;
		}

	/* Front Page Post Style & Format */
	
	.custom #content_box h2.entry-title {
		font: 30px 'Lobster Two', Helvetica, 'Tienne', Georgia, Times New Roman, Times, serif;
		font-style: italic;
		margin: 0;
	}
	
	.custom .post_box a, a:visited {
		color: #0966a1;
		text-decoration: none;
	}
	
	.custom .post_box a:hover {
			color: #05c1c0;
			text-decoration: underline;
	}

			/* Sidebars */
			
			.custom .format_text ul, li {
				font: 16px/1.455em Helvetica, 'Lato', Lucida Grande, Lucida, Verdana, sans-serif;
			}
			
			.custom #sidebars li {
				border-radius: 4px 4px 4px 4px;
    				box-shadow: 0 0 8px #0966A1;
    				padding: 10px;
			}
.custom blockquote {
				background: none;
				margin:25pt 0px;
				padding: 1.571em 20px 0px 15px;
				border: 4px double #05c1c0;
			}

/*Pulls sidebar down from nav menu and makes border same size*/
.custom ul.sidebar_list {
border: 3px solid #b005e7;
margin-top: 10px;
margin-bottom:10px;
}


/* Teasers */
.custom .teaser h2 a, a:visited {
	color: #3e839d;
	font-size: 24px;
}

.custom .teaser h2 a:hover {
	color: #05c1c0;
	text-decoration: underline;
}


	

		/* Widget Style */
			/* Widget Body */
			.custom .widget {
				background: #fff;
				margin-top: 10px;
			}
			
			.custom .widget ul, li {
			}
			
			/* Widget Header */
			.custom .widget h3 {
				color: #05c1c0;
				font-family:'Lobster Two', Helvetica, sans-serif;
				font-weight:normal;
				font-style:italic;
				font-variant:inherit;
				font-size:22px;
				letter-spacing:0;
				text-transform:capitalize;
				padding: 3px 3px 3px 10px;
			}
			
			/* Widget Text */
			.custom .widget {
				font: 14px Helvetica, 'Lato', Lucida Grande, Lucida, Verdana, sans-serif;
				
			}
			
			/* Widget Links */
			.custom .widget a {
				font: 16px Helvetica 'Tienne', Georgia, Times New Roman, Times, serif;
				
			}
			
			.custom .widget a, a:visited {
				color: #05c1c0;
				text-decoration: none;
			}
			
			.custom .widget a:hover {
				color: #b005e7;
				text-decoration: underline;
			}
	


/* FOOTER ZONE */

.custom #footer_area { 
	background: #336699;
	border: none;
	}

/*.custom #footer_area .page { background: #fff; }*/

.custom #footer { 
	background: #0966a1; 
	color: #fff;
	border: none;
}

.custom #footer a {
	font-size: 12px;
	color: #fff;
	text-decoration: none;
}


.custom #widgetized_wrapper { 
	padding: 5px 0; 
	margin-bottom: 25px; 
	overflow: hidden; 
	}
	
.custom #widgetized_wrapper .widget { 
	text-align: left; 
	width: 300px; 
	padding-right: 10px; 
	color: #fff;
	background: #0966a1; 
	display: inline-block; 
	float: left; 
	height: 100%; 
	}
	
.custom #widgetized_wrapper .widget h3 { 
	font-size: 20px; 
	letter-spacing: 0px; 
	padding-bottom: 3px; 
	margin-bottom: 5px; 
	color: #fff; 
	border-bottom: 1px solid #fff;
	}
	
.custom #widgetized_wrapper .widget ul { 
	margin: 0px; 
	padding: 0px; 
	}
	
.custom #widgetized_wrapper .widget ul li { 
	background: #0966a1;
	list-style: none; 
	padding-bottom: 5px; }
	
.custom #widgetized_wrapper a {
	color: #fff;
	text-decoration: none;
	border: none;
}

.custom #widgetized_wrapper a.twitter_title_link {
	font-size: 1em;
}

.custom #widgetized_wrapper a:hover {
	color: #fff;
	text-decoration: underline;
	font-style: italic;
}

/* BEHIND EVERYTHING */

/*Creates background color and blue border on sidebar*/
.custom ul.sidebar_list {
    border: 2px solid #e5f806;
    background-color: #05c1c0;
}

/*Spaces the blogroll out from the side of the sidebar*/
.custom li.widget ul li {
    margin-left: 0.692em;
}

/*Makes an empty div that takes up space to push something to the right - only use on pages w/ no sidebar!*/ 
.custom .convocontainer {
    width:550px;
    font-size: 16px;
}

.custom .clearfloats{
    clear:both;
}

/*Adds background image of guy with speech bubble*/
.custom .oneguybg {
    float:left;
    background: url('http://www.sarahgoshman.com/wp-content/uploads/2012/08/oneguy.jpg');
    background-repeat: no-repeat; 
    width: 169px;
    height: 150px;
    vertical-align:bottom;
    margin-left:300px;
}

.custom .oneguybgbig {
    float:left;
    background: url('http://www.sarahgoshman.com/wp-content/themes/thesis_185/custom/images/oneguybig.jpg');
    background-repeat: no-repeat; 
    width: 230px;
    height: 190px;
    vertical-align:bottom;
    margin-left:300px;
}

/*Styles the speech to go in the guy's speech bubble*/
.custom .oneguytext {
    font-size:15px; 
    font-variant: small-caps;
    color: #000000;
    padding-top:13px;
    padding-left:15px;
    padding-right:42px;
    line-height:14px;
}

.custom .oneguytextbig {
    font-size:15px; 
    font-variant: small-caps;
    color: #000000;
    padding-top:22px;
    padding-left:18px;
    padding-right:45px;
    line-height:14px;
}

/*Styles the speech to go in the guy's speech bubble for short text where it needs to be more centered*/
.custom .oneguytextsmall {
    font-size:13px; 
    font-variant: small-caps;
    color: #05c1c0;
    padding-top:30px;
    padding-left:30px;
    padding-right:42px;
    line-height:14px;
}

/*Styles Images to have borders*/ 

.custom .format_text img.alignleft {
border: 3px solid #3E839D;
margin-right: 10px;
margin-bottom: 10px;
}

.custom .format_text img.alignright {
border: 3px solid #3E839D;
}

/*Styles the service description no-sidebar pages*/ 


.services #content_area {
width: auto; 
}

.services #content_box p{
font-size: 18px;
}

.services #content_box {
box-shadow: 0px 0px 8px #0966a1;
border-radius: 4px 4px 0 0;}

.services #content_box a{
font-size: 16px;
}

.services .post_box h3 {
font-size: 32px;
}

.services .post_box h2{
font-weight: bold;
}

.services .showtitle {
float:left;
margin:0px; 
padding:0 px; 
width:200px;
text-align:center;
font-size:16px;
font-weight:bold;
}

.services .showinfo {
float:left;
margin:0px; 
padding:0 px; 
width:200px;
text-align:center;
}

.services .showimage {
   border:3px solid #3E839D;
   float:left;
   width:175px;
   height:130px;
   margin:0 10px 0 10px;
   padding: 0 0 0 0;
}

.services .format_text img.left, .format_text img.alignleft {
   margin: 0;
} 

.services .techimage {
   border:3px solid #3E839D;
   float:left;
   width:175px;
   height:50px;
   margin:0 10px 0 10px;
   padding: 0 0 0 0;
}

.services .format_text h2 {
font-family:'Lobster Two', Helvetica, sans-serif;
font-weight:normal;
font-style:italic;
line-height:1.5em;
}

.services .format_text{
   padding-right:50px;
   padding-left:50px;
}

/*STYLES PORTFOLIO PAGES "STUFF I DID" SAME AS SERVICES*/


.portfolio #content_area {
background: #A7C7D2;
border-top: 2px solid #3E839D;
}

.portfolio #content_box p{
font-size: 16px;
}

.portfolio #content_box a{
font-size: 16px;
}

.portfolio .post_box h3 {
font-size: 32px;
margin-top: 20px;
margin-bottom: 20px;
}

.portfolio .post_box h2{
font-weight: bold;
}

.portfolio .showtitle {
float:left;
margin:0px; 
padding:0 px; 
width:200px;
text-align:center;
font-size:16px;
font-weight:bold;
}

.portfolio .showinfo {
float:left;
margin:0px; 
padding:0 px; 
width:200px;
text-align:center;
}

.portfolio .showimage {
   float:left;
   width:175px;
   height:130px;
   margin:0 10px 0 10px;
   padding: 0 0 0 0;
}

.portfolio .format_text img.left, .format_text img.alignleft {
   margin: 0;
} 

.portfolio .techimage {
   border:3px solid #3E839D;
   float:left;
   width:175px;
   height:50px;
   margin:0 10px 0 10px;
   padding: 0 0 0 0;
}

.portfolio .format_text h2 {
line-height:1.5em;
}

.portfolio .format_text{
   padding-right:50px;
   padding-left:50px;
}

/*JUST SO THE ABOUT PAGE MATCHES SERVICES BUT HAS ITS OWN HEADER*/ 

.about #content_area {
background: #A7C7D2;
border: 3px solid #3E839D; 
width: auto; 
border-bottom:0px;
}

.about #content_box p{
font-size: 16px;
}

.about #content_box a{
font-size: 16px;
}

.about .post_box h3 {
font-size: 32px;
}

.about .post_box h2{
font-weight: bold;
}

.about .format_text img.left, .format_text img.alignleft {
   margin: 0;
} 

.about .format_text h2 {
line-height:1.5em;
}

.about .format_text{
   padding-right:50px;
   padding-left:50px;
}

/*JUST SO THE BUCKET LIST PAGE MATCHES SERVICES BUT HAS ITS OWN HEADER*/ 

.bucket-list #content_area {
background: #A7C7D2;
border: 3px solid #3E839D; 
width: auto; 
border-bottom:0px;
}

.bucket-list #content_box p{
font-size: 16px;
}

.bucket-list #content_box a{
font-size: 16px;
}

.bucket-list .post_box h3 {
font-size: 32px;
}

.bucket-list .post_box h2{
font-weight: bold;
}

.bucket-list .format_text img.left, .format_text img.alignleft {
   margin: 0;
} 

.bucket-list .format_text h2 {
line-height:1.5em;
}

.bucket-list .format_text{
   padding-right:50px;
   padding-left:50px;
}


/*MISC CATEGORY FOR DREAM SHOW AND OTHERS THAT NEED MAIN HEADER BUT SERVICES-STYLE FORMATTING*/ 
/*JUST SO THE ABOUT PAGE MATCHES SERVICES BUT HAS ITS OWN HEADER*/ 

.misc  #content_area {
background: #A7C7D2;
border-top: 2px solid #3E839D;
}

.misc #content_box p{
font-size: 16px;
}

.misc #content_box a{
font-size: 16px;
}

.misc .post_box h3 {
font-size: 32px;
}

.misc .post_box h2{
font-weight: bold;
}

.misc .format_text img.left, .format_text img.alignleft {
   margin: 0;
} 

.misc .format_text h2 {
line-height:1.5em;
}

.misc .format_text{
   padding-right:50px;
   padding-left:50px;
}

/*JUST SO THE CONTACT PAGE MATCHES SERVICES&ABOUT BUT HAS ITS OWN HEADER*/ 

.contact-me #content_area {

}

.contact-me #content_box p{
font-size: 16px;
}

.contact-me #content_box a{
font-size: 16px;
}

.about .post_box h3 {
font-size: 32px;
}

.contact-me .post_box h2{
font-weight: bold;
}

.contact-me .format_text img.left, .format_text img.alignleft {
   margin: 0;
} 

.contact-me .format_text h2 {
line-height:1.5em;
}

.contact-me .format_text{
   padding-right:50px;
   padding-left:50px;
}


/*STYLES THE PRICING TABLE ON THE BLOG MATCHMAKING PAGE*/ 

table, td, th{
border: 1px dashed black;
}

th {
background-color: #3E839D;
font-size: 16px;
color: #FFFFFF; 
font-weight: 500;
}

td, th {
padding:15px;
width:200px;
text-align: center;
}

.bigx {
font-size:36px; 
font-weight:900;
color: #3E839D;
}


/*NARROWS TEXT ON SERVICES PAGE*/
.servicecontainer{
width:600px;
}

/*GETS RID OF WHITE SPACE IN DROP DOWN MENU ITEMS*/ 
.menu ul, .menu ul li {
width: 10em;
}

/*Defines the div for a service description on event/conference and creative project pages*/ 
.servicedesc {
width:250px; 
float:left;
margin-right:15px;
}

/*gives content area some breath ing room*/
.custom .post_box {
padding-right: 20px;
}

/*Modifying ET Shortcodes*/
.custom .quote-center {
padding-right: 30px;
width: 90%;
font-size:18px;
}

.custom .et_quote {
font-style:normal;
}

/*Feature Box*/

#feature_box { background: #ffffff; border: 4px double #e5f806; margin: 0 30px 0 0; padding-bottom: 2em; padding-top: 2em }
	#feature_box h3 { font-style:italic; font-weight:bold; font-family:'Lobster Two', Helvetica, sans-serif; margin-top: 0; font-size:22px; }

#feature_box .format_text img.alignright {
border: 0px;
}

#feature_box #mc_embed_signup {margin-left:100px;}

/* Single Page Form -- added by Stu */

.s-form-wrap form { padding: 0 0 6px 6px; width:auto; margin:0 auto}
.s-form-wrap form p {color:white;
	text-shadow:1px 1px 2px #05c1c0;
	font-size:18px !important;
	font-family: Helvetica, 'Tienne',Georgia,Times New Roman,Times,serif !important;
	font-weight: bold !important;}
.s-form-wrap form label { display: inline; float:left; font-size:85%; line-height: 20px; margin:15px 5px 0 0;font-weight:normal;color:#05C1C0;text-shadow:none;}
.s-form-wrap form .field { display: inline; float: left; padding: 1px 5px 5px; border: solid 1px #bfbfbf; background: #fff; line-height: 28px; -webkit-box-shadow: inset 2px 6px 6px 0px #e8e8e8; box-shadow: inset 2px 6px 6px 0px #e8e8e8; margin: 10px 15px 0 0; width:200px;}
.s-form-wrap form .check{width:50px; margin:15px 15px 0 0}
.s-form-wrap form .submit-button {display: inline; float: right; height: auto;  font-weight:bold; font-size:110%; border: 0; margin:-10px 0px 0 40px; width:auto; cursor: pointer; box-shadow:1px 1px 2px #aaaaaa; border-radius:4px; color:#05c1c0; text-shadow:1px 1px 1px white;}

/* Homepage banner for Email -- added by Stu */
.hpsubscribe {color:white;
	font-family: Helvetica, 'Tienne',Georgia,Times New Roman,Times,serif !important;
	background:#e5f806;
	padding:15px;
	margin:-0 -10px;
	overflow:auto;
	box-shadow:2px 2px 3px #bbbbbb;
	text-shadow:1px 1px 2px #05c1c0;
	font-size:18px !important;
	font-weight: bold !important;}

/* ----------------------------------
WIDGETIZED THESIS HEADER -- added/modded by Stu from http://www.aaronhartland.com/add-social-media-icons-to-header-in-thesis/
---------------------------------- */
.custom .sidebar ul.sidebar_list {position: relative;border:none;background:none;margin:0;padding:1.1em 1.65em 0 0;}
.custom #header_widget_1 .sidebar {padding:0}
.custom #header_widget_1 ul.sidebar_list li.widget {
	background:none;
	position: relative;
	display: block;
	top:10px;
	float:right;
	width:auto;
	margin-bottom:0;
	}
.custom #social-icons a img { float:right;margin:0 5px }

/* Homepage stuff - added by Stu */

.custom .hpzone {width: 29.5%;
	background: white;
	height: 300px;
	color: #30327f;
	float:left;
	margin:4.4em 1.1em ;
	border:2px solid #b005e7;
	box-shadow: 6px 6px 0 #0966A1, -4px -4px 0 #05c1c0;
	overflow:hidden;
	}

.hpzone p {margin-bottom:1.571em}


.hpzone img {display:block;
		max-width:92%;
		margin:0 auto;
		position:relative;
		
}

.custom .hpzone h2 {border-bottom: 1px solid #30327f;
		color:#30327f;
		margin:0 0 10px 0;
		padding-left:10px;
		font-family:'Lobster Two', sans-serif !important;
		font-size:26px;}

.custom .hpzone h2 a {font-family:'Lobster Two', sans-serif !important;
		font-size:26px;
		color:#30327f;
		}
.custom .hpzone h2 a:hover {
		color:#e5f806;
		}

.tagline {text-align:center;
	font-family:'Lobster Two', sans-serif !important;
	font-size:26px;
	position:relative;
	margin:.65em 0 0;
	font-weight:normal;
	font-style:italic;
	display:block;}

.subtag p {font-size:15px !important;
	margin-bottom:.5em;
	text-align:center;}

.hpbutton {	margin:1.57em .65em 0;
		background: url('http://sarahgoshman.com/wp-content/uploads/2013/04/hpbuttonbg.png');
		position:relative;
		float:left;
		display:block;
		box-shadow:1px 1px 2px #888888;
		border-radius:6px;
		border: solid .25px #dddddd;
}

.hpbutton:hover {box-shadow:1px 1px 3px #888888 inset ;
		border-radius:6px;
}

#hpbar hr {height:2px; color:#b005e7; background-color:#b005e7;}

.full_width .page {overflow:hidden}

#header_widget_1 {float:right;display:block;width:auto}

/* responsive layout elements -- added by Stu */

/* Minimum width of page em */
@media screen and (min-width: 600px) {
	.full_width .page {overflow:visible}
	.subtag p {font-size:16px !important;}
}


/*STYLES PORTFOLIO PAGES*/





.portfolio #content_area {

background: #A7C7D2;

border-top: 2px solid #3E839D;

}



.portfolio #content_box p{

font-size: 16px;

}



.portfolio #content_box a{

font-size: 16px;

}



.portfolio .post_box h3 {

font-size: 32px;

}



.portfolio .post_box h2{

font-weight: bold;

}



.portfolio .showtitle {

float:left;

margin:0px; 

padding:0 px; 

width:200px;

text-align:center;

font-size:16px;

font-weight:bold;

}



.portfolio .showinfo {

float:left;

margin:0px; 

padding:0 px; 

width:200px;

text-align:center;

}



.portfolio .showimage {

   border:3px solid #3E839D;

   float:left;

   width:175px;

   height:130px;

   margin:0 10px 0 10px;

   padding: 0 0 0 0;

}



.portfolio .format_text img.left, .format_text img.alignleft {

   margin: 0;

} 



.portfolio .techimage {

   border:3px solid #3E839D;

   float:left;

   width:175px;

   height:50px;

   margin:0 10px 0 10px;

   padding: 0 0 0 0;

}



.portfolio .format_text h2 {

line-height:1.5em;

}



.portfolio .format_text{

   padding-right:50px;

   padding-left:50px;

}