/*
Theme Name: Rudder
Theme URI: http://cudazi.com/
Description: Clean, fun, lifestyle WordPress theme.
Author: Cudazi
Author URI: http://cudazi.com/
Version: 1.0
License: See Download License Folder
License URI: http://cudazi.com/
Tags: light, one-column, two-columns, custom-background, custom-menu, featured-images, full-width-template, post-formats, theme-options, threaded-comments, translation-ready
*/



/* http://meyerweb.com/eric/tools/css/reset/ | v2.0 | 20110126, License: none (public domain) */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* General Reset */
body {
	color:#555;
	font:15px/26px Helvetica,Arial,sans-serif;
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust:none;
	min-width:320px;
}
a {
	text-decoration:none;
	color:#25a1d4;
}
a:hover {text-decoration:underline;}
a:active {background-color: transparent;}
input, textarea, select {
	font: Helvetica,Arial,sans-serif;
	vertical-align:middle;
	color:#555;
	overflow: auto;
}
input:focus, textarea:focus { outline:none; }
h1, h2, h3, h4, h5, h6, b, strong, th{font-weight:bold;}
h1{font-size:200%;}
h2{font-size:150%;}
h3{font-size:120%;}
h4{font-size:110%;}
h5{font-size:100%;}
h6{font-size:90%;}
i, cite, em, var, dfn, address{font-style:italic;}
u, ins {text-decoration: underline;}
header, footer, article, section, hgroup, nav, figure, aside { display: block; }
input[type="image"]{padding:0;border:none;}
input[type=text], input[type=password], input[type=file], input[type=submit], textarea{-webkit-appearance:none;}
::-webkit-input-placeholder {color:#999;}
::-moz-placeholder {
	color:#999;
	opacity: 1;
}
:-moz-placeholder {color:#999;}
.placeholder {color:#999;}
/* header */
#header {
	background:#222;
	box-shadow:inset 0 -1px 1px rgba(0,0,0,0.4), 0 1px 0 rgba(255,255,255,0.15);
	-webkit-box-shadow:inset 0 -1px 1px rgba(0,0,0,0.4), 0 1px 0 rgba(255,255,255,0.15);
	margin-bottom:81px;
	position:relative;
	z-index:5;
	padding:0.01px; /*FF Mac fix*/
}
.header-holder {
	margin:0 auto;
	padding: 0;
}
.header-holder:after {
	display:block;
	content:"";
	clear:both;
}
/* logo */
.logogroup {
	float:left;
	padding: 0 0 10px 0;
}
.logo {
	display:inline-block;
}
.logo a {
	font-weight: normal;
	color: #fff;	
	text-decoration: none;
	display: block;
	text-indent:-9999px;
	margin: 20px 0 0 0;
}
.logo img {
	display: block;
}
.logo .textlogo {
	text-indent:0px;
	margin:-3px -5px 0 0;
	display: block;
	font-size: 20px;
}
/* tagline */
.tagline {
	display:inline-block;
	vertical-align:middle;
	color:#7a7a7a;
	font:italic 11px Helvetica, Arial, sans-serif;
	line-height: 100%;
	margin: 0 0 0 10px;
}
/* main navigation */
#navigation-small { display: none; }
.main-nav {float:right;}
.main-nav ul {
	float:left;
	border-left:1px solid #2b2b2b;
	margin:0;
}
.main-nav ul li {
	float:left;
	border-right:1px solid #2b2b2b;
	text-transform:uppercase;
	font-size:11px;
	line-height:21px;
	list-style:none;
	letter-spacing:1px;
	position:relative;
}
.main-nav li a {
	display:block;
	color:#c4c4c4;
	padding:19px 20px;
}
.main-nav li.hover > a,
.main-nav .current-menu-item > a,
.main-nav .current-menu-ancestor > a {
	background:#111;
	color: #fff;
	text-decoration:none;
}
.main-nav li ul {
	position:absolute;
	top:100%;
	left:-1px;
	background:#111;
	width:200px;
	border:1px solid #2b2b2b;
	display:none;
}
.main-nav li.hover > ul {display:block;}
.main-nav li li {
	float:none;
	border-right:none;
	border-top:1px solid #2b2b2b;
}
.main-nav li li:first-child {border:none;}
.main-nav li li a {
	padding:9px 20px;
	background:#111;
}
.main-nav li li.hover > a {background:#222; color: #fff;}
.main-nav li li ul {
	top:-1px;
	left:100%;
}
/* wrapper */
#wrapper {
	/*max-width:1141px;*/
	margin: 0 auto 50px;
	background:#e0e0e0;
	box-shadow:0 0 2px rgba(0,0,0,0.1);
	-webkit-box-shadow:0 0 2px rgba(0,0,0,0.1);
}
/* main */
#main {width:100%;}
#main:after {
	display:block;
	content:"";
	clear:both;
}
/* content */
#content {
	float:left;
	/*width:71.8%; sub pixel rendering*/
	background:#c4c4c4;
	box-shadow:0 0 2px rgba(0,0,0,0.1);
	-webkit-box-shadow:0 0 2px rgba(0,0,0,0.1);
	margin:-40px 0 10px 0;
	position:relative;
	z-index:2;
}
#content.fullwidth,
.page-template-page-fullwidth-php #content {
	width: 100%;
}

