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

Theme Name: Convention
Theme URI: http://www.wpzoom.com/themes/convention
Version: 1.1.9
Author: WPZOOM
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: Common layout elements  ------  All Theme Files
2.  Page Structure: Header -------------  header.php
3.  Page Structure: Main Content  ------  
4.  Page Structure: Sidebar  -----------  sidebar.php
5.  Single: Post/Page Styling ----------  
6.  Comments Styling   -----------------  comments.php  
7.  Page Structure: Footer -------------  footer.php  
8.  Elements: Forms, Buttons  ----------  
9.  Miscellaneous ----------------------  
10.  Media Queries  --------------------  responsive rules

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


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

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

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

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%; }
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 { 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 {}
td {}

/* 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:#edd29f; color:#333; }
::selection{ background:#edd29f; color:#333; }

a { color: #1c97d4; text-decoration:none; }
a:hover { color: #ef4832; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; transition-duration: 0.2s; }
a:focus { outline: none; }
a:hover, a:active { outline: none; }

body {
	background-color: #fff;
	color: #555;
	font-family: Arial, Tahoma, sans-serif;
	margin: 0;
	padding: 0;
}

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

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

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 2px #eee;
	border-bottom: solid 1px #eee;
	clear: none;
	margin: 30px 0;
}

div.divider-post {
	margin: 5px 0 15px;
}

h1,h2,h3,h4,h5,h6 {
	font-family: "Helvetica Neue", Arial, sans-serif;
	color: #222;
	margin: 0;
}


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

2. Page Structure: Header

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

#header {
	padding: 0;
	background-image: url(images/bg_header.jpg);
	background-repeat: repeat-x;
	background-position: left bottom;
}

header div.wrapper {
	padding-top: 20px;
	padding-right: 0;
	padding-bottom: 15px;
	padding-left: 0;
}

#header-helpful {
	float: right;
	margin-bottom: 15px;
	display: inline;
}

header span.action {
	color: #39F;
	font-size: 12px;
}

header span.value {
	font-size: 24px;
	margin-left: 5px;
	line-height: 24px;
}

ul#social-links {
	clear: right;
	color: #aaa;
	float: right;
	display: inline;
}

ul#social-links li {
	float: left;
	display: inline;
	margin-right: 0;
	margin-left: 6px;
	line-height: 16px;
}

ul#social-links li.list-title {
	font-size: 11px;
	line-height: 20px;
	margin-right: 6px;
}

#logo {
	float: left;
	display: inline;
	margin: 0 40px 0 0;
}

#logo h1 {
	font: bold 32px 'PT Sans', sans-serif;
	text-transform: uppercase;
}

#logo h1 a {
	color: #fff;
}

#logo #tagline {
	font-size: 10px;
	text-transform: uppercase;
	color: #8c8c8c;
	margin: 0;
}

#main-menu {
	background: transparent url(images/bg_menu-inactive.png) repeat-x top left;
	font-size: 12px;
	line-height: 40px;
	min-height: 40px;
	margin-bottom: 20px;
}

#main-menu p {
	margin: 0;
}

#menu-shadow {
	background: transparent url(images/back-menu-shadow.png) repeat-x top left;
	height: 10px;
}

#main-menu ul {
	min-height: 40px;
}

#main-menu li a {
	color: #fff;
	display: block;
	padding: 0 35px;
}

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

#main-menu li a:hover {
	color: #FF6;
}

#main-menu a,
#main-menu li.current-menu-item li a,
#main-menu li.sfHover li a {
	background: none;
	border-right: dotted 1px #666;
	color: #ccc;
	display: block;
	padding: 0 20px;
}

#main-menu li.current-menu-item a,
#main-menu a:hover,
#main-menu li.sfHover a {
	background-color: #99cc00;
	color: #FF3;
}

#main-menu li {
	float: left;
	display: inline; 
}

#main-menu li li {
	font-weight: normal;
	line-height: 22px;
}

#main-menu li li a:hover {
	background-image: none;
}

/********************************************************************************
Dropdown Menu
********************************************************************************/
.dropdown ul { position: absolute; top: -999em; width: 180px; /* left offset of submenus need to match (see below) */ }
.dropdown ul li { width: 100%; }
.dropdown li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ }
.dropdown li { float:left; display:inline;  position: relative; }
.dropdown a {  position: relative; }
.dropdown li:hover ul,
.dropdown li.sfHover ul { left: 0; top:40px; /* match top ul list item height */ z-index: 99; }
ul.dropdown li:hover li ul,
ul.dropdown li.sfHover li ul { top: -999em; }
ul.dropdown li li:hover ul,
ul.dropdown li li.sfHover ul { left: 160px; /* match ul width */ top: 0; }
ul.dropdown li li:hover li ul,
ul.dropdown li li.sfHover li ul { top: -999em; }
ul.dropdown li li li:hover ul,
ul.dropdown li li li.sfHover ul { left: 160px; /* match ul width */ top: 0; }

