/* 
Theme Name: Responsive Child Theme 
Theme URI: http://themeid.com/responsive-theme/ 
Description: Responsive Theme is a flexible foundation with fluid grid system that adapts your website to mobile devices and the desktop or any other viewing environment. Theme features 9 Page Templates, 11 Widget Areas, 6 Template Layouts, 4 Menu Positions and more. Powerful but simple Theme Options for full CMS control with easy Logo Upload, Social Networking and Webmaster Tools etc. Responsive is WooCommerce Compatible, Multilingual Ready (WPML), RTL-Language Support, Retina-Ready, W3C Markup Validated and currently translated into 34 languages. Cross-Browser compatible and yes even the IE7. No paid memberships or clubs to get a FREE/Responsive Support you need. http://themeid.com/support

Template: responsive
Version: 1.0.0
Author: ThemeID 
Author URI: http://themeid.com
Tags: white, black, gray, light, custom-menu, custom-header, custom-background, one-column, two-columns, left-sidebar, right-sidebar, flexible-width, theme-options, threaded-comments, full-width-template, sticky-post, translation-ready, flexible-width, rtl-language-support

License: GNU General Public License
License URI: license.txt 

Responsive WordPress Theme, Copyright (C) 2003-2012 Emil Uzelac 

This program is free software: you can redistribute it and/or modify
it under the terms of the GNU General Public License as published by
the Free Software Foundation, either version 3 of the License, or
(at your option) any later version.

This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
GNU General Public License for more details.

You should have received a copy of the GNU General Public License
along with this program.  If not, see <http://www.gnu.org/licenses/>.
*/

/* =Import Styles
-------------------------------------------------------------- */
@import url('../responsive/style.css');

/*johnnysdesigns overrides
---------------------------------------------------------------*/
.recourses {
    list-style-type: decimal;
    font-size:18px;
}
.recourses li ul{
    list-style-type: none; 
    padding:0px;
    font-size:14px;
}
.recourses img {
    width:325px;
    height:auto;
}
#wrapper {
padding: 0 0px 20px 20px!important;
}
.widget_rss li {
float:none!important;
max-width:none!important;
display:inline!important;
padding:0!important;
margin:0!important;
}
.widgettitle {
margin-bottom:20px;
}
.rssSummary {
margin:0 0 20px 0!important;
}
.rssbutton {
background: #586F8F;
color: #FFF;
border: 1px solid #8997AA;
text-shadow: none;
border-radius: 2px;
padding: 4px 10px;
margin-left: 29px;
}	
.widget-title, .widget-title-home h3 {
font-size:20px!important;
}
div.source-date {
font-size:12px!important;
}
li.feed-item a{
font-weight:bold;
}
li.feed-item {
list-style:none;
}
#widgets ul, #widgets ol {
padding: 0 0 0 10px!important;
}
.mtw_avatar {
display:none;
}
.mtw_twitter_username {
display:none;
}
.tweet {
margin-left:-15px!important;
}
.mtw_footer .twitter_widget_footer_link {
display:none;
}

.designedby {
display:none;
}
.advanced_recent_posts_widget .post-title {
color: #566F8F;
}
.rss-date {
clear: both;
display: block;
float: none;
overflow: hidden;
}
.srr-wrap .srr-title, .srr-wrap .srr-meta {
line-height: 93%!important;
font-weight: bold;
font-size: 16px;
text-transform:none!important;
text-decoration: none;
}
.srr-title a{
color:#566F8F!important;
font-weight:bold;
}
.srr-date {
font-size:12px;
font-weight:normal;
}
.srr-summary{
margin:0px!important;
}
.srr-summary a {
color:#566F8F!important;
}
.advanced_recent_posts_widget a {
color:#566F8F!important;
}
/* =Start From Here
-------------------------------------------------------------- */

/* =Base
-------------------------------------------------------------- */
body {
	-moz-font-smoothing: antialiased;
	-webkit-font-smoothing: antialiased;
	background: #fff;
	color: #555;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-smoothing: antialiased;
	line-height: 1.5em;
	text-rendering: optimizeLegibility;
	border-top: 5px solid #566f8f;
}

/* =Links
-------------------------------------------------------------- */
a {
	color: #566f8f;
	font-weight: 400;
	text-decoration: none;
}
a:hover {
	color:#231f20;
}

.advanced_recent_posts_widget a {
	color: #566f8f;
}

