/*
	Theme Name: CleanPort-Lite
	Theme URI: http://themefurnace.com/cleanport-lite-theme
	Description: CleanPort is a flat design styled WordPress portfolio theme for businesses to show off their products and services in style. CleanPort is extremely light-weight, it exclusively uses built-in WordPress features so there is no bloated code to slow your site down. You can edit many options using the Theme Customizer. The pro version of this theme includes custom widgets, color options, hundreds more font choices, support + Access to 12 Other Themes. see http://themefurnace.com for further details.
	Author: Oliver Dale
	Author URI: http://www.themefurnace.com
	License: GNU General Public License version 3.0
	License URI: http://www.gnu.org/licenses/gpl-3.0.html
	Version: 1.0.8
	Tags: white, blue, gray, four-columns, right-sidebar,  custom-background, custom-colors, featured-images, theme-options
	Text Domain: cleanport
	
	CleanPort-Lite is based on Underscores http://underscores.me/, (C) 2012-2013 Automattic, Inc.
*/
/* Import Reset and Defaults */
@import url("inc/css/defaults.css");
/* Import Widgets */
@import url("inc/css/widgets.css");
/* Import Reset and Defaults */
@import url("inc/fontawesome/css/font-awesome.min.css");
/* Links */

a {
	text-decoration: none
}
a:visited {
}
a:hover, a:focus, a:active {
	color: #333333
}
#content .postmeta a {
	color: #BFBFBF;
	border-bottom: 1px solid #BFBFBF;
}
#content .postmeta a:hover {
	color: #898989;
	border-bottom: 1px solid #007EFF;
}
.portfolioarchive a {
	color: #8C8C8C;
}
.portfolioarchive a:hover {
	color: #007EFF;
}
.porttitle a {
	color: #39373C;
}
.porttitle a:hover {
	color: #007EFF;
}
.fade {
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
/* Theme Layout */

#header {
	width: 100%;
	border-bottom: 1px solid #505050;
	min-height: 75px;
}
.clearfix:after {
	content: ".";
	visibility: hidden;
	display: block;
	height: 0;
	clear: both;
}
.logo {
	padding-top: 30px;
	padding-bottom: 20px;
	float: left
}
#logo_text {
	font-weight: 700;
	font-size: 22px;
	margin-bottom: 5px;
}
#logo_text a {
	color: white;
}
.container {
	width: 990px;
	margin: 0 auto;
}
#slider {
	width: 100%;
	text-align: center;
	padding-top: 60px;
	color: #9C9C9D;
}
#slider img {
	text-align: center;
	margin: 0 auto;
}
#slider h1 {
	color: white;
	font-family: 'Raleway', sans-serif;
	font-weight: 300;
	font-size: 30px;
	margin-bottom: 10px;
	line-height: 40px;
}
#features {
	padding-top: 40px;
	padding-bottom: 10px;
	text-align: center
}
.feature {
	width: 229px;
	height: 200px;
	text-align: center;
	margin-right: 20px;
	display: inline-block;
	background-image: url(img/bg.png);
	background-repeat: repeat;
	text-align: center;
	margin-bottom: 25px;
	position: relative
}
.feature:nth-child(4n+4) {
	margin-right: 0px;
}
.featuretitle {
	font-size: 16px;
	font-family: 'Raleway', sans-serif;
	font-weight: 300;
	color: white;
	font-weight: 400;
	margin-top: 135px;
}
.featureicon {
	font-size: 75px;
	display: block;
	text-align: center;
	margin: 0 auto;
	margin-bottom: 10px;
	color: white;
}
.featureicon a {
	display: block;
	width: 229px;
	height: 150px;
	position: absolute;
	top: 0px;
	left: 0px;
	padding-top: 50px;
	color: white;
}
.featureicon a:hover {
	color: #333136;
}
.featureiconsmall {
	font-size: 15px;
	height: 32px;
	width: 32px;
	display: block;
	text-align: center;
	margin: 0 auto;
	line-height: 32px;
	float: left;
	-moz-border-radius: 32px;
	-webkit-border-radius: 32px;
	border-radius: 32px;
}
.featureiconsmall a, .featureiconsmall a:hover {
	color: white;
}
.featureitemsmallwrap {
	margin-left: 15px;
	float: left;
	width: 270px;
	margin-top: 2px;
}
.featureitemsmall {
	width: 320px;
	display: inline-block;
	vertical-align: top;
	margin-right: 10px;
	font-size: 14px;
	line-height: 20px;
	color: #7B7B7B;
	text-align: left
}
.featureitemsmall:nth-child(3n+3) {
	margin-right: 0px;
}
#portfoliohome {
	background-color: #3A3A3A;
	text-align: center;
	padding-top: 5px;
}
.portfolioitem {
	width: 120px;
	height: 85px;
	overflow: hidden;
	position: relative;
	display: inline-block;
}
.portfolioitem:hover {
	transform: scale(2, 2);
	-webkit-transform: scale(2, 2);
	-moz-transform: scale(2, 2);
	-o-transform: scale(2, 2);
	-ms-transform: scale(2, 2);
	z-index: 1;
	transition: all 0.2s ease-in-out;
}
.portfoliooverlay {
	background-image: url(img/portoverlay.png);
	background-repeat: repeat;
	width: 120px;
	height: 85px;
	position: absolute;
	top: 0px;
	left: 0px;
}
.portfolioinfo {
	width: 120px;
	height: 85px;
	opacity: 0;
	color: white;
	position: relative
}
.porthomehead {
	text-align: left;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 3px;
	background-size: 14px 0.5px;
	font-family: 'Raleway', sans-serif;
	font-size: 50%;
	line-height: 9px;
	position: absolute;
	bottom: 15px;
	color: white;
}
.portfolioinfo:hover {
	opacity: 1;
}
#bloghome {
	padding-top: 30px;
	padding-bottom: 30px;
	text-align: center;
}
#bloghome h3 {
	text-align: center
}
.bloghomeheading {
	font-size: 20px;
	background-image: url(img/headbg.png);
	background-repeat: repeat-x;
	background-position: 5px;
	font-size: 22px;
	color: #AAAAAA;
	margin: 0 auto;
	margin-top: 10px;
	margin-bottom: 40px;
	width: 990px;
}
.bloghomeheading span {
	padding-right: 15px;
	padding-left: 15px;
}
.bloghomeitem {
	width: 225px;
	height: 200px;
	display: inline-block;
	position: relative;
	margin-right: 20px;
	margin-bottom: 25px;
	vertical-align: top
}
.bloghomeitem:nth-child(4n+4) {
	margin-right: 0px;
}
.blogimg {
	width: 225px;
	height: 200px;
}
.bloghomeitem:hover {
	width: 225px;
	height: 200px;
	display: inline-block;
	position: relative;
}
.blogoverlay {
	background-image: url(img/portoverlay.png);
	background-repeat: repeat;
	width: 225px;
	height: 200px;
	position: absolute;
	top: 0px;
	left: 0px;
	opacity: 1;
}
.blogoverlay:hover {
	opacity: 0;
}
.bloghomehead {
	text-align: left;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 10px;
	font-family: 'Raleway', sans-serif;
	color: white;
	position: absolute;
	bottom: 60px;
	font-size: 18px;
}
.bloghomeinfo {
	opacity: 0;
	color: white;
	width: 225px;
	height: 200px;
	background-image: url(img/portoverlay.png);
	background-repeat: repeat;
	position: absolute;
}
.bloghomeinfo:hover {
	opacity: 1;
	transition: all 0.2s ease-in-out;
}
.bloghomemeta {
	font-size: 11px;
	margin-top: 5px;
	position: absolute;
	bottom: 10px;
	padding-left: 20px;
	padding-right: 20px;
	color: #CFCFCF;
}
.bloghomemeta .fa {
	margin-right: 5px;
	color: white;
}
.bloghomemeta .commentshome {
	margin-left: -30px;
}
#homewidgets {
	padding-top: 50px;
	padding-bottom: 30px;
	font-size: 15px;
	color: #414141;
	line-height: 20px;
	text-align: center
}
.homewidgetheading {
	font-size: 78px;
}
.homewidget {
	width: 320px;
	margin-right: 10px;
	vertical-align: top;
	margin-bottom: 30px;
	display: inline-block;
	vertical-align: top;
	text-align: left
}
.homewidget:nth-child(3n+3) {
	margin-right: 0px;
}
#homewidgets h3 {
	font-size: 16px;
	font-family: 'Raleway', sans-serif;
	font-weight: 700;
	color: #333333;
	margin-bottom: 6px;
}
#testimonials {
	padding-top: 50px;
	padding-bottom: 50px;
	text-align: center
}
.testimonials blockquote {
	font-size: 27px;
	line-height: 40px;
	margin-bottom: 10px;
	font-family: 'Raleway', sans-serif;
	border: 0px;
	background-color: inherit;
}
.testimonials a:hover {
	color: black;
}
#footerwidgets {
	padding-top: 30px;
	padding-bottom: 60px;
}
.footerwidget {
	width: 225px;
	margin-right: 20px;
	display: inline-block;
	margin-bottom: 30px;
	font-size: 14px;
	vertical-align: top;
}
.footerwidget:nth-child(4n+4) {
	margin-right: 0px;
}
.footerwidget li {
	font-size: 12px;
	margin-bottom: 0px;
}
.footerwidget li a {
	color: #ACACAC;
	display: block;
	padding-left: 20px;
	padding-top: 7px;
	padding-bottom: 7px;
	padding-right: 10px;
	background-image: url(img/arrow.png);
	background-repeat: no-repeat;
	background-position: 8px 12px;
}
.footerwidget li a:hover {
	color: white;
}
.footertitle {
	font-size: 16px;
	font-family: 'Raleway', sans-serif;
	font-weight: 700;
	color: white;
	margin-bottom: 30px;
	margin-top: 30px;
}
#footer {
	padding-top: 30px;
	padding-bottom: 30px;
	background-color: #2C2B2D;
	text-align: center;
	font-size: 13px;
	color: #8C8C8C;
}
#footer a {
	color: #8C8C8C;
}
#footer a:hover {
	color: #007EFF
}
/* Interior */