#main-menu .dropdown li li a {
	border-right: 0;
	color: #fff;
	display: block;
	padding: 7px 13px;
	border-bottom: solid 1px #222;
}

#main-menu .dropdown li li a:hover {
   background-color:#444;
}

.dropdown ul { 
	text-align: left;
	margin: 0;  
	padding: 0; 
	background-color: #222;
	z-index:999;
	-moz-border-radius-bottomright: 3px;
	-moz-border-radius-bottomleft: 3px;
	-webkit-border-radius: 0 0 3px 3px;
	border-radius: 0 0 3px 3px; 
}
 
.dropdown ul ul { 
    border: solid 1px #222;
	top:0;
    padding:0 0 0;
}
 
.dropdown .current_page_item a,
.dropdown .current-cat a,
.dropdown .current-menu-item a,
.dropdown .current_page_item a,
.dropdown .current-cat a,
.dropdown .current-menu-item a {
    outline:0;
}
.dropdown .current_page_item ul a,
.dropdown .current-cat ul a,
.dropdown .current-menu-item ul a,
.dropdown .current_page_item ul a,
.dropdown .current-cat ul a,
.dropdown .current-menu-item ul a {
    outline:0;
    font-weight:normal;
}

.dropdown li ul li {
    float:left;
    margin:0;
    padding:0;
 }

.dropdown li ul li a {
    margin:0;
    padding:7px 10px;
    font-size:11px;
    color:#fff;
}

.dropdown li:hover a { 
    background:none;
    color:#ef4832;
}

.dropdown li:hover ul a { 
    color:#fff;
}

.dropdown li:hover li a:hover {
    color:#E1DFDD;
}

.dropdown a.sf-with-ul {
    min-width:1px; 
}

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

3. Page Structure: Main Content

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

div.crumbs {
	background: #898989 url(images/back-widgets-gray.png) repeat-x top left;
	color: #fff;
	font-size: 11px;
	line-height: 30px;
	margin: 0 0 20px;
	padding: 0 10px;
}

div.crumbs a {
	color: #fff;
	text-decoration: underline;
}

div.crumbs a:hover {
	text-decoration: none;
}

div.crumbs p {
	margin: 0;
}

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: #ef4832; color: #fff; padding: 7px 10px; line-height: 24px; }
div.navigation a:hover {
	background: none;
	background-color: #ef4832; 
	color: #fff;
}

#content {float: left; display: inline; width: 700px; margin: 0 20px 0 10px; }
#content div.divider:last-child {display: none;}
aside {float: left; display: inline; width: 230px; }

.wrapper-reversed #content {float: right; margin-right: 10px; margin-left: 20px;}
.wrapper-reversed aside {float: right; }
.full-width #content {margin: 0 0 0 10px; width: 960px;}

/* Homepage Slider */
#featured-posts {
	float: left;
	display: inline;
	width: 710px;
	color: #fff;
	font-size: 11px;
	line-height: 19px;
	margin: 0 20px 30px 0;
	position: relative;
}

#featured-posts div.post-content {
	color: #333;
}

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

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

#featured-posts h2 a:hover {
	text-decoration: underline;
}

#featured-posts li {
	position: relative;
}

#featured-posts div.post-body {
	position: absolute;
	bottom: 0px;
	left: 0px;
	background-color: #148ac5;
	padding: 15px 10px;
	width: 690px;
	z-index: 10;
}

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

#featured-posts div.column-last {
	margin-right: 0;
	width: 450px;
}

#featured-posts p {
	margin: 0;
}

#featured-posts a.browse
{
	background:transparent url(images/arrows-port.png) no-repeat 0 0;
	cursor:pointer;
	display:block;
	font-size:1px;
	height:40px;
	position:absolute;
	text-indent:-2000px;
	top:110px;
	width:40px;
	z-index:30;
	left: 0;
	-webkit-transition-duration: 0.1s; -moz-transition-duration: 0.1s; transition-duration: 0.1s;
}

