/*
	Theme Name: Smoke & Mirrors
	Theme URI: http://goldenworks.eu/demos/sm_wordpress/
	Description: A showcase & art gallery wordpress theme
	Author: Starshade
	Author URI: http://goldenworks.eu
	License: GNU General Public License version 2.0
	License URI: http://www.gnu.org/licenses/gpl-2.0.html	
	Tags: threaded-comments, translation-ready, custom-menu, right-sidebar, theme-options
	Version: 1.5.2
*/

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, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

body, input, textarea {
	font:15px Georgia, "Times New Roman", Times, serif;
	line-height:23px;
	font-weight:normal;	
}
a {
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
strong {
	font-weight:bold;
}
p {
	padding-bottom:12px;
}
em {
	font-style:italic;
}

/* ------------------- clearing  ------------------- */
.clearboth { clear:both; display:block; font-size:0; line-height:0; overflow: hidden; visibility: hidden; width: 0; height: 0; float: none;	}
.page-link { clear:both; }


/* ------------------- define hover transitions for theme elements  ------------------- */
a, #searchform #searchsubmit, .widget_calendar table td {
	-o-transition:.3s;
	-ms-transition:.3s;
	-moz-transition:.3s;
	-webkit-transition:.3s; 
	transition:0.3s;
}
/* ------------------- exceptions to the underline links on hover  ------------------- */
.spost-category a:hover, .post-category a:hover, #sidebar a:hover, .sf-menu a:hover, .nav-next a:hover, .nav-previous a:hover {
	text-decoration:none;
}




/* ------------------- headers ------------------- */
h1, h2, h3, h4, h5, h6 {
	font-weight:normal;	
}
h1, h2, h3, h4 {
	font-style:italic;
}
h1 {
	font-size:24px;
	line-height:30px;
	padding-bottom:8px;
}
h2 {
	font-size:20px;
	line-height:27px;
	padding-bottom:6px;
}
h3 {
	font-size:18px;
	line-height:29px;
}
h4 {
	font-size:17px;
	line-height:26px;
	padding:12px 0 6px 0;
}
h5 {
	font-size:15px;
	line-height:23px;
	font-weight:bold;
	padding-bottom:4px;	
}
h6, .post-category, .spost-category {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-transform:uppercase;
	letter-spacing:3px;
	padding:6px 0 6px 0;
}


/* ------------------- images responsibility ------------------- */
img{ max-width:100%; height:auto; }
img{ -ms-interpolation-mode:bicubic; }


/* ------------------- wordpress specific styles ------------------- */
.wp-caption {
	font-size:11px;
	margin:0;
	padding:0;
}
.wp-caption img {
	display:block;	
	padding:0;
	margin:5px 0 4px 5px !important;
}
.wp-caption-text {
	display:inline;
	margin:0;
	padding:0 0 5px 7px;
	display:block;
} 
.sticky {}
.gallery-caption {}
.bypostauthor {}

.alignnone {
	padding:14px 0 14px 0;
	display:block;
	clear:both;	
}
.aligncenter, div.aligncenter {
	display:block;
	clear:both;
	margin:0 auto;
	padding:14px 0 14px 0;
	text-align:center;
}
.alignright, a img.alignright {
	float:right;
	margin:7px 0 7px 20px;
}
.alignleft, a img.alignleft {
	float:left; 
	margin:7px 20px 7px 0;
}


/* ------------------- list styles ------------------- */
ul, ol {

	margin:4px 0 16px 0;
}
ul { 
	list-style:disc outside;
}
ol { 
	list-style:decimal outside;
}
li { 
	margin:4px 0 0 30px;
}
ul ul, ol ul, ul ol, ol ol {
	margin-bottom:0;
}


/* ------------------- input fields styles ------------------- */
input, textarea {
	padding:6px;
	border:0 none;
	font:13px Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	line-height:15px;
}
select {
	font:13px Georgia, "Times New Roman", Times, serif;
}
textarea {
	line-height:21px;
}
select {
	padding:2px;	
}



/* ------------------- custom lists styles ------------------- */
.custom-list ul {
	margin:4px 0 0 0;
	padding:0;
	display:inline-block;
}

.custom-list ul, .custom-list ul li, .fbox .custom-list ul, .fbox .custom-list ul li, .widget .custom-list ul, .widget .custom-list ul li  {
	list-style:none;
}
.custom-list li, .fbox .custom-list li, .widget .custom-list li {
	margin:0;
	padding:7px 0 2px 28px !important;
}
.fav-list li {
	background:url('images/function/star_16.png') no-repeat 0px 10px !important; 		
}
.check-list li {
	background:url('images/function/tick_16.png') no-repeat 0px 10px !important;
}
.arrow-list li {
	background:url('images/function/arrow_right_16.png') no-repeat 0px 10px !important;
}
.plus-list li {
	background:url('images/function/add_16.png') no-repeat 0px 10px !important;
}
.fbox .custom-list li {
	width:172px;
}
.widget .custom-list li {
	width:170px;	
}
.widget .custom-list {
	margin:0 !important;
	padding:0 !important;	
}


/* ------------------- spacers used for different theme parts ------------------- */
.white-space, .page-spacer {
	float:left;
	width:100%;	
}
.page-spacer {
	height:14px;	
}


/* ------------------- pre and code styles ------------------- */
code, pre {
	padding:16px 22px 16px 22px;
	font-family: "Consolas", "Bitstream Vera Sans Mono", "Courier New", monospace;
	font-size: 13px;
	margin-bottom:10px;
}
pre {
	display: block;
	font-size: 13px;
	line-height: 22px;
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word;
}
pre code {
	padding: 0;
	color: inherit;
	background-color: transparent;
	border: 0;
}
pre ol, code ol, pre ol li, code ol li {
	padding:0;
	margin:0;
}



