/*********************************************************************

Theme Name: Xtempt
Theme URI: http://ka-arte.com/themes/xtempt
Description: The responsive theme for WordPress.
Author: ka-arte.com
Author URI: http://ka-arte.com/
Version: 1.1
Tags: left-sidebar, right-sidebar, flexible-width, custom-background, custom-header, custom-menu, featured-images, full-width-template, microformats, post-formats, sticky-post, theme-options, translation-ready
Text Domain: xtempt

License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html

*********************************************************************/


/* Browser Reset
 * -----------------------------------------------------------------*/


html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p,
blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em,
img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i,
center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption,
tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption,
footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    font-size:100%;
    margin:0;
    padding:0;
    border:0;
    vertical-align:baseline;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}
audio, canvas, video {display:inline-block;}
audio:not([controls]) {display:none;}
body, {line-height:1;}
p img {margin:0;}
ol, ul {list-style:square;}
ins {text-decoration:none;}
del {text-decoration:line-through;}
blockquote, q {quotes:none;}
table {
    border-spacing:0;
    border:1px solid #EFEFF4;
    border:1px solid rgba(150, 150, 150, 0.12);
    width:100%;
    margin-bottom:22px;}
tr th {padding:1em; border-bottom:1px solid #EFEFF4;border-bottom:11px solid rgba(150, 150, 150, 0.07); text-align:left;}
tr th, tr td {padding:9px 20px; border-right:1px solid #EFEFF4; border-right:11px solid rgba(150, 150, 150, 0.07);}
tr th:last-child, tr td:last-child {border-right:0;}
table th {font-weight:bold;}
:focus {outline:0;}
a:link, a, a:visited {text-decoration:none; color:#777777;}
a:hover {text-decoration:none; color:#9F9F9F;}
address {font-style: normal;}


/* Repeatable Patterns
 * -----------------------------------------------------------------*/


html {overflow-y:scroll; font-size: 100%; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%;}
html, body {width: 100%; min-height: 100%;}

body {
    font-size: 0.75em;
    font-family: Arial, Helvetica, sans-serif;
    color: #525252;}

h1, h2, h3, h4, h5, h6, p, a, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, pre {
    font-weight: inherit;
    word-wrap: break-word;}
h1 {line-height: 1;}
h2, h3, h4, h5, h6 {line-height: 1;}
h1, h2, h3, p, blockquote, pre, dd, address {margin: 0 0 22px 0;}
h4, h5, h6 {margin-bottom: 11px;}
h1 {font-size: 3em;}
h2 {
font-size: 2em;
padding-top: 11px}
h3 {
font-size: 1.6em;
padding-top: 11px}
h4 {font-size: 1.3em;}
h5 {font-size: 1em;}
h6 {font-size: 0.9em;}

p, li, blockquote p, address {line-height: 1.6em;}

ul, ol {margin: 11px 0 22px 22px;}
ul ul, ol ol, ul ol, ol ul {margin: 0.3em 0.3em 0.3em 1em;}
ol {list-style: decimal;}

img {
    max-width: 100%;
    width: auto\9; /* ie8 */
    height: auto;
    vertical-align: bottom;
    -ms-interpolation-mode: bicubic;}
a img:hover {opacity: 0.8; filter: alpha(opacity=80);}

blockquote {
    padding: 22px;
    font-style: italic;
    opacity: 0.8; filter: alpha(opacity= 80);}
blockquote cite {
    display: block;
    text-align: right;
    margin-top: 11px; }
blockquote cite:before, cite:before {content: "- ";}
blockquote p:last-child {margin: 0;}
blockquote {padding: 0;}
blockquote p:before {
    content: "\e076";
    font-size: 2em;
    padding: 1em;
    opacity: 0.2; filter: alpha(opacity=20);}

address:before {
    content: "\e001";
    font-size: 2em;
    display: block;
    padding: 0 22px 11px 0;
    opacity: 0.2; filter: alpha(opacity=2);}

button,
.button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
    display: inline-block;
    overflow: hidden;
    padding: 6px 22px;
    text-align: center;
    cursor: pointer;
    color: #FFFFFF;
    border: none;
    border: 1px solid rgba(150, 150, 150, 0.1);
    background-color: gray;}

.searchform {
    float: left;
    width: 99.7%;
    height: 2.7em;
    border: 1px solid rgba(150, 150, 150, 0.3);}
#s {
    float: left;
    width: 60%;
    height: 100%;
    margin: 0;
    padding: 0 3%;
    border: none;
    background: none;
    opacity: 0.7; filter: alpha(opacity=70);}

.searchform input[type="submit"] {
    float: right;
    height: 100%;
    margin: 0;
    padding: 0.5% 1% 1%;
    cursor: pointer;
    border: 1px solid transparent;
    border-left: 1px solid rgba(150, 150, 150, 0.3);}

button:hover,
.button:hover,
input[type="submit"]:hover,
input[type="reset"],
input[type="button"]:hover,
.searchform input[type="submit"]:hover {opacity: 0.9; filter: alpha(opacity=90);}

form {margin-bottom: 0;}
fieldset {margin-bottom: 22px;}
input[type="text"],
input[type="password"],
input[type="email"],
input[type="url"],
textarea {
	outline: none;
	display: block;
    padding: 1%;
    border: 1px solid #EFEFF4;
	border: 1px solid rgba(150, 150, 150, 0.3);}
input[type="text"],
input[type="password"],
input[type="email"],
input[type="url"] {width: 38%;}
textarea {
    width: 98%;
    min-height: 10em;}
label, legend {
    display: block;
    margin-bottom: 6px;}
input[type="checkbox"] {display:inline;}
label span, legend span {
	font-weight: normal;
	font-size: 13px;
	color: #444;}
input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
textarea:focus {
    border: 1px solid #F2F2F2;
	border: 1px solid rgba(150, 150, 150, 0.9);}

select {
    display: block;
	outline: none;
	width: 100%;
    padding: 11px 22px;
	border: none;}

hr {
    clear: both;
    height: 1px;
    margin: 22px 0;
    border: none;}

small {font-size: 80%;}

pre {
    padding: 22px;
    white-space: pre-wrap;
    border: 1px solid #E8E8E8;
    border: 1px solid rgba(150, 150, 150, 0.12);}
code {background: rgba(150, 150, 150, 0.07);}    


/* Transition */
a:hover {
    -webkit-transition: color .2s linear;
    -moz-transition: color .2s linear;
    -o-transition: color .2s linear;
    -ms-transition: color .2s linear;
    transition: color .2s linear;}
    
a img, .recent-posts-widget img {
	opacity: 1;
	-moz-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;}


/* WordPress Elements
 * -----------------------------------------------------------------*/

/* Alignment
 *  */
.alignleft {
    float: left;
    margin: 0 22px 0 0;}
.alignright {
    float: right;
    margin: 0 0 0 22px;}
.aligncenter {
    text-align: center;
    display: block;
    margin-left: auto; margin-right: auto}
.alignnone {margin: 0 22px 22px 0;}

/* Caption
 *  */
.wp-caption {max-width: 100%;}
.wp-caption.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;}
.wp-caption.alignright {
    float: right;
    margin: 0 0 22px 22px;}
.wp-caption.alignleft {
    float: left;
    margin: 0 22px 22px 0;}

.gallery-caption, .wp-caption-text {
    margin: 0;
    padding: 11px;}
.gallery-caption {margin: 0 1px!important;}    

/* Sticky Post
 *  */
.sticky {}

/* Post Author
 *  */
.bypostauthor {}

/* Current Page Item
 *  */
.current_page_item a {font-weight: bold;}

/* Gallery
 *  */
.gallery-item {margin: 1px 0!important;}
.gallery-icon img {border: none!important;}
.gallery-icon{margin: 0 1px;}
.gallery-columns-3 .gallery-item {width: 33.333%!important;}
.gallery-columns-6 .gallery-item {width: 16.666%!important;}
.gallery-columns-7 .gallery-item {width: 14.285%!important;}
.gallery-columns-4 .gallery-item {width: 25%!important;}
.gallery-columns-5 .gallery-item {width: 20%!important;}
.gallery-columns-6 .gallery-item {width: 16.66%!important;}
.gallery-columns-7 .gallery-item {width: 14.28%!important;}
.gallery-columns-8 .gallery-item {width: 12.5%!important;}
.gallery-columns-9 .gallery-item {width: 11.11%!important;}


/* Calendar
 *  */
#calendar_wrap {
    padding: 0;
    border: 1px solid #EFEFF4; 
    border: 1px solid rgba(150, 150, 150, 0.3);}
#wp-calendar {
    width: 100%;
    border: none;}
#wp-calendar caption {
    margin: 0 auto 11px;
    padding: 11px;
    text-align: right;
    text-transform: uppercase;
    border-bottom: 1px solid rgba(150, 150, 150, 0.3);}