#featured-posts a.prev
{
	background-position:0 0;
	right:40px;
}

#featured-posts a.prev:hover
{
	background-position:0 -40px;
}

#featured-posts a.next
{
	background-position:-40px 0;
	left: auto;
	right: 0;
}

#featured-posts a.next:hover
{
	background-position:-40px -40px;
}

/* Homepage Quick Pages */
#featured-services {
	float: left;
	display: inline;
	background-color: #148ac5;
	color: #fff;
	font-size: 12px;
	line-height: 18px;
	margin-bottom: 30px;
	padding: 15px;
	min-height: 240px;
	width: 200px;
}

#featured-services div.divider {
	border-top: 0;
	border-bottom: dotted 1px #fff;
	margin: 20px 0;
}

#featured-services h2 {
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	line-height: 20px;
	margin-bottom: 15px;
}

#featured-services p {
	margin: 0;
}

#featured-services li {
	color: #fff;
	font-size: 11px;
	line-height: 24px;
}

#featured-services a {
	color: #fff;
	font-weight: bold;
	text-decoration: underline;
}

#featured-services a:hover {
	color: #fff494;
	margin-left: 5px;
}

/* Welcome Message */

div.intro {
	color: #333;
}

div.intro h1 {
	font-size: 26px;
	line-height: 30px;
}

/*
div.intro h1 {
	text-align: center;
	font-family: "Open Sans", Arial, sans-serif;
	text-transform: uppercase;
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1em;
	color: #555;
	letter-spacing: 0.2em;
}
*/

div.intro p {
	font-size: 15px;
	line-height: 25px;
}

