/* 
	Theme Name: Bottega
	Description: A great theme for your restaurant.
	Author: Organized Themes
	Author URI: http://www.organizedthemes.com
	Theme URI: http://www.organizedthemes.com/bottega
	Version: 2.5.5
	License:  GNU General Public License
	License URI:  http://www.opensource.org
	
*/

/* Licensed under GNU General Public License.  Learn more at www.opensource.org */


/* Table Of Contents
----------------------------------------------- 

1.   Reset
2.   Typgraphy
3.   Global Styles
4.   Header Elements:  Logo and navigation
5.   Slider
6.   Home Page
7.   Page Styles
8.   Food Menu
9.   Staff Section
10.  Widgets
11.  Comments
12.  Images Paging and Extras
13.  Media Queries

/* Reset
----------------------------------------------- */

/* Eric Meyer's Reset Reloaded */html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}body {line-height: 1;}ol, ul {list-style: none;}blockquote, q {quotes: none;}:focus {outline: 0;}ins {text-decoration: none;}del {text-decoration: line-through;}table {border-collapse: collapse;border-spacing: 0;}

html { 
	height: 100%; 
	overflow-y: scroll; 
	-webkit-text-size-adjust: 100%; 
} 

body { 
	margin: 0;
	min-height: 100%;
	-webkit-font-smoothing:antialiased; 
	font-smoothing:antialiased; 
	text-rendering:optimizeLegibility; 
}

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

body {
	font: 16px/1.3 Lucida, Verdana, sans-serif;
}

p {
  margin: 0 0 25px;
}

.lead {
  margin-bottom: 20px;
  font-size: 21px;
  font-weight: 200;
  line-height: 30px;
}

small {
  font-size: 85%;
}

strong {
  font-weight: bold;
}

em {
  font-style: italic;
}

cite {
  font-style: normal;
  font-size: 14px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0 0 10px;
	font-weight: bold;
	line-height: 20px;
	color: inherit;
	text-rendering: optimizelegibility;
	font-family: Lucida, Verdana, sans-serif;
}

h1,
h2,
h3 {
  line-height: 1.2;
}

h1 {
  font-size: 48.5px;
}

h2 {
  font-size: 31.5px;
}

h3 {
  font-size: 24.5px;
}

h4 {
  font-size: 17.5px;
}

h5 {
  font-size: 14px;
}

h6 {
  font-size: 11.9px;
}

.page-header {
  padding-bottom: 9px;
  margin: 20px 0 30px;
  border-bottom: 1px solid #eeeeee;
}

ul,
ol {
  padding: 0;
  margin: 0 0 25px 25px;
}

ul ul,
ul ol,
ol ol,
ol ul {
  margin-bottom: 0;
}

li {
  line-height: 20px;
}

#content ul li,
.widget ul li {
	list-style-type: square;
}

ul.unstyled,
ol.unstyled {
  margin-left: 0;
  list-style: none;
}

dl {
  margin-bottom: 20px;
}

dt,
dd {
  line-height: 20px;
}

dt {
  font-weight: bold;
}

dd {
  margin-left: 10px;
}

hr {
  margin: 20px 0;
  border: 0;
  border-top: 1px solid #eeeeee;
  border-bottom: 1px solid #ffffff;
}

abbr[title],
abbr[data-original-title] {
  cursor: help;
  border-bottom: 1px dotted #999999;
}

abbr.initialism {
  font-size: 90%;
  text-transform: uppercase;
}

address {
  display: block;
  margin-bottom: 20px;
  font-style: normal;
  line-height: 20px;
}