/* ------------------- menu styles ------------------- */
#menu-bar {
	float:left;
	width:100%;
	padding:20px 0 0 0; 
	height:68px;
}
#menu-wrapper {
	margin:0 auto;
	width:960px;
}
.sf-menu {
	float:left;
	display:block;
	width:100%;
	line-height:24px;
	text-align:center !important;
}
.sf-menu, .sf-menu * {
	margin:0;
	padding:0;
	list-style:none;	
	z-index:100;
}
.sf-menu, .sf-menu li {
	list-style:none;	
}
.sf-menu li:hover {
	visibility:inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li { 
	position:relative;
	cursor:pointer;
	text-align:left;
	margin:0;
	display:inline;
}
.sf-menu li a {
	padding:24px 24px 24px 24px;		
	margin:0;
}
.sf-menu ul {
	width:200px; /* left offset of submenus need to match (see below) */
	position:absolute;
	top:-999em;
}
.sf-menu li:hover {
	visibility:inherit; /* fixes IE7 'sticky bug' */
}

#menu-wrapper .sf-menu ul a { /* styles that apply to dropdown menu only */
	padding:14px 24px 15px 24px;
	margin:0;
	display:block;
}
.sf-menu ul ul, .sf-menu ul ul ul {
	width:200px;
	margin-left:0;	
}
*:first-child+html .sf-menu a { /* this applies only to ie7 */
	height:auto;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0px;
	top:			41px; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			200px; /* match ul width */
	top:			0px;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			200px; /* match ul width */
	top:			0;
}
.sf-menu ul li {
	border:0 none;
	width:100%;
	float:left;	
}


/* ------------------- responsive menu styles ------------------- */
.selectnav, .responsive-menu { /* by default this one is disabled */
	display:none;	
}
.selectnav {
	width:80%;
	margin:0 auto;
}
.selectnav option {
	padding:2px 0 0 0;
}


/* ------------------- theme structure styles ------------------- */
.sm_container {
	width:960px;
	margin:0 auto;
}


/* ------------------- logo & intro styles ------------------- */
#logo {
	text-align:center;
	width:100%;
	padding:110px 0 10px 0;
	margin:0 auto;
	display:block;
}
#sm_intro {
	font-size:18px;
	font-style:italic;
	text-align:center;
	line-height:27px;
	padding:6px 0 26px 0;
}



/* ------------------- STRUCTURE STYLES ------------------- */


/* ------------------- a) pages with sidebar structure ------------------- */

#content_parent {
	clear:left;
	float:left;
	width:100%;
	overflow:hidden;
}
#content_child {
	float:left;
	width:100%;
	position:relative;
	right:296px;
}
#left {
	float:left;
/*	width:664px; */
	width:594px;
	padding:35px;
	position:relative;
	left:296px;
	overflow:hidden; 
}
#right {
	float:left;
	width:296px;
	position:relative;
	left:296px;
	overflow:hidden;
}

#sidebar {
	float:left;
	width:207px;
	padding:48px 44px 10px 44px;
	font-size:13px;
}



/* ------------------- b) blog structure ------------------- */
.full-wrapper, .entry-block {
	float:left;
	width:100%;
}
.vpost-container {
	float:left;
	width:592px;
	margin-bottom:-5px;
}
.sidebar-wrapper {
	margin:0 auto;
	width:960px;
	position:relative;	
}
.ssbar {
	width:296px;
	float:right;
	position:absolute;
	right:0;
	top:0;
}


/* ------------------- c) pages with no sidebar structure ------------------- */
.full-content {
	width:890px;
	padding:30px 35px 25px 35px;
	float:left;
	position:relative;
}






/* ------------------- sidebar & footer widget styles ------------------- */
.widget {
	float:left;
	width:100%;
	padding-bottom:48px;
	line-height:21px;
	font-style:italic;
}
.widget h6 {
	padding-bottom:9px;
	font-style:normal;
	padding-top:0;
}
.widget ul, .widget ul li, .fbox ul, .fbox ul li {
	float:left;
	width:100%;
	list-style:none;
	margin:0;
	padding:0;
}
.widget ul li {
	margin:0;
	padding:3px 0 5px 15px;
	background:url('images/sbl_bg.png') no-repeat 0 11px;
}
.fbox ul li {
	padding:0 0 12px 0;
}


/* search widget styles */
#searchform .screen-reader-text {
	display:none;		
}
#searchform #s {
	width:166px;	
	float:left; 
	margin:0; /* fixes margin bug for inputs on chrome */
}
#searchform #searchsubmit {
	width:28px;
	height:28px;
	border:0 none;
	text-indent:-9999px;
	margin:0 0 0 1px;
	cursor:pointer;
	background-repeat:no-repeat;
	background-position:0 0;
	
/*	background:#1b1b1b url('images/search_bg.png') no-repeat 0 0; */
}
#searchform #searchsubmit:hover {
	background-repeat:no-repeat;
	background-position:0 -28px;	
}
.fbox #searchform #s {
	opacity:0.4;
	filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
	width:200px;
}


/* social icons widgets */
.wmedia-list {
	list-style:none;
}
.widget .wmedia-list li, .wmedia-list li {
	margin:0;
	padding:0;
	background:0 none;
}
.widget .wmedia-list li a, .wmedia-list li a {
	display:block;
	padding:10px 0 9px 46px;
	line-height:23px;
	margin:0;
	opacity:0.8;
	filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);

}
.widget .wmedia-list li a:hover, .wmedia-list li a:hover {
	opacity:1;
	filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
}
.widget .wmedia-list, .wmedia-list {
	float:left;
	width:100%;
	margin:6px 0 0 0;
	padding:0;
}
.wmedia-list li a:hover {
	text-decoration:none;
}

.fbox .wmedia-list li {
	opacity:1;
	filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	width:148px;
	float:left;
}
.fbox .wmedia-list li a {
	padding:10px 0 9px 46px;
}
.fbox .wmedia-list li a:hover {
	opacity:1;	
}

/* calendar styles */
.widget_calendar caption {
	text-align:left;
	margin:0;
	padding:0 0 4px 0;
}
.widget_calendar table {
	border-collapse:collapse;
	float:left;
	width:206px;
	height:190px;
	margin:10px 0 0 0;
    border:0 none; 
}
.widget_calendar a:hover {
	text-decoration:underline !important;	
}
.widget_calendar table th {
	padding:5px 0 5px 0 !important;
	text-align:center;
}
.widget_calendar table td {
	text-align:center;
	padding:6px 0 6px 0;
	margin:0;
}
#sidebar .widget_calendar table td {
	margin:0 !important;
}
#calendar_wrap {
	float:left;
}
.widget_calendar a:hover {
	text-decoration:none;	
}