body.page-template-page-fullwidth-php #content {
	width: 100%
}
body.page-template-page-leftsidebar-php #content {
	float: right;
}
body.page-template-page-leftsidebar-php #sidebar {
	float: left;
}
.inside {
	background-color: #F9F9F9
}
#insideheader {
	width: 100%;
	padding-top: 40px;
	padding-bottom: 30px;
	margin-bottom: 40px;
}
#insideheader h1 {
	color: white;
	font-family: 'Raleway', sans-serif;
	font-weight: 300;
	font-size: 30px;
	margin-bottom: 10px;
	line-height: 40px;
}
#main {
	width: 990px;
	margin: 0 auto;
	overflow: hidden;
}
#content {
	width: 690px;
	float: left;
}
.post {
	padding: 30px;
}
.posttitle {
	color: #39373C;
	margin-top: 20px;
	margin-bottom: 20px;
}
#content .postmeta {
	text-transform: uppercase;
	color: #BFBFBF;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: 1.5px;
}
.portfolioarchive {
	width: 300px;
	margin-right: 10px;
	display: inline-block;
	color: #8C8C8C;
	font-size: 12px;
	position: relative;
	padding-bottom: 40px;
}
.portfolioarchiveimg {
	width: 300px;
	height: 225px;
}
.portfolioarchive:nth-child(3n+3) {
	margin-right: 0px;
}
.porttitle {
	font-size: 18px;
	margin-top: 10px;
	padding-bottom: 10px;
}
.portfolioarchive .fa {
	margin-right: 7px;
}
.portoverlay {
	background-image: url(img/portoverlay.png);
	background-repeat: repeat;
	width: 300px;
	height: 115px;
	position: absolute;
	top: 0px;
	left: 0px;
	opacity: 0;
	color: white;
	font-size: 40px;
	text-align: center;
	padding-top: 110px;
}
.portoverlay:hover {
	opacity: 1;
}
.blogthumb {
	max-height: 365px;
	overflow: hidden
}
.blogitem {
	border-bottom: 1px solid #F4F4F4;
	margin-bottom: 40px;
}
/* Sidebar */

