/*
* Skeleton V1.1
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 8/17/2011
*/

/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */

/* #Site Styles
================================================== */
body{
	background-image:url("../images/frenchstucco.png");
}

.container{
	background:rgba(255, 255, 255, 0.6);
	-webkit-box-shadow:0px 0px 15px 0.3px #cccccc;
	-moz-box-shadow:0px 0px 15px 0.3px #cccccc;
	box-shadow:0px 0px 15px 0.3px #cccccc;
	border-radius:10px;
	margin-top:25px;
	margin-bottom:25px;
	padding: 5px;
}
/* #Page Styles
================================================== */
.logo{
	text-shadow:1px 1px 5px #666666;
	filter:dropshadow(color=#666666, offx=1, offy=1);
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;
	margin:40px 0 0 0;
}

.logo:hover{
	margin:30px 0 22px 10px;
	color:#222222;
	text-shadow:10px 10px 10px #CCCCCC;
	filter:dropshadow(color=#CCCCCC, offx=10, offy=10);
}
/*
.logo::first-letter{
	color:red;
}
*/

.logo span{
	font-size:20px;
}
.logo span:hover{
	color:#666;
}


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

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
	  .logo{
		font-size: 30px;
		margin-left:15px;
	  }
	  
	  .logo span{
	  font-size:10px;
	  display:block;
	  }
	}


/* #Font-Face
================================================== */
/* 	This is the proper syntax for an @font-face file
		Just create a "fonts" folder at the root,
		copy your FontName into code below and remove
		comment brackets */

/*	@font-face {
	font-family:"FontName";
	src:url("../fonts/FontName.eot");
	src:url("../fonts/FontName.eot?iefix") format("eot"),         url("../fonts/FontName.woff") format("woff"),         url("../fonts/FontName.ttf") format("truetype"),         url("../fonts/FontName.svg#webfontZam02nTh") format("svg");
	font-weight:normal;
	font-style:normal;
}