.fbox #wp-calendar {
	border-collapse:collapse;
	float:left;
	width:230px;
	height:190px;
	margin:10px 0 0 0;
    border:0 none;
}
.fbox #wp-calendar caption {
	margin:-10nm px 0 4px 0;
	padding:0;
}
.fbox #wp-calendar td {
	text-align:center;
	padding:6px 0 6px 0;
	margin:0;
	background:none;
}
.fbox #calendar_wrap {
	padding-bottom:10px;
}


/* custom blog widget styles */
.wpost-list li {
	padding-bottom:16px !important;
	float:left;
}
.wpost-content p {
	padding:0;
}


/* ----------------- tagcloud widget styles ----------------- */
.widget_tag_cloud {
	padding-bottom:38px;
}
.tagcloud {
	padding:2px 0 0 0;
}
.tagcloud a {
	display:block;
	float:left;
	padding:3px 9px 3px 9px;
	margin:1px 1px 0 0;
}
.tagcloud a:hover {
	text-decoration:none;
}
.fbox .tagcloud {
	padding:0;	
}
.tagcloud a {
	padding:0;
	margin:0 12px 0 0;	
}


/* ----------------- flickr widget styles ----------------- */
.widget .flickr-wrapper {
	width:100%;
	float:left;
}
.widget .flickr-wrapper img {
	width:50px;
	height:50px;
	float:left;
	margin:0 1px 1px 0;
	display:block;
}
.fbox .flickr-wrapper {
	width:311px;
	float:left;
	margin:10px 0 0 -15px;
}
.fbox .flickr-wrapper img {
	width:62px;
	height:62px;
	float:left;
	margin:0 0 15px 15px;
	display:block;
}


/* ----------------- portfolio widget styles ----------------- */
#footer .wgport-list {
	opacity:1;
	filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
}
.widget .wgport-list, .widget .wgport-list li, .fbox .wgport-list, .fbox .wgport-list li {
	list-style:none;
}
.widget .wgport-list {
	float:left;
	width:210px;
}
.widget .wgport-list li, .fbox .wgport-list li {
	width:69px;
	height:69px;
	float:left;
	margin:0 1px 1px 0;
	background:none;	
	padding:0;
}
.widget .wgport-list .li-portmore a, .fbox .wgport-list .li-portmore a {
	height:50px;
	font-size:13px;
	line-height:17px;
	text-align:center; 
	padding:18px 0 0 0;
}	 
.fbox .wgport-list {
	float:left;
	width:100%; 
}


/* ----------------- latest tweets widget styles ----------------- */
.widget .twitter-content li {
	margin:2px 0 16px 0;
	float:left;
	width:100%;
}
.widget .twitter-content li:last-child {
	margin-bottom:0 !important;
}
.widget .twitter-content li a:hover {
	text-decoration:underline;	
}
.tw-timestamp {
	padding:6px 0 0 0;
	font-size:12px;
	opacity:0.5;
}
.twitter_intents {
	float:left;
	width:100%;	
}
.twitter_intents p {
	float:left;
	padding:0 6px 2px 0;
	font-size:16px;	
}
.widget .twitter_intents p a:hover {
	text-decoration:none !important;			
}

/* twitter widget footer styles */
.fbox .twitter-content li {
	margin:0;
	padding:0;	
}
.fbox .twitter_intents {
	margin:-8px 0 20px 0;	
}
.fbox .twitter-content {
	margin:-8px 0 0 0;
	padding:0;	
}


/* ------------------- footer styles ------------------- */
#footer, #footer-bottom {
	width:100%;
	float:left;
	font-style:italic;
	opacity:0.8;
	filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
}
#footer {
	margin:50px 0 0 0;
}
.fthree-wrapper {
	padding:0 0 8px 0;
	float:left;
	margin:0 0 0 -36px;
	width:996px;
}
.farea {
	float:left;
	width:296px;
	margin-right:36px;
}
.fline, .fwline {
	float:left;
	width:100%;
	font-size:0;
	line-height:0;
	height:1px;
	opacity:0.2;
	filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=20);
}
.fwline { /* used for footer widgets under widget title */
	margin:0 0 20px 0;	
}
#footer-bottom {
	padding:18px 0 70px 0;
	float:left;	
	width:100%;
	text-align:right;
}
.fbox {
	float:left;
	width:296px;
	margin-left:36px;
	padding-bottom:22px;
}
.fbox h3 {
	padding-bottom:4px;
}
.ffix {
	margin-top:-40px;	
}

/* ------------------- blog specific styles ------------------- */
.gw-spostitle, .gw-postitle {
	padding:4px 0 2px 0;
	margin:0;
}
.gw-spostitle {
	padding:0 0 8px 0;
}
gw-spostitle a:hover, .gw-postitle a:hover {
	text-decoration:underline;	
}
.post-category {
	float:left;
	width:100%;
	text-transform:uppercase;
	font-size:10px;
	letter-spacing:2px;		
	padding:2px 0 2px 0;
	margin:0 0 10px 0;
	line-height:18px;
}
.spost-category {
	text-transform:uppercase;
	font-size:10px;
	letter-spacing:2px;		
	padding:2px 0 2px 0;
	margin:0 0 16px 0;
	line-height:18px;
}
.post-category br { 
	display:none;
}

.bimg-landscape { /* landscape blog img */
	float:left;
	width:592px;
	height:226px;
	display:block;
	margin:4px 0 0 0;
}
.bimg-portrait { /* portrait blog img */
	float:left;
	width:244px;
	height:296px;
	display:block;
	margin:2px 32px 20px 0;
}
.archive-title {
	padding:50px 0 16px 0;
}
.entry-space {
	float:left;
	width:100%;
	height:51px;
}
.entry-block .more-link, .search-more {
	font-family:Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	font-size:10px;
	letter-spacing:2px;
	position:relative;
	top:-3px;
}

.entry-block .more-link:hover, .search-more:hover {
	text-decoration:none;	
}
.entry-content, .entry-noimg {
	float:left;	
	width:100%;
	margin-top:16px;
}
.entry-noimg {
	margin-top:-10px;	
}
.entry-block {
	padding:5px 0 36px 0;
}
.entry-block .fline {
	margin-top:24px;
	opacity:0.07;
	filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=7);	
}
.sentry-padding {
	padding-bottom:0;
}

/* ------------------- pagination styles ------------------- */
.pagination, .pagination-blog {
	float:left;	
	margin-top:1px; 
	font-style:italic;
}
.pagination-blog {
	width:100%;
}
.pagination-port2 {
	margin-bottom:32px;	
}
.nav-next a, .nav-previous a {
	padding:8px 18px 7px 18px;
	float:left;
	font-size:13px;
}