#content h2 {
	font:bold 39px/52px Helvetica, Arial, sans-serif;
	color:#222;
	text-transform:uppercase;
	margin-bottom:11px;
	letter-spacing:-1px;
	word-spacing:-2px;
}
#content img {
	max-width: 100%;
}
#content .archive-header-wrap {
	padding: 3px 15px 0 15px;
	min-height: 55px;
}
#content .archive-header-wrap .archive-title,
#content .archive-header-wrap p {
	display: inline-block;
	margin: 0;
}
#content .archive-header-wrap p {
	font-size: 75%;
	padding: 0 10px 10px 0;
}
#content .archive-header-wrap img {
	position: relative;
	top: 7px;
	margin-right: 8px;
}
#content .archive-title {
	text-transform: none;
	word-spacing: normal;
	font-size: 100%;
	padding-right: 10px;
}
#content p {margin-bottom:15px;}
/* post */
.post {
	background:#fff;
	box-shadow:0 0 5px rgba(0,0,0,0.25);
	-webkit-box-shadow:0 0 5px rgba(0,0,0,0.25);
}
.post + .post {
	margin-top:10px;
}
.sticky {
	/* sticky style post additions */
}
.post h2 a {color:#222;}
.post h2 a:hover {text-decoration:none;}
.post .more {font-weight:bold;}
/* visual - featured-image */
.post .featured-image {
	/*margin-bottom:9px;*/
	position:relative;
	z-index:2;
}
.post .featured-image img {
	display:block;
	width:100%;
}
body.search .page .text-holder,
.post .text-holder {
	margin-left:59px;
	border-left:1px solid #e5e5e5;
	padding:33px 55px 18px;
	position:relative;
}
.page .text-holder {
	border: 0;
	margin-left: 0;
	padding-top: 48px;
	padding-bottom: 30px;
}
.page {
	margin-bottom: 0;
}
body.single #comments,
.page + #comments {
	margin-top: 10px;
}

#comments {
	background: #fff;
	padding: 35px 60px;
}





