/* LICENSE & DETAILS
   ==================================================

	Theme Name: XO
	Theme URI: http://themes.swiftpsd.com/xo
	Description: XO - Responsive Creative Portfolio Theme by Ed Cousins
	License: GNU General Public License version 3.0
	License URI: http://www.gnu.org/licenses/gpl-3.0.html
	Version: 1.1
	Author: Ed Cousins
	Author URI: www.swiftpsd.com / www.edcousins.com

	All files, unless otherwise stated, are released under the GNU General Public License
	version 3.0 (http://www.gnu.org/licenses/gpl-3.0.html)

   ==================================================
*/

/* CSS CONTENTS
   ==================================================

	-- DEFAULTS
	-- LAYOUT
	-- SHARED
	-- TOP DRAWER
	-- NAVIGATION
	-- FOOTER
	-- WIDGETS
	-- CONTENT
	-- CONTACT FORM
	-- BUTTONS & INPUTS
	-- STYLES

*/


/* DEFAULTS
   ================================================== */

* {
	margin: 0;
	padding: 0;
} 
ul,li,ol,h1,h2,h3,h4,h5,h6,pre,form,html,p,body,blockquote,fieldset,input {
	margin: 0;
	padding: 0;
}
h1,h2,h3,h4,h5,h6,pre,code {
	font-size: 1em;
	color: #626262;
}
h1 {
	font-size: 2.4em;
	font-weight: normal;
	color: #626262;
	margin-bottom: 20px;
	line-height: 23px;
}
h2 {
	font-size: 2.2em;
	font-weight: bold;
	color: #222;
	margin-bottom: 20px;
}
h3 {
	font-size: 1.8em;
	color: #222;
	font-weight: normal;
    margin-bottom: 15px;
}
h4 {
	font-weight: normal;
	font-size: 1.6em;
	color: #3e3e3e;
    margin-bottom: 15px;
}
h5 {
   font-size: 1.4em;
   font-weight: normal;
   margin-bottom: 15px;
}
h6 {
   font-size: 1.2em;
   font-weight: bold;
   margin-bottom: 15px;
}
ol, ul {
	list-style: none;
}
li {
	margin-bottom: 5px;
}
li a:active, li a:focus, a:active, a:focus {
	outline: 0;
	border: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
	border-style: none;
	clear: both;
}
td {
	vertical-align: top;
}
form, fieldset {
	border: none;
}
a {
	color: #952e2e;
	text-decoration: none;
	transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out; /* Firefox 4 */
	-webkit-transition: all 0.3s ease-in-out; /* Safari and Chrome */
	-o-transition: all 0.3s ease-in-out; /* Opera */
}
a img {
	border-width: 0;
	border-style: none;
}
a:hover {
	color: #999;
}
p {
	font-size: 1.2em;
	color: #626262;
	line-height: 150%;
	margin-bottom: 15px;
}
span {
	font-size: 1.2em;
	line-height: 150%;
}
body {
	line-height: 1;
	font-size: 62.5%;
	font-family: 'Merriweather', sans-serif;
	background: transparent url(../images/bg_patterns/bright_squares.png) repeat fixed top left;
	color: #626262;
	text-align: left;
}
textarea, input {
	font-size: 62.5%;
	font-family: 'Droid Sans', sans-serif;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
input::-moz-focus-inner /*Remove button padding in FF*/ { 
    border: 0;
    padding: 0;
}
.sticky {}
.bypostauthor .comment-meta {
	background: transparent url(../images/post-author.png) no-repeat right 5px;
}
.alignnone {
    margin: 5px 20px 20px 0;
}
.aligncenter, div.aligncenter {
    display:block;
    margin: 5px auto 5px auto;
}
.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}
.alignleft {
    float:left;
    margin: 5px 20px 20px 0;
}
.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}
a img.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}
a img.alignnone {
    margin: 5px 20px 20px 0;
}
a img.alignleft {
    float:left;
    margin: 5px 20px 20px 0;
}
a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}
.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}
.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}
.wp-caption img {
    border: 0 none;
    height: auto;
    margin:0;
    max-width: 98.5%;
    padding:0;
    width: auto;
}
.align-left {
	text-align: left;
}
.align-right {
	text-align: right;
}
.clear {
	clear: both;
	height: auto;
	overflow: hidden;
}
.no-margin {
	margin: 0;
}
.wp-caption-text, .gallery-caption {	
	font-size: 1.2em;
	padding: 10px 0;
}

/* LAYOUT
   ================================================== */

#container {
	width: 960px;
	margin: 0 auto;
	padding: 50px 10px;
	background: rgba(255,255,255,0.4);
	margin-top: -33px;
}