#sidebar {
	background-color: #39373C;
	width: 300px;
	float: right;
	margin-bottom: -5000px;
	padding-bottom: 5000px;
}
.sidebarwidget {
	margin-top: 25px;
	border-bottom: 1px solid #5E5E5E;
	padding-bottom: 25px;
	margin-bottom: 25px;
	padding-left: 25px;
	padding-right: 25px;
	font-size: 12px;
}
.sidebarwidget li {
	font-size: 12px;
	margin-bottom: 0px;
	margin-left: -25px;
	margin-right: -25px;
}
.sidebarwidget li .children {
	margin-left: 45px;
}
.sidebarwidget .sub-menu {
	margin-left: 45px;
}
.sidebarwidget li a {
	color: #ACACAC;
	display: block;
	padding-left: 35px;
	padding-top: 7px;
	padding-bottom: 7px;
	background-image: url(img/arrow.png);
	background-repeat: no-repeat;
	background-position: 22px 12px;
}
.sidebarwidget li a:hover {
	color: white;
}
.sidebarwidget #recentcomments {
	padding-left: 25px;
	padding-right: 25px;
	background-image: none
}
.sidebarwidget #recentcomments li {
	margin-bottom: 10px;
}
.sidebarwidget #recentcomments li a {
	background-image: none
}
.sidebarwidget .rss-date {
	margin-left: 35px;
	margin-right: 25px;
}
.sidebarwidget .rssSummary {
	margin-left: 35px;
	margin-right: 25px;
}
.sidebarwidget cite {
	margin-left: 35px;
	margin-right: 25px;
	padding-bottom: 20px;
}
#portsidebar li {
	margin-left: -5px;
	margin-bottom: 5px;
	border-bottom: 1px solid #5E5E5E;
	margin-right: 3px;
	padding-bottom: 7px;
	vertical-align: top
}
#portsidebar li:nth-child(4) {
	border-bottom: 0px;
}
#portsidebar .fa {
	margin-right: 7px;
	font-size: 16px;
	margin-top: 2px;
}
#portsidebar li a {
	background-image: none;
	padding: 0px;
	display: inline
}
#portsidebar li a:hover {
	color: white;
	background-color: #39373C;
}
.sidetitle {
	color: white;
	margin-bottom: 20px;
	margin-top: 20px;
	font-size: 16px;
}
.sidetitle i {
	margin-left: -6px;
	margin-right: 7px;
}
.sidesearch {
	background-image: url(img/search.png);
	background-repeat: no-repeat;
	background-position: right 5px top 7px;
	height: 21px;
	margin: 0px;
	margin-right: 5px;
	vertical-align: top;
	width: 160px;
}
.sidesubmit {
	vertical-align: top
}
.footerwidget .sidesearch {
	margin-top: 30px;
	width: 100px;
}
.footerwidget .sidesubmit {
	margin-top: 30px;
}
/* Pagination */

