/*
Theme Name: Pirata London
Theme URI: http://www.piratalondon.com
Description: Custom WordPress theme used on piratalondon.com
Author: Pirata London
Author URI: http://piratalondon.com/
Built by: Michael Allanson
*/

/* =0 Eric Meyer css reset - modify as necessary
-------------------------------------------------------------------*/
		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;
			background: transparent;
		}
		
		body {
			line-height: 1;
		}
		
		ol, ul {
			list-style: none;
		}
		
		blockquote, q {
			quotes: none;
		}
		
		blockquote:before, blockquote:after,
		q:before, q:after {
			content: '';
		}

		/* 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;
		}


/* =1 html elements
-------------------------------------------------------------------*/
		html {
			height : 100.1%; /* force vert scroll bars */
		}


		body {
			background: #000 url('images/bg_page_tile.gif') repeat-y top center;
			color: #609797;
			text-shadow: #609797 0 0 0; /* text-shadow of 0 improves font weight on Safari */
			font: 62.5%/1.25 georgia, serif; /* reset 1em to 10px */
		}


		/*
		 * headings
		 */
				h1 {
					background: transparent url('images/header_h1_pirata.png') no-repeat 0 0;
					text-indent: -99999px;
				}
				
				h1 a {
					display: block;
					width: 366px;
					height: 48px;
				}
				
				h1 span {
					font-weight: bold;
				}
				
				h2 {
					background: transparent url('images/header_h2_gorgeousness.png') no-repeat 0 0;
					width: 86em;
					height: 3.9em;
					text-indent: -99999px;
				}
				
				h2 a {
					display: block;
					width: 851px;
					height: 39px;
					
				}
				
				h3 {
					margin-bottom: 1em;
				}
				
				h3 a {
					font-size: 1.9em;
					letter-spacing: 0.05em;
					font-weight: normal;
				}
				
				h4 {
					font-size: 1.6em;
					margin-bottom: 1.3em;
					color: #76b8b8;
					text-shadow: #76b8b8 0 0 0;
					font-weight: normal;
				}


		/*
		 * lists
		 */
				li {
					color: #466E6E;
					list-style-type: disc;
					margin-left: 1em;
				}


		/*
		 * text
		 */
				p {
					font-family: helvetica, arial, sans-serif;
					font-size: 1.1em;
					letter-spacing: 0.04em;
					line-height: 1.6em;
				}


		/*
		 * links
		 */
		 		a {
					color: #466E6E;
					text-shadow: #466E6E 0 0 0;
				}

				a:hover,
				a:active, 
				a:focus {
					color: #76B8B8;
					text-shadow: #76B8B8 0 0 0;
					text-decoration: none;
				}


		/*
		 * misc
		 */


/* =1 global classes
-------------------------------------------------------------------*/
		/* print styles */
		.printonly { display: none !important; }

		/*
		* clearfix - fixes float clearing issues
		*/
				/* Gecko-based browsers */
				 .clearfix:after {
					content: "."; 
					display: block; 
					height: 0px; 
					clear: both; 
					visibility: hidden;
				}


				/*
				 * ul --> change | into | horizontal | navigation | links
				 */
						ul.horiznavlist { }

						/* float selected element and all other links */
						ul.horiznavlist li {
							display : block;
							float : left;
							padding : 0px 6px 0px 0px;
							background : none;
							margin-left: 0;
						}

						/* remove left padding from first item in a list */
						ul.horiznavlist li.first {
							padding-left : 0px !important;
						}

						/* remove right padding from last item in a list */
						ul.horiznavlist li.last {
							padding-right : 0px !important;
							border-right : 0px !important;
						}



