/*********************************************************************************************

Theme Name: Erudito
Theme URI: http://www.wpzoom.com/themes/erudito
Version: 1.0.4
Author: WPZOOM (shared on 79download.com)
Author URI: http://www.wpzoom.com/
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html

The PHP code portions of this WPZOOM theme are subject to the GNU General Public 
License, version 2. All images, cascading style sheets, and JavaScript elements are
released under the WPZOOM Proprietary Use License below.

**********************************************************************************************

WARNING! DO NOT EDIT THIS FILE!

To make it easy to update your theme, you should not edit the styles in this file. Instead use 
the custom.css file to add your styles. You can copy a style from this file and paste it in 
custom.css and it will override the style in this file.

**********************************************************************************************

0.  CSS Reset  -------------------------  All Theme Files
1.  Page Structure  --------------------  All Theme Files
2.  Page Structure: Header -------------  header.php
3.  Page Structure: Main Content  ------  All Theme Files
4.  Page Structure: Individual Blocks --  
5.  Single: Post/Page Styling ----------  single.php, page.php
6.  Comments Styling -------------------  comments.php 
7.  Page Structure: Sidebar ------------  sidebar.php
8.  Page Structure: Footer  ------------  footer.php
9.  Miscellaneous ----------------------  
10.  Elements: Forms, Buttons  ---------  
11.  Homepage Slider  ------------------  featured-posts.php
12.  Media Queries  --------------------  All Theme Files

**********************************************************************************************/


/********************************************************************************************* 

0. CSS Reset  -------------------------  All Theme Files

*********************************************************************************************/
 
/* Reset & General Styling */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
html { font-size: 100%; overflow-y: scroll; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; width: 100%; }
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { border: 0; border-top: 1px solid #ccc; display: block; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }
pre, code { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
ul, ol { margin: 0; padding: 0; list-style-position: inside; }
ul ul, ol ol, ul ol, ol ul { margin: 0; }
ul li {list-style-type: none;}
dd { margin: 0 0 0 40px; }
nav ul, nav ol, 
#mainmenu, .part-items { list-style: none; list-style-image: none; margin: 0; padding: 0; }
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
svg:not(:root) { overflow: hidden; }
figure, form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
legend { border: 0; *margin-left: -7px; padding: 0; }
label { cursor: pointer; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; *overflow: visible; }
table button, table input { *overflow: auto; }
button, input[type=button], input[type=reset], input[type=submit] { cursor: pointer; -webkit-appearance: button; }
input[type=checkbox], input[type=radio] { box-sizing: border-box; }
input[type=search] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }
table { border-collapse: collapse; border-spacing: 0; }
th { text-align: left; }
tr, th, td { padding-right: 1.625em; border-bottom: 1px solid #EAE7DE; }
td { vertical-align: top; }

/* Smart clearfix */
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

/********************************************************************************************* 

1. Page Structure: Common layout elements

*********************************************************************************************/

::-moz-selection{background:#ef4832; color:#fff; }
::selection{ background:#ef4832; color:#fff; }

a { color: #cf2626; text-decoration:none; }
a:hover { color: #115782; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; transition-duration: 0.3s; }
a.invert { color: #115782; }
a.invert:hover { color: #cf2626; }
a:focus { outline: none; }
a:hover, a:active { outline: none; }

body {
	background: #fcfcfc ;
	color: #666;
	font-family: Arial, Tahoma, sans-serif;
	font-size: 62.5%;
	line-height: 1.2em;
	text-align: center;
	margin: 0px;
	padding: 0px;
}

#container {
	text-align: center;
	width: 100%;
}

div.wrapper {
	margin: 0 auto; 
	text-align: left; 
	width: 960px;
}

div.wrapper-main {
	background-color: #fff;
	-moz-box-shadow: 0 0 15px #e1e1e1;
	-webkit-box-shadow: 0 0 15px #e1e1e1;
	box-shadow: 0 0 15px #e1e1e1;
	padding: 0px 30px 20px 30px;
}

div.wrapper-content {
	padding-left: 10px;
}

div.cleaner,
div.clear,
div.divider {
	margin:0;
	clear: both; 
	font-size:1px; 
	height: 1px;  
	line-height: 1px; 
}

div.cleaner-left {
	clear: left;
}

div.divider {
	border-top: solid 1px #eee;
	clear: none;
	margin: 30px 0;
}

h1,h2,h3,h4,h5,h6 {
	color: #222;
	margin: 0;
}

h2 a {
	color: #333;
}

h2 a:hover {
	color: #cf2626;
}


/********************************************************************************************* 

2. Page Structure: Header

*********************************************************************************************/

header {
	margin-bottom: 20px;
}

#logo {

	display: inline;
	margin: 0 40px 0 0;
}

#logo h1 {
	font-size: 26px;
	font-weight: bold;
	letter-spacing: -1px;
	line-height: 40px;
}

#logo h1 a {
	color: #333;
}

#logo h1 a:hover {
	color: #999;
}

/* Top Secondary Menu */

#top-menu {
	float: right;
	display: inline;
	font-size: 10px;
	line-height: 18px;
	margin-bottom: 15px;
	text-transform: uppercase;
}

#top-menu a {
	color: #999;
}

#top-menu a:hover {
	color: #cf2626;
	text-decoration: underline;
}

#top-menu li {
	margin-left: 10px;
	padding-left: 10px;
	border-left: solid 1px #f1f1f1;
	float: left;
	display: inline;
}

#top-menu li:first-child {
	padding-left: 0;
	margin-left: 0;
	border-left: none;
}