.side-column {
	width: 298px;
	margin: 0 10px 20px;
	float: left;
}
.box {
	border: 1px solid #999;
	background-color: #fff;
}
.main-column {
	float: left;
	width: 640px;
}
#sidebar {
	padding: 20px 20px 0 20px;
}
#blog, #archive, .portfolio-detail, .article-wrap, .contact-page, .full-width, .photo-wall, #search-results, #portfolio.single-col, #not-found {
	margin: 0 10px;
}
#resize-me {
	background: transparent url(images/resize.png) no-repeat bottom right;
	width: 70px;
	height: 70px;
	position: fixed;
	bottom: 0;
	right: 0;
	display: none;
}
#resize-me.show {
	display: block;
}

/* SHARED
   ================================================== */

#logo {
	border-bottom: 1px solid #999;
	transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out; /* Firefox 4 */
	-webkit-transition: all 0.3s ease-in-out; /* Safari and Chrome */
	-o-transition: all 0.3s ease-in-out; /* Opera */
}
#logo:hover {
	opacity: 0.7;
}
#logo a img {
	display: block;
	width: 100%;
	height: auto;
}
.navigation {
	font-size: 1.4em;
	margin-top: 5px;
	padding: 15px 20px;
}
.navigation:before {
	content:"";
	background: transparent url(../images/scanlines.png) repeat-x 0 0;
	width: 100%;
	height: 7px;
	display: block;
	margin-bottom: 10px;
}
.single-post .navigation:after {
	content:"";
	background: transparent url(../images/scanlines.png) repeat-x 0 0;
	width: 100%;
	height: 7px;
	display: block;
	margin-top: 35px;
}
.navigation .nav-previous {
	float: left;
}
.navigation .nav-next {
	float: right;
}
.navigation.blog-navigation {
	min-height: 18px;
}
.navigation.blog-navigation:before {
	display: none;
}
.navigation.page-navigation {
	padding: 15px 0;
}
.navigation span {
	font-size: 1.0em;
	font-family: 'Arial', serif;
}
.single-navigation {
	padding: 0 20px 20px;
}
.page-template-template-portfolio-php #portfolio .navigation, .page-template-template-portfolio-wall-php #portfolio .navigation {
	margin: 20px 10px 0;
}
.side-column .scanlines {
	background: transparent url(../images/scanlines.png) repeat-x 0 0;
	width: auto;
	height: 7px;
	display: block;
	margin: 0 20px;
}

/* TOP DRAWER
   ================================================== */

#top-drawer {
	height: auto;
	width: 100%;
	background: #272727;
	border-bottom: 3px solid #b5b5b5;
	z-index: 1;
	display: none;
}
#top-drawer p {
	color: #888;
}
#top-drawer a {
	color: #bbb;
}
#top-drawer a:hover {
	color: #999;
}
.top-drawer-content {
	width: 960px;
	margin: 0 auto;
	padding: 40px 0 0;
}
.top-drawer-content .col {
	float: left;
	width: 300px;
	padding: 0 10px;
	margin-bottom: 40px;
}
.top-drawer-content h3 {
	color: #fff;
}
.toggle-container {
	width: 960px;
	margin: -3px auto 0;
	z-index: 2;
}
.top-drawer-toggle {
	width: 78px;
	height: 35px;
	margin: 0 20px 0 0;
	float: right;
}
.top-drawer-toggle.show {
	background: transparent url(../images/show.png) no-repeat 0 0;
}
.top-drawer-toggle.hide {
	background: transparent url(../images/hide.png) no-repeat 0 0;
}
.top-drawer-toggle:hover {
	cursor: pointer;
}
.top-drawer-content section.widget {
	margin-bottom: 0;
}
.top-drawer-content section.widget:after {
	margin: 0px 20px 0 0;
	height: 0;
}


/* NAVIGATION
   ================================================== */

#main-navigation {
	width: 298px;
	height: auto;
	margin-top: 5px;
	float: left;
	padding-bottom: 20px;
}
#main-navigation li {
	display: block;
	margin: 15px 0 0 20px;
	font-size: 1.8em;
	margin-right: 20px;
}
#main-navigation li.parent > a {
	background: transparent url(../images/dropdown-indicator.png) no-repeat right 8px;
	padding-right: 20px;
}
#main-navigation li.parent.down > a {
	background: transparent url(../images/dropdown-indicator-up.png) no-repeat right 8px;
	padding-right: 20px;
}
#main-navigation li a {
	color: #444;
}
#main-navigation li a:hover {
	color: #952e2e;
}
#main-navigation li.selected a {
	color: #952e2e;
}
#main-navigation li.selected ul li a {
	color: #444;
}
#main-navigation ul li ul li a:hover, body.single-portfolio #main-navigation ul li ul li a:hover, body.single-post #main-navigation ul li ul li a:hover {
	color: #952e2e;
}
#main-navigation ul li ul {
	display: none;
}
#main-navigation ul li ul li {
	font-size: 0.8em;
	margin-left: 15px;
	margin-right: 0;
}
#main-navigation ul li ul li:hover {
	border-left: 0;
}


/* FOOTER
   ================================================== */