code,
pre {
  padding: 0 3px 2px;
  font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
  font-size: 12px;
  color: #333333;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

code {
  padding: 2px 4px;
  color: #d14;
  background-color: #f7f7f9;
  border: 1px solid #e1e1e8;
}

pre {
  display: block;
  padding: 9.5px;
  margin: 0 0 10px;
  font-size: 13px;
  line-height: 20px;
  word-break: break-all;
  word-wrap: break-word;
  white-space: pre;
  white-space: pre-wrap;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

pre.prettyprint {
  margin-bottom: 20px;
}

pre code {
  padding: 0;
  color: inherit;
  background-color: transparent;
  border: 0;
}

.pre-scrollable {
  max-height: 340px;
  overflow-y: scroll;
}

blockquote {
	float: left;
	margin: 0 30px 30px -30px;
	padding: 30px;
	font-size: 22px;
	max-width: 45%;
	text-align: right;
	border-top: 4px solid #514f4f;
}

blockquote p {
	color: #514f4f;
	font-style: italic;
}

blockquote p:last-of-type {
	margin-bottom: 0;
}

blockquote cite {
	display: block;
	text-align: right;
	margin-top: 10px;
}

blockquote cite:before {
	content: '\2014';
	margin-right: 2px;
}

table {
  max-width: 100%;
  background-color: transparent;
  border-collapse: collapse;
  border-spacing: 0;
  margin-bottom: 20px;
}

table th,
table td {
  padding: 8px;
  line-height: 20px;
  text-align: left;
  vertical-align: top;
  border-top: 1px solid #dddddd;
}

table th {
  font-weight: bold;
}

table thead th {
  vertical-align: bottom;
}

/* Global
----------------------------------------------- */

body { 
	background: #555658; 
}

a, 
a:visited { 
	color: #2b76ba; 
	text-decoration: none; 
}

a:hover { 
	color: #111;  
}

.left { 
	float: left; 
}

.right { 
	float: right; 
}

.clear { 
	clear: both; 
}

.clearfix:after { 
	content: "."; 
	display: block; 
	clear: both; 
	margin: 0; 
	padding: 0; 
	height: 0; 
	visibility: hidden; 
}

*:first-child+html .clearfix {  /* IE7 */
	zoom: 1; 
}

.clearfix { 
	height: 1%; 
}

#wrap { 
	width: 960px;
	margin: 30px auto;
	position: relative;
	padding: 0;
	background-color: #fff;
	-webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.5);
	box-shadow: 0 1px 10px rgba(0, 0, 0, 0.5);
}

.shadow { 
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}

a.button,
.button,
input[type="reset"], 
input[type="submit"] {
	border: none;
	color: #fff;
	cursor: pointer;
	background-color: #2b76ba;
	padding: 7px 10px;
	-webkit-appearance: none;
}

a:hover.button,
input[type="reset"]:hover, 
input[type="submit"]:hover {
	background-color: #0d3355;
}

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

.fit-video {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
}

.fit-video iframe,  
.fit-video object,  
.fit-video embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* Header
----------------------------------------------- */

#header {
	height: 99px;
}

#logo {
	position: absolute;
	left: 30px;
	z-index: 10;
}

#text-logo {
	position: absolute;
	left: 17px;
	top: 20px;
	z-index: 10;
}

#text-logo h1, 
#text-logo p {
	font-size: 50px;
	text-shadow: #262526 3px 3px 3px;
}

#text-logo a, 
#text-logo a:visited {
	color: #fff;
}

#phone-number {
	position: absolute;
	top: 19px;
	right: 20px;
}

#phone-number p {
	margin: 0;
}

#phone-number a,
#phone-number a:visited {
	color: #fff;
}

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

#navigation {
	float: right;
	display: inline;
	width: 500px;
	margin-top: 47px;
	position: relative;
	z-index: 20;
}

#navigation ul {
	float: right;
	margin: 0;
	list-style-type: none;
}

/* Superfish Drop Downs--do not edit */

#navigation .menu, .menu * 			{ margin: 0; padding: 0; list-style: none; }
#navigation .menu 					{ line-height:	1.0; }
#navigation .menu ul 				{ position: absolute; top: -999em; width: 10em; }
#navigation .menu ul li 			{ width: 100%; }
#navigation .menu li:hover 			{ visibility: inherit;  }
#navigation .menu li 				{ float: left; position: relative; }
#navigation .menu a 				{ display: block; position: relative; }
#navigation .menu li:hover ul,
#navigation .menu li.sfHover ul 	{ top: 2.5em; z-index: 99; }
#navigation ul.menu li:hover li ul,
#navigation ul.menu li.sfHover li ul{ top: -999em;}
#navigation .menu li:hover ul,
#navigation .menu li.sfHover ul 	{ left: 0; top: 28px; z-index: 99; }
#navigation .menu a.sf-with-ul 		{ padding-right: 2.25em; min-width: 1px; }

/* End Superfish */

