/*
Theme Name: Love Lashes
Theme URI: http://www.lovelashes.org/
Description: A corprate blog template for the conpany LoveLashes.
Version: 1.0
Author: Aiden Cott
*/

/* Table of Content
==================================================
	#Fonts
	#Reset
	#Standard Styling
	#Site Styling
	#Header
	#Footer */

/* #Fonts
================================================== */
@font-face { font-family: 'Avenir Light'; src: url('./AvenirLight.ttf'); }
@font-face { font-family: 'Avenir Light'; font-weight: bolder; src: url('./AvenirBook.ttf'); }

/* #Standard Styling
================================================== */
html, body { height: 100% }
body { 
	background: #231F20; 
	color: #fff; 
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	font-size: .8em; 
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	font-smoothing: antialiased;
	text-shadow: 1px 1px 3px rgba(0,0,0,0.6);
	-moz-text-shadow: 1px 1px 3px rgba(0,0,0,0.6);
	-webkit-text-shadow: 1px 1px 3px rgba(0,0,0,0.6);
	background-image: url('../images/layout/bg-pattern.jpg');
}
p{ margin: 1.12em 0; line-height: 1.3em; }
b, strong { font-weight: 400; }
em, i{ font-style: italic; }
ul li{ margin:0 1.5em; }
li ul, li ol { margin:0 1.5em; }
ul, ol { margin:0 1.5em 1.5em 1.5em; }
ul { list-style-type: disc; line-height: 1.5em; }
ul ul { list-style-type: circle; }
ol { list-style-type: decimal; }
ol ol { list-style: upper-alpha; }
ol ol ol { list-style: lower-roman; }
ol ol ol ol { list-style: lower-alpha; }
a { text-decoration: none; color: #44a0ae; }
h1 { font-size: 2em; margin: 0.67em 0; }
h2 { font-size: 1.5em; margin: 0.75em 0; }
h3 { font-size: 1.17em; margin: 0.83em 0; }
h4 { margin: 1.12em 0; }
h5 { font-size: .83em; margin: 1.5em 0; }
h6 { font-size: .75em; margin: 1.67em 0; }
h1, h2, h3, h4, h5, h6 { color: #44a0ae; }
th { color: #4bd1e5; margin: 1.12em 0; font-weight: normal !important; }
hr { border: solid #2695a5; margin: 2em 0; border-width: 0 0 1px; height: 1px; }
img { display: block; }

.left { float: left; margin: 0 25px 15px 0; }
.right { float: right; margin: 0 0 15px 25px; }
.center { margin: 0 auto 15px auto; clear: both }
.clear { clear: both; }

label { color: #44a0ae; font-size: 1.1em; }
input[type=text], input[type=password], input[type=select], textarea {
	background-color: #333;
	border: 1px #444 solid;
	padding: 6px 8px;
	margin-bottom: 15px;
	color: #e6e3e3;
	font-size: 1em !important;
	font-family: 'Open Sans', sans-serif;
}
input[type=submit] {
	width: 100px !important;
	color: #fff; 
	background-color: #333333;
	text-align: center;  
	font-size: .9em;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #555555), color-stop(.5, #444444), color-stop(.51, #333333), to(#000));
	background: -moz-linear-gradient(top, #555555, #444444 50%, #333333 51%, #000);  
	border: 1px #444 solid;
	padding: 5px 0;
	font-family: 'Open Sans', sans-serif;
} 
input[type=submit]:hover { -moz-box-shadow:inset 0 0 10px #000000; -webkit-box-shadow:inset 0 0 10px #000000; box-shadow:inset 0 0 10px #000000; }

/* #Site Styling
================================================== */
#background { width: 100%; height: 900px; position: absolute; top: 0; margin: 0 auto; }
#container { width: 900px; min-height: 100%; margin: 0 auto -336px; position: relative; z-index: 2; }
#content { margin-top: 50px; color: #f9f9f9; }

/* #Header
================================================== */
#header { width: 100%; text-align: center; padding-top: 30px; text-transform: uppercase; }
#header .logo { margin: 0 15px;}
#header div { display: inline-block; *display: inline; zoom: 1; margin-top: 20px; vertical-align: top }
#header div hr { width: 280px; display: block; margin: 30px 0 15px; clear: both; }
#header div a, #header div span { margin: 0 20px; position: relative; color: #fff; }
#header div a.link { display: inline-block; *display: inline; zoom: 1; position: relative; z-index: 99;}
#header div a.link:hover { color: #44a0ae; }
#header .products ul, 
#header .products li, 
#header .products li a { margin: 0; padding: 0; list-style: none; }
#header .products ul {
	background-color: #303030;
	display: none;
	width: 280px;
	left: 0; top: 35px;
	position: absolute;
	z-index: 99;
	text-align: left;
}
#header .products li { margin: 10px 15px; }
#header .products .label{
	width: 100%;
	height: 30px;
	left: 0; top: -40px;
	margin-left: 0;
	position: absolute;
	z-index: 99;
}
#header .products .label img { position: absolute; bottom: 0; }

/* #Footer
================================================== */
.push { height: 336px; }
#footerContainer { 
	position: relative;
	width: 100%;
}
#footer { width: 100%; min-width: 900px; height: 270px;  position: relative; z-index: 99; margin-top: 50px; border-top: 1px solid #000 }
#footer .background { width: inherit; height: inherit; background: #282526; border-top: 1px solid #4d4d4d }
#footer .width { width: 900px; margin: 0 auto; position: relative; }
#footer .column { display: inline-block; *display: inline; zoom: 1; vertical-align: top; padding: 0; margin: 30px 70px 30px 0; list-style-type: none;  }
#footer .column li { padding: 0; margin: 0; list-style-type: none; }
#footer .column strong { display: block; margin-bottom: 15px; }
#footer .column a { display: block; margin-bottom: 7px; color: #7d7d7d; }
#footer .column.contact { width: 200px; position: absolute; right: 0; top: 0; margin-right: 0; }
#footer .column.contact a { color: #fff; }

#copyright{ width: 100%; min-width: 900px; position: relative; z-index: 99; border-top: 1px solid #000; }
#copyright div{ border-top: 1px solid #4d4d4d; padding: 20px 0; background: #282526; text-align: center }