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

Theme Name: Voyage Theme
Theme URI: http://www.wpzoom.com/themes/voyage
Version: 1.3.4
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.

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

1. Toolbox CSS  -------------------------  All Theme Files

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

/* ===========================================================================
   HTML5 element display
   ======================================================================== */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
 audio:not([controls]) { display: none; }

/* ===========================================================================
   General normalization and styling
   ======================================================================== */

html {
	overflow-y: scroll;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

body {
	background-color: #f6f3ee;
	margin: 0;
	color: #444;
	font-family: Cambria, Georgia, serif;
	font-size: 62.5%;
	line-height: 1.2em;
	text-align: center;
}

body, button, input, select, textarea {
	color: #444;
}

::-moz-selection { background: #05C; color: #fff; text-shadow: none; }
::selection      { background: #05C; color: #fff; text-shadow: none; }

img::-moz-selection	{ background: transparent; }
img::selection      { background: transparent; }

.clear, .cleaner { clear: both; height: 0; overflow: hidden; }

/* ===========================================================================
   Links
   ======================================================================== */

a { color: #a60000; text-decoration:none; }
a:hover { color: #44749d; text-decoration:underline;}
a:focus { outline: none; }
a:hover, a:active { outline: none; }

/* ===========================================================================
   Typography
   ======================================================================== */

abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }

p {
    margin: 0 0 15px;
    padding: 0;
}

hr {
	border: 0;
	border-top: 1px solid #eee;
	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; }

/* ===========================================================================
   Lists
   ======================================================================== */

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

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

dd { margin: 0 0 0 40px; }

nav ul, nav ol, .dropdown ul {
	list-style: none;
	list-style-image: none;
	margin: 0;
	padding: 0;
}

/* ===========================================================================
   Embedded content
   ======================================================================== */

img {
	border: 0;
	-ms-interpolation-mode: bicubic;
	vertical-align: middle;
}

svg:not(:root) { overflow: hidden; }

/* ===========================================================================
   Forms
   ======================================================================== */

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; }

/* ===========================================================================
   Tables
   ======================================================================== */

table { border-collapse: collapse; border-spacing: 0; }
th { text-align: left; }
tr, th, td { padding-right: 1.625em; border-bottom: 1px solid #ccc; }
td { vertical-align: top; }

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

2. Page Structure: Common layout elements

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

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

div.wrapper {
	padding: 0;
	margin: 0 auto; 
	text-align: left; 
	width: 960px;
	padding: 0 20px;
	background-color: #fff;
	border-right: solid 1px #ece8e3;
	border-left: solid 1px #ece8e3;
}

footer div.wrapper {
	background-color: #e7e2d9;
	border: none;
}

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

div.sep,
div.separator {
	font-size:1px; 
	height: 1px; 
	line-height: 1px; 
	margin: 14px 0 0; 
	background-color: #ddd; 
}

div.separator {
	margin: 5px 0 3px; 
	height: 16px;
	background-color: none;
	background: transparent url(images/back-sep.png) no-repeat top center; 
}

footer div.separator {
	background-image: url(images/back-sep-footer.png);
}

header#header {
	margin: 0; 
	padding: 20px 0 25px;
	border-bottom: solid 1px #ddd; 
}

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

#logo h1 {
	font: 38px/100% 'PT Serif Caption', Cambria, Georgia, serif;
	margin: 0;
}

#logo h1 a {
	text-decoration: none;
	color: #000;
}

#logo #tagline {
	font: bold 11px 'Helvetica Neue', Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	color: #d46670;
	margin: 1em 0 0;
}

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

3. Navigation  -------------------------  header.php
   
*********************************************************************************************/  

#top-menu {
	margin: 30px 0 0;
	float: right;
	display: inline;
	font-size: 14px;
	line-height: 1.2em;
    position:relative;
    z-index:50;
	}
	
.dropdown ul {
	position:		absolute;
	top:			-999em;
	width:			180px; /* left offset of submenus need to match (see below) */
 	text-align: left;
	margin: 0;  
	padding: 10px 5px; 
	background: #343434; 
	-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;  
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; 
	filter: alpha(opacity=90); 
	-moz-opacity:0.9; 
	-khtml-opacity: 0.9; 
	opacity: 0.9;

}

