/*   
Theme Name: Vanilla Hair
Theme URI: http://patrickl.net
Description: A style-free theme to get you started on an HTML5-based WordPress theme of your own.
Author: 
Author URI: 
Version: 2.0
*/

/* Apply a natural box layout model to all elements: http://paulirish.com/2012/box-sizing-border-box-ftw/ */
* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

.chromeframe {position: absolute; top: 0;}

/* Ok, this is where the fun starts.
-------------------------------------------------------------------------------*/

/* A Linux- and Windows-friendly sans-serif font stack: http://prospects.mhurrell.co.uk/post/updating-the-helvetica-font-stack */
body {font: 15px "adobe-caslon-pro", Georgia, Times, serif; font-weight:400; border-top: solid 3px #000;   }

/* Using local fonts? Check out Font Squirrel's webfont generator: http://www.fontsquirrel.com/tools/webfont-generator */

/* We like off-black for text. */
body, select, input, textarea {color: #333;}

a {color:#555; text-decoration:none;}
a:hover {}

/* Custom text-selection colors (remove any text shadows: http://twitter.com/miketaylr/status/12228805301) */
::-moz-selection{background: #e3ca49; color: #fff; text-shadow: none;}
::selection {background: #e3ca49; color: #fff; text-shadow: none;} 

/*	j.mp/webkit-tap-highlight-color */
a:link {-webkit-tap-highlight-color: #e3ca49;} 

ins {background-color: #e3ca49; color: #000; text-decoration: none;}
mark {background-color: #e3ca49; color: #000; font-style: italic; font-weight: bold;}

/* Mozilla dosen't style place holders by default */
input:-moz-placeholder { color:#a9a9a9; }
textarea:-moz-placeholder { color:#a9a9a9; }
table {width:80%; max-width:600px;margin-left:17.5%; font-size:1.2em; border:solid 1px #fff; background:#000; color:#fff; padding:10px;  box-shadow: inset 1 1 10px #fff; margin-bottom:20px;}
.tablehead {color:#ccc; font-weight:bold; font-style:italic; border-bottom:solid 1px #fff; border-top:solid 1px #fff; padding:5px;}
td {padding:10px;  font-size:1em;}
tr {border:solid 1 px #fff; padding:5px;}


/* And here begins the WordPress fun.
-------------------------------------------------------------------------------*/

#wrapper {max-width: 970px; margin: 0px auto; width:100%; margin-bottom:20px; padding:5px;}

/* Header Stuff
-------------------------------------------------------------------------------*/
#contactline { width:100%;background:#333; min-height:35px; color:#fff; font-family:Georgia, "Times New Roman", Times, serif; font-size:0.85em; letter-spacing:0.05em; margin-top:-26px;}
.deets {margin:auto; width:95%; padding-left:2.5%; padding-right:2.5%; max-width:960px; padding-top:5px; text-align:left; line-height:200%; letter-spacing:0.08em;}
.socialmed {float:right; max-height:24px; width:auto;}
.socialmed li img {height:20px; margin:2px; margin-top:-2px; }
.socialmed li {display:inline-block; margin-right:2px; height:25px; width:auto; padding:4px;   }
.socialmed li:hover {background:#e3ca49; transition:0.5s;-webkit-transition:  0.5s; }
.highlight {color:#e3ca49;}

/* Navigation Menu
-------------------------------------------------------------------------------*/
.menu-navigation-container  {text-align:center; width:100%; border-bottom:double 3px #000; min-height:40px; padding-bottom:10px;}
#menu-navigation {text-align:center; width:95%; margin-left:2.5%; margin-right:2.5%; padding-bottom:10px; min-height:40px; }

#menu-navigation li { display:inline-block;  padding:3px; background:#000; margin-right:20px; color:#fff; font-family:Georgia, "Times New Roman", Times, serif; font-size:90%; letter-spacing:0.2em; width:150px; text-align:center;  } 
#menu-navigation li:hover { background:#e3ca49; transition:  0.5s;
-webkit-transition:  0.5s;} 

#menu-navigation li a {color:#fff; text-decoration:none; border:solid 1px #999; padding:8px; width:100%; display:block;}
#menu-navigation li a:hover {text-decoration:underline; }



/* Headers and Typography 
-------------------------------------------------------------------------------*/

h1 {font-family:"trajan-pro-3", Georgia, serif; text-transform:uppercase; font-weight:200; letter-spacing:0.2em; font-size:4em; text-align:center; color:#000;}
#header h1 a {color:#000;}
#header h1 a:hover {color:#000;}
h2 {font-size:2em; font-weight:400;  margin-bottom:10px; line-height:135%;  padding-top:20px;}


h3 {font-size:1.35em; font-weight:400;  border-bottom:solid 1px #000; margin-bottom:10px; line-height:135%;}


p {font: 14px "adobe-caslon-pro", Georgia, Times, serif; font-weight:400; line-height:1.7em;}



.button {
   border-top: 1px solid #b4b5a8;
   background: #000000;
   background: -webkit-gradient(linear, left top, left bottom, from(#000000), to(#000000));
   background: -webkit-linear-gradient(top, #000000, #000000);
   background: -moz-linear-gradient(top, #000000, #000000);
   background: -ms-linear-gradient(top, #000000, #000000);
   background: -o-linear-gradient(top, #000000, #000000);
   padding: 11.5px 23px;
   -webkit-border-radius: 2px;
   -moz-border-radius: 2px;
   border-radius: 2px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: white;
   font-size: 1em;
   font-family: Georgia, serif;
   font-weight:200;
   text-decoration: none;
   text-transform:uppercase;
   vertical-align: middle;
   text-align:center;
   line-height:200%;
   letter-spacing:0.35em;
   }
   .button h2 {font-size:1.7em; font-weight:200; text-transform:capitalize; letter-spacing:0.15em; font-family:"trajan-pro-3", Georgia, serif; font-style:normal; }
.button:hover {
   border-top-color: #e3c949;
   background: #e3c949;
   color: #000000;
   transition:  0.5s;
-webkit-transition:  0.5s;
   }
.button:active {
   border-top-color: #2d3438;
   background: #2d3438;
   }
 .button a {color:#fff; }  
 
 .wp-caption {text-align:center; padding:10px;  font-size:100%;  letter-spacing:0.08em; min-height:380px; min-width:280px; margin-left:3.2%;}
 .wp-caption:hover { background: #e3c949;
   transition:  0.5s;
-webkit-transition:  0.5s;}
  .wp-caption img {padding:3px;}
   .alignleft {float:left; }
   .wp-caption-text {width:75%; text-align:center; margin:auto; border-top:1px solid; border-bottom:1px solid; padding-top:3px; padding-bottom:3px;}
   .caption-head {text-transform:uppercase; font-weight:bold;}
   
 /* Sidebar 
 ------------------------------------------------------------------------------*/
#sidebar {max-height:300px;}
.widget {margin-bottom:20px; padding-bottom:20px; border-bottom:double 3px #000;}

/* footer 
 ------------------------------------------------------------------------------*/


#footer { padding-bottom:20px; border-top:double 3px #000; padding-top:20px; margin:auto; margin-top:20px; max-width:960px; }
.brands { margin:auto;margin-top:20px; padding-bottom:20px; border-bottom:double 3px #000;  border-top:double 3px #000; padding-top:20px; max-width:960px; width:80%; text-align:center;}
#footer table {font-size:14px; width:100%; margin-left:0; background:none; color:#000; padding:none;}

 /* General 
 ------------------------------------------------------------------------------*/
._43qm pluginFacepile _43qf {height:80px; overflow:hidden;}
.post {padding-top:20px;}
.posthome {}


.entry-content {}
.entry-content a {}
.entry-content a:hover {}

.entry-content img {width:100%; height:auto; max-width:620px; margin:3px;}

.standfirst {width:75%; margin-left:17.5%; float:none; font-style:italic;font-size:1.6em; padding-top:20px;}

#meta {}
.postmetadata { margin-top:10px; margin-bottom:10px;font-style:italic; color:#666;  }
.postmetadata a {color:#aaa; text-decoration:underline;}
.postmetadata a:hover {color:#000; text-decoration:none;}


.navgation {}
.next-posts {}
.prev-posts {}

#searchform {}
#s {}
#searchsubmt {}
	
ol.commentlist {list-style: none;}
ol.commentlist li {}
ol.commentlist li.alt {}
ol.commentlist li.bypostauthor {}
ol.commentlist li.byuser {}
ol.commentlist li.comment-author-admin {}
ol.commentlist li.comment {border-bottom: 1px dotted #666; padding: 10px;}
ol.commentlist li.comment div.comment-author {}
ol.commentlist li.comment div.vcard {}
ol.commentlist li.comment div.vcard cite.fn {font-style: normal;}
ol.commentlist li.comment div.vcard cite.fn a.url {}
ol.commentlist li.comment div.vcard img.avatar {float:right; margin: 0 0 10px 10px;}
ol.commentlist li.comment div.vcard img.avatar-32 {}
ol.commentlist li.comment div.vcard img.photo {}
ol.commentlist li.comment div.vcard span.says {}
ol.commentlist li.comment div.commentmetadata {}
ol.commentlist li.comment div.comment-meta {font-size: 10px;}
ol.commentlist li.comment div.comment-meta a {color: #ccc;}
ol.commentlist li.comment p {}
ol.commentlist li.comment ul {}
ol.commentlist li.comment div.reply {font-size: 11px;}
ol.commentlist li.comment div.reply a {font-weight: bold;}
ol.commentlist li.comment ul.children {list-style: none; margin: 10px 0 0;}
ol.commentlist li.comment ul.children li {}
ol.commentlist li.comment ul.children li.alt {}
ol.commentlist li.comment ul.children li.bypostauthor {}
ol.commentlist li.comment ul.children li.byuser {}
ol.commentlist li.comment ul.children li.comment {}
ol.commentlist li.comment ul.children li.comment-author-admin {}
ol.commentlist li.comment ul.children li.depth-2 {border-left: 5px solid #555; margin: 0 0 10px 10px;}
ol.commentlist li.comment ul.children li.depth-3 {border-left: 5px solid #999; margin: 0 0 10px 10px;}
ol.commentlist li.comment ul.children li.depth-4 {border-left: 5px solid #bbb; margin: 0 0 10px 10px;}
ol.commentlist li.comment ul.children li.depth-5 {}
ol.commentlist li.comment ul.children li.odd {}
ol.commentlist li.even {background: #fff;}
ol.commentlist li.odd {background: #f6f6f6;}
ol.commentlist li.parent {border-left: 5px solid #111;}
ol.commentlist li.thread-alt {}
ol.commentlist li.thread-even {}
ol.commentlist li.thread-odd {}


.bookingwidget {width:100%; overflow:scroll;}

/* Gallery Styles 
-------------------------------------------------------------------------------*/

.gallery {
   margin-left:1%;
   width:98%;
}
.gallery-item {
   float: left;
   text-align: center;
   width: 33%;
    border:1px solid #fff;
	
}
.gallery img {margin-left:3px;
  
   
}
.gallery-icon {}
a.fancybox {height:0px;}

.attachment-thumbnail {max-width:314px;
   width:100%;
   height:auto;
  }
.gallery-caption {
   margin-left: 0;
}

.gallery-icon {}



/* Print styles!
-------------------------------------------------------------------------------*/
@media print {

}


/* Media queries!
-------------------------------------------------------------------------------*/

/* Consider this: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ */
@media screen and (max-device-width: 480px) { 

}

@media all and (orientation: portrait) {
	
}

@media all and (orientation: landscape) {
	
}

/*
  Simple Grid
  Learn More - http://dallasbass.com/simple-grid-a-lightweight-responsive-css-grid/
  Project Page - http://thisisdallas.github.com/Simple-Grid/
  Author - Dallas Bass
  Site - dallasbass.com
*/

*, *:after, *:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

body {
	margin: 0px;
}

[class*='col-'] {
	float: left;
	padding-right: 20px;
}


[class*='col-']:last-of-type {
	padding-right: 0px;
}

.grid {
	width: 100%;
	max-width: 1140px;
	min-width: 755px;
	margin: 0 auto;
	overflow: hidden;
}

.grid:after {
	content: "";
	display: table;
	clear: both;
}

.grid-pad {
	padding: 20px 0 0px 20px;
}

.grid-pad > [class*='col-']:last-of-type {
	padding-right: 20px;
}

.push-right {
	float: right;
}

/* Content Columns */

.col-1-1 {
	width: 100%;
}
.col-2-3, .col-8-12 {
	width: 66.66%;
}

.col-1-2, .col-6-12 {
	width: 50%;
}

.col-1-3, .col-4-12 {
	width: 33.33%;
}

.col-1-4, .col-3-12 {
	width: 25%;
}

.col-1-5 {
	width: 20%;
}

.col-1-6, .col-2-12 {
	width: 16.667%;
}

.col-1-7 {
	width: 14.28%;
}

.col-1-8 {
	width: 12.5%;
}

.col-1-9 {
	width: 11.1%;
}

.col-1-10 {
	width: 10%;
}

.col-1-11 {
	width: 9.09%;
}

.col-1-12 {
	width: 8.33%
}

/* Layout Columns */

.col-11-12 {
	width: 91.66%
}

.col-10-12 {
	width: 83.333%;
}

.col-9-12 {
	width: 75%;
}

.col-5-12 {
	width: 41.66%;
}

.col-7-12 {
	width: 58.33%
}

@media handheld, only screen and (max-width: 937px) {
	#menu-navigation li { display:inline-block;  padding:3px; background:#000; margin-right:10px; color:#fff; font-family:Georgia, "Times New Roman", Times, serif; font-size:85%; letter-spacing:0.2em; width:110px; text-align:center;  }
	
	#contactline { width:100%;background:#333; min-height:35px; color:#fff; font-family:Georgia, "Times New Roman", Times, serif; font-size:0.7em; letter-spacing:0.05em; }
.deets {margin:auto; width:95%; padding-left:2.5%; padding-right:2.5%; max-width:960px; padding-top:5px; text-align:left; line-height:200%;}
	.entry {text-align:left; width:100%;}
	#sidebar {max-height:800px;}
}

@media handheld, only screen and (max-width: 767px) {
	.entry {text-align:center;}
	.standfirst {text-align:left; width:90%; margin-left:10px;}
	table {text-align:left; font-size:.9em; width:92%; margin-left:10px;}
	

h1 {font-family:"trajan-pro-3", Georgia, serif; text-transform:uppercase; font-weight:200; letter-spacing:0.2em; font-size:2.2em; text-align:center; color:#000;}
	
	.grid {
		width: 100%;
		min-width: 0;
		margin-left: 0px;
		margin-right: 0px;
		padding-left: 0px;
		padding-right: 0px;
	}
	
	[class*='col-'] {
		width: auto;
		float: none;
		margin-left: 0px;
		margin-right: 0px;
		margin-top: 10px;
		margin-bottom: 10px;
		padding-left: 20px;
		padding-right: 20px;
	}
	
	.menu-navigation-container  {text-align:center; width:100%; border-bottom:double 3px #000; margin-bottom:10px; min-height:40px;  background:#000; padding:8px;}
#menu-navigation {text-align:center; min-height:40px; border:solid 1px #999; width:100%; margin-left:-0px; }

#menu-navigation li { display:inline-block;  padding:5px; background:#000; color:#fff; font-family:Georgia, "Times New Roman", Times, serif; font-size:90%; letter-spacing:0.2em; width:98.5%; text-align:center; margin-left:.75%; margin-top:3px;  } 
#menu-navigation li:hover { background:#e3ca49; transition:  0.5s;
-webkit-transition:  0.5s;} 
#navigate {padding-left:0px;}
#menu-navigation li a {color:#fff; text-decoration:none;  display:block; border:none;  }
#menu-navigation li a:hover {text-decoration:underline; }
	#nav {border-bottom:double 3px #000;  padding-bottom:10px;}
	
		#contactline { width:100%;background:#333; min-height:65px; color:#fff; font-family:Georgia, "Times New Roman", Times, serif; font-size:0.7em; letter-spacing:0.05em; }
.deets {margin:auto; width:100%; padding-left:2.5%; padding-right:2.5%; max-width:960px; padding-top:5px; text-align:left; line-height:200%;}

.wp-caption {text-align:center; padding:10px;  font-size:110%;  letter-spacing:0.08em; min-height:280px; max-width:280px; }
  .wp-caption img {padding:3px; width:160px; height:auto;} 
  #sidebar {max-height:800px;}}
  @media handheld, only screen and (max-width: 665px) {
  
 .wp-caption {text-align:center; padding:10px;  font-size:110%;  letter-spacing:0.08em; min-height:250px; max-width:280px; }
 .alignleft {float:none; margin:auto;}
 #sidebar {max-height:800px;}
	
}