#navigation ul.menu li li:hover ul,
#navigation ul.menu li li.sfHover ul {
	width: 160px;
	left:  160px; /* match ul width */
}

#navigation ul.menu li li li:hover ul,
#navigation ul.menu li li li.sfHover ul {
	left:	160px; /* match ul width */
	top:	0;
}

#navigation .menu a, 
#navigation .menu a:visited {
	color: #fff;
	display: block;
	padding: 6px 9px;
	margin: 0;
}

#navigation .menu li {
	float: left;
	margin: 0px;
	padding: 0px;
}

#navigation .menu a:hover, 
#navigation .current-menu-item a {
	color: #ccc;
}

#navigation ul.sub-menu li.current-menu-item a {
	background-image: none;
	border: none;
}

#navigation ul.sub-menu li.current-menu-item a, 
#navigation ul.sub-menu li.current-menu-item a:visited {
	color: #ccc;
}

#navigation .current-menu-item .sub-menu li a, 
#navigation .current-category-ancestor .sub-menu li a {
	background: transparent;
}

#navigation .menu li ul {
	width: 160px;
	margin-left: 8px;
	background-color: rgba(20,20,20,0.9);
	-webkit-box-shadow: 0px 4px 15px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 4px 15px rgba(0,0,0,0.5);
	box-shadow: 0px 4px 15px rgba(0,0,0,0.5);
	margin-top: 0px;
	padding: 10px;
}

#navigation .menu li li a, 
#navigation .menu li li a:visited {
	color: #fff;
	width: 140px;
	float: none;
	margin-left: 0;
	margin-right: 0;
	padding: 8px 9px 7px;
}

#navigation .menu li li a:hover {
	color: #a0a0a0;
	background: transparent;
	background-image: none;
	border: none;
	padding: 8px 9px 7px;
}

#navigation ul.menu li li:hover ul,
#navigation ul.menu li li.sfHover ul {
	width: 160px;
	left:  200px;
	top: -30px;
}

/* Slider
----------------------------------------------- */

.flexslider {
	clear: both;
	position: relative;
	z-index: 1;
	width: 100%;
}

.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {
	outline: none;
}

.slides,
.flex-control-nav,
.flex-direction-nav {
	margin: 0; 
	padding: 0; 
	list-style: none;
}

.flexslider {
	margin: 0; 
	padding: 0;
}

.flexslider .slides > li {
	display: none; 
	-webkit-backface-visibility: hidden;
}
 
.flexslider .slides img {
	max-width: 100%; 
	width: 100%;
	display: block;
}

/* Clearfix for the .slides element */
.slides:after {
	content: "."; 
	display: block; 
	clear: both; 
	visibility: hidden; 
	line-height: 0; 
	height: 0;
}

html[xmlns] .slides {
	display: block;
}

* html .slides {
	height: 1%;
}

.no-js .slides > li:first-child {	
	display: block;
}

.flexslider {
	position: relative;  
	zoom: 1;
}

.flexslider .slides {
	zoom: 1;
}

.flexslider .slides > li {
	position: relative;
}

.flex-container {
	zoom: 1; 
	position: relative;
}

.flex-direction-nav {
	display: none;
}

.flex-control-nav {
	width: 250px; 
	position: absolute;
	right: 10px;
	bottom: 10px; 
	text-align: center;
}

.flex-control-nav li {
	margin: 0 4px;
	float: right;
	display: inline-block; 
	zoom: 1; 
	*display: inline;
}

.flex-control-paging li a {
	width: 14px; 
	height: 14px; 
	display: block; 
	background: #666; 
	background: rgba(0,0,0,0.5); 
	cursor: pointer; 
	text-indent: -9999px; 
	-webkit-border-radius: 20px; 
	-moz-border-radius: 20px; 
	-o-border-radius: 20px; 
	border-radius: 20px; 
	box-shadow: inset 0 0 3px rgba(0,0,0,0.3);
}

.flex-control-paging li a:hover { 
	background: #333; 
	background: rgba(0,0,0,0.7); 
}

.flex-control-paging li a.flex-active {
	width: 11px;
	height: 11px; 
	position: relative;
	background: transparent;
	border: 2px solid #000; 
	cursor: default;
	top: 0;
}