#wp-calendar td {
    padding: 0.1em;
    text-align: center;
    border-right: 0;}
#wp-calendar th {
    padding:0;
    text-align: center;
    border: 1px solid #EFEFF4;
    border: 1px solid rgba(150, 150, 150, 0.3);}
table#wp-calendar  {margin-bottom: 0;}


/* Comments
 *  */
 
#comment-title {
    font-size: 1em;
    text-transform: uppercase;
    border-top: 1px dotted #333333;
    border-top: 1px dotted rgba(0, 0, 0, 0.5);}
#comments-number {margin-bottom: 44px;}
ol.commentlist {margin: 22px 0 0 0;}
ol.commentlist ul {
    margin: 0 0 0 50px;
    list-style: none;}
ol.commentlist li, ol.commentlist li {margin-left: 22px;}
ol.commentlist > li, ol.commentlist > li {
    padding-top: 22px;
    border-top: 1px dotted #EFEFF4;
    border-top: 1px dotted rgba(150, 150, 150, 0.3);}    
ol.commentlist li, ol.commentlist li div {margin-bottom: 22px;}
ol.commentlist ul li {margin-left: 2em;}
.comment-body {
    overflow: hidden;
    margin: 0!important;}
    
.comment-author-avatar {
    float: left;
    width: 50px;
    margin-right: 22px;}
.comment-time, .comment-content {margin-bottom: 0;}
.comment-author-link {
    float: left;
    margin: 0 22px 0px 0;
    padding: 0;}
.comment-time {
    font-size: 0.85em;
    margin-bottom: 11px;
    text-transform: uppercase;}
.comment-time, .comments-logged-in-as, p#allowed_tags {opacity: 0.7; filter: alpha(opacity=70);}
.comment-content {
    clear: both;
    margin-bottom: 0;}
.comment-replay, .comment-edit {
    float: right;
    margin-bottom: 0!important;}
.comment-body .button {padding: 6px 22px!important;}


/* Widgets
 *  */
.textwidget p:last-child {margin:0;}

