@charset "UTF-8";

/* 
CSS Stylesheet for Out of the Past Antiques

*/

/*@import url(http://fonts.googleapis.com/css?family=Noto+Serif|Fjalla+One);*/

@import url(https://fonts.googleapis.com/css?family=Noto+Serif|Trocchi|Fjalla+One);

*
{
	
	font-family: 'Noto Serif', serif;
	margin:0;
	padding:0;
}

body
{
background:url(images/body-back.png);
text-align:center;
padding:20px;
}

#notice{
	background:#fafafa;
	margin:-20px -20px 30px;
	font-size:.85em;
	padding:.5em;
}

#container
{
	position:relative;
	text-align:left;
/*background:#fffff3;	*/
width:960px;
margin:0 auto;
}

#header
{
position:relative;
}

#header h1 a
{
display:block;
background:url(images/ootp-logo.png);	
width:517px;
height:126px;
background-repeat:no-repeat;
}

#header h1 a span
{
margin-left:-1000em;
}

#address
{
	position:absolute;
	top:5px;
	right:0px;
	text-shadow: 0px 1px 1px #ffffff;
	font-size:21px;
	text-align:right;
	line-height:25px;
}

#address .phone
{
background-image:url(images/phone.png);
background-repeat:no-repeat;
background-position:0 7px;	
padding-left:25px;
}

#address a
{
	font-family: 'Fjalla One', sans-serif;
	color:#000;
	text-decoration:none;
	font-size:.8em;
	margin-left:10px;
}

#address a:hover{
	text-decoration:underline;
}

#social
{
	position:relative;
	margin:10px 0 0;
}

#social img
{
border:0;	
}

#menu
{
	position:relative;
	background:#310957;
	height:50px;
	margin:10px 0;
	
	background: #5f3486; /* Old browsers */
background: -moz-linear-gradient(top, #5f3486 0%, #310957 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5f3486), color-stop(100%,#310957)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #5f3486 0%,#310957 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #5f3486 0%,#310957 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #5f3486 0%,#310957 100%); /* IE10+ */
background: linear-gradient(to bottom, #5f3486 0%,#310957 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5f3486', endColorstr='#310957',GradientType=0 ); /* IE6-9 */

}

#menu li
{
	width:20%;
	text-align:center;
	list-style:none;
	float:left;
}

#menu li a
{
	color:#fff;
	float:left;
	font-size:19px;
	font-family: 'Fjalla One', sans-serif;
	padding:13px 0;
	display:block;
	width:100%;
	text-decoration:none;
	text-shadow: 0px 1px 1px #000000;
}

#menu li a:hover
{
	color:#ecd6ec;
}

#text
{
position:relative;
padding:30px;
background:url(images/text-back.png);
-webkit-box-shadow: 0px 0px 3px 3px #c2bd9f;
box-shadow: 0px 0px 3px 3px #c2bd9f;
}

#text .index
{
position:relative;
width:70%;
	float:left;
}

#right
{
position:relative;
width:20%;
float:right;
margin:0 0 30px 30px;
}

#text #right p
{
font-size:1em;	
}

#text h1, #text h2, #text h3, #text h4, #text h5
{
color:#4c443d;
text-transform:uppercase;
/*font-family: 'Trocchi', serif;
font-family: Georgia, "Times New Roman", Times, serif;*/
color:#310957;
font-weight:300;
}

#text p
{
font-size:1em;
line-height:1.5em;
margin:20px 0;	
color:#4c443d;

}

#text a
{
color:#310957;	
}

#text .gallery img
{
margin:3px;	
border:1px solid #817870;
}

iframe
{
margin:15px 0;
border:1px solid #ccc;	
}

img.r
{
float:right;
position:relative;
margin:0 0 30px 30px;	
border:2px solid #817870;
}

#footer
{
margin:15px 0;
position:relative;	
text-align:center;
font-size:.8em;
color:#40342e;
text-shadow: 0px 1px 1px #ffffff;
line-height:16px;
}

#footer a
{
	color:#40342e;
}

.clear
{
	clear:both;
}

/* Slider */

.nivoSlider {
    position:relative;
    background:url(images/loading.gif) no-repeat 50% 50%;
	margin-bottom:10px;

}

.nivoSlider img {
    position:absolute;
    top:0px;
    left:0px;
    display:none;
}

.nivoSlider a {
    border:0;
    display:block;
}


/*	Less Framework 4
	http://lessframework.com
	by Joni Korpi
	License: http://opensource.org/licenses/mit-license.php	*/


img
{
max-width:100%;
height:auto;	
}

iframe
{
max-width:100%;	
}


/*		Tablet Layout: 768px.
		Gutters: 24px.
		Outer margins: 28px.
		Inherits styles from: Default Layout.
-----------------------------------------------------------------
cols    1     2      3      4      5      6      7      8
px      68    160    252    344    436    528    620    712    */

@media only screen and (min-width: 768px) and (max-width: 991px) {
	

}



/*		Mobile Layout: 320px.
		Gutters: 24px.
		Outer margins: 34px.
		Inherits styles from: Default Layout.
---------------------------------------------
cols    1     2      3
px      68    160    252    */

@media only screen and (max-width: 767px) {
	
	#container {
		width: 252px;
		padding: 0 34px 60px;
	}
	
	#header h1 a
{
background:url(images/ootp-building.png);
background-repeat:no-repeat;
max-width:100%;
background-size:contain;
background-position:top center;
}
	
	#address, #social
	{
	position:relative;	
	right:auto;
	top:auto;
	text-align:center;
	}
	
	#menu
	{
		height:auto;
	}
	
	#menu li
	{
	width:100%;	
	float:none;
	}
	
	#menu li a
	{
	padding:10px 5px;	
	float:none;
	}
	
	#right
	{
	width:auto;
	float:none;
	margin:0 0 20px;
	border-bottom:1px solid #ccc;
	}
	
	#text .index
	{
	float:none;
	width:auto;	
	}
	
	
	
}



/*		Wide Mobile Layout: 480px.
		Gutters: 24px.
		Outer margins: 22px.
		Inherits styles from: Default Layout, Mobile Layout.
------------------------------------------------------------
cols    1     2      3      4      5
px      68    160    252    344    436    */

@media only screen and (min-width: 480px) and (max-width: 767px) {
	
	#container {
		width: 436px;
		padding: 0 22px 48px;
	}
	
}