#top-menu li.social-icons a {
	margin-right: 6px;
}
#top-menu li.social-icons a:last-child {
	margin-right: 0;
}

#header-helpful {
	background: transparent url(images/icon_telephone.png) no-repeat top left;
	clear: right;
	color: #696969;
	float: right;
	display: inline;
	padding-left: 24px;
	line-height: 13px;
	font-size: 11px;
}

nav#main-menu {
	background-color: #b01c1c;
	border-top: solid 1px #820b0b;
	font-size: 13px;
    position:relative;
    z-index:50;
    min-height: 40px;
}

nav#main-menu li {
	background-color: #b01c1c;
	display: inline;
	float: left;
	font-size: 12px;
	font-weight: bold;
	margin: 0;
	padding: 0;
	position: relative;
}

nav#main-menu li li {
	background-color: #333;
}

nav#main-menu li.cleaner {
	font-size: 1px;
	height: 1px;
	line-height: 1px;
	clear: both;
	float: none;
	display: block;
}

nav#main-menu li:hover {
	visibility: inherit; /* fixes IE7 'sticky bug' */
}

nav#main-menu li:last-child {
	border-right: 0;
}

nav#main-menu a:hover, 
nav#main-menu li.current-menu-item a, 
nav#main-menu a:active,
nav#main-menu li.current-item a {
	background-color: #8d1616;
	color: #fbdcbf;
} 

nav#main-menu li.current-item li a {
	color: #aaa;
}

nav#main-menu .dropdown ul {
	position:		absolute;
	top:			-999em;
	width:			150px; /* left offset of submenus need to match (see below) */
 	text-align: left;
	margin: 0;  
	padding: 10px 5px; 
	background: #272727; 
	text-transform: none; 
}

nav#main-menu .dropdown ul li {
	width: 100%;
	font-size: 11px;
	line-height: 22px;
 	margin: 0;
 	padding: 0;
 	border-right: 0;
 	border-bottom: solid 1px #444;
}

nav#main-menu .dropdown ul li a {
	padding:6px 12px;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-bottom: none;
}

nav#main-menu .dropdown ul li a:hover {
	
}

nav#main-menu a {
	color: #fff;
	padding: 15px 15px 13px;
	display: block;
	position: relative;
}

nav#main-menu li li a,
nav#main-menu .current-menu-item li a,
nav#main-menu li .current-menu-item a,
nav#main-menu li li a:hover {
	background: none;
	border: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}

nav#main-menu li li a {
	color: #aaa;
}

nav#main-menu li li a:hover {
	background-color: #333;
	color: #fff;
}

nav#main-menu .dropdown li:hover ul,
nav#main-menu .dropdown li.sfHover ul {
	padding: 0;
	margin: 0;
	left:			0;
	top:			3.3em; /* match top ul list item height */
	z-index:		99;
}

nav#main-menu ul.dropdown li:hover li ul,
nav#main-menu ul.dropdown li.sfHover li ul {
	top:			-999em;
}

nav#main-menu ul.dropdown li li:hover ul,
nav#main-menu ul.dropdown li li.sfHover ul {
	left:			151px; /* match ul width */
	top:			0;
}

nav#main-menu ul.dropdown li li:hover li ul,
nav#main-menu ul.dropdown li li.sfHover li ul {
	top:			-999em;
}

nav#main-menu ul.dropdown li li li:hover ul,
nav#main-menuul.dropdown li li li.sfHover ul {
	left:			151px; /* match ul width */
	top:			0;
}
 
nav#main-menu .dropdown li:hover, .dropdown li.sfHover,
nav#main-menu .dropdown a:focus, .dropdown a:hover, .dropdown a:active {
 	outline:		0;
}

.sf-sub-indicator { display:none; }
nav#main-menu .dropdown li ul .sf-sub-indicator { display:inline; }

/* Search form in Main Menu */ 

div.search-form {
	background-color: #8d1616;
	display: inline;
	float: right;
	margin-left: 20px;
	min-height: 40px;
	width: 230px;
}

#main-menu.wrapper-reversed div.search-form {
	float: left;
	margin-left: 0;
	margin-right: 20px;
}

#searchformtop {
	position: relative;
}

#setop {float: left; text-align: right; display: inline; border: none; width: 90%; margin: 8px 5px 0 15px; font-size: 12px; padding: 0px; background-color: #fff; color: #aaa; }
#searchsubmittop { position: absolute; top: 10px; right: 20px; padding: 5px 5px 5px 0; }

#separator-main,
.side-back {
	height: 20px;
	font-size: 1px;
	line-height: 1px;
}

.side-back {
	background-color: #f6f6f6;
	float: right;
	display: inline;
	margin: 0;
	padding: 0;
	width: 230px;
}

#separator-main.wrapper-reversed .side-back {
	float: none;
	display: block;
	margin: 0;
}

p.wpzoom-notice {
	color: #fff;
	font-size: 11px;
	line-height: 40px;
	margin: 0;
	padding-left: 10px;
}

#top-menu p.wpzoom-notice {
	color: #666;
}

#main-menu p.wpzoom-notice a {
	display: inline;
	padding: 0;
	text-decoration: underline;
}

/********************************************************************************************* 

3. Page Structure: Main Content

*********************************************************************************************/

div.breadcrumbs {
	color: #999;
	font-size: 11px;
	margin: 10px 0 20px;
}

#main {
	clear: both;
	padding-bottom: 30px;
}

div.full-width #content {
	margin-right: 0;
	width: auto;
}

#content {
	float: left;
	display: inline;
	margin-top: 20px;
	margin-right: 20px;
	width: 710px;
}

div.wrapper-reversed #content {
	float: right;
	margin-right: 0;
	margin-left: 20px;
}