/* ------------------- page navi styles ------------------- */
.wp-pagenavi {
	float:left;
}
.wp-pagenavi a, .wp-pagenavi a:link,.wp-pagenavi a:visited,.wp-pagenavi a:active,.wp-pagenavi span.pages,.wp-pagenavi span.current,.wp-pagenavi span.extend {
	padding:7px 15px 6px 15px;
	display:inline-block;		
	text-decoration:none;	
	cursor:pointer;
	margin:0 1px 0 0;
}
.wp-pagenavi a, .wp-pagenavi span.current {
	margin:0 1px 0 0;
}
.wp-pagenavi span.pages {
	float:right;
	padding-right:0;
	display:block;
	cursor:text;
	display:none;
}




/* ------------------- blockquotes & pullquotes styles ------------------- */
blockquote, .intro, .pullquote-left, .pullquote-right {
	font-style:italic;
	margin:10px 0 10px 0;
}
blockquote {
	padding:14px 12px 14px 52px;		
}
.intro {
	padding:6px 0 12px 0;
	display:block;
	margin:0;
}
blockquote {
	background-image:url('images/quote.png');
	background-repeat:no-repeat;
	background-position:22px 20px;
}
blockquote p {
	padding-bottom:0;
}
.pullquote-left, .pullquote-right {
	background-image:url('images/quote.png');
	background-repeat:no-repeat;
	background-position:22px 20px;
	width:33%;
}
.pullquote-left {
	float:left;
	margin:8px 20px 0 0;
	padding:14px 12px 14px 52px;
}
.pullquote-right {
	float:right;	
	margin:8px 0 0 20px;
	padding:14px 0 14px 52px;
}







/* ------------------- commentform styles ------------------- */
.comments-wrapper {
	float:left;
	width:100%;
	margin-top:30px;
	padding-bottom:20px;
}
#commentform {
	float:left;
	width:100%;
	margin-top:7px;
}
#commentform label {
	font-size:13px;
	font-style:italic;
	position:relative;
	top:-2px;
}
#commentform p {
	float:left;
	width:100%;	
}
#commentform #author, #commentform #email, #commentform #url {
	width:37%;
	float:left;
	margin:-3px 8px 4px 0;
}
#commentform textarea {
	width:82%;	
	overflow:auto;
	height:164px;
}
.comment-form-comment label, .comment-notes, .form-allowed-tags, #commentform .required {
	display:none;	
}
#reply-title {
	font-size:17px;
	padding-bottom:8px;
}
.form-submit #submit {
	padding:8px 16px 7px 16px;
}

.form-submit #submit:hover {
	cursor:pointer;	
}


/* ------------------- comments styles ------------------- */
.comment-block { 
	position:relative;
}
.comment-title {
	margin:12px 0 10px 0;
}
.awaiting_moderation {
	font-style:normal;
	float:left;
	padding:4px 0 4px 0;
}
.commentlist, .commentlist li {
	list-style:none;
}
.commentlist .children {
	padding:0;	
}
.commentlist li {
	margin:30px 0 0 0;
	padding:0;
	display:block;
}
.commentlist li li {
	margin-left:40px;
}
.comment-author { /* the comment avatar */
	float:left;
	position:absolute;
	top:0;
	left:0;
	z-index:100;
}
.comment-author img {
	display:block;	
}
.comment-content {
	margin:0 0 0 34px;
	padding:22px 22px 20px 52px;
}
.comment-misc { /* comment posted by *author* wrapper */
	margin:0;
	padding:0;
}
.comment-bodywrap .date {/* comment posted date */
	font-style:italic;
	font-size:13px;
	display:block;
	width:100%;
	letter-spacing:0.2px;	
	padding-bottom:8px;
}
.comment-options { /* reply and edit buttons */
	position:absolute;
	right:0;
	top:0;
	width:25%;
}
.comment-options a {
	float:right;
	width:35px;
	height:35px;
	display:block;
	margin:0 0 0 1px;
	text-indent:-9999px;
}
.comment-options a:hover {
	text-decoration:none;
}


/*  start contact form */
.contact-fieldset {
	float:left;
	width:100%;
	margin-top:8px;

}
.contact-fieldset ul {
	float:left;
	width:100%;
	list-style:none;
	margin:0;
}
.contact-fieldset ul li {
	float:left;
	margin:6px 0 6px 0;
	width:100%;
	list-style:none;
}
.contact-fieldset ul li label {
	float:left;
	width:100px;
	padding:2px 0 4px 0;
}
.contact-input {
	float:left;
	width:244px;
}
.contact-textarea {
	height:176px;
	float:left;
	overflow:auto;
	width:446px;
}
.contact-fieldset ul li .recaptcha-label {
	width:100%;	
}
.contact-fieldset .contact-submit {
	margin-left:100px;

}
.inputError, input[type="text"].inputError {
	border:1px solid #a60d0d;
}
.contact-fieldset input[type="submit"], #commentform input[type="submit"] {
	border:0 none !important;
	display:block;
	padding:8px 15px 8px 15px !important;
}
*:first-child+html #contactForm .contact-fieldset .contact-submit, *:first-child+html #commentform #submit {
	border:0 none !important;
	padding:3px 7px 3px 7px !important;	
}
.contact-fieldset input[type="submit"]:hover {
	cursor:pointer;
}
/* end contact form */



/* ------------------- start contact page styles ------------------- */
.map-canvas {
	float:left;
	width:100%;
	margin:0px 0 0 0;
}
.contact-body {
	margin:0 auto;
	width:960px;
}
.contact-content {
	width:594px; /* the actual full width is 664px */
	padding:25px 35px 12px 35px;
	float:left;
	position:relative;		
}
.ssbar-contact {
	margin-top:5px;	
}
/* ------------------- start service styles ------------------- */
.service-wrapper {
	float:left;
	width:240px;		
}
.service-block {
	float:left;
	width:239px;
	margin-right:1px;
	padding-bottom:1px;
}
.service-block h6 {
	padding:0;	
}
.service-title a {
	padding:13px 30px 11px 30px;
	display:inline-block;
}
.service-title a:hover {
	text-decoration:none;
}
.service-content {
	margin-top:1px;
	padding:26px 30px 26px 30px;
	width:179px;
	float:left;
	position:relative;
	-o-transition:.6s;
	-ms-transition:.6s;
	-moz-transition:.6s;
	-webkit-transition:.6s; 
	transition:0.6s;	
}
.service-content:hover {
	cursor:pointer;
}
.service-content p {
	padding-bottom:10px;	
}
.service-permalink {
	position:absolute;
	bottom:0;
	right:0;
	width:35px;
	height:35px;
	background-image:url('images/permalink_icon.png');
	background-repeat:no-repeat;
	background-position:0 1px;
	text-indent:-9999px;	
	display:none;
}
.service-space {
	float:left;
	width:100%;
	height:12px;	
}


