/*
Theme Name: LCR Custom
Theme URI: http://wordpress.org/extend/themes/twentytwelve
Author: PhatCo
Author URI: http://www.phat.co
Description: Customised version of the 2012 theme for WordPress, a fully responsive theme that looks great on any device. Features include a front page template with its own widgets, an optional display font, styling for post formats on both index and single views, and an optional no-sidebar page template. Make it yours with a custom menu, header image, and background.
Version: 1.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: light, gray, white, one-column, two-columns, right-sidebar, flexible-width, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready
Text Domain: twentytwelve

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/* =Notes
--------------------------------------------------------------
This stylesheet uses rem values with a pixel fallback. The rem
values (and line heights) are calculated using two variables:

$rembase:     14;
$line-height: 24;

---------- Examples

* Use a pixel value with a rem fallback for font-size, padding, margins, etc.
	padding: 5px 0;
	padding: 0.357142857rem 0; (5 / $rembase)

* Set a font-size and then set a line-height based on the font-size
	font-size: 16px
	font-size: 1.142857143rem; (16 / $rembase)
	line-height: 1.5; ($line-height / 16)

---------- Vertical spacing

Vertical spacing between most elements should use 24px or 48px
to maintain vertical rhythm:

.my-new-div {
	margin: 24px 0;
	margin: 1.714285714rem 0; ( 24 / $rembase )
}

---------- Further reading

http://snook.ca/archives/html_and_css/font-size-with-rem
http://blog.typekit.com/2011/11/09/type-study-sizing-the-legible-letter/


/* =Reset
-------------------------------------------------------------- */