/* =2 global ids / areas
-------------------------------------------------------------------*/
		/*
		 * Jump links - accessibility friendly links at the top of every page
		 */
				a#skip {
					position:absolute;
					left:-10000px;
					top:auto;
					width:1px;
					height:1px;
					overflow:hidden;
				}
 
				a:focus#skip {
					position:static;
					left: 0;
					width:auto;
					height:auto;
					padding: 1em;
					font-size: 1.2em;
				} 
		/*
		 * wrapper
		 */
				#wrapper {
					max-width: 1240px;
					margin: 0 auto;
					position: relative;
				}

		/*
		 * header
		 */
				#header {
					width: 95.5em;
					margin: 0 auto;
					padding: 2.3em 0 2.7em;
				}
				
				/* primary navigation */
					#nav_primary {
						float: left;
						margin: 1.6em 0 0 4.3em; /* extra left margin so we can put a negative margin on each 'a' tag*/
					}
				
					#nav_primary a {
						float: left;
						width: 132px;
						height: 133px;
						text-indent: -99999px;
						background: transparent url('images/nav_pirata.png') no-repeat left bottom;
						margin-left: -3.3em;
					}
					
					#nav_primary #nav_team a {
						background-image: url('images/nav_team.png');
					}
					
					#nav_primary #nav_work a {
						background-image: url('images/nav_work.png');
					}
					
					#nav_primary #nav_contact a {
						background-image: url('images/nav_contact.png');
					}
					
					#nav_primary #nav_pirata a:hover,
					#nav_primary #nav_team a:hover,
					#nav_primary #nav_work a:hover,
					#nav_primary #nav_contact a:hover,
					#pirata #nav_primary #nav_pirata a,
					#team #nav_primary #nav_team a,
					#work #nav_primary #nav_work a,
					#articlework #nav_primary #nav_work a,
					#contact #nav_primary #nav_contact a {
						background-position: left top;
					}

				/* secondary navigation */
					#nav_secondary {
						font-style: italic;
						float: left;
						margin: 6.5em 0 0 20.2em;
						/*
						- darker version
						color: #203232;
						text-shadow: #203232 0 0 0;*/
						color: #293d3c;
						text-shadow: #293d3c 0 0 0;	
					}
					
					#nav_secondary li {
						padding-right: 0.4em;
						margin-left: 0;
					}
					
					#nav_secondary p,
					#nav_secondary li a,
					#skip a {
						font-family: georgia, serif;
						font-size: 1.4em;
						line-height: 1.25;
					}
					
					#nav_secondary p.speak-to-us {
						padding-top: 29px;
					}

					#nav_secondary li a,
					#skip a {
						color: #293d3c;
						text-shadow: #293d3c 0 0 0;
						background: transparent url('images/nav_secondary_bullet.gif') no-repeat right bottom;
						padding-right: 0.4em;
					}
					
					#nav_secondary li.last a,
					#skip a {
						background: none;
					}

					#nav_secondary li a:hover,
					#nav_secondary li a:active, 
					#nav_secondary li a:focus {
						color: #293d3c;
						text-shadow: #293d3c 0 0 0;
					}

		/*
		 * content
		 */
				#content {
				}


				/* articles */
					#content .article_container {
						background: transparent url('images/article_bg_01.png') repeat center top;
						padding: 2em 0;
					}
					
					

					#content .article_content {
						width: 91.5em;
						margin: 0 auto;
						background: transparent url('images/bg_opacity_dark.png') repeat 0 0;
						position: relative;
					}
					
					
					
					#content .article_content div,
					#content .article_content img {
						float: left;
					}

					#content .article_content img {
						margin-right: 1.9em;
					}
					
					

					#content .article_content .article_text_container {
						width: 25em;
						margin: 1.5em 0 0 0;
						position: relative;
					}
					
					#content .article_content .article_text_container p,
					#article .article_text p,
					#work .article_text p,
					#articlework .article_text p  {
						margin-bottom: 0.9em;
					}

					#content .article_content .article_text_container h3 {
						clear: both;
					}

					#content .article_content .article_text_container h3 a {
						color: #899760;
					}


					#content .article_content .article_text_container h3 a:hover {
						color: #899760;
					}

					#content .article_content .date {
						font-size: 1.1em;
						font-family: georgia, serif;
						background: transparent url('images/article_date_fill.png') repeat 0 0;
						padding: 0 0.3em;
						margin-bottom: 1.1em;
						height: 21px;
						float: left;
					}

					#content .article_content .date_left,	
					#content .article_content .date_right {
						background: none;
						margin: 0;
						padding: 0;
					}
					
					#content .article_content .date_right {
						margin-right: 16em;
					}

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

					#content h3 a:hover {
						text-decoration: none;
					}
					
					#content .prev_next {
						position: absolute;
						bottom: 15px;
						left: 639px;
					}
					
					#content .prev_next a {
						float: left;
						width: 7em;
						height: 69px;
						text-indent: -99999px;
						background: transparent url('images/blog_article_prev.png') no-repeat left bottom;
						margin-right: -2em;
					}
					
					#content .prev_next .next a {
						background-image: url('images/blog_article_next.png');
						margin-right: -0.7em;;
					}
					
					#content .prev_next a:hover {
						background-position: left top;
					}
					
				/* sec content */
					#content .sec_content { 
						margin:0 auto;
						width:91.5em;
					}
					
					.sec_content_container {
						margin-bottom: 2em;
					}

		/*
		 * footer
		 */
				#footer_container {
					padding-bottom: 2em;
				}

				.copyright {
					padding: 3em 0;
				}
				
				#home .copyright,
				#work .copyright {
					border-top: 1px solid #101717;
				}

				.copyright p {
					width: 915px;
					margin: 0 auto;
					font-style: italic;
					font-family: georgia, serif;
					color: #203232;
					text-shadow: #203232 0 0 0;
				}

				#footer {
					margin: 0 auto;
					width:91.5em;
				}

				#footer div,
				#team .footer_team .article_image_container,
				#team .footer_team .article_text_container,
				.sec_content div {
					float: left;
					width: 30.2em;
					margin-right: 2em;
					font-size: 1em;
				}
				
				#footer_container div p,
				.sec_content div p,
				#footer_container div ul,
				.sec_content div ul {
					font-size: 1.2em;
					font-weight: lighter;
					line-height: 1.25;
					margin-bottom: 1.8em;
				}
				
				#footer_container div ul,
				.sec_content div ul {
					font-family: helvetica, arial, sans-serif;
				}