.pagination {
	position: relative;
	padding: 0px 0;
	font-size: 14px;
	line-height: 13px;
	height: 40px;
	display: block;
	margin-bottom: 20px;
	padding-top: 15px;
}
.pagination span, .pagination a {
	display: block;
	float: left;
	margin: 4px 4px 4px 0;
	padding: 15px 18px 14px 18px;
	text-decoration: none;
	width: auto;
	color: #24221D;
	background-repeat: repeat;
	background-color: #ECECEC;
}
.pagination a:hover {
	color: #fff;
	text-decoration: none;
}
.pagination a:visited {
	text-decoration: none;
}
.pagination .current {
	padding: 15px 18px 14px 18px;
	background: #24221D;
	color: #fff;
}
/* Navigation */

#navbar select {
	display: none;
}
#navbar {
	font-family: 'Raleway', sans-serif;
	font-weight: 400;
	font-size: 13px;
	padding-bottom: 20px;
	padding-top: 30px;
	float: right;
}
#main-nav {
	min-height: 36px; /* set to the height you want your menu to be */
}
#main-nav ul {
	margin: 0;
	padding: 0; /* only needed if you have not done a CSS reset */
	min-height: 36px;
	margin: 0 auto;
	z-index: 99999;
}
#main-nav li {
	display: block;
	display: inline-block;
	line-height: 36px; /* this should be the same as your #main-nav height */
	height: 36px; /* this should be the same as your #main-nav height */
	margin: 0;
	padding: 0; /* only needed if you don't have a reset */
	position: relative; /* this is needed in order to position sub menus */
	margin: 0 auto;
	z-index: 99999;
}
#main-nav li a {
	display: block;
	height: 36px;
	line-height: 36px;
	padding: 0 25px;
	border: 0px;
	color: white;
}
#main-nav li a:hover {
}
#main-nav .current-menu-item a, #main-nav .current_page_item a, .selected {
	background-color: #007EFF;
}
#main-nav ul ul a {
	color: #CACACA;
}
#main-nav ul ul a:hover {
	color: #FFFFFF;
}
#main-nav ul ul {
	/* this targets all sub menus */
	display: none;
	position: absolute;
	top: 36px; /* this should be the same height as the top level menu -- height + padding + borders */
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .4);
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .4);
	box-shadow: 0 1px 2px rgba(0, 0, 0, .4);
	z-index: 9999;
	font-size: 12px;
	font-weight: normal;
	border-bottom: 0px solid #808080;
	padding-left: 0px;
	font-family: Arial, Helvetica, sans-serif
}
#main-nav ul ul li {
	/* this targets all submenu items */
	float: none; /* overwriting our float up above */
	min-width: 220px; /* set to the width you want your sub menus to be. This needs to match the value we set below */
	border-bottom: 1px solid #555555;
	background-color: #343434;
	z-index: 9999;
}
#main-nav ul ul li a {
/* target all sub menu item links */
}
#main-nav ul ul li a:hover {
	/* target all sub menu item links */
	border-bottom: 1px solid #58C0E6;
}
#main-nav ul li:hover > ul {
	display: block; /* show sub menus when hovering over a parent */
	background-color: white;
}
#main-nav ul ul li ul {
	/* target all second, third, and deeper level sub menus */
	left: 220px; /* this needs to match the sub menu width set above -- width + padding + borders */
	top: 0; /* this ensures the sub menu starts in line with its parent item */
	z-index: 9999;
}
/* Comments */