/* ------------------- dropcap styles ------------------- */
.dropcap {
	text-transform:uppercase;
	font-size:48px;
	font-family:Georgia, "Times New Roman", Times, serif;
	padding:12px 6px 4px 0;
	float:left;
}


/* ------------------- column styles ------------------- */
.last {
	margin-right:0 !important;
	clear:right;
}
.one-half, .half-box, .thalf-box, .one-third, .two-third, .one-fourth, .three-fourth, .intone-half, .intone-third {
	float:left;		
}
.one-half {
	width:48%;
	margin-right:34px;
}
.one-third {
	width:31%;
	margin-right:30px;
}
.two-third {
	width:65%;
	margin-right:34px;
}
.one-fourth {
	width:22%;
	margin-right:35px;
}
.three-fourth {
	width:74%;
	margin-right:33px;	
}

.intone-half {
	width:47%;
	margin-right:35px;
}
.intone-third {
	width:31%;
	margin-right:22px;
}


/* ------------------- alert boxes styles ------------------- */
.box-information, .box-confirmation, .box-warning, .box-error {
	float:left;
	margin-bottom:10px;
	min-height:18px;
	height:auto !important;
	height:18px;
	width:100%;
}
.box-information p, .box-confirmation p, .box-warning p, .box-error p {
	padding:6px 0 6px 0;		
}
.box-information a, .box-confirmation a, .box-warning a, .box-error a {
	text-decoration:underline;		
}

.box-information .wrap, .box-confirmation .wrap, .box-warning .wrap, .box-error .wrap {
	float:left;	
	padding:14px 20px 14px 52px;	
}
.awaiting_moderation {
	float:left;	
	padding:4px 20px 4px 20px;
	margin-bottom:4px;
	display:block;
}


/* ------------------- table styles ------------------- */
table {
	width:100%;
	margin-bottom:20px;
		
}
table, td, th { 
	vertical-align:middle; 
	text-align:left; 
	border-collapse:collapse;	
}
th {
	padding:6px 16px 6px 16px;
	letter-spacing:1px;
}
td { 
	padding:8px 16px 8px 16px;
}
table tfoot tr td {
	display:none;
}
table thead tr td {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-transform:uppercase;
	letter-spacing:3px;
}






/* ------------------- toggle styles ------------------- */
h4.toggle {
	margin:0;
	padding-top:6px;
	line-height:27px;
}
h4.toggle a {
	display:block;
	padding:0 24px 2px 34px;
	text-decoration:none;
}
.toggle-content {
	clear:both;
	overflow:hidden;
}
.toggle-content .block {
	padding:20px 16px 16px 20px;
	margin:4px 0 14px 0;
}
.toggle-content .block p {
	padding:5px 0 5px 0;
	margin:0;	
}
*:first-child+html h6.toggle {
	margin:0;
	position:relative;
	top:-1px;	
}
h4.toggle a, h4.active a {
	-o-transition:none;
	-ms-transition:none;
	-moz-transition:none;
	-webkit-transition:none; 
	transition:none;
}



/* ------------------- tabs styles ------------------- */
.tabs-wrapper {
	float:left;
	width:100%;
	padding-bottom:22px;
}
ul.tabs {
	overflow:hidden;
	list-style: none;
	margin:0;
	padding:0;	
}
ul.tabs li {  
	display:inline;
	float:left;
	margin:0;
}
ul.tabs a { 
	display:block;
	padding:12px 20px 12px 20px;
	line-height:14px;
	white-space:nowrap;
}
ul.tabs a:hover {
	text-decoration:none;
}
ul.tabs li a.current {
	cursor: default;
	position:relative;
	z-index:2;	
}
.tabs-wrapper .tabpanels {
	margin:-1px 0 0 0;
	position:relative;
	z-index:1;
	padding:20px 20px 16px 20px;
	float:left;
}
.tabs-wrapper .tabpanels > div {
	display:none;
}


/* ------------------- portfolio filtering options styles ------------------- */
.portfolio-filter-wrapper {
	float:left;
	width:100%;	
}
.portfolio-filter {
	margin:0 auto;
	width:960px;
	padding:20px 0 20px 0;
	text-align:center;
	font-style:italic;
}
.portfolio-filter, .portfolio-filter li {
	list-style:none;
	
}
.portfolio-filter li {
	display:inline;
	padding:0 26px 0 26px;
	margin:0;
}


/* ------------------- portfolio 1 styles ------------------- */
.portfolio1-list, .portfolio1-list li, .portfolio2-list, .portfolio2-list li {
	list-style:none;
}
.portfolio1-list, .portfolio2-list {
	float:left;
	width:891px;
	margin:0 0 35px 35px;
	padding:0;
	text-align:center;
	overflow:hidden; 
}
.port-wrapper {
	width:100%; 
	float:left;
}
.portfolio1-list li {
	margin:0 1px 1px 0;
	padding:0;
	float:left;
	width:296px;
	height:240px;
	position:relative;
}
.portfolio1-list li img {
	display:block;
}
.port1frame-body {
	padding:9px 22px 7px 22px; 
	position:relative;

}
.port1frame {
	opacity:0;
	filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	position:absolute;
	bottom:30px;
	bottom:0;
	left:0;
	width:100%;
}
.port1frame h6 {
	padding:8px 6px 10px 6px;
	line-height:18px;  
	white-space:normal;
}

