/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
	
					
				Website | www.kylelambert.co.uk
				Description | Website of Artist Kyle Lambert. Painting, Illustration, Animation and 3D Motion Graphics.
				Author | Kyle Lambert (kyle.lambert@mac.com)
				Version | 4.1.2
				Publish Date | 1/09/09
			
		
	---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
	
	
	
	
	/*-------------------------------------------------------------------------------------- TEXT, IMAGES AND OBJECTS ---------------------------------------------------------------------------------*/
		
		
			body {	/* Global Text Properties for whole site */
			
				margin: 0px;
				padding: 0px;
				background-color: #ffffff;
				font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
				font-size: 14px;
				font-weight: normal;
				letter-spacing: 0px;
				border: 0px solid #000000;
				color: #777777;
				
			}
			
			h1, h2, h3, h4 {
			
				margin: 0px;
				padding: 0px;
				letter-spacing: -1px;
			
			}
			
			h1 { /* Main Page Heading - Almost Black Block Helvetica */
				
				font-size: 35px;
				font-weight: 900;
				color: #222222;
				
			}
			
			h2 { /* Sub-heading - Light grey size down from the H1 */
		
				font-size: 25px;
				font-weight: 900;
				color: #b1b1b1;
				
			}
			
			h3 { /* Right Hand Side Bar Headings - Almost Black Same H2 */
			
				font-size: 25px;
				font-weight: 900;
				color: #222222;
			}
			
			h4 { /* Section Headings - Almost Black Smaller than H3 and H4 */
			
				font-size: 20px;
				font-weight: 900;
				color: #222222;
			}
				
			p { /* Paragraph - Adding space above and below */
			
				margin-top: 1em;
				margin-bottom: 1.5em;
				
			}
			
			.emphasis { /* Emphasis - For use in side bar for Field Names Such as 'Date Created' Also to emphasise a word darker and bolder */
			
				font-weight: bold;
				color: #444444;
			
			}
		
			ul#twitter_update_list { /* Twitter Status Style */
			
				margin:0px;
				padding: 15px;
				list-style-position: outside;
				list-style-type: none;
				font-size: 15px;
				font-weight: 300;
				color: #999999;
				border:solid 1px #e1e1e1;
				
							
			}
			
			a.twitter_links:link {
			
				color:#00cccc;
							
			}
			
			a.twitter_links:hover {
			
				color:#00cc00;
							
			}
			
			
			ul { /* Bullet Point Group - Square Bullets */
			
				margin: 0px;
				padding: 0em 0em 0.5em 3em;
				list-style-position: outside;
				list-style-type: square;
				
			}
		
			li {
			
				padding-bottom: 0.3em;
			
			}
			
			a:link, a:visited, a:active { /* Generic Links Style */
			
				color:#555555;
				font-weight:bold;
				text-decoration: none;
		
			} 
		
			a:hover { /* Hover style of Generic Links*/
			
				color: #cc0000;
				text-decoration: none;
				
			}
			
			a.unbold_link:link, a.unbold_link:visited, a.unbold_link:active {
			
				font-weight:normal;
				color: #666666;
			
			}
			
			a.unbold_link:hover {
			
				color: #cc0000
			
			}
			
			a.big_link:link, a.big_link:visited, a.big_link:active {
			
				color: #b1b1b1;
				position:relative;
			
			}
	
			a.big_link:hover {
			
				color: #cc0000
			
			}
		
			.line { /* Vertical Line Page Dividor*/
			
				width:80%;
				margin-top:35px;
				margin-bottom:25px;
				margin-left:auto;
				margin-right:auto;
				border-bottom: 1px solid #e1e1e1;
				clear: both;
				height:1px;
				text-decoration:none;
				line-height:1px;	
	
			}
				
			img { /* All images have no border and outline fix for Firefox*/
		
				border: 0px solid #ffffff;
				outline: none;
				
			}
	
	
	/*---------------------------------------------------------------------------END OF | TEXT, IMAGES AND OBJECTS-------------------------------------------------------------------------------------*/
		
	
	
		
	/*-----------------------------------------------------------------------------------------HEADER--------------------------------------------------------------------------------------------------*/	
		
	
			#header { /* Header - Contains Page Title and Menu - Main Purpose is to center Title and Menu together */
			
				position:relative;
				top: 65px;
				min-width: 900px;
				max-width:1200px;
				height: 46px;
				margin-left: auto;
				margin-right: auto;
				border: solid 0px #555555;
				
			}
		
			#title { /* Title - Kyle Lambert*/
								
				position: absolute;
				top: 0px;
				left: 45px;
				width: 312px;
				height: 48px;
				border: solid 0px #555555;
				background-image: url(site_images/title.png);
				background-repeat: no-repeat;
				font-size: 21px;
				font-weight: bold;
				color: #000000;
				
			}
		
			.email { /* Title Email - kyle.lambert@mac.com */
			
				position: absolute;
				bottom: 0px;
				right: 0px;
				width: 214px;
				height: 21px;
				border: solid 0px #555555;
				font-size: 12px;
				font-weight: normal;					
				
			}
			
			.email:hover { /* Title Email - Hover Style */
			
				background-position: bottom right;
			}
			
			#menu { /* Menu Container - Aligned Right to Edge of Header */
			
				position: absolute;
				bottom: 0px;
				right: 45px;
				width: 456px;
				height: 21px;
				border: solid 0px #555555;
		
			}
			
			.menu1 { /* Gallery Button */
			
				float: right;
				width: 63px;					
				height: 21px;
				margin-right: 25px;
				border: solid 0px #555555;
				outline: none;
				background-image: url(site_images/gallery_button.png);
				background-repeat: no-repeat;
				color: #555555;
									
			}
		
			.menu1:hover { /* Gallery Button - Hover */
			
				background-position: bottom right;
			}
		
			.menu1open { /* Gallery Button - Current page selected */
			
				float: right;
				width: 63px;					
				height: 21px;
				margin-right: 25px;
				border: solid 0px #555555;
				outline: none;
				background-image: url(site_images/gallery_button.png);
				background-repeat: no-repeat;
				background-position: bottom right;
				color: #555555;
			
			}
		
			.menu2 { /* Latest Button */
			
				float: right;
				width: 54px;
				height: 21px;
				margin-right: 25px;
				border: solid 0px #555555;
				outline: none;
				background-repeat: no-repeat;
				background-image: url(site_images/latest_button.png);
				color: #555555;
									
			}
			
			.menu2:hover { /* Latest Button - Hover */
			
				background-position: bottom right;
			}
		
			.menu2open { /* Latest Button - Current page selected */
			
				float: right;
				width: 54px;					
				height: 21px;
				margin-right: 25px;
				border: solid 0px #555555;
				outline: none;
				background-image: url(site_images/latest_button.png);
				background-repeat: no-repeat;
				background-position: bottom right;
				color: #555555;
			
			}
		
			.menu3 { /* Follow Me Button */
			
				float: right;
				width: 95px;
				height: 21px;
				margin-right: 25px;
				border: solid 0px #555555;
				outline: none;
				background-repeat: no-repeat;
				background-image: url(site_images/follow_me_button.png);
				color: #555555;
									
			}
			
			.menu3:hover { /* Follow Me Button - Hover */
			
				background-position: bottom right;
			}
			
			.menu3open { /* Follow Me Button - Current page selected */
			
				float: right;
				width: 95px;					
				height: 21px;
				margin-right: 25px;
				border: solid 0px #555555;
				outline: none;
				background-image: url(site_images/follow_me_button.png);
				background-repeat: no-repeat;
				background-position: bottom right;
				color: #555555;
			
			}
			
			.menu4 { /* About Button */
			
				float: right;
				height: 21px;
				width: 59px;
				margin-right: 25px;
				border: solid 0px #555555;
				outline: none;
				background-repeat: no-repeat;
				background-image: url(site_images/about_button.png);
				color: #555555;
									
			}
			
			.menu4:hover { /* About Button - Hover */
			
				background-position: bottom right;
			}
			
			.menu4open { /* About Button - Current page selected */
			
				float: right;
				width: 59px;					
				height: 21px;
				margin-right: 25px;
				border: solid 0px #555555;
				outline: none;
				background-image: url(site_images/about_button.png);
				background-repeat: no-repeat;
				background-position: bottom right;
				color: #555555;
			
			}
							
			.menu5 { /* Contact Button */
			
				float: right;
				height: 21px;
				width: 75px;
				border: solid 0px #555555;
				outline: none;
				background-repeat: no-repeat;
				background-image: url(site_images/contact_button.png);
				color: #555555;
		
			}
			
			.menu5:hover { /* Contact Button - Hover */
			
				background-position: bottom right;
			}
			
			.menu5open { /* Contact Button - Current page selected */
			
				float: right;
				width: 75px;					
				height: 21px;
				border: solid 0px #555555;
				outline: none;
				background-image: url(site_images/contact_button.png);
				background-repeat: no-repeat;
				background-position: bottom right;
				color: #555555;
			
			}
		
		
	/*--------------------------------------------------------------------------------------END OF | HEADER--------------------------------------------------------------------------------------------*/
	
		
	
		
	/*----------------------------------------------------------------------------------------PAGE CONTENT---------------------------------------------------------------------------------------------*/
	
	
			#content { /* Complete Page Content - Positions everything below header and allows future divs to be centered within it */
			
				position: absolute;
				top: 140px;
				width: 100%;
				min-width: 900px;
				border: solid 0px #cc0000;
			
			}
			
			#strip { /* Grey Strip - Contains Gallery and Big Image */
			
				width: 100%;
				border-top: solid 1px #ffffff;
				border-bottom: solid 1px #ffffff;
				background-color: #2b2b2b;
				background-repeat: repeat;
				position:relative;
				
			}
			
			#strip_white { /* White Strip - For overlapping images */
			
				width: 100%;
				border-top: solid 1px #ffffff;
				border-bottom: solid 1px #ffffff;
				background-color: #ffffff;
				position:relative;
				z-index:-1;
				
			}
			
			#strip_thin {
				
				z-index:-1;
				position:absolute;
				top:47px;
				padding:0px;
				margin:0px;
				width:100%;
				height:334px;
				background-color:#2b2b2b;
				background-repeat: repeat;
				border:solid 0px #00cccc;
			
			}
	
			#gallery { /* Gallery Container - Container that restricts width to 1200 and sets the minimum at 900px */
			
				max-width: 1200px;
				min-width: 900px;
				margin-left: auto;
				margin-right: auto;
				border: solid 0px #000000;
			
			}
			
			#gallery_content { /* Thumbnail Container - Width is determined by the containing content with a 45px margin on left and right */
			
				max-width: 1200px;
				margin-left: 0px;
				margin-right: 0px;                      
				border: solid 0px #000000;
				text-align: center;
				color:#c1c1c1;
			
			}
			
			#gallery_thumbs { /* Second Thumbnail Container -  Top and Bottom Padding Pushes Gallery Options Down*/
			
				margin-top: 50px;
				margin-bottom: 40px;
			
			}
		
			.thumbnail_pairs { /* Thumbnail Pairs - Contains 2 Thumbnails and keeps them together to ensure even tiling of images with browser scale */
			
				display:inline-block;
				width:330px;
				height:114px;	
				margin:0px;
				border:solid 0px #cc0000;
			
			}
			
			.thumbnail_singular { /* Thumbnail Singular - Contains 1 Thumbnail and keeps aligned with thumnail pairs in odd numbers */
			
				display:inline-block;
				width:155px;
				height:114px;	
				margin-right:10px;
				border:solid 0px #cc0000;
			
			}			
	
			.thumbnail img{ /* Individual Thumbnail Button - Has 3px Border and surounding padding of 5px */
			
				display: inline-block;
				width: 149px;
				height: 100px;
				margin: 5px;
				border: 3px solid #ffffff;
				outline: none;
				background-color: #111111;
			
			}
			
			.thumbnail:hover img{ /* Individual Thumbnail Button - Hover Style */
			
				border: 3px solid #000000;
			
			}
	
	
	/*----------------------------------------------------------------------------------------PAGE CONTENT---------------------------------------------------------------------------------------------*/
	
	
	
	
	/*----------------------------------------------------------------------------------------BIG IMAGE PAGE-------------------------------------------------------------------------------------------*/		
	
			.big_image_padding { /* Seperates image from page in gray strip on images that do not need to interact with page*/
			
				margin-top: 50px;
				margin-bottom: 50px;
				background-color: #111111;
				
			}
			
			.big_image_padding_top { /* Seperates image from page in gray strip on images that do not need to interact with page*/
			
				margin-top: 50px;
				background-color: #111111;
				
			}
			
			.big_image_overlay { /* Centers image overlaying page*/
			
				display:inline-block;
				width:800px;
				height:427px;	
				margin:0px;
				border:solid 0px #cc0000;
			
			}
			
			.flash_padding { /* Seperates image from page in gray strip on images that do not need to interact with page 71px*/
			
				width:640px;
				margin-top: 40px;
				margin-bottom: 40px;
				background-color: #2b2b2b;
				
			}
	
	
	/*-----------------------------------------------------------------------------------END OF | BIG IMAGE PAGE---------------------------------------------------------------------------------------*/
	
	
	
	
	/*-----------------------------------------------------------------------------------GALLERY STRIP OPTIONS-----------------------------------------------------------------------------------------*/
	


			#gallery_title { /*Container for title at top of gallery*/
			
				position: relative;
				margin-top: 40px;
				margin-left: 75px;
				margin-right: 75px;
				border: solid 0px #555555;
				text-align:left;
			
			}

	
			.gallery_title_image{ /*Title Image*/
			
				border: solid 0px #555555;
				outline: none;
				margin-right:auto;
		
			}
			
			#gallery_options { /*Container for options at bottom of gallery*/
			
				position: relative;
				height: 21px;
				margin-bottom: 40px;
				margin-left: 75px;
				margin-right: 75px;
				border: solid 0px #555555;
			
			}
			
			#gallery_option_thumbnails{ /*Message to say | Click thumbnails to enlarge*/
			
				position: absolute;
				bottom: 0px;
				left: 0px;
				width: 250px;
				height: 21px;
				border: solid 0px #555555;
				outline: none;
				background-image: url(site_images/click_thumbnails.png);
				background-repeat: no-repeat;
				font-weight: bold;
				color: #ffffff;					
				text-align:left;
		
			}
			
			.gallery_option_back_thumbnails { /* Button to say | Back to thumbnails */
			
				position: absolute;
				bottom: 0px;
				margin-right: 33px;
				right:0px;
				width: 174px;
				height:21px;
				border: solid 0px #555555;
				outline: none;
				background-image: url(site_images/back_thumbnails_button.png);
				background-repeat: no-repeat;
						
			}
			
			.gallery_option_back_thumbnails:hover {
			
				background-position: bottom right;
			
			}
			
			.gallery_option_video { /* Button to say | Click to watch video */
			
				position: absolute;
				bottom: 0px;
				left:0px;
				width: 229px;
				height:21px;
				border: solid 0px #555555;
				outline: none;
				background-image: url(site_images/video_button.png);
				background-repeat: no-repeat;
						
			}
			
			.gallery_option_video:hover { /* Hover style for | Click to watch video */
			
				background-position: bottom right;
			
			}
			
			.gallery_option_back_image { /* Button to say | Click to watch video */
			
				position: absolute;
				bottom: 0px;
				left:0px;
				width: 127px;
				height:21px;
				border: solid 0px #555555;
				outline: none;
				background-image: url(site_images/back_image_button.png);
				background-repeat: no-repeat;
						
			}
			
			.gallery_option_back_image:hover { /* Hover style for | Click to watch video */
			
				background-position: bottom right;
			
			}
	
			.gallery_option_archive { /* Buttons to say | Archive */
			
				position: absolute;
				bottom: 0px;
				right:0px;
				width: 68px;
				height:21px;
				border: solid 0px #555555;
				outline: none;
				background-repeat: no-repeat;
				font-weight: bold;
				color: #ffffff;
				text-align: right;
			
			}
			
			.gallery_option_archive { /* Background Image for | Archive Button */
			
				background-image: url(site_images/archive_button.png);
			
			}
						
			.gallery_option_back_gallery {
			
				position: absolute;
				bottom: 0px;
				right:0px;
				width: 135px;
				height:21px;
				border: solid 0px #555555;
				outline: none;
				background-repeat: no-repeat;
				font-weight: bold;
				color: #ffffff;
				text-align: right;
				background-image: url(site_images/back_gallery_button.png);
		
			}
			
			.gallery_option_archive:hover, .gallery_option_back_gallery:hover { /* Hover style for | Archive and Gallery */
			
				background-position: bottom right;
			
			}
			
			.gallery_option_next {
			
				float: left;
				width: 43px;
				height: 21px;
				border: solid 0px #555555;
				outline: none;
				background-repeat: no-repeat;
				font-weight: bold;
				color: #ffffff;
				text-align: right;
				background-image: url(site_images/next_button.png);
		
			}
			
			.gallery_option_previous {
			
				float: left;
				width: 76px;
				height:21px;
				margin-right: 50px;
				margin-left: 33px;
				border: solid 0px #555555;
				outline: none;
				background-repeat: no-repeat;
				font-weight: bold;
				color: #ffffff;
				text-align: right;
				background-image: url(site_images/previous_button.png);
		
			}
			
			.gallery_option_next_disabled {
			
				float: left;
				width: 43px;
				height: 21px;
				border: solid 0px #555555;
				outline: none;
				background-position: bottom right;
				background-repeat: no-repeat;
				font-weight: bold;
				color: #ffffff;
				text-align: right;
				background-image: url(site_images/next_button.png);
		
			}
			
			.gallery_option_previous_disabled {
			
				float: left;
				width: 76px;
				height:21px;
				margin-right: 50px;
				margin-left: 33px;
				border: solid 0px #555555;
				outline: none;
				background-position: bottom right;
				background-repeat: no-repeat;
				font-weight: bold;
				color: #ffffff;
				text-align: right;
				background-image: url(site_images/previous_button.png);
		
			}
			
			.gallery_option_next:hover, .gallery_option_previous:hover { /* Hover style for | Next and Prev */
			
				background-position: bottom right;
			
			}
			
			.gallery_option_previousnext {
			
				position: absolute;
				bottom: 0px;
				left:0px;
				border: solid 0px #555555;
				outline: none;
				font-weight: bold;
				color: #ffffff;
				text-align: right;	
			
			}
			
			.white_heading {
			
				color:#ffffff;
				font-size:30px;
				font-weight:bold;
				margin-bottom:30px;
				margin-top:50px;
				
			}

	
	
	/*-----------------------------------------------------------------------------END OF | GALLERY STRIP OPTIONS--------------------------------------------------------------------------------------*/
	
	
	
	
	/*---------------------------------------------------------------------------------------PAGE CONTENT----------------------------------------------------------------------------------------------*/
	
	
			#below_gallery { /* Setting width and centering page_content */
			
				width: 100%;
				max-width: 1200px;
				min-width: 900px;
				margin-left: auto;
				margin-right: auto;
				border: solid 0px #555555;
		
			}
			
			#page { /* Container for all page content*/
			
				margin-top: 10px;
				margin-left: 45px;
				margin-right: 45px;
				overflow: auto;
				border: solid 0px #555555;
								
			}
			
			
			.left_object { /* Aligns object left with 30px padding on right edge */
			
				float:left;
				margin-right:30px;
				margin-bottom:20px;
				border:solid 0px #e1e1e1;
			
			}
			
			.right_object { /* Aligns object right with 30px padding on left edge */
			
				float:right;
				margin-left:30px;
				margin-bottom:20px;
				border:solid 0px #cc0000;
			
			}
			
			
			.side_bar { /* Side menu */
			
				float:left;
				width:250px;
				padding-left:30px;
				padding-right:30px;
				padding-bottom:45px;
				border-left:solid 1px #e1e1e1;
				border-right:solid 1px #e1e1e1;
				border-bottom:solid 1px #e1e1e1;
				margin-bottom:45px;
				
			}
			
			.page_content { /*Aligns page text to right*/
			
				 margin-left:350px;
			
			}
			
			.section {
			
				width:100%;
				float:left;
			
			}
			
			.share_text { /* Aligns the text below a button to the right edge of the button - Targets a Span*/
			
				
				display:inline-block;
				margin-left:5px;
				width:180px;
			
			}
			
			.side_text { /* Aligns the text below a button to the right edge of the button - Targets a Span*/
			
				
				display:inline-block;
				margin-left:5px;
				
			}
			
			.image_text {
			
				border:solid 0px #cc0000;
				margin-left:130px;
			
			}
			
			.image_text_200 {
			
				border:solid 0px #cc0000;
				margin-left:230px;
			
			}
			
	
	/*----------------------------------------------------------------------------------END OF PAGE CONTENT--------------------------------------------------------------------------------------------*/
	
	
	
	
	/*---------------------------------------------------------------------------------------BUTTONS---------------------------------------------------------------------------------------------------*/
	
	
			.twitter_button, .facebook_button, .flickr_button, .deviantart_button, .youtube_button, .rss_button, .digg_button, .email_button, .pdf_button, .thankyou_button {
			
				float:left;
				margin-right:15px;
				height:42px;
				width:42px;
				outline: none;
				margin-right:15px;
				border: solid 0px #555555;
				
			}
	
			.twitter_button {
			
				background-image: url(site_images/twitter_button.png);
			
			}
			
			.facebook_button {
			
				background-image: url(site_images/facebook_button.png);
			
			}
			
			.flickr_button {
			
				background-image: url(site_images/flickr_button.png);
			
			}
			
			.deviantart_button {
			
				background-image: url(site_images/deviantart_button.png);
			
			}
			
			.youtube_button {
			
				background-image: url(site_images/youtube_button.png);
			
			}
			
			.rss_button {
			
				background-image: url(site_images/rss_button.png);
			
			}
			
			.digg_button {
			
				background-image: url(site_images/digg_button.png);
			
			}
			
			.email_button {
			
				background-image: url(site_images/email_button.png);
			
			}
			
			.pdf_button {
			
				background-image: url(site_images/pdf_button.png);
			
			}
			
			.thankyou_button {
			
				background-image: url(site_images/thankyou_button.png);
			
			}
			
			
	/*-------------------------------------------------------------------------------------END OF BUTTONS----------------------------------------------------------------------------------------------*/
	
	
	
	
	/*-------------------------------------------------------------------------------------FOOTER CONTENT----------------------------------------------------------------------------------------------*/
			
			
			.share_clear { /*Seperates Share options on side bar*/
			
				clear:both;
				border:solid 1px #ffffff;
				margin-bottom:15px;
				
			}
			
			#page_footer {
			
				position: relative;
				height: 50px; 
				margin-bottom: 80px;
				margin-top: 40px;
				margin-left: 45px;
				margin-right: 45px;
				border-top: solid 1px #ededed;
				clear:both;
				color: #b1b1b1;
				font-size: 12px;
			
			}
			
			#footer1, #footer2 {
			
				position: absolute;
				top: 10px;
				border: solid 0px #555555;
				
			}
		
			#footer1 {
		
				left: 0px;
				
			}
			
			#footer2 {
		
				right: 0px;
				margin-right:-15px;
				border: solid 0px;
								
			}	
			
					
	/*----------------------------------------------------------------------------------END OF FOOTER CONTENT------------------------------------------------------------------------------------------*/