/*	Comments
----------------------------------------------------------------------------------------------------*/
#commentlist,
#commentlist li {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#commentlist li {
	margin: 0 0 40px 0;
}
#commentlist .children {
	margin: 40px 0 0 0;
	padding: 0 0 0 80px;
}#commentlist .children li:last-child {
	margin: 0;
}
#commentlist .left {
	width: 80px;
	float:left;
}
#commentlist p {
	margin: 0;
}
#commentlist .right-comments {
	padding: 0 0 0 20px;
	overflow: hidden;
	border-left: 1px solid #f0f0f0;
	min-height: 62px;
}
#commentlist .bypostauthor .right-comments {
	border-left-color: #ccc;
}
#commentlist .comment-text {
	font-size: 12px;
}
.comment-reply-link {
	color: #ccc;
	font-size: 10px;
	padding: 0 0 0 5px;
}
#commentlist cite {
	font-size: 15px;
	padding: 0 5px 0 0;	
}
#commentlist .commentmetadata {
	font-style:italic;
	color: #ccc;
	font-size: 11px;
}
#commentlist .right-comments p {
	padding: 0 0 10px 0;
}
#commentlist .right-comments p:last-child {
	padding: 0 0 0 0;
}
#commentlist #respond { /*when an inline reply*/
	padding-top: 20px;
}
#comments .navigation {
	padding: 0 0 20px 0;
}
#comments-title {
	padding: 0 0 40px 0;
}
#respond span.required {
	display: none;
}
#respond input[type="text"], 
#respond input[type="password"], 
#respond input[type="email"] {
	width: 50%;
}
#respond textarea {
	width: 75%;
	padding: 6px;
}
#respond label {
	display: block;
	font-weight: bold;
	padding: 5px 0 0 0;
}
#respond #submit {
	margin: 0;
}
#respond .form-allowed-tags {
	font-size: 12px;
}
#respond #cancel-comment-reply-link {
	font-size: 12px;
	float: right;
	
}








/* date */
.post .date {
	position:absolute;
	top:61px;
	left:-17px;
	width:33px;
	border:solid #e5e5e5;
	border-width:1px 0;
	background:#fff;
	text-align:center;
	white-space:nowrap;
	font:bold 11px/11px Helvetica, Arial, sans-serif;
	color:#222;
	text-transform:uppercase;
	padding:10px 0 8px;
}
.post .date .year {
	color:#bbb;
	font:italic 15px/15px Helvetica, Arial, sans-serif;
	display:block;
}
/* meta */
.post .meta {
	color:#bbb;
	font:11px/20px Helvetica, Arial, sans-serif;
	display:block;
	margin-bottom:10px;
	text-transform: uppercase;
	min-height: 18px;
}
.post .meta a {color:#bbb;}
.post .post-author { padding-right: 20px; }
.portfolio-container .page {
	margin-bottom: 10px;
}
.portfolio-filter {
	
	padding: 5px 55px;
	font-size: 12px;
}
.portfolio-filter a {
	padding-right: 10px;
	text-decoration: none;
	float: left;
	display: block;
}
.portfolio-filter a:hover,
.portfolio-filter a.current {
	opacity: .8;
}
.portfolio-item-wrap {
}
#content .portfolio-item-meta {
	margin: 0;
	padding: 0;
	font-size: 12px;
	padding: 5px; 
	text-align: center;
}
.portfolio-item img {
	max-width: 100%; 
}
.portfolio-item img,
.portfolio-item img a {
	display: block;
}
.portfolio-item {
	width: 374px; /*full size, see responsive section for other sizes*/
	margin-right: 9px; /*Prefer 10px but the math doesn't work out evenly */
	margin-top: 10px;
	position: relative;
	float: left;
}
.portfolio-item-last {
	margin-right: 0 !important; 
	clear: right;
}