div.single-post #content {
	margin-top: 30px;
}

/* Welcome Message */

#welcome-message {
	margin-bottom: 30px;
}

div.intro {
	color: #333;
}

div.intro h1,
h1.title {
	font-size: 30px;
	font-weight: bold;
	line-height: 36px;
}

div.intro p {
	color: #666;
	font-size: 15px;
	line-height: 24px;
}

div.intro-archives {
	border-bottom: solid 1px #eee;
	margin: 10px 0 20px;
	padding: 0 0 20px;
}

div.intro-archives p {
	font-size: 13px;
	line-height: 23px;
	margin-bottom: 0;
}

/********************************************************************************************* 

4. Page Structure: Individual Blocks

*********************************************************************************************/

/* Featured Posts */

#featured-posts-wrapper {
	margin-bottom: 20px;
	position: relative;
}

div.no-content {
	background-color: #f1f1f1;
	font-size: 14px;
	line-height: 22px;
	padding: 20px;
}

#featured-posts {
	background-color: #333;
}

#featured-posts li {
	position: relative;
}

#featured-posts div.post-body {
	background: transparent url(images/back-postmeta.png) repeat top left;
	color: #fff;
	position: absolute;
	left: 0;
	bottom: 0;
	font-size: 12px;
	line-height: 18px;
	padding: 20px;

}

#featured-posts h2 {
	font-size: 18px;
	font-weight: bold;
	line-height: 24px;
}

#featured-posts h2 a {
	color: #ef4832;
}

#featured-posts h2 a:hover {
	color: #fff;
}

#featured-posts p {
	margin-bottom: 0;
}

#featured-navigation {
	position: absolute;
	top: 15px;
	right: 15px;
}

.flexslider .slides img { width: 100%; display: block; }
#featured-navigation .slides img {
	width: 30px;
}


#featured-navigation li {
	background-color: #333;
	float: left;
	display: inline;
	margin-right: 10px;
	opacity: 0.6;
	-webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; transition-duration: 0.3s;
}

#featured-navigation li:last-child { margin-right: 0; }

#featured-navigation li:hover,
#featured-navigation li.flex-active-slide {
	opacity: 1.0;
}

#featured-navigation img {
	border: solid 5px #fff;
}

div.post-thumb {
	float: left;
	display: inline;
	margin-right: 20px;
	width: 140px;
}

ul.events-list div.post-thumb {
	margin-bottom: 10px;
	width: 200px;
}

div.post-excerpt {
	color: #666;
	font-size: 13px;
	line-height: 21px;
	overflow: hidden;
}

aside ul.events-list div.post-excerpt {
	font-size: 12px;
	line-height: 20px;
	overflow: visible;
}

ul.posts-archive li {
	border-bottom: solid 1px #eee;
	margin-bottom: 20px;
	padding-bottom: 0px;
}

ul.posts-archive p {
	margin: 0;
}

p.postmetadata,
p.page-meta {
	color: #999;
	font-size: 11px;
	display:none;
}

.single-post p.postmetadata {
	margin: 15px 0 20px;
	display:none;
}

ul.posts-archive h2 {
	font-size: 16px;
	font-weight: bold;
	line-height: 23px;
	margin: 1px 0;
}

div.post-thumb:hover,
div.widget div.cover:hover {
	zoom: 1;
	filter: alpha(opacity=60);
	opacity: 0.6;
	-webkit-transition-duration: 0.3s; 
	-moz-transition-duration: 0.3s; 
	transition-duration: 0.3s;
}

h2.title {
	font-size: 14px;
	font-weight: bold;
	line-height: 22px;
	text-transform: uppercase;
	margin: 10px 0 20px;
}

/* Featured Pages widget */

.featured-pages div.column {
	float: left;
	display: inline;
	margin-right: 20px;
	width: 220px;
}

.featured-pages div.column.last {
	margin-right: 0;
}

.featured-pages div.cover {
	margin: 0 0 20px;
}

.featured-pages h2 {
	font-size: 16px;
	line-height: 24px;
	font-weight: bold;
	margin-bottom: 12px;
}

.featured-pages p {
	font-size: 12px;
	line-height: 18px;
	margin-top: 0;
}

.featured-pages h2 a,
p.title a {
	color: #222;
}

.featured-pages h2 a:hover,
p.title a:hover {
	color: #ef4832;
}

span.more {
	font-size: 10px;
	text-transform: uppercase;
}

/* Featured Category Widget */

div.featured-category {
	font-size: 11px;
	line-height: 18px;
}

div.featured-category div.column {
	float: left;
	display: inline;
	margin-right: 20px;
	width: 140px;
	font-size: 11px;
	line-height: 16px;
}

div.featured-category div.column-wide {
	font-size: 13px;
	line-height: 20px;
	width: 380px;
}

div.featured-category div.column-last {
	margin-right: 0;
}

div.featured-category div.cover {
	margin-bottom: 12px;
}

div.featured-category h2,
ul.events-list h2 {
	font-size: 12px;
	font-weight: bold;
	line-height: 17px;
}

div.featured-category div.column-wide h2,
#content ul.events-list h2 {
	font-size: 14px;
	line-height: 21px;
}

/********************************************************************************************* 

5. Single: Post/Page Styling

*********************************************************************************************/

.post-content {
	font-size: 13px;  
	line-height: 23px; 
	max-width: 700px;
}

.full-width .post-content {
	max-width: 940px;
}

.post-content h2, 
.post-content h3, 
.post-content h4, 
.post-content h5, 
.post-content h6 {
	font-weight: bold;
	margin: 12px 0 12px;
	line-height: 1.25em; 
}

