/*  
Theme Name: Alive & Fresh
Version: Standard 3.0
Description: MelodieTurori.com version 2013.
Author: Melodie Turori
Author URI: http://melodieturori.com
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: standard
*/

/* ------------------------------------------------------------------------ Import Standard Styles */

@import url( '../standard/style.css' );

/* ------------------------------------------------------------------------ Customizations */

body, {
	font-size: 14px;
}


h2	{
	font-family: 'Cutive', "Helvetica", "Arial", sans-serif;		
	letter-spacing: 1px;	
	font-weight: 100;
}

h3	{
	font-family: 'Cutive', "Helvetica", "Arial", sans-serif;		
	font-weight: 100;
	letter-spacing: 1px;	
	text-shadow: px px 1px #333333;
	filter: dropshadow(color=#333333, offx=, offy=); 	
}

h4	{
	font-family: "HelveticaNeueLight", "HelveticaNeue-Light", "Helvetica Neue Light", "HelveticaNeue", "Helvetica Neue", "Helvetica", "Arial", sans-serif; 
	font-weight: normal;
	font-size: 18px;
	text-transform: uppercase;
	letter-spacing: 2px;	
}

a {	
	color: #00BFF3;
	transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;	
	-webkit-transition: all .25s ease-in-out;
}

a:hover {	
	color: #0076A3;
}

.post, #comments, #pings, #no-comments, #respond {
background: transparent;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
border-bottom: 1px solid #EEE;
}

#logo,
#site-title {
    text-align: center;
    width: 100%;
}

.fadeblue img,
a img {
	opacity: 1;
	transition: opacity .25s ease-in-out;
	-moz-transition: opacity .25s ease-in-out;	
	-webkit-transition: opacity .25s ease-in-out;
}

.fadeblue img:hover,
a img:hover {
	opacity: 0.5;
}



/* ---------------------------------------------------------------- Typography */

/* site default text */
body {
	font-family: "HelveticaNeueLight", "HelveticaNeue-Light", "Helvetica Neue Light", "HelveticaNeue", "Helvetica Neue", "Helvetica", "Arial", sans-serif; 
	font-stretch:normal;
	font-weight: 300;
}

/* paragraph text - outside of post area */
p {
}

/* site navigation */
.navbar .nav > li > a {
	font-weight: bold; 
}

/* site title */
#site-title, #site-title a {
}

/* tagline */
#site-description {
}

/* ---------------------------------------------------------------- Fonts */

@font-face {
	font-family: 'Sosa';
	src: url('/fonts/sosa.eot');
	src: url('/fonts/sosa.eot?#iefix') format('embedded-opentype'),
		url('/fonts/sosa.woff') format('woff'),
		url('/fonts/sosa.ttf') format('truetype'),
		url('/fonts/sosa.svg#SosaRegular') format('svg');
	font-weight: normal;
	font-style: normal;
}

.sosafnt {
	font-family: "Sosa", sans-serif;
	/* Reduce blur on icons in chrome, opera, safari and ios. */
	/* This is hacky & bad. Maybe possible for firefox, not sure yet. */
	-webkit-font-smoothing: antialiased;	-o-transform: scale(1); 
}

.question:before {content: "?";}
.leftquote:before {content: "B";}
.rightquote:before {content: "C";}
.plus:before {content: "{";}
.back:before {content: "‹";}
.next:before {content: "›";}		
.check:before {content: "å";}
.starsolid:before {content: "e";}
.star:before {content: "f";}
.clock:before {content: "[";}
.speakbubble:before {content: "g";}
.twitter:before {content: "t";}
.rss:before {content: "r";}
.facebook:before {content: "v";}
.vimeo:before {content: "x";}
.download:before {content: "à";}



/* ---------------------------------------------------------------- Navigation */

/* background */