/* post navigation */
.post-pagination {
	background:#fff;
	box-shadow:0 0 5px rgba(0,0,0,0.25);
	-webkit-box-shadow:0 0 5px rgba(0,0,0,0.25);
	padding:16px 10px 14px 41px;
	font-size:12px;
	line-height:20px;
	overflow:hidden;

	margin-top: 10px;
	clear: both;
}
.post-pagination .current {
	color: #555;
	font-weight: bold;
}
.post-pagination a {color:#999;}
.post-pagination .next {
	padding-right: 11px;
	margin-left: 5px;
	background:url(images/sprite.png) no-repeat 100% -27px;
}







/* sidebar */
#sidebar {
	float: none;
	overflow: hidden;
	width: auto;
}
.sidebar-holder {padding:20px 20px 20px;}
/* about */
.widget_cudazi_biowidget {margin:-20px -20px 0;}
.widget_cudazi_biowidget .bio-photo-wrap img {
	display:block;
	width:100%;
}
.widget_cudazi_biowidget .bio-description-wrap {
	background:#edc147;
	padding:18px 22px;
	color:#fff;
	font:italic 14px/23px Georgia, "Times New Roman", Times, serif;
}
.widget_cudazi_biowidget p {margin-bottom:5px;}
/* search form */
.widget_cudazi_biowidget .search-form { margin: 20px; }
.search-form {
	background:#f2f2f2;
	padding:2px;
	margin:0;
	box-shadow:0 0 3px rgba(0,0,0,0.15);
	-webkit-box-shadow:0 0 3px rgba(0,0,0,0.15);
}
.search-form input[type="text"] {
	float:left;
	width:200px;
	padding:11px 7px 10px;
	border:none;
	margin:0;
	background:#f2f2f2;
	height:15px;
}
.search-form input[type="submit"]:hover,
.search-form input[type="submit"] {
	float:right;
	width:20px;
	height:20px;
	text-indent:-9999px;
	overflow:hidden;
	padding:0;
	margin:9px 7px 0 0;
	border:none;
	background:url(images/sprite.png) no-repeat -44px 4px;
	cursor:pointer;
}
/* social networks */
.social-networks {
	margin: 20px 0 0 20px;
	overflow:hidden;
	line-height:0;
}
.social-networks li {
	float:left;
	margin:0 14px 0 0;
	list-style:none;
}
.social-networks li a {
	display:block;
	opacity: .5;
}
.social-networks li a:hover { /*hover*/ }
.social-networks li a img {
	width: 16px;
	height: auto;
	opacity: .7;
}
/* text widget */
.widget {
	padding:0 0 16px 0;
	color:#777;
	font-size:12px;
	line-height:20px;
}
.widget .children {
	padding-left: 15px;
}
.widget p {margin-bottom:10px;}
.widget .widgettitle {
	display:block;
	color:#777;
	font:bold 12px/28px Helvetica, Arial, sans-serif;
	text-transform:uppercase;
	border-bottom:1px solid #9e9e9e;
	letter-spacing:2px;
	padding-left:2px;
	margin-bottom:10px;
}

/* Calendar Widget */
.widget_calendar .widgettitle {
	display: none;
}
.widget #wp-calendar {
	width: 99%;
}
.widget #wp-calendar th {
	font-weight: bold;
	text-align: left;
}



/* Shortcode Messages */
.message .hideparent {
	font-size: 75%;
	float: right;
}
.message .hideparent,
.error,
.warning,
.success {
	color:#fff;	
}
p.error,
p.success,
p.warning {
	padding: 10px;
	margin: 0 0 30px 0;	
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
.error {
	background:#C00;
}
.warning {
	background:#f93;
}
.success {
	background:#090;
}
.hidden {
	display:none;
}



/* footer */
#footer {
	padding:9px 40px 21px;
	font-size:12px;
	line-height:20px;
	position: relative;
}
#scroll-top {
	float:right;
	position: absolute;
	color: #777;
	right: 20px;
	top: 9px;
	display: block;
	text-decoration: none;
}

/* copyright */
#footer .widget,
#footer .widget p {
	margin: 0;
	padding: 0;
}

.entry-content {
	margin-bottom: 20px;
}
.entry-content ol {
	list-style-type: decimal;
}
.entry-content ul {
	list-style-type: circle;
}
.entry-content ol,
.entry-content ul {
	margin: 0;
	padding: 0 0 0 30px;
}
.entry-content ol li:last-child,
.entry-content ul li:last-child {
	padding-bottom: 15px;
}