.dropdown ul li {
	width: 100%;
	font-size: 13px;
 	margin: 0;
}
.dropdown li:hover {
	visibility: inherit; /* fixes IE7 'sticky bug' */
}
.dropdown li {
	margin: 0 5px;
	float: left;
	display: inline;
	list-style-type: none;
	position: relative;
}
.dropdown ul li a {
	padding:6px 12px;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
}

.dropdown ul li a:hover {
	
}

.dropdown a {
	padding: 4px 12px;
	color: #888;
 	border: 1px solid transparent;
	display:		block;
	position:		relative;
}

.dropdown li li a {
	color: #fff;
	border: none;
}

#top-menu li a:hover, 
#top-menu .current-menu-item a, 
#top-menu li a:active { 
	color: #ffffff;
	background: #dda61a url(images/bg_menu.png) repeat-x top left;
 	border: 1px solid #c3a332;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	text-decoration: none;
}


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

}

#top-menu li li a:hover {
	background-color: #444;
	color: #e0b422;
}

.dropdown li:hover ul,
.dropdown li.sfHover ul {
	padding: 0;
	margin: 0;
	left:			0;
	top:			1.9em; /* 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:			180px; /* 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:			180px; /* match ul width */
	top:			0;
}
 
.dropdown li:hover, .dropdown li.sfHover,
.dropdown a:focus, .dropdown a:hover, .dropdown a:active {
 	outline:		0;
}

.sf-sub-indicator { display:none; }
.dropdown li ul .sf-sub-indicator { display:inline; }

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

4. Page Structure: General layout
   
*********************************************************************************************/  

#main {
	padding-bottom: 30px;
}

div.shadow-corners {
	margin:-1px 0 0 0; 
	padding: 0; 
	clear: both; 
	display: block; 
	height: 9px; 
	overflow: hidden;
	width: 100%; 
	background: transparent url(images/back-shadow-right.png) no-repeat top right;
}

div.shadow-corners span.left-corner {
	float: left; 
	width: 111px;	
	height: 9px;  
	overflow: hidden; 
	background: transparent url(images/back-shadow-left.png) no-repeat top left; 
}

div.wpzoom-teaser {
	margin: 20px 0 20px;
	padding: 0 0 15px; 
	border-bottom: solid 1px #ddd;  
	text-align: center;
}

div.wpzoom-teaser h1,
h1.title {
	font-size: 30px;
	font-weight: 800;
	line-height: 38px;
}

div.wpzoom-teaser h1 span {
	background-color: #fff;
	padding: 0 15px;
}

div.wpzoom-teaser p {
	font-size: 20px;
	font-style: italic;
	line-height: 1.5em;
}

#content,
#side {
	float: right; 
	display: inline; 
}

#content {
	width: 65.625%;
	margin-left: 3.125%; 
}
#side {
	width: 31.25%; 
}
div.full-width #content {
	margin-left: 0;
	width: 100%;
}

div.sidebar-right #content,
div.sidebar-right #side {
	float: left;
}

div.sidebar-right #content {
	margin: 0 3.125% 0 0;
}

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

h3.heading,
p.heading,
h1.title {
	margin: 0 0 2em;
	font-size: 12px;
	font-family: Georgia, Cambria, serif;
	font-weight: bold;
	letter-spacing: 1px; 
	text-transform: uppercase;
	background: transparent url(images/back-heading.png) repeat-x center left;
}

h3.heading { font-weight: normal; }

h1.title {
	font-size: 24px;
	line-height: 1.3em;
	margin-bottom: 10px;
	text-align: center; 
	background: none;
}

h3.heading span,
p.heading span,
h1.title span {
	background-color: #fff;
	padding-right: 10px; 
}

h1.title span {
	padding-left: 10px;
}

.heading-center {
	text-align: center;
}

.heading-center span {
	padding-left: 10px;
}

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

5. Sidebar Main Menu
   
*********************************************************************************************/  

#side-menu {
	font-family: Georgia, Cambria, serif;
	margin: 0 0 30px; 
}

#side-menu li {
	font-size: 12px;
	line-height: 2em;
	text-transform: uppercase;
}

#side-menu li a {
	color: #222; 
	display: block; 
	padding: 5px 15px;
}

#side-menu ul li li {
	padding: 0;
	text-transform: none;
	margin: 0; 
	padding: 0;
	list-style-type: none; 
	list-style-position: inside; 
	line-height: 3em;
}

#side-menu .current-menu-item a {
	background-color: #f6f3ee;
	font-weight: bold;
}

