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

Theme Name: Morning
Theme URI: http://www.wpzoom.com/themes/morning
Version: 1.3.5
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  -------------------------  
1.  Page Structure: Common elements ----  
2.  Header, Top Menu & Main Menu -------  header.php
3.  Common Content Styles --------------  
4.  Main Content Layout ----------------  
5.  Single Post  -----------------------  single.php, page.php
6.  Footer Layout & Styling ------------  footer.php
7.  Comments Styling   -----------------  comments.php
8.  Archives paged navigation ----------  pagination.php
9.  Miscellaneous  ---------------------

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

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

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

@font-face {
    font-family: 'BebasNeueRegular';
    src: url('fonts/BebasNeue-webfont.eot');
    src: url('fonts/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/BebasNeue-webfont.woff') format('woff'),
         url('fonts/BebasNeue-webfont.ttf') format('truetype'),
         url('fonts/BebasNeue-webfont.svg#BebasNeueRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/*
@font-face {
    font-family: 'Lobster13Regular';
    src: url('fonts/Lobster_1.3-webfont.eot');
    src: url('fonts/Lobster_1.3-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Lobster_1.3-webfont.woff') format('woff'),
         url('fonts/Lobster_1.3-webfont.ttf') format('truetype'),
         url('fonts/Lobster_1.3-webfont.svg#Lobster13Regular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'HollaRegular';
    src: url('fonts/HollaScript-webfont.eot');
    src: url('fonts/HollaScript-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/HollaScript-webfont.woff') format('woff'),
         url('fonts/HollaScript-webfont.ttf') format('truetype'),
         url('fonts/HollaScript-webfont.svg#HollaRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}
*/

body {
	background: #3b4c5a url(images/back-page.png) repeat top left;
	margin: 0;
	color: #444;
	font-family: Arial, Tahoma, sans-serif;
	font-size: 62.5%;
	line-height: 1.2em;
	text-align: center;
}

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

::-moz-selection { background: #fac823; color: #111; text-shadow: none; }
::selection      { background: #fac823; color: #111; text-shadow: none; }

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

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

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

a { color: #de2f3a; text-decoration:none; }
a:hover { color: #214b7b; text-decoration:none;}
a:focus { outline: none; }
a:hover, a:active { outline: none; }

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

h1,h2,h3,h4,h5,h6, ul.wpzoomSocial li {
	font-family: 'BebasNeueRegular', Arial, sans-serif;
	margin: 0;
	font-weight: normal !important;
}

h2.title, h3.title, h4.title {
	font-size: 24px;
	line-height: 30px;
	margin-bottom: 8px;
}

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

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

#header-menu div.wrapper,
#main div.wrapper-main {
	-moz-box-shadow: 0 0 10px #222;
	-webkit-box-shadow: 0 0 10px #222;
	box-shadow: 0 0 10px #222;
}

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

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

2. Header, Top Menu & Main Menu

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

#pre-header {
	background-color: #222;
	color: #a4a4a4;
	min-height: 35px;
	line-height: 35px;
	font-family: 'BebasNeueRegular', Arial, sans-serif;
	font-size: 14px;
	text-shadow: #000 1px 1px 0;
}

#header-menu p {
	color: #aaa;
	font-size: 14px;
	line-height: 30px;
	margin: 0;
}

#header-menu p { padding: 5px 10px 3px; }

#pre-header p a,
#header-menu p a {
	color: #fff;
}

#secondary-menu li {
	list-style-type: none;
	float: left;
	display: inline;
	margin-right: 10px;
	letter-spacing: 0;
	line-height: 40px;
}

#pre-header a {
	color: #777;
}

#pre-header a:hover {
	color: #f5b74e;
	text-decoration: none;
}

ul#social-links {
	float: right;
	display: inline;
	max-width: 230px;
}

ul#social-links li {
	display: inline;
	float: left;
	list-style-type: none;
	margin-right: 0;
	margin-left: 6px;
	line-height: 34px;
}

ul#social-links li.list-title {
	margin-right: 6px;
	line-height: 40px;
}