#comments {
	padding: 28px;
}
.comment-notes {
	font-size: 12px;
}
.form-allowed-tags {
	display: none;
}
.comment-form-comment textarea {
	width: 70%;
	clear: both;
	padding: 8px;
}
.comment-form-comment label {
	display: none;
}
.commentinfo {
	font-size: 11px;
	margin-top: 10px;
}
.cancelcomment {
	margin-bottom: 10px;
}
.loggedinauthor {
}
.form-allowed-tags {
	font-size: 11px;
	margin-bottom: 10px;
	margin-top: 10px;
}
.comment-form-author label {
	margin-top: 10px;
	font-size: 11px;
	display: block;
}
.comment-form-author input {
	width: 50%;
	padding: 8px;
}
.comment-form-email label {
	font-size: 11px;
	display: block;
}
.comment-form-email input {
	width: 50%;
	padding: 8px;
}
.comment-form-comment label {
	font-size: 11px;
	display: block;
}
.comment-form-comment input {
	width: 50%;
	padding: 8px;
}
.comment-form-url label {
	font-size: 11px;
	display: block;
}
.comment-form-url input {
	width: 50%;
	margin-bottom: 20px;
	padding: 8px;
}
.edit-link {
	margin-left: 10px;
	clear: both;
	display: block;
}
.comments ol {
}
.comment {
	margin-left: -30px;
}
#commentsform {
	padding-right: 10px;
	position: relative;
	margin-bottom: 0px;
}
#comments p {
}
.yours {
	float: right;
	margin-top: 20px;
}
.comment {
	padding-bottom: 20px;
}
.avatar {
	float: left;
	margin-right: 10px;
	padding: 2px;
	border: 1px solid #C8C8C8;
}
.comment-author {
	font-size: 12px;
	color: #010101;
	clear: both;
}
.comment-author a {
	color: #C8C8C8;
}
.fn {
	font-style: normal;
}
.comment-author a {
	border-bottom: 0px;
	color: #000000;
}
.bypostauthor {
}
.comment-meta {
	font-size: 11px;
}
.comment-meta a {
	border-bottom: 0px;
}
.comment-meta a:visited {
	border-bottom: 0px;
}
.comment-body {
	margin-left: 20px;
}
.comment-body p {
	margin-top: 10px;
	line-height: 20px;
	margin-left: 47px;
}
.comment li {
	margin-top: 20px;
}
.comment {
	list-style-type: none;
}
.children ul {
}
.depth-1 {
	margin-top: 20px;
}
.depth-2 {
	margin-top: 20px;
	margin-left: 10%;
}
.depth-3 {
	margin-top: 20px;
	margin-left: 10%;
}
#comments .comment:last-child.depth-2 {
}
#comments .comment:first-child.depth-2 {
}
#comments .comment:last-child.depth-3 {
}
.comment-author-admin {
}
#comments ul.children {
}
.reply {
	float: right;
	position: relative;
	border-bottom: 1px solid #ECECEC;
	width: 100%;
	margin-bottom: 25px;
	padding-bottom: 25px;
	clear: both;
}
.comment-reply-link {
	color: rgba(0, 0, 0, .8);
	cursor: pointer; /* Improves usability and consistency of cursor style between image-type 'input' and others */
	-webkit-appearance: button; /* Corrects inability to style clickable 'input' types in iOS */
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1;
	padding: .6em 1em .4em;
	color: white;
}
a.comment-reply-link {
	float: right
}
a.comment-reply-link:visited {
	color: white;
}
a.comment-reply-link:hover {
	background-color: #4C4C4C;
	color: white;
}
.commentinput {
	width: 50%;
	margin-bottom: 20px;
}
.commentbox {
	width: 70%;
	height: 150px;
}
.commentinfo {
	font-size: 11px;
	margin-top: 20px;
}
.commentsubmit {
	margin-top: 20px;
	display: block;
	background-color: #464646;
	color: white;
	border: 0px;
	font-size: 11px;
	padding: 5px 15px;
}
.commentsubmit:hover {
	background-color: #5E5E5E;
	cursor: pointer;
}
.cancelcomment {
	margin-bottom: 10px;
}
.loggedinauthor {
}
/* Responsive*/

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