.port1frame .fline {
	margin-top:-7px;	
	opacity:0.14;
	filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=14);
}
.port1frame h6 a:hover {
	text-decoration:none;

}
.port1frame-body p {
	padding:2px 0 20px 0;
	font-style:italic;
	line-height:20px;
}
.port1-permalink {
	position:absolute;
	bottom:0;
	right:0;
	width:28px;
	height:28px;
	background-image:url('images/permalink_icon.png');
	background-repeat:no-repeat;
	background-position:-4px -3px;
	text-indent:-9999px;
}
.pselected {
	text-decoration:underline; 	
}
.pf-space {
	float:left;
	width:100%;
	height:40px;	
}


/* ------------------- portfolio 2 styles ------------------- */
.portfolio2-list {
	margin-bottom:0;
}
.portfolio2-list li {
	float:left;
	width:100%;
	margin:0 0 30px 0;
	padding:0;
	text-align:left;
}
.port2-img {
	float:left; 
	width:366px;
	height:220px;
	display:block;
}
.port2-content {
	float:left;
	width:464px;
	height:220px;
	margin-left:30px;
	position:relative;	
}
.port2-space {
	float:left;
	width:100%;
	height:30px;
}
.port2-permalink {
	text-indent:-9999px;
	background-image:url('images/permalink_icon.png');
	background-repeat:no-repeat;
	background-position:0 1px;
	font-size:0;
	line-height:0;
	width:35px;
	height:35px;
	position:absolute;
	bottom:0;
	right:-31px;
}
.port2-content .port2-title {
	margin:26px 0 0 0;	
}
.ptitle-detail {
	padding-bottom:12px !important;
}
.port2-mobile {
	display:none;
}


/* ------------------- gallery styles ------------------- */
div.gallery {
	width:530px;
	float:right;
	position: relative;
	clear: both;
	display: block;
	padding:0;
	margin:0 0 20px 30px;
}
.attachment-gthumb {
	width:530px;
}
div.gallery .nivoZoom {
	width:100%;
	height:100%;
}

.gallery .slides, .gallery .slides li {
	margin:0; 
	padding:0; 
	list-style:none;
}

.gallery .slides > li {
	display: none;
}
.gallery .slides img {
	display:block;
	overflow:hidden;
}
.gallery .slides:after { 
	content: "."; 
	display: block; 
	clear: both; 
	visibility: hidden; 
	line-height: 0; 
	height: 0;
} 
html[xmlns] .gallery .slides {
	display: block;
} 
* html .gallery  .slides {
	height: 1%;
}
.no-js .gallery  .slides > li:first-child {
	display: block;
}
.gallery .flex-viewport {
	display:block !important;
}

.gallery .flex-active-slide {
	display:inline-block;
	float:left;
}
.gallery .flex-control-nav {
	padding:0 !important;
	margin:0;
}
.gallery .flex-control-nav, .gallery .flex-control-nav li {
	list-style:none;
	float:left;
	margin:0;
	padding:0;
}
.gallery .flex-control-nav li {
	margin:10px 10px 0 0;
	width:60px;
	height:60px;
}
.gallery .flex-control-nav li img {
	width:60px;
	height:60px;
	cursor:pointer; 
	display:block;
}
.gallery .flex-direction-nav {
	display:none;	
}




/* ------------------- nivo zoom styles ------------------- */
.nivoZoomHover {
	position:absolute;
	top:0px;
	left:0px;
	z-index:9;
	width:100%;
	height:100%;
	cursor:pointer; 
}
.nivoCaption {
	display:none;
	position:absolute;
	z-index:110;
	text-align:center;
	background:#010101;
	color:#fff;
	padding:4px 0;
	overflow:hidden; 
	display:none;
}
a.nivoZoom {
	border:0 !important;
}
a.nivoZoom img {
	display:block;
}
.nivoZoomHover {
	background:#000 url('images/lightbox_icon.png') no-repeat 50% 50%;
}




/* ------------------- Elastislide / slider 1 styles ------------------- */
.elastislide-list {
	list-style-type:none;
	display:none;
}
.no-js .elastislide-list {
	display:block;
}

.elastislide-carousel ul li {
	min-width:20px; /* minimum width of the image (min width + border) */
	position:relative;

}
.elastislide-wrapper {
	position: relative;
	margin: 0 auto;
	min-height: 60px;
}

.elastislide-wrapper.elastislide-loading {
	background-image: url('images/loading.gif');
	background-repeat: no-repeat;
	background-position: center center;
}

.elastislide-horizontal {
	padding:29px 142px;
}

.elastislide-carousel {
	overflow:hidden;
	position:relative;
}

.elastislide-carousel ul {
	position:relative;
	display:block;
	list-style-type:none;
	padding:0;
	margin:0;
	-webkit-backface-visibility:hidden;
	-webkit-transform:translateX(0px);
	-moz-transform:translateX(0px);
	-ms-transform:translateX(0px);
	-o-transform:translateX(0px);
	transform:translateX(0px);
}

.elastislide-horizontal ul {
	white-space:nowrap;
}

.elastislide-carousel ul li {
	margin: 0;
	-webkit-backface-visibility:hidden;
}

.elastislide-horizontal ul li {
	height: 100%;
	display: inline-block;
	margin-left:1px;
	padding:0;
}
.elastislide-vertical ul li {
	display: block;
}
.elastislide-carousel ul li a {
	display: inline-block;
	width: 100%;
}

.elastislide-carousel ul li a img {
	display: block; 
	max-width: 100%;
}


/* Navigation Arrows */
.elastislide-wrapper nav span {
	position:absolute;
	background-repeat:no-repeat;
	background-position:0 0;
	width:59px;
	height:59px;
	border-radius:50%;
	text-indent:-9999px;
	cursor:pointer;
	opacity:0.8;
	filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);	
}

.elastislide-wrapper nav span:hover {
	opacity:1.0;
	filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);	
}

.elastislide-horizontal nav span {
	top:40%;
	left:52px; 
}
.elastislide-horizontal nav span.elastislide-next {
	right:52px;
	left:auto;
	background-position:0 -59px;
}
.elastislide-list .port1frame {
	text-align:center;
	padding:6px 0 6px 0;
}
.elastislide-list .port1frame h6 {
	margin-top:3px;	
}


/* space between slider and body content(not used at the moment) */
.hspace {
	float:left;
	width:100%;
	height:35px;
}


/* slider 2 styles */
.slide-details {
	position:absolute;
	bottom:24px;
	right:0;
	width:100%;
}
.slide-details-container {
	margin:0 auto;
	width:960px;
}
.slide-details-container h2 {
	padding:16px 22px 16px 22px;
	display:inline;
	float:right;
}
.slide-details-container h2 a, .slide-details-container h2 a:hover {
	text-decoration:none;	
}