/* 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,
h2.title a {
	color: #222;
}

aside p.title a {
	color: #fff;
}

aside p.title a:hover {
	color: #fff;
	text-decoration: underline;
}

h3.title a {
	color: #ef4832;
}

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

h3.title a:hover {
	color: #222;
}

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

p.title {
	color: #333;
	font-size: 16px;
	font-weight: bold;
	line-height: 22px;
	margin-top: 0;
}

p.title span.leave-comment {
	font-size: 11px; 
	font-weight: normal;
	margin-left: 5px; 
}

p.title span.leave-comment a {
	color: #999;
}

p.title span.leave-comment a:hover {
	color: #ef4832;
}

/* 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 {
	color: #999;
	font-size: 11px;
	line-height: 17px;
	width: 220px;
}

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,
ul.posts-side h2 {
	font-size: 12px;
	font-weight: bold;
	line-height: 17px;
}

ul.posts-side h2 {
	line-height: 18px;
}

ul.posts-list li,
ul.events-list li {
	border-bottom: solid 1px #eee;
	margin-bottom: 15px;
	padding-bottom: 5px;
}

aside div.widget div.divider {
	display: none;
}

ul.events-list li:last-child {
	border-bottom: 0;
	margin-bottom: 0;
	padding-bottom: 0;
}

ul.events-list div.post-excerpt {
	font-size: 12px;
	line-height: 18px;
}

div.cover-author {
	float: right;
	display: inline;
	margin: 0 0 10px 20px;
}

ul.posts-list div.cover {
	float: left;
	display: inline;
	margin-right: 20px;
	width: 220px;
}

div.cover {
	-webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; transition-duration: 0.3s;
}

div.cover:hover {
	zoom: 1;
	filter: alpha(opacity=60);
	opacity: 0.6;
}

ul.slides div.cover:hover {
	filter: alpha(opacity=100);
	opacity: 1.0;
}

ul.posts-list div.cover img,
div.cover-author img,
ul.events-list div.cover img,
ul.posts-side div.cover img {
	background-color: #fff;
	border: solid 1px #eee;
	padding: 4px;
}

ul.events-list div.cover {
	float: left;
	display: inline;
	margin-right: 0;
	margin-bottom: 10px;
	width: 208px;
}

#content ul.events-list div.cover {
	margin-right: 20px;
}

ul.events-list p.page-meta {
	color: #777;
	font-size: 11px;
	margin: 5px 0;
}

ul.events-list div.cover img {
	width: 198px;
	height: auto;
}

ul.posts-list li a.button.silver {
	color: #777;
	font-size: 11px;
	font-weight: normal;
	text-transform: none;
}

ul.posts-list h2 {
	font-size: 16px;
	font-weight: bold;
	line-height: 24px;
}

ul.posts-old h3 {
	color: #999;
	font-size: 12px;
	font-weight: bold;
	line-height: 18px;
}

ul.posts-old h3 span {
	font-size: 11px;
	font-weight: normal;
}

ul.posts-list div.post-excerpt {
	font-size: 13px;
	line-height: 20px;
	overflow: hidden;
}

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

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

4. Page Structure: Sidebar

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

aside a {
	color: #0f65a2;
}

aside a:hover {
	color: #ef4832;
}

aside div.widget {
	font-size: 12px;
	line-height: 19px;
	margin-bottom: 20px;
}

.UIImageBlock_Content { 
    display: inline !important;
}

aside div.widget p.title {
	color: #444;
	font-size: 11px;
	font-weight: normal;
	text-transform: uppercase;
}

aside div.widget li {
	line-height: 24px;
}

div.widget-newsletter p {
	color: #999;
}

aside div.widget-alt {
	border: solid 1px #ddd;
	border-top: 0;
	margin-bottom: 0;
	padding: 10px 10px 20px;
}

aside div.widget:last-child {
	border-bottom-width: 2px;
}

aside div.widget-alt p.title {
	background: #898989 url(images/back-widgets-gray.png) repeat-x top left;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	text-transform: none;
	margin: -11px -11px 10px;
	padding: 5px 10px;
}

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

5. Single: Post/Page Styling

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

div.author-meta {
	color: #999;
	float: right;
	display: inline;
	margin: 0 0 15px 30px;
}

div.author-meta div.cover {
	float: left;
	display: inline;
	margin-right: 10px;
}

div.author-meta p {
	display: inline-block;
	font-size: 11px;
	line-height: 20px;
	margin: 5px 0 0;
}

div.post-meta p.postmetadata {
	margin-bottom: 20px;
}

div.post-meta p.postmetadata a {
	color: #ef4832;
}

div.post-meta p.postmetadata a:hover {
	color: #1c97d4;
}

div.author-meta p a {
	color: #333;
}

div.author-meta p a:hover {
	color: #ef4832;
}

div.author-meta img.avatar {
	border: solid 1px #ddd;
	padding: 4px;
}

h1.title {
	font-size: 30px;
	font-weight: bold;
	line-height: 36px;
	margin: 30px 0 20px;
}

body.home div.intro h2.title {
	font-size: 20px;
	font-weight: bold;
	line-height: 24px;
	margin: 20px 0 20px;
}

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

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

.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 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: 26px;
	line-height: 32px;
}

.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: 700px;
	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: square;
}
.post-content ol li {
	list-style-type: decimal; 
}
.post-content blockquote {
	margin: 10px; 
	display: block; 
	float: none; 
	clear: both; 
	font-style: italic; 
	font-size: 1em; 
	border-left: solid 5px #eee; 
	background-color: #fafafa; 
	padding: 10px 15px 1px; 
}
.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;
}

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

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: Footer

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

footer {
	font-size: 11px;
	padding-bottom: 40px;
}

footer a {
	color: #ef4832;
}

footer a:hover {
	color: #1c97d4;
}

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

footer div.column-wide {
	font-size: 11px;
	line-height: 19px;
	width: 460px;
}

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

footer p.title {
	font-size: 14px;
}

footer li {
	line-height: 22px;
}

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

.widget.testimonials span.read-more {
	float: right;
	display: inline;
	font-size: 11px;
	margin: 5px 0 0 10px;
}

.widget.testimonials p.title {
	font-size: 10px;
	font-weight: normal;
	text-transform: uppercase; 
}

.widget.testimonials blockquote {
	background: transparent url(images/back-quote.png) no-repeat top left;
	font-size: 18px;
	font-family: HattoriHanzoLightItalic, Georgia, serif;
	font-style: italic;
	line-height: 26px;
	margin: 20px 0;
	padding: 0 0 0 50px;
} 

.widget.testimonials span.author {
	color: #999;
	display: block;
	font-size: 11px;
	text-align: right;
}

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

8. Elements: Forms, Buttons

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

#form-subscribe input#form-email,
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-alt #form-subscribe input#form-email,
div.widget input#s {
	-webkit-border-radius: 3px 0px 0px 3px;
	border-radius: 3px 0px 0px 3px;
	width: 115px;
}

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

a.button {
	display: inline;
}

#form-subscribe input#form-submit,
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#form-submit,
input#searchsubmit {
	-webkit-border-radius: 0px 3px 3px 0px !important;
	border-radius: 0px 3px 3px 0px !important;
}

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

#form-subscribe input#form-submit.blue,
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;
}

#form-subscribe input#form-submit.green,
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;
}

#form-subscribe input#form-submit.orange,
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;
}

#form-subscribe input#form-submit.yellow,
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;
}

#form-subscribe input#form-submit.purple,
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;
}

#form-subscribe input#form-submit.red,
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;	
}

#form-subscribe input#form-submit.silver,
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;
}

#form-subscribe input#form-submit.teal,
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;
}

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

#form-subscribe input#form-submit:active,
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;
}

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

9. Miscellaneous

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

/* WPZOOM Twitter Widget */

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

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