/* Portrait Tablets */
@media only screen and (min-width: 768px) and (max-width: 999px) {
.container, .bloghomeheading, #main {
	width: 680px;
}
#content {
	width: 380px;
}
.feature {
	width: 162px;
	height: 162px;
	margin-right: 10px;
}
.feature:nth-child(4n+4) {
	margin-right: 0px;
}
.featuretitle {
	font-size: 14px;
	font-family: 'Raleway', sans-serif;
	font-weight: 300;
	color: white;
	font-weight: 400;
	margin-top: 110px;
}
.featureicon {
	font-size: 55px;
	line-height: 35px;
	display: block;
	text-align: center;
	margin: 0 auto;
	margin-bottom: 10px;
	color: white;
}
.featureicon a {
	display: block;
	width: 162px;
	height: 112px;
	position: absolute;
	top: 0px;
	left: 0px;
	padding-top: 50px;
	color: white;
}
#slider h1 {
	font-size: 25px;
	line-height: 35px;
}
.featureitemsmallwrap {
	margin-left: 15px;
	width: 170px;
}
.featureitemsmall {
	width: 220px;
	display: inline-block;
	vertical-align: top;
	margin-right: 10px;
	font-size: 14px;
	line-height: 20px;
	color: #7B7B7B;
	text-align: left
}
.featureitemsmall:nth-child(3n+3) {
	margin-right: 0px;
}
.bloghomeitem {
	width: 225px;
	height: 200px;
	display: inline-block;
	position: relative;
	margin-right: 20px;
	margin-bottom: 25px;
	vertical-align: top
}
.bloghomeitem:nth-child(2n+2) {
	margin-right: 0px;
}
#navbar ul {
	display: none;
}
#navbar select {
	position: absolute;
	display: inline-block;
	position: absolute;
	top: 57px;
	right: 45px;
	min-width: 200px;
}
.footerwidget {
	width: 161px;
	margin-right: 10px;
	display: inline-block;
	margin-bottom: 30px;
	font-size: 14px;
	vertical-align: top;
}
.footerwidget:nth-child(4n+4) {
	margin-right: 0px;
}
}

