﻿/*
Theme Name:		Showgal
Theme URI:		http://www.lucymisch.com/
Description:	Showgal by <a href="http://www.poleexercise.co.uk/">Pole Exercise</a>.  Made just for Lucy...  
Version:		1.1
Author:			Andrew Weeks
Author URI:		http://www.poleexercise.co.uk/
Tags:			grunge, white, red, fixed width, 2 columns, right sidebar, jquery
*/

	/* Global */

	* { padding: 0; margin: 0; }
	
	html { background: #000 url("images/header.jpg") 50% 10px no-repeat; }
	
	body { font: 62.5% Lucida Grande, Lucida Sans Unicode, Arial, Sans-Serif; background: transparent url("images/footer.jpg") 50% 100% no-repeat; }
	
	a { color: #be0101; text-decoration: none; }
	
		a:visited { color: #873939; } 
	
		a:hover { text-decoration: none; color: #fff; background-color: #be0101; }
		
			a:visited:hover { color: #fff; }
		
	textarea { font: 1em Lucida Grande, Lucida Sans Unicode, Arial, Sans-Serif; background-color: #fff; color: #443a3a; }

	abbr, acronym { border-bottom: 1px dotted; cursor: help; }
	
	code, tt { color: #ccc; font: 0.9em Lucida Console, Monaco, Courier New, Courier, monospace; }
	
	.Clear { height: 1px; margin: 0; clear: both; }
			

	/* Frame */

	.Frame { margin: 491px auto 0 auto; padding: 10px 40px 0 40px; width: 770px; background: #fff url("images/menu.jpg") no-repeat 0 0; }
	
	
	/* Menu */
	
	.Menu { border-bottom: solid 2px #000; height: 60px; padding: 10px 0; }
	
		.Menu li { float: left; display: block; list-style-type: none; margin-top: 2px; }
		
		.Menu a, .Menu a:visited { display: block; padding: 8px 17px 12px 17px; border: solid 3px transparent; color: #443a3a; font: 1.9em Lucida Grande, Lucida Sans Unicode, Arial, Sans-Serif; text-transform: lowercase; letter-spacing: 0.02em; }
		
			.Menu a:hover { color: #be0101; border-color: #be0101; background-color: transparent; border-radius: 30px; -moz-border-radius: 30px; -webkit-border-radius: 30px; }
		
			.Menu a.Current { text-decoration: underline; }

			.Menu li#rss { float: right; margin-right: 0px; }
			
				.Menu li#rss a { width: 49px; height: 49px; background: url("images/rss.png") 0 0 no-repeat; padding: 0; border: none; text-indent: -2000px; }
			
					.Menu li#rss a:hover { background-position: -49px 0; }
					
					.Menu li#rss a:focus { outline-style: none; }


	/* Content */

	.ContentFrame { font-size: 1.3em; }
	
		.Content { margin: 0 20px; float: left; width: 500px; color: #443a3a; line-height: 1.8em; letter-spacing: 0.05em; }
		
			.Content.Wide, .Content.Home { width: 730px; }
		
			.Entry { padding: 2em 0 2em 0; position: relative; background: transparent url("images/sep.png") no-repeat bottom center; }
			
				.Entry.Header { padding-bottom: 0; margin-bottom: -1.5em; background: none; }
				
				.Content.Home .Entry { background: none; padding-bottom: 1em; }


			.Content h1, .Content h2, .Content h3, .Comment .CommentAuthor { font-family: Lucida Grande, Lucida Sans Unicode, Arial, Sans-Serif; font-weight: normal; color: #766868; line-height: 1.1em; position: relative; letter-spacing: 0.01em; }
			
				.Content h1 a, .Content h2 a, .Content h3 a, .Comment .CommentAuthor a, .Content h1 a:visited, .Content h2 a:visited, .Content h3 a:visited, .Comment .CommentAuthor a:visited { color: #766868; font-weight: normal; }
				
					.Content h1 a:hover, .Content h2 a:hover, .Content h3 a:hover, .Comment .CommentAuthor a:hover { color: #be0101; background-color: transparent; }

			.Content h1 { font-size: 1.7em; margin: 1.0em 0 0.5em 0; }
			
			.Content h2 { font-size: 1.4em; margin: 1.0em 0 0.25em 0; }
			
			.Content h3 { font-size: 1.2em; margin: 0.75em 0 0.25em 0; }
			
			.Content h4 { font-size: 1.0em; margin: 0.25em 0 0 0; color: #be0101; }
			

			.Content p { margin: 0 0 1.5em 0; }
			
			.Content ul, .Content ol { padding-left: 15px; margin: 0 0 1.5em 0; }
			
			.Content ul { list-style-type: square; }
			
			.Content ul ul, .Content ul ol, .Content ol ul, .Content ol ol { margin: 0.25em 0 0.25em 0; }
			
				.Content li { margin: 0 0 0.05em 0; padding-left: 10px; }
				
					.Content ul.Paras li, .Content ol.Paras li { margin-bottom: 1.0em; }
					
					.Content blockquote, .Comment blockquote { background: none; border-left: solid 2px #000; padding: 0 0 0 20px; min-height: 0; }
					
			.Content pre { color: #ccc; margin: 0 0 1.5em 0; font: 0.9em Lucida Console, Monaco, Courier New, Courier, monospace; overflow: auto; clear: both; padding: 15px; background: #fafafa url("images/pre.png") 0 0 no-repeat; }

			.Content img.Border, .Content img.size-thumbnail, .Content img.size-full, .Content img.size-medium { padding: 5px; border: solid 1px #ccc; margin: 0.5em 15px 0.5em 0; display: block; }
			
				.Content a img { border: none; }

					.Content a:hover img.Border, .Content a:hover img.size-thumbnail, .Content a:hover img.size-full, .Content a:hover img.size-medium { border-color: #be0101; background-color: #fff; }
					
			.Content img { max-width: 500px; }
			
			.Content img.Left, .Content img.alignleft, .Content .wp-caption.Left, .Content .wp-caption.alignleft { margin: 0.5em 30px 0.5em 0; float: left; clear: left; }
			
			.Content img.Right, .Content img.alignright, .Content .wp-caption.Right, .Content .wp-caption.alignright { margin: 0.5em 0 0.5em 30px; float: right; clear: right; }
			
			.Content img.Center, .Content img.centered, .Content img.aligncenter, .Content .wp-caption.Center, .Content .wpcaption.centered, .Content .wp-caption.aligncenter { display: block; margin: 0 auto 1.5em auto; float: none; clear: both; }
			
			.Content img.Off { padding: 0 !important; border: none !important; }
			
			.Content .wp-caption-text { font-style: italic; color: #aeaeae; }
			
			.Content object[id*="player"] { margin-bottom: 1.5em; }
			
			.Content .MultiPage .PageLink { padding: 0.1em 0.4em; background-color: #fafafa; border: solid 1px #d4d4d4; color: #be0101; }
			
				.Content .MultiPage .PageText { padding-right: 0.5em; }
				
				.Content .MultiPage a:hover { text-decoration: none; }
			
				.Content .MultiPage a .PageLink { color: #f39544; }
				
					.Content .MultiPage a:visited .PageLink { color: #c49c7a; }
				
					.Content .MultiPage a:hover .PageLink { border-color: #f79f4f; }


			.Content .About { font-size: 1.1em; line-height: 2em; }
			
				.Content .About h1 { font-size: 2.0em; }
							

				.Content.Home .Teaser h2 { font-size: 1.7em; padding-bottom: 0.25em; }
				
				.Content.Home .Teaser .Entry { border-top: 1px solid #766868; float: left; width: 345px; margin-right: 30px; padding: 1em 0 0 0; }
				
					.Content.Home .Teaser .Entry.Right { margin-right: 0; }
					
					.Content.Home .Teaser .Entry h3 { margin: 0.75em 0; }
				

			.Content.Archives ul li { clear: both; }
			
			.Content.Archives ul.ArchiveTeaser { list-style-type: none; margin: 0; padding-left: 0; }
			
					.Content.Archives ul.ArchiveTeaser li { float: left; clear: none; padding: 0 5px 0 0; }
				
						.Content.Archives ul.ArchiveTeaser li a { font-weight: normal; }
					

			.Content .SearchString { margin-bottom: 0.5em; }
					

			.Meta { color: #aeaeae; padding-left: 20px; clear: both; letter-spacing: normal; }

				.Meta a, .Meta a:visited { color: #aeaeae; } 
				
				.Meta a:hover { color: #999; text-decoration: underline; background-color: transparent; }
				
				.Meta.Info { margin: 0; position: absolute; right: -15px; }
				
				.Meta.Tags { background: url("images/tag.png") 0 50% no-repeat; }
				
				.Meta.Cats { background: url("images/cat.png") 0 50% no-repeat; }
				
				.Meta.Share { background: url("images/share.png") 0 50% no-repeat; }		

			.Navigation { clear: both; }

				.Navigation .Previous { /*float: left;*/ }

				.Navigation .Next { float: right; }
			

	/* Comments */

	.Comments { clear: both; }
	
		.Comments .CommentList { list-style-type: none; margin: 1.5em 0 0 0; padding: 0; }
		
		.Comments .Comment { position: relative; border-left: solid 2px #999; padding: 1.5em 20px 0 20px; width: 458px; font-size: 0.9em; line-height: 1.7em; letter-spacing: 0.04em; margin-bottom: 2.5em; }
		
			.Comments .Comment.AuthorComment { border-color: #be0101; }
		

		.Comment .CommentMeta { margin-top: 0.5em; position: relative; }
		
			.Comment .Meta { padding-left: 0; }

			.Comment .CommentNumber { font-size: 1.3em; color: #aeaeae; }
			
				.Comment .CommentNumber a { color: #be0101; }
				
					.Comment .CommentNumber a:hover { color: #fff; }
			
			.Comment .CommentAuthor { font-size: 1.2em; color: #766868; }
		
			.Comment .CommentTime { position: absolute; right: 0; }
			
			.Comment .Entry { padding-bottom: 1em; background: none; }


		.Comments .NoComment { padding: 0; font-style: italic; }
		
		.Comments h2 a#comments { display: block; }
		
			.Comments h2 a#comments:hover { border-bottom: none; color: #be0101; }
			

	/* Forms */

	.CommentForm, .ContactForm { padding-top: 1.0em; line-height: normal; }
	
		.CommentForm p, .ContactForm p { margin-bottom: 1.0em; }

		.CommentForm textarea, .ContactForm textarea { width: 350px !important; }


	label.LabelInput { padding: 0 0 0 10px; }

		label.LabelCheckbox { margin-left: 4px; }

	.TextInput { width: 200px; padding: 3px; border: solid 1px #000; background-color: #fff; color: #443a3a; }
	
		.TextInput:hover, .TextInput:focus { border-color: #be0101; }

	.SubmitInput { cursor: pointer; font: 1.1em Lucida Grande, Lucida Sans Unicode, Arial, Sans-Serif; padding: 0.62em 30px 0.7em 30px; text-align: center; }
	
		.SubmitInput.Narrow { padding: 0.1em 30px; margin-left: 10px; }


	/* Footer */

	.Footer { height: 182px; margin: 0 auto; width: 730px; padding: 43px 60px 0 60px; background: transparent url("images/inner-footer.jpg") no-repeat scroll 0 0; clear: both; color: #aeaeae; font-size: 1.1em; line-height: 1.6em; }
	
		.Footer a, .Footer a:visited { color: #999; font-weight: normal; }
		
		.Footer a:hover, .Footer a:visited:hover { color: #999; text-decoration: underline; background-color: transparent; }
	

	/* Sidebar */

	.Sidebar { margin: 40px 0 20px 560px; padding: 10px 0 20px 30px; list-style-type: none; }		

		.Sidebar h1, .Sidebar h2, .Sidebar h2 a { font-family: Lucida Grande, Lucida Sans Unicode, Arial, Sans-Serif; font-weight: normal; color: #766868; margin: 0.5em 0 0.5em 0; line-height: 1.1em; letter-spacing: 0.01em; }
		
			.Sidebar h2 a:hover { color: #be0101; background-color: transparent; }
		
		.Sidebar h1 { font-size: 1.6em; }
		
		.Sidebar h2 { font-size: 1.4em; }
		
		.Sidebar h3 { font-size: 1.0em; margin: 0.25em 0 0 0; color: #766868; }
		
		/* Damn widgets.  This was sooo simple before... */
		
		.Sidebar li.widget { font-size: 0.9em; line-height: 1.6em; letter-spacing: 0.02em; color: #443a3a; margin: 2.5em 0; }

			.Sidebar li.widget ul { list-style-type: square; padding-left: 15px; }
				
				.Sidebar li.widget ul li { margin: 0 0 0.05em 0; padding-left: 5px; }
					
					.Sidebar li.widget ul.Paras li, .Sidebar li.widget ol.Paras li { margin-bottom: 1em; }

			.Sidebar li.widget p, .Sidebar li.widget table { margin: 0 0 1em 0; }
			
			.Sidebar li.widget * div { padding: 0; margin: 0; background: none; border: none; font-size: 1.0em; }

			.Sidebar li.widget * ul, .Sidebar li.widget * ol { padding: 0 0 0 10px; margin: 0 0 1em 0; background: none; border: none; font-size: 1.0em; }
			
				.Sidebar li.widget ul ul, .Sidebar li.widget ul ol, .Sidebar li.widget ol ul, .Sidebar li.widget ol ol { margin: 0 0 0.05em 5px; }
				
				.Sidebar li.widget ul li a .RecentDate { margin-left: 5px; font-size: 0.8em; color: #aeaeae; }
				
			.Sidebar li.widget .TextInput { width: 164px; margin: 0.25em 0 0.5em 0; }
		

		.SearchForm { margin: 0 -2px; }
		
			.SearchInput { width: 143px; height: 18px; background-color: transparent; border: none; border-bottom: solid 2px #000; margin: 0 5px 0 0; padding: 5px 0; font-family: Lucida Grande, Lucida Sans Unicode, Arial, Sans-Serif; font-size: 1.1em; float: left; }
			
				.Sidebar .SearchInput:hover, .Sidebar .SearchInput:focus { background-color: #fff; }
				
				.SearchInput.Blank { color: #aeaeae; }
				
					.Sidebar .SearchInput:focus { outline-style: none; /* Stop Safari putting a lovely blue glow round it */ }

			.SearchButton { width: 30px; height: 30px; border: none; cursor: pointer; background: transparent url("images/search-button.png") no-repeat scroll 0 0; }
			
				.SearchButton:hover { background-position: -30px 0; }


	/* Special pages */	
	
	.Content .CVTable { margin: 0 0 1.5em 0 }
	
		.Content .CVTable th { font-weight: bold; text-align: left; }

		.Content .CVTable td, .Content .CVTable th { padding: 0 20px 0.3em 0; vertical-align: text-top; }
	
			.Content .CVTable td.CVField { font-weight: bold; }
		
			.Content .CVTable td.CVValue { }
		
			.Content .CVTable span.CVSup { font-style: italic; color: #aeaeae; display: block; }
		
	.Content .CVDiv { line-height: 2.2em; } 


	/* FishGallery */

	.FishGallery.JQuery { background-color: #000; border: solid 2px #000; position: relative; height: 755px; width: 745px; clear: both; margin: 2em 0 1.5em -7px; }
	
		.FishGallery .Top { position: absolute; top: 0; height: 48px; width: 725px; color: #ccc; padding: 20px 20px 0 0; letter-spacing: 0.5em; text-align: right; }
	
		.FishGallery .Bottom { position: absolute; bottom: 0; height: 27px; width: 745px; }
			
		.FishGallery .ImgFrame { display: block; height: 440px; overflow: hidden; padding-top: 55px; cursor: pointer; }
		
			.FishGallery .ImgFrame:hover { text-decoration: none; background-color: transparent; }
		
			/* A plague on you, Internet Explorer... */
			
			.FishGallery .ImgBox { position: absolute; text-align: center; width: 100%; }
			
			.FishGallery .LoadingImg { z-index: 1; display: none; position: absolute; text-align: center; width: 100%; margin: 246px 0 0 244px; width: 208px; height: 13px; }
		
			.FishGallery .BigImg { vertical-align: middle; max-width: 620px; max-height: 400px; }
			
			.FishGallery .Spacer { line-height: 440px; }
			
		.FishGallery .InfluenceBox { position: relative; width: 665px; height: 215px; margin: -10px 40px 0 40px; padding-top: 10px; }
	
		.FishGallery .Frame { overflow: hidden; width: 695px; height: 200px; padding: 0; background: none; /*margin: 0 auto;*/ margin: 0 -15px; position: relative; }
		
			.FishGallery .Box { position: relative; background-color: #000; height: 100px; width: 2000px; margin: 13px 0 0 0; position: relative; }
			
				.FishGallery .FishItem { display: block; float: left; position: relative; width: 120px; padding: 4px; margin: 12px 5px; border: solid 1px #d7d7d7; text-align: center; }
	
				.FishGallery.JQuery .FishItem { float: none; position: absolute; width: 50px; padding: 0; margin: auto 3px; border: none; }
				
					.FishGallery.JQuery .FishItem a:hover { background-color: transparent; }
					
					.FishGallery.JQuery .FishItem a:focus { outline: none; }
				
					.FishGallery.JQuery .FishItem img { margin: 0; width: 100%; border: solid 2px #111; }
					
						.FishGallery.JQuery .FishItem img.SelectedImg { border-color: #fff; }
							
		.FishGallery .Caption { margin: 0 100px; height: 40px; border-bottom: solid 1px #ccc; color: #ccc; text-align: center; }
		
		.FishGallery .FishArrow { position: absolute; height: 100px; width: 49px; margin-top: 57px; background: 0 0 no-repeat; z-index: 1; }
		
			.FishGallery .FishArrow:hover { background-position: 50% 0; }
			
			.FishGallery .FishArrow:active { background-position: 100% 0; }
		
			.FishGallery .FishArrow#arrowLeft { background-image: url("images/gallery-arrow-left.png"); left: -10px; }
			
			.FishGallery .FishArrow#arrowRight { background-image: url("images/gallery-arrow-right.png"); right: -10px; }
			
		.FishClear { clear: both; height: 0; }
		
		
	/* Video */	

	.Content .JWQualitySwitcherWrapper { text-align: right; margin: -1.5em 0 0.5em 0; }
	
	.Content .JWQualitySwitcher { color: #443a3a; display: inline-block; background: url("images/quality-switcher-arrow.png") no-repeat right center; border: solid 1px #000; padding: 0 32px 0 8px; margin: 0.75em 0; font-size: 0.9em; }
	
		.Content .JWQualitySwitcher:hover { color: #be0101; background-color: #fff; }
		

	/* Video Gallery */

	.VidGallery { background-color: #000; margin: 1.5em 0; }
	
		.VidGallery .VidTop { height: 40px; padding: 15px 20px 0 0; text-align: right; color: #ccc; letter-spacing: 0.5em; }
		
		.VidGallery .VidBottom { }
	
		.VidGallery .VidPlayer { width: 600px; height: 530px; margin: 0 auto; }
		
			.VidGallery .VidPlayer object { margin-bottom: 0; outline-style: none; }
	
		.VidGallery .VidBox { width: 670px; height: 120px; overflow: hidden; position: relative; margin: 0 30px; padding: 20px 0; display: none; }
		
			.VidGallery.JQuery .VidBox { display: block; }
		
		.VidGallery .VidTitle { margin: 20px 100px 0 100px; height: 30px; color: #ccc; font-weight: bold; text-align: center; }
	
		ul.VidList { height: 100px; left: 0; padding: 0 0 10px 0; margin: 0; list-style-type: none; position: relative; }
		
			ul.VidList li { float: left; display: block; width: 150px; height: 100px; position: relative; margin: 0 10px 0 0; padding: 0; }
			
				ul.VidList li img { width: 150px; height: 100px; }
			
				ul.VidList li span { position: absolute; top: 0; left: 0; height: 22px; width: 130px; padding: 78px 10px 0 10px; background: transparent url("images/vid-overlay.png") repeat-x 0 80px; text-decoration: none; color: #000; font-size: 0.9em; cursor: pointer; }
				
					ul.VidList li span:hover { text-decoration: underline; background-color: transparent; color: #000; background-position: 0 -20px; }
				
			.VidGallery .VidArrow { position: absolute; height: 100px; width: 49px; margin-top: 20px; background: 0 0 no-repeat; z-index: 1; display: none; }
			
				.VidGallery.JQuery .VidArrow { display: block; }
	
				.VidGallery .VidArrow:hover { background-position: 50% 0; }
				
				.VidGallery .VidArrow:active { background-position: 100% 0; }
			
				.VidGallery .VidArrow#vidArrowLeft { background-image: url("images/gallery-arrow-left.png"); left: 25px; }
				
				.VidGallery .VidArrow#vidArrowRight { background-image: url("images/gallery-arrow-right.png"); right: 25px; }
				
		.VidGallery .JWPlayerNoJS { background-color: #222; color: #fff; font-size: 1.1em; font-weight: bold; margin-top: 150px; padding: 25px 30px; text-align: center; }
		
		.VidGallery .JWQualitySwitcherWrapper { margin: 19px -40px 0 0; }
		
			.VidGallery .JWQualitySwitcher { color: #aaa; background: none; border: none; padding: 0 8px; margin: 0; }
			
				.VidGallery .JWQualitySwitcher:hover { color: #fff; background-color: transparent; text-decoration: underline; }