.header-image {
	margin-bottom: -5px;
}

/* Home
----------------------------------------------- */

#home-content {
	margin-top: 18px;
	padding: 20px;
	margin-bottom: 0;
}

#home-content p:last-child {
	margin-bottom: 0;
	padding: 0;
}

#features {
	padding-top: 21px;
}

.boxgrid { 
	width: 167px; 
	height: 167px; 
	float: left; 
	overflow: hidden; 
	position: relative; 
	display: inline;
	margin: 0 0 21px 21px;
	z-index: 1;
}

.boxgrid img { 
	position: absolute; 
	top: 0; 
	left: 0; 
	border: 0;
	padding: 0;
	width: 100%;
	height: 100%;
}

.boxgrid p { 
	margin-bottom: 10px; 
	color: #fff;   
}

.boxgrid h4 {
	color: #fff;
	background-color: transparent;
}
		
.boxcaption { 
	float: left;
	text-align: left;
	position: absolute;
	background: #000; 
	height: 167px;
	padding: 15px; 
	width: 85%;
	background: rgba(0, 0, 0, 0.8); 
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}

.captionfull .boxcaption {
	top: 167px;
	left: 0;			
}

.boxcaption a, 
.boxcaption a:visited {
	color: #fff;
	padding-bottom: 167px;
	padding-right: 167px;
	text-shadow: #000 2px 2px 3px;
}

.boxcaption a:hover {
	color: #ccc;
}

#home-middle {
	clear: both;
	padding: 0 21px;
}

#home-middle .widget {
	float: left;
	width: 262px;
	padding: 15px;
	margin-bottom: 21px;
	background-color: #e7e7e7;
}

/* Page Styles
----------------------------------------------- */

#sidebar {
	width: 280px;
	padding: 20px;
	overflow: hidden;
	float: right;
	background-color: #e7e7e7;
}

#content {
	width: 580px;
	padding: 30px;
	float: left;
}

#page-full {
	padding: 30px;
}

p.post-meta {
	font-size: 12px;
	margin-bottom: 5px;
}

#content .fit-video {
	width: 100%;
	margin-bottom: 20px;
}

h1.post-title,
h2.post-title {
	font-size: 36px;
}

.post {
	margin-bottom: 46px;
	padding-bottom: 10px;
	border-bottom: 1px solid #ccc;
}

#content img {
	max-width: 99%;
	height: auto;
}

/* Menu Styles
----------------------------------------------- */

article.menu-group-list h2.entry-title,
.tax-menu_group .post-title {
	border-bottom: 1px solid #333;
}

article.menu-group-list .group-header p {
	font-size: 14px;
	font-style: italic;
}

.menu-list {
	margin-bottom: 20px;
}

.menu-thumbnail {
	float: left;
	display: inline;
	margin-right: 15px;
}

.menu-description p {
	font-size: 14px;
	color: #373637;
	margin-bottom: 0;
}

.menu-price {
	float: right;
	color: #373637;
	font-size: 24px;
}

h1.single-menu-title {
	float: left;
}

.single-organizedthemes_menu .menu-price {
	margin-top: 3px;
}

/* Staff Styles
----------------------------------------------- */

.staff-member {
	height: auto;
}

.staff-member img.staff-thumbnail {
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
}

.single-staff img.wp-post-image {
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
}

p.job-title {
	font-style: italic;
	margin-bottom: 10px;
}

p.staff-meta span {
	padding-right: 5px;
}


/* Widgets
----------------------------------------------- */

#sidebar .widget {
	margin-bottom: 20px;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

h3.widget-title,
#address-left h3 {
	border-bottom: 1px solid #ccc;
	padding-bottom: 2px;
}

#home-middle .widget.organizedthemes_contact {
	width: 575px;
	padding: 15px;
	overflow: hidden;
}

#address-left {
	display: inline;
	float: left;
	width: 271px;
}

#address-left ul {
	margin-left: 0;
	margin-right: 0;
}

#address-left li {
	font-size: 14px;
	list-style: none;
	margin-left: 0;
	margin-bottom: 1px;
}

#address-left li.hours {
	margin-left: 15px;
}

ul.address {
	margin-bottom: 14px;
}

ul.times {
	margin-bottom: 0;
}