/* [gallery] shortcode styling */
#content .gallery { margin: auto; text-align:center; clear:both; }
#content .gallery .gallery-item {display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline; margin:10px; }
#content .gallery img { border: solid 4px #f1f1f1; padding: 10px; }
#content .gallery-caption { margin-left: 0; }
#content .gallery img:hover {border: solid 10px #ef4832; padding: 4px; }
#content div.gallery .clear {
	height: auto;
	font-size: 14px;
	line-height: 20px;
}

/* Social Widget */
.wpzoomSocial li {
	line-height: 20px;
	min-height: 32px;
	margin:0 0 5px 0;
}

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

.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: solid 1px #eee;
	padding-bottom: 10px;
}

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

h2.title-secondary {
	font-size: 18px;
	font-weight: bold;
	line-height: 24px;
	margin-bottom: 20px;
}

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

aside ul.posts-side h2.title {
	margin-bottom: 0;
}

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

/* 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. Media Queries 

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

	div.wrapper {
		width: 98%;
		padding-left: 1%;
		padding-right: 1%;
	}

	#main-menu {
		background-color: #444;
	}
	
	#menu-shadow {
		height: 1px;
	}
	
	.full-width #content {width: auto; }
	
	#featured-posts {
		float: left;
		display: inline;
		margin: 0 1em 3em;
		width: 70%;
		padding: 0;
	}
	
	#featured-posts img {
		width: 660px;
	}
	
	#featured-posts div.post-body div.column {
		float: none;
		display: block;
		margin-right: 0;
		width: auto;
	}
	
	#featured-posts div.post-body div.column-last {
		margin-top: 10px;
		max-width: 510px;
	}

	#featured-services {
		float: left;
		display: inline;
		min-height: 100%;
		padding: 3%;
		width: 20%;
	}
	
	#content {
		width: 70%;
		margin-right: 1.1em;
	}
	aside {
		width: 25%;
	}

	div.featured-pages div.column {
		margin-right: 3%;
		width: 30%;
	}
	
	div.featured-pages div.column img {
		width: 100%;
		height: auto;
	}

	div.featured-category div.column {
		margin-right: 5%;
		width: 20%;
	}
	
	div.featured-category div.column-wide {
		width: 25%;
	}
	
	div.featured-category div.column-last {
		margin-right: 0;
	}
	
	div.featured-category div.column img {
		width: 100%;
		height: auto;
	}

	aside ul.events-list div.cover {
		display: block;
		float: none;
		width: 100%;
	}
	
	aside ul.events-list div.cover img {
		padding: 0;
		border: 0;
		width: 100%;
		height: auto;
	}

    .post-content img.alignnone, 
    .post-content img.aligncenter, 
    .post-content img.alignleft, 
    .post-content img.alignright,
    .post-content img.attachment-fullsize {
        margin-bottom: 10px;
        max-width: 100%;
        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,
    .full-width .post-content img.attachment-fullsize {
        margin-bottom: 10px;
        max-width: 100%;
        width:auto;
        height:auto;
    }
    
	footer div.column {
		width: 31%;
		margin-right: 3%;
	}
	
	footer div.column-wide {
		float: none;
		display: block;
		width: 100%;
		margin: 0 0 3em;
	}
	
	footer div.column-last {
		margin-right: 0;
	}

}

/* Tabled Portrait */
@media screen and (max-width: 768px) {

	#featured-posts {
		float: left;
		display: inline;
		margin: 0 1em 1em;
		width: 64%;
		padding: 0;
	}
	
	#featured-posts a.browse {
		top: 10px;
	}
	
	#featured-posts img {
		height: 200px;
		width: auto;
	}
	
	#featured-posts div.post-body {
		position: relative;
		bottom: auto;
		left: auto;
	}
	
	#featured-posts div.post-body div.column {
		float: none;
		display: block;
		margin-right: 0;
		width: auto;
	}
	
	#featured-posts div.post-body div.column-last {
		display: none;
	}
	
	#featured-services {
		float: left;
		display: inline;
		min-height: 100%;
		padding: 3%;
		width: 25%;
	}
	
	#content {
		float: none;
		display: block;
		width: auto;
		margin-right: 0;
	}
	aside {
		margin-top: 40px;
		float: none;
		display: block;
		width: auto;
	}
	
	div.widget input#s {
		width: 90%;
		border-right: solid 1px #ccc;
	}
	
	aside ul.events-list div.cover {
		float: left;
		display: inline;
		width: 30%;
		margin-right: 20px;
	}
	
	aside ul.events-list div.cover img {
		padding: 0;
		border: 0;
		width: 100%;
		height: auto;
	}

}

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

	ul.posts-list div.cover {
		margin-right: 20px;
		width: 110px;
	}
	
	ul.posts-list div.cover img {
		width: 100px;
		height: auto;
	}

}

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

	#featured-posts {
		float: none;
		display: block;
		margin: 0 0 1em;
		width: 100%;
		padding: 0;
	}
	
	#featured-posts a.browse {
		top: 10px;
	}
	
	#featured-posts img {
		height: 200px;
		width: auto;
	}
	
	#featured-posts div.post-body {
		position: relative;
		bottom: auto;
		left: auto;
	}
	
	#featured-posts div.post-body div.column {
		float: none;
		display: block;
		margin-right: 0;
		width: auto;
	}
	
	#featured-posts div.post-body div.column-last {
		display: none;
	}

	#featured-services {
		float: none;
		display: block;
		padding: 3%;
		width: 94%;
	}

	div.featured-category div.column {
		float: none;
		display: block;
		border-bottom: solid 1px #eee;
		margin-bottom: 1em;
		padding-bottom: 1em;
		width: 100%;
	}
	
	div.featured-category div.column-wide {
	}
	
	div.featured-category div.column div.cover {
		display: none;
	}
	
	div.featured-category div.column img {
		width: 100%;
		height: auto;
	}

}

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

	div.featured-pages div.column {
		float: none;
		display: block;
		margin-right: 0;
		margin-bottom: 1em;
		padding-bottom: 1em;
		border-bottom: solid 1px #eee;
		width: 100%;
	}
	
	div.featured-pages div.column img {
		width: 100%;
		height: auto;
	}

	ul.posts-list div.cover {
		display: none;
	}

}