.post-title a {
	color: #566f8f;
}

/* =Globals
-------------------------------------------------------------- */
#container {
	margin: 0 auto;
	max-width: 980px;
	padding: 0px 25px;
}

#container-front {
	max-width: 1250px;
	padding: 0px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto 0px;
}
.outline {
	outline:1px solid #f00;
}
#wrapper {
	/*-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border: 1px solid #e5e5e5;
	border-radius: 4px;*/
	border:none;
	background-color: #fff;
	clear: both;
	margin: 20px auto 20px auto;
	padding: 0 20px 20px 20px;
	position: relative;
}

/* =Header
-------------------------------------------------------------- */
#header {
	margin: 0;
}
.menu {
	float:right;
}
.menu,
.menu a,
.menu a:hover,
.menu .current_page_item a
.menu .current-menu-item a {
    background: none;
	background-color: #fff;
    border: none;
    filter: none;
    text-shadow: none;
	color:#231f20;
}
.menu .current_page_item a,
.menu .current-menu-item a {
	background-color: #fff;
	color:#231f20;
}
.menu a {
	border-left: none;
    cursor: pointer;
	display: block;
	height: 45px;
	line-height: 45px;
	margin: 0;
	padding: 0 0.4em;
	position: relative;
	text-decoration: none;
	color:#afafaf;
}
.menu a:hover {
	color:#231f20;
}
.menu li li {
    right:0;
}
.menu li li {
	float: none;
}
.menu li li {
	background: #fff;
	background-image: none;
	border: 1px solid #e5e5e5;
	color: #444;
	filter: none;
	margin: -1px 0 1px 0;
	width: 180px;
}
.menu li:hover {
	white-space: normal;
	z-index: 10000;
}
#logo {
	float: left;
	margin:15px 5px 0 0;
	padding:4px 0 4px 0;
}
#header-widget {
	float:right;
	margin-top:1px;
	
	clear: both;
}
#widgets .palmer-widget {
	float:right;
}
#header-widget .palmer-wrapper,
#header-widget .widget-wrapper {
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	background-color: #f9f9f9;
	border-radius: 0;
	border:none;
	outline:none;
	margin:0px;
	padding:0px;	
}
.sb-options {
	background-color:#fff;
	list-style: none;
	left: 0;
	margin: 0;;
	padding: 0;
	position: absolute;
	top: 30px;
	width: 100%;
	z-index: 10;
	overflow-y: auto;
}
/* =CTA Buttons
-------------------------------------------------------------- */
.cta_button {
	/*background-image:url('/wp-content/themes/palmer/icons/talk-to-drew-lg.png');
	background-repeat:no-repeat;
	background-position:0,0;*/
	/*background-color:#f00;
	width:242px;
	height:54px;*/
	display:block;
}
/*.cta_button img:hover {
	visibility:hidden;
}*/

/* =Social Icons
-------------------------------------------------------------- */
#header .social-wrapper {
	float:right;
}
#header .social-icons {
	list-style: none;
	line-height: normal;
    padding: 0;
	margin: 0;
	text-align: right;
	display:block;
}
#header .social-icons li {
	background-color:#4c4d4f;
	display: inline-block;
}
#header .social-icons .social-text {
	color:#4d4e50;
	margin:2px 5px 0 0;
	padding:0;
    height:27px;
	background-color:#fff;
	font-size: 12px;
}
#header .blogger-icon,
#header .foursquare-icon {
    background:url(icons/rollover-blogger.png) no-repeat;
    display:block;
    height:27px;
    width:27px
}
#header .facebook-icon {
    background:url(icons/rollover-facebook.png) no-repeat;
    display:block;
    height:27px;
    width:27px
}
#header .google-icon {
    background:url(icons/rollover-google.png) no-repeat;
    display:block;
    height:27px;
    width:27px
}
#header .linkedin-icon {
    background:url(icons/rollover-linkedin.png) no-repeat;
    display:block;
    height:27px;
    width:27px
}
#header .pinterest-icon {
    background:url(icons/rollover-pinterest.png) no-repeat;
    display:block;
    height:27px;
    width:27px
}
#header .rss-icon {
    background:url(icons/rollover-rss.png) no-repeat;
    display:block;
    height:27px;
    width:27px
}
#header .twitter-icon {
    background:url(icons/rollover-twitter.png) no-repeat;
    display:block;
    height:27px;
    width:27px
}
#header .youtube-icon {
    background:url(icons/rollover-youtube.png) no-repeat;
    display:block;
    height:27px;
    width:27px
}
#header .instagram-icon {
    background: url(icons/rollover-instagram.png) no-repeat;
    display: block;
    height: 27px;
    width: 27px;
}

