/*
Theme Name: Genie Lauren Custom Theme 2.0
Theme URI: http://www.genielauren.com
Author: Genie Lauren
Author URI: http://www.rocquemoremedia.com
Description: A custom theme for Genie Lauren's site. A production of Rocque More Media.
Version: 2.0
*/

/* =Table of Contents
 * 
 * =Reset Styles
 * =HTML5 Elements 
 * =Global Styles
 * =Fonts
 * =Structure 
 * =Header 
 * =Site Navigation 
 * =Page Styles
 * =Meta
 * =Forms
 * =Social Icons
 * =Flexslider
 * =Widgets
 * =Footer
 * =Media Queries
 *==================================================================*/

/* =Reset Styles
* ==================================================================*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, pre, a, 
abbr, acronym, address, big, cite, code, del, 
dfn, em, img, ins, kbd, q, s, samp, small, 
strike, strong, sub, sup, tt, var, b, u, i, 
center, dl, dt, dd, ol, ul, li, fieldset, form, 
label, legend, table, caption, tbody, tfoot, 
thead, tr, th, td, article, aside, canvas, 
details, embed, figure, figcaption, footer, 
header, hgroup, menu, nav, output, ruby, section, 
summary, time, mark, audio, video {
 	font: 			inherit;
	border:			0;
 	margin:			0;
 	padding:		0;
 	font-size:		100%;
 	vertical-align: baseline; 
 }

/* =HTML5 Elements
* ==================================================================*/ 
article, aside, details, figcaption, 
figure, footer, header, hgroup, 
menu, nav, section {
	display: block;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, 
blockquote:after,
q:before, 
q:after {
	content: '';
	content: none;
}

table {
	border-spacing:  0;
	border-collapse: collapse;
}

/* =Global Styles
* ==================================================================*/

a {
	color:           #333333;
	text-decoration: none;
}

a:hover {
	color: #7b7b7b;
}

a img {/* gets rid of blue border in IE */
	border: none;
}

b,
.bold {
	font-weight: bold;
}

body {
	background-color: #7C7C7C;
	background-image: url(images/background.png);
	background-image: -ms-radial-gradient(center, circle closest-corner, #FFFFFF 0%, #7C7C7C 100%);
	background-image: -moz-radial-gradient(center, circle closest-corner, #FFFFFF 0%, #7C7C7C 100%);
	background-image: -o-radial-gradient(center, circle closest-corner, #FFFFFF 0%, #7C7C7C 100%);
	background-image: -webkit-gradient(radial, center center, 0, center center, 506, color-stop(0, #FFFFFF), color-stop(1, #7C7C7C));
	background-image: -webkit-radial-gradient(center, circle closest-corner, #FFFFFF 0%, #7C7C7C 100%);
	background-image: radial-gradient(circle closest-corner at center, #FFFFFF 0%, #7C7C7C 100%);
}

.cf:after {
 	clear:      both; 
 	height:     0; 
 	content:    ".";  
 	display:    block; 
 	visibility: hidden;
}

.fontawesome {
  font-family: 'FontAwesome';
}

footer {
	clear: both;
}

h1 {
	margin:      .67em;
	font-size:   2em; 
	line-height: 1em;
}

h2 {
	margin:    .75em;
	font-size: 1.5em;
}

h3 {
	margin:    .83em;
	font-size: 1.17em; 
}

h4 {
	margin:    .95em;
	font-size: 1em;
}

h5 {
	margin:    1.5em;
	font-size: .83em; 
}

h6 {
	margin:    1.67em;
	font-size: .75em;
}

h1, h2, h3, 
h4, h5, h6 { 
	color: 		  #333333;
	font-weight:  bold;
	font-family: 'Julius Sans One', sans-serif;
}

em,
i,
.italic {
	font-style: italic;
}

input {
	border:				   none;
	padding:			   3px;
	font-size:			   1em;
	font-family:		   'Pontano Sans', sans-serif;
	background-color: 	   rgba(255, 255, 255, .6);
	-webkit-border-radius: 3px;
	-moz-border-radius:	   3px;
	-o-border-radius:	   3px;
	border-radius:		   3px;
}

input:focus {
	outline-color: #333333;
}

::-webkit-input-placeholder {
	font-family: 'Julius Sans One', sans-serif;
}
:-moz-placeholder { /* Firefox 18- */
	font-family: 'Julius Sans One', sans-serif;
}
::-moz-placeholder {  /* Firefox 19+ */
	font-family: 'Julius Sans One', sans-serif;
}
:-ms-input-placeholder {  
	font-family: 'Julius Sans One', sans-serif;
}

.left {
	float: left;
}

p {
	color:		  #333333;
	font-family: 'Pontano Sans', sans-serif;
}

.right {
	float: right;
}

::selection {
	color: 		#ECECEB;
	background: #333333;
}

::-moz-selection {
	color: 		#ECECEB;
	background: #333333;
}

u,
.underline {
	text-decoration: underline;
}

/* =Fonts
* ==================================================================*/

@font-face {
  font-family: 'FontAwesome';
  src: url('fonts/fontawesome-webfont.eot?v=4.0.3');
  src: url('fonts/fontawesome-webfont.eot?#iefix&v=4.0.3') format('embedded-opentype'), 
  	   url('fonts/fontawesome-webfont.woff?v=4.0.3') format('woff'), 
  	   url('fonts/fontawesome-webfont.ttf?v=4.0.3') format('truetype'), 
  	   url('fonts/fontawesome-webfont.svg?v=4.0.3#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

/* =Structure
* ==================================================================*/

.avatar {
	width: 100%;
}

#left-column {
	float:  	left;
	width:  	620px;
	margin: 	10px 0 0 30px;
	min-height: 770px;
}

#right-column {
	float:  right;
	width:  650px;
	height: 780px;
}

/* =Header
* ==================================================================*/

#banner {
	text-align:	   left;
	border-bottom: solid 1px #333333;
}

.slate {
	margin:		 0;
	font-size: 	 3em;
	font-weight: bold;
	font-family: 'Julius Sans One', sans-serif;
}


/* =Site Navigation
* ==================================================================*/

.menu li {
	zoom:		 1;
	display:	 inline-block;
	*display:	 inline;
	font-size:   1.2em;
	font-family: 'Julius Sans One', sans-serif;
}

.menu li a {
	padding: 	 0 10px;
	font-weight: bold;
}

.menu li a:hover {
	color:			    #ECECEB;
	margin-top:       	-2px;
	padding-top:   	    5px;
	padding-bottom:     5px;
	background-color: 	#333333;
	box-shadow:         -2px -2px 5px rgba(0, 0, 0, 0.22);
	-moz-box-shadow:    -2px -2px 5px rgba(0, 0, 0, 0.22);
	-webkit-box-shadow: -2px -2px 5px rgba(0, 0, 0, 0.22);
}

.nav-links {
	margin: 15px 20px 20px 20px;
	height: 30px;
}

.nav-btn {
	color:			  	   #ECECEB;
	cursor:			  	   pointer;
	padding: 			   5px;
	font-family:	  	   'Julius Sans One', sans-serif;
	background-color: 	   #333333;
	-webkit-border-radius: 3px;
	-moz-border-radius:	   3px;
	-o-border-radius:	   3px;
	border-radius:		   3px;
}

.nav-btn:hover {
	filter: 	progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#333333',GradientType=0 );
	background: #333333; 
	background: -moz-linear-gradient(top,  #333333 0%, #1B1B1B 32%, #333333 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#333333), color-stop(32%,#1B1B1B), color-stop(100%,#333333));
	background: -webkit-linear-gradient(top,  #333333 0%,#1B1B1B 32%,#333333 100%);
	background: -o-linear-gradient(top,  #333333 0%,#1B1B1B 32%,#333333 100%);
	background: -ms-linear-gradient(top,  #333333 0%,#1B1B1B 32%,#333333 100%);
	background: linear-gradient(to bottom,  #333333 0%,#1B1B1B 32%,#333333 100%);
}

.nav-btn:active {
	top:	  1px;
	position: relative;
}

.next {
	float: right;
}

.prev {
	float: left;
}

.site-nav {
	margin: 	5px 0 0 0;
	text-align: right;
}

/* =Page Styles
* ==================================================================*/

#about h1 {
	margin:    0;
	padding:   5px 0;
	font-size: 1.1em;
}

#about h2 {
	margin:    0;
	padding:   0 0 5px 0;
	font-size: 1.1em;
}

#about p {
	text-align: justify;
}

.author {
	top:		-12px;
	float:		right;
	right:		10px;
	color:		#7B7B7B;
	padding:	0 5px;
	position:	relative;
	background: #F2F2F2;
}

.bio {
	margin: 0 0 20px 0;
}

.center-text {
	text-align: center;
}

.edit-link {
	color: 		 #7B7B7B;
	text-align:  center;
	font-family: 'Julius Sans One', sans-serif;
}

.entry,
.excerpt {
	clear: 		   both;
	padding: 	   0 0 20px 0;
	text-align:    justify;
	border-bottom: solid 1px #7B7B7B;
}

.entry a {
	text-decoration: underline;
}

.entry blockquote,
.entry q {
	margin: 20px;
}

.entry p {
	color:  #000000;
	margin: 20px 0;
}

.post-wrap article {
	margin: 0 20px;
}

.post img {
	max-width: 620px;
}

.post-wrap {
	margin: 			20px 0;
	background-color:   #F2F2F2;
	-webkit-box-shadow: 0px 1px 3px rgba(50, 50, 50, 0.81);
	-moz-box-shadow:    0px 1px 3px rgba(50, 50, 50, 0.81);
	box-shadow:         0px 1px 3px rgba(50, 50, 50, 0.81);
}

.title {
	margin: 0;
	padding: 15px 0 0 0;
	border-bottom: solid 1px #333333;
}

/* =Meta
* ==================================================================*/

.meta {
	padding: 10px 0;
}

.meta a {
	color: #7B7B7B;
}

.meta a:hover {
	color: #333333;
}

.meta p {
	color:		 #7b7b7b;
	margin:		 0 0 0 5px;
	font-size:	 .9em;
	font-family: 'Pontano Sans', sans-serif;
}

#post-66 .meta {
	padding: 10px 0 0 0;
}


/* =Forms
* ==================================================================*/

#btn {
	color:			  #ECECEB;
	cursor:			  pointer;
	font-family:	  'Julius Sans One', sans-serif;
	padding-top:	  5px;
	padding-bottom:	  5px;
	background-color: #333333;
}

#btn:hover {
	filter: 	progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#333333',GradientType=0 );
	background: #333333; 
	background: -moz-linear-gradient(top,  #333333 0%, #1B1B1B 32%, #333333 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#333333), color-stop(32%,#1B1B1B), color-stop(100%,#333333));
	background: -webkit-linear-gradient(top,  #333333 0%,#1B1B1B 32%,#333333 100%);
	background: -o-linear-gradient(top,  #333333 0%,#1B1B1B 32%,#333333 100%);
	background: -ms-linear-gradient(top,  #333333 0%,#1B1B1B 32%,#333333 100%);
	background: linear-gradient(to bottom,  #333333 0%,#1B1B1B 32%,#333333 100%);
}

#btn:active {
	top:	  1px;
	position: relative;
}

#contact-box {
	padding: 			5px 0;
	min-height: 		50px;
	filter: 			progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(244, 244, 244, .3)', endColorstr='rgba(120, 119, 119, .3)',GradientType=0 );
	background:         rgba(236, 236, 235, .3); 
	background:         -moz-linear-gradient(top,  rgba(244, 244, 244, .3) 0%, rgba(120, 119, 119, .3) 100%);
	background:         -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(244, 244, 244, .3)), color-stop(100%,rgba(120, 119, 119, .3)));
	background:         -webkit-linear-gradient(top, rgba(244, 244, 244, .3) 0%,rgba(120, 119, 119, .3) 100%);
	background:         -o-linear-gradient(top, rgba(244, 244, 244, .3) 0%,rgba(120, 119, 119, .3) 100%);
	background:	        -ms-linear-gradient(top, rgba(244, 244, 244, .3) 0%,rgba(120, 119, 119, .3) 100%);
	background:			linear-gradient(to bottom, rgba(244, 244, 244, .3) 0%,rgba(120, 119, 119, .3) 100%);
	box-shadow:         0px -2px 5px rgba(50, 50, 50, 0.5);
	-moz-box-shadow:    0px -2px 5px rgba(50, 50, 50, 0.5);
	-webkit-box-shadow: 0px -2px 5px rgba(50, 50, 50, 0.5);
}

#email,
#name {
	width: 16%;
}

#form-wrap {
	width:  97%;
	margin: auto;
}

#form-wrap .field {
	float: 	   left;
	margin:    0 2px;
	font-size: 1.5em;
}

#message {
	width: 57%;
}

#s {
	width: 			  583px;
	background-color: transparent;
}

.searchbutton-wrap {
	float: right;
}

#searchbutton {
	width:				 24px;
	background-color: 	 #ECECEB;
	background-image:	 url(images/search.svg);
	background-repeat:	 no-repeat;
	background-position: center center;
}

#searchbutton:hover	{
	background-image: url(images/searchhover.svg);
}