#side-menu .current-menu-item li a {
	border: none;
}

#side-menu .current-menu-item li a {
	background-color: #fff; 
	font-weight: normal;
}

#side-menu ul ul {
	margin: 5px 0 5px 20px; 
	border-left: solid 1px #e8e5df;
}

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

6. Footer
   
*********************************************************************************************/

#pre-footer div.wrapper {
	padding: 25px 20px 25px;
}

footer {
	background: #e7e2d9 url(images/back-shadow-footer.png) repeat-x top left;
	min-height: 110px;
	padding: 25px 0 5px;
	font-size: 12px;
	line-height: 1.5em;
}

footer a {
	color: #47433c;
}

footer a:hover {
	color: #111;
}

#footer-menu {
	text-align: center;
	margin-bottom: 15px;
}

#footer-menu li {
	display: inline;
	font-size: 14px;
	margin: 0 8px;
}

#footer-menu a {
	text-decoration: underline;
}

footer p.copyright {
	margin-top: 10px;
	text-align: center;
}

div.column {
	float: left;
	display: inline;
	margin-right: 4.7619%;
	overflow: hidden;
	width: 47.6190%; 
}

div.column-mini {
	margin-right: 2.3809%;
	width: 31.7460%; 
}

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

#pre-footer .column {
	margin-right: 3.125%;
	width: 31.25%;
}

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

7. Archives, widgets, content structure
   
*********************************************************************************************/

article {
	font-family: Georgia, Cambria, serif;
}

article.widget {
	margin: 0 0 40px;
}

article.widget h1,
article.recent-post h1 {
	margin: 8px 0;
	font-size: 11px;
	font-weight: normal;
	letter-spacing: 1px;
	line-height: 1.5em;
	text-align: center; 
	text-transform: uppercase;
}

article.recent-post h1 {
	font-size: 12px;
}

article.widget p, 
article.recent-post p {
	font-size: 12px; 
	line-height: 1.5em;
	margin: 0;
}

article.widget p.postmetadata,
.post-content p.postmetadata {
	background: transparent url(images/back-heading.png) repeat-x center left;
	margin: 6px 0 5px;
	color: #777;
	text-align: center;
	font-size: 12px;
	font-style: italic;
}

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

article.widget p.postmetadata span,
.post-content p.postmetadata span{
	background-color: #fff;
	padding: 0 10px;
}
.post-content p.postmetadata span span {
	padding: 0;
}

article.widget-round img {
	-webkit-border-radius: 200px;
	-moz-border-radius: 200px;
	border-radius: 200px;
}

article.widget-round .shadow-corners {
	display: none;
}

.posts-archive article.widget {
	margin-bottom: 20px;
}

ul.posts-archive li {
	list-style-type: none;
}

div.post-thumb {
	float: left;
	display: inline;
	margin-right: 2.3809%;
	width: 31.7460%;
}

.recent-posts div.post-thumb {
	margin-right: 3.1746%; 
}

.recent-posts div.post-thumb img,
.widget .double-categories-widget,
.column-mini .triple-categories-widget {
	height: auto;
	width: 100%;
}

div.post-excerpt {
	overflow: hidden;
}

#side div.widget {
	margin: 0 0 30px;
}

article.small-post h1 {
	text-align: left; 
	text-transform: uppercase;
	font-size: 12px;
}

article.small-post {
	margin: 0 0 20px;
}

.widget-sidebar,
.widget-footer {
	font-size: 14px;
	line-height: 1.4em;
	margin-bottom: 20px;  
}

.widget-footer li, 
.widget-sidebar li {
	list-style-type: none;
	font-size: 14px;
	line-height: 1.5em;
}


/* ===========================================================================
   Print styles, still in love with old school paper
   ======================================================================== */
@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; }
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } 
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; }
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}

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

7. Archives paged navigation

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