#footer {
	margin: 20px 10px 0;
	padding: 20px 0 20px 20px;
}
 #footer section.widget h3 {
 	margin-bottom: 20px;
}
.back-to-top {
	background: transparent url(../images/back-to-top.png) no-repeat top left;
	width: 22px;
	height: 23px;
	float: left;
}
.back-to-top:hover {
	cursor: pointer;
}
.copyright-text {
	margin-right: 20px;
	float: right;
	width: 535px;
}
.copyright-text p {
	margin: 0;
	padding: 3px 0;
}


/* WIDGETS
   ================================================== */

section.widget {
	margin-bottom: 20px;
}
section.widget:after {
	content:"";
	background: transparent url(../images/scanlines.png) repeat-x 0 0;
	width: auto;
	height: 7px;
	display: block;
	margin: 20px 0 0 0;
}
section.blog-widget:after {
	margin: 0 20px 0 0;
}
#sidebar section.widget h3 {
	margin-bottom: 20px;
}
section.widget.social:after {
	margin-top: 10px;
}
ul.social-icons li {
	width: 32px;
	float: left;
	margin: 0 20px 0 0;
}
ul.social-icons li a { 
	background: transparent url(../images/social_icons.png) no-repeat 0 0;
	display: block;
	width: 32px;
	height: 32px;
	text-indent: -9999px;
}
ul.social-icons li a:hover {
	opacity: 0.8;
}
ul.social-icons li.facebook a {
	background-position: -32px 0;
}
ul.social-icons li.google-plus a {
	background-position: -64px 0;
}
ul.social-icons li.youtube a {
	background-position: -96px 0;
}
section.widget ul {
	font-size: 1.4em;
}
section.widget ul li {
	margin-bottom: 10px;
}
section.widget .textwidget {
	padding-right: 20px;
}
section.footer-widget ul.blog-items {
	font-size: 1.0em;
}
section.footer-widget ul.blog-items li {
	float: left;
	/*width: 260px;
	*/min-height: 110px;
	margin-bottom: 10px;
	margin-right: 20px;
}
section.footer-widget ul.blog-items li.left-item {
	margin-right: 58px;
}
section.footer-widget ul.blog-items li .blog-item-image {
	width: 56px;	
	height: 100%;
	min-height: 110px;
	float: left;
	margin-right: 20px;
}
section.footer-widget ul.blog-items li .blog-item-content {
	float: left;
	width: 184px;
}
section.footer-widget ul.blog-items li h4 {
	line-height: 18px;
	margin-bottom: 5px;
}
section.footer-widget ul.blog-items li p {
	margin-bottom: 5px;
}
section.footer-widget ul.blog-items li a.read-more {
	font-size: 1.0em;
	font-family: 'Arial', serif;
	margin-left: 5px;
}
section.widget #searchform input {
	width: 248px;
	font-size: 1.2em;
}
section.flickr_widget {
	margin-left: -20px;
}
section.flickr_widget h3 {
	margin-left: 20px;
}
section.flickr_widget img.flickr {
	width: 43px;
	height: 43px;
	border: 3px solid #444;
}
section.flickr_widget img.flickr:hover {
	border-color: #952E2E;
}
section.flickr_widget:after {
	margin-left: 20px;
}
section div#flickr li {
	margin: 0 0 10px 20px;
	float: left;
	width: auto;
	display: inline;
}
section.widget ul#twitter_update_list, section.widget ul.blogroll {
	font-size: 1.2em;
}
.twitter-widget .tweet {
	margin-bottom: 20px;
/*	width: 260px;*/
}
.twitter-date {
	font-size: 1em;
}
.twitter-link {
	background: transparent url(../images/twitter_bird.png) no-repeat top left;
	padding-left: 41px;
	height: 23px;
	line-height: 23px;
	font-size: 1.4em;
	margin-top: 15px;
}
section.widget ul.blogroll a {
	display: block;
	margin-bottom: 4px;
	font-size: 1.2em;
}
#wp-calendar {
	font-size: 1.4em;
}
#wp-calendar caption {
	padding: 0 0 10px 0;
}
#wp-calendar th {
	padding: 0 14px;
	width: 16px;
	text-align: center;
}
#wp-calendar thead tr {
	height: 30px;
}
#wp-calendar tr {
	height: 20px;
}
#wp-calendar td {
	text-align: center;
}
#wp-calendar tfoot tr {
	padding-top: 10px;
}
#wp-calendar tfoot tr td {
	text-align: left;
	padding-top: 10px;
}

/* CONTENT
   ================================================== */