.searchform-wrap {
	margin: 10px 0;
}

.searchform {
	padding: 			   5px 3px 1px 3px;
    box-shadow:	           inset 2px 2px 3px 0 #7b7b7b;
    -moz-box-shadow:       inset 2px 2px 3px 0 #7b7b7b;
    -webkit-box-shadow:    inset 2px 2px 3px 0 #7b7b7b;
	background-color:      #ECECEB;
	-webkit-border-radius: 3px;
	-moz-border-radius:    3px;
	-o-border-radius:      3px;
	border-radius:	       3px;
}

/* =Social Icons
* ==================================================================*/

#social {
	width:  145px;
	margin: auto;
}

#social li {
	display:  inline-block;
	*display: inline;
}

#social-wrap {
	margin: 20px 0;
}

/* =Flexslider
* ==================================================================*/

/*
 * jQuery FlexSlider v2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */

/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 

/* FlexSlider Necessary Styles
*********************************/ 
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}


/* FlexSlider Default Theme
*********************************/
.flexslider {margin: 0 0 60px; background: #fff; border: none; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; box-shadow: 0 1px 4px rgba(0,0,0,.2); -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 4px rgba(0,0,0,.2); -o-box-shadow: 0 1px 4px rgba(0,0,0,.2); zoom: 1;}
.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .flex-viewport {max-height: 300px;}
.flexslider .slides {zoom: 1;}

.carousel li {margin-right: 5px}

/* Direction Nav */
.flex-direction-nav a {width: 30px; height: 30px; margin: -20px 0 0; display: block; background: url(images/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease;}
.flex-direction-nav .flex-next {background-position: 100% 0; right: -36px; }
.flex-direction-nav .flex-prev {left: -36px;}
.flexslider:hover .flex-next {opacity: 0.8; right: 5px;}
.flexslider:hover .flex-prev {opacity: 0.8; left: 5px;}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;}
.flex-direction-nav .disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}