hr {
	border: solid #e5e5e5;
	border-width: 1px 0 0;
	clear: both;
	margin: 0 0 15px;
	height: 0;
}



/* Gallery
----------------------------------------------------------------------------------------------------*/
.gallery { 
	margin: 0 auto 20px; 
}
.gallery img {
	max-width: 100%; 
	height: auto;
}
.gallery .gallery-item {
	float: left;
	margin: 0 0 3% 0;
	text-align: center;
	width: 100%;
}
.gallery-columns-2 .gallery-item { 
	width: 50%; 
}
.gallery-columns-3 .gallery-item { 
	width: 33%; 
}
.gallery-columns-4 .gallery-item { 
	width: 25%; 
}
.gallery-columns-5 .gallery-item { 
	width: 20%; 
}
.gallery-columns-6 .gallery-item { 
	width: 16%; 
}
.gallery-columns-2 .attachment-medium {
	max-width: 92%;
	height: auto;
}
.gallery .attachment-full,
.gallery .attachment-large {
	max-width: 95%;
	height: auto;
}
.gallery-columns-3 .attachment-thumbnail,
.gallery-columns-4 .attachment-thumbnail {
	max-width: 84%;
	height: auto;
}
.gallery .gallery-caption {
	color: #999;
	font-size: 11px;
	margin: 0 0 3%;
}
.gallery dl, .gallery dt { 
	margin: 0; 
}
.gallery br+br { 
	display: none; 
}












/* WordPress post image formatting
----------------------------------------------------------------------------------------------------*/
.alignleft,
img.alignleft {
	display: inline;
	float: left;
	margin-right: 15px;
	margin-top: 0;
}
.alignright,
img.alignright {
	display: inline;
	float: right;
	margin-left: 15px;
	margin-top: 0;
}
.aligncenter,
img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.alignleft,
img.alignright,
img.aligncenter {
	margin-bottom: 12px;
}
.wp-caption {
	line-height: 18px;
	margin-bottom: 10px;
	padding: 0 4px 4px 0;
	font-size: 11px;
	color:#999;
	text-align: center;
}
.wp-caption img {
	margin: 5px 5px 0;
}
.wp-caption p.wp-caption-text {
	margin: 5px;
}

blockquote { 
	margin: 20px 0; 
	padding: 0 20px; 
	border-left: 1px solid #ddd; 	
	font-style: italic; 	
}

.embed-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}

.embed-container iframe,
.embed-container object,
.embed-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}








/* Spiced up form fields (via Getskeleton)
----------------------------------------------------------------------------------------------------*/

	input[type="text"],
	input[type="password"],
	input[type="email"],
	textarea,
	select {
		font-size: 12px;
		border: 1px solid #ccc;
		padding: 2px 6px;
		outline: none;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		border-radius: 2px;		
		color: #777;
		margin: 0;
		width: 210px;
		max-width: 100%;
		display: block;
		margin-bottom: 20px;
		background: #fff; 

		}
	input[type="text"],
	input[type="password"],
	input[type="email"] {
		height: 30px;	
	}
	
	select {
		padding: 0; }

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

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









/* Contact Form 7 Styles (optional plugin) (removed defualt base css in functions.php)
----------------------------------------------------------------------------------------------------*/
.wpcf7-form-control-wrap input[type="text"], 
.wpcf7-form-control-wrap input[type="password"], 
.wpcf7-form-control-wrap input[type="email"], 
.wpcf7-form-control-wrap select {
	width: 50%;
	margin: 0;
}
.wpcf7-form-control-wrap textarea {
	width: 75%;
}
.wpcf7-form-control-wrap {
	position: relative;
}
.wpcf7-not-valid-tip-no-ajax {
	color: #a00;
	font-size: 75%;
}
.wpcf7-response-output {
	font-weight: bold;
}



/* Flickr Feed Gallery (optional plugin)
----------------------------------------------------------------------------------------------------*/
.ffg_img_css {
	padding: 0;
	margin:0 5px 5px 0 !important;
	width: 81px;
	float: left;
}
.ffg_img_css {
    border: none !important;
}