header#header {
	background: #2c3c4a url(images/back-header2.png) repeat-x bottom left;
	border-top: solid 1px #3d4b5a;
	padding: 25px 0 0; 
}

nav#header-menu {
	margin-top: 30px;
}

nav#header-menu div.wrapper {
	padding: 0;
	width: 980px;
	min-height: 44px;
	border-bottom: solid 1px #515f6a;
	background: #313d47 url(images/back-menu.png) repeat-x top left;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}

#logo {
	float: left;
	display: inline;
}

#logo h1 { 
	font: 700 46px/100% 'Cabin', Futura, 'Trebuchet MS', Arial, sans-serif; 
	letter-spacing: 0.05em; 
	text-transform: uppercase; 
	text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.6); 
} 

#logo h1 a { 
	color: #eee; 
} 
 
#tagline { 
	font: normal 11px 'Cabin', Futura, 'Trebuchet MS', Arial, sans-serif; 
	letter-spacing: 0.07em; 
	text-transform: uppercase; 
	text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.6); 
	color: #6b9ab9; 
	margin: 5px 0 0; 
} 

div.header-banner {
	float: right;
	display: inline;
}

/*
	Main Dropdown Menu
*/

ul#main-menu {
	margin: 0 15px;
    position:relative;
    z-index:50;
}

ul#main-menu li {
	float: left;
	display: inline;
	list-style-type: none;
	font-size: 18px;
	font-family: 'BebasNeueRegular', Arial, sans-serif;
	line-height: 40px;
	margin-right: 5px;
	position: relative;
}

ul#main-menu li li {
	line-height: 34px;
}

ul#main-menu a {
	color: #fff;
	text-shadow: #1e272e 1px 1px 0;
	padding: 2px 12px;
	display: block;
	position: relative;
}

ul#main-menu a:hover,
ul#main-menu li.current-menu-item a,
ul#main-menu li.current-menu-item li a:hover {
	color: #f5b74e;
	text-decoration: none;
}

ul#main-menu li.current-menu-item li a {
	color: #fff;
	text-decoration: none;
}

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

.dropdown ul li {
	width: 100%;
	font-size: 13px;
 	margin: 0;
 	line-height: 20px;
 	border-bottom: solid 1px #454545;
}
.dropdown li:hover {
	visibility: inherit; /* fixes IE7 'sticky bug' */
}

.dropdown ul li a {
	padding:6px 12px;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
}

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

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

}

#main-menu li li a:hover {
	background-color: #444;
	color: #e0b422;
	-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
}