#tagline {
	margin: 0 10px 20px;
	padding: 20px;
	text-align: center;
	overflow: hidden;
	background: -moz-linear-gradient(top,  #ffffff,  #f7f7f7);
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f7f7f7));
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f7f7f7');
}
#tagline h1 {
	min-height: 34px;
	font-size: 2em;
	margin-bottom: 10px;
}
#tagline span {
	color: #952e2e;
	font-weight: bold;
}
#tagline p {
	font-size: 1.4em;
}
#tagline a {
	border-bottom: 1px solid #626262;
	padding-bottom: 4px;
}
.content-items figure {
	height: auto;
	position: relative;
}
.content-items.single-column figure {
	width: 618px;
	height: auto;
}
.content-items figure figcaption {
	width: 278px;
	padding: 17px 0 13px 20px;
	background: #f3f3f3;
	overflow: hidden;
	background: -moz-linear-gradient(top,  #ffffff,  #f7f7f7);
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f7f7f7));
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f7f7f7');
	border: 1px solid #999;
}
.content-items.single-column figure figcaption {
	width: 598px;
}
.box figure figcaption {
	border: 0;
}
.post-item figure figcaption, .post-item .heading, .portfolio-detail figure figcaption, .portfolio-detail .heading, .portfolio-item figure figcaption, .portfolio-item .heading, #not-found .heading, .contact-page .heading, .full-width figure figcaption, .full-width .heading {
	width: auto;
	height: auto;
	padding: 17px 0 13px 20px;
	line-height: 24px;
	overflow: hidden;
	background: #f3f3f3;
	border-bottom: 1px solid #ccc;
	background: -moz-linear-gradient(top,  #ffffff,  #f7f7f7);
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f7f7f7));
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f7f7f7');
}
.post-item.link-format .heading {
	border-bottom: 0;
}
figcaption h3, .heading h3 {
	width: 530px;
	float: left;
	margin-bottom: 0;
	line-height: 23px;
	margin-top: 2px;
	height: auto;
	font-weight: normal;
}
.content-items.dual-column figcaption h3 {
	width: 225px;
}
.page-template-template-portfolio-php .content-items.dual-column {
	margin-bottom: -20px;
}
figcaption .type, .heading .type {
	background: transparent url(../images/post.png) no-repeat 0 0;
	float: right;
	width: 24px;
	height: 24px;
	margin: 0 20px 0 0;
	opacity: 0.2;
}
.type.image {
	background: transparent url(../images/image.png) no-repeat 0 0;
}
.type.gallery {
	background: transparent url(../images/gallery.png) no-repeat 0 0;
}
.type.video {
	background: transparent url(../images/video.png) no-repeat 0 0;
}
.type.audio {
	background: transparent url(../images/audio.png) no-repeat 0 0;
}
.type.link {
	background: transparent url(../images/link.png) no-repeat 0 0;
	width: 25px;
}
.type.quote {
	background: transparent url(../images/quote.png) no-repeat 0 0;
}
.page-heading {
	margin-bottom: 20px;
	font-size: 1.8em;
	padding: 15px 20px;
}
.page-heading p {
	margin: 0;
	font-size: 1em;
}
.content-items.dual-column li.item {
	width: 300px;
	margin: 0 10px 20px;
	float: left;
}
.content-items.single-column li.item {
	width: 600px;
	margin: 0 0 20px 20px;
	float: left;
}
.content-items li.item.first {
	margin-left: 0;
}
.content-items.dual-column figure img.wp-post-image {
	width: 298px;
	height: 282px;
	border-left: 1px solid #999;
	border-bottom: 1px solid #999;
	border-right: 1px solid #999;
	z-index: 1;
	position: relative;
	margin-bottom: -2px;
}
.content-items.single-column figure img.wp-post-image {
	width: 618px;
	height: auto;
	border-left: 1px solid #999;
	border-bottom: 1px solid #999;
	border-right: 1px solid #999;
	z-index: 1;
	position: relative;
	margin-bottom: -2px;
}
.portfolio-detail.single-column figure img.wp-post-image {
	border: 0;
}
figure img.wp-post-image {
	display: block;
}
.post-item figure img.wp-post-image, .portfolio-item figure img.wp-post-image, .content-items.single-column figure img.wp-post-image, .content-items.single-column figure {
	width: 100%;
	height: auto;
}
figure .view-circle {
	background: #111 url(../images/view-circle.png) no-repeat center center;
	height: auto;
	width: 100%;
	display: block;
	opacity: 1;
	transition: all 0.6s ease-in-out;
	-moz-transition: all 0.6s ease-in-out; /* Firefox 4 */
	-webkit-transition: all 0.6s ease-in-out; /* Safari and Chrome */
	-o-transition: all 0.6s ease-in-out; /* Opera */
}
figure:hover .view-circle {
}
#intro-text {
	text-align: center;
	margin: 0 10px;
	padding: 20px;
	background: #f3f3f3;
	background: -moz-linear-gradient(top,  #ffffff,  #f7f7f7);
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f7f7f7));
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f7f7f7');
}
#intro-text h2 {
 	color: #626262;
 	line-height: 30px;
	margin-bottom: 10px;
	font-weight: normal;
}
#intro-text span {
	color: #952e2e;
	font-weight: bold;
}
#intro-text p {
	font-size: 1.4em;
}
#intro-text a {
	border-bottom: 1px solid #626262;
	padding-bottom: 4px;
}
#blog #intro-text {
	margin: 0 0 20px;
}
#portfolio #intro-text {
	margin: 0 10px 20px;
}
#portfolio.single-col #intro-text {
	margin: 0 0 20px;
}
.home #portfolio #intro-text {
	margin: 0 10px;
}
.photo-wall li {
	width: 155px;
	height: auto;
	float: left;
	margin: 0;
	overflow: hidden;
}
.photo-wall figure {
	height: auto;
}
.photo-wall figure img.wp-post-image {
	width: 100%;
	height: auto;
}
.photo-wall figure .view img {
	margin-top: 33px;
	position: relative;
}
.portfolio-detail {
	background: #fff;
}
.detail-info {
	padding: 20px 20px 0;
	border-left: 1px solid #999;
	border-right: 1px solid #999;
	height: auto;
	max-height: 42px;
	overflow: hidden;
}
.post-item.gallery .detail-info {
	padding: 16px 20px 0;
}
.detail-info:after {
	content:"";
	background: transparent url(../images/scanlines.png) repeat-x 0 0;
	width: 100%;
	height: 7px;
	display: block;
	margin-top: 35px;
}
.image .detail-info:after {
	display: none;
}
.detail-info li {
	float: left;
	width: auto;
	padding: 0 15px 0 50px;
	margin: 0 3px 25px 0;
	height: 19px;
	border-left: 1px solid #e9e9e9;
	border-right: 1px solid #e9e9e9;
}
.detail-info li p {
	line-height: 20px;
	font-size: 1.4em;
}
.detail-info li.date {
	background: transparent url(../images/date.png) no-repeat 0 0;
	border-left: 0;
	margin-left: 0;
	padding-left: 30px;
}
.detail-info li.author {
	background: transparent url(../images/author.png) no-repeat 15px 0;
}
.detail-info li.categories {
	background: transparent url(../images/category.png) no-repeat 15px 0;
	padding-left: 55px;
	max-width: 190px;
	overflow: hidden;
}
.detail-info li.categories.last {
	border-right: 0;
}
.detail-info li.link {
	background: transparent url(../images/link-detail.png) no-repeat 15px 0;
	border-right: 0;
	margin-right: 0;
}
.detail-body {
	padding: 20px;
}
.detail-body p span {
	font-size: 1.0em;
}
.detail-body ul, .content-body ul, .entry ul {
    list-style: disc inside;
    line-height: 150%;
    font-size: 1.2em;
    margin-bottom: 20px;
}
.detail-body ol, .content-body ol, .entry ol {
	list-style: decimal inside;
	line-height: 150%;
	font-size: 1.2em;
    margin-bottom: 20px;
}
.post-item, .portfolio-item {
	margin-bottom: 20px;
}
.post-item .detail-info, .article-wrap .detail-info, .portfolio-detail .detail-info, .portfolio-item .detail-info {
	border: 0;
}
.excerpt {
	padding: 20px 20px 0;
}
.article-wrap {
	border: 1px solid #999;
}
.filter-wrap {
	padding: 20px 20px 0;
}
.filter-wrap:before {
	content:"";
	background: transparent url(../images/scanlines.png) repeat-x 0 0;
	width: 100%;
	height: 7px;
	display: block;
	margin-bottom: 10px;
}
#portfolio-filter {
	font-size: 1.4em;
	text-align:center;
}
#portfolio-filter li {
	display:inline;
	line-height: 24px;
	margin: 0;
}
#portfolio-filter li:first-child a {
	border: 0;
	padding: 0;
}
#portfolio-filter li a {
	border-left: 1px solid #999;
	padding: 0 0 0 10px;
	margin: 0 0 0 10px;
	border-bottom: 0;
}
#portfolio-filter li:first-child a {
	margin: 0;
}
#portfolio-filter li.selected a {
	color: #626262;
}
.post-item a.view, .portfolio-item a.view {
	background-color: #f7f7f7;
	float: right;
	padding: 10px;
}
.post-item a.view:hover, .portfolio-item a.view:hover {
	background-color: #b7b7b7;
}
.post-item a.view img, .portfolio-item a.view img {
	width: 17px;
	height: 18px;
	opacity: 0.6;
}
.post-item.image a.view, .portfolio-item.image a.view {
	padding: 22px;
	margin-top: -63px;
}
.flexslider {
	border: 0;
	background: none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0;
}
.flexslider .slides > li {
	margin: 0;
}
.flexslider .slides img {
	height: auto;
}
.flex-caption {
	background: rgba(0, 0, 0, .5);
	width: auto;
	padding: 10px 20px;
	margin-bottom: 13px;
	top: 20px;
	left: 0;
	bottom: auto;
	height: auto;
	max-width: 80%;
}
#home-slider {
	margin: 0 10px 20px;
	border: 1px solid #999;
	width: 618px;
	height: auto;
	background: #fff;
}
#home-slider .flex-control-nav {
	bottom: 24px;
}
#home-slider .flex-direction-nav {
	position: absolute;
	bottom: 30px;
	right: 40px;
}
.flex-direction-nav {
	position: absolute;
	bottom: 25px;
	right: 40px;
}
.flex-direction-nav li {
	margin-bottom: 0;
}
.flex-direction-nav li a {
	background-image: url(../images/bg_direction_nav.png);
	width: 24px;
	height: 24px;
	transition: none;
	-moz-transition: none; /* Firefox 4 */
	-webkit-transition: none; /* Safari and Chrome */
	-o-transition: none; /* Opera */
}
.flex-direction-nav li .prev {
	left: -32px;
}
.flex-direction-nav li .prev:hover {
	background-position: 0 -24px;
}
.flex-direction-nav li .next {
	background-position: -24px 0;
}
.flex-direction-nav li .next:hover {
	background-position: -24px -24px;
}
.flex-control-nav {
	bottom: 20px;
	right: 85px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	width: auto;
}
.flex-control-nav li {
	float: left;
}
.flex-control-nav li a {
	background-image: url(../images/bg_control_nav.png);
	transition: none;
	-moz-transition: none; /* Firefox 4 */
	-webkit-transition: none; /* Safari and Chrome */
	-o-transition: none; /* Opera */
}
.flex-control-nav li a:hover {
	background-position: 0 -13px;
}
.flex-control-nav li a.active {
	background-position: 0 -13px;
	cursor: default;
}
.quote-item .excerpt {
	padding: 20px;
}
.quote-item .excerpt p {
	font-size: 1.6em;
	border-left: 4px solid #444;
	padding-left: 20px;
	font-style: italic;
}
.quote-item cite {
	font-style: normal;
	font-size: 1.2em;
}
.single-post .post-item {
	margin-bottom: 0;
}
.single-post .post-item.box {
	border: 0;
}
.audio-player {
	margin: 60px 0 40px;
}
.contact-page .entry p iframe {
	width: 578px;
	height: 350px;
}