/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);}
.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .active {opacity: 1; cursor: default;}

@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev {opacity: 1; left: 0;}
  .flex-direction-nav .flex-next {opacity: 1; right: 0;}
}

/* =Widgets
* ==================================================================*/

#disqus_thread {
	margin: 0 10px;
}

.shareaholic-share-buttons-container {
	height: 45px !important;
}

#post-66 .share-wrapper {
	padding: 0 0 10px 0;
}

/* =Footer
* ==================================================================*/

#alt-sig {
	display: none;
}

footer p {
	color:		 #A09F9F;
	font-size: 	 .65em;
	font-family: 'Julius Sans One', sans-serif;
	font-weight: bold;
	text-shadow: 0px 1px 0px rgba(255,255,255,.3), 0px -1px 0px rgba(0,0,0,.7);
}

#stamp-wrap {
	top: 		20px;
	width: 		100%;
	position: 	relative;
	text-align: center;
}

/* =Media Queries
*==================================================================*/

@media screen and (max-width: 1315px) {
	#right-column {
		display: none;
	}

	#left-column {
		float:  none;
		margin: 10px auto 0 auto;
	}

	/* =Forms */
	#btn,
	#email,
	#message,
	#name {
		width: 100%;
	}
	#contact-box {
		height: 200px;
	}
	input {
		padding: 3px 0;
	}
	#form-wrap {
		width:  620px;
		margin: auto;
	}
	#form-wrap .field {
		float: 	   none;
		margin:    3px 0;
	}
}