#menu-above-header .navbar-inner,
.navbar .fill {
background-color: #89EAC8;
background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));
background-image: -webkit-linear-gradient(top, transparent, transparent);
background-image: -moz-linear-gradient(top, transparent, transparent);
background-image: -o-linear-gradient(top, transparent, transparent);
background-image: -ms-linear-gradient(top, transparent, transparent);
background-image: linear-gradient(top, transparent, transparent);
filter: progid:dximagetransform.microsoft.gradient(GradientType=0, StartColorStr='transparent', EndColorStr='transparent');
box-shadow: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
}


/* active menu items */
#menu-above-header.navbar .nav .active > a, 
#menu-above-header.navbar .nav .active > a:hover {
    color: #202020;
}

/* text */
#menu-above-header.navbar .nav > li > a {
	color: #444;
    text-shadow: none;    
}

/* text hover */
#menu-above-header.navbar .nav > li > a:hover {
}

/* ---------------------------------------------------------------- Posts & Pages */

/* post titles */
.post-title {
	font-family: 'Cutive', "Helvetica", "Arial", sans-serif;	
	font-size: 3em;
	font-weight: 700;
}

/* post body font */
.post .entry-content, .post .entry-content p {
	font-size: 1.125em;
	line-height: 1.5em;
}

/* meta links */
.post-header-meta a,
.post-meta a {
	color: #00BFF3;
}
.post-header-meta a:hover,
.post-meta a:hover {
}

/* links */
.post .entry-content a,
.post .entry-content a:visited {
	color: #00BFF3;
	text-decoration: none;
}
.post .entry-content a:hover {
	color: #0076A3;
	text-decoration: none;
}


/* ---------------------------------------------- Sidebar */

.circle	{
	display:block;
	font-size:14px;
	font-family: 'Asap', "Helvetica", "Arial", sans-serif;		
	line-height:50px;
	text-align:center;
	text-decoration:none;
	text-shadow:0 1px 0 #fff;
	background: #e6e6e6;
	margin: auto auto 10px auto;
	transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;	
	-webkit-transition: all .25s ease-in-out;
}

.circle:hover	{
	color:#e6e6e6;
	text-shadow: none;
	text-decoration:none;
	background:#00BFF3;
}

.circle a:hover	{
	text-decoration:none;
}

/* ---------------------------------------------- Post Formats */

/* meta, headings, text, and links are the same as standard post format */

/* quote */
.post.format-quote .post-header {
	background-color: #66EABC;
}

.post.format-quote .entry-content {
	font-family: "Book Antiqua", "Georgia", serif;
}

.post.format-quote .entry-content a {
	color: ;
}
.post.format-quote .entry-content a:hover {
	color: ;
}


/* ---------------------------------------------------------------- Footer */

#sub-floor {
	background-color: #89EAC8;
}

/* Widget Area */

#footer {
    background: #89EAC8;
	text-shadow: none;
}


/* ------------------------------------------------------------------------ Media Queries */

/* Smartphones */
@media (max-width: 480px) {

}

/* Tablet and Mobile */
@media (max-width: 979px) {	
			
}

/* Mobile to Tablet */
@media only screen and (max-width: 767px) {
	
}


/* Landscape Tablets */
@media (min-width: 768px) and (max-width: 979px) {

}

/* Desktop */
@media (min-width: 980px) {
	
}


/* ------------------------------------------------------------------------ Gloriously Wide */

