/*
Theme Name: Projectline Redux
Theme URI: http://projectlineinc.com
Description: Theme designed by Julia MacCracken for Projectline Services, Inc., summer 2009
Version: 0.2
Author: Corey C. Mahoney
Author URI: http://ampersandean.com
*/

/* 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,
	table, caption, tbody, tfoot, thead, tr, th, td {
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		font-size: 100%;
		vertical-align: baseline;
	}
	body { line-height: 1; }
	ol, ul { list-style: none; }
	blockquote, q { quotes: none; }
	
	/* remember to define focus styles! */
	:focus { outline: 0; }

	/* remember to highlight inserts somehow! */
	ins { text-decoration: none; }
	del { text-decoration: line-through; }

	/* tables still need 'cellspacing="0"' in the markup */
	table { border-collapse: collapse; border-spacing: 0; }
/* End reset */

/* defaults */
	/* base font is __ in Calibri */

	body {
		font-size: 100%;
		line-height: 1.4;
		font-family: Calibri, "Gill Sancs MT", Trebuchet, Geneva, sans-serif;
		width: 100%;
		text-align: center;
	}
	
	/* default h1 is Calibri: for use on all template pages */
	h1 {
		font-family: Calibri, "Gill Sancs MT", Trebuchet, Geneva, sans-serif;
		font-weight: normal;
		display: inline;
	}

	/* default h2 is bold Calibri in orange */
	h2 {
		font-family: Calibri, "Gill Sancs MT", Trebuchet, Geneva, sans-serif;
		color: rgb(227,111,30);
		font-weight: bold;
		padding: 1.2em 0 0.2em 0;
	}
	
	/* most headings not bold by default */
	h3, h4, h5, strong { font-weight: normal; }
	h3, h4 { padding: 1em 0 0.2em 0; }
	ul li { margin-left: 0; padding-left: 0; }

	
	/* by default, links will be grey with a bottom-border */
	a { text-decoration: none; color: rgb(105,106,108); }
	
	/* by default, links will turn orange on hover */
	a:hover, a:focus, a:active { text-decoration: none; color: rgb(227,111,30); }
