/*
Theme Name: Del Sol Photography
Author: Westwerk Design
Author URI: http://westwerkdesign.com/
Version: 1.0
*/

/* ---------------------------------------- */
/* Base structure
/* ---------------------------------------- */

html, body { height:100%;background: #fff;-webkit-font-smoothing: antialiased;}
body { margin:0; padding:0 }
body { font-size:12px;font-family:"proxima-nova", Helvetica, sans-serif; color:#000; background:#fff; }
fieldset { margin:0; padding:0; border:0; background:none }
a { text-decoration:none }
* { -webkit-tap-highlight-color:rgba(0,0,0,0) }
h1, h2, h3, h4, h5, h6 { color:#000 }
h1 { font-size:300%!important; line-height:42px }
h2 { font-size:200%!important; line-height:30px }
h3 { font-size:150%!important; line-height:22px }
h4 { font-size:120%!important; line-height:20px }
h5 { font-size:100%!important; line-height:18px }
h6 { font-size:70%!important; line-height:14px; text-transform:uppercase }

/* ---------------------------------------- */
/* Common Classes
/* ---------------------------------------- */

a { -webkit-transition:color .1s linear; -moz-transition:color .1s linear; -o-transition:color .1s linear; -ms-transition:color .1s linear; transition:color .1s linear }
a:hover {
	text-decoration: underline;
}

.portfolio-content .mosaic .entry-hover,
.navigation-posts a:hover,
.more-link:hover,
.button:hover,
.flex-direction-nav li .next:hover,
.flex-direction-nav li .prev:hover { -webkit-transition:background-color .1s linear; -moz-transition:background-color .1s linear; -o-transition:background-color .1s linear; -ms-transition:background-color .1s linear; transition:background-color .1s linear }

#logo,
#sidebar ul,
.portfolio-content .display, .filters,
.contactform,
#sidebar .widget ul,
.widget-area .widget ul,
.single-portfolio .images { list-style:none; margin:0; padding:0 }

.drop-menu:after,
.nav-top .expand-button .icon,
.info,
.navigation .icon,
.display-mode .mosaic,
.display-mode .full,
.comment-reply-link,
.comment-edit-link,
span.icon { background:url(images/sprite.png) no-repeat }

.clear { clear:both; display:block; font-size:0; height:0; line-height:0; width:100% }
.clearfix:before, .clearfix:after { content:""; display:block; height:0; overflow:hidden }
.clearfix:after { clear:both }
.clearfix { zoom:1 }
.clear.min {display: none;}
.clear.med {display: none;}
.clear.large {display: block}

.aligncenter { margin-left:auto; margin-right:auto; display:block; clear:both }
.alignleft,
.left { float:left }
.alignright,
.right { float:right }

.left { margin:0 20px 20px 0 }
.right { margin:0 0 20px 20px }

.wp-caption { margin-top:10px 0 20px 0; max-width:500px; padding:10px }
.wp-caption img { display:block; margin:0 auto }
.wp-caption .wp-caption-text, .gallery-caption { font-size:12px; }
.wp-caption .wp-caption-text { margin-bottom:10em; padding:10px 0 5px 40px; position:relative; }

.blog .sticky .entry-header .entry-meta { clip:rect(1px 1px 1px 1px); /* IE6, IE7 */ clip:rect(1px, 1px, 1px, 1px); position:absolute !important }
.gallery-caption { font-size: 12px }
.bypostauthor { }

p { margin:0 0 10px 0; line-height: 180%; }

blockquote { color:#999; margin:0 0 10px 0; padding:5px 20px 5px 40px; background:url(images/quote.png) no-repeat 10px 10px; line-height:20px!important; font-size:110%!important }
cite { font-weight:bold; color:#666; display:block; padding:10px 0 0 0 }

img, object, embed { max-width:100% }
img { height:auto; border:0 }

span.icon { display:inline-block }


.nav-top .expand-button .icon,
.expand-button .icon { width:20px; height:20px; margin:0 10px 0 0 }
.nav-top .expand-button .icon { background-position:-75px -33px }
.expand-button .icon { background-position:-100px -33px }
.nav-top .expand-button:hover .icon { background-position:-75px -58px }
.expand-button .icon:hover { background-position:-100px -58px }

.backtop-button .icon { background-position:0 -33px }
.backtop-button:hover .icon { background-position:0 -58px }

.close-box { display:inline-block; overflow:hidden; margin:0 5px 0 0; width:10px; height:0; padding:10px 0 0 0; background:url(images/alert-close.png) no-repeat }

#logo .description,
#sidebar .menu .sub-menu a,
.entry-utility div,
.portfolio-content .entry-title,
.single-portfolio .entry-title,
.filters li,
.more-link,
.navigation-posts a,
.page-title,
blockquote { font-style:italic!important }

/* ---------------------------------------- */
/* Shortcodes
/* ---------------------------------------- */

/* Tabs */

.ui-tabs .ui-tabs-hide { position:absolute; left:-10000px }
.tabs { margin:0 0 20px 0 }
.tabs ul.nav { list-style:none; margin:0; padding:0 }
.tabs ul.nav li { float:left; position:relative; margin:0 5px -1px 0; z-index:10 }
.tabs ul.nav li a { border-bottom:none; display:block; overflow:hidden; padding:5px 7px 10px; margin:0; -webkit-border-radius:3px 3px 0 0; -moz-border-radius:3px 3px 0 0; border-radius:3px 3px 0 0 }
.tabs ul.nav li.ui-tabs-selected a { background:#eaeaea }
.tabs .tab { padding:10px; background:#eaeaea; -webkit-border-radius:0 0 3px 3px; -moz-border-radius:0 0 3px 3px; border-radius:0 0 3px 3px }

/* Accordion */

.accordion { margin:0 0 20px 0 }
.accordion h4 { padding:10px; cursor:pointer; margin:0; background:#eaeaea; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; margin:0 0 5px 0; outline:none }
.accordion h4:hover { background:#e5e5e5 }
.accordion .accordion-wrap { padding:10px }
.accordion .ui-icon { background:url(images/accordion-open.png) no-repeat center; width:16px; height:16px; float:left; margin:0 10px 0 0 }
.accordion .ui-state-active .ui-icon { background:url(images/accordion-closed.png) no-repeat center }

/* Alert */

.alert { display:block; padding:15px 25px; margin:0 0 20px 0; background:#eaeaea; text-align:center; line-height:18px }
.alert .close { display:block; background:url(images/alert-close.png) no-repeat; width:10px; height:10px; float:right; margin:0 -10px 10px 10px; cursor:pointer }
.alert.red { background:#fcc; color:#c33 }
.alert.orange { background:#ffc; color:#c60 }
.alert.green { background:#cfc; color:#693 }

/* Buttons */

.more-link,
.navigation-posts a,
.button { text-shadow:none; display:inline-block; padding:7px 12px; background:#282a2d; color:#eaeaea; border:0; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; font-weight:bold; margin:0 2px 5px; cursor:pointer; line-height:none!important }
.button:hover { color:#FFF }
.button.small { padding:5px 7px; font-size:10px }
.button.large { padding:12px 15px; font-size:14px }
.button.extralarge { padding:15px 20px; font-size:18px }

.gform_button.button { background:#9E7919;color: #fff; }
.grey .button { background-color:#999 }
.black .button { background-color:#282a2d }
.white .button { background-color:#eaeaea; color:#282a2d }
.red .button { background-color:#ac3131 }
.orange .button { background-color:#cc6633 }
.yellow .button { background-color:#efc532 }
.yellow.button { background-color:#8b6600;opacity: 1 !important; }
.green .button { background-color:#92ba27 }
.blue .button { background-color:#66cbe4 }
.purple .button { background-color:#8869d6 }
.pink .button { background-color:#dd71d7 }

.brown .button:hover,
.grey .button:hover,
.black .button:hover,
.white .button:hover,
.red .button:hover,
.orange .button:hover,
.yellow .button:hover,
.green .button:hover,
.blue .button:hover,
.purple .button:hover,
.pink .button:hover { background-color:#282a2d; color:#FFF; -webkit-transition:background-color .1s linear; -moz-transition:background-color .1s linear; -o-transition:background-color .1s linear; -ms-transition:background-color .1s linear; transition:background-color .1s linear }
.gform_button.button:hover {
	color: #fff;
	background:#9E7919
}
/* Columns */

.one_twelfth, .one_sixth, .one_fourth, .one_third, .two_fifth, .one_half, .three_fifth, .two_third, .three_fourth, .five_sixth, .eleven_twelfth { margin-right:3.8%; margin-bottom:20px; float:left; min-height:1px }
.one_twelfth { width:4.85% }
.one_sixth { width:13.45% }
.one_fourth { width:22.05% }
.one_third { width:30.75% }
.two_fifth { width:39.45% }
.one_half { width:48% }
.three_fifth { width:56.75% }
.two_third { width:65.4% }
.three_fourth { width:74.05% }
.five_sixth { width:82.7% }
.eleven_twelfth { width:91.35% }
.full_width { width:100%; float:left }
.last { margin-right:0!important }
.row { padding:100px;}

.two_third.padding{
	margin-right: 0;
	padding-right: 3.8%;
}
.one_half.padding.last {
	padding-right: 0;
}
.photographer_list {
	
}

/* ---------------------------------------- */
/* Setup document
/* ---------------------------------------- */

#container { overflow:hidden }
.page #page,
.single #page,
.archive #page,
.single #page,
.blog #page,
.search #page { width:auto }
.single-portfolio #primary,
.single-portfolio .navigation,
.single-portfolio .post { width:auto }
.page-template-template-contact-php .post { width:700px }
.archive.tax-categories-portfolio #primary,
.archive.tax-categories-portfolio #page,
.page-template-template-portfolio-php #page { width:auto }
.single-portfolio #page,
.page-template-template-full-width-php #page { width:auto; padding-right:30px }

.entry-title { 	
	font-family: "Bodoni MT";
	font-style: normal;
	text-transform: uppercase;
	width: 100%;
	display: block;
	margin: 0;
	font-weight: lighter !important;
	font-size: 42px !important; 
}
.archive .entry-title,
.single .entry-title,
.blog .entry-title,
.search .entry-title { font-weight:bold; margin-right:240px }
.post-thumb { width:940px; height:auto; overflow:hidden; margin:0 }
.entry { padding:125px 50px 50px}
.archive .entry,
.single .entry,
.blog .entry,
.search .entry { margin-right:240px }
.navigation-posts a,
.more-link { color:#eaeaea }
.navigation-posts a:hover,
.more-link:hover { color:#eaeaea!important }
.page-title { clear:both; font-weight:normal; padding-bottom:10px; margin:0 0 10px 0 }

.respond-wrap .title,
#comments .title,
.feedback_wrap .title,
.page-title { font-size:160%!important }

.nav-top, .widget-top,
#content { margin-left:175px }
#content {
	max-height: 100%;
	height: auto;
	background: white;
	width: auto;
	position: relative;
	padding: 5px 0 0 5px;
	min-height: 500px;
}
.header-content-container { padding:0; margin:0; width:auto }
.header-content { font-weight:normal; font-size:240%!important; margin:0 0 15px 0 }

#footer { color:#999; line-height:16px; border-top:1px solid #dbdbdb; margin-top:20px; margin-right:30px; padding:20px 0; width:auto }
.single-gallery {background: #101010;}
.single-gallery #header{display: none;}
.single-gallery #content { margin-left:0;background: #101010;padding:0;}
#galleria {
    max-width:100%; /* defines a responsive width */
}

/* ---------------------------------------- */
/* Header (Sidebar, Navigation & Widgets)
/* ---------------------------------------- */

/* Logo (Main & Small) */

#logo { margin:50px 0 25px 0; }
#logo .text { font-size:32px; color:#FFF; font-weight:bold }
#logo .small { width:60px; height:auto; float:left; margin-left:-80px }
#logo a { padding:20px 0; display:block }
#logo .description { color:#666; width:170px; margin:10px 0; display:block }

/* Sidebar */

#header { top:0; position:absolute; padding:0 20px; width:135px; -webkit-user-select:none }
#header.fixed { position:fixed; height:100%; background: #dcdcdc; }
#sidebar { width:135px; top:0; line-height:18px; position:absolute }
.widget-top a,
#sidebar a { color:#CCC }
#sidebar .separator,
#sidebar .backtop-button,
#sidebar .expand-button { display:block; width:inherit; margin:0 0 20px 0; overflow:hidden }
#sidebar .expand-button .icon { cursor:pointer }
#sidebar .backtop-button { position:fixed; bottom:0; line-height:20px }
#header.fixed .backtop-button { position:static }
#sidebar .backtop-button .icon { float:left; width:20px; height:20px; margin:0 10px 0 0 }
#sidebar .separator { padding:0; cursor:auto; clear:both }
#sidebar .line { border-bottom:1px solid rgba(255,255,255,0.1); display:inline-block; margin-bottom:10px; margin-right:10px; padding-top:10px; width:70px }
#sidebar .separator .line { width:100px; margin:0; padding:0 }
#container.expanded #sidebar .menu,
#sidebar .menu { padding:0; margin:0 0 20px; display:block }
#container.expanded #sidebar .menu a,
#sidebar .menu a {
	color: #3b3b3b;
	font-size: 14px;
	font-weight: lighter;
	font-style: normal;
	display: block;
	padding: 5px 0 1px;
	float: left;
	font-family: "Bodoni";
	text-transform: uppercase;
	margin-bottom: 1px;
}
#sidebar .menu li.current_page_item a, #sidebar .menu a:hover {
	color: #8a8a8a !important;
	border-bottom: 1px solid #C5AF75;
	margin-bottom:1px;
	text-decoration: none;
}
#sidebar .menu li { margin:5px 0;width:100%;display: block;clear:both;min-height: 25px; }
#sidebar .menu .sub-menu { display:none; margin-left:10px }
#sidebar .menu .sub-menu a { font-weight:normal; padding:5px 0; font-size:100% }
#sidebar .sub-menu ul { border-left:0 }
#sidebar .drop-menu:after { content:""; display:block; float:right; width:11px; height:11px; overflow:hidden; background-position:-122px 0; margin:3px 0 0 0 }
#sidebar .drop-menu:hover:after { background-position:-122px -16px }
#sidebar .drop-menu.open:after { background-position:-134px 0 }
#sidebar .drop-menu.open:hover:after { background-position:-134px -16px }
#sidebar input[type=text], .textfield { background:#fff; color:#666; border:1px solid #626262;border-radius: 15px;}
#sidebar input[type=text]:focus, .textfield:focus { color:#999 }

.sidebar_search {overflow: hidden;margin-top: 75px;min-height: 30px;}
#sidebar input#s {
background:url(images/search-icon.png) no-repeat 105px center;
left: -102px;
border: none;
position: relative;
transition: all 0.5s;
-moz-transition: all 0.5s; /* Firefox 4 */
-webkit-transition: all 0.5s; /* Safari and Chrome */
-o-transition: all 0.5s; /* Opera */
width: 90%;
padding: 5px 4% !important;
border-radius: 0;
cursor: pointer;
}

.widget-top .widget,
#sidebar .widget { margin:0 0 20px }
.widget-top .widget-title,
#sidebar .widget-title { color:#FFF; font-size:130%!important; font-weight:bold }
.widget li { margin-bottom:5px }
.side_socials {
	float: left;
	padding: 0 0 2px 0;
	margin: 30px 10px 0 0;
	color: #393939;
	text-transform: uppercase;
}
.nav-top .side_socials {
	float: none;
	margin: auto 30% 20px;
}
.side_socials ul {
	margin: 5px 0 0 0 !important;
	padding: 0;
}
.side_socials ul li {
	list-style-type: none;
	display: inline-block;
	margin-right: 3px;
}
.side_socials ul li a {
	display: block;
	width: 21px;
	height: 21px;
	background: url(images/social-sprites.png) no-repeat;
}
.side_socials ul li a.facebook {background-position:0 0;}
.side_socials ul li a.pinterest {background-position:-23px 0;}
.side_socials ul li a.twitter {background-position:-47px 0;}
.side_socials ul li a.instagram {background-position:-72px 0;}
.side_socials ul li a.gplus {background-position:0 -25px;}
.side_socials ul li a.bdw {background-position:-24px -25px;}
.side_socials ul li a.linkedin {background-position:-48px -25px;}
.side_socials ul li a.skype {background-position:-72px -25px;}
.side_socials ul li a.rss {background-position:0 -50px;}
.side_socials ul li a.vimeo {background-position:-24px -50px;}
.side_socials ul li a.youtube {background-position:-48px -50px;}
/* Widget:Networks */

.hc_network_widget a { font-style:italic; color:#999; padding:0; margin:0 0 5px 0; display:block; font-size:12px!important; line-height:18px }
.hc_network_widget ul { margin:0; padding:0; list-style-type:none }
.hc_network_widget .icon { width:18px; height:18px; margin:3px 7px -5px 0; background:url(images/social-icons.png) no-repeat }
.hc_network_widget .icons a { float:left; width:20px; height:20px; padding:0; margin:0 10px 10px 0; overflow:hidden }
.hc_network_widget .icons .icon { margin:0 }
.hc_network_widget .twitter .icon { background-position:0 0 }
.hc_network_widget .twitter:hover .icon { background-position:0 -20px }
.hc_network_widget .facebook .icon { background-position:-20px 0 }
.hc_network_widget .facebook:hover .icon { background-position:-20px -20px }
.hc_network_widget .feed .icon { background-position:-40px 0 }
.hc_network_widget .feed:hover .icon { background-position:-40px -20px }
.hc_network_widget .vimeo .icon { background-position:-60px 0 }
.hc_network_widget .vimeo:hover .icon { background-position:-60px -20px }
.hc_network_widget .youtube .icon { background-position:-80px 0 }
.hc_network_widget .youtube:hover .icon { background-position:-80px -20px }
.hc_network_widget .dribbble .icon { background-position:-100px 0 }
.hc_network_widget .dribbble:hover .icon { background-position:-100px -20px }
.hc_network_widget .linkedin .icon { background-position:-120px 0 }
.hc_network_widget .linkedin:hover .icon { background-position:-120px -20px }
.hc_network_widget .flickr .icon { background-position:-140px 0 }
.hc_network_widget .flickr:hover .icon { background-position:-140px -20px }
.hc_network_widget .googleplus .icon { background-position:-160px 0 }
.hc_network_widget .googleplus:hover .icon { background-position:-160px -20px }
.hc_network_widget .tumblr .icon { background-position:-180px 0 }
.hc_network_widget .tumblr:hover .icon { background-position:-180px -20px }
.hc_network_widget .instagram .icon { background-position:-200px 0 }
.hc_network_widget .instagram:hover .icon { background-position:-200px -20px }

/* Widget:Twitter */

.hc_twitter_widget ul { margin:0; padding:0; list-style-type:none }
.hc_twitter_widget li { font-size:13px!important; margin:0 0 15px 0 }
.hc_twitter_widget li:last-child { margin-bottom:20px }
.hc_twitter_widget ul span { display:block }
.hc_twitter_widget ul span a { font-style:italic; font-size:12px!important }
.hc_twitter_widget .twitter-link { font-style:italic; }
.hc_twitter_widget .twitter-link .icon { width:18px; height:18px; margin:3px 7px -5px 0; background:url(images/social-icons.png) 0 0 no-repeat }
.hc_twitter_widget a:hover .icon { background-position:0 -20px }

/* Navigation for mobile device */

.nav-top { display:none; position:relative; padding:20px 10px 5px 10px }
.nav-top .expand-button .icon { margin-bottom:-5px }
.nav-top .expand-button { cursor:pointer;}
.nav-top .title { text-align:center; width:300px; height:auto; font-weight:normal; margin:0 0 20px -700px; font-size:32px!important; color:#999; opacity:0 }
.nav-top input {
	width: 50%;
	margin: 0 auto 15px !important;
	float: none;
	display: block;
}
.nav-top .mobile_menu {
	width: 50%;
	margin: 0 auto 15px !important;
	float: none;
	display: block;
}
.nav-top .mobile_menu select {
	width: 100%;
}
/* Widget Area on the top */

.widget-top { background:url(images/bgtexture_dark.png); padding-left:30px; position:relative; color:#999; padding-top:3px; margin-bottom:-10px; padding-bottom:10px }
.widget-top { -webkit-box-shadow:inset 0px 5px 10px rgba(0,0,0,0.2); -moz-box-shadow:inset 0px 5px 10px rgba(0,0,0,0.2); box-shadow:inset 0px 5px 10px rgba(0,0,0,0.2) }
.widget-top .expand-button { cursor:pointer; background:-150px -33px url(images/sprite.png); width:20px; height:20px; display:block; position:absolute; right:10px; bottom:-2px; z-index:10 }
.widget-top .expand-button:hover { background-position:-150px -58px }
.widget-top .widget-area { padding:15px 30px 0 0; display:none }
.widget-top .widget-area.open { display:block }

/* Expanded sidebar */

#container.expanded #sidebar .separator,
#container.expanded #sidebar .expanded-item { margin-left:0; width:auto }
#container.expanded #sidebar .expanded-item .icon { margin-left:0 }
#container.expanded #sidebar .hc_network_widget { margin-left:0; width:auto }
#container.expanded #sidebar .backtop-button { width:auto; height:auto; padding:0 }
#container.expanded #sidebar .hc_network_widget a { width:auto; height:auto; padding:0; margin:0 0 5px 0; display:block }
#container.expanded #sidebar .hc_network_widget .icon { width:18px; height:18px; margin:3px 7px -5px 0 }
#container.expanded #sidebar .hc_network_widget .icons a { float:left; width:20px; height:20px; padding:0; margin:0 10px 10px 0; overflow:hidden }

/* Contracted sidebar */

#container.contracted #sidebar .menu { margin-left:-70px }
#container.contracted #sidebar .menu a { padding-left:80px }
#container.contracted #sidebar .separator,
#container.contracted #sidebar .expanded-item { margin-left:-70px; width:40px }
#container.contracted #sidebar .expanded-item .icon { margin-left:10px }
#container.contracted #sidebar .hc_network_widget { margin-left:-60px; width:20px }
#container.contracted #sidebar .backtop-button { width:40px; height:20px; padding:0 }
#container.contracted #sidebar .hc_network_widget a { width:18px; height:18px; padding:0; margin:0 10px 10px 0; overflow:hidden }
#container.contracted #sidebar .hc_network_widget .icon { margin:0 }

/* ---------------------------------------- */
/* CATEGORY FILTERS
/* ---------------------------------------- */
.category_filter {
	position: fixed;
	right: 0;
	top: 0;
	z-index: 55;
	background: #252525 url(images/filter-bkg.gif) repeat-y right top;
}

.category_filter .filters {
	padding: 0 0 10px 0;
	float: right;
	min-height: 100px;
	min-width: 200px;
}
.category_filter .categories {
	float: right;
	width: 155px;
}
.category_filter .categories span.filter_link {
	height: 22px;
	width: 119px;
	display: block;
	background: #E8E6E6;
	padding:10px 18px;
	position: relative;
	right: 0;
	top: 0;
}
.category_filter .categories span.filter_link a {
	text-transform: uppercase;
	background: white url(images/cat_button.gif) no-repeat right top;
	display: block;
	padding: 3px 40px 1px 10px;
	font-family: "Bodoni MT";
}
.category_filter .categories .cats_list {
	float: left;
	width: 155px;
	padding: 10px 10px 10px 0;
	background: white;
	font-family: "Bodoni MT";
}
.category_filter .categories .cats_list ul {
	margin: 10px 0 40px;
	padding: 0;	
}
.category_filter .categories .cats_list ul li {
	list-style-type: none;
	margin: 5px 0;
	padding: 10px;
	display: block;
	font-size: 14px;
	cursor: pointer;
	color: #373737;
}
.category_filter .categories .cats_list ul li:hover,.category_filter .categories .cats_list ul li.selected {
	background: #E8E6E6;
}
.category_filter .categories .cats_list ul li a.selected,.category_filter .categories .cats_list ul li a:hover {
	color: #000;
}
.filters ul.lists {
	margin: 0;
	padding: 5px 25px;
	float: left;
	display: block;
}
.filters ul.lists li {
	list-style-type: none;
	display: inline-block;
	min-width: 100px;
}
.filters ul.sublist {
	margin: 0 10px 0 0;
	padding: 0;
}
.filters ul.sublist h4 {
	text-transform: uppercase;
	color: #6d6d6d;
	font-family:"proxima-nova", Helvetica, sans-serif;
	font-size:14px !important;
	margin: 15px 0 5px 0;
	float: 	left;
}
.filters ul.sublist li {
	list-style-type: none;
	color: #fff;
	text-transform: uppercase;
	display: block;
	clear:both;
	font-style: normal !important;
	font-weight: lighter;
	font-size: 13px;
	font-family:"proxima-nova", Helvetica, sans-serif;
	padding-left: 25px;
	background: url(images/filter-radios.png) no-repeat left -21px;
	cursor: pointer;
}
.filters ul.sublist li.selected,.filters ul.sublist li:hover {
	background-position: 0 0;
	color: #6d6d6d;
}
.filters .submit {
	width: 170px;
	margin: 0 auto;
	padding: 0 25px;
}
.filters .submit a {
	font-weight: lighter !important;
	text-transform: !important;
	margin:5px 10px 10px;
}

/* ---------------------------------------- */
/* Single POSTS
/* ---------------------------------------- */
.lost_content{padding: 50px;}
.lost_content h2.entry-title{margin-bottom: 20px;}
.lost_content span.error {
	float: left;
}
.lost_content ul {
	margin: 15px 0 25px 0 !important;
	padding: 0;
}
.lost_content ul li {
	list-style-type: none;
	display: inline-block;
	margin-right: 8px;
}
.lost_content ul li a {
	display: block;
	width: 30px;
	height: 30px;
	background: url(images/social-sprites.png) no-repeat;
	background-size: 100% 100% !important;
}
.lost_content ul li a.facebook {
background: url(images/retina/fb-icon-retina.png) no-repeat center center !important;
background-size: 100% 100% !important;
}
.lost_content ul li a.twitter {
background: url(images/retina/twitter-icon-retina.png) no-repeat center center !important;
background-size: 100% 100% !important;
}
.lost_content ul li a.pinterest {
background: url(images/retina/pin-icon-retina.png) no-repeat center center !important;
background-size: 100% 100% !important;
}
.lost_content ul li a.gplus {
background: url(images/retina/gplus-icon-retina.png) no-repeat center center !important;
background-size: 100% 100% !important;
}
.lost_content ul li a.instagram {
background: url(images/retina/instagram-icon-retina.png) no-repeat center center;
}
.lost_content ul li a.bdw {
background: url(images/retina/bdw-icon-retina.png) no-repeat center center;
}
.lost_content ul li a.linkedin {
background: url(images/retina/linkedin-icon-retina.png) no-repeat center center;
}
.lost_content ul li a.rss {
background: url(images/retina/rss-icon-retina.png) no-repeat center center;
}
.lost_content ul li a.vimeo {
background: url(images/retina/vimeo-icon-retina.png) no-repeat center center;
}
.lost_content ul li a.youtube {
background: url(images/retina/youtube-icon-retina.png) no-repeat center center;
}

.error .facebook {
	background: url(images/retina/fb-icon-retina.png) no-repeat center center;
	background-size: 100% 100%;
}
.error .twitter {
	background: url(images/retina/twitter-icon-retina.png) no-repeat center center;
	background-size: 100% 100%;
}

.single .post { padding:0; background:none; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none }
.single .entry { margin:0; padding:0 }
.left-portfolio {
	width: 60%;
	float: left;
}
.left-portfolio ul {
	margin: 0;
	padding: 0;
}
.left-portfolio ul li {
	list-style-type: none;
	padding: 0;
	display: block;
	position: relative;
	max-width: 1200px;
}
.left-portfolio ul li span {
	width: 96%;
	position: absolute;
	bottom: 4px;
	height: 20px;
	background: url(images/caption_bkg.png) repeat;
	color: white;
	padding: 14px 2% 11px;
	font-size: 14px;
}
.left-portfolio ul li:hover span {
	display: block !important;
}
.left-portfolio img {
	width: 100%;
	height: auto;
	max-width: 1200px;
}
.left-portfolio ul li.half {
	width: 49.5%;
	float: left;
	margin-right: 1%;
}
.left-portfolio ul li.half.odd {
	margin-right: 0;
}
.right-portfolio {
	min-height: 100%;
	width: 30%;
	float: left;
	padding: 0 50px 50px;
	position: fixed;
	left: 64.5%;
	margin: 0;
}
.right-portfolio-inside {
	padding-top: 125px;
	padding-bottom: 50px;
	float: left;
	width: 100%;
}
.title-meta {
	width: 100%;
	display: block;
	height: 60px;
	margin: 10px 0;
}
.title-meta .slide-link {
	float: left;
	display: block;
	font-size: 14px;
	margin: 0;
	font-family: "Bodoni MT";
	background: url(images/arrow.gif) no-repeat left center;
	padding-left: 10px;
	cursor: pointer;
}
.title-meta .slide-link.social {
	cursor: default;
}
.title-meta .slide-link.social:hover {
	color: #282A2D;
}
.title-meta .socials {
	float: right;
	padding: 0 20px 2px 0;
	border-bottom: 1px solid #C5AF75;
	margin: 0 10px 0 0;
}
.title-meta .socials ul {
	margin: 0;
	padding: 0;
}
.title-meta .socials ul li {
	list-style-type: none;
	display: inline-block;
}
.title-meta .socials ul li a {
	display: block !important;
	width: 18px !important;
	height: 18px !important;
	background: url(images/single-socials.png) no-repeat !important;
}
.title-meta .socials ul li a.facebook {background-position:0 1px !important;}
.title-meta .socials ul li a.twitter {background-position:0 -17px !important;}
.title-meta .socials ul li.pinterest a {background: url(images/pinterest.png) no-repeat center center !important;background-size: 100% 100% !important;}
.title-meta .socials ul li a.gplus {background-position:0 -54px !important;}
.close_button {
	position: absolute;
	right: 20px;
	top:10px;
	height: 29px;
	width: 29px;
	text-indent: -99999px;
	display: block;
	background: url(images/close.png) no-repeat center center;
}
.taxonomies {
	margin: 25px 0;
	display: block;
	width: 100%;
	text-transform: uppercase;
	font-size: 12px;
	font-family: "Bodoni MT";
	float: left
}
.taxonomies ul {margin: 0;padding: 0;}
.taxonomies ul li {
	list-style-type: none;
	border-bottom: 1px solid #c5af75;
	margin-bottom: 15px;
	padding-bottom: 5px;
	float: left;
	width: 45%;
	margin-right: 10%;
}
.taxonomies ul li.even {
	margin-right: 0;
}
.taxonomies p,.taxonomies p a{
	margin: 0;
	color: #999;
}
.tag_cloud {
	margin:25px 0;
	text-transform: lowercase;
}
.tag_cloud a {
	color: #999;
	font-weight: lighter;
}
.single .hover_logo {
	width:100%;
	height: 70px;
	background: url(images/hover_logo.png) no-repeat center center;
	margin:50px 0 25px;
	opacity: 1;
	float: left;
}
.package_wrapper {
	border: 2px solid #9E7919;
	padding: 20px 5%;
	float: left;
	display: block;
	width: 89%;
	margin: 10px 0 35px 0;
    -webkit-transition: all 1s ease-out;
    -moz-transition: all 1s ease-out;
    -o-transition: all 1s ease-out;
    transition: all 1s ease-out;	
}
.package_wrapper ul {
	margin: 0;
	padding: 0;
}
.package_wrapper ul li {
	list-style-type: none;
	padding-bottom: 5px;
	border-bottom: 1px solid #9E7919;	
	margin-bottom: 10px;
}
.package_wrapper ul li h4 {
	margin: 0 0 2px 0;
	text-transform: uppercase;
	font-size: 13px !important;
}
.package_wrapper ul li p {
	color: #999;
	margin: 0;
	text-transform: uppercase;
}
.package_wrapper ul li.bold p {
	color: #9E7919;
	font-weight: bold;
}
.package_wrapper .click-more {
	color: #666;
	font-size: 14px;
	font-weight: bold;
}
.package_wrapper .details-open.click-more {
	display: block;
	text-align: center;
	margin-bottom: 20px;
}
.package-description {
	font-size: 11px;
}

/* ---------------------------------------- */
/* Portfolio
/* ---------------------------------------- */

/* Category Filter */

.filters li { float:left; margin:0 5px 5px 0; font-size:14px }
.filters li a { color:#666 }
.filters li span { color:#CCC }
.filters li:last-child span { display:none }

/* Display Mode */

.display-mode { float:right; padding:0; margin:0 }
.display-mode li { float:left; margin:0 5px 0 0; padding-top:11px; width:14px; height:0; overflow:hidden; cursor:pointer }
.display-mode li:last-child { margin-right:0 }
.display-mode .mosaic { background-position:-84px 0 }
.display-mode .mosaic:hover, .display-mode .mosaic.current { background-position:-84px -16px }
.display-mode .full { background-position:-103px 0 }
.display-mode .full:hover, .display-mode .full.current { background-position:-103px -16px }

/* Buttons */

.info { display:block; background-position:-50px -33px; width:20px; height:0; padding-top:20px; overflow:hidden; position:absolute; top:0; left:-25px }
.info:hover, .info.current { background-position:-50px -58px }

/* Portfolio */

.portfolio-content .entry-hover-mosaic { display:none }
.portfolio-content .entry-overflow { overflow:hidden }
.portfolio-content .display .post { float:left; margin:0; position:relative; background:none; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none }
.portfolio-content .entry-hover { display:none }

/* Portfolio:Mosaic */
.portfolio-content .mosaic .post { width:25%;line-height: 0;margin:0px 0 -1px 0}
.portfolio-content .mosaic .postfirst { width:50% !important;margin:0px 0 -2px 0}
.portfolio-content .mosaic .entry-overflow { width:100%;overflow:hidden;position: relative;}
.portfolio-content .mosaic .entry-hover-mosaic { display:block; width:inherit; height:100%; position:absolute; top:0; left:0; z-index:11;margin: 0;padding: 0; }
.portfolio-content .mosaic .entry-utility * { color:#FFF; border:0 }
.portfolio-content .mosaic .entry-utility div { padding:0; margin:0; opacity:0.6 }
.portfolio-content .mosaic .thumb-full { display:none }
.portfolio-content .mosaic .thumb-mosaic { display:block;margin: 0;padding: 0;}
.portfolio-content .mosaic .info { display:none }
.portfolio-content .mosaic .postfirst img {
	width: 100%;
	height: auto;
}
.portfolio-content .mosaic .post img {
	height: auto;
	width: 100%;
	display:inline-block;
	max-width: 100%;
	border-right: 5px solid white;
	border-bottom:5px solid white;
	margin-top: -5px !important;
	margin-left: -5px !important;
}
.portfolio-content .mosaic .entry-hover .hover_logo {
	width:100%;
	height: 70px;
	background: url(images/hover_logo.png) no-repeat center center;
	margin:50px 0 25px;
	opacity: 1;
}
.portfolio-content .mosaic .entry-hover .hover_logo.small {
	height: 70px;
	margin: 10% 0 0;
}
.portfolio-content .mosaic .entry-hover {
	margin-top: -5px !important;
	margin-left: -5px !important;
}
.portfolio-content .mosaic .entry-hover h1 {
	border-top: 1px solid #9e7919;
	border-bottom: 1px solid #9e7919;
	padding: 10px;
	text-align: center;
	width: 90%;
	margin: 20% auto 0;
	color: white;
	opacity: 1;
}
.portfolio-content .mosaic .entry-hover h2 {
	border-top: 1px solid #9e7919;
	border-bottom: 1px solid #9e7919;
	padding: 10px;
	text-align: center;
	width: 80%;
	margin: 25% auto 0;
	color: white;
	opacity: 1;
	font-size: 16px !important;
}
.firstpost_meta {
	text-align: center;
	opacity: 1;
	margin: 25px 0 0 0;
	color: #282828;
}
/* Portfolio:Full */

.portfolio-content .full .post { width:auto; margin-right:30px }
.portfolio-content .full .thumb-mosaic { display:none }
.portfolio-content .full .thumb-full { display:block }
.portfolio-content .full .entry-title { margin:0; font-weight:normal; font-size:160%; line-height:28px }


/* Portfolio:Common Classes */

.single .portfolio-content .entry-hover,
.portfolio-content .mosaic .entry-hover { display:none; position:absolute; top:0; left:0; width:100%; height:100%; color:#9e7919; margin:0; padding:0 }
.single .portfolio-content .entry-title,
.portfolio-content .mosaic .entry-title { margin:0 0 10px 0!important; padding:0; font-size:22px!important; font-weight:normal; text-shadow:none }
.single .portfolio-content .entry-utility,
.portfolio-content .mosaic .entry-utility { position:absolute; padding:0; height:auto; top:50%; margin:-10% 20px 10px 20px; text-align:left }
.single .portfolio-content .entry-utility div { padding:0; margin:0; float:none }
.portfolio-content .mosaic .entry-utility .icon { display:none }
.single .entry-hover,
.blog .entry-hover,
.search .entry-hover,
.archive .entry-hover,
.portfolio-content .full .entry-hover { display:none; background:none; width:140px; padding:0; margin-left:0; text-align:right; position:absolute; top:0 }
.portfolio-content .full .thumb-full { margin-left:0 }
.portfolio-content .entry-title { margin:0; padding:0 0 10px 0 } 
.portfolio-content .mosaic .date { display:none }
.tax-categories-portfolio .full .entry-utility { margin:0!important }

.portfolio-content .entry-title,
.single-portfolio .entry-title,
.entry-utility div { border-bottom:1px solid rgba(0,0,0,0.1) }

.entry-utility div { padding:10px 0 }
.entry-utility a,
.entry-utility .date,
.entry-utility .categories,
.entry-utility .comments { color:#666 }
.entry-utility .entry-title a { color:#000 }
.entry-utility .icon { display:block; float:left; width:12px; height:12px; margin:2px 10px 0 0 }
.entry-utility .comments .icon { background-position:0 0 }
.entry-utility .comments:hover .icon { background-position:0 -16px }
.entry-utility .date .icon { background-position:-17px 0 }
.entry-utility .date:hover .icon { background-position:-17px -16px }
.entry-utility .categories .icon { background-position:-34px 0 }
.entry-utility .categories:hover .icon { background-position:-34px -16px }
.entry-utility .edit-post .icon { background-position:-150px 0 }
.entry-utility .edit-post:hover .icon { background-position:-150px -16px }

.single .entry-utility, .blog .entry-utility, .archive .entry-utility, .search .entry-utility { display:block; width:200px; margin:0; padding:20px 20px 0 0; float:right }
.single-portfolio .entry-utility { float:left; width:220px; padding:0 }
.single-portfolio .entry-utility div { padding:10px 5px; overflow:hidden }
.archive.tax-categories-portfolio .entry-utility { width:auto; padding:0 }

.search .entry-utility,
.archive .entry-utility,
.single .entry-utility,
.blog .entry-utility { -webkit-transition:opacity .1s linear; -moz-transition:opacity .1s linear; -o-transition:opacity .1s linear; -ms-transition:opacity .1s linear; transition:opacity .1s linear; opacity:0.6 }
.search .entry-utility:hover,
.archive .entry-utility:hover,
.single .entry-utility:hover,
.blog .entry-utility:hover,
.single-portfolio .entry-utility,
.archive.tax-categories-portfolio .entry-utility { opacity:1 }

.search .portfolio .entry-utility .categories { display:none }

.portfolio-content .entry-utility .icon { float:right; margin:2px 0 0 10px }

.entry-utility .navigation { text-align:left; float:left; width:100%; border:0 }
.navigation a { display:inline-block; width:12px; height:12px; margin:0 10px 0 0; overflow:hidden }
.navigation .back,
.navigation .back .icon { width:14px; height:13px; margin-top:2px }
.navigation .icon { display:inline-block; width:12px; height:12px; margin:0 10px 0 0 }
.navigation .prev-posts .icon { background-position:-50px 2px }
.navigation .next-posts .icon { background-position:-67px 2px }
.navigation .back .icon { background-position:-84px 0 }
.navigation .prev-posts:hover .icon { background-position:-50px -14px }
.navigation .next-posts:hover .icon { background-position:-67px -14px }
.navigation .back:hover .icon { background-position:-84px -16px }

.navigation-posts { float:left; width:100%; text-align:center }
.navigation-posts .prev-posts,
.navigation-posts .next-posts { display:inline-block }


/* ---------------------------------------- */
/* Comments
/* ---------------------------------------- */

#comments { margin-top:20px }
.respond-wrap, .feedback_wrap, #comments {float: left;width: 100%;}
.respond-wrap .title,
.feedback_wrap .title,
#comments .title { 
	font-weight:normal; 
	margin:0 0 20px 0;
	text-transform: uppercase;
	font-family: "Bodoni";
	border-top:1px solid #9e7919;
	border-bottom: 1px solid #9e7919;
	padding: 12px 0 10px;
}
.feedback_wrap {
	background: #fafafa;
	padding: 6% 3%;
	width: 93%;
	margin: 0 0 25px;
	border: 2px solid #9e7919;
}
.feedback_wrap .gform_wrapper .gform_footer {
	margin: 0 0 20px !important;
}
.respond-wrap .title .icon,
#comments .title .icon { display:inline-block; width:12px; height:12px; margin:0 10px 0 0; background-position:0 -16px }
#comments .pinglist { margin:0 0 30px 0; padding:0 0 0 30px }
#comments .commentlist { padding:0; margin:0 0 30px 0; list-style:none; line-height:20px }
#comments .commentlist > li.comment {
	border-bottom: 1px solid #f3e0ae
}
#comments .commentlist > li.comment:last-child {
	border-bottom: none;
}
#comments .comment-author-admin {}
#comments .comment-author {}
#comments .comment-author .fn { 
	font-size: 14px;
	font-style: normal;
	color: black;
}
#comments .cite { padding-top:0 }
#comments .comment-meta { color:#9da0a4; font-size:11px; font-style: normal;}
#comments .pinglist .comment-body { font-weight:bold; color:#999; padding:0; margin:0 0 20px 0; background:none; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none }
#comments .comment-body { position:relative; padding:10px 0; margin:0 0 20px 0 }
#comments .children { list-style:none; padding:0 0 0 20px; margin:-10px 0 0 0 }
#comments .children .comment-body { padding-left:10px }
#comments .reply { position:absolute; top:20px; right:15px }
#comments .reply a { color:#999 }
#comments .comment-reply-link,
#comments .comment-edit-link { display:inline-block; width:15px; height:0; padding-top:15px; margin-right:5px; overflow:hidden; opacity:0.5 }
#comments .comment-reply-link { background-position:-170px 0 }
#comments .comment-reply-link:hover { background-position:-170px -16px; opacity:1  }
#comments .comment-edit-link { background-position:-150px 0 }
#comments .comment-edit-link:hover { background-position:-150px -16px; opacity:1 }

/* ---------------------------------------- */
/* Reply Comment
/* ---------------------------------------- */

#respond { padding:0; margin:20px 0 }
#respond input[type=text], #respond .textfield { margin:0 10px 10px 0 }
#respond #author,
#respond #email,
#respond #url { width:96% }
#respond #comment { width:96% }
#respond label span { color:#ccc }
input[type=text] {padding: 2% !important;}
input[type=text],textarea, .textfield { color:#999; background:#f4f4f4;border:none;-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;}
input[type=text]:focus, .textfield:focus { outline:none; color:#333 }
#respond textarea, .feedback_wrap textarea {
	width: 96%;
	padding: 2%;
	resize: vertical;
	border: none !important;
}
#respond .button,.feedback_wrap .button {
	background: #d2ad4a;
	color: #fff;
}
/* ---------------------------------------- */
/* Contact Form
/* ---------------------------------------- */

.contactform { width:540px }
.contactform li label { display:block; font-weight:bold; margin:0 0 10px 0; padding:0 0 0 5px }
.contactform li { margin:0 0 20px 0 }
.contactform #contactName,
.contactform #email { width:300px }
.contactform #commentsText { width:520px }
.contactform .buttons { float:right }

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

/* FlexSlider Necessary Styles
*********************************/ 
.flexslider {margin: 0; padding: 0;}
.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%;max-width: 1000px; 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 {max-width: 1000px; margin: 20px 0; background: #fff;; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px;zoom: 1;}
.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .flex-viewport {max-height: 300px;}
.flexslider .slides {zoom: 1;}

.carousel li {margin-right: 5px}


/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a {
	width: 44px;
	height: 35px;
	margin: 0;
	display: block;
	background: url(images/fancybox_sprite.png) no-repeat 0 -37px;
	position: absolute;
	top: 45%;
	z-index: 10;
	cursor: pointer;
	text-indent: -9999px;
	opacity: 0;
	-webkit-transition: all .3s ease;
}
.flex-direction-nav .next {background-position: 0 -72px; right: -36px; }
.flex-direction-nav .prev {left: -36px;background-position: 0 -37px;}
.flexslider:hover .next {opacity: 0.8; right: 5px;}
.flexslider:hover .prev {opacity: 0.8; left: 5px;}
.flexslider:hover .next:hover, .flexslider:hover .prev:hover {opacity: 1;}
.flex-direction-nav .flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}

/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;}
.flex-control-nav li {margin: 0 6px; 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; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);}
.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-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; 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;}
}

/* ---------------------------------------- */
/* Custom Classes
/* ---------------------------------------- */

a:hover,
#sidebar .menu a:hover,
#container.expanded #sidebar .menu a:hover,
#sidebar .widget a:hover,
.filters a.current,
.filters li a:hover,
.portfolio-content.mosaic .entry-utility a:hover,
.portfolio-content.full .entry-utility .categories a:hover,
.portfolio-content.full .entry-utility .comments a:hover,
.navigation .prev-posts a:hover,
.navigation .next-posts a:hover,
.comments-wrap .reply a:hover,
.page-title,
.entry-utility a:hover, .entry-utility .date:hover,
.entry-utility .categories:hover, .entry-utility .comments:hover { color:#9e7919 }

input[type=text]:focus, .textfield:focus  { border-color:#9e7919 }

.portfolio-content .mosaic .entry-hover,
.navigation-posts a:hover,
.more-link:hover,
.button:hover { background:#fff;opacity: 0.65 }

a { color:#282a2d }

::selection { background:#9e7919; color:#FFF; text-shadow:none }
::-moz-selection { background:#9e7919; color:#FFF; text-shadow:none }

body { font-size:13px; font-style:normal; font-weight:normal  }
.content a {
	color: #9e7919;
}
.nav-top .title,
h1, h2, h3, h4, h5, h6,
blockquote,
.alert,
.tabs ul.nav li a,
#container.expanded #sidebar .sub-menu a,
#sidebar .sub-menu a,
#sidebar .widget,
.widget-area,
.backtop-button, .expand-button, .more-link,
.entry-utility,
.description,
.filters,
#footer,
.caption,
.navigation-posts a { font:12px Georgia; font-style:normal; font-weight:normal }

/* ---------------------------------------- */
/* COLORBOX Classes
/* ---------------------------------------- */
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; }
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#000;}
#colorbox{}
    #cboxContent{margin-top:32px; overflow:visible;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{background:#000;opacity: 0.80;}
        #cboxLoadingGraphic{background:url(images/loading.gif) no-repeat center center;}
        #cboxLoadingOverlay{background:#000;}
        #cboxTitle{position:absolute; top:-22px; left:0; color:#000;}
        #cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}
        #cboxSlideshow, #cboxPrevious, #cboxNext, #cboxClose{text-indent:-9999px; width:20px; height:20px; position:absolute; top:-20px; background:url(images/modal_close.png) no-repeat 0 0;}
        #cboxClose{
	        background-position: 0 0;
			right: -14px;
			z-index: 99999999999;
			width: 32px;
			height: 32px;
			top: -16px;
        }
        .cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;}
        .cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;}
        .cboxSlideshow_on #cboxSlideshow:hover{background-position:-100px -25px;}
        .cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;}
        .cboxSlideshow_off #cboxSlideshow:hover{background-position:-75px -25px;}

#inline_content {background: transparent !important;color: #C1C1C1;padding: 20px 25px !important;}
#inline_content h1 {
	color: #B9B9B9;
	margin: 5px auto 20px;
	font-size: 22px !important;
	text-align: center;
	padding: 10px 0;
	border-top: 1px solid #9E7919;
	border-bottom: 1px solid #9E7919;
}
#inline_content span {
	text-align: center;
	color: #939393;
	margin: 0 0 20px 0;
	display: block;
	font-size: 11px;
}
#inline_content .button {
	display: block;
	margin: 20px auto 10px;
	width: 80px;
	text-align: center;
}
#inline_content .button:hover {
	background: #8b6600;

}

/* ---------------------------------------- */
/* Wide desktop devices styles
/* ---------------------------------------- */

@media handheld, only screen and (max-width:1500px) {
	#footer,
	.single-portfolio .navigation, .single-portfolio .post,
	.single-portfolio #page, .single-portfolio #primary,
	.widget-top .widget-area,
	.header-content-container { width:auto }
	.widget-top .expand-button { left:950px }
	.single-portfolio #page { width:auto; padding-right:0; }
	.portfolio-content .full .post { width:auto; margin-right:0 }
}

/* ---------------------------------------- */
/* Desktop devices styles
/* ---------------------------------------- */

@media handheld, only screen and (max-width:1200px) { 
	.widget-top .widget-area,
	.header-content-container { width:auto }
	.widget-top .expand-button { right:10px; left:auto }
	.single-portfolio .navigation { width:auto }
	.navigation,
	.single-portfolio #page,
	.single-portfolio #primary,
	.single-portfolio .post { width:auto }
	.single-portfolio #page { padding:0 10px 0 0 }
	#logo {margin: 50px 0 25px;}
	.sidebar_search{margin-top: 50px;}
	.portfolio-content .full .post { width:100% }
	.page #primary,
	.single #primary,
	.archive #primary,
	.single #primary.entries,
	.blog #primary,
	.archive #primary,
	.search #primary,
	#footer { width:auto }
	.page #page,
	.single #page,
	.archive #page,
	.blog #page,
	.archive #page,
	.search #page,
	#page { width:auto; padding-left:50; padding-right:50 }
	.single-gallery #page {padding: 0;}
	#primary .post-thumb { width:auto; height:auto; margin:0 0 10px 0 }
	.portfolio-content .mosaic .post { width:33%;line-height: 0;margin:0px 0 -1px 0}
	.portfolio-content .mosaic .postfirst { width:66% !important;margin:0px 0 -2px 0}
	.clear.min {display: none;}
	.clear.med {display: block;}
	.clear.large {display: none}
}

/* ---------------------------------------- */
/* Tablets/netbooks styles
/* ---------------------------------------- */
@media only screen and (min-width: 481px) and (max-width: 1024px) { 
	#sidebar .menu { margin-left:-70px }
	#sidebar .menu a { padding-left:70px }
	#sidebar .separator,
	#sidebar .expanded-item { margin-left:-70px; width:40px }
	#sidebar .expanded-item .icon { margin-left:10px }
	#sidebar .hc_network_widget { margin-left:-60px; width:20px }
	#sidebar .backtop-button { width:40px; height:20px; padding:0 }
	#sidebar .hc_network_widget a { width:18px; height:18px; padding:0; margin:0 10px 10px 0; overflow:hidden }
	#sidebar .hc_network_widget .icon { margin:0 }
	.nav-top, .widget-top,
	#content { margin-left:175px; padding-left:5px }
	#content { padding-top:5px }
	.page #page,
	.single #page,
	.archive #page,
	.blog #page,
	.archive #page,
	.search #page,
	#page { padding-right:0 }
	.single-gallery #page {padding: 0;}
	.info { display:none!important }
	.portfolio-content .display.mosaic { width:100% }
	.portfolio-content .mosaic .post { width:50%;line-height: 0;margin:0px 0 -1px 0}
	.portfolio-content .mosaic .postfirst { width:100% !important;margin:0px 0 -2px 0}
	.one_twelfth, .one_sixth, .one_fourth, .one_third,
	.two_fifth, .one_half, .three_fifth, .two_third,
	.three_fourth, .five_sixth, .eleven_twelfth, .full_width { width:auto; float:none; margin-left:0px; margin-right:0; padding-left:0px; padding-right:0px }
	.clear.min {display: block;}
	.clear.med {display: none;}
	.clear.large {display: none}
	.left-portfolio{width: 99%;}
	.right-portfolio{
		min-height: 100%;
		width: 80%;
		float: left;
		padding: 0 10%;
		position: relative !important;
		top:0 !important;
		left: 0 !important;
		margin: 0;	
	}
	.right-portfolio-inside {padding-top: 50px;}
	.right-portfolio-inside h2.entry-title {
		display: none;
	}
	.left-portfolio h2.entry-title {
		display: block !important;
	}
	.right-portfolio-inside {padding-top: 50px;}
}
@media handheld, only screen and (orientation:landscape) and (max-device-width:1024px) { 
	.left-portfolio{width: 99%;}
	.right-portfolio{
		min-height: 100%;
		width: 80% !important;
		float: left;
		padding: 0 10%;
		position: relative !important;
		top:0 !important;
		left: 0 !important;
		margin: 0;	
	}
	.right-portfolio-inside {padding-top: 50px;}
	.right-portfolio-inside h2.entry-title {
		display: none;
	}
	.left-portfolio h2.entry-title {
		display: block !important;
	}
}
@media handheld, only screen and (orientation:portrait) and (max-device-width:768px) {
	.category_filter {display: none;}
}
@media handheld, only screen and (max-width:750px) { 
	.category_filter {display: none;}
}

/* ---------------------------------------- */
/* Mobile Phone styles
/* ---------------------------------------- */
@media handheld, only screen and (max-width:480px) { 
	#header{display: none;}
	.single-gallery .nav-top{display: none;}
	#logo {margin: 0 auto 20px;width: 175px;}
	#logo a {padding: 0;margin: 0;min-height: 75px !important;}
	.portfolio-content .mosaic .post,.portfolio-content .mosaic .postfirst  {width: 100% !important;}
	.nav-top{background: #dcdcdc;}
	.nav-top, .widget-top, #content {margin-left: 0;padding-left: 0;display: block;}
	.category_filter{display: none;}
	.left-portfolio{width: 100%;min-height: 200px !important;}
	.right-portfolio{
		min-height: 100%;
		width: 80%;
		float: left;
		padding: 0 10%;
		position: relative;
		left: 0;
		margin: 0;
	}
	.right-portfolio-inside {padding-top: 50px;}
	.right-portfolio-inside h2.entry-title {
		display: none;
	}
	.portfolio-content .mosaic .entry-hover .hover_logo {
		height: 70px;
		margin: 10% 0 0;
	}
	.left-portfolio h2.entry-title {
		display: block !important;
	}
	.firstpost_meta {display: none;}
	.portfolio-content .mosaic .entry-hover h2,.portfolio-content .mosaic .entry-hover h1 {margin: 25% auto 0;width:100%;padding:10px 0;} 
	.portfolio-content .mosaic .entry-hover h2 a,.portfolio-content .mosaic .entry-hover h1 a {
	font-size: 22px !important;margin:0 !important;padding: 5px 0;display: block;width:100%;
	}
	.portfolio-content .display.mosaic {width: 100%;}
	.portfolio-content .mosaic .post img,.portfolio-content .mosaic .entry-hover {
		border-right: none;
		margin-left: 0 !important;
	}
	.title-meta .socials {
	float: left;
	padding: 0 0 2px 0;
	border-bottom: 1px solid #C5AF75;
	margin: 15px 10px 20px 0;
	width: 100%;
	}
	.title-meta .socials ul li.pinterest a {
		background-size: 18px 18px !important;
	}
}

/* ---------------------------------------- */
/* Retina Display styles
/* ---------------------------------------- */
@media 
(-webkit-min-device-pixel-ratio: 2), 
(min-resolution: 192dpi) { 
    #logo a {
    background: url(images/logo-retina.png) no-repeat left center;
	background-size: 100% auto;
	min-height: 15px;
    }
    .side_socials ul li a.facebook,.title-meta .socials ul li a.facebook {
    background: url(images/retina/fb-icon-retina.png) no-repeat center center !important;
    }
    .side_socials ul li a.twitter,.title-meta .socials ul li a.twitter {
    background: url(images/retina/twitter-icon-retina.png) no-repeat center center !important;
    }
    .side_socials ul li a.pinterest, .title-meta .socials ul li.pinterest a {
    background: url(images/retina/pin-icon-retina.png) no-repeat center center !important;
    }
    .side_socials ul li a.gplus, .title-meta .socials ul li a.gplus {
    background: url(images/retina/gplus-icon-retina.png) no-repeat center center !important;
    }
    .side_socials ul li a.pinterest, .side_socials ul li a.gplus, .side_socials ul li a.twitter, .side_socials ul li a.facebook {
	background-size: 100% 100% !important;    
    }
    .title-meta .socials ul li.pinterest a, .title-meta .socials ul li a.gplus, .title-meta .socials ul li a.twitter, .title-meta .socials ul li a.facebook  {
	background-size: 17px 17px !important;
    }
    .side_socials ul li a.instagram {
    background: url(images/retina/instagram-icon-retina.png) no-repeat center center;
    background-size: 100% 100%;
    background-position: center center;
    }
    .side_socials ul li a.bdw {
    background: url(images/retina/bdw-icon-retina.png) no-repeat center center;
    background-size: 100% 100%;
    background-position: center center;
    }
    .side_socials ul li a.linkedin {
    background: url(images/retina/linkedin-icon-retina.png) no-repeat center center;
    background-size: 100% 100%;
    background-position: center center;
    }
    .side_socials ul li a.rss {
    background: url(images/retina/rss-icon-retina.png) no-repeat center center;
    background-size: 100% 100%;
    background-position: center center;
    }
    .side_socials ul li a.vimeo {
    background: url(images/retina/vimeo-icon-retina.png) no-repeat center center;
    background-size: 100% 100%;
    background-position: center center;
    }
    .side_socials ul li a.youtube {
    background: url(images/retina/youtube-icon-retina.png) no-repeat center center;
    background-size: 100% 100%;
    background-position: center center;
    }
    #logo a img {display: none;}
}