/* FlexSlider Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.slides li,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 

/* FlexSlider Necessary Styles
*********************************/ 
.flexslider { margin: 0; padding: 0; position:relative; }
.flexslider .slides > li { display: none; -webkit-backface-visibility: hidden; } /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}



/* FlexSlider Default Theme
*********************************/
.flexslider {
	margin:0;
	position:relative;
	zoom:1;
	padding:1px 0 1px 0;
}
.flex-viewport { max-height: 2000px; }
.loading .flex-viewport { max-height: 300px; }
.flexslider .slides { zoom: 1;}




/* Control Nav */

.flex-control-nav li {margin:0; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; }
.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }

.flex-homepage .flex-control-thumbs {
	height:74px;
	padding-left:1px;
}
.flex-control-thumbs li { width:69px; height:69px; float: left; margin:1px 1px 1px 0; }

.flex-control-thumbs img {
	width:100%;
	display:block;
	cursor:pointer;
}

.flex-control-thumbs .flex-active { cursor: default; }

@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev {opacity: 1; left: 0;}
  .flex-direction-nav .flex-next {opacity: 1; right: 0;}
}

.flex-homepage .thumb-nav {
	position:absolute;
	bottom:78px;
	left:0;
	width:100%;
	height:80px;
}
.flex-homepage .thumb-nav-container {
	width:960px;
	margin:0 auto;		
	height:74px;
	position:relative;
}
.flex-homepage .thumb-nav-container .flex-control-nav {
	float:right;
}

/* index page styles */
.h-index {
	padding-bottom:12px;	
}
.flex-loading {
	height:448px;
	width:100%;
}



/* ------------------- 404 page not found styles ------------------- */
.nfound-no {
	font-size:62px;
	font-style:italic;
	line-height:62px;
	padding-bottom:20px;
	
	color:#cfcfcf;
}
.nfound-page {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	text-transform:uppercase;
	letter-spacing:3px;
	padding:6px 0 6px 0;
	
	color:#424242;	
}
.nfound-lwrapper {
	width:34%;
	margin:0 auto;	
}
.nfound-lwrapper .fline {
	opacity:0.12;
	filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=12);	
}
.nfound-txt {
	padding-top:14px;
	font-size:18px;
	line-height:26px;
	font-style:italic;		
}


/* ------------------- search page styles ------------------- */
.search-block {
	float:left;
	width:100%;
	padding:16px 0 16px 0;
}
.search-more {
	top:2px;
}
.search-block h2 {
	padding-bottom:4px;
}


/* -------------------  buttons styles ------------------- */
a.gw-btn { 
	float:left;
	display:inline-block; 
	cursor:pointer;
	margin:2px 1px 6px 0;
	font-style:italic;
}
a.gw-btn {
	text-decoration:none;
}

/* small buttons specific styles */
a.btn-small {
	font-size:13px;	
	padding:3px 15px 1px 15px; 	
}
/* medium buttons specific styles */
a.btn-medium {
	font-size:15px;	
	padding:6px 18px 5px 18px;
}
/* large buttons specific styles */
a.btn-large {
	font-size:17px;	
	padding:8px 21px 6px 21px;
}



/**** Isotope Filtering ****/
.isotope-item {
	z-index:2;
}
.isotope-hidden.isotope-item {
	z-index:1;
}

/**** Isotope CSS3 transitions ****/

.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.6s;
     -moz-transition-duration: 0.6s;
      -ms-transition-duration: 0.6s;
       -o-transition-duration: 0.6s;
          transition-duration: 0.6s;
}
.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}
.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:         top, left, opacity;
          transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}

/* End: Recommended Isotope styles */




/* ------------------- media queries ------------------- */
@media only screen and (min-width: 960px) and (max-width: 1600px) {
	.elastislide-horizontal { padding:29px 102px; }
	.elastislide-horizontal nav span { left:24px; }
	.elastislide-horizontal nav span.elastislide-next { right:24px; }
}

@media only screen and (min-width: 960px) and (max-width: 1439px) {
	.elastislide-horizontal { padding:29px 158px; }
	.elastislide-horizontal nav span { left:64px; }
	.elastislide-horizontal nav span.elastislide-next { right:64px; }
}
@media only screen and (min-width: 960px) and (max-width: 1365px) {
	.elastislide-horizontal { padding:29px 122px; }
	.elastislide-horizontal nav span { left:34px; }
	.elastislide-horizontal nav span.elastislide-next { right:34px; }
}
@media only screen and (min-width: 960px) and (max-width: 1279px) {
	.elastislide-horizontal { padding:29px 78px; }
	.elastislide-horizontal nav span { left:10px; }
	.elastislide-horizontal nav span.elastislide-next { right:10px; }
}
@media only screen and (min-width: 960px) and (max-width: 1123px) {
	.elastislide-horizontal { padding:29px 88px; }	
	.elastislide-horizontal nav span { left:16px; }
	.elastislide-horizontal nav span.elastislide-next { right:16px; }
}



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

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

@media only screen and (min-width: 768px) and (max-width: 959px) {

	#menu-wrapper, .sm_container, .entry-body, .entry-body-single, .sidebar-wrapper, .portfolio-filter, .slide-details-container, .thumb-nav-container, .contact-body { 
		width:768px; 
	}
	
	.ssbar {
		width:272px;
	}
	
	#left {
		width:426px;
		left:272px;
	}
	#right {
		width:272px;
		left:272px;
	}
	#content_child {
		right:272px;
	}

	#sidebar { /* we just change the left / right paddings for the sidebar, not its actual content width :) */
		padding:48px 32px 10px 32px;	
	}
	
	.full-content { width:698px; }
	
	/* footer styles */
	.fthree-wrapper { width:804px; }
	.fbox, .farea { width:232px; }
	
	.sf-menu li a { padding:22px 16px 22px 16px; }
	
	
	/* service styles */
	.service-wrapper { width:192px;	}
	.service-block { width:191px; }
	.service-title a { padding:11px 20px 9px 20px; }
	.service-content { padding:19px 20px 19px 20px; width:151px; }
	
	/* column styles */
	.one-half { margin-right:27px; width:48%; }
	.one-third { margin-right:24px; }
	.one-fourth { margin-right:27px; }
	.two-third { margin-right:27px; }	
	.three-fourth { margin-right:27px; }
	.intone-half { margin-right:24px; }


	.portfolio1-list { width:594px; margin-left:87px; }
	.portfolio2-list { width:700px; }
	
	
	.port2-img { width:290px; height:174px; }
	.port2-content { width:350px; padding-bottom:10px; }
	
	.port2-content .port2-title { margin:20px 0 0 0; }

	div.gallery { width:430px; }
	
	.elastislide-horizontal { padding:29px 62px; }
	.elastislide-horizontal nav span { left:32px; }
	.elastislide-horizontal nav span.elastislide-next { right:32px; }

	.thumb-nav { bottom:56px; }
	
	.slide-details { bottom:14px; }	
	
	.slide-details-container h2 { padding:10px 22px 10px 22px; font-size:18px; }		
	
	/* blog resizing styles */
	.vpost-container, .pagination-blog { width:426px; }
	.bimg-landscape { width:426px; height:163px; }
	
	
	table td:nth-child(4),
	table th:nth-child(4) {display: none;}
	
	/* contact styles */
	.contact-content { width:426px; }	
	.contact-textarea { height:136px; width:244px; }

}