/* Tipsy Tooltips - No need to edit */
.tipsy { font-size: 10px; position: absolute; padding: 5px; z-index: 100000; }
.tipsy-inner { background-color: #444; color: #FFF; max-width: 200px; padding: 3px 8px 2px 8px; text-align: center; }
.tipsy-inner { border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; }
.tipsy-arrow { position: absolute; width: 0; height: 0; border: 5px solid transparent; }
.tipsy-arrow-n { border-bottom-color: #444; }
.tipsy-arrow-s { border-top-color: #444; }
.tipsy-arrow-e { border-left-color: #444; }
.tipsy-arrow-w { border-right-color: #444; }
.tipsy-n .tipsy-arrow, .tipsy-nw .tipsy-arrow, .tipsy-ne .tipsy-arrow { top: 0; border-top: none; }
.tipsy-s .tipsy-arrow, .tipsy-sw .tipsy-arrow, .tipsy-se .tipsy-arrow { bottom: 0; border-bottom: none; }
.tipsy-n .tipsy-arrow, .tipsy-s .tipsy-arrow { left: 50%; margin-left: -5px; }
.tipsy-nw .tipsy-arrow, .tipsy-sw .tipsy-arrow { left: 10px; }
.tipsy-ne .tipsy-arrow, .tipsy-se .tipsy-arrow { right: 10px; }
.tipsy-e .tipsy-arrow, .tipsy-w .tipsy-arrow { top: 50%; margin-top: -5px; }
.tipsy-e .tipsy-arrow { right: 0; border-right: none; }
.tipsy-w .tipsy-arrow { left: 0; border-left: none; }


/* Column Shortcodes
----------------------------------------------------------------------------------------------------*/
.sc_column { 	
	margin-right: 4%; 
	position: relative; 
	float: left; 
}
.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%; 
}
.last { 
	margin-right: 0 !important; 
	clear: right; 
}

      
/* Use clearfix class on parent to clear nested columns */
	.clearfix:before,
	.clearfix:after {
	  content: '\0020';
	  display: block;
	  overflow: hidden;
	  visibility: hidden;
	  width: 0;
	  height: 0; 
}
	.clearfix:after {
	  clear: both; 
}
	.clearfix {
	  zoom: 1; 
}      







      

/* #Base 1200 Grid
================================================== */
	
	/* full size */
	.header-holder,
	#wrapper {
		width: 1140px;
	}
	#content {
		width: 840px;
	}



/* All smaller than 959 */ 
    @media only screen and (max-width: 959px) {
		.main-nav {    		
			width: 100%;
			border-top:1px solid #2b2b2b;
		}
	}

/* #Tablet (Portrait)
================================================== */

    /* Note: Design for a width of 768px */

    @media only screen and (min-width: 768px) and (max-width: 959px) {
    	.header-holder,
    	#wrapper {
    		width: 768px;
    	}
    	#content {
    		width: 528px;
    	}
    	
    	
		.main-nav li a {padding-top:18px;}	
		.search-form input[type="text"] {width:130px;}	
		.search-form input[type="submit"] {margin-right:4px;}
		  
		.portfolio-item {
			width: 250px;
		}   	
    }


/* Note: Design for a width 1024 Desktop
	================================================== */

	@media only screen and (min-width: 960px) and (max-width: 1199px) {
		.header-holder,
		#wrapper {
    		width: 960px;
    	}
    	#content {
    		width: 660px;
    	}
    	
    	
		.portfolio-item {
			width: 314px;
		}   	
    	
	}
	
	
