/*
Theme Name: Celebrity Photo Booth
Description: Celebrity Photo Booth
Version: 1.1
Author: Bkstudios
Author URI: http://www.bkstudios.com.au
*/

@charset "utf-8";

html{ height:100%;}
body{ background-color:#000;  color:#FFFFFF; height:100%; }

body { 
  background: url("../images/curtains3.jpg") no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}	

.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -150px; /* the bottom margin is the negative value of the footer's height */
}

.footer, .push {
	height: 150px; /* .push must be the same height as .footer */
}

form{ margin-bottom:0px}

#main-heading{ height:400px;}

.container-header{
	height:250px;

}
			
.container{
	width:1000px;
}
	
a{ color:#FF8700}	  
a:hover{ color:#FFF;} 

h1{color:#FF8700; padding:0px 0 5px 0; font-family: "brandon-grotesque",sans-serif; font-size:48px; font-weight:lighter; margin:0px;}
h2{ color:#6dd6a4; padding:15px 0px 0px 0px;  font-family: "brandon-grotesque",sans-serif;font-size:32px;  font-weight:lighter; margin:0px;}
h3{ color:#6dd6a4; padding:15px 0px 0px 0px;  font-family: "brandon-grotesque",sans-serif; font-size:27px; font-weight:lighter; margin:0px;}
h4{ color:#6dd6a4; padding:15px 0px 0px 0px; font-family: "brandon-grotesque",sans-serif; font-size:24px; font-weight:lighter; margin:0px;}
h5{ color:#6dd6a4; padding:0px 0px 0px 0px; font-family: "brandon-grotesque",sans-serif; font-size:20px; font-weight:lighter; margin:0px;}

span.big-heading{ color:#F05543; margin-top:15px; padding:25px 0 0px 45px; font-size:60px; line-height:normal; font-weight:bold; font-family: "museo-slab",serif;}
h2.phone{margin-top:-10px; text-align:right; margin-right:10px; font-size:36px}

div.call-now{ margin-top:5px;}
div.call-now h2{ font-size:18px; font-family:birth-of-a-hero, sans-serif; padding:0px 0px 0px 0px; margin-top:-10px;}
div.call-now h3{ font-size:18px; padding:0px 0px 0px 0px; margin-top:-12px;}

div.heading-banner{background:rgba(23, 53, 91, 0.4); color:#FF8700; margin-top:20px;}
div.heading-banner h3{ color:#FFF; padding:5px 0px 5px 0px; font-family: 'Oswald', sans-serif; font-weight:lighter; margin:0px;}

div.cycle{background:rgba(23, 53, 91, 0.4);}

p{  font-family: "calluna-sans",sans-serif; padding:5px 0 5px 0;  color:#FFF; line-height:1.5em; font-size:15px; margin-bottom:5px; text-align:justify;}
div.navbar-inner{ height:200px; box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.80); border:none; background:rgba(20, 17, 10, 0.8)}

input[type=text].search{ background-color:#b1b1b1; border:none; height:25px; color:#FFF;border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; font-family: 'Oswald', sans-serif; font-weight:lighter;font-size:1.3em;}

label{ font-weight:normal; font-family: 'Oswald', sans-serif; }

div.blog ul{ margin-left:45px; margin-bottom:0px;}	
div.blog ul > li{text-decoration:none; font-family: "calluna-sans",sans-serif; line-height:1.5em; font-size:15px;font-weight:lighter; color:#FFF; padding-bottom:7px}	
div.blog ul > li > a{text-decoration:none; color:#FFF;}	
div.blog ul > li > a.active{text-decoration:none; color:#FFF;}	

div.blog{color:#6dd6a4; padding:15px 0px 0px 0px;  font-family: "brandon-grotesque",sans-serif; font-weight:lighter; margin:0px;}

div.blog ol{ margin-left:15px; margin-bottom:0px;}	
div.blog ol > li{text-decoration:none; font-family: 'Oswald', sans-serif;line-height:1.5em; font-size:1.3em;font-weight:lighter; color:#FFF; padding-bottom:7px}	
div.blog ol > li > a{text-decoration:none; color:#FFF;}	
div.blog ol > li > a.active{text-decoration:none; color:#FFF;}	

div.flat_button{background-color:#FF8700; color:#FFF; height:35px; margin-top:10px; width:140px; margin-bottom:10px; text-align:center; font-weight:bold;}
div.flat_btton p{padding:5px; margin-top:20px}

.strip{ background: url(images/film-strips.jpg) repeat-x;}

.nav{
	font-family: "brandon-grotesque",sans-serif;
	font-size:15px;
	list-style:none;
}
.nav li{
	float:left;
	width:110px;
	color:#FFF;
	text-align:center;
	padding:10px 0px 10px 0px;
}


.nav li.active{
	color:#FF8700;
	}

.nav a{
	display:block;
	padding:1px;
	color:#FFF;	
}
.nav a:hover{
	color:#FF8700;
	text-decoration:underline;
}

.nav a.active{
	color:#FF8700;
}

.contain-heading{background:rgba(20, 17, 10, 0.7);}
.main-container{ background:rgba(20, 17, 10, 0.8); min-height:750px; box-shadow: 0px 0px 35px rgba(0, 0, 0, 0.90);}
.inner-container{ padding:10px 50px 0 50px;}
.first-entry{}

.overlay{ background-color:#000; /*background:rgba(20, 17, 10, 0.8);*/}
.overlay-second{background:rgba(20, 17, 10, 0.1); }

div.container_heading{border-bottom:#b9a976 solid 4px; border-top:#b9a976 solid 4px; margin-top:0.5em}
div.container_quote{border-bottom:#b9a976 solid 4px; border-top:#b9a976 solid 4px; margin-top:0.5em}

ul.footer_list{ list-style:none; margin-left:0px; font-family: "calluna-sans",sans-serif;}	
ul.footer_list > li{padding-bottom:10px; margin-right:10px; }	
ul.footer_list > li h2{ margin-bottom:3px}	
ul.footer_list > li h3{ border-bottom:#FFF dotted 1px;}	
ul.footer_list > li a { color:#FFF;}

blockquote {
font-family: "adelle",serif;
font-size: 16px;
margin: 0.25em 0;
padding: 0.25em 20px;
position: relative;
line-height: 1.45;
border:none;
}

blockquote:before {
display: block;
content: "\201C";
font-size: 80px;
position: absolute;
left: -20px;
top: -20px;
color: #7a7a7a;
}

blockquote cite {
color: #999999;
font-size: 14px;
display: block;
margin-top: 5px;
}
 
blockquote cite:before {
content: "\2014 \2009";
}

img.polaroid {  
	background:#000; /*Change this to a background image or remove*/  
	border:solid #fff;  
	border-width:6px 6px 20px 6px;  
	box-shadow:1px 1px 5px #333; /* Standard blur at 5px. Increase for more depth */  
	-webkit-box-shadow:1px 1px 5px #333;  
	-moz-box-shadow:1px 1px 5px #333;  
	height:200px; /*Set to height of your image or desired div*/  
	width:200px; /*Set to width of your image or desired div*/  
}  

table.price{ width:100%; margin-top:20px;}
table.price th{font-family: "adelle",serif; font-size: 26px; padding:0 0 15px 0;}
table.price td{ padding:10px; border-top:#FFF solid 1px; vertical-align:top; text-align:center;}
table.price tfoot th{ border-top:#FFF solid 1px; padding:15px;}

table.price td > ul{ font-family: "calluna-sans",sans-serif; font-size:13px; width:90%;}	
table.price td > ul li{padding-bottom:10px; }	
table.price td > ul li a { color:#FFF;}

input{border:none; width:90%;}
input[type=text]{font-size:11px;}
input[type=email]{font-size:11px;}
textarea{border:none; width:90%; height:50px; font-size:11px}

.class:contact-form-input {border:none; width:90%;}

.mainwrapper {
  font: 10pt normal Arial, sans-serif;
  height: auto;
  margin: 10px auto 0 auto;
  text-align: center;
}

img.bordered{
    border: 5px solid #fff;	
    -webkit-box-shadow: 1px 1px 1px 1px #ccc;
    -moz-box-shadow: 1px 1px 1px 1px #ccc;
    box-shadow: 1px 1px 1px 1px #ccc;	
}
.mainwrapper .box {
    border: 5px solid #fff;
    cursor: pointer;
    height: 182px;
    float: left;
    margin: 5px;
    position: relative;
    overflow: hidden;
    width: 200px;
    -webkit-box-shadow: 1px 1px 1px 1px #ccc;
    -moz-box-shadow: 1px 1px 1px 1px #ccc;
    box-shadow: 1px 1px 1px 1px #ccc;
}

.mainwrapper .box img {
    position: absolute;
    left: 0;
    -webkit-transition: all 300ms ease-out;
    -moz-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    -ms-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
}

.mainwrapper .box .caption {
    background-color: rgba(0,0,0,0.8);
	padding-left:10px;
    position: absolute;
    color: #fff;
    z-index: 100;
    -webkit-transition: all 300ms ease-out;
    -moz-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    -ms-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
    left: 0;
}

.mainwrapper .box .simple-caption {
    height: 30px;
    width: 200px;
    display: block;
    bottom: -30px;
    line-height: 25pt;
    text-align: center;
}

.mainwrapper .box:hover .simple-caption {
    -moz-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
}