div.navigation { background:#f6f3ee; text-align: center; margin-bottom:15px; font-size: 14px; }
div.navigation p {margin: 0;}
div.navigation a,
div.navigation .current { border: none; line-height: 50px; margin-right: 5px;  }
div.navigation .current { font-weight:bold;  }
div.navigation .page-numbers {padding: 0 10px; border-right: solid 1px #e5e1da; margin-right: 0 !important; }
div.navigation .prev {float:right; padding-right:20px; border-right: 0; }
div.navigation .next {float:left; padding-left:20px; border-right: 0;}

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

8. Homepage and widget slideshows

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

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

/* 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 { width: 100%; height: auto;}
.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 {margin-bottom: 0; position: relative; }
.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;}
.flexslider .slide { position: relative; }

/* Control Nav (Arrows) */
.flex-direction-nav {*height: 0;}

/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a {
	background:url(images/arrows.png) no-repeat;
	cursor: pointer;
	position: absolute;
	top: 45%;
	width: 40px;
	height: 40px;
	text-indent:-9999px; 
	z-index: 60;
	zoom: 1;
	filter: alpha(opacity=30);
	opacity: 0.30; 
	-webkit-transition: all .3s ease;
}

.flexslider:hover .flex-next {filter: alpha(opacity=60); opacity: 0.6; }
.flexslider:hover .flex-prev {filter: alpha(opacity=60); opacity: 0.6; }

.flexslider a.flex-next { background-position:-40px 0; right:0;}
.flexslider a.flex-prev { background-position: 0 0; left:0; }
.flexslider a.flex-next:hover {	filter: alpha(opacity=100); opacity: 1; }
.flexslider a.flex-prev:hover { filter: alpha(opacity=100); opacity: 1; }

div.caption {
	background:transparent url(images/back_caption.png) repeat top left;
	bottom:30px;
	color:#fff;
	left:30px;
	padding:15px;
	position:absolute;
	text-shadow:#000 1px 1px 0;
}

div.caption h3 {
	font-family: Cambria, Georgia, serif;
	font-size:16px;
	font-weight:900;
	line-height: 1.5em; 
	margin:0;
	text-transform: uppercase;
}

div.caption a {
	color: #fff;
}

/* Small Slideshow in Custom Widgets */

.widget .flex-direction-nav a {
	background-image: url(images/arrows-small.png);
	top: auto;
	bottom: 8px;
	left: 0;
	height:20px;
	width:20px;
}

.widget .flex-direction-nav a.flex-next { background-position:-20px 0; left:21px;}
.widget .flex-direction-nav a.flex-prev { background-position: 0 0; left:0; }
.widget .flex-direction-nav a.flex-next:hover { background-position:-20px -21px; }
.widget .flex-direction-nav a.flex-prev:hover { background-position:0 -21px; }

.slideshow-narrow {
	margin-bottom: 20px;
}

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

9. Single post/page content styling

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

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

.post-content {
	font-size: 14px;  
	line-height: 1.6em; 
	overflow: hidden;
}
.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 h2 {
	font-size: 20px; 
}
.post-content h3 {
	font-size: 19px 
}
.post-content h4 {
	font-size: 18px; 
}
.post-content h5 {
	font-size: 16px; 
}
.post-content h6 {
	font-size: 14px;  
}

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

.post-content img.alignnone, 
.post-content img.aligncenter, 
.post-content img.alignleft, 
 {
	margin-bottom: 10px; 
	max-width: 100%; 
	height: auto; 
}
.post-content img.alignright {
	margin-bottom: 10px; 
	
	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; 
}

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

9. Lightbox effect (ColorBox) styling

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

/* 
    Core Style:
    Do not edit these lines
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden; font-size: 12px;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}

/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#000;}
#colorbox{}
    #cboxContent{margin-top:20px;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{border:5px solid #000; background:#fff;}
        #cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;}
        #cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;}
        #cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
        #cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url(images/controls.png) no-repeat top left; width:28px; height:65px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:bottom left;}
        #cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:url(images/controls.png) no-repeat top right; width:28px; height:65px; text-indent:-9999px;}
        #cboxNext.hover{background-position:bottom right;}
        #cboxLoadingOverlay{background:#000;}
        #cboxLoadingGraphic{background:url(images/loading2.gif) no-repeat center center;}
        #cboxClose{position:absolute; top:5px; right:5px; display:block; background:url(images/controls.png) no-repeat top center; width:38px; height:19px; text-indent:-9999px;}
        #cboxClose.hover{background-position:bottom center;}

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

10. Comments  -------------------------  comments.php

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

#comments { display:block; margin:0; }
.comment-input-text textarea { width: 80%; }
.comment-list { margin: 0; padding: 15px 0 0; font-size: 14px; 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 #E9ECF1; 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; }
.bypostauthor .comment-author img { border:3px solid #EE7373;}
.comment-author cite.fn  { font-style:normal;  }
.comment-author cite.fn a { color: #5F6263; font-weight:bold; }
.comment-author cite.fn a:hover { color: #000; }
.comment-profile-wrapper { text-align: center; width: 105px; }
span.says { display: none; }
.comment-meta { color:#8d8d8d; float: left; font-size: 12px; font-style:italic; margin-top: 6px; }
.commleft { border-top:3px solid #E9ECF1; display: inline; float: left; padding-top:15px; width: 34.1269%; margin-right: 2.3809%; }
.comment-content { display: inline; float: left; width: 63.4920% }
.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; }
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;}
.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;}

/* Comments form */
#respond { overflow: hidden; position: relative; }
#respond p { margin: 0; }
#respond .comment-notes { margin-bottom: 1em; }
.form-allowed-tags { line-height: 1em; }
.children #respond { margin: 0 48px 0 0; }
.commentlist #respond { clear: both; display: block; }
#cancel-comment-reply-link { font-size: 12px; font-weight: normal; line-height: 18px; }
#respond .required_lab { font-weight: bold; color: #d24355; }
#respond label {display: block; font-size: 14px; font-weight: bold; line-height: 30px; }
#respond input { margin: 0; }
#respond input,
#respond textarea {
	background-color: #f4f4f4;
	border: solid 1px #e1e1e1;
	color: #444; 
	font-size: 13px; 
	line-height: 20px; 
	padding: 4px 6px; 
}
#respond textarea { width: 95%; height: 100px;  }
#respond .form-allowed-tags { display: none; color: #888; font-size: 12px; line-height: 18px; }
#respond .form-allowed-tags code { font-size: 11px; }
#respond .form-submit { text-align:left; margin-top:10px; }
#respond .form_fields { width: 100%; }
#respond .form_fields p { margin-bottom:7px; }
#respond .form_fields input { width:40%; }
#respond #submit { background-color: #4d95de; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; color: #fff; border: none; font-size: 14px; padding: 7px 20px 8px; text-align: center; text-shadow: 0 1px 0 #5A626A; margin: 20px 0 0; position: relative; }

#respond #submit:hover, #searchform #searchsubmit:hover { background-color: #3f84ca; cursor: pointer; }
#respond #submit:active, #searchform #searchsubmit:focus { top: 1px; background-color: #3677b9; }
#reply-title { display: none; }
p.comment-notes {font-size: 13px; color: #999; }

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

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

11. Miscellaneous

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

.toggle_mobile_menu { display:none !important; }

/* [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; }
.post-content .gallery img { border: solid 4px #f6f3ee; padding: 10px; }
.post-content .gallery-caption { margin-left: 0; }
.post-content div.gallery img:hover {border: solid 4px #d46670; }

/* Twitter widget */
.widget .twitter-list li { border-bottom: 1px solid #eee; padding: 0 0 7px; margin: 0 0 7px;}
.widget .twitter-list li a { font-weight: normal; }
.widget .twitter-list .twitter-timestamp { display: block; color: #999; font-size: 12px; font-style: italic; }
.widget .follow-user { margin: 0; padding: 5px 0; }

/* Social Widget */
.wpzoomSocial li {
	font-size: 14px;
	float:left;
	display: inline;
	width: 140px;
	margin:0 5px 15px 5px;
}

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

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

/* Sharing buttons */
div.share_box {margin: 2px 0 15px;}
div.share_box span.share_btn { float: left; }
div.share_box span.share_title {margin-right: 10px; font-weight: bold; }

/* Post author box */
div.author-info {margin: 20px 0; padding: 15px; background-color: #f6f3ee; border-radius: 10px; }
div.author-info div.thumb {float: left; display: inline; margin-right: 20px; text-align: center; }
div.author-info div.thumb img {margin: 0;}
div.author-info p.heading span {background-color: #f6f3ee; }

/* Recent Comments */
.recent-comments-list .avatar { margin-right: 12px; float: left;}
.recent-comments-list li {  padding: 6px 0 10px; margin:0 0 5px; border-bottom: 1px solid #ddd; }

/* WordPress stats smiley face removal */
img#wpstats
{
	height:0;
	overflow:hidden;
	width:0;
}

/* Begin Images */
.post-content img.centered {	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	}
/* End Images */

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

12. Media Queries 

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

	div.wrapper,
	#pre-footer div.wrapper {
		border: 0;
		padding-right: 3%;
		padding-left: 3%;
		width: 94%;
	}
	
	#pre-footer div.wrapper {
		padding-top: 0;
	}

	/* Facebook Like Button */
	div.fb-like.fb_iframe_widget {
		width: 100% !important;		
	}
	
	.fb_iframe_widget { width: 100%!important }
	.fb_iframe_widget span { width: 100%!important; }
	.fb_iframe_widget span iframe { width: 100%!important; }
	
	.twitter-follow-button {max-width: 100%; }

}

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


}

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

	div.column-mini {
		display: block;
		float: none;
		margin-right: 0;
		width: 100%;
	}
	
	div.column-mini article.widget {
		margin-bottom: 10px;
	}
	
	div.column-mini .post-cover {
		display: inline;
		float: left;
		margin-right: 3%;
		width: 31.25%;
	}
	
	div.column-mini .post-excerpt {
		display: inline;
		float: left;
		width: 65.75%;
	}

	.comment-author img {
		height: auto;
		width: 40px;
	}

}

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

	#logo {
		display: block;
		float: none;
		margin-right: 0;
		text-align: center;
	}
	
	div.wpzoom-teaser p {
		font-size: 15px;
	}

	/* Make Menu Mobile-Device Friendly */

	#top-menu .toggle_mobile_menu { 
		cursor: pointer;
		display: block !important; 
		background: transparent url(images/back-lines.png) no-repeat top left; 
		height:37px; 		
		width:37px; 
		padding: 0;
		position: absolute; 
		top: 5px; 
		right: 5px;
		z-index: 100;
		border: 0;
	}

	.mobile-menu { display: none; }

	#top-menu {
		display: block;
		float: none;
		background: none;
		color: #333;
		min-height: 30px;
		padding: 10px;
		text-decoration: none;
		border-radius: 0;
		-moz-border-radius: 0;
		-webkit-border-radius: 0;
	}

	#top-menu li a:hover, 
	#top-menu .current-menu-item a, 
	#top-menu li a:active { 
		background: none;
	 	border: 0;
		color: #dda61a;
		text-decoration: none;
		border-radius: 4px;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
	}
	
	#top-menu li { display: block; float: none; margin-right: 0; line-height: 1.5em; }
	#top-menu a { padding: 6px 0; color: #333; border: 0; }
	#top-menu li li a,
	#top-menu .current-menu-item li a {
		color: #666;
	}

	#top-menu .dropdown ul { 
		background: none; 
		margin-left: 10px;
		display: block !important; 
		visibility: inherit !important; 
		position: relative; 
		top: 0; 
		left: 0;
		width: auto; 
	}

	#top-menu .dropdown ul {
		position:		relative;
		top:			0;
		width:			100%; /* left offset of submenus need to match (see below) */
		margin: 0;  
		padding: 0; 
		background: none;  
	}
	
	#top-menu .dropdown ul li {
		width: auto;
		font-size: 13px;
		line-height: 22px;
	 	margin: 0 0 0 10px;
	 	padding: 0;
	 	border: 0;
	}
	
	#top-menu .dropdown ul li a {
		padding: 5px 12px;
		border-bottom: none;
	}
	
	#top-menu li li {
		background: none;
	}
	
	#top-menu li li a:hover {
		background: none;
	}
	
	#top-menu .dropdown li:hover ul,
	#top-menu .dropdown .sfHover ul {
		border-top: 0;
		padding: 0;
		margin: 0;
		position: relative;
		left:			0;
		top:			0; /* match top ul list item height */
	}
	
	#top-menu .dropdown li:hover li ul,
	#top-menu .dropdown .sfHover li ul {
		border-top: 0;
		top:			0;
	}
	
	#top-menu .dropdown li li:hover ul,
	#top-menu .dropdown li .sfHover ul {
		left:			0; /* match ul width */
		top:			0;
	}
	
	#top-menu .dropdown li li:hover li ul,
	#top-menu .dropdown li .sfHover li ul {
		top:			0;
	}
	
	#top-menu .sf-sub-indicator { display:none !important; }
	
	/* End Menu */

	#side,
	#content {
		display: block;
		float: none;
		margin: 0 0 30px;
		width: 100%;
	}

	div.caption {
		max-width: 300px;
		padding: 15px;
	}
	
	.comment-author img {
		height: auto;
		width: 30px;
	}
	
}

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

div.column-mini {
	display: block;
	float: none;
	margin-right: 0;
	width: 100%;
}
	
}

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



}