@media only screen and (min-width:640px) and (max-width:959px) {
	/* =Structure */
	#left-column {
		float:  none;
		margin: 10px auto 0 auto;
	}

	/* =Site Navigation */
	.site-nav {
		margin: 3px 0 0 0;
	}

	/* =Forms */
	#form-wrap {
		width:  620px;
		margin: auto;
	}
}

@media only screen and (max-width:639px) {
	/* =Structure */
	#left-column {
		width: 300px;
	}

	/* =Site Navigation */
	.site-nav {
		margin: 0;
	}

	/* =Page Styles */
	#about h1,
	#about h2 {
		padding:   0 0 5px 0;
		font-size: 1em;
	}
	.author {
		top: 	   -7px;
		font-size: .83em;
	}
	.entry,
	.excerpt {
		font-size: .95em;
	}
	.menu li {
		font-size: .95em;
	}
	.menu li a {
		padding: 0 5px;
	}
	.post img,
	.wp-caption-text {
		display: none;
	}
	.slate {
		font-size: 1.83em;
	}
	.title {
		font-size: 1.125em;
	}

	/* =Meta */
	.meta {
		font-size: .83em;
	}

	/* =Footer */
	#alt-sig {
		display: block;
	}
	#signature {
		display: none;
	}

	/* =Forms */
	#form-wrap {
		width:  300px;
		margin: auto;
	}
	#s {
		width: 260px;
	}
}