li.recentcomments:before {
    content: "\e06f";
    padding-right: 6px;
    opacity: 0.3; filter: alpha(opacity=30);}

.page_item {list-style: none;}



/* Xtempt Elements
 * ---------------------------------------------------------------- */

/* Fonts
 *  */
@font-face {
	font-family: 'icomoon';
	src:url('fonts/fonts/icomoon.eot');
	src:url('fonts/fonts/icomoon.eot?#iefix') format('embedded-opentype'),
		url('fonts/fonts/icomoon.svg#icomoon') format('svg'),
		url('fonts/fonts/icomoon.woff') format('woff'),
		url('fonts/fonts/icomoon.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;}

/* Use the following CSS code if you want to use data attributes for inserting your icons */
[data-icon]:before {
	font-family: 'icomoon';
	content: attr(data-icon);
	speak: none;
	font-weight: normal;
	margin-right: 11px;
	padding: 2px;
	-webkit-font-smoothing: antialiased;}

@font-face {
	font-family: 'entypo';
	src:url('fonts/entypo/fonts/entypo.eot');
	src:url('fonts/entypo/fonts/entypo.eot?#iefix') format('embedded-opentype'),
		url('fonts/entypo/fonts/entypo.woff') format('woff'),
		url('fonts/entypo/fonts/entypo.ttf') format('truetype'),
		url('fonts/entypo/fonts/entypo.svg#entypo') format('svg');
	font-weight: normal;
	font-style: normal;}

address:before, blockquote p:before, blockquote:after, .recentcomments:before,
.alert:before, .info:before, .check:before, .uncheck:before,
.item-set-aside:before, .item-set-image:before, .item-set-gallery:before, .item-set-link:before,
.item-set-quote:before, .item-set-post:before, .item-set-project:before, .item-set-status:before,  .item-set-video:before,
p.trigger:before, p.trigger.active:before,
.previous-post:before, .next-post:after {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	-webkit-font-smoothing: antialiased;}
.previous-post:before, .next-post:after {
	font-family: 'entypo';
	speak: none;
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	-webkit-font-smoothing: antialiased;}
	

.alert:before, .info:before, .check:before, .uncheck:before {
    margin-right: 11px;
    font-size: 1.5em;
    vertical-align: middle;
    opacity: 0.7; filter: alpha(opacity=70);}
.alert:before {content: "\e0fb"; color:red; }
.info:before {content: "\e0f7"; color:yellow; }
.check:before {content: "\e0fa"; color:green; }
.uncheck:before	{content: "\e0f9"; color:black;}

/* Thumbnails 
 * */
.featured-image {position: relative;}
.featured-image img {
    display: block;
    width: 100%;}    
.featured-image .link a:after {padding: 0;}

* {vertical-align: middle;}

/* Columns 
 * */
.columns-2, .columns-3, .columns-4, .columns-5 {
    display: block;
    float: left;
    overflow: hidden;}
.columns-2 {width: 50%;}
.columns-3 {width: 33.333%;}
.columns-4 {width: 24.9%;}
.columns-5 {width: 19.9%;}

/* Margin/Padding 
 * */
.m0 {margin: 0;} .m05 {margin: 11px;} .m05l {margin: 0 0 0 11px;} .m05r {margin: 0 11px 0 0;} .m05b {margin-bottom: 11px;} .m05t {margin-top: 11px;}
.m1 {margin: 22px;} .mtb1 {margin: 22px 0;} .mlr1 {margin: 0 22px;} .mlb1 {margin: 0 22px;} .mrb1 {margin:0 22px 22px 0;}
.mt1 {margin-top: 22px;} .mb1 {margin-bottom: 22px;} .ml1 {margin-left: 22px;} .mr1 {margin-right: 22px;}
.mb2 {margin: 0 0 44px 0;}  .mb3 {margin: 0 0 33px 0;}

.pa0 {padding: 0;}
.pa05 {padding: 11px;} .pab05 {padding-bottom: 0 0 11px 0;}
.pall0 {padding: 0; overflow: hidden;} .pall1 {padding: 22px; overflow: hidden;} .pat1 {padding: 22px 0 0 0;} .pab1 {padding: 0 0 22px 0;} .pal1 {padding: 0 0 0 22px;} .par1 {padding: 0 22px 0 0;}
.paltr1 {padding: 22px 22px 0 22px;} .palrb1 {padding: 0 22px 22px 22px;} .palr1 {padding: 0 22px;} .patb1 {padding: 22px 0;} .patrb1 {padding: 22px 22px 22px 0;} .patbl1 {padding: 22px 0 22px 22px;}

.center {
    text-align: center;
    margin: 0 auto;}
.elements-wrapper {
    overflow: hidden;
    margin: 0 0 22px 0;}
.hidden {display: none;}
.overflow {overflow: hidden;}
.opacity {opacity: 0.7; filter: alpha(opacity=70);}
.clear:after {
    content: "";
    display: table;
    clear: both;
    *zoom: 1;}

.divider {
    clear:both;
    border-bottom: 1px solid #EFEFF4; 
    border-bottom: 1px solid rgba(150, 150, 150, 0.3);}

.infobox {
    overflow: hidden;
    border: 1px solid #EFEFF4;
    border: 1px solid rgba(150, 150, 150, 0.3);}
.infobox-inner {
    margin: 11px;
    padding: 22px;
    border: 1px solid #EFEFF4;
    border: 1px solid rgba(150, 150, 150, 0.3);}            
.infobox p:last-child {margin-bottom:0;}

.link a:after {
    content: "\2192";
    display: inline-block;
    padding-left: 0.5em;
    pointer-events: none;}  

.flex-control-nav {padding: 11px 0!important;}



/* Layout
 * -----------------------------------------------------------------*/

/* Container Left */    
#container {
    position: relative;
    float: left;
    width: 70%;
    max-width: 1050px;
    min-height: 100%;}
#container > div {    
    box-shadow: 1px 0px 3px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 1px 0 3px rgba(0, 0, 0, 0.4),  -1px 0 3px rgba(0, 0, 0, 0.4);    
    -moz-box-shadow: 1px 0 3px rgba(0, 0, 0, 0.4),  -1px 0 3px rgba(0, 0, 0, 0.4);   
    box-shadow: 1px 0 4px rgba(0, 0, 0, 0.2),  -1px 0 3px rgba(0, 0, 0, 0.2);
    background-color: white;
    margin: 0 10px;}
     