.dropdown li:hover ul,
.dropdown li.sfHover ul {
	padding: 0;
	margin: 0;
	left:			0;
	top:			2.1em; /* 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; }


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

3. Common Content Styles

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

#main div.wrapper {
	background-color: #fff;
	width: 950px;
	padding: 15px 15px 0;
}

#main div.wrapper-prefooter {
	padding: 20px 0 0;
	width: 980px;
}

#main div.wrapper-footer {
	background: #28333c url(images/back-prefooter.png) repeat-x top left;
	color: #afc5ca;
	font-size: 11px;
	line-height: 18px;
	padding: 20px 15px 25px;
	margin-top: 0;

}

div.wrapper-footer a {
	color: #edc951 !important;
}

div.wrapper-footer a:hover {
	color: #f99734 !important;
}

p.title {
	font-family: 'BebasNeueRegular', Arial, sans-serif;
	background: transparent url(images/back-title2.png) repeat-x center left;
	text-align: center;
	color: #222;
	margin: 0 0 20px;
}

p.title-nocenter {
	text-align: left;
	text-shadow: none;
}

p.breadcrumbs {
	margin-bottom: 10px;
	color: #bbb;
}

p.breadcrumbs .current {
	color: #f5b74e;
	padding-right: 0;
}

#side p.title {
	margin-bottom: 10px;
}

p.title span {
	background-color: #fff;
	padding: 0 15px;
}

p.title-nocenter span {
	background-color: #fff;
	padding: 0 15px 0 0;
}

p.title-small span, p.title-xsmall span {padding-right: 10px;}

p.title a, ul.posts a, article.single p.postmetadata a {
	color: #222 !important;
}

p.postmetadata a {
	color: #dd878d !important;
}

p.title a:hover, ul.posts a:hover, article.single p.postmetadata a:hover {
	color: #cc333f !important;
	text-decoration: none !important;
}

ul.posts div.postmeta a {
	color: #fff !important;
}

ul.posts div.postmeta p.postmetadata,
ul.posts div.postmeta p.postmetadata a {
	color: #f5b74e !important;
}

ul.posts div.postmeta a:hover,
ul.posts div.postmeta p.postmetadata a:hover {
	color: #eb6841 !important;
	text-decoration: none !important;
}

#main p.title-xsmall, .xsmall, .post-content h6 {font-size: 16px; line-height: 22px; }
#main p.title-small, .small, .post-content h5 {font-size: 18px; line-height: 24px; }
#main p.title-medium, .medium, .post-content h4 {font-size: 24px; line-height: 30px;}
#main p.title-large, .large, .post-content h3 {font-size: 30px; line-height: 36px;}
#main p.title-xlarge, .xlarge, .post-content h2 {font-size: 36px; line-height: 42px;}
#main p.title-xlarge, .xxlarge, .post-content h1 {font-size: 44px; line-height: 50px;}
#main p.title-twitter {
	background: transparent url(images/back-title-twitter.png) no-repeat top left;
	padding-left: 40px;
}

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

ul.posts div.cover {
	margin-bottom: 10px; 
}

ul.posts-side li p.postmetadata {
	margin-bottom: 0;
}

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

ul.posts p.postmetadata, 
article.single p.postmetadata {
	font-family: 'BebasNeueRegular', Arial, sans-serif;
	font-size: 18px;
	line-height: 24px;
	color: #aaa;
}

ul.posts p.postmetadata,
article.single p.postmetadata {
	margin: 0;
}

ul.posts li.secondary p.postmetadata,
ul.posts-side p.postmetadata {
	font-size: 14px;
}

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

ul.posts div.post-excerpt {
	font-size: 13px;  
	line-height: 1.4em;
}

ul.posts-archive li,
ul.posts-side li {
	padding-bottom: 5px;
	border-bottom: solid 1px #ddd;
	margin-bottom: 15px;
}

ul.posts-archive h2 {
	margin-bottom: 4px;
}

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

ul.posts-archive div.cover-full {
	margin-right: 0;
}

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

4. Main Content Layout

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

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

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

#content {
	margin-right: 2.1052%;
	max-width: 100%;
	overflow: hidden;
	width: 66.3157%;
}

#side {
	width: 31.5789%;
	font-size: 12px;
	line-height: 18px;
}

.wrapper-reversed #content,
.wrapper-reversed #side {
	float: right;
}

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

.wrapper-reversed #side {
	margin-right: 0;
}

.full-width #content {
	width: 950px;
}

#side div.widget {
	margin-bottom: 20px;
}

div.postmeta {
	position: absolute;
	bottom: 30px;
	left: 0;
	background: transparent url(images/back-postmeta.png) repeat top left;
	padding: 10px 15px;
	max-width: 150px;
	z-index: 20;
}

div.postmeta-noimage {
	background: none;
	background-color: #222;
	top: 0;
	left: 0;
	height: 180px;
	max-width: 100%;
	width: 170px;
}

li.main div.postmeta {
	max-width: 350px;
}

#side div.postmeta {
	max-width: 240px;
}

#featured-posts ul.posts li.main {
	margin-bottom: 15px;
}

ul.posts li.secondary {
	float: left;
	display: inline;
	margin-right: 2.3809%;
	width: 31.7460%;
}

ul.posts-full li.secondary {
	margin-right: 5.2631%;
	width: 21.0526%;
}

ul.posts .cover img {
	height: auto;
	width: 100%;
}

#side ul.posts li.secondary {
	width: 300px;
}

ul.posts li.secondary-last {
	margin-right: 0 !important;
}

ul.posts li.special {
	float: left;
	display: inline;
	width: 300px;
	margin-right: 29px;
	z-index: 10;
}

ul.posts li.special-last {
	margin-right: 0;
}

#side li {
	list-style-position: inside;
	list-style-type: none;
}

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

5. Single Post

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

article.single h1 {
	margin-bottom: 5px;
}

.post-content {
	font-size: 13px;  
	line-height: 1.4em; 
	overflow: hidden;
	max-width: 630px;
}

.full-width .post-content {
	max-width: 100%;
}

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

.post-content iframe {
	max-width: 100%;
}

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

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

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

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

6. Footer Layout & Styling

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

div.wrapper-footer p.title {
	background: none;
	text-align: left;
	text-shadow: none;
	color: #fff;
}

div.wrapper-footer div.column {
	float: left;
	display: inline;
	width: 300px;
	margin-right: 25px;
}

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

div.wrapper-footer li {
	list-style-type: none; 
	font-family: 'BebasNeueRegular', Arial, sans-serif;
	font-size: 16px;
	line-height: 22px;
}

div.wrapper-footer ul.twitter-list li {
	font-family: Arial, Tahoma, sans-serif;
	font-size: 12px;
	line-height: 20px;
}

footer {
	background-color: #222;
	border-top: solid 1px #384856;
	color: #717171;
	font-size: 11px;
	font-family: Arial, Tahoma, sans-serif;
	text-shadow: #151515 1px 1px 0;
	padding: 30px 0;
}

footer p {
	margin: 0;
}

footer a {
	color: #aaa;
}

footer a:hover {
	color: #f99734;
	text-decoration: none;
}

footer p.wpzoom {float: right; display: inline; }
footer p.wpzoom img {display: inline; margin: 0 0 0 5px;}
footer p.wpzoom a {color: #777; text-decoration: none;}
footer p.wpzoom a:hover { }

#footer-menu {
	margin-bottom: 20px;
}

#footer-menu li {
	font-family: 'BebasNeueRegular', Arial, sans-serif;
	list-style-type: none;
	font-size: 16px;
	float: left;
	display: inline;
	margin-right: 10px;
	margin-bottom: 10px;
	letter-spacing: 0;
}

div.wpzoom-gallery {
	margin: 0 15px 0;
	padding-bottom: 20px;
}

div.wpzoom-gallery li {
	float: left;
	display: inline;
	margin-right: 25px;
	width: 31.5789%;
}

div.wpzoom-gallery li.last {
	margin-right: 25px !important;
}

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

7. Comments Styling

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

#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 #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; }
.bypostauthor .comment-author img { border:3px solid #c43c35;}
.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-style:italic; 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; }
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 {font-size: 11px; line-height: 19px;}
#respond p { margin: 0 0 10px; }
#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 label { color: #7e7e7e; float: left; font-family:Georgia, Times New Roman, Times, serif; font-size: 13px; margin: 8px 14px 0 0; text-align: right; width: 110px; font-weight:normal;}
#respond input, #respond textarea, .widget input, .widget select, .widget 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: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 input[type=text] { width:55%;}
#respond textarea { width: 70%; resize: vertical; max-height: 500px; }
#submit, .widget input#searchsubmit { border: none !important; font-size: 14px; text-align: center; text-shadow: 0 1px 0 #5A626A; margin: 5px 0 5px 1px; position: relative; color:#ffffff !important; 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);text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);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);}
#submit:hover, .widget input#searchsubmit:hover { background-position:0 -15px; }
#submit:active, .widget input#searchsubmit:focus, .widget input#searchsubmit:active, .widget input#searchsubmit:focus {top: 1px; -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);}
.widget input#s {margin-right: 3px;}
.widget input#searchsubmit {font-size: 12px; width: auto; padding: 5px 12px;}
#side .widget input#s {width: 70%;}
p.form-allowed-tags {display: none; }

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


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

8. Archives paged navigation

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

div.navigation { 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 .next {float:right; padding-right:20px; border-right: 0; }
div.navigation .prev {float:left; padding-left:20px; border-right: 0;}

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

9. Miscellaneous

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

div.navigation,
div.author-info {background-color: #f3f3f3; border: solid 1px #e7e7e7; background-repeat:repeat-x;background-image:-khtml-gradient(linear, left top, left bottom, from(#f9f9f9), to(#f1f1f1));background-image:-moz-linear-gradient(top, #f9f9f9, #f1f1f1);background-image:-ms-linear-gradient(top, #f9f9f9, #f1f1f1);background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #f9f9f9), color-stop(100%, #f1f1f1));background-image:-webkit-linear-gradient(top, #f9f9f9, #f1f1f1);background-image:-o-linear-gradient(top, #f9f9f9, #f1f1f1);background-image:linear-gradient(top, #f9f9f9, #f1f1f1);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#f1f1f1', GradientType=0);}

/* Sharing buttons */
div.share_box {margin: 2px 0 15px;}
div.share_box span.share_btn { float: left; }
div.share_box p {margin-bottom: 5px;}

/* Post author box */
div.author-info {font-size: 12px; line-height: 16px; margin: 20px 0; padding: 15px 15px 5px; }
div.author-info div.thumb {float: left; display: inline; margin-right: 20px; text-align: center; }
div.author-info div.thumb img {margin: 0; padding: 4px; background-color: #fff;	border: solid 1px #ddd;	-webkit-border-radius: 3px;	-moz-border-radius: 3px;	border-radius: 3px;}

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

/* Twitter widget */
.widget .twitter-list li { border-bottom: 1px solid #344657; padding: 0 0 7px; margin: 0 0 7px;}
#side .widget .twitter-list li { border-bottom-color: 1px solid #ddd; }
.widget .twitter-list .twitter-timestamp { display: block; color: #5e7387; font-size: 11px; }
.widget .follow-user { margin: 0; padding: 5px 0; }

/* Social Widget */
.wpzoomSocial li {
	font-size: 16px;
	line-height: 22px;
	float:left;
	display: inline;
	width: 140px;
	min-height: 32px;
	margin:0 5px 15px 5px;
}

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

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

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

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

/* Begin Images */
img.aligncenter {	display: block;	margin-left: auto;	margin-right: auto;	}
img.alignright {	margin: 0 0 5px 10px;	display: inline;	}
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;}
	
/*
 * 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%; display: block;}
.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 {position: relative; zoom: 1; }
.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 a {width: 44px; height: 56px; margin: -20px 0 0; display: block; background: url(images/arrows.png) no-repeat 0 0; position: absolute; top: 40%; cursor: pointer; text-indent: -9999px; -webkit-transition: all .3s ease;}
.flex-direction-nav .flex-next {background-position: -45px -58px; right: -58px; }
.flex-direction-nav .flex-prev {background-position: 1px -58px; left: -59px;}
.flexslider:hover .flex-next:hover {background-position: -45px -1px;}
.flexslider:hover .flex-prev:hover {background-position: 1px -1px;}
.flex-direction-nav .disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}

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

9. Media Queries 

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

	div.wrapper,
	footer div.wrapper,
	nav#header-menu div.wrapper,
	#main div.wrapper {
		width: 96%;
		padding-right: 1%;
		padding-left: 1%;
	}
	
	#main div.wrapper-prefooter {
		padding-right: 0;
		padding-left: 0;
		width: 98%;
	}

	.flex-direction-nav .flex-next {right: -15px; }
	.flex-direction-nav .flex-prev {left: -17px;}

}

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

	/* Facebook Like Button */
	.widget div.fb-like.fb_iframe_widget {
		width: 100% !important;		
	}

	.widget .fb_iframe_widget { width: 100%!important }
	.widget .fb_iframe_widget span { width: 100%!important; }
	.widget .fb_iframe_widget span iframe { width: 100%!important; }
	
	.twitter-follow-button {max-width: 100%; }

	.dropdown ul {
		width: 120px;
	}

	ul.dropdown li li:hover ul,
	ul.dropdown li li.sfHover ul {
		left: 120px; 
	}

	#main div.wrapper-footer {
		padding-right: 1%;
		padding-left: 1%;
	}
	
	#main div.wrapper-footer div.column {
		float: left;
		display: inline;
		width: 31%;
		margin-right: 2%;
	}

	#main div.wpzoom-gallery {
		max-width: 100%;
	}

	#main div.wpzoom-gallery li img {
		max-width: 100%;
		width: 100%;
		height: auto;
	}
	
	#main li.special {
		float: left;
		display: inline;
		margin-right: 4%;
		width: 48%;
	}
	
	#main li.special iframe,
	#main li.special object,
	#main li.special embed {
		width: 100%;
		height: 80%;
	}
	
	#main li.special-last{
		margin-right: 0;
	}

    #content {
    	width: 65%;
    	margin-right: 3%;
	}
	
	div.full-width #content {
		margin-right: 0;
		width: 100%;
	}
	
	div#side {
		width: 32%;
	}
	
	#content div.widget {
		margin-bottom: 20px;
	}
	
	#side ul.posts img,
	#content ul.posts img {
		width: 100%;
		height: auto;
	}
	
	#side ul.posts li.secondary {
		width: 100%;
	}
	
	.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.wrapper {
    	padding-left: 0;
    	padding-right: 0;
	}

}

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

	.commleft {
		font-size: 11px;
		width: 25%;
	}

	.comment-list li div p {
		margin-left: 28%;
	}

	.bypostauthor .comment-author img,
	.comment-author img {
		display: none;
	}	
	
	div.header-banner {
		clear: both;
		display: block;
		float: none;
		max-width: 100%;
		overflow: hidden;
		padding: 15px 0 0;
		text-align: center;
	}
	
	p.postmetadata {
		display: none;
	}
	
	div#side {
		width: 32%;
	}
	
	div#side p.title {
		background: none;
	}
	
	div#side p.title span {
		padding: 0;
	}
	
}

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

	.xlarge, .post-content h2 {
		font-size: 26px;
		line-height: 34px;
	}
	
	div.header-banner {
		display: none;
	}
	
	.wrapper-reversed #content {
		margin-right: 0;
		margin-left: 0;
	}

	div#content,
	.wrapper-reversed #content,
	div#side,
	.wrapper-reversed #side {
		margin-right: 1%;
		margin-left: 1%;
		width: 98%;
	}

	div.full-width #content {
		margin-right: 0;
		margin-left: 0;
		width: 100%;
	}
	
	ul.posts div.cover {
		margin-bottom: 0;
	}
	
	div.postmeta {
		position: relative;
		left: auto;
		bottom: auto;
	}
	
	li.main div.postmeta {
		max-width: 95%;
		padding-left: 5%;
		padding-right: 5%;
	} 
	
	#main div.wpzoom-gallery {
		display: none;
	}

}

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

	header div.wrapper {
		text-align: center;
	}
	
	#secondary-menu {
		display: block;
		text-align: center;
	}
	
	#secondary-menu li {
		display: inline-block;
		float: none;
	}
	
	ul#social-links {
		clear: both;
		float: none;
		display: block;
		max-width: 100%;
		text-align: center;
	}
	
	ul#social-links li {
		display: inline-block;
		float: none;
	}

	#logo {
		clear: both;
		display: block;
		float: none;
		text-align: center;
	}
	
	#main div.wpzoom-gallery li {
		float: none;
		display: block;
		margin-right: 0;
		margin-bottom: 15px;
		max-width: 100%;
		width: 100%;
	}
	
	#main div.wpzoom-gallery div.cover {
		margin-bottom: 15px;
	}
	
	footer p.wpzoom {
		display: none;
	}
	
	#side div.postmeta {
		max-width: 100%;
	}
	
}

/* All Mobile Sizes (devices and browser) */
@media screen and (max-width: 400px) {
	#main div.wrapper-footer div.column {
		float: none;
		display: block;
		width: 100%;
		margin-right: 0;
	}
}

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

	#featured-posts li.secondary {
		float: none;
		display: block;
		width: 100% !important;
		margin-right: 0 !important;
		margin-bottom: 15px;
	}

	#featured-posts li.secondary div.postmeta {
		max-width: 95%;
		padding-left: 5%;
		padding-right: 5%;
	}
	
	#main li.special {
		float: none;
		display: block;
		margin-right: 0;
		margin-bottom: 15px;
		width: 100%;
	}
}