/*  Portrait Mobiles */
@media only screen and (max-width: 767px) {
.container, .bloghomeheading, #main {
	width: 290px;
	overflow: hidden
}
#navbar ul {
	display: none;
}
#navbar select {
	position: absolute;
	display: inline-block;
	position: absolute;
	top: 57px;
	right: 45px;
	min-width: 100px;
}
#slider h1 {
	font-size: 20px;
	line-height: 28px;
}
.feature:nth-child(1n+1), .bloghomeitem:nth-child(1n+1), .featureitemsmall:nth-child(1n+1), .footerwidget:nth-child(1n+1) {
	margin-right: 0px;
}
.featureitemsmall {
	margin-bottom: 20px;
}
#footerwidgets {
	text-align: center;
}
.footerwidget {
	text-align: left;
}
#content {
	width: 290px;
	float: none
}
#sidebar {
	width: 100%;
	float: none;
	margin-top: 30px;
	padding-top: 10px;
}
}

/* Landscape Mobiles */
@media only screen and (min-width: 480px) and (max-width: 767px) {
.container, .bloghomeheading, #main {
	width: 380px;
}
#navbar ul {
	display: none;
}
#navbar select {
	position: absolute;
	display: inline-block;
	position: absolute;
	top: 57px;
	right: 45px;
	min-width: 100px;
}
#slider h1 {
	font-size: 25px;
	line-height: 35px;
}
#content {
	width: 380px;
	float: none
}
#sidebar {
	width: 100%;
	float: none;
	padding-top: 20px;
}
}

/* Color Setup */
#homewidgets, body, #testimonials, {
 background-color: #F9F9F9
}
a {
	color: #007EFF
}
#main, #bloghome, #comments, .bloghomeheading span {
	background-color: #ffffff
}
.portfolioarchive .fa, .sidetitle i {
	color: #007EFF
}
#features, .featureiconsmall, .footerwidget li a:hover, .sidebarwidget li a:hover, .pagination a:hover, #main-nav li a:hover, .comment-reply-link, .tagcloud a, a.button, .button, button, html input[type="button"], input[type="reset"], input[type="submit"] {
	background-color: #007EFF
}
body, button, input, select, textarea {
	color: #999999
}
.testimonials blockquote, blockquote, h1, h2, h3, h4, h5, h6 {
	color: #5d5c5c
}
#header {
	background-color: #39373C
}
#footerwidgets {
	background-color: #39373C
}
#slider, #insideheader {
	background-color: #39373C
}