body {  clear:both;
        margin:0;
        background-color:#333333;}
        
@font-face {
	font-family: 'optima';
	src: url('optima.eot?#iefix') format('embedded-opentype'), 
	     url('optima.ttf')  format('truetype'),
	}

h1 {	font-family:optima, helvetica, arial,'sans-serif';
	color:#A92727;
	}
	
h2 {	font-family:optima, helvetica, arial,'sans-serif';
	color:#A92727;
	padding:20px 0 0 40px;
	}
	
h3 	{	color:#A92727;
		font-family:optima, helvetica, arial,'sans-serif';
		font-size:16px;
		}
	
p 	{font-family:optima, helvetica, arial,'sans-serif' !important;
	font-size:13px !important;
	line-height:16px !important;
	}
	
	.pstylelist li 	{font-family:optima, helvetica, arial,'sans-serif' !important;
			font-size:13px !important;
			line-height:16px !important;
			}

	
a:link  {color:#A92727;}
a:visited  {color:#A92727;}
a:hover  {color:#000000;}
a:active  {color:#A92727;}



.container {background:url('images/studio_background_1.jpg') repeat-y;
            -moz-background-size:1000px 803px; /* Old Firefox */
            background-size:1000px 803px;
            background-color:#000000;
            width:1000px;
            margin:0 auto 20px auto;
            }
	    
	    .narrowcontainer {width:740px;
				margin:0 auto 0 auto;}
	    

.headerblock {	position:fixed;
		z-index:1000;
                width:740px;
                height:206px;
		background-color:#000000;
		/* Fallback for web browsers that doesn't support RGBa */
		background: rgb(0, 0, 0);
		/* RGBa with 0.6 opacity */
		background: rgba(0, 0, 0, 0.9);
                margin:0 auto 0 auto;
		padding:0;
		
           }
            
            .logocontainer {	margin:0 auto 0 auto;
				    width:250px;
                            }
	
	.menubar {width:740px;
		height:40px;
		margin-left:50px;
		}
			    
			    
		.homelink { background:url('images/home.gif') no-repeat;
			float:left;
			height:40px;
			width:50px;
			margin:0 ;
			padding:0 ;
	    
			}
            
            ul.menulist {float:left;
			color:#A92727;
                        font-family:optima, helvetica, arial,'sans-serif';
                        list-style-type:none;
			font-size:16px;
                        text-align:justify;
			width:640px;
			height:40px;
			margin:0 auto 0 auto;
                        text-align:center;
			padding:0 0 0 0;
                        }
                        
            ul.menulist li {
			display:inline-block;
			height:20px;
			padding:10px 0 10px 0;
			width:120px;
			margin:0;
                        }
	
		ul.menulist li a	{display:block;
					width:100%;
					position:relative;
					color:black;
					padding-bottom:8px; /*spacing between each menu item and arrow underline beneath it */
					text-decoration:none;
					
					}
					
					
		ul.menulist li a:hover:after { /* use CSS generated content to add arrow to the menu */
				font-weight:bold;
				content:'';
				width:0;
				height:0;
				position:absolute;
				left:50%;
				margin-left:-6px; /* value should match border-width below */
				bottom:0;
				border-width:6px; /* value should match margin-left above */
				border-style:solid;
				border-color: transparent transparent #A92727 transparent; /* create up arrow */
				}
		
		ul.menulist li a:active:after  { /* use CSS generated content to add arrow to the menu */
				content:'';
				width:0;
				height:0;
				position:absolute;
				left:110px;
				margin-left:-6px; /* value should match border-width below */
				bottom:48%;
				border-width:6px; /* value should match margin-left above */
				border-style:solid;
				border-color: transparent #A92727 transparent transparent; /* create up arrow */
				}	
			
                        
                        ul.menulist li a:link {color:#A92727;text-decoration:none;}    /* unvisited link */
                        ul.menulist li a:visited {color:#A92727;text-decoration:none;} /* visited link */
                        ul.menulist li a:hover {color:#333333;}   /* mouse over link */
                        ul.menulist li a:active {color:#333333; padding-top:2px; }  /* selected link */


                                    
.maincolumncontent {
            width:740px;
            margin:0 auto 0 auto;
	    padding:40px 0 20px 0;
	 		
		}
	    
		.headerpic {float:left;
			width:210px;
			height:315px;
			margin:0 20px 10px 0px
			}
			
		.byline {margin:0;
			margin-top:0;
			font-size:30px;
			line-height:30px;}
			
.fixedheaderbuffer {height:165px;
			}
		
.bufferdiv {height:205px;
	}
	
.subheader {	height:50px;
		background-color:#A92727;
	}
	
	
.titleheader {		height:70px;
			width:740px;
			background:url('images/banner_thin.jpg');
			background-color:#A92727;
			}
			
.titleheadertext{	color:#ffffff;
		margin-left:60px;
		padding-top:25px;
		font-family: optima, helvetica, arial,'sans-serif';
		font-size:20px;
	
		}
		
	

.services  {
	background-color:#ffffff;
	padding:20px;
	height:650px;
	}
	
	.servicesleft {width:435px;
			float:left;
			}
	
	.servicesright {width:250px;
			float:right;
			}

.portfolio  {background-color:#ffffff;
		padding-top:1px;}

			
.press {padding:20px;
	background-color:#ffffff;}		/* applies to posts tagged press */	
	
		.thinline {	width:400px;
				margin:15px auto 0 auto;
				border-top:solid 1px #000000;
				}
				
		.wordpresspost {padding:10px 0 10px 0;
				}
		
	    
.contactarea {height:550px;
		display:block;
		background-color:#ffffff;
		padding:20px;
		}
		
	.googlemap {	float:left;
			height:550px;
			width:400px;
			background:url('images/lcr_voiceover.jpg')
			}
		
	.contactdetails {float:right;
			height:530px;
			width:265px;
			padding:0 10px 10px 20px;
			border:solid 0px #000000}
			
			.contactdetails h3 {margin-bottom:5px;
					}
					
			.contactdetails p {margin-top:0;
					}
	    
.copyright {clear:both;
	color:#A92727;
	padding-top:10px;
	width:600px;
	margin:0 auto 0 auto;
	text-align:center;}
	
.singlepost {padding:0 20px 0 20px;
		margin-top:20px;
		}
		
		.nav-next {width:250px;
			float:right;
			padding-right:20px;
				}
				
		.nav-single {padding:10px 0 50px 0;
				}
.footer {padding-bottom:20px;
	}
	


	
/*mobile code mobile code mobile code mobile code mobile code*/ 

	    @media screen and (max-width:920px) {
		
		.headerblock {	position:relative;}
		
		.fixedheaderbuffer {height:0;
				}
		
		.bufferdiv {height:50px;
				}
		
		.homelink {background:none;
			background-color:#000000;
					
			}

		.maincolumncontent {
			padding:0 0 20px 0;
	 		
				}
			
		}