/*CSS Styles created by MJ-Innovations*/



/*  FONTS 
===============================================-- */
	@import url(http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:300,400,700);
	@import url(http://fonts.googleapis.com/css?family=Raleway:300,400,500,600,700,900);
	@import url(http://fonts.googleapis.com/css?family=Rochester);
	@font-face { font-family: 'Socialico'; 	src: url('../fonts/Socialico.ttf');}



/*  TYPE 
===============================================-- */
#footer p {
	margin: 0;
	font-family: 'Yanone Kaffeesatz', 'sans-serif';
	font-size: 20px;
	font-weight: 300;
	line-height: 24px;
	text-align: center;
	color: #fff;
}
#footer p a {
	text-decoration: none;
	color: #fff;
}
#footer p a:hover {
	text-decoration: underline;
	color: #007b00;
}
#sidebar h6 {
	margin-top: -20px;
	text-align: center;
}
.col-320l h2 {
	margin: 4.5% 0;
	font-family: 'Yanone Kaffeesatz', 'sans-serif';
	font-size: 32px;
	color: #7b0000;
}
.col-320r h2 {
	margin: 4.5% 0;
	font-family: 'Yanone Kaffeesatz', 'sans-serif';
	font-size: 32px;
	color: #7b0000;
}
.col-9 h2 {
	margin: 2% 0;
	font-family: 'Yanone Kaffeesatz', 'sans-serif';
	font-size: 32px;
	color: #7b0000;
}
.col-9 h5 {
	margin: 2% 0;
	font-family: 'Yanone Kaffeesatz', 'sans-serif';
	font-size: 24px;
	color: #7b0000;
	text-decoration: underline;
}
.col-9 p {
	margin: 0;
	font-family: 'Raleway', sans-serif;
	font-size: 18px;
	line-height: 24px;
}
.hours h2 {
	color: #7b0000;	
	margin: 4% 0;
	font-family: 'Yanone Kaffeesatz', 'sans-serif';
	font-size: 32px;
}
.hours p {
	margin: 0;
	font-family: 'Yanone Kaffeesatz', 'sans-serif';
	font-size: 18px;
	line-height: 22px;
}
.menu-head h1 {
	font-family: 'Rochester', cursive;
	font-size: 36px;
	margin: 0.5% 0;
	color: #000;
}
.menu-head h2 {
	font-family: 'Yanone Kaffeesatz', 'sans-serif';
	font-size: 32px;
	margin: 0.5% 0;
	color: #000;
}
.menu-head h3 {
	font-family: 'Yanone Kaffeesatz', 'sans-serif';
	font-size: 28px;
	margin: 0.5% 0;
	color: #000;
}
.menu-header h3 {
	color: #fff;
	font-family: 'Raleway', sans-serif;
	font-size: 28px;
	text-align: center;
	margin: 0.5% 0 1% 0;
}
.menu-header h5 {
	color: #fff;
	font-family: 'Yanone Kaffeesatz', 'sans-serif';
	font-size: 18px;
	margin: 0.25% 0;
	text-align: center;
}
.menu-info h3 {
	color: #000;
	font-family: 'Yanone Kaffeesatz', 'sans-serif';
	font-size: 28px;
	margin: 0.5% 0;
	text-align: center;
}
.menu-info h4 {
	color: #000;
	font-family: 'Yanone Kaffeesatz', 'sans-serif';
	font-size: 22px;
	margin: 0.5% 0;
	text-align: center;	
}
.menu-info h6 {
	color: #7b0000;
	font-family: 'Yanone Kaffeesatz', 'sans-serif';
	font-size: 18px;
	margin: 0.5% 0;
	text-align: center;	
}
.menu-info p {
	font-family: 'Raleway', sans-serif;
	font-size: 18px;
	font-weight: 700;
	text-align: center;
}
.menu-side-orders h3 {
	color: #000;
	font-family: 'Yanone Kaffeesatz', 'sans-serif';
	font-size: 28px;
	margin: 0.5% 0;
	text-align: center;	
}
.menu-side-orders h4 {
	color: #000;
	font-family: 'Yanone Kaffeesatz', 'sans-serif';
	font-size: 22px;
	margin: 0.5% 0;
	text-align: center;	
}
.menu-side-orders p {
	font-family: 'Raleway', sans-serif;
	font-size: 18px;
	font-weight: 700;
	text-align: center;
}



/*  IMAGES 
===============================================-- */
img.fb {
	padding: 4px 0 0 0.921%;
}
img.fc {
	width: 80%;
	margin: 0 10% 20px 10%;
}
img.fl {
	float: left;
	margin-bottom: 18px;
}
img.fr {
	float: right;
	margin-bottom: 18px;
}

.del-zone {
	width: 70%;
	float: left;
	margin-right: 1.842%
}


/*  NAVIGATION 
=============================================-- */
nav {
	width: 100%;
	height: 50px;
}
#active {
	color: #007b00;
}
#logo {
	width: 152px;
	height: 172px;
	background: url('../images/angelos_logo-wht.png') no-repeat;
	text-indent: -99999em;
	position: absolute;
	z-index: 5000;
}
#logotext {
	width: 33%;
	margin: 0 30px 0 135px;
	font-family: 'Rochester', cursive;
	font-size: 36px;
}
#logotext a {
	color: #fff;
	text-decoration: none;
}
#logotext a:hover {
	color: #000;
	text-decoration: underline;
}
#navbar {
	width: 100%;
	height: 50px;
	background: #7b0000;
}
.active {
	width: 10%;
	padding: 10px .5em;
	font-family: 'Yanone Kaffeesatz', 'sans-serif';
	font-size: 22px;
	text-align: center;	
}
.active a {
	color: #007b00;
	text-decoration: none;
}
.buttons {
	width: 10%;
	padding: 10px .5em;
	font-family: 'Yanone Kaffeesatz', 'sans-serif';
	font-size: 22px;
	text-align: center;	
}
.buttons a {
	color: #fff;
	text-decoration: none;
}
.buttons a:hover {
	color: #000;
	text-decoration: underline;
}