#header .blogger-icon:hover,
#header .foursquare-icon:hover,
#header .facebook-icon:hover,
#header .google-icon:hover,
#header .linkedin-icon:hover, 
#header .pinterest-icon:hover,
#header .rss-icon:hover,
#header .twitter-icon:hover, 
#header .youtube-icon:hover,
#header .instagram-icon:hover {
    background-position:0 -28px;
}

.inbound-marketing-pillars-div {
     float: left; 
     width: 50%;
}

.inbound-marketing-ol-alpha {
    list-style-type: lower-alpha;
}

.inbound-marketing-ol-roman {
    list-style-type: lower-roman;
}

/* =Featured Content
-------------------------------------------------------------- */
.front-page {
	margin-bottom: 0px;
}
#featured {
	-moz-border-radius:0;
	-webkit-border-radius:0;
	background-color: #fff;
	border: 1px solid #e5e5e5;
	border-radius: 0;
	padding-bottom: 0px;
	width: 99.893617021277%;
	margin-bottom:2%;
}

.h2-up-15  {
	margin-top: -15px !important;
}

.h2-up-50  {
	margin-top: -50px !important;
}

.h2-bottom-50  {
	margin-bottom: -50px !important;
}
#featured p {
	font-size: 18px;
	font-weight: 200;
	line-height: 27px;
	padding: 0 40px 0 20px;
	text-align: left;
}
.home #widgets {
	margin: 0;
}
.home-widgets .widget-wrapper {
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	background-color: #fff;
	border: 0px solid #e5e5e5;
	border-radius: 0px;
	margin: 10px 20px 0 0;
	padding: 0 0 20px 0;
	min-height:78px;
}
.clear {
	clear: both !important;
}
.widget_rss ul {
	margin:0;
	padding:0;
	width: 99.893617021277%;
}
.widget_rss li {
	float:left;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	background-color: #fff;
	border:none;
	border-radius: 0px;
	margin: 0 20px 0 0;
	padding: 20px;
	min-height: 295px;
	max-width:26%
}
.rsswidget li a {
	font-weight:300;
	font-size:larger;
	display: inline;
}
#rss-2 a h2 {
	color: #f00;
	font-size: 2.250em;
	margin-bottom: .75em;
	margin-top: .75em;
	text-transform:uppercase;
}
#Press_Releases h2 {
	text-transform:uppercase;
	margin-top:30px;
}
.rsswidget img {
	display:none;
}
.rsswidget {
	color: #999;
	color:#566f8f;
	font-weight: bold;
	font-size:16px;
	text-transform:uppercase;
	text-decoration: none;
}
.widgettitle a {
	font-size:22px;
	color:#4c4d4f;
	text-transform:uppercase;
}
.rssSummary {
	margin-top: 10px;
}

.up-25 {
     /*margin-top: -25px !important;*/
}

.post-title {
    padding-top: 18px !important;
}
.work-sample-wrapper {
	
}
.work-sample {
	/*text-align:center;*/
	max-width: 290px;
}
.work-sample .wp-post-image {
	margin: 5px 20px 0 0;
}
.work-sample a img.alignleft {
	float: none;
	margin:0;
}
#FSContact4 input[type="submit"] {
	background:#586f8f;
	color:#fff;
	border:1px solid #8997aa;
	text-shadow: none;
}
.text-on-image {
	margin:80px 30px 0 30px;
	text-transform:none;
	letter-spacing:.05em;
	color:#fff;
}
.text-on-image p{
	margin-bottom: -5px;
}
.shade-on-image {
	color: #fff;
	position: absolute;
	top:5px;
	left:20px;
        max-width: 265px;
	padding:0;
	z-index: 9;
	background: url(images/background-opacity.png);
	height:515px;
}

/* lets talk page */
	#post-18 .shade-on-image {
	color: #fff;
	position: absolute;
	top: 29px !important;
	left:20px;
        max-width: 265px;
	padding:0;
	z-index: 9;
	background: url(images/background-opacity.png);
	/*height:515px !important;*/
}