#content {
    position: relative;
    z-index: 2;
    clear: both;
    overflow: hidden;
    min-height: 100%;
    border-top: 1px solid #EFEFF4;
    border-top: 1px solid rgba(150, 150, 150, 0.3);}
   
.context-left {
    position: relative;
    width: 70%;
    float: left;}
.context-left > div {border-right: 1px solid #333333; border-right: 1px solid rgba(0, 0, 0, 0.5);}       

.context-right {
    position: relative;
    width: 70%;
    float: right;}
.context-right > div {border-left: 1px solid #333333; border-left: 1px solid rgba(0, 0, 0, 0.5);}     

#sidebar {
    position: relative;
    float: left;
    width: 30%;
    padding-bottom: 22px;}    

/* Container Right */
#sidebar-aside {
    position: fixed;
    right: 0; top:0;
    width: 30%;
    height: 100%;
    text-align: center;}
#sidebar-aside > div {
    position: relative;
    height: 100%;
    padding: 0 22px!important;} 
    
#sidebar-aside .widget ul, .widget div > ul {font-style: normal;}     
#sidebar-aside .widget {margin-top: 22px;}



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

/* Brand
 *  */
.brand {
    float: left;
    width: 32%;}
.brand img {box-shadow: none;}    
#sidebar-aside .brand {
    float: none;
    width: auto;
    text-align: center;}
.site-title {
    font-size: 1em!important;
    margin: 0;}
.site-description {
    font-size: 1em;
    margin: 0;}

/* JpanelMenu
 *  */
#jPanelMenu-menu {padding: 0 22px 0 22px ;}
.jpanel, .brand-media {
    visibility: hidden;
    display: none;}
#jPanelMenu-menu .brand, #jPanelMenu-menu .aside-menu, #jPanelMenu-menu .widget,
#jPanelMenu-menu .brand .pall1, #jPanelMenu-menu .widget .pall1 {
    clear: both;
    width: 92%;
    margin: 0;
    padding: 4%!important;
    text-align: left;}
#jPanelMenu-menu .tagcloud a {
    display: block;
    clear: both;}

/* Header Image 
 * */
.header-image {
    position: relative;
    display: block;
    clear: both;
    margin: 11px 0;}

/* Dropdown Menu 
 * */
#dropdown-menu-wrapper {
    position: relative;
    float: left;
    width: 100%;
    z-index: 999999;
    clear: both;
    padding: 11px 0;
    border-bottom: 1px solid gray;
    background-color: #4C4C4C;
    background-color: rgba(0, 0, 0, 0.7);}

/* Social Icons 
 * */
ul.social-icons {
    float: right;
    margin: 0;}
.social-icons li {
    font-size: 2em;
    float: left;
    list-style: none;
    opacity: 0.8; filter: alpha(opacity=80);}
   
.social-icons li:hover {opacity: 1; filter: alpha(opacity=100);}
.social-icons a {cursor: default;}
.social-icons [data-icon]:before  {
    margin: 0 0 0 9px;
    padding: 0;}
.social-icons li a p:last-child {
    margin: 0;
    padding: 0;}
    


/* Archives
 *  */
 
.archive-page {margin: 22px 0 22px 22px;}

.posts-context {
    position: relative;
    min-height: 150px;
    padding: 22px;}

h3.post-title {
    font-size: 1.4em!important;
    margin: 0 0 11px 0;}
.post-title a {
    font-size: 1.4em!important;
    text-transform: none!important;}     
  
.posts-context  h3.post-title {padding: 0;}

/* 404
 *  */
#page-0 {padding: 22px;}
#page-0 h1 {
    font-size: 6em;
    line-height: 1em;
    margin-bottom: 0.2em;
    text-transform: uppercase;}
#page-0 strong {font-style: italic;}    


/* Search/404
 *  */
ul.post-list, .post-list ul {margin: 0;}
.post-list > li {list-style: none}


/* Sidebar Sitemap
 *  */
.sidebar-sitemap {
    float: left;
    width: 50%;
    margin-bottom: 22px;}
.sidebar-sitemap ul {margin-left: 0; }


/* Project single */
.project-details {margin: 22px 0;}
.project-details h4 { 
    font-size: 1em;
    margin-bottom: 0;       
    padding-bottom: 3px;}
.project-details h4 span {opacity: 0.7; filter: alpha(opacity=70);}    

.project-details p span {padding-left: 28px;}    


/* Item Set
 *  */ 
 
.item-set {
    clear: both;
    position: relative;
    overflow: hidden;
    width: auto;
    list-style: none;
    margin: 0;} 
 