.info11 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	line-height: 18px;
	color: #333;
}
.info12 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	line-height: 20px;
	color: #333;
}
.info13 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-decoration: none;
	line-height: 20px;
	color: #333;
}
.info15_red {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	text-decoration: none;
	line-height: 20px;
	color: #F00;
}


.info12_red {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	line-height: 20px;
	color: #FA0000;
}
.red {
	color: #FA0000;
}
.blue {
	color: #148ac5;
}
.info12_green {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	line-height: 20px;
	color: #68b621;
}
.info14_green {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	text-decoration: none;
	line-height: 20px;
	color: #68b621;
	text-align: center;
}

.info15 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	text-decoration: none;
	line-height: 20px;
	color: #148ac5;
}
.info11_white {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	line-height: 17px;
	color: #FFF;
}
.title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	color: #000000;
	font-weight: bold;
}
.title_blue {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #148ac5;
	font-weight: bold;
}
.title_yellow {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #FF9;
	font-weight: bold;
}
.footer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	color: #FFF;
	font-weight: normal;
}
.footer:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
	text-decoration: none;
}
.footer:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
	text-decoration: none;
}
.footer:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	color: #F00;
}
.footer_contact {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	color: #FFF;
	font-weight: normal;
}
.footer_contact:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
	text-decoration: none;
}
.footer_contact:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
	text-decoration: none;
}
.footer_contact:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	color: #F00;
}