#address-right {
	display: inline;
	float: right;
	width: 279px;
	overflow: hidden;
	border: 1px solid #c9c9c9;
}

#address-right iframe {
	border: none;
	margin-bottom: -5px;
}

#sidebar #address-left {
	margin-bottom: 20px;
}

.widget li:last-child,
.widget p:last-child {
	margin-bottom: 0;
}

.latest-tweets ul {
	list-style-type: none;
	margin: 0 5px;
}

.latest-tweets li {
	margin-bottom: 10px;
}

iframe.twitter-follow-button {
	margin-top: 20px;
}

#home-middle .featured-posts {
	width: 575px;
}

.featured-posts .post  {
	margin-bottom: 20px;
	padding-bottom: 20px;
}

.featured-posts img.wp-post-image {
	margin-bottom: 7px;
}

#home-middle .ot-facebook .fb-widget {
	margin: 0 0 -19px -10px;
}

.widget.ot-facebook iframe {
	max-width: 100%;
}

/* Comments
----------------------------------------------- */

h3#comments-title {
	margin-bottom: 30px;
	padding-bottom: 10px;
	border-bottom: 1px solid #ccc;
}

p.nocomments {
	margin-top: 20px;
}

ol.commentlist {
	list-style: none;
	margin: 0;
}

ol.commentlist ul.children {
	list-style: none;
	margin-right: 0;
	padding-left: 15px;
	border-left: 3px solid #ebebeb;
}

.comment-container {
	margin-bottom: 30px;
	position: relative;
}

img.avatar {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px
}

.comment-container p {
	font-size: 14px;
}

p.comment-meta {
	background-color: #ebebeb;
	line-height: 1;
	padding: 3px;
	font-size: 12px;
	margin-bottom: 10px;
}

span.comment-author {
	font-size: 16px;
	margin-right: 10px;
}

a.comment-reply-link {
	position: absolute;
	top: 3px;
	right: 6px;
}

p.moderation {
	text-align: center;
	padding: 5px;
	border: 1px solid #ccc;
	margin: 15px 20px 15px 110px;
}

#comments input#author,
#comments input#email,
#comments input#url,
#comments textarea#comment {
	border: 1px solid #888;
	color: #888;
	padding: 5px;
	width: 99%;
}

#comments input:focus#author,
#comments input:focus#email,
#comments input:focus#url,
#comments textarea:focus#comment {
	border: 1px solid #000;
	color: #000;
}

p.form-allowed-tags {
	display: none;
}

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

#footer {
	clear: both;
	padding: 20px;
	margin-top: 0;
	background-color: #888;
}

#footer p {
	margin-bottom: 0px;
	font-size: 12px;
	padding: 0;
}

#footer a, 
#footer a:visited,
#footer p {
	color: #fff;
	text-shadow: 0 1px 2px black;
}

#footer-left {
	float: left;
	display: inline;
	padding-top: 3px;
}

#footer-contact {
	float: right;
	display: inline;
	margin-right: 30px;
	padding-top: 6px;
}

#footer-contact p {
	font-size: 20px;
	font-style: italic;
}

#footer-right {
	float: right;
	display: inline;
	text-align: right;
	position: relative;
	padding-top: 1px;
}

.ie8 #footer-right {
	width: 500px;
}

#footer-right a:hover {
	opacity: .6;
}

/* Images Paging and So on
----------------------------------------------- */

.gallery img {
	margin-left: 10px;
	margin-bottom: 10px;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); 
}

.paging {
	position: relative;
	text-align: center;
	overflow: hidden;
}

span.page-numbers.current {
	font-size: 25px;
	position: relative;
	top: 2px;
	margin-right: 2px;
	margin-left: 2px;
}

a.page-numbers {
	font-size: 20px;
}

.paging a.prev {
	margin: 0 6px 0 0;
	font-size: 22px;
	position: relative;
	top: -1px;
}

.paging a.next {
	margin: 0 0 0 6px;
	font-size: 22px;
	position: relative;
	top: -1px;
}

.wp-caption img {
	padding: 5px;
	background-color: #fff;
	width: auto;
}

.wp-caption-text {
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
	width: auto; 
	font-size: 11px;
}

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

img.alignright {
	padding: 5px;
	margin: 0 0 2px 10px;
	display: inline;
}