/*lets talk page - on  Tablet portrait (768x1024) */
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
#post-18 .shade-on-image {
    background: rgba(0, 0, 0, 0) url("images/background-opacity.png") repeat scroll 0 0;
    color: #fff;
    height: 385px !important;
    left: 20px;
    max-width: 265px;
    padding: 0;
    position: absolute;
    top: 28px !important;
    z-index: 9;
}
#post-18 .text-on-image {
    margin: 10px 30px 0 !important;
}
}

/*lets talk page - on  Small tablet landscape (800x600) */
@media only screen and (min-device-width : 600px) and (max-device-width : 600px) and (orientation : landscape) {
#post-18 .shade-on-image {
    background: rgba(0, 0, 0, 0) url("images/background-opacity.png") repeat scroll 0 0;
    color: #fff;
    height: 402px !important;
    left: 20px;
    max-width: 265px;
    padding: 0;
    position: absolute;
    top: 28px !important;
    z-index: 9;
}
#post-18 .text-on-image {
    margin: 10px 30px 0 !important;
}
}
 /* lets talk SF page */
.col-300 .text-on-image {
   	margin: 25px 20px 0  20px !important;
    	letter-spacing: .04em !important;
}
.col-300.shade-on-image {
   	max-width: 295px !important;
    	height: 384px  !important;
}

/*lets talk SF page - on  Tablet landscape (768x1024) */
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
col-300.shade-on-image {
    	height: 515px  !important;
}
}

/*lets talk SF page - on  Tablet portrait (768x1024) */
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
.col-300 .text-on-image {
   	padding-top: 25px !important;
}
}

/* lets talk Stockton page */
.post-52 .shade-on-image {
   	max-width: 295px !important;
    	height: 384px  !important;
}
.post-52 .text-on-image {
   	margin: 35px 25px 0  25px !important;
    	letter-spacing: .04em !important;
}

/*lets talk SF and Stockton pages - on Tablet portrait (768x1024) */
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
.post-18 .shade-on-image, .post-52 .shade-on-image {
   	max-width: 715px !important;
	max-height: 215px  !important;
}
.post-18 .text-on-image, .post-52 .text-on-image {
   	padding-top: 20px !important;
}
}

/*lets talk Stockton pages - on Tablet portrait (768x1024) */
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
.post-52 .shade-on-image {
   	max-width: 715px !important;
	max-height: 140px  !important;
}
}


 /* lets talk Stockton page for Tablet landscape (1024x768) */
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
.post-52 .shade-on-image {
    height: 515px !important;
}
.post-18 .shade-on-image {
    height: 515px !important;
}
}

 /* lets talk Stockton page for Small tablet landscape (800x600) */
@media only screen and (max-device-width: 800px) and (orientation: landscape) {
.post-52 .shade-on-image {
    height: 400px !important;
}
}

@media only screen and (min-device-width: 319px) and (max-width: 768px) {
    /* Responsive col settings, for mobile phones: */
    .col-resp {
	width: 100% !important;
    }
	.shade-on-image {
	position: relative !important;
	top: -50px !important;
        left: 0 !important;
	margin: -60px 20px 20px 0px !important;
	height: 340px !important;
}
	/* lets talk SF page  */
	.col-300 .text-on-image {
	margin: 50px 20px !important;
}
	.col-300 .text-on-image {
    	color: #000;  !important;
}
	/* lets talk SF page  = space before lower H1 */
	#post-18 .col-resp-text-div {
	padding-top: 20px !important;
}

/* lets talk SF page  = #post-56 */
	#post-56 .col-resp-text-div {
	clear: both;
	padding-top: 20px;
	margin: 40px 0px 0 0px !important;
}
	div#footer, div#footer #footer-wrapper {
	width: 100% !important;
	margin-right: 0 !important;
}
	#post-56 .div-contact-sf-resp {
	margin: 0px 0px 0 0 !important;
}


 /* lets talk Stockton page */
	.post-52 .shade-on-image, .col-300.shade-on-image {
	margin: 52px 0px 0 0 !important;
}
}

/* lets talk page = #post-18 */
 /* lets talk SF page  = #post-56 */
 /* lets talk Stockton page = #post-52 */
 
 
.gray-border {
     border: 1px solid #ccc
}