/* CONTACT FORM
   ================================================== */

.contact-page .entry {
	padding: 20px;
}
.contact-page .entry:after {
	content:"";
	background: transparent url(../images/scanlines.png) repeat-x 0 0;
	width: 100%;
	height: 7px;
	display: block;
	margin-top: 20px;
}
#contactForm {
	margin: 0 20px 20px;
}
.contactform li {
	margin-bottom: 10px;
	height: auto;
	overflow: hidden;
	padding-bottom: 5px;
}
.contactform label {
    display: block;
    font-size: 1.4em;
    line-height: 20px;
  	float: left;
  	font-weight: normal;
  	padding-top: 6px;
	width: 90px;
}
.contactform input {
   	font-size: 1.2em;
   	width: 200px;
   	float: left;
   	margin-top: 4px;
}
.contactform #message {
	width: 478px;
	height: 200px;
	min-width: 478px;
	max-width: 478px;
	min-height: 200px;
	font-size: 1.2em;
   	margin-top: 4px;
   	margin-bottom: 0;
}
.contactform .error {
    color: #CC0000;
    display: block;
    float: left;
    font-size: 1.2em;
    margin: 12px 0 0 10px;
    padding-top: 0;
    width: auto;
}
.contactform .textarea .error {
	float: left;
	height: 14px;
	margin-left: 100px;
}
.entry p.error {
    background-color: #C24343;
    border: 1px solid #A02C2C;
    color: #FFFFFF;
    margin-bottom: 20px;
    padding: 10px;
}
.contactform .buttons {
	height: auto;
	overflow: hidden;
	margin-bottom: 0;
	float: right;
}
.contactform .loading {
	font-size: 1.2em;
	height: 20px;
	display: block;
}
.contact-page p.thanks {
	margin: 20px;
}
#contactForm span {
	color: #C00;
	display: none;
	float: left;
	font-size: 1.2em;
	margin: 6px 0 0 10px;
	padding-top: 0;
	width: auto;
}
#contactForm .textarea span {
	margin: 10px 0 0 90px;
}
.bar {
	display: none; 
	background: transparent url(../images/loading.gif) no-repeat center; 
	height: 40px;
	margin-bottom: 20px;
}
#mail_response {
	margin: 10px 20px;
}