/*  #Mobile (Portrait)
================================================== */

    /* Note: Design for a width of 320px (smaller than 767) */

    @media only screen and (max-width: 767px) {
    	.header-holder {
    		width: 300px;
    	}
    	#wrapper {
    		width: 320px;
    	}
    	#content {
    		width: 320px;
    	}
    	
    	.main-nav {    		
			
		}

		.portfolio-item {
			min-width: 100%;
			width: 100%;
			margin-right: 0;
		}
    	
    	/* Force columns full width */
		.sc_column {
			float: none;
			display: block;
			margin: 0;
			width: 100%;
		}
		#comments {
			padding: 30px;
		}
		#commentlist .left {
			display: none;
		}
		#respond input[type="text"], 
		#respond input[type="password"], 
		#respond input[type="email"],
		#respond textarea {
			width: 100%;
		}
		.wpcf7-form-control-wrap input[type="text"], 
		.wpcf7-form-control-wrap input[type="password"], 
		.wpcf7-form-control-wrap input[type="email"], 
		.wpcf7-form-control-wrap select,
		.wpcf7-form-control-wrap textarea {
			width: 97%;
		}
		
		
		#header {margin-bottom:20px;}
	
		#navigation-small {
			display: block;
			width: 100%;
			background: #111;
			border: 1px solid #000;
			color: #ccc;
			padding: 5px 3px;
			margin: 15px 0;
		}
		#nav {
			display: none;
		}
		#main {
			display:block;
			
		}
		#content {
			float:none;
			width:100%;
			margin:0 0 11px;
		}
		
		.post .text-holder {
			padding:13px 20px 15px;
			margin:0;
			border:none;
		}
		.post .date {display:none;}
		.post-nav {padding:16px 20px 14px 21px;}
		#sidebar {
			width:100%;
			float:none;
			background:#c4c4c4;
		}
		.sidebar-holder {padding:0 20px 6px;}
		.about {
			margin:0 auto 21px;
		}
		.about .text-holder {
			padding-bottom: 10px;
		}
		
		#footer {padding:9px 20px 17px;}
		
		
    }



/* #Mobile (Landscape)
================================================== */

    /* Note: Design for a width of 480px (480-767 size) */

    @media only screen and (min-width: 480px) and (max-width: 767px) {
    	.header-holder {
    		width: 440px;
    	}
    	#wrapper {
    		width: 480px;
    	}
    	#content {
    		width: 480px;
    	}
    	
    	
    	.about { 
			margin-left: auto; 
			margin-right: auto; 
		}
		
    	
    	
	}

.post + .post {
	margin-top: 0px;
}

#content .post.archive-header-wrap .entry-title.archive-title {
	font: bold 24px Helvetica, Arial, sans-serif;
	color: #222;
	text-transform: uppercase;
	margin-top: 15px;
	letter-spacing: -1px;
	word-spacing: -1px;
}

#content .post.one_third {
	min-height: 250px;
	float: left;
	margin: 10px;
}

#content .post.one_third.first {
	clear: both;
}

@media only screen and (min-width: 960px) and (max-width: 1199px) {
	#content .post.one_third {
		width: 97%;
	}  	  	
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
	#content .post.one_third {
		width: 96%;
	}  	  	
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
	#content .post.one_third {
		width: 96%;
	}  	  	
}

@media only screen and (max-width: 479px) {
	#content .post.one_third {
		width: 94%;
	}  	  	
}

#content .post.one_third .column-text-holder {

}

#content .post.one_third .column-text-holder .column-entry-header {
	padding: 5px;
}

#content .post.one_third .column-text-holder .column-entry-header .column-entry-title {
	font: bold 24px/24px Helvetica, Arial, sans-serif;
	color: #222;
	text-transform: uppercase;
	margin-top: 5px;
	margin-bottom: 5px;
	letter-spacing: -1px;
	word-spacing: -1px;
}

#content .post.one_third .column-text-holder .column-entry-header .column-entry-title a {
	color: #222;
}

#content .post.one_third .column-text-holder .column-entry-header .column-entry-title a:hover {
}

#content .post .text-holder .entry-header .entry-title a:hover {
	text-decoration: underline;
}

#content .post .text-holder .entry-content a.read-more {
	display: block;
}