/* for Ipad and larger tablets - portrait only */
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
	#post-56 .col-300.shade-on-image {
    	height: 385px  !important;
}	
	#post-18 .shade-on-image {
	color: #fff;
	position: absolute;
	top: 30px !important;
	left:20px;
	padding:0;
	z-index: 9;
	background: url(images/background-opacity.png);
	height:515px;
}
	#post-18 .text-on-image {
   	margin: 15px 20px 0  20px !important;
    	letter-spacing: .04em !important;
}
	#post-56 .text-on-image {
   	margin: 0px 20px 0  20px !important;
    	letter-spacing: .04em !important;
}	
}

/* for Ipad and larger tablets - landscape only */
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation : landscape) {
	
	.col-300 .text-on-image {
   	margin: 25px 20px 0  25px !important;
    	letter-spacing: .05em !important;
}
	.post-52 .shade-on-image {
   	max-width: 295px !important;
    	height: 516px  !important;
}
	#footer-wrapper .col-700 {
	width: 100% !important;
}
	#post-56 .col-300.shade-on-image {
    	height: 515px  !important;
}
}

/* Desktops and laptops ----------- */
@media only screen  and (min-width : 1224px) {

/* lets talk page */
	#post-18 .shade-on-image {
	color: #fff;
	position: absolute;
	top: 30px !important;
	left:20px;
        max-width: 265px;
	padding:0;
	z-index: 9;
	background: url(images/background-opacity.png);
	height:515px !important;
}
 /* lets talk SF page */
.col-300 .text-on-image {
   	margin: 15px 20px 0  20px !important;
    	letter-spacing: .04em !important;
}
.col-300.shade-on-image {
   	max-width: 295px !important;
    	height: 515px  !important;
}

 /* lets talk Stockton page */
.post-52 .shade-on-image {
   	max-width: 295px !important;
    	height: 515px  !important;
}
.post-52 .text-on-image {
   	margin: 35px 25px 0  25px !important;
    	letter-spacing: .04em !important;
}
}

/* =Our Team
-------------------------------------------------------------- */
#team-slider {
	text-align:left; 
	background-color:#efefef; 
	border:1px solid #ccc; width:900px;
	margin:0;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

#team-slider .mask { 
	float:left; 
	width:900px; 
	height:280px; 
	margin:15px 0 0 10px; 
	overflow:hidden;
}

#team-slider .panel { 
	width:900px; 
	height:280px; 
	text-align:left;
}

#team-slider ul {
	margin:0; 
	padding:15px 15px 0 15px; 
	list-style:none; 
	float:left; 
	height:285px;
}

#team-slider ul li {
	margin:10px 20px;
	float:left;
	width: 225px;
	height: 190px;
}

#team-slider ul a {
	outline:none; 
	text-decoration: none;
	display:block;
	height:74px; 
	color:#000;
}

#team-slider a {
	background: url(button.png) no-repeat 0 0;

}

#team-slider ul a.active {
	background-position: -75px;
}

#team-slider .panel h2 {
	padding:15px 0 0 0;
	color:#0058a9;
}

#team-slider .panel p {
	color:#666;
}

#team-slider .clear {clear:both}
#team-slider .shade-on-image {
	color: #fff;
	position: relative;
	background: url(/wp-content/themes/palmer/images/background-opacity.png);
	max-width: 265px;
	height: 278px;
	top: -322px;
	left:0;
}
.our-team {
	margin: 0 19px 15px 0px;
}
.our-team .alignnone {
	margin: 5px 20px 0 0;
}

/* =Post
-------------------------------------------------------------- */
.post-entry-title {
	float:left;
	color: #566f8f;
	text-transform:uppercase;
}
.post-entry-title a {
	color:#231f20;
	text-transform:uppercase;
}
.work-sample{max-height: 18em;margin-bottom: 5em;}
.wp-post-image{width:100%;}
.home .wp-post-image{width:100% !important;}

/* =Footer
-------------------------------------------------------------- */
#footer {
	background:#4d4e53;
	max-width: 100%;
	min-height:38px;
	padding: 0;
	margin:0 auto;
	border-top:1px solid #b8b8ba;
	text-align:center;
}
#footer .palmer {
	color:#fff;
	float:center;
	letter-spacing: .05em;

}
#footer #wrapper {
	background-color: transparent;
	border: none;
	margin: 20px auto 20px auto;
	padding: 10px 0;
	text-align:center;
}
#footer-wrapper {
	margin: 0 auto;
	padding: 10px 0;
	text-align:center;
	letter-spacing: .05em;
}

/*#footer-wrapper .grid.col-940 {
	margin: 0 auto;
}
#footer .palmer {
	color:#fff;
	text-align:center;
	
	margin:15px;
}
*/