.item-set-1-columns, .item-set-2-columns, .item-set-3-columns, .item-set-4-columns {
    float: left;
    margin: 0;}
.item-set-1-columns {width: 100%;}    
.item-set-2-columns {width: 50%;}
.item-set-3-columns {width: 33.333%;}
.item-set-4-columns {width: 25%;}

.item-set-inner-project {}    
    
.item-set-aside:before, .item-set-image:before, .item-set-gallery:before, .item-set-link:before,
.item-set-quote:before, .item-set-post:before, .item-set-project:before, .item-set-status:before,  .item-set-video:before,
.previous-post:before, .next-post:after {
    font-size: 1.3em;
    padding: 4px 5px;
    border: 1px solid transparent;
    border-radius: 100%;}
        
     
.item-set-post:before {content: "\e004";}       
.item-set-gallery:before {content: "\e00e";}    
.item-set-status:before {content: "\e070";} 
.item-set-image:before {content: "\e00f";}
.item-set-aside:before {content: "\e022";}
.item-set-link:before {content: "\e0c3";} 
.item-set-video:before {content: "\e012";}
.item-set-quote:before {content: "\e06a";}
.item-set-project:before {content: "\e008";}              
    
.item-set p {
    margin-bottom: 0;
    padding: 0;}    

.item-tags {
    display: inline;
    text-transform: uppercase;
    margin: 0;
    padding-right: 6px;
    opacity: 0.6; filter: alpha(opacity=60);}

.project-title {
    margin: 0;
    padding: 22px;
    text-align: center;
    font-weight: bold;}


/* Link to the next/previous post/image
 *  */
.posts-navigation {
    display: block;
    margin: 22px 0 22px 0;}
.previous-post, .next-post {text-transform: uppercase;}
.previous-post {float: left;}
.next-post {float: right;}
.previous-post:before {content: "\e0d5"; margin-right: 11px;}
.next-post:after {content: "\e0d8"; margin-left: 11px;}

.item-set-wrapper .posts-navigation {margin: 22px 22px 0 0;}

/* Page Title
 *  */
.page-title {
    margin: 0;
    padding: 22px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-transform: uppercase;
    border-bottom: 10px solid #333333;
    border-bottom: 10px solid rgba(0, 0, 0, 0.5)!important;
    background-color: gray; 
    color: white;}

/* Blog Meta
 *  */

.blog-meta {
    margin: 22px 0 0 0;
    font-style: italic;}
    
/* Captions
 *  */
.slideshow-top-caption {
    position: absolute;
    bottom:0; top:auto; left:0;
    line-height: 1.3;
    margin-bottom: 44px;
    padding: 11px;
    text-align: center;
    text-transform: uppercase;
    color: #CECECE!important;
    border-right: 22px solid;
    background-color: #333333;
    background-color: rgba(0, 0, 0, 0.6);}
    