/*  #Mobile (Portrait)
================================================== */

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

@media only screen and (max-width: 767px) {
	#menu-wrapper, .sm_container, .entry-body, .entry-body-single, .sidebar-wrapper, .portfolio-filter, .slide-details-container, .thumb-nav-container, .contact-body { 
		width:320px; 
	}
	#left {/* content with sidebar width */
		width:280px;
		padding:20px;
	}
	
	
	.full-content { /* fullwidth content wrapper */
		width:250px;
	}		
	.ssbar, #right { display:none; }
	
	/* footer styles */
	.fthree-wrapper {
		width:100%;
	}
	.fbox, .farea {
		width:100%;
		padding:0;
		margin-bottom:30px;
	}
	.fbox h3 { padding-bottom:2px;}
	.fwline { margin-bottom:10px;}
	.sf-menu li a { padding:22px 14px 22px 14px; }
	
	/* column styles */
	.one-half, .half-box, .thalf-box, .one-third, .two-third, .one-fourth, .three-fourth, .intone-half, .intone-third {
		width:100%;
		margin:0;
		padding-bottom:18px;
	}
	
	table td:nth-child(2),
	table th:nth-child(2) { display:none; }
	
	table td:nth-child(4),
	table th:nth-child(4) { display:none; }
	
	.sf-menu { display:none; } /* disable the default menu */
	.selectnav { display:block; } /* enable the responsive menu */	


	.portfolio-filter li { padding:0 11px 0 11px; }
	
	.portfolio1-list, .portfolio2-list { width:296px; margin:0 0 12px 12px; }
	
	
	.port2-img { width:296px; height:178px; } 
	.port2-content .port2-title { margin-top:20px; width:100%; }
	.port2-content { width:246px; padding-bottom:10px; min-height:60px; height:auto !important; height:60px; margin:0 20px 0 20px; }
	
	div.gallery { width:250px; padding:0; margin:0 0 20px 0; }		
	
	/* image alignment styles */	
	a img.aligncenter { display: block; margin-left: auto; margin-right: auto; }	
	.alignright, .alignright img, .alignleft, .alignleft img, .aligncenter, .aligncenter img { float: none !important; max-width: 100%; height: auto; margin: 1em auto; display: block; }
	
	.elastislide-horizontal { padding:6px 96px 0px 96px;  }
	.elastislide-horizontal nav span { left:18px; top:26%; }
	.elastislide-horizontal nav span.elastislide-next { right:18px; }
		
		
	.slide-details { bottom:8px; }		
	.slide-details-container h2 { padding:10px 22px 10px 22px; font-size:18px; }
	.thumb-nav-container, .slide-details { display:none; }
	
	/* blog resizing styles */
	.vpost-container, .pagination-blog { width:280px; }
	.bimg-landscape { width:280px; height:107px; }
	.post-category br { display:block; }
	.b-separator { display:none; }
	.entry-block { padding:5px 0 22px 0; }
	.entry-block .fline { margin-top:0px; }
					
			
	table td:nth-child(2),
	table th:nth-child(2) {display: none;}	
	
	table td:nth-child(4),
	table th:nth-child(4) {display: none;}	
	
	/* contact styles */
	.contact-content { width:250px; padding:25px 35px 25px 35px; }
	.contact-textarea { height:156px; width:244px; }			
}





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

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

@media only screen and (min-width: 480px) and (max-width: 767px) {
	#menu-wrapper, .sm_container, .entry-body, .entry-body-single, .sidebar-wrapper, .portfolio-filter, .slide-details-container, .thumb-nav-container, .contact-body { 
		width:480px;
	}
	#left {/* content with sidebar width */
		width:410px; 
		padding:35px;
	}
	.full-content { /* fullwidth content wrapper */
		width:410px; 
	}

	.portfolio-filter li { padding:0 18px 0 18px; }
	
	.portfolio1-list { width:296px; margin-left:92px; }
	
	.portfolio2-list { width:456px; }
	.portfolio2-list li {
		width:366px; margin-left:44px;
	}
	
	
	.port2-img { width:366px; height:220px; }
	.port2-content .port2-title { margin-top:20px; width:100%; }
	.port2-content { width:314px; padding-bottom:10px; margin:0 20px 0 20px; display:block; }


	div.gallery { width:410px; }	
	
	.elastislide-horizontal { padding:29px 96px; border:0 none; }
	.elastislide-horizontal nav span { left:18px; top:40%; }
	.elastislide-horizontal nav span.elastislide-next { right:18px; }
	
	.slide-details { bottom:8px; display:block; }		
	.slide-details-container h2 {
		padding:10px 22px 10px 22px;
		font-size:18px;
	}
	
	/* blog resizing styles */
	.vpost-container, .pagination-blog { width:412px; }
	.bimg-landscape { width:412px; height:157px; }	
	.post-category br { display:block; }	
	.b-separator { display:none !important; }
	.entry-block { padding:5px 0 30px 0; }
	.entry-block .fline { margin-top:8px; }
	
	
	/* contact styles */
	.contact-content { width:410px; padding:25px 35px 25px 35px; }	
	.contact-textarea { height:156px; width:294px; }	
}