/* end defaults */

	#container {
		margin: 0 auto;
		width: 960px;
		text-align: left;
	}

	/* typography */
	/* font exceptions: headers and nav text are in Century Gothic */
		.header ul li,
		.footer ul li,
		input #go2,
		.bottom h3,
		.footer { font-family: 'Century Gothic', Verdana, sans-serif; }

	/* exception: homepage h2 is Century Gothic in almost-white: for use on homepage orange block */
		.homewide h2 {
			font-family: 'Century Gothic',Verdana,sans-serif;
			color: rgb(253,253,253);
			background-color: rgb(227,111,30);
		}
		
	/* header, sidebar, and footer text is lowercase */
		.header,
		.sidebar,
		.footer,
		/* lower-space headings on homepage */
		.bottom h3,
		/* sidebar headings on contact us page */
		.contact h4,
		.contact dl.emails dt,
		/* the "subscribe" button in the blog sidebar */
		input#mc-embedded-subscribe { text-transform: lowercase; }

		
		.portfolio strong { font-weight: bold; }
		#midright a { font-style: italic; }
		
		/* font sizes, line-heights, and misc. */
			body.popout-content { font-size: 0.9em; }
			
			/* Default h1 should be 18px: 18/16=1.125 */
			h1 {
				font-size: 1.125em; 
				letter-spacing: 0.03em;
				position: relative;
				display: block;
				top: 0.7em;
				padding: 5px 20px 5px 20px;
				margin: 0 0.5em 1.5em 0;
				font-weight: bold;
			}
				.portfolio h1,	
				.summary h1 { color: #e36f1e; }
				.summary h1 { top: 2px; margin: 0; }

				/*
				Blog, service, and about pages' h1 is white text on orange or grey
				Text size should be 20.75px
				*/
				.blog h1,
				.service h1,
				.about h1 {
					display: inline;
					top: 2px;
					color: rgb(253,253,253);
					margin: 0;
					font-size: 1.296875em;
					font-weight: normal;
				}

					.about h1 {background-color: #696A6C; }
					.blog h1, .service h1 { background-color: #e36f1e; }
			
			/* h2 should be 15.5px */
			h2 { font-size: 0.96875em; }
			/* h2 on homepage should be 14.6px */
			.homewide h2 { font-size: 0.9125em; font-weight: 500; line-height: 1.6; }
			
			/* h3 should be 14.2667px */
			h3 { font-size: 0.89166875em; }
			
			h4 { font-size: 1.1em; }
			
			strong { font-size: 1.06em; }
			
			/* default paragraph and list text should be 13.8px: 13.8/16=0.8625 */
			p, li { font-size: 0.8625em; }
				li ul, li ul li, li ul li ul, li ul li ul li { font-size: 1em; }
				/* all footer text should be 11px: 11/13.8=0.78971 */
				.footer { font-size: 0.7971em; }
				
			
			/* blockquotes in righthand sidebar should be 15.7px: 15.7/16=0.98125 */
			blockquote { font-size: 0.98125em; }
				.quote { line-height: 1.6; }
				.att { font-size: 0.85em; line-height: 1.2; }
			
			.blog blockquote { font-size: 1em; }

			/* top nav list size should be 13px: 13/16=0.8125 */
			#topnav li { font-size: 0.8125em; }
				/* nested drop-down lists should all be 11.5px: 11.5/13=0.8846 */
				#topnav.dropdown ul  li { font-size: 0.8846em; line-height: 1.15; }
				#topnav.dropdown ul ul  li { font-size: 1em; }
				#topnav li a { line-height: 1.4; }
				#topnav ul li a { line-height: 1.1; }	
				
				input#s { font-size: 0.9em; }
				input#go2 { font-size: 1em; }
			
			
			/* should be 13px: 13/16=0.8125 */
			.contenttwo li, .contentthree li { font-size: 0.89166875em; line-height: 1.4; }

			/* sidebar */
			/* basic sidebar navigation should be 13.6px: 13.6/16=0.85 */
			.sidebar { font-size: 0.85em; }
				.sidebar ul li { font-size: 1em; margin: 7px 0 7px 0; }
				.sidebar .about { font-size: 1em; }
				.sidebar.blog ul li a { font-size: 1em; }
				.sidebar.contact dl.emails { font-size: 1em; }
				.sidebar .simple-form { font-size: 1.45em; }
				.sidebar .summary p { font-size: 1.1em; }
			
			/* bio list drop-down */
			#wide ul.dropdown li a { font-size:0.87em; }
			#wide .bio-search ul.dropdown li ul { font-size: 1em; }
			
			#wide .ddsg-wrapper ul { font-size: 1em; }
			#wide .footer ul li a { font-size: inherit; }
								
			/* midright text should be 13.3px: 13.3/16=0.83125 */
			#midright { font-size: 0.83125em; }
				#rightcontent.contact h4 { font-size: 1.1em; }
				#rightcontent .sm-links a { font-size: 1em; }

			
			/* postmetata should be 11.7px: 11.7/16=0.73125 */
			.postmetadata { font-size: 0.73125em; }
				/* blog post titles should be 15.4px: 15.4/11.7=~1.32 */
				.blog h2 a { font-size: 1.32em; }

			.homewide h2:hover { text-decoration: underline; }

			ul.archives select, ul.archives option {
				font-family: Calibri, "Gill Sans MT", Trebuchet, Geneva, sans-serif;
				font-size: 0.95em;
				text-transform: lowercase;
			}

	/* end typography */
	/* links */
		/* exceptions: in the header, sidebars, and footer, links have no border */
		.header a, .sidebar a, .footer a { text-transform: lowercase; border-bottom: none; }

		ul#topnav li span.search,
		ul#topnav li a,
		.sidebar a,
		.sidebar a:hover,
		#wide a,
		#wide a:hover,
		blockquote a:hover,
		.contentthree ul li a,
		.contentthree ul li a:hover,
		.footer ul li a { text-decoration: none; }

		#topnav a:hover,
		#rightcontent .sm-links a,
		.contact dl.emails dd a { text-decoration: underline; }

		#wide ul li a,
		#wide p a,
		#wide p strong a {
			border-bottom-width: 1px;
			border-bottom-style: solid;
		}

		#wide .footer ul li a { border-bottom-style: none; }
		#wide .bio-search ul.dropdown li ul li a { border-bottom: none; }
		ul#topnav a:active { border-style: none; }

	/* end links */

	/* images */
		.header img { float: left; margin: 0 10px 0 8px; }

			.midsectioncontainer {
				background: url(http://www.projectlineinc.com/wp/wp-content/uploads/computer-files-adding.jpg) no-repeat top left;
				height: 250px;
				width: 710px;
			}
			
			.bigpolaroid { display: block; text-align: center; width: 215px; }
				.midsectioncontainer .left { float: left; text-align: center; margin: 10px 17px 10px 0; }
				.midsectioncontainer .center { float: left; text-align: center; margin: 10px 15px 10px 10px; }
				.midsectioncontainer .right { float: left; text-align: center; margin: 10px 10px 10px 10px; }
			
			a.polaroidcaption {
				display: block; 
				font-family: "Segoe Print", "Marker Felt", "Century Gothic", Arial, sans-serif;
				font-size: 0.84em;
				font-weight: bold;
				position: relative;
		 		margin: 0 5px 5px 5px;
				padding: 218px 10px 40px 10px;
			}

		/* services page polaroids */
			.subpolaroid {
				float: left;
				background: url(http://www.projectlineinc.com/wp/wp-content/themes/projectline-09/images/drop-shadow-small-darker.jpg) no-repeat bottom right;
				margin: 1em -10px 1em 15px;
			}
			img.polaroid2 {
				display: block;
		  		position: relative;
		 		margin: -4px 4px 4px -4px;
		 		padding: 9px;
		 	}

	 	img.right { float: right; margin-left: 10px; }

		.bioframe {
			float: left;
			background: url(http://www.projectlineinc.com/wp/wp-content/themes/projectline-09/images/Team-page-frame.jpg) no-repeat bottom right;
			margin: 15px 8px 0 8px;
		}
		img.biopic { padding: 22px; margin: -11px -3px 11px 4px; }
		
		.bioframe-thumbnail {
			float: left;
			background: url(http://www.projectlineinc.com/wp/wp-content/themes/projectline-09/images/blog-page-frame.jpg) no-repeat bottom right;
			margin: 2px 10px 0 12px;
		}
		img.blogpic { padding: 12px; margin: -4px -2px 5px 2px; }
		
	/* end images */

/* layout and misc. */
	/* things that drop down */		
		
		/* drop-down list of names on "team" page */
		.bio-search {
			position: relative;
			top: -314px;
			left: 570px;
			width: 190px;
			height: 18px;
		}

		#wide .bio-search ul.dropdown { margin: 0; padding: 0; }
			#wide .bio-search ul.dropdown li { list-style: none outside none; margin-left: 0; }
			#wide .bio-search ul.dropdown a.dropdown-names {
				display: block;
				background: url(http://www.projectlineinc.com/wp/wp-content/themes/projectline-09/images/arrow.gif) no-repeat center right;
				border-bottom: none;
			}
			#wide .bio-search ul.dropdown li ul {
				visibility: hidden;
				position: relative;
				left: 55px;
				top: 0px;
				padding-left: 15px;
			}

			#wide .bio-search ul.dropdown li:hover > ul { visibility: visible; }
			#wide .bio-search ul.dropdown li ul li a { padding: 1px 0 1px 0; }

	/* that is all of the things that drop down */

/* Styles header for all pages */
	.header {
		clear: both;
		margin-top: 9px;
		width: 960px;
		height: 100px;
	}
		/* header drop-down */
		#topnav.dropdown-horizontal { float: right; width: auto; }

		ul#topnav {
			float: left;
			margin: 0 auto;
			padding: 0;
			width: auto; 
			list-style: none;
		}
	
		ul#topnav li { float: left; }
			ul#topnav.dropdown li.hover,
			ul#topnav.dropdown li:hover { position: relative; cursor: default; }
				ul#topnav.dropdown li:hover > ul { visibility: visible; }
			
		ul#topnav li a { display: inline; padding: 16px 10px 5px 10px; }

		ul#topnav.dropdown ul {
			visibility: hidden;
			position: absolute;
			top: 100%;
			left: 0;
			z-index: 598;
			width: 225px;
		}

			ul#topnav.dropdown ul ul {
				visibility: hidden;
				position: absolute;
				top: -1px;
				left: 213px;
				z-index: 598;
				width: 220px;
			}

			ul#topnav ul li { float: none; width: auto; padding: 3px 0 3px 0; }
				ul#topnav ul li a { padding: 5px 10px 5px 10px; }
				ul#topnav.dropdown ul li.last { border-bottom: none; }

		/* Styles Search field & button */
			li form.searchform { width: 185px;	height: 18px; }
			li span.search { display: inline; padding: 0 4px 0 10px; }
			input#s {	width: 100px; height: 12px; }
			input#go2 { border: 0 solid white; margin-bottom: -4px; }
	/* end header styling */
		
	/* footer */
	.footer { clear: both; text-align: center; padding-top: 12px; }
		.footer ul { text-align: center; padding-top: 8px; }
		.footer ul li { display: inline; }
			.footer ul li a { padding: 10px; }
		.footer dl { text-align: center; }
			.footer dt { display: inline; padding: 0 2px 0 5px; }
			.footer dd { display: inline; padding: 0 5px 0 2px; }

			
	/* Main content space on template pages */
	#wide {
		margin-left: 200px;
		margin-right: 0;
		border-left-width: 2px;
		border-left-style: solid;
		border-top-width: 2px;
		border-top-style: solid;
		min-height: 400px;
	}

		#wide p, #wide ul, #wide ol, #wide h2, #wide h3, #wide h4 { padding-left: 20px; padding-right: 1em; }

		#wide h2 a { border-bottom-width: 1px; border-bottom-style: solid; }
		#wide p { margin: 1em 0 0.1em 0; }
		#wide ul { margin: 0.8em 0 0 3em; padding-left: 10px;}
			#wide ul.sentences { margin: 0.8em 0 0 1.2em; }
			#wide ul.sentences li { margin: 0.2em 0 0.2em 0.5em; }

			#wide ul li {
				list-style-image: url(http://www.projectlineinc.com/wp/wp-content/themes/projectline-09/images/bullet-on-white.gif);
				list-style-position: outside;
			}

		#wide.about.nogrey { background: none; }

			#midcontent { position: relative; margin: 0 270px 10px 0; }
			#inner-wrapper { margin: 20px 20px 10px 10px; }

	/* blog(s) */
	.blog .entry { padding-bottom: 1em; min-height: 360px; }
	.blog.entry { padding-bottom: 1em; }

	.blog h2 a { border-bottom: 0 white none; }
	#wide.blog .entry p.postmetadata { margin-top: 0; padding-top: 0; }
	.navigation { margin: 0.5em 0 0 0.1em; }

	.cloud { margin-left: 16px; margin-bottom: 30px; }
	.blog .searchform { margin: 0 0 30px 0; }
	.entry .edit { padding-left: 20px; }

	.blog .entry blockquote { margin: 10px 0 10px 50px; }

	.video { width: 330; float: right; margin-left: 10px;}

	.postmetadata { position: relative; margin: 1em 0 0 0; }
	.metapic { min-height: 70px; }
	.postmetadata h2 { padding: 0 0 0 0; }
	.postmetabottom { clear: right; padding-top: 1em; }

	img.button { margin: 5px 15px 0 8px; }
	input.button {
		font-family: Calibri, Verdana, Arial, sans-serif !important;
		width: auto;
		float: right; 
		margin: 0 20px 0 8px;
		padding: 0 5px !important;
		background-color: #e36f1e;
		color: white !important;
		letter-spacing: 1px !important;
	}
	a.rssicon, a:link.rssicon { border-bottom: 0 none white; }
	a.rssicon img { margin: 3px 0 -3px 0; }

	/* sharethis widget */
	#wide p.share a.stbutton { border-bottom-style: none; }
	#wide .entry p.share { display: block; }
	#wide #midcontent p.share { float: right; }

	input#mce-EMAIL { margin: -2px 2px 6px 2px; }
	input#mc-embedded-subscribe { margin: 2px 3px 2px 0; padding: 1px; }

	#wide .navigation { position: relative; height: 40px; }
	#wide .navigation .alignleft { float: left; margin: 0 0 0 20px; }
	#wide .navigation .alignright { float: right; margin: 0 20px 0 0; }

	/* sidebar */
			.sidebar .service ul li.first,
			.sidebar .current_page_item a,
			.sidebar a.current_page_item,
			.sidebar h4.opengroup a,
			.sidebar h4 a:hover,
			.sidebar .about ul a:hover{ color: rgb(227,111,30); }
			
			.sidebar .service ul li ul,
			.sidebar ul li a,
			.sidebar.blog h4,
			.sidebar .contact dl.emails dd a { color: black; }

			.sidebar h4 a,
			.sidebar .blog a.contrast:hover { color: #696a6c; }
			
			.sidebar.blog { margin: 40px 10px 0 0; width: 185px; }

			.sidebar.blog fieldset { text-align: right; }

			.sidebar .contact dl.emails dt { padding: 10px 0 0 0; color: rgb(227,111,30); }
			.sidebar .simple-form { text-transform: none; margin: -30px 30px 20px 0; text-align: right; }

			
			.sidebar.blog li.widget { border-top: 3px #f2f2f2 solid; }
			.sidebar.blog ul.archives li { margin: 0; line-height: 1.1; }
				ul.archives select { height: 1.5em; }
			.sidebar.blog a:hover,
			.sidebar.blog a.contrast,
			.sidebar.blog a.contrast:link  { color: rgb(227,111,30); }
			
			
	.sidebar {
		float: left;
		width: 200px;
		margin-top: 40px;
		margin-left: 0;
	}
		.sidebar h4 { padding: 10px 0 10px 0; }
		.sidebar ul { margin: 0 6px 0 0; list-style: none outside none; }
		.sidebar ul ul { margin: 0 6px 0 16px; }
		
		.sidebar .about { text-align: right; width: 130px; }
		.sidebar .summary {
			margin: 40% 40px 2em 0;
			text-transform: none;
			color: #696a6c;
			text-align: right;
		}
		.sidebar .summary a { text-decoration: underline; }
		
	/* right sidebar */
	#rightcontent {
		float: right;
		width: 240px;
		text-align: center;
	}
	
	.summary #rightcontent { text-align: right;	}

		#rightcontent blockquote { position: relative; margin: 2em 1.2em 2em 0; }
			blockquote a { padding: 0.5em; }
			.quote {
				display: block;
				text-align: left;
				margin-bottom: 0.2em;
				margin-right: 0.5em;
			}
			.att {
				display: block;
				margin-left: 5em;
				text-align: right;
			}

		#midright { position: relative; margin: 13px 40px 24px 18px; }
		#midright h5 { display: block; font-weight: normal; text-align: left; }
		#midright a { display: block; text-align: right; }

	/* Fixes float overflow issue */
	.clearfix:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}

	/* homepage layout */
		.homewide { margin-left: 7px; width: 710px; }
			.homewide h2 { padding: 16px 16px 16px 20px; min-height: 46px; }
			.midsectioncontainer { height: 295px; }
			.bottom { width: 710px; padding: 5px 0 65px 0; }
				.bottom h3 { padding: 14px 10px 12px 16px; }
			.contenttwo { float: left; width: 470px; }
				.contenttwo .list { padding: 0 0 7px 35px; }
				.contenttwo ul { margin-left: 0; padding: 0 10px 0px 0; vertical-align: middle; }	
				.contenttwo li, .contentthree li {
					list-style-image: url(http://www.projectlineinc.com/wp/wp-content/themes/projectline-09/images/bullet-on-grey.gif);
					padding: 2px 5px 2px 0;
				}
			.contentthree { margin-left: 457px; }
				.contentthree .servicelist { padding: 0 8px 10px 35px; }

		/* Flash element */
		#rightcontent.home { position: relative; top: 85px; right: 0px; left: 8px; }

	/* team page */

		#post-11.post p { margin-right: 80px; }

		.person { min-height: 160px; }
		#biosList .person p { margin-top: 2px; margin-left: 140px; margin-right: 93px; }

	/* Contact pages and forms */
	
		body.popout-content { width: 500px; height: 500px; text-align: left; }
		body.popout-contact { width: auto; height: auto; text-align: left; }

		#rightcontent.contact { text-align: left; margin-top: 5px; }
			#rightcontent.contact h4 { padding: 20px 0 5px 0; }
			#rightcontent.contact p { padding: 0 20px 5px 0; margin: 0 0 0 0; }
		#rightcontent .sm-links a { display: block; }

		#midcontent .ddfmwrap { position: absolute; top: 60px; }
		form.contact { margin: 20px 5px 10px 20px; }
			#wide form.contact ul { margin: 0 0 0 0; list-style: none; }
			#gforms_confirmation_message { margin: 0 0 0 0; }
			.gform_wrapper .top_label  label.gfield_label {
				font-family: "Century Gothic", Verdana, Arial, sans-serif;
				font-weight: normal;
				margin: 10px 0 0 0;
			}
			.gform_wrapper .ginput_container { display: inline; margin: 0 0 5px 15px; }
			.gform_wrapper .ginput_complex { display: block; }
			#wide form.rightside-download-form ul.gform_fields { margin: 30px 5px 10px 0; }
			.summary .gform_wrapper form { text-align: right; }


	/* Sitemap */
		#wide .ddsg-wrapper ul { margin: 30px 0 0.1em 50px; }
		#wide .ddsg-wrapper ul ul { margin: 0.1em 0 0.1em 1em; }

/* end layout */

/* colors */

	/* things that are white */

		.dropdown ul,
		.dropdown ul ul,
		input#go2,
		.bio-search ul.dropdown li ul,
		.midsectioncontainer,
		#gforms_confirmation_message { background-color: white; }

	/* things that are light grey */
		.bottom { background-color: #e6e6e6; }
		body.popout-content { background-color: #f2f2f2; }
		input#mc-embedded-subscribe, input#mce-EMAIL { background-color: #f2f2f2; }

		.blog .entry, .blog.entry { border-bottom: 3px #f2f2f2 dotted; }
		.blog .entry blockquote { border-left: none; }

	/*things that are dark grey */
		#wide p a,
		input#go2,
		ul#topnav li span.search,
		ul#topnav li a,
		#wide ul li a,
		.bottom h3,
		input#mc-embedded-subscribe,
		#wide .bio-search ul.dropdown a.dropdown-names { color: #696a6c; }		
		
		
		#wide.about, #wide.summary { border-color: #696a6c; }

		input#mc-embedded-subscribe, input#mce-EMAIL { border: 1px #696A6C solid; }

		ul.archives select { border: 1px #696A6C solid; }


	/* things that are orange */
		.homewide { border-right: 2px #e36f1e solid; }

		#wide.blog,
		#wide.service,
		#wide.portfolio { border-color: #e36f1e; }

		
		.homewide h2	 { background-color: #e36f1e; }

		input#s { border: 1px solid #e36f1e; }

		
		h3,
		h4,
		strong,
		#wide h3 a,
		ul#topnav,
		ul#topnav li,
		.entry .edit a,
		blockquote,
		blockquote a,
		.blog h2 a,
		#wide h2 a,
		#wide p strong a,
		.footer dl,
		.navigation a,
		#midcontent p a:hover,
		.footer ul li a:hover,
		.contentthree ul li a:hover,
		ul.dropdown#topnav a:hover,
		#rightcontent .sm-links a:hover,
		#wide ul li a:hover { color: #e36f1e; }

	/* that one thing that's green */
		#midright a { color: #B2BB1E; }

	/* things that are black */
		.blog .entry,
		#midcontent p strong a:hover,
		#wide h2 a:hover,
		.contentthree ul li a,
		.footer dt,
		.footer dd,
		.footer ul li a,
		#rightcontent .sm-links a,
		.blog .entry blockquote { color: black; }

	/* background image */
	#wide.service, #wide.about, #wide.portfolio, #wide.summary {
	background: white url(http://www.projectlineinc.com/wp/wp-content/themes/projectline-09/images/widebackground.png) repeat-y 50% 0;
	}
/* end colors */