img.alignleft {
	padding: 5px;
	margin: 0 10px 2px 0;
	display: inline;
}

.alignright {
	float: right;
	margin-left: 15px;
}

.alignleft {
	float: left;
	margin-right: 15px;
}

.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	text-align: center;
	padding: 10px 5px 0 5px;
	margin-bottom: 5px;
	border: 1px solid rgba(3, 3, 3, 0.14);
	background-color: rgba(0, 0, 0, 0.09);
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 12px;
	line-height: 17px;
	padding: 4px 4px 5px;
	margin: 0;
	background: none;
}


/* Responsive Section
----------------------------------------------- */

/* All Mobile */

@media only screen and (max-width: 1023px) {

	#header {
		height: auto;
	}
	
	#logo,
	#text-logo {
		position: relative;
		top: auto;
		left: auto;
		text-align: center;
		width: 100%;
		height: auto;
	}
	
	#logo img,
	#text-logo img {
		max-height: 100%;
	}
	
	#navigation {
		float: none;
		display: inline;
		width: 100%;
		margin-top: 10px;
	}
	
	#navigation ul {
		float: none;
		text-align: center;
	}
	
	#navigation .menu li {
		display: inline-block;
		float: none;
	}
	
	#phone-number {
		position: relative;
		top: auto;
		right: auto;
		width: 100%;
		text-align: center;
	}
	
}

/* Tablets in Portrait Layout (landscape takes default appearance) */
@media only screen and (min-width: 768px) and (max-width: 1023px) {

	#wrap {
		width: 750px;
	}
	
	#home-middle {
		width: 630px;
		float: none;
		margin-left: 60px;
		margin-right: 60px;
	}
	
	#home-middle .widget {
		margin-left: 0;
	}
	
	#features {
		height: auto;
		margin-bottom: 35px;
		text-align: center;
	}
		
	.boxgrid {
		float: none;
		display: inline-block;
		margin: 35px 35px 10px;
	}
	
	#content {
		width: 420px;
	}
	
	#sidebar {
		width: 280px;
	}
	
	#sidebar #address-right {
		width: 275px;
		float: left;
	}
	
}

/* Smaller than an iPad */
@media only screen and (max-width: 767px) {

	#wrap {
		width: 90%;
		overflow: hidden;
	}
	
	#content,
	#page {
		width: 90%;
		padding: 5%;
		float: none;
	}
	
	#sidebar {
		width: 90%;
		padding: 5%;
	}
	
	#features {
		text-align: center;
	}
	
	.boxgrid {
		margin: 5%;
		float: none;
		display: inline-block;
	}
	
	#home-middle {
		margin-right: 0;
		width: 90%;
		padding-right: 5%;
		padding-left: 5%;
	}
	
	#home-middle .widget {
		float: none;
		width: 87%;
		padding: 2%;
		margin-left: 0;
		margin-right: 0;
	}
	
	.single-staff img.wp-post-image {
		float: none;
		margin-left: auto;
		margin-right: auto;
	}
	
	#home-middle .widget.organizedthemes_contact {
		margin-right: 0;
		width: 87%;
		padding: 2%;
		margin-left: 0;
	}
	
	#home-middle #address-left,
	#home-middle #address-right {
		max-width: 43%;
	}
	
	#sidebar #address-left,
	#sidebar #address-right {
		max-width: 44%;
	}
	
	#address-right iframe {
		max-width: 100%;
	}
	
}

/* Smartphones */
@media only screen and (max-width: 480px) {
	
	.boxgrid {
		max-width: 150px;
		max-height: 150px;
		margin: 10px;
	}
	
	.staff-member img.staff-thumbnail {
		float: none;
		margin: 0 auto 20px;
	}
	
	.staff-member {
		text-align: center;
	}
	
	#sidebar #address-left,
	#sidebar #address-right,
	#home-middle #address-left,
	#home-middle #address-right {
		width: 100%;
		height: auto;
		float: none;
	}
	
	ul.times {
		margin-bottom: 20px;
	}
	
	a.comment-reply-link {
		position: relative;
		top: 3px;
		right: 6px;
	}
	
	#footer-left,
	#footer-contact,
	#footer-right {
		float: none;
		display: block;
		text-align: center;
		margin: 10px auto;
	}
	
}