@media (min-width: 1200px) {
 .row {
 margin-left: -30px;
 *zoom: 1;
 }
 .row:before,
 .row:after {
 display: table;
 content: "";
 }
 .row:after {
 clear: both;
 }
 [class*="span"] {
 float: left;
 margin-left: 30px;
 }
 .container,
 .navbar-fixed-top .container,
 .navbar-fixed-bottom .container {
 width: 1170px;
 }
 .span12 {
 width: 1170px;
 }
 .span11 {
 width: 1070px;
 }
 .span10 {
 width: 970px;
 }
 .span9 {
 width: 870px;
 }
 .span8 {
 width: 770px;
 }
 .span7 {
 width: 670px;
 }
 .span6 {
 width: 570px;
 }
 .span5 {
 width: 470px;
 }
 .span4 {
 width: 370px;
 }
 .span3 {
 width: 270px;
 }
 .span2 {
 width: 170px;
 }
 .span1 {
 width: 70px;
 }
 .offset12 {
 margin-left: 1230px;
 }
 .offset11 {
 margin-left: 1130px;
 }
 .offset10 {
 margin-left: 1030px;
 }
 .offset9 {
 margin-left: 930px;
 }
 .offset8 {
 margin-left: 830px;
 }
 .offset7 {
 margin-left: 730px;
 }
 .offset6 {
 margin-left: 630px;
 }
 .offset5 {
 margin-left: 530px;
 }
 .offset4 {
 margin-left: 430px;
 }
 .offset3 {
 margin-left: 330px;
 }
 .offset2 {
 margin-left: 230px;
 }
 .offset1 {
 margin-left: 130px;
 }
 .row-fluid {
 width: 100%;
 *zoom: 1;
 }
 .row-fluid:before,
 .row-fluid:after {
 display: table;
 content: "";
 }
 .row-fluid:after {
 clear: both;
 }
 .row-fluid [class*="span"] {
 display: block;
 float: left;
 width: 100%;
 min-height: 28px;
 margin-left: 2.564102564%;
 *margin-left: 2.510911074638298%;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 -ms-box-sizing: border-box;
 box-sizing: border-box;
 }
 .row-fluid [class*="span"]:first-child {
 margin-left: 0;
 }
 .row-fluid .span12 {
 width: 100%;
 *width: 99.94680851063829%;
 }
 .row-fluid .span11 {
 width: 91.45299145300001%;
 *width: 91.3997999636383%;
 }
 .row-fluid .span10 {
 width: 82.905982906%;
 *width: 82.8527914166383%;
 }
 .row-fluid .span9 {
 width: 74.358974359%;
 *width: 74.30578286963829%;
 }
 .row-fluid .span8 {
 width: 65.81196581200001%;
 *width: 65.7587743226383%;
 }
 .row-fluid .span7 {
 width: 57.264957265%;
 *width: 57.2117657756383%;
 }
 .row-fluid .span6 {
 width: 48.717948718%;
 *width: 48.6647572286383%;
 }
 .row-fluid .span5 {
 width: 40.170940171000005%;
 *width: 40.117748681638304%;
 }
 .row-fluid .span4 {
 width: 31.623931624%;
 *width: 31.5707401346383%;
 }
 .row-fluid .span3 {
 width: 23.076923077%;
 *width: 23.0237315876383%;
 }
 .row-fluid .span2 {
 width: 14.529914530000001%;
 *width: 14.4767230406383%;
 }
 .row-fluid .span1 {
 width: 5.982905983%;
 *width: 5.929714493638298%;
 }
 input,
 textarea,
 .uneditable-input {
 margin-left: 0;
 }
 input.span12,
 textarea.span12,
 .uneditable-input.span12 {
 width: 1160px;
 }
 input.span11,
 textarea.span11,
 .uneditable-input.span11 {
 width: 1060px;
 }
 input.span10,
 textarea.span10,
 .uneditable-input.span10 {
 width: 960px;
 }
 input.span9,
 textarea.span9,
 .uneditable-input.span9 {
 width: 860px;
 }
 input.span8,
 textarea.span8,
 .uneditable-input.span8 {
 width: 760px;
 }
 input.span7,
 textarea.span7,
 .uneditable-input.span7 {
 width: 660px;
 }
 input.span6,
 textarea.span6,
 .uneditable-input.span6 {
 width: 560px;
 }
 input.span5,
 textarea.span5,
 .uneditable-input.span5 {
 width: 460px;
 }
 input.span4,
 textarea.span4,
 .uneditable-input.span4 {
 width: 360px;
 }
 input.span3,
 textarea.span3,
 .uneditable-input.span3 {
 width: 260px;
 }
 input.span2,
 textarea.span2,
 .uneditable-input.span2 {
 width: 160px;
 }
 input.span1,
 textarea.span1,
 .uneditable-input.span1 {
 width: 60px;
 }
}