/* =Navigation
-------------------------------------------------------------- */
.arrow-up {
	margin:0 auto;
	max-width:75px;
}
.arrow-up img {
	margin:0 auto;
	padding: 0 30%;
}
.arrow-up a {
	color:#000;
	text-transform:uppercase;
	font-size:10px;
	text-align:center;
}
#hupso_toolbar_0 {
	float:right;
}

/* =Headings
-------------------------------------------------------------- */
p.name {
	font-size: 12px;
	margin: -20px 0 0 10px;
	line-height: 1.25em;
	letter-spacing: .05em;
	text-transform:uppercase;
}

h1 {
    font-size: 25px;
    margin-top: 5px;
	text-transform:uppercase;
	color:#afafaf;
	margin-bottom: 5px;
}

h2 {
	font-size: 18px;
	color:#717173;
	text-transform:uppercase;

	margin:2em 0!important;
}
h3 {
	font-size: 15px;
	color:#717173;
	text-transform:uppercase;
	margin-bottom: -18px;
}
h5 {
	font-size: 13px;
	color:#717173;
	text-transform:uppercase;
	margin-bottom: -10px;
	margin-top: 5px;
	margin:2em 0!important;
}

.underline {
	text-decoration: underline;
}

.menu li li {
       width: 194px !important
}

/* =Media Print
    If you're working on a Child Theme, make sure that all
	media queries are included in your style.css
-------------------------------------------------------------- */
@media print {

    h1 {
	    page-break-before: always;
    }

    h1,  h2,  h3,  h4,  h5,  h6 {
	    page-break-after: avoid;
    }

    ul,  ol,  dl {
	    page-break-before: avoid;
    }
}

/*	Retina (HiDPI) Display
    http://www.quirksmode.org/blog/archives/2012/06/devicepixelrati.html
-------------------------------------------------------------- */
@media 
    only screen and (-moz-min-device-pixel-ratio:1.5), 
    only screen and (-o-min-device-pixel-ratio:3/2), 
    only screen and (-webkit-min-device-pixel-ratio:1.5), 
    only screen and (min-device-pixel-ratio:1.5) {
    
    body {}
}

/* =Responsive (Mobile) Design
-------------------------------------------------------------- */
@media screen and (max-width: 980px) {

    body {}
	
    .grid, 
	.grid-right {
	    float: none;
    }
	
	#featured-image .fluid-width-video-wrapper {
	    margin: 20px 0 0 0;
    }
	
	.home #widgets {
		margin-top: 40px;
	}
    
    .top-widget,
    .home .top-widget {
        margin-top: 0 !important;
    }
    
    .hide-980 {
        display: none;
    }
    
    .show-980 {
        display: block;
    }
    
}