.slideshow-top-caption a, .slideshow-top-description a {color: #CECECE!important;}
.slideshow-top-caption a:hover, .slideshow-top-description a:hover {color: #E0E0E0!important;}   
   
.slideshow-top-description {
    position:absolute;
    top:5%; right: 3%;
    font-size: 1em;
    margin: 0;
    padding: 6px 11px;
    color: #CECECE!important;
    border-right: 2px solid;
    border-left: 2px solid;
    background-color: #333333;
    background-color: rgba(0, 0, 0, 0.6);}
/* Slideshow Thumbnail Caption */
.slideshow-thumbnail-caption {
    position: relative;
    padding: 22px;}
.slideshow-thumbnail-caption h3 {padding: 0;}

/* Post Types Caption */
.caption-hover {
    display: none;
    position: absolute;
    top: 0; bottom: 0; left: 0; right: 0;
    margin: 0 auto;
    overflow: hidden;
    color: #CECECE;
    background-color: #333333;
    background-color: rgba(0, 0, 0, 0.6);}    
.caption-hover a {color: #CECECE!important;} 
.caption-hover a:hover {color: #E0E0E0!important;} 
           
.caption-hover-title {
    position: absolute;
    font-size: 1em;
    padding: 22px;
    text-transform: uppercase;}
.project-caption {margin-bottom: 2%;}    
.project-caption, .project-description {padding-top: 0;}
.project-description {
    margin-bottom: 0;
    text-transform: none;}    

.posts-context .caption-hover {background-color: #333333;}

/* Thumbnail Caption */
.thumbnail-caption {
    position: relative;
    padding: 22px;}
.thumbnail-caption h2 {padding: 0;}
.thumbnail-caption p:last-child {margin-bottom: 0;}    
    
/* Pagination
 * */
.pagination {
    clear: both;
    position: relative;
    z-index: 99;
    overflow: hidden;
    text-align: center;
    background-color:  #EFEFF4;
    background-color: rgba(150, 150, 150, 0.12);}
.pagination a, .pagination span {
    display: inline-block;
	width: 3em;
    height: 3em;
    line-height: 3em;
	text-align: center;
    margin: 22px 11px;}
.pagination a:hover {opacity: 0.9; filter: alpha(opacity=90);}
.pagination span {font-weight: bold;}
.pagination p {margin: 0;}

.page .pagination {
    margin: 0!important;
    background: none;}
        

/* Post/Project Utilities 
 * */
.posts-utilities {
    clear: both;
    position: relative;
    overflow: hidden;
    margin: 0 -22px;
    padding: 0 22px;}
    
.utilities-title, #reply-title {
    font-size: 1.3em!important;
    margin-bottom: 22px;
    padding: 22px 0 0 0;
    text-transform: uppercase;              
    border-top: 1px dotted #333333;
    border-top: 1px dotted rgba(0, 0, 0, 0.5);}

#social-share, .about-author, .taggroup {
    overflow:hidden;
    margin-bottom:22px;}


/* Social Share
 *  */

#twitter-share, #like-share, #plus-share, #stumble-share, #pinterest-share, #linkedin-share {
    float: left;
    display: block;
    padding: 0;}
#like-share {
    margin-top: 0px;
    margin-left: -13px;}
#stumble-share {margin-left: -1em;}
#linkedin-share, #pinterest-share, #plus-share {margin-left: 22px;}


/* About Author
 *  */
.about-author h3 {padding: 0;}


/* Recent & Related Items
 *  */
.related {    
    border: 1px dotted #333333;
    border: 1px dotted rgba(0, 0, 0, 0.5);}
.recent {
    margin: 22px;
    padding-top: 22px;
    border: 1px dotted #333333;
    border: 1px dotted rgba(0, 0, 0, 0.5);}


/* Widgets Basic
 *  */
.widget {
    clear: both;
    overflow: hidden;
    text-align: center;
    margin-bottom: 1px;}
.widgettitle {
    font-size: 1.4em!important;
    line-height: 1;
    padding: 0;
    text-transform: uppercase;}
.widget ul, .widget div > ul {margin:0;}
.widget li {
    list-style: none;
    margin: 0;}

.widget-inner {
    overflow: hidden;
    margin: 22px 22px 0 22px;
    padding: 22px;
    border: 1px solid #333333!important;
    border: 1px dotted rgba(0, 0, 0, 0.5)!important;}
.widget-inner:last-child {border: none;}
.widget-inner .item-set {margin: 0 -22px;}

.widget:last-child {
    margin-bottom: 0;
    border-bottom: 0;}


/* Template Widgetable
 *  */

.tw-sidebar-1 > div {
    margin: 0 11px 22px 0;
    padding: 22px;
    border: 1px dotted #333333;
    border: 1px dotted rgba(0, 0, 0, 0.5)!important;}
.tw-sidebar-2 > div {
    margin: 0 0 22px 11px;
    padding: 22px;
    border: 1px dotted #333333;
    border: 1px dotted rgba(0, 0, 0, 0.5)!important;}

.widgetables .widget:last-child {margin-bottom: 22px;}    


/* Template Sitemap
 *  */
.sidebar-sitemap .widget ul.menu li {
    margin-bottom: 0;
    text-transform: none;
    text-align: left;}
.sidebar-sitemap .widget {text-align: left;}

/* Widgets Footer
 *  */
.widget-footer {
    float: left;
    width: 24.9%;}
.widget-footer ul {
    margin: 0;
    list-style: none;}
.widget-footer li {
    display: block;
    margin-bottom: 11px;}
.widgettitle-footer {
    font-size: 1.9em!important;
    color: #C4C4C4!important;
    padding: 0 0 22px 0;
    border-bottom: 2px dotted gray;}    

.widget-footer .posts {
    margin: 0;
    padding: 0;
    border: none;
    text-align: center;}

.widget-footer .searchform input[type="submit"] {display: none;}

/* Widget Custom Menu
 *  */
.widget ul.menu {margin: 0;}

.widget .menu li ul li a {text-transform: none;}
.widget .menu > li.current-menu-parent > a, .widget .menu li.current-menu-parent ul li.current-menu-item a {font-weight: bold;}


/* Tags & Tag Cloud
 *  */
.tagcloud {
    display: inline-block;
    text-align: center;}
.tagcloud a, .tags a {
    float: left;
    padding: 0.2em 0.5em;
    margin: 2px;}
.tagcloud a:hover, .tags a:hover {opacity: 0.9; filter: alpha(opacity=90);}       


 /* Footer
--------------------------------------------------------------------*/

#footer {
    clear: both;
    overflow: hidden; 
    background-color: #878787;
    color: #C4C4C4!important;
    border-top: 10px solid #6A6A68;}
#footer ul {margin-bottom: 0;}
#footer caption, #footer #s, #footer table, #footer textarea, #footer .searchform, #footer b {
    color: #C4C4C4;
    border-color: #919191;}
#footer a {color: #B7B7B7;} 
#footer a:hover {color: #C4C4C4;}      

.footer-bottom {
    clear: both;
    overflow: hidden;
    background: #6A6A68;
    border-top: 1px solid #919191;}

.copyright {
    float: left;
    margin: 0;
    padding: 11px 22px;
    color: #9B9B9B;}
.network {
    float: right;
    margin: 0;
    padding: 0 22px;
    color: #C4C4C4;}


/* Menus
 * -----------------------------------------------------------------*/

 /* Dropdown Menu 
  * */
/* basic */
.dropdown-menu, .dropdown-menu *{
	margin: 0;
	padding: 0;
	list-style: none;}
.dropdown-menu ul {
	position:absolute;
	top: -999em;
	width: 10em; /* left offset of submenus need to match (see below) */}
.dropdown-menu ul li {
	width: 100%;}
.dropdown-menu li:hover {
	visibility: inherit; /* fixes IE7 'sticky bug' */}
.dropdown-menu li {
	float: left;
	position: relative;}
.dropdown-menu ul li a {
	display: block;
	position: relative;}
ul.dropdown-menu li:hover li ul,
ul.dropdown-menu li.sfHover li ul{
	top: -999em;}
ul.dropdown-menu li li:hover ul,
ul.dropdown-menu li li.sfHover ul {
	left: 10em; /* match ul width */
	top: 0;}
ul.dropdown-menu li li:hover li ul,
ul.dropdown-menu li li.sfHover li ul {
	top: -999em;}
ul.dropdown-menu li li li:hover ul,
ul.dropdown-menu li li li.sfHover ul {
	left: 10em; /* match ul width */
	top: 0;}
.dropdown-menu li:hover ul,
.dropdown-menu li.sfHover ul {
	left: 0;
	top: 10px; /* match top ul list item height */
	z-index: 999999;}

/* First Level */
ul.dropdown-menu {
    float: left;
    width: 100%;
    padding: 0;}
ul.dropdown-menu > li {
    font-size: 1em!important;
    padding-left: 22px;
    padding-right: 11px;}
ul.dropdown-menu > li:first-child, ul.dropdown-menu > li a:first-child  {margin-left: 0;}
ul.dropdown-menu a {
    text-transform: uppercase;
    color: #DBDBDB;}

/* Second Level */
ul.dropdown-menu ul {
    font-size: 12px;
    margin-left: 0;
    margin-top: 21px;
    z-index: 999999;}
ul.dropdown-menu ul:last-child {
    padding-bottom: 0;
    border-bottom: none;}
ul.dropdown-menu li li:first-child {border-top: 0;}
ul.dropdown-menu ul li {
    border-bottom: 1px solid gray;
    background-color: #4C4C4C;
    background-color: rgba(0, 0, 0, 0.7);}
ul.dropdown-menu ul li:hover {opacity:0.9; filter:alpha(opacity=90);}
ul.dropdown-menu ul li a {
    padding: 6px 22px!important;
    border: none;
    text-transform: none;
    color: #DBDBDB;}
.dropdown-menu li.current-menu-parent ul, .dropdown-menu li.current-menu-item ul {display: block;}
.dropdown-menu li.current-menu-item a, .dropdown-menu li.current-menu-parent a{font-weight: bold;}
.dropdown-menu li.current-menu-item ul li a, .dropdown-menu li.current-menu-parent ul li a {font-weight:normal;}


#menu-icon-main {display:none;}
       

/* Aside Menu
 * */

.aside-menu {
    position: relative;
    margin: 0 0 44px 0;
    padding-top: 22px;
    list-style-type: none;
    text-transform: uppercase;}
.aside-menu > li {
    font-size: 1.2em!important;
    line-height: 1.5em;
    margin-bottom: 11px;}
.aside-menu li:last-child {margin-bottom: 0;}    
.aside-menu ul li {list-style-type: none;}

.aside-menu li li {text-transform: none; font-size: 0.85em!important;}

.aside-menu li.current-menu-item a {font-weight: bold;}

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

/* Columns
 *  */
.one_half {width: 48%;}
.one_third {width: 30.66%;}
.two_third {width: 64%;}
.one_fourth {width: 22%;}
.one_fifth {width: 16.8%;}
.one_sixth {width: 13.33%;}
.one_half, .one_third, .two_third, .one_fourth, .one_fifth, .one_sixth {
	position: relative;
	float: left;
	margin-right: 4%;}
.last {margin-right: 0!important;}


/* Group Tabs
 * */
ul.tabs {
	display: block;
	margin: 0;}
ul.tabs li {
	display: block;
	float: left;
	width: auto;
	padding: 0;
	margin: 0 6px 0 0;
	border: 1px solid #EFEFF4;
    border: 1px solid rgba(150, 150, 150, 0.3)}
ul.tabs li a {
	display: block;
	width: auto;
	margin: 0;
	padding: 6px 22px;
	text-decoration: none;
    text-transform: uppercase;}

ul.tabs-content {
    display: block;
    margin: 6px 0;
    border: 1px solid #EFEFF4;
    border: 1px solid rgba(150, 150, 150, 0.3);}
ul.tabs-content p:last-child {margin: 0;}
ul.tabs-content > li {
    display: none;
    list-style: none;
    padding: 11px 22px;}
ul.tabs-content > li.active {display: block;}
ul.tabs li a.active {font-weight: bold;}

/* Clearfixing tabs
 *  */
ul.tabs:before,
ul.tabs:after {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;}
ul.tabs:after {clear: both;}
ul.tabs {zoom: 1;}


/* Toggles
 *  */
.toggle-wrapper {
    overflow: auto;
	padding: 11px 22px;
	margin-bottom: 5px;
	border: 1px solid #EFEFF4;
    border: 1px solid rgba(150, 150, 150, 0.3);}
.toggle-wrapper p:last-child {margin: 0;}
p.trigger {
	display: block;
	padding: 11px 22px;
	margin: 0;
	cursor: pointer;
	border: 1px solid #EFEFF4;
    border: 1px solid rgba(150, 150, 150, 0.3);}
p.trigger:before, p.trigger.active:before {
    font-size: 1.2em;
    padding: 0 11px 0 0;}
p.trigger:before {content: "\e101";}
p.trigger.active:before {content: "\e100";}
p.trigger {margin-bottom: 5px;}
p.trigger a {
    text-decoration: none;
    text-transform: uppercase;}


/* Colors
 *  */

.red, .dark-blue, .green, .orange, .blue, .light-blue, .dark-blue, .red a, .dark-blue a, .green a, .orange a, .blue-#EFEFF4 a, .light-blue a,
.light-blue a, .dark-blue a {color:white!important;}

.red {background-color: #CD4F42!important; }
.dark-blue {background-color: #5E5CA6!important;}
.green {background-color: #B4C833!important;}
.orange {background-color: #FC8521!important; }
.light-blue {background-color: #4EA6D8!important;}
.light-gray {background-color: #E3E3E3!important;}
.gray {background-color: #B0B6B6!important;}
.red, .dark-blue, .green, .orange, .light-blue,
.light-blue, .dark-blue {background-image: url(images/bg-elements.png);}



/* Media Queries
 * -----------------------------------------------------------------*/

 /* Min Width 1366px
 *  */
@media only screen and (min-width: 1367px) { }


/* Max Width 1024px
 *  */
@media only screen and (max-width: 1024px) {}


/* Max Width 800px
 *  */
@media only screen and (max-width: 800px) {

input[type="text"],
input[type="password"],
input[type="email"],
input[type="url"],
textarea {
    width: 90%;
    margin: 0 auto;
    padding: 5%;}


/* Basic Layout
 *  */
#container {
    position: relative;
    width: 100%;}    
.context-left, .context-right, #sidebar {
    float: none;
    width: 100%;}
.context-right > div {border-left: none;}
.context-left > div {border-right: none;}          
#sidebar-aside {display: none;}


/* Brand
 *  */
.brand {
    float: none;
    width: auto;
    text-align: center;}
.brand > div {
    margin-top: 0px;
    padding: 22px;}


/* Sidebar Aside & Dropdown Menu Icons
 *  */
.jpanel, .brand-media {visibility: visible;}
.jpanel, #menu-icon-main {
     font-size: 2em;
     display: block;
     padding: 22px 22px 0 22px;
     z-index: 1;}
#menu-icon-main {
    position: fixed;
    top:0; right: 11px;}
#menu-icon-main:before, .jpanel:before {
    cursor: pointer;
    margin-right: 0;
    padding: 5px 6px;
    border: 1px solid transparent;
    border-radius: 100%;}


/* Dropdown menu
 *  */
#dropdown-menu-wrapper {
    position: fixed;
    top:0; right:0;
    clear: both;
    width: 100%;
    padding: 0;
    border: none;
    background: none;}
/* main nav */
ul.dropdown-menu {
    position: relative;
    z-index: 1;
    clear: both;
    display: none;
    float: none;
    width: 55%;
    margin: 0 auto;
    padding: 0;
    background-color: #4C4C4C;
    background-color: rgba(0, 0, 0, 0.7);}
ul.dropdown-menu li {margin: 0 0 0 22px;}

/* First Level */
#dropdown-menu-wrapper ul > li {
    clear: both;
    float: none;
    margin: 0;
    padding: 6px;
    text-align: center; 
    border-bottom: 1px solid #EFEFF4;
    border-bottom: 1px solid rgba(225, 225, 225, 0.3);
    border-right: none;}
#dropdown-menu-wrapper ul > li:last-child {border: none;}
#dropdown-menu-wrapper ul > li a {color: #DBDBDB;}

/* Second Level */
#dropdown-menu-wrapper ul ul {
    overflow: hidden;
    margin: 0;}
#dropdown-menu-wrapper ul li ul {margin: 21px 0;}
#dropdown-menu-wrapper ul li ul li {
    padding: 0;
    border-bottom: 1px solid gray;}
#dropdown-menu-wrapper ul ul li a {text-align: center;}

ul.dropdown-menu ul li {
    border-bottom: 1px solid gray;
    background-color: #DBDBDB;}
ul.dropdown-menu ul li a {color: #4C4C4C!important;} 


/* Slider 
 * */
.flexslider  {
    position: relative;
    z-index: 0;}
#flexslider-top .flexslider {
    padding: 0 0 6px 0;
    overflow: hidden;}
.slideshow-top-caption {visibility: hidden;}
       

/* Columns 
 * */
.item-set-3-columns, .item-set-4-columns {width: 50%;}
.item-set-3-columns img, .item-set-4-columns img {width: 100%;}
.columns-3, .columns-4, .columns-5 {width: 50%;}
.one_half, .one_third, .two_third, .one_fourth, .one_fifth, .one_sixth {width: 48%;}    

/* Footer */        
.widget-footer {width: 25%;}

/* Template Widgetable */
.tw-sidebar-1 .searchform input[type="submit"], .tw-sidebar-2 .searchform input[type="submit"] {display: none;}

}



/* Max Width 480px
 *  */
@media only screen and (max-width:480px) {

.columns-4 img, .columns-5 img {
    float: none;
    width: 100%;}
    
.columns-3, .columns-4, .columns-5,
.one_half, .one_third, .two_third, .one_fourth, .one_fifth, .one_sixth,
.item-set-2-columns, .item-set-3-columns, .item-set-4-columns, .widget-footer {
    float: none;
    width: 100%;
    margin: 0 auto;}

/* Template Sitemap */    
.sidebar-sitemap {width: 100%;}

/* Template Widgetable */
.widgetable .columns-1, .widgetable .columns-2 {width: 100%;}
.tw-sidebar-1 > div, .tw-sidebar-2 > div {margin-right: 0; margin-left: 0;}

/* Search/404 */
#page-0 .patrb1 {padding: 0;} 
.columns-3 .pall1 {padding: 0;}  

}


/* Max Width 240px
 *  */
@media only screen and (max-width:240px) {

#container > div {margin: 0;}

.widget-footer {
    margin-bottom: 0;
    padding-bottom: 0;}


}