/*  CONTENT 
===============================================-- */
body {
	background: #003e7b;
}
#container {
	max-width: 978px;
	margin: 0 auto;
	position: relative;
	z-index: 100;
	box-shadow: 0 0 40px rgba(0, 0, 0, .70);
	webkit-box-shadow: 0 0 40px rgba(0, 0, 0, .70);
	-moz-box-shadow: 0 0 40px rgba(0, 0, 0, .70);
}
#footer {
	width: 96.26%;
	padding: 1.842%; /*18px wide*/
	background: #7b0000;
}
#sidebar {
	float: right;
	width: 23.6%; /*222px wide*/
}
#stage {
	width: 96.26%;
	min-height: 300px;
	padding: 1.842%; /*18px wide*/
	background: #fff;
}
.col-320l {
	float: left;
	width: 45.5%;
}
.col-320r {
	float: right;
	width: 45.5%;
}
.col-4 {
	width: 32.1%;
	float: left;
}
.col-6 {
	width: 49.1%;
	float: left;
}
.col-9 {
	float: left;
	width: 74.6%; /*702px wide*/
}
.col-12 {
	width: 100%;
	line-height: 28px
}
.hours {
	text-align: center;
	margin-bottom: 18px;
}
.menu-head {
	width: 100%;
	text-align: center;
}
.menu-header {
	width: 100%;
	background: #7b0000;
}
.menu-info {
	width: 100%;
}
.menu-side-orders {
	width: 48.158%;
	float: left;
	margin-right: 1.842%
}
.slider {
	width: 100%;
}



/*  FORM 
===============================================-- */
::-webkit-input-placeholder { /* WebKit browsers */
    color: #333;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #333;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #333;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #333;
}
fieldset {
	border: none;
	display: block;
	padding: 0;
}
#recaptcha_widget_div {
	margin: 0px;
	padding: 0;
}
.cont-info input {
	font-family: 'raleway', sans-serif;
	font-size: 13pt;
	width: 100%;
	float: left;	
	height: 30px;	
	background-color: #ccc;
	border: solid 1px #999;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
.cont-info legend {
	padding-top: 2%;
	font-family: 'Yanone Kaffeesatz', sans-serif;
	font-size: 32px;
	color: #7b0000;
	text-decoration: none;
}
.cont-info label {
	display: block;
	width: 51%;
	margin-top: 10px;
	font-family: 'Yanone Kaffeesatz', sans-serif;
	font-size: 32px;
	color: #7b0000;
	line-height: 48px;
}
.cont-info textarea {
	font-family: 'raleway', sans-serif;
	font-size: 14pt;
	width: 100%;
	margin: 0.7em 0;
	background-color: #ccc;
	min-width: 80%;
	max-width: 99%;
	min-height: 5em;
	max-height: auto;
	border-color: #999;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
.submit {
	width: 6em;
	color: #fff;
	font-family: 'raleway', sans-serif;
	font-weight: 600;
	font-size: 14pt;
	line-height: 16pt;
	margin-top: 1em;
	background: #ff5454; /* Old browsers */
	background: -moz-linear-gradient(top,  #ff5454 0%, #7b0000 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff5454), color-stop(100%,#7b0000)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ff5454 0%,#7b0000 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ff5454 0%,#7b0000 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ff5454 0%,#7b0000 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ff5454 0%,#7b0000 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff5454', endColorstr='#7b0000',GradientType=0 ); /* IE6-9 */
	border-color: #777;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.submit:hover {
	color: #000;
	background: #7b0000; /* Old browsers */
	background: -moz-linear-gradient(top,  #7b0000 0%, #ff5454 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7b0000), color-stop(100%,#ff5454)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #7b0000 0%,#ff5454 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #7b0000 0%,#ff5454 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #7b0000 0%,#ff5454 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #7b0000 0%,#ff5454 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7b0000', endColorstr='#ff5454',GradientType=0 ); /* IE6-9 */
}



/*  MEDIA QUERIES 
==============================================-- */
@media (max-width: 801px) {
	#logo {
		width: 62px;
		height: 70px;
		background: url(../images/angelos_logo-wht-sm.png) no-repeat;
	}
	#logotext {
		width: 16%;
		margin-left: 65px;
	}
}

@media (max-width: 641px) {
	img.fc {
		width: 30%;
		margin: 0 35% 20px 35%;
	}
	input {
		width: 100%;
	}
	span {
		width: 100%;
		display: block;
		margin: 0 auto;
	}
	#content {
		width: 100%;
	}
	#logotext {
		width: 100%;
		margin-left: 0;
		text-align: center;
	}
	#logotext a {
		width: 100%;
		text-align: center;
	}
	#navbar {
		height: 230px;
		text-align: center;
	}
	#sidebar {
		float: left;
		width: 100%;
	}
	.active {
		width: 100%;
	}
	.active a {
		text-align: center;
	}
	.buttons {
		width: 100%;
	}
	.buttons a {
		text-align: center;
	}
	.col-320l {
		width: 100%;
		float: left;
	}
	.col-320r {
		width: 100%;
		float: left;
	}
	.col-9 {
		width: 100%;
	}
	.menu-side-orders {
		width: 100%;
	}
}

@media (max-width: 321px) {
	img.fc {
		width: 60%;
		margin: 0 20% 20px 20%;
	}

}