.post-content h1 {
	font-size: 32px;
	line-height: 36px;
}

.post-content h2 {
	font-size: 24px;
	line-height: 32px;
	color:#555;
}

.post-content h3 {
	font-size: 22px;
	line-height: 26px;
}

.post-content h4 {
	font-size: 18px;
	line-height: 24px;
}

.post-content h5 {
	font-size: 16px;
	line-height: 22px;
}

.post-content h6 {
	font-size: 14px;
	line-height: 20px;
}

.post-content p {
	margin-bottom: 1em; 
}

.post-content img {
	margin-bottom: 20px; 
}

.post-content img.alignnone, 
.post-content img.aligncenter, 
.post-content img.alignleft, 
.post-content img.alignright {
	max-width: 680px;
	width:auto;
 	height:auto;
}

.full-width .post-content img.alignnone, 
.full-width .post-content img.aligncenter, 
.full-width .post-content img.alignleft, 
.full-width .post-content img.alignright {
	max-width: 940px;
	width:auto;
 	height:auto;
}

.post-content ul, 
.post-content ol {
	margin: 0 0 1em 1em; 
}
.post-content li ul, 
.post-content li ol {
	margin-bottom: 0; 
}
.post-content li {
	list-style-position: outside; 
	margin-left: 20px;
} 
.post-content ul li {
	list-style-type: circle;
}
.post-content ol li {
	list-style-type: decimal; 
}
.post-content blockquote {
    color:#999;
    border-left: solid 3px #ececec;
    padding: 0 15px;
    margin: 10px;
}
.post-content a {
	text-decoration:none; 
}
.post-content a:hover {
	text-decoration:underline; 
	cursor: pointer; 
}

ul.posts-related li {
	list-style-type: none;
	margin: 0 0 15px;
}

ul.posts-related div.cover {
	float: left;
	display: inline;
	margin-right: 10px;
}

ul.posts-related li h2 {
	font-size: 12px;
	line-height: 20px;
	margin: 0 0 6px;
}

ul.posts-related time {
	font-style: italic;
	font-size: 11px;
	display:none;
}

div.post-actions div.column {
	float: left;
	display: inline;
	margin-right: 20px;
	width: 370px;
}

div.post-actions div.column.column-last {
	margin-right: 0;
	width: 200px;
}

ul.posts-related div.cover img {
	background-color: #fff;
	border: solid 1px #ccc;
	padding: 4px;
}

div.post-actions {
	margin: 20px 0;
}

div.post-actions {
	color: #999;
}

div.post-actions a {
	color: #333;
}

div.post-actions a:hover {
	text-decoration: underline;
}

div.post-actions p.title {
	margin-bottom: 20px;
}

/********************************************************************************************* 

6. Comments Styling

*********************************************************************************************/