/* = page specific styles
-------------------------------------------------------------------*/	
		/*
		 * blog article page
		 */
				#article #content,
				#articlework #content {
					background: transparent url('images/article_bg_bar.png') no-repeat left top;
					padding-top: 10px;
				}

				#article .post,
				#articlework .post {
					background: transparent url('images/article_bg_line_bottom.gif') repeat-x left bottom;
				}

				#article .article_container,
				#articlework .article_container {
					padding-top: 3em;
					background: transparent url('images/article_bg_line_top.gif') repeat-x left top;
				}

				#article #centering_wrapper,
				#articlework #centering_wrapper {
					margin:0 auto;
					width:91.5em;
				}

				#article .article_images,
				#article .article_content,
				#articlework .article_images,
				#articlework .article_content {
					float: left;
				}
				
				

				#article .article_content,
				#articlework .article_content  {
					background: none;
					width: 25em;
					margin-left: 0;
				}

				#article .article_images,
				#articlework .article_images {
					width: 645px;
				}
				
				.article_images img {
					display: block;
					margin-bottom: 1px;
				}
				
				

				#article h3,
				#articlework h3 {
					font-size: 3em;
					font-weight: normal;
					color: #899760;
					text-shadow: #899760 0 0 0;
					margin-top: -0.2em;
					min-height: 70px;
				}
					
				#article div.article_text,
				#articlework div.article_text {
					float: none;
					margin-bottom: 2em;
					color: #334f4f;
					text-shadow: #334f4f 0 0 0;
				}
				
				
				#article .btn_back,
				#articlework .btn_back {
					display: block;
					width: 78px;
					height: 21px;
					background: transparent url('images/article_btn_back.gif') no-repeat left top;
					text-indent: -99999px;
				}

				#article #footer_container,
				#articlework #footer_container {
					background: none;
					padding: 0;
				}

				#article .copyright,
				#articlework .copyright {
					border-top: none;
				}

		/*
		 * (about) pirata page
		 */
		 
		 
		 		#pirata .article_container {
					background-image: url('images/pirata_about_bg.png');
				}
		 
		 		#pirata #content .article_container {
					background-image: url('images/about_header_background.jpg');
				}
		 
				
		
				#pirata h3,
				#team h3,
				#contact h3, 
				#work .work_first h3 {
					font-size: 2.6em;
					font-weight: normal;
					color: #609797;
					text-shadow: #609797 0 0 0;
					margin-bottom: 0.45em;
				}
		
				#pirata #footer_container,
				#team #footer_container,
				#contact #footer_container,
				.sec_content_container {
					margin-top: 2em; 
					padding: 1.7em 0 0 0;
					color: #609797;
					text-shadow: #609797 0 0 0;
					background: none;
					border-top: solid 1px #101717;
					border-bottom: solid 1px #101717;
				}
				
				#footer_container p,
				.sec_content p,
				#team #footer_container h5 {
					color: #466e6e;
					text-shadow: #466e6e 0 0 0;
				}

		/*
		 * contact page
		 */
				#contact .article_container {
					background-image: url('images/contact_map_new_bg.jpg');
				}

				#contact .vcard .org {
					display: none;
				}

				#contact h3 {
					font-size: 3em;
				}
				
				#contact h3 a {
					font-size: 1em;
				}

				#contact .article_content .article_text_container h3 a {
					color: #609797;
					text-shadow: #609797 0 0 0;
				}

				#contact .article_content .article_text_container h3 a:hover {
					color: #609797;
					text-shadow: #609797 0 0 0;
				}


				/* map */
					.has_js #contact #gmap {
						width: 62.5em;
						height: 37em;
					}
					
					#contact .article_content img {
						margin-right: 0; /* apply this to gmap_wrapper instead */
					}

					#contact #gmap_wrapper {
						position: relative;
						margin-right: 1.9em;
					}
					
					
					
		/*
		* work page
		*/
		
		
				#work #content .article_container {
					background-image: url('images/work_header_background.jpg');
				}
		
		

		/*
		 * team page
		 */
		 		
		 		#team #content .article_container {
					background-image: url('images/team_header_background.png');
				}
		 
				#team .footer_team {
					border-top: solid 1px #101717;
				}
				
				#team .footer_team .article_content {
					width: 91.5em;
					margin: 0 auto;
					padding: 2em 0 0;
				}
				
				#team .footer_team .article_image_container img {
					margin-bottom: 2em;
				}
				
				#team .footer_team .article_image_container a {
					color: #263a3a;
					text-shadow: #263a3a 0 0 0;
				}
				
				#team .footer_team .article_image_container a:hover,
				#team .footer_team .article_image_container a:active,
				#team .footer_team .article_image_container a:focus {
					color: #466E6E;
					text-shadow: #466E6E 0 0 0;
				}
				
				#team .footer_team .article_text_container {
					position: relative;
				}
				
				#team .footer_team h4 {
					margin: -0.2em 0 0 0;
					padding: 0;
				}
				
				#team .footer_team h5 {
					font-size: 1.2em;
					font-weight: normal;
					font-style: italic;
					margin-bottom: 25px;
				}
				
				#team .top {
					position: absolute;
					bottom: 2em;
					left: -90px;
					width: 69px;
					height: 69px;
					text-indent: -99999px;
					background: transparent url('images/team_top.png') no-repeat left bottom;
				}
				
				#team .top:hover {
					background-position: left top;
				}
				
				.pagination {
					width: 91.5em;
					margin: 2em auto 0;
				}
				
				.pagination div {
					font-size: 1.1em;
					font-style: italic;
				}

				.pagination .older {
					float: left;
				}

				.pagination .newer {
					float: right;
				}