/* Buttons & Inputs
   ================================================== */

a.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
	background: #eee; /* Old browsers */
	background: #eee -moz-linear-gradient(top, rgba(255,255,255,.2) 0%, rgba(0,0,0,.2) 100%); /* FF3.6+ */
	background: #eee -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.2)), color-stop(100%,rgba(0,0,0,.2))); /* Chrome,Safari4+ */
	background: #eee -webkit-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* Chrome10+,Safari5.1+ */
	background: #eee -o-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* Opera11.10+ */
	background: #eee -ms-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* IE10+ */
	background: #eee linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* W3C */
  border: 1px solid #aaa;
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
  padding: 4px 12px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  color: #444;
  display: inline-block;
  font-size: 11px;
  font-weight: bold;
  text-decoration: none;
  text-shadow: 0 1px rgba(255, 255, 255, .75);
  cursor: pointer;
  margin-bottom: 20px;
  line-height: 21px;
  font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; }

a.button:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover {
	color: #222;
	background: #ddd; /* Old browsers */
	background: #ddd -moz-linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(0,0,0,.3) 100%); /* FF3.6+ */
	background: #ddd -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.3)), color-stop(100%,rgba(0,0,0,.3))); /* Chrome,Safari4+ */
	background: #ddd -webkit-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* Chrome10+,Safari5.1+ */
	background: #ddd -o-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* Opera11.10+ */
	background: #ddd -ms-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* IE10+ */
	background: #ddd linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* W3C */
  border: 1px solid #888;
  border-top: 1px solid #aaa;
  border-left: 1px solid #aaa; }

a.button:active,
button:active,
input[type="submit"]:active,
input[type="reset"]:active,
input[type="button"]:active {
	border: 1px solid #666;
	background: #ccc; /* Old browsers */
	background: #ccc -moz-linear-gradient(top, rgba(255,255,255,.35) 0%, rgba(10,10,10,.4) 100%); /* FF3.6+ */
	background: #ccc -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.35)), color-stop(100%,rgba(10,10,10,.4))); /* Chrome,Safari4+ */
	background: #ccc -webkit-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* Chrome10+,Safari5.1+ */
	background: #ccc -o-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* Opera11.10+ */
	background: #ccc -ms-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* IE10+ */
	background: #ccc linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* W3C */ }

.button.full-width,
button.full-width,
input[type="submit"].full-width,
input[type="reset"].full-width,
input[type="button"].full-width {
	width: 100%;
	padding-left: 0 !important;
	padding-right: 0 !important;
	text-align: center; }

form {
	margin-bottom: 20px; }
fieldset {
	margin-bottom: 20px; }
input[type="text"],
input[type="password"],
input[type="email"],
textarea,
select {
	border: 1px solid #ccc;
	padding: 6px 4px;
	outline: none;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	font: 13px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #777;
	margin: 0;
	width: 210px;
	max-width: 100%;
	display: block;
	margin-bottom: 20px;
	background: #fff; }
select {
	padding: 0; }
input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
textarea:focus {
	border: 1px solid #aaa;
		color: #444;
		-moz-box-shadow: 0 0 3px rgba(0,0,0,.2);
	-webkit-box-shadow: 0 0 3px rgba(0,0,0,.2);
	box-shadow:  0 0 3px rgba(0,0,0,.2); }
textarea {
	min-height: 60px; }
label,
legend {
	display: block;
	font-weight: bold;
	font-size: 13px;  }
select {
	width: 220px; }
input[type="checkbox"] {
	display: inline; }
label span,
legend span {
	font-weight: normal;
	font-size: 13px;
	color: #444; }


/* STYLES
   ================================================== */

/* Button Styles */

.button {
	display: inline-block;
	font-size: 1.2em;
	padding: 8px 30px;
	margin: 0 10px 20px;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	border:1px solid #1e2431;
	transition: none;
	-moz-transition: none; /* Firefox 4 */
	-webkit-transition: none; /* Safari and Chrome */
	-o-transition: none; /* Opera */
}
.button.blue {
	background: #333d53;
	border-color: #1e2431;
	background: -webkit-gradient(linear, left top, left bottom, from(#333d53), to(#1e2431));
	background: -moz-linear-gradient(top,  #333d53,  #1e2431);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#333d53', endColorstr='#1e2431');
	color: #fff;
	text-shadow: 0 1px rgba(0, 0, 0, .4);
}
.button.blue:hover {
	background: #1e2431;
	color: #fff;
}
.button.red {
	background: #c33;
	border-color: #990000;
	background: -webkit-gradient(linear, left top, left bottom, from(#cc3333), to(#990000));
	background: -moz-linear-gradient(top,  #cc3333,  #990000);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#cc3333', endColorstr='#990000');
	color: #fff;
	text-shadow: 0 1px rgba(0, 0, 0, .4);
}
.button.red:hover {
	background: #900;
	color: #fff;
}
.button.green {
	background: #339933;
	border-color: #006600;
	background: -webkit-gradient(linear, left top, left bottom, from(#339933), to(#006600));
	background: -moz-linear-gradient(top,  #339933,  #006600);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#339933', endColorstr='#006600');
	color: #fff;
	text-shadow: 0 1px rgba(0, 0, 0, .8);
}
.button.green:hover {
	background: #006600;
	color: #fff;
}
.button.orange {
	background: #ff6633;
	border-color: #cc3300;
	background: -webkit-gradient(linear, left top, left bottom, from(#ff6633), to(#cc3300));
	background: -moz-linear-gradient(top,  #ff6633,  #cc3300);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff6633', endColorstr='#cc3300');
	color: #fff;
	text-shadow: 0 1px rgba(0, 0, 0, .4);
}
.button.orange:hover {
	background: #cc3300;
	color: #fff;
}
.button.yellow {
	background: #ffff99;
	border-color: #ffff00;
	background: -webkit-gradient(linear, left top, left bottom, from(#ffff99), to(#ffff00));
	background: -moz-linear-gradient(top,  #ffff99,  #ffff00);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff99', endColorstr='#ffff00');
	color: #222;
}
.button.yellow:hover {
	background: #ffff00;
	color: #222;
}
.button.pink {
	background: #ff66ff;
	border-color: #ff00ff;
	background: -webkit-gradient(linear, left top, left bottom, from(#ff66ff), to(#ff00ff));
	background: -moz-linear-gradient(top,  #ff66ff,  #ff00ff);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff66ff', endColorstr='#ff00ff');
	color: #fff;
	text-shadow: 0 1px rgba(0, 0, 0, .4);
}
.button.pink:hover {
	background: #ff00ff;
	color: #fff;
}
.button.purple {
	background: #cc33ff;
	border-color: #660099;
	background: -webkit-gradient(linear, left top, left bottom, from(#cc33ff), to(#660099));
	background: -moz-linear-gradient(top,  #cc33ff,  #660099);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#cc33ff', endColorstr='#660099');
	color: #fff;
	text-shadow: 0 1px rgba(0, 0, 0, .4);
}
.button.purple:hover {
	background: #660099;
	color: #fff;
}
.button.lightblue {
	background: #66ccff;
	border-color: #0099ff;
	background: -webkit-gradient(linear, left top, left bottom, from(#66ccff), to(#0099ff));
	background: -moz-linear-gradient(top,  #66ccff,  #0099ff);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#66ccff', endColorstr='#0099ff');
	color: #fff;
	text-shadow: 0 1px rgba(0, 0, 0, .4);
}
.button.lightblue:hover {
	background: #0099ff;
	color: #fff;
}
.button.turquoise {
	background: #99ffff;
	border-color: #33cccc;
	background: -webkit-gradient(linear, left top, left bottom, from(#99ffff), to(#33cccc));
	background: -moz-linear-gradient(top,  #99ffff,  #33cccc);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#99ffff', endColorstr='#33cccc');
	color: #222;
}
.button.turquoise:hover {
	background: #33cccc;
	color: #222;
}
.button.black {
	background: #222222;
	border-color: #000000;
	background: -webkit-gradient(linear, left top, left bottom, from(#222222), to(#000000));
	background: -moz-linear-gradient(top,  #222222,  #000000);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#222222', endColorstr='#000000');
	color: #fff;
	text-shadow: 0 1px rgba(0, 0, 0, .4);
}
.button.black:hover {
	background: #000000;
	color: #fff;
}
.button.grey {
	background: #777777;
	border-color: #555555;
	background: -webkit-gradient(linear, left top, left bottom, from(#777777), to(#555555));
	background: -moz-linear-gradient(top,  #777777,  #555555);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#777777', endColorstr='#555555');
	color: #fff;
	text-shadow: 0 1px rgba(0, 0, 0, .4);
}
.button.grey:hover {
	background: #555555;
	color: #fff;
}
.button.white {
	background: #f7f7f7;
	border-color: #e7e7e7;
	background: -webkit-gradient(linear, left top, left bottom, from(#f7f7f7), to(#e7e7e7));
	background: -moz-linear-gradient(top,  #f7f7f7,  #e7e7e7);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7', endColorstr='#e7e7e7');
	color: #626262;
}
.button.white:hover {
	background: #e7e7e7;
	color: #626262;
}

/* Alert Styles */

.alert {
	width: auto;
	min-height: 20px;
	height: auto;
	line-height: 20px;
	overflow: hidden;
	padding: 10px;
	text-align: center;
	margin: 15px 0;
}
.alert.clear {
	border-top: 1px solid #e7e7e7;
	border-bottom: 1px solid #e7e7e7;
}
.alert.red {
	border-top: 1px solid #c33;
	border-bottom: 1px solid #c33;
	background-color: #f66;
	color: #fff;
}
.alert.green {
	border-top: 1px solid #6c6;
	border-bottom: 1px solid #6c6;
	background-color: #cfc;
}
.alert.blue {
	border-top: 1px solid #9cf;
	border-bottom: 1px solid #9cf;
	background-color: #c5defa;
}

/* Column Styles */

.one_half {
	width: 48%;
}
.one_third {
	width: 30.66%;
}
.two_third {
	width: 65.33%;
}
.one_fourth {
	width: 22%;
}
.three_fourth {
	width: 74%;
}
.one_fifth {
	width: 16.8%;
}
.two_fifth {
	width: 37.6%;
}
.three_fifth {
	width: 58.4%;
}
.four_fifth {
	width: 67.2%;
}
.one_sixth {
	width: 13.33%;
}
.five_sixth {
	width: 82.67%;
}
.one_half, .one_third, .two_third, .three_fourth, .one_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth, .five_sixth {
	position: relative;
	margin-right: 4%;
	float: left;
	font-size: 1.2em;
	line-height: 150%;
}
.last {
	margin-right: 0 !important;
	clear:right;
}
.clearboth {
	clear: both;
	display: block;
	font-size: 0;
	height: 0;
	line-height: 0;
	width: 100%;
}