@media screen and (max-width: 650px) {

    body {}

    #logo {
	    float: none;
        margin: 0;
	    text-align: center;
    }

    .grid, 
	.grid-right {
	    float: none;
    }

	#featured-image .fluid-width-video-wrapper {
	    margin: 20px 0 0 0;
    }
	.home-widgets .widget-wrapper {
		float: left;
  	}
    .top-widget {
        float: none;
        margin: 0 auto 10px auto;
        position: relative;
        text-align: center;
        width: auto;
    }
    
    .top-widget .widget-title {
        text-align: center;
    }

	.widget_rss li {
		clear:both;
		max-width:100%;
		min-height:auto;
	}
	
    .js .menu,
	.js .sub-header-menu {
		display: none;
	}
	
	.top-menu, 
	.footer-menu li {
	    float: none;
        font-size: 11px;
	    text-align: center;
    }
	
	.tinynav {
        -moz-appearance: none;
	    -webkit-appearance: none;
        -moz-border-radius: 2px;
        -moz-box-shadow: 0pt -1px 0pt rgba(0, 0, 0, 0.075) inset, 0pt 1px 0pt rgba(255, 255, 255, 0.3) inset, 0pt 1px 2px rgba(0, 0, 0, 0.1);
        -webkit-box-shadow: 0pt -1px 0pt rgba(0, 0, 0, 0.075) inset, 0pt 1px 0pt rgba(255, 255, 255, 0.3) inset, 0pt 1px 2px rgba(0, 0, 0, 0.1);
	    -webkit-border-radius: 2px;
	    appearance: none;
	    background-image: -webkit-gradient(linear, left top, left bottom, from(#f6f5f5), to(#cdc9c9));
	    background-image: -webkit-linear-gradient(top, #f6f5f5, #cdc9c9);
	    background-image: -moz-linear-gradient(top, #f6f5f5, #cdc9c9);
	    background-image: -ms-linear-gradient(top, #f6f5f5, #cdc9c9);
	    background-image: -o-linear-gradient(top, #f6f5f5, #cdc9c9);
	    background-image: linear-gradient(top, #f6f5f5, #cdc9c9);
	    box-shadow: 0pt -1px 0pt rgba(0, 0, 0, 0.075) inset, 0pt 1px 0pt rgba(255, 255, 255, 0.3) inset, 0pt 1px 2px rgba(0, 0, 0, 0.1);
	    border: 1px solid #aca6a6;
	    border-radius: 2px;
	    color: #444;
        display: block;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#f6f5f5, endColorstr=#cdc9c9);
        font-size: 12px;
		overflow: hidden;
        margin: 0 auto;
		padding: 0.5em 1em 0.5em 0.75em;
        text-shadow: none;
        width: 100%;
		position:relative;
		z-index:10;
	}
    
	.work-sample-wrapper {
		margin-left: 25%;
	}
	
    #author-meta {
        padding: 20px;
    }
    
    .hide-650 {
        display: none;
    }
    
    .show-650 {
        display: block;
    }
    
    #footer {
	    text-align: center;
    }

    #header .social-icons {
        padding:0;
	    text-align: center;
		clear:both;
		float:none;
		display:block;
		margin:4px;
    }
	#header .social-text {
		display:none;
	}
	#header .social-wrapper {
		float: none;
	}
	#header-widget {
		float: none;
	}
}

@media screen and (max-width: 480px) {
	img{height:auto!important;}
    body {}

    #logo {
	    float: none;
	    text-align: center;
    }
	#header-widget {
		/*text-align:center;
		margin:1px auto;*/
		float: none;
		margin: 0;
		text-align: center;
	}

    .grid, 
	.grid-right {
	    float: none;
    }

	#featured-image .fluid-width-video-wrapper {
	    margin: 20px 0 0 0;
	}
	
	.featured-title {
	    font-size: 40px;
	    padding: 40px 20px 0 20px
    }
    
    .navigation .next,
    .navigation .previous {
        text-align: center;
    }
	
    .menu ul, 
	.menu li, 
	.top-menu, 
	.footer-menu li, 
	.sub-header-menu li {
	    float: none;
	    text-align: center;
        text-rendering: optimizeSpeed;
    }
	
    .hide-480 {
        display: none;
    }
    
    .show-480 {
        display: block;
    }
    
    #footer {
	    text-align: center;
    }

    #header .social-icons {
		/*display:none;*/
    }
    #header .social-icons .social-text {
		display:none;
	}
}

@media screen and (max-width: 320px) {
    
    body {}
	
	#featured p {
	    font-size: 12px;
		line-height: 1.2em;
    }

    .featured-title {
	    font-size: 35px;
    }
	
	.featured-subtitle {
		font-size: 15px;
	}

    .call-to-action a.button {
	    font-size: 14px;
	    padding: 7px 17px;
    }

    .hide-320 {
        display: none;
    }
    
    .show-320 {
        display: block;
    }
}

	.work-sample-wrapper {
		margin-left: 0 !important;
	}


@media screen and (max-width: 240px) {
    
    body {}
	
	#featured p {
	    font-size: 11px;
		line-height: 1.1em;
    }

    .featured-title {
	    font-size: 20px;
    }
	
	.featured-subtitle {
		font-size: 11px;
	}

    .call-to-action a.button {
	    font-size: 12px;
	    padding: 5px 15px;
    }
    
    .top-widget area,
    .top-widget select,
    .top-widget textarea,
    .top-widget input[type="text"], 
    .top-widget input[type="password"] {
        width: 75%;
    }
    
    .widget-title,
    .widget-title-home h3 {
        font-size: 14px;
        height: 13px;
        line-height: 13px;
        text-align: center;
    }
    
    .hide-240 {
        display: none;
    }
    
    .show-240 {
        display: block;
    }
}

.col-220 {
height:100%;
width: 31%!important;

}
.col-40{
	width: 40%;
	display: inline-block;
	vertical-align: top;
}
/*The last 29 days of the month are the hardest."- Nikola Tesla*/