#comments { display:block; margin:0; }
.comment-input-text textarea { width: 80%; }
.comment-list { margin: 0; padding: 15px 0 0; font-size: 12px; line-height: 20px;}
.comment-list li { list-style: none; }
.comment-list p { padding:15px 0 0; }
.comment-list p.heading {padding-top: 0; font-size: 12px; }
.comment-list li .commbody { border-top: 1px solid #e6e6e6; padding:0 0 8px; }
.comment-list ul { margin-bottom: 0; }
.comment-list ul.children .commbody { padding: 0 0 10px; }
.comment-author img { border:3px solid #fff; box-shadow: 1px 1px 1px rgba(0,0,0,0.1); -moz-box-shadow: 1px 1px 1px  rgba(0,0,0,0.1); -webkit-box-shadow: 1px 1px 1px  rgba(0,0,0,0.1); float: left; margin: 0 12px 12px 0; }
.comment-author cite.fn  { font-style:normal;  }
.comment-author cite.fn a { color: #666; font-weight:bold; }
.comment-author cite.fn a:hover { color: #222; }
.comment-profile-wrapper { text-align: center; width: 105px; }
span.says { display: none; }
.comment-meta { color:#8d8d8d; float: left; font-style:italic; font-size: 11px; margin-top: 6px; }
.commleft { border-top:3px solid #e6e6e6; float: left; padding-top:15px; width: 215px; }
.commentmetadata a { color: #6D6C6C; font-style:normal; }
.commentmetadata a:hover { color: #484040; text-decoration: none; }
.comment-gravatar { margin-bottom: 3px; }
.comment-content-wrapper { float: right; width: 538px; }
.comment-parent, .comment-single { margin-top: 15px; }
#comments ul.children { background:url(images/reply_bg.png) no-repeat;}
.comment-list ul.children, #comments #respond ul { margin: 0 0 10px 15px;  padding: 9px 0 0 35px;}
.comment-list ul.children ul.children { margin-left: 40px; }
.comment-list ul.children li {   margin: 0; }
.comment-body { margin: 0; padding: 8px 12px 0; position: relative; }
.comment-list li div p { color: #808080; margin-bottom: 0; margin-left: 229px; padding-right: 15px;}
.comment .post-date { margin-top: 0; }
.comment .post-date .right a { color: #BBB; }
.comment .post-date .right a:hover { color: #234; }
.reply {  clear: both; float:right; height:20px; font-size: 11px; }
.reply a { display:none; }
.commbody:hover .reply a { background:url(images/reply.png) no-repeat top left; display:block; margin-right: 15px; padding-left:16px; }
.cancel-comment-reply { margin:0 0 7px; }
.reply a, .cancel-comment-reply a { border: none;  color: #7D7D7D; margin-right: 3px; text-transform:uppercase; }
.reply a:hover, .cancel-comment-reply a:hover { color:#333; text-decoration: none; }

.nocomments {padding: 0 0 20px;}

#respond li { list-style: none; }
#respond ul { margin: 0; }
#respond .legend { margin-bottom: 10px; }

#comments #respond .legend { border-bottom: 0; margin-bottom: 0; }
#comments #respond ul { padding: 10px 0 0 15px;  }
#comments ul.children #respond ul { margin-left: 30px; padding: 0; }
#comments #respond .comment-profile-wrapper, #comments #respond .comment-arrow { display: none; }
#comments #respond .comment-body { background: #FFF; }
#comments #respond .comment-content-wrapper { float: none; width: 100%; }

#respond #formLabels p, #formContent p { margin: 0; padding: 4px 20px 3px 0; }
#respond label { color: #7e7e7e; float: left; font-size: 13px; margin: 8px 14px 0 0; text-align: right; width: 110px; font-weight:normal;}
#respond input, #respond textarea { display:inline-block; margin-right: 10px; padding:4px; font-size:13px; line-height:20px; color:#808080; border:1px solid #ccc; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; margin-bottom: 10px; -webkit-transition:border linear 0.2s,box-shadow linear 0.2s;-moz-transition:border linear 0.2s,box-shadow linear 0.2s;-ms-transition:border linear 0.2s,box-shadow linear 0.2s;-o-transition:border linear 0.2s,box-shadow linear 0.2s;transition:border linear 0.2s,box-shadow linear 0.2s;-webkit-box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.1);-moz-box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.1);box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.1);}
#respond input.button {padding: 0; font-size: 11px; color: #fff; border: 0;}
#respond input:focus, #respond textarea:focus, .widget input:focus {outline:0;border-color:rgba(82, 168, 236, 0.8);-webkit-box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.1),0 0 8px rgba(82, 168, 236, 0.6);-moz-box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.1),0 0 8px rgba(82, 168, 236, 0.6);box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.1),0 0 8px rgba(82, 168, 236, 0.6);}
#respond #formLabels input { width:55%;}
#respond #formLabels span {margin: 0 0 0 10px; font-size: 12px; color: #7e7e7e; font-style: italic;}
#respond #formContent textarea { width: 70%; resize: vertical; max-height: 500px; }

.comment-list li #respond p { margin-left: 0; }

/********************************************************************************************* 

7. Page Structure: Sidebar

*********************************************************************************************/

aside {
	background-color: #f6f6f6;
	float: left;
	display: inline;
	width: 200px;
	padding: 20px 15px 0;
}

#aside-fade {
	background: #fff url(images/back-fade.png) repeat-x top left;
	height: 100px;
	margin-left: -15px;
	width: 230px;
}

aside div.widget {
	margin-bottom: 30px;
}

aside p.title {
	color: #444;
	font-size: 11px;
	font-weight: normal;
	margin-top: 0;
}

aside div.widget {
	font-size: 11px;
	line-height: 18px;
}

aside div.widget li {
	border-bottom: dotted 1px #ccc;
	font-size: 12px;
	line-height: 20px;
	padding: 5px 0;
}

aside div.widget li:last-child {
	border-bottom: 0;
}

aside ul li a {
	color: #115782;
}

aside ul li a:hover {
	color: #cf2626;
}

/********************************************************************************************* 

8. Page Structure: Footer

*********************************************************************************************/

footer {
	background: #b01c1c;
	color: #fff;
	font-size: 11px;
	line-height: 16px;
	padding: 30px 0 40px;
	text-align: left;
}

footer div.wrapper {
	width: 950px;
	padding-left: 10px;
}

footer div.divider {
	border-top: solid 1px #ddd;
	border-bottom: 0;
	margin: 10px 0;
}

footer div.column {
	float: left;
	display: inline;
	font-size: 11px;
	line-height: 16px;
	margin-right: 4%;
	width: 16%;
}

footer div.column-wide {
	line-height: 18px;
	width: 300px;
}

footer div.column-last {
	margin-right: 0;
}

footer div.column li {
	line-height: 22px;
}

footer p.copyright {float: left; display: inline; color: #999; }
footer p.wpzoom { display: inline; float: right; color: #999; }
footer p.wpzoom a {color: #999; text-decoration: none;}
footer p.wpzoom a:hover {color: #333;}
footer p.wpzoom img { display: inline; float: right; padding: 0 0 0 2px; }

/********************************************************************************************* 

9. Miscellaneous

*********************************************************************************************/

/* WPZOOM Twitter Widget */

.twitter-timestamp {
	color: #999;
	font-size: 11px;
	font-style: italic;
	display: block;
}

/* Begin Images */
.post-content .aligncenter {	display: block;	margin-left: auto;	margin-right: auto;	}
.post-content .alignright {	margin: 0 0 5px 20px;	display: inline;	}
.post-content .alignleft {	margin: 0 20px 5px 0;	display: inline;	}
.alignright {	float: right;	}
.alignleft {	float: left	}

/* Caption for images */
.post-content .wp-caption { background-color: #f9f9f9; border: solid 1px #e9e9e9; padding: 10px 8px; text-align:center; }
.post-content .wp-caption img { background:none; margin:0 0 10px; border:0 none; max-width:100%; width:auto; height:auto;}
.post-content .wp-caption-text, .gallery-caption { color:#A7A3A3; font-size:11px; line-height: 1.4em; margin:0; padding:4px 0 0; text-align:center; }
.post-content .wp-caption.aligncenter { margin:0 auto 15px; }

/* [gallery] shortcode styling */
.post-content .gallery { margin: auto; text-align:center; clear:both; }
.post-content .gallery .gallery-item {display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline; margin: 10px; width: 30%; }
.post-content .gallery img { border: solid 4px #f6f3ee; padding: 10px; margin-bottom: 5px; }
.post-content .gallery-caption { margin-left: 0; }
.post-content div.gallery img:hover {border: solid 4px #d46670; }

/* Social Widget */
.wpzoomSocial li {
	margin:0 5px 10px 0;
}

aside .wpzoomSocial li {
	float:left;
	display: inline;
	width: 145px;
}

.wpzoomSocial li img {
	margin-right: 5px;
}

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

/* Recent Comments */
ul.recent-comments-list {margin: 0; padding: 0; font-size: 12px; }
.recent-comments-list img.avatar { margin-right: 12px; float: left;}
.recent-comments-list li {padding: 0 0 10px; margin:0 0 10px; border-bottom: dotted 1px #ccc; } 

/* Recent Posts */
ul.posts-side li {
	margin: 0 0 10px;
	border-bottom: dotted 1px #ccc;
	padding-bottom: 10px;
}

ul.posts-side div.cover {
	float: left;
	display: inline;
	margin-right: 10px;
}

ul.posts-side h2.title {
	font-size: 13px;
	margin: 0;
}

ul.posts-side p.postmetadata {
	color: #999;	
	font-size: 11px;
	margin: 0;
}

span.share_btn {display: block; }

/* WPZOOM Tabs Widget */
 
.tabberlive .tabbertabhide { display: none; }
ul.tabbernav { margin: 0; padding: 0; float: left; width: 100%; display: inline; list-style-type: none; border-bottom: 1px solid #666; margin-bottom: 10px; }
ul.tabbernav li { float: left; margin: 0 1px 0 0; padding: 0; line-height: 30px; overflow: hidden; position: relative; }
*html  ul.tabbernav { padding: 2px 0; /* ie6 only */ }
*+html  ul.tabbernav { padding: 2px 0; /* ie7 only */ }
ul.tabbernav li { list-style-type: none; display: inline; background-color: #f4f4f4; }
ul.tabbernav li a { text-decoration: none; /* inactive tabs */ color: #888; display: block; font-size: 11px; font-weight: bold; text-transform: uppercase; padding: 0 10px; outline: none; }
ul.tabbernav li.tabberactive { background-color: #666; /* active tab */ }
ul.tabbernav li.tabberactive a { color: #fff; }
.tabbertabs {font-size: 12px; line-height: 20px; margin-bottom: 20px; }
.tabbertabs .recent_comments li img, .tabbertabs .recent_news li img { float: left; margin: 0 7px 5px 0; }
.tabberlive .tabbertab { padding: 5px 0 0; float: left; width: 100%; }
.tabbertab .widgettitle { display: none; }
.tabbertab li {font-size: 12px; line-height: 20px; }
aside .tabbertabs ul.posts li {float: none; display: block; width: 100%; }

/* Flickr widget */
.widget .flickr_badge_image {float: left; margin-right: 10px; margin-bottom: 10px; }
.widget .flickr_badge_image img { width: 63px; height: 63px; border: solid 1px #192027; 	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; 
	filter: alpha(opacity=50); 
	-moz-opacity:0.5; 
	-khtml-opacity: 0.5; 
	opacity: 0.5;}
.widget .flickr_badge_image img:hover {	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; 
	filter: alpha(opacity=100); 
	-moz-opacity:1; 
	-khtml-opacity: 1; 
	opacity: 1;}

/********************************************************************************************* 

10. Elements: Forms, Buttons

*********************************************************************************************/

p.title {
	color: #333;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
}

div.widget input#s {
	float: left;
	display: inline;
	border: solid 1px #ccc;
	background-color: #fff;
	color: #777;
	font-size: 11px;
	height: 20px;
	width: 135px;
	padding: 3px 5px;
	border-right: 0;
}

div.widget input#s {
	-webkit-border-radius: 3px 0px 0px 3px;
	border-radius: 3px 0px 0px 3px;
	width: 115px;
}

input#searchsubmit {
	float: left;
	display: inline-block;
}

a.button {
	display: inline;
}

a.button,
#respond input.button,
input#searchsubmit {
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	padding: 3px 10px;
	height: 28px;
	border: solid 1px #2b849e;
	cursor: pointer;            
	display: block; 	
	color: #fff;                
	-webkit-border-radius: 2px; 
	-moz-border-radius: 2px;    
	border-radius: 2px;         
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	-webkit-transition: 0.1s linear all;
	-moz-transition: 0.1s linear all;
	-ms-transition: 0.1s linear all;
	-o-transition: 0.1s linear all;
	transition: 0.1s linear all;
}

input#searchsubmit {
	-webkit-border-radius: 0px 3px 3px 0px !important;
	border-radius: 0px 3px 3px 0px !important;
}

a.button {
	display: inline;
	padding: 5px 10px;
}

a.button.blue,
#respond input.button.blue {
	background-color: #0064cd;
	background-repeat: repeat-x;
	background-image: -khtml-gradient(linear, left top, left bottom, from(#049cdb), to(#0064cd));
	background-image: -moz-linear-gradient(top, #049cdb, #0064cd);
	background-image: -ms-linear-gradient(top, #049cdb, #0064cd);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #049cdb), color-stop(100%, #0064cd));
	background-image: -webkit-linear-gradient(top, #049cdb, #0064cd);
	background-image: -o-linear-gradient(top, #049cdb, #0064cd);
	background-image: linear-gradient(top, #049cdb, #0064cd);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#049cdb', endColorstr='#0064cd', GradientType=0);
	border-color: #0064cd #0064cd #003f81;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	text-shadow: #09509a 1px 1px 0;
}

a.button.green,
#respond input.button.green {
	background-color: #57a957;
	background-repeat: repeat-x;
	background-image: -khtml-gradient(linear, left top, left bottom, from(#62c462), to(#57a957));
	background-image: -moz-linear-gradient(top, #62c462, #57a957);
	background-image: -ms-linear-gradient(top, #62c462, #57a957);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #62c462), color-stop(100%, #57a957));
	background-image: -webkit-linear-gradient(top, #62c462, #57a957);
	background-image: -o-linear-gradient(top, #62c462, #57a957);
	background-image: linear-gradient(top, #62c462, #57a957);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#57a957', GradientType=0);
	border-color: #57a957 #57a957 #3d773d;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	text-shadow: #3e783e 1px 1px 0;
}

a.button.orange,
#respond input.button.orange {
	background-color: #ef4832;
	background-repeat: repeat-x;
	background-image: -khtml-gradient(linear, left top, left bottom, from(#e49d1f), to(#ef4832));
	background-image: -moz-linear-gradient(top, #f2723a, #ef4832);
	background-image: -ms-linear-gradient(top, #f2723a, #ef4832);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f2723a), color-stop(100%, #ef4832));
	background-image: -webkit-linear-gradient(top, #f2723a, #ef4832);
	background-image: -o-linear-gradient(top, #f2723a, #ef4832);
	background-image: linear-gradient(top, #f2723a, #ef4832);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2723a', endColorstr='#ef4832', GradientType=0);
	border-color: #ef4832 #ef4832 #bf831c;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	text-shadow: #b72816 1px 1px 0;
}

a.button.yellow,
#respond input.button.yellow {
	background-color: #c98610;
	background-repeat: repeat-x;
	background-image: -khtml-gradient(linear, left top, left bottom, from(#e49d1f), to(#c98610));
	background-image: -moz-linear-gradient(top, #e49d1f, #c98610);
	background-image: -ms-linear-gradient(top, #e49d1f, #c98610);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e49d1f), color-stop(100%, #c98610));
	background-image: -webkit-linear-gradient(top, #e49d1f, #c98610);
	background-image: -o-linear-gradient(top, #e49d1f, #c98610);
	background-image: linear-gradient(top, #e49d1f, #c98610);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e49d1f', endColorstr='#c98610', GradientType=0);
	border-color: #c98610 #c98610 #bf831c;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	text-shadow: #bf831c 1px 1px 0;
}

a.button.purple,
#respond input.button.purple {
	background-color: #4f337d;
	background-repeat: repeat-x;
	background-image: -khtml-gradient(linear, left top, left bottom, from(#664a96), to(#4f337d));
	background-image: -moz-linear-gradient(top, #664a96, #4f337d);
	background-image: -ms-linear-gradient(top, #664a96, #4f337d);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #664a96), color-stop(100%, #4f337d));
	background-image: -webkit-linear-gradient(top, #664a96, #4f337d);
	background-image: -o-linear-gradient(top, #664a96, #4f337d);
	background-image: linear-gradient(top, #664a96, #4f337d);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#664a96', endColorstr='#4f337d', GradientType=0);
	border-color: #4f337d #4f337d #382458;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	text-shadow: #3a2164 1px 1px 0;
}

a.button.red,
#respond input.button.red,
input#searchsubmit {
	background-color: #c43c35;
	background-repeat: repeat-x;
	background-image: -khtml-gradient(linear, left top, left bottom, from(#ee5f5b), to(#c43c35));
	background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35);
	background-image: -ms-linear-gradient(top, #ee5f5b, #c43c35);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ee5f5b), color-stop(100%, #c43c35));
	background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35);
	background-image: -o-linear-gradient(top, #ee5f5b, #c43c35);
	background-image: linear-gradient(top, #ee5f5b, #c43c35);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#c43c35', GradientType=0);
	border-color: #c43c35 #c43c35 #882a25;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	text-shadow: #a8332d 1px 1px 0;	
}

a.button.silver,
#respond input.button.silver {
	background-color: #e6e6e6;
	background-repeat: repeat-x;
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));
	background-image: -webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
	background-image: -moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6);
	background-image: -ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
	background-image: -o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
	background-image: linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
	border-color: #339bb9 #339bb9 #22697d;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	text-shadow: #fff 1px 1px 0;
	color: #333;
}

a.button.teal,
#respond input.button.teal {
	background-color: #339bb9;
	background-repeat: repeat-x;
	background-image: -khtml-gradient(linear, left top, left bottom, from(#5bc0de), to(#339bb9));
	background-image: -moz-linear-gradient(top, #5bc0de, #339bb9);
	background-image: -ms-linear-gradient(top, #5bc0de, #339bb9);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5bc0de), color-stop(100%, #339bb9));
	background-image: -webkit-linear-gradient(top, #5bc0de, #339bb9);
	background-image: -o-linear-gradient(top, #5bc0de, #339bb9);
	background-image: linear-gradient(top, #5bc0de, #339bb9);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de', endColorstr='#339bb9', GradientType=0);
	border-color: #339bb9 #339bb9 #22697d;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	text-shadow: #2a819a 1px 1px 0;
}

a.button:hover,
#respond input.button:hover,
input#searchsubmit:hover {
	background-position: 0 -15px;
	text-decoration: none;
}

a.button:active,
#respond input.button:active,
input#searchsubmit:active {
	-webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
	box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
}
#respond input.button {
	height: 40px;
	padding: 10px 15px;
}

/********************************************************************************************* 

11. Homepage Slider

*********************************************************************************************/

/*
 * jQuery FlexSlider v2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */

 
/* Browser Resets */
.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;} 

/* Pagination */
div.navigation {text-align: center; margin-bottom:15px; font-size: 12px; }
div.navigation p {margin: 0;}
div.navigation a {padding: 7px 10px; line-height: 24px; background-color: #f1f1f1; color: #333; }
div.navigation .current { font-weight:bold; background-color: #b01c1c; color: #fff; padding: 7px 10px; line-height: 24px;}
div.navigation a:hover {
	background: none;
	background-color: #b01c1c; 
	color: #fff;
}

/* FlexSlider Necessary Styles
*********************************/ 
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {}
.flex-pauseplay span {text-transform: capitalize;}

/* 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 JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}

/* FlexSlider Default Theme
*********************************/
.flexslider {}
.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .flex-viewport {max-height: 300px;}
.flexslider .slides {zoom: 1;}

/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a {}
.flex-direction-nav .flex-next {background-position: 100% 0; right: -36px; }
.flex-direction-nav .flex-prev {left: -36px;}
.flexslider:hover .flex-next {opacity: 0.8; right: 5px;}
.flexslider:hover .flex-prev {opacity: 0.8; left: 5px;}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;}
.flex-direction-nav .flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}

/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 11px; height: 11px; 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 { background: #000; background: rgba(0,0,0,0.9); cursor: default; }

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}

@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev {opacity: 1; left: 0;}
  .flex-direction-nav .flex-next {opacity: 1; right: 0;}
}

/********************************************************************************************* 

12. Media Queries 

*********************************************************************************************/   
 
/* Tablet Landscape */
#main-menu ul{

	margin:0 auto;
	width: 960px;
}


@media screen and (max-width: 1020px) {
	#main-menu ul{

	margin:0 auto;
	width: 100%;
}

	div.wrapper,
	footer div.wrapper {
		width: 94%;
		padding-left: 2%;
		padding-right: 2%;
	}
	
	#content {
		margin-right: 2%;
		width: 72%;
	}
	
	aside {
		padding-left: 2%;
		padding-right: 2%;
		width: 22%;
	}
	
	div.side-back,
	div#aside-fade {
		display: none;
	}
	
	#featured-posts {
		min-height: auto;
		width: 100%;
	}
	
	#featured-posts div.cover {
		max-width: 100%;
		width: 100%;
		height: auto;
	}
	
	#featured-posts div.cover img {
		height: auto;
	}
	
	#featured-navigation {
		top: 15px;
		right: 15px;
	}
	
	#featured-posts div.post-body {
		
	}
	
	div.featured-category div.column {
		width: 24%;
		margin-right: 2%;
	}

	div.featured-category div.column-wide {
		width: 45%;
		margin-right: 5%;
	}
	
	div.featured-category div.column-last {
		margin-right: 0;
	}
	
	div.featured-category img,
	div.featured-pages img {
		width: 100%;
		height: auto;
	}
	
	div.featured-pages div.column {
		width: 30%;
		margin-right: 5%;
	}
	
	div.featured-pages div.column-last {
		margin-right: 0;
	}

}

/* Tablet Landscape */
@media screen and (max-width: 960px) {
	#main-menu ul{

	margin:0 auto;
	width: 100%;
}

.head-image img{

width:99%;
height:auto;
}


}

/* Tabled Portrait */
@media screen and (max-width: 768px) {
div.single-post #content{
margin-top:45px;
}

	#main-menu ul{

	margin:0 auto;
	width: 100%;
}

	div.post-thumb {
		width: 100px;
	}
	
	div.post-thumb img {
		width: 100%;
		height: auto;
	}

	footer div.column {

	float: none;
}

}

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

	div.search-form {
		display: none;
	}
	
	#content {
		float: none;
		display: block;
		margin-right: 0;
		width: 100%;
	}
	
	aside {
		float: none;
		display: block;
		margin: 20px 0 0;
		padding-left: 2%;
		padding-right: 2%;
		width: 96%;
	}
	
	footer div.column {
		width: 22%;
		margin-right: 4%; 
	}
	
	footer div.column-last {
		margin-right: 0;
	}

	footer div.column-wide {
		float: none;
		display: block;
		margin-right: 0;
		width: 100%;
	}
	
	#logo {
		margin-bottom: 20px;
	}

}

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

	#featured-posts div.post-body {
		padding-left: 3%;
		padding-right: 3%;
		width: 94%;
	}
	
	#featured-posts p {
		display: none;
	}
	
	#featured-posts,
	#featured-posts li {
		height: auto;
		min-height: inherit;
	}
	
	div.featured-category div.column {
		margin-right: 4%;
		width: 48%;
	}
	
	div.featured-category div.column-last {
		margin-right: 0;
	}
	div.featured-category div.column-wide {
		float: none;
		display: block;
		margin-right: 0;
		margin-bottom: 20px;
		width: 100%;
	}
	
	ul.posts-archive h2 {
		font-size: 16px;
		line-height: 22px;
	}

}

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

	#featured-posts div.post-body {
		display: none;
	}

	div.featured-pages div.column {
		float: none;
		display: block;
		margin-right: 0;
		margin-bottom: 20px;
		width: 100%;
	}
	
	div.post-thumb {
		display: none;
	}
	
	footer div.column {
		float: none;
		display: block;
		margin-right: 0;
		width: 100%; 
	}

}

/* tito addition
*********************************/ 

.widget_siteorigin-panels-image img{
display: inline;
	width:99%;
	height: auto;
} 

#tito{
	background: #fff url("bgr.jpg")repeat;
	margin: 0 auto;
	width: 100%;
}

.head-image{
margin: 12px 0px;
}