/* 
Theme Name: Flowfolio Ajax Theme
Theme URI: http://www.uiueux.com
Author: UXteam / Bwsm
Author URI: http://www.uiueux.com
Description: Flowfolio Ajax Responsive WordPress Theme.
Version: 1.1
License: GNU General Public License
License URI: license.zip
Tags: dark, light, white, black, gray, one-column, two-columns, left-sidebar, right-sidebar, fixed-width, flexible-width, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-image-header, featured-images, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready

Designed & Handcrafted by UXteam / Bwsm
All files, unless otherwise stated, are released under the GNU General Public License
version 3.0 (http://www.gnu.org/licenses/gpl-3.0.html)
	
Change log:
1.0 Initial release 20130109

-----------------------------------------------------------------------------------
	CSS Reset & Clearfix - http://meyerweb.com/eric/tools/css/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, font, 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 { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } body { line-height: 1; font-family: "proxima-nova",sans-serif; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } :focus { outline: 0; } ins { text-decoration: none; } del { text-decoration: line-through; } table { border-collapse: collapse; border-spacing: 0; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-block; } /* Hide from IE Mac \*/ .clearfix { display: block; } /* End hide from IE Mac */ .none { display: none; } /* End Clearfix */

img,iframe,object,embed{ margin-bottom:-6px; max-width:100%;}
.clear{ clear:both}
a{ text-decoration:none;color: #FFF;}
input,select,textarea{ -webkit-appearance: none;-moz-border-radius: 0px; -webkit-border-radius:0px; border-radius:0px;font-family:Arial, Helvetica, sans-serif;}

/*
-------------------------------------------
	General
-------------------------------------------
*/
html{ height:101%; width:100%; overflow-y:auto;overflow-x:hidden;}
body {font-family: Arial, sans-serif; font-weight: normal;font-size:12px;line-height:20px;margin: 0;padding: 0;height:100%;color: #FFF;background-color: #000;}
html>body { font-size:12px;line-height:20px;}
::selection {background:#cc3300;color:#fff;}
::-moz-selection{background:#cc3300;color:#fff;}
::-webkit-selection {background:#cc3300;color:#fff;}
#wrap{ width:100%; height:100%;margin:0 auto;text-align:left;}

/*
-------------------------------------------
	Side Wrap - logo/menu/social icons
-------------------------------------------
*/

#side_wrap{ position:fixed; left:30px; top:30px; z-index:999;}
#foot{ z-index:4; position:fixed; left:30px; top:114px;-webkit-overflow-scrolling: touch;}
.corner{ position:fixed;left:30px; bottom:20px;}
.foot_bg{ z-index:-999; position:fixed; bottom:0; left:0; width:1px; height:1px; -webkit-overflow-scrolling: touch; }
#copyright{ z-index:4;  left:30px; bottom:20px; color:rgba(155,155,155,0.4); }

/* Logo */
.logo_retina{ display:none }

/* Menu */
#navi{ position:relative; top:15px; }
#navi ul>li{ display:block; position:relative; }
#navi ul li a{ display:block; width:200px; height:40px; line-height:40px;margin-bottom:1px; padding-left:20px; background:rgba(255,255,255,0.8); 
-webkit-transition-duration: 0.30s;  
-webkit-transition-timing-function: ease-out;  
-moz-transition-duration: 0.30s;
-moz-transition-timing-function: ease-out; }
#navi ul li a:hover{  color:#fff; }
#navi ul li .has-sub{ display:inline-block; width:4px; height:4px; margin-left:5px; }
#navi ul li a:hover .has-sub{ background-color:#fff; }
#navi .sub-menu{ display:none; position:absolute; left:100%; top:100%; margin-top:-40px; padding-left:1px; }
#navi .sub-menu li{ position:relative; }
#navi .sub-menu li{ margin-bottom:0\0; }
#navi .sub-menu .sub-menu li{ margin-left:0\0; }
.mobileMenu{ margin:10px 0 10px; padding:10px; width:75px; text-align:center; font:13px; border:none; color:rgba(255,255,255,0.7); background: rgba(0,0,0,0.8) url(img/icon.png) no-repeat 47px -29px;
-webkit-appearance: none; 
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; 
filter:alpha(opacity=80); 
opacity: .8;}

/* Twitter */
#tweet_wrap{ position:relative; width:180px;  margin-top:30px; padding:10px 20px; font-style:italic; background:rgba(255,255,255,0.8); color:#999; }
#tweet_wrap a{ color:#999; }
#tweet_wrap h3{ color:#666; font-style:normal; font-weight:normal; }
span.arrow{ display:block; position:absolute; bottom:-30px; right:10px; height: 10px; width:0; 
border-bottom: 20px solid rgba(255,255,255,0.8);
border-left: 20px solid transparent;
transform: rotate(-90deg);
-webkit-transform:rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform:rotate(180deg);}
span.arrow:after{ content:''; position:absolute; left:-26px; top:26px; width:21px; height:17px; display:block; float:left;  }
span.tweet_time{ display:block; text-align:right; }
span.tweet_text{ display:block;   }

/* social icons */

#social_foot{ display:block;  left:30px; bottom:45px; cursor:pointer; }
#social_foot a.social_active{ display:inline-block; position: relative; text-indent: -9999px; width:32px; height:32px; margin:0 1px; opacity:0.8; }
#social_facebook{ background:url(img/icon/facebook.png) no-repeat; }
#social_facebook span{ background:url(img/icon/facebook.png) no-repeat 0 -35px; }
#social_twitter{ background:url(img/icon/twitter.png) no-repeat; }
#social_twitter span{ background:url(img/icon/twitter.png) no-repeat 0 -35px; }
#social_dribbble{ background:url(img/icon/dribbble.png) no-repeat }
#social_dribbble span{ background:url(img/icon/dribbble.png) no-repeat 0 -35px;  }
#social_flickr{ background:url(img/icon/flickr.png) no-repeat }
#social_flickr span{ background:url(img/icon/flickr.png) no-repeat 0 -35px; }
#social_forst{ background:url(img/icon/forst.png) no-repeat}
#social_forst span{ background:url(img/icon/forst.png) no-repeat  0 -35px;}
#social_github{ background:url(img/icon/github.png) no-repeat }
#social_github span{ background:url(img/icon/github.png) no-repeat  0 -35px;}
#social_linkedin{ background:url(img/icon/linkedin.png) no-repeat }
#social_linkedin span{ background:url(img/icon/linkedin.png) no-repeat 0 -35px;  }
#social_pinterest{ background:url(img/icon/pinterest.png) no-repeat }
#social_pinterest span{ background:url(img/icon/pinterest.png) no-repeat 0 -35px; }
#social_instagram{ background:url(img/icon/instagram.png) no-repeat }
#social_instagram span{ background:url(img/icon/instagram.png) no-repeat 0 -35px; }
#social_rss{ background:url(img/icon/rss.png) no-repeat}
#social_rss span{ background:url(img/icon/rss.png) no-repeat 0 -35px; }
#social_skype{ background:url(http://duncansheik.com/wp-content/themes/flowfolio/img/icon/skype.png) no-repeat }
#social_skype span{ background:url(http://duncansheik.com/wp-content/themes/flowfolio/img/icon/skype.png) no-repeat 0 -35px; }
#social_vimeo{ background:url(img/icon/vimeo.png) no-repeat}
#social_vimeo span{ background:url(img/icon/vimeo.png) no-repeat 0 -35px; }
#social_youtube{ background:url(img/icon/youtube.png) no-repeat  }
#social_youtube span{ background:url(img/icon/youtube.png) no-repeat 0 -35px;}
#social_trumblr{ background:url(img/icon/tumblr.png) no-repeat }
#social_trumblr span{ background:url(img/icon/tumblr.png) no-repeat 0 -35px; }
#social_google_plus{ background:url(img/icon/googleplus.png) no-repeat  }
#social_google_plus span{ background:url(img/icon/googleplus.png) no-repeat 0 -35px; }
#social_foot a.social_active span{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; opacity: 0;
-webkit-transition: opacity 0.2s;
   -moz-transition: opacity 0.2s;
	 -o-transition: opacity 0.2s;}
#social_foot a.social_active:hover span{ opacity: 1;}

/* Search */
#search{ width:150px;  left:30px; bottom:95px; }
.submitsearch{ display:none; width:15px; height:20px ;border:none;  }
.submitsearchw{ display:inline-block; width:15px; height:20px ;border:none;  background:url(img/icon.png) no-repeat -215px 5px; }
.textboxsearch{ display:inline-block; position:relative; top:-5px; font-size:12px; border:none; width:130px; color:#fff; background:none; }
#search span.searchicon{ display:inline-block; content:''; width:2px; height:19px; margin-right:5px; background-color:#fff}


/*
-------------------------------------------
	3. Main list
-------------------------------------------
*/
ul#list_wrap{ z-index:2; display:block; margin:30px 30px 30px; }
.line_type_mask{ z-index:-1; position:fixed; left:0; top:0; width:100%; min-height:100%; }
#line_type_wrap{ position: absolute;right:0 }
li.gallery_unit{ float:left; display:block;  }
li.gallery_unit img{ width:80px; height:80px;}
li.list_unit{ display:block; margin-bottom:20px; }
.unit_excerpt h2 a{ display:block; margin-bottom:10px; font-style:normal; font-weight:normal;  }
h2.unit_title p{ font-style:italic; }
h2.unit_title .unit_subtitle{ display:block; font-size:12px; font-style:italic; padding-top:10px; padding-right:10px; color:rgba(255,255,255,0.5); }
h2.unit_title a.post-edit-link{ display:inline-clock; font-size:12px; background-image:none; font-style:italic; color:rgba(255,255,255,0.45); }
h2.unit_title a.post-edit-link:before{ background:none; }
.unit_gallery_wrap,.unit_stand_wrap{ margin-left:10px; }
ul.unit_gallery{ float:right; display:inline-block; width:auto; max-width:320px; padding:20px; margin-left:30px; }
.unit_excerpt { float:right; width:320px; padding:20px 20px 0px 20px; font-style:italic; font-weight:300; color:#ababab;  background:#fff; }
.unit_excerpt a.more{ margin-bottom:20px; margin-top:10px; }
.unit_excerpt p a{ color:#cc3300;}
.unit_excerpt p.more{ display:inline-block; padding-right:15px; margin-bottom:10px; }
ul.unit_gallery,.unit_excerpt,.archive_title{ background:#f3f3f3; }
.unit_video{ padding:20px;}
.content_wrap .videoWrapper{ margin-bottom:20px; }
.arrow_unit_gallery{ z-index:2; display: block; position: relative; left:429px; top:2px; height:0; width: 5px; }
.arrow_unit_gallery s{ border-style: solid; border-width:7px 0 6px 7px; display: block;position: relative;top: 1px;border-color: transparent #f3f3f3;}
.round_unit_gallery{ position:relative; left:445px; top:6px; width:7px; height:7px;background:#fff;
-webkit-border-radius:3px;
 -moz-border-topright:3px;
		border-radius:3px; }
@-moz-document url-prefix()
{.round_unit_gallery{ left:446px; }}		
img.thum_excerpt{ margin-right:20px; margin-bottom:10px;}
img.audio_img { width:80px; height:80px; margin-bottom: 14px; }
img.video_img { width:160px; height:160px; margin-right:20px; margin-bottom:20px; }
.unit_excerpt,.audio-brief h4 { font-weight:300; font-style:italic; }
a.playvideo,.unit_excerpt a.more { display:inline-block; height:20px; line-height:20px; padding: 0 8px; margin-bottom:10px; color:#fff;
-webkit-border-radius:1px;
 -moz-border-topright:1px;
		border-radius:1px;}
.audio_wrap { margin-left:80px; margin-right:-10px; }
.nopost{ padding-bottom:10px; }
.brief .brief_excerpt{ margin-bottom:10px; }
.brief .brief_title{ margin-bottom:10px; }
.archive_title_wrap { float:right; width:320px; margin:30px; text-align:right  }
.archive_title{ display:inline-block; width:auto; font-style:normal; font-weight:normal;  padding:20px; }


/* Pagenation infscr-loading */

#page-nav{ display:none; }
@-webkit-keyframes Breathing {
  from { -webkit-box-shadow: 0 0 9px #dedede; }
  50% { -webkit-box-shadow: 0 0 18px #e7e7e7; }
  to { -webkit-box-shadow: 0 0 9px #dedede; }
}

#infscr-loading { position:absolute; bottom:10px; right:30px; width:39px; height:11px; opacity:0.5; background: #333 url(img/loading-infi.gif) no-repeat; 
-webkit-border-radius:2px;
 -moz-border-topright:2px;
		border-radius:2px;
-webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.6);
-moz-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.6);
box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.6);		
}
#infscr-loading img { display:none; }

/* Full screen slider */
#bigimg_loading{ position:fixed; left:47%; top:50%; font-size:60px;font-style:italic; color:#fff; }
.bigimg_loading_p{ font-size:24px; display:inline-block;}
#bigimg_toolbar{ position:fixed; right:0; top:50%;}
a.bigimg_npbtn{display:inline-block;width:54px; height:54px; font-size:36px; line-height:54px; text-align:center; margin-left:17px; background:#FFCC00}
a.bgimg_share,a.bgimg_info,a.bgimg_back{display:inline-block; color:#FFCC00; width:40px;margin-left:17px;}
.back_mask{ z-index:-990; position: fixed; left:0; top:0; width:100%; height:100%; background:url(img/bg_mask.png);}
/*animate style*/
.transitionSceneID { display: none; }
/*animate style*/
.ajaxloading{ width:62px; height:62px; position:fixed; left:50%; top:50%; right:auto; bottom:auto; margin-top:-31px; margin-left:-31px; z-index:999; background:#fff url(img/loading.gif) no-repeat 50% 50%;
-webkit-border-radius:31px;
 -moz-border-topright:31px;
		border-radius:31px;}
.ajaxloading_back_layer{ width:100%; min-height:100%; z-index: 998;position: absolute;top: 0;left: 0; background:url(img/bg_mask.png);}

/*
----------------------------------------------------
	Content page (Fullcreen Mode/Standard Mode)
-----------------------------------------------------
*/
.content_wrap{ position:relative; width:560px; min-height:100%; background-color:rgba(255,255,255,0.95);display: none;margin-right:30px; margin-left: auto;margin-top: 600px; color:#666;}
.content_wrap .entry{ color:#777; padding: 0 50px; }
/* 
Fullcreen Mode - Tip box */
.display_switch{ left:0 }
.display_switch_false{ left:-620px; }
#map_canvas { width:460px; height:120px;}
#map_canvas img,#map_canvas iframe,#map_canvas object,#map_canvas embed{ margin-bottom:0; max-width:none; }
.gallery_tip{ position:fixed; top:50%; right:auto; left:-620px; z-index:3; width:620px; margin-top:-48px; color:#999; }
.gallery_tip_wrap{ }
.gallery_tip_wrap .tip_con{ max-height:200px; padding:20px 0 20px 50px; overflow:auto; background-color:#f6f6f6}
.gallery_tip .close_mobile{ display:none; position:absolute; right:0px; top:0px; width:30px; height:30px; background:url(img/icon.png) no-repeat -83px 3px; }
ul.like_icon_intip { padding:40px 0 10px 50px; background-color:rgba(246, 246, 246, 0.6); }
ul.like_icon_intip.icon_inlist { padding:0; margin-bottom:10px; background:none; }
ul.like_icon_intip li{ float:left;width:80px; margin-bottom:20px; }
ul.like_icon_intip li.facebook{ margin-right:9px; margin-bottom:16px;  }
ul.like_icon_intip li.tweet{ width:88px;}
ul.like_icon_intip li.google{float:left; margin-left:7px; width:75px;}
/*  
Fullscreen Mode - Toolbar
*/
.gallery_toolbar{ position:fixed; right:0px; top:50%; margin-top:-20px; height:40px; width: auto; z-index:9; display: none;}
.gallery_toolbar>a{ display:inline-block; position:relative; text-indent: -9999px; width:40px; height:40px; margin-left:2px; background-image:url(img/fullscreen_tools.png); background-color:#f6f6f6;
background-repeat:no-repeat; 
-webkit-transition-duration: 0.20s;  
-webkit-transition-timing-function: ease-out;  
-moz-transition-duration: 0.20s;
-moz-transition-timing-function: ease-out;	}
.gallery_toolbar>a:hover{ background-color:#e73f18; }
.gallery_toolbar>a.gallery_play { background-position:-62px -62px; margin-right:-3px;}
.gallery_toolbar>a.gallery_play.gallery_pause{ background-position:-62px -20px; margin-right:-3px;}
.gallery_toolbar>a.gallery_back,
.gallery_toolbar>a.gallery_back_nojax{ position:absolute; right:-126px; background-position:-230px -62px; }
.gallery_toolbar>a.gallery_back>span,
.gallery_toolbar>a.gallery_back_nojax>span{ background-position:-270px -70px;}
.gallery_toolbar>a.gallery_back:hover>span,
.gallery_toolbar>a.gallery_back_nojax:hover>span{ opacity:1;}
.gallery_toolbar>a.tip{ background-position: -104px -62px;}
.gallery_toolbar>a.tip.tip_close{ background-position:-104px -62px;}
/* 
Standard Mode 
*/
.four_wrap{ top:30%; min-height:inherit; height:auto; }
.content_wrap h1, .gallery_tip h1{ font-size:36px; line-height:40px;padding-bottom:20px; font-weight:400; font-style:normal;  color:#444; }
.gallery_tip h1 { padding:40px 50px; background-color:rgba(246,246,246,0.6); }
.content_wrap h1 { padding:50px; font-size:48px; }
.closeBtn{ cursor:pointer;z-index: 999;display: block; border-bottom: 40px solid #333333; border-left: 40px solid transparent; width: 0;height: 10px; position: absolute; right: 5px; top: -5px;
transition-duration: 0.2s;
transition-timing-function: ease-out; 
transform: rotate(-90deg);
-webkit-transform:rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform:rotate(-90deg);}
.closeBtn:after { content: "";display: block;float: left; width: 21px; height: 17px; position: absolute; top: 26px; left: -26px; background: url("img/icon.png") no-repeat scroll 9px 7px transparent; }
.content_wrap .meta ul.like_icon_instand{ display:block; }
ul.like_icon_instand li{ float:left; width:80px; margin-bottom:20px; }
ul.like_icon_instand li.post_facebook{ float:left; width:80px; margin-right:5px;}
ul.like_icon_instand li.post_tweet{float:left; width:90px; margin-right:1px;}
ul.like_icon_instand li.post_googleplus{float:left; width:70px;}
.content_wrap .meta{ margin:10px 50px 0 50px; font-style:italic; color:#666; }
.meta .author{ padding:0 10px;}
blockquote ul li { list-style: disc; margin-left:20px; }
.single-audio { padding:0px 20px 10px 30px; }
.entry p,.tip_con p{ margin-bottom:20px; }
/*
404 
*/
#fourofourwrap{ width:380px; padding:40px; margin:60px auto; font-family:'Asul', sans-serif; color:rgba(0,0,0,0.5); }
#fourofourwrap h1{ font-size:52px; padding-bottom:40px; font-weight:normal;  }

/*-------------------------------------------
	Commnet & Respond area / contact form
-------------------------------------------*/
/* Repond comment box */
#comments_box{ margin-top:40px; }
span#comments{ display:block; font-weight:normal; background-repeat:no-repeat;padding-right:10px; margin-left:50px; margin-bottom:40px; font-size:14px; color:#666; }
.ico-arrow{background-position:100% 3px;}
.ico-arrow-toggle{ background-position:100% -13px;}
.avatar{ float:left; margin-right:10px; }
.comm-u-wrap{ padding-left:60px; }
li.commlist-unit{ margin-top:20px;}
.comment-meta .reply,.comment-meta .date{ padding-left:5px;}
ol.commentlist{ font-style:italic; margin:0 50px; }
.content_wrap ul.children{ margin:0 30px;}
#respond{ margin:40px 50px 30px 50px;}
.respondbtn{ padding-right:10px; margin-bottom:30px; font-size:14px; color:#666; }
.respondbtn-open{ background-position: 100% -13px; }
.respondbtn-close{ background-position: 100% 3px; }
#respond textarea { width:441px; height:108px; padding:5px 9px 5px 8px; margin-bottom:11px; margin-top:13px; }
#respond #author { width:94px; float:left; margin-right:18px; }
#respond #email{ width:94px;float:left; margin-right:18px; }
#respond #url{ float:left; width:175px; margin-right:0; }
#respond input,.contactform input{ margin-top:10px; margin-right:5px; height:16px; padding:6px 10px 5px 8px; }
#respond input#submit{ height:28px; cursor:pointer; line-height:28px; width:auto; float:none;margin-top:0px; padding:0 10px;
-webkit-border-radius:2px;
-moz-border-radius:2px;
border-radius:2px;-webkit-transition-duration: 0.20s;  
-webkit-transition-timing-function: ease-out;  
-moz-transition-duration: 0.20s;
-moz-transition-timing-function: ease-out;}
.sucess-tip{ display:block; margin-top:20px;}
#loading{ margin-bottom:10px;}
#commentform #error{margin-bottom:10px;}
/* Contant form*/
.contactform { margin:0 50px 50px;}
.contactform h2{ font-weight:normal; font-size:16px;  margin-bottom:20px; margin-top:40px; color:#333; }
.contactform #idi_name,.contactform #idi_mail{ width:241px; }
.contactform textarea{ width:241px; height:50px;padding:5px 9px 5px 8px;margin-bottom:11px;margin-top:13px;}
.contactform input.idi_send{ float: none; width:auto; cursor:pointer; height:28px; line-height:28px; padding:0 10px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
-webkit-transition-duration: 0.20s;  
-webkit-transition-timing-function: ease-out;  
-moz-transition-duration: 0.20s;
-moz-transition-timing-function: ease-out;}
.sending{ float:left; display:block;width:80px ;height:27px;line-height:27px;}


/*
-------------------------------------------
 	Shortcodes
-------------------------------------------*/
/*coloum*/
.one-third-c {width:30%;float: left;margin-right:3%;}
.one-half-c {width:45%;float: left;margin-right:5%;}
.one-fourth-c {width:20%;float: left;margin-right:5%;}
.one-fifth-c {width:18%;float: left;margin-right:2%;}
.one-sixth-c {width:15%;float: left;margin-right:1%;}
.five-sixth-c {width:79%;float: left;margin-right:1%;}
.two-fifth-c {width:38%;float: left;margin-right:2%;}
.three-fifth-c {width:58%;float: left;margin-right:2%;}
.four-fifth-c {width:78%;float: left;margin-right:2%;}
.three-fourth-c {width:70%;float: left;margin-right:5%;}
.two-third-c {width:63%;float: left;margin-right: 3%;}
.one-fourth-c.last, .one-third-c.last, .two-third-c.last , .one-half-c.last,.three-fourth-c.last,.one-fifth-c.last,.two-fifth-c.last,.three-fifth-c.last,.four-fifth-c.last,.one-sixth-c.last,.five-sixth-c.last { margin-right:0; margin-bottom:0; }
/*buttons*/
a.btn{ display: inline-block; font-size:12px;padding:4px 10px 4px 10px;cursor:pointer;border-style:solid; border-width:1px; margin-bottom:10px; 
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
-webkit-transition-duration: 0.20s;  
-webkit-transition-timing-function: ease-out;  
-moz-transition-duration: 0.20s;
-moz-transition-timing-function: ease-out;}
a.btn.black{ color:#fff; background-color:#333; border-color:#585858; }
a.btn.grey{ color:#fff; background-color:#666; border-color:#585858; }
a.btn.blue{ color:#fff;background-color:#5e8fe7; border-color:#2f71df;  }
a.btn.green{ color:#fff;background-color:#00b976; border-color:#009465;}
a.btn.pink{ color:#fff;background-color:#f025ab; border-color:#e01b9d;}
a.btn.red{ color:#fff;background-color:#e0562f; border-color:#da4319;}
a.btn.yellow{ color:#fff;background-color:#daaa1a; border-color:#d37200;}
a.btn:hover{ color:#fff;background-color:#717171; border-color:#666;}
/*typograph*/
h1.typograph { font-size: 32px; line-height:40px;margin: 0 0 20px 0; font-weight:normal;}
h2.typograph { font-size: 28px; line-height:40px;margin: 0 0 20px 0; font-weight:normal;}
h3.typograph { font-size: 24px; line-height:20px;margin: 0 0 20px 0; font-weight:normal;}
h4.typograph { font-size: 18px; line-height:20px;margin: 0 0 20px 0; font-weight:normal;}
h5.typograph { font-size: 16px; line-height:20px;margin: 0 0 20px 0; font-weight:normal;}
h6.typograph { font-size: 12px; line-height:20px;margin: 0 0 20px 0; font-weight:normal;}
.typograph.grey{ color:#999;}
/*hr line*/
.line { clear:both; color:#999; border-bottom-width:1px; height:19px;}
.line_solid{ border-bottom-style: solid;}
.line_dot{  border-bottom-style:dotted;}
.line_dashed{  border-bottom-style: dashed;}
.line_double{  border-bottom-style: double;}
.line_groove{  border-bottom-style: groove;}
.line_red{ border-bottom-color: #cc6666;}
.line_pink{ border-bottom-color: #882a7e;}
.line_brown{ border-bottom-color: #e3a600;}
.line_green{ border-bottom-color: #5bae55;}
.line_blue{ border-bottom-color: #4c8ac5;}
.line_grey{ border-bottom-color: #ccc;}
.line_dark{ border-bottom-color: #666;}
.line_black{ border-bottom-color: #000;}
.line_blank{ height:20px; clear:both; display:block;}
.line_clear{ height:0; clear:both;}
p.paragraph{line-height:20px;}
/*message box*/
.messagebox_blue{ background-color: #e2f3ff; background-image:url(img/ico_mesg1.png); background-repeat:no-repeat; background-position:20px 20px;border:1px solid #99ccff; color:#005a8e; padding:19px 20px 19px 48px; margin-top:20px; }
.messagebox_green{ background-color: #e2f4e3; background-image:url(img/ico_mesg2.png); background-repeat:no-repeat; background-position:20px 20px;border:1px solid #68d86d; color:#009900;padding:19px 20px 19px 48px; margin-top:20px; }
.messagebox_orange{ background-color: #f8f3e6; background-image:url(img/ico_mesg3.png); background-repeat:no-repeat; background-position:20px 20px;border:1px solid #e4c28e; color:#c97900;padding:19px 20px 19px 48px;margin-top:20px; }
.messagebox_red{ background-color: #f9ebeb; background-image:url(img/ico_mesg4.png); background-repeat:no-repeat; background-position:20px 20px;border:1px solid #edb0b0; color:#ed2700;padding:19px 20px 19px 48px;margin-top:20px; }
.messagebox_blue a, .messagebox_green a,.messagebox_orange a,.messagebox_red a{ color:#333; }
/*image*/
.imgborder0{ border:none;}
.imgborder1{ border:10px solid #ccc; }
.imgborder2{ border:5px solid #777; padding:5px;}
.imgborder3{ border:1px solid #ccc; padding:9px;}
.imgborder4{border:5px solid #d3ddea;}
.imgtext img{ margin-bottom:10px;}
.imgtextimgleft{ margin-right:20px; float:left }
.imgtextimgright{  margin-left:20px; float:right }
.imageshover{ position: relative; margin-left:auto; margin-right:auto;}
.imageshoverimg{position: absolute;top: 0; left: 0;z-index:98;}
.imageshoverp{  text-align:center; height:40px;line-height:40px; font-size:14px; color:#999; background-color:#000; position: absolute;bottom: 0; left: 0; z-index:99; display:none;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; 
filter:alpha(opacity=60); 
opacity: .6;}

/* toggle */
.toggle-title{  cursor:pointer;  }
.toggle-title:before { display:inline-block; content:""; width:14px; height:10px; background: url("img/icon.png") no-repeat -285px -28px; }
.toggle-des{ display:none; margin-top:20px; margin-bottom:20px; padding-left:20px; }
.toggle h6{ font-family:Tahoma , arial, serif; }
/*border style*/
.border-style1{ border:5px solid #fff;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
-moz-box-shadow:0px 2px 5px #a3a3a3;
-webkit-box-shadow:0px 2px 5px #a3a3a3;
box-shadow: 0px 2px 5px #a3a3a3;}
.border-style2{border:10px solid #dadada;}
.border-style3{border:1px solid #dadada; padding:10px;}
/* face */
.layout-status p{display:inline-block; }
.face{ display:inline-block; width:22px; height:22px; margin-top:-2px; margin-bottom:-5px; background-repeat:no-repeat}
.face.crying{ background: url(img/face/face-crying.png);}
.face.laughing{ background: url(img/face/face-laughing.png);}
.face.sleep{ background: url(img/face/face-sleep.png);}
.face.wink{ background: url(img/face/face-wink.png);}
.face.embarrassed{ background: url(img/face/face-embarrassed.png);}
.face.foot-in-mouth{ background: url(img/face/face-foot-in-mouth.png);}
.face.kiss{ background: url(img/face/face-kiss.png);}
.face.plain{ background: url(img/face/face-plain.png);}
.face.surprise{ background: url(img/face/face-surprise.png);}
/* social icons*/
a.social_shortcode{ display:inline-block; width:32px; height:32px; margin:5px;
-webkit-transition-duration: 0.20s;  
-webkit-transition-timing-function: ease-out;  
-moz-transition-duration: 0.20s;
-moz-transition-timing-function: ease-out; 
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; 
filter:alpha(opacity=40); 
opacity: .9;}
a.social_shortcode:hover{-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; 
filter:alpha(opacity=70); 
opacity: .6;}
a.social_shortcode.social_shortcode_facebook { background:url(img/icon/facebook.png) no-repeat 0 -35px; }
a.social_shortcode.social_shortcode_twitter { background:url(img/icon/twitter.png) no-repeat 0 -35px; }
a.social_shortcode.social_shortcode_youtube { background:url(img/icon/youtube.png) no-repeat 0 -35px; }
a.social_shortcode.social_shortcode_googleplus { background:url(img/icon/googleplus.png) no-repeat 0 -35px; }
a.social_shortcode.social_shortcode_flickr { background:url(img/icon/flickr.png) no-repeat 0 -35px; }
a.social_shortcode.social_shortcode_vimeo { background:url(img/icon/vimeo.png) no-repeat 0 -35px; }
a.social_shortcode.social_shortcode_linkedin { background:url(img/icon/linkedin.png) no-repeat 0 -35px; }
a.social_shortcode.social_shortcode_pinterest { background:url(img/icon/pinterest.png) no-repeat 0 -35px; }
a.social_shortcode.social_shortcode_instagram { background:url(img/icon/instagram.png) no-repeat 0 -35px; }
a.social_shortcode.social_shortcode_tumblr { background:url(img/icon/tumblr.png) no-repeat 0 -35px; }
a.social_shortcode.social_shortcode_skype { background:url(http://duncansheik.com/wp-content/themes/flowfolio/img/icon/skype.png) no-repeat 0 -35px; }
a.social_shortcode.social_shortcode_dribbble { background:url(img/icon/dribbble.png) no-repeat 0 -35px; }
a.social_shortcode.social_shortcode_forst { background:url(img/icon/forst.png) no-repeat 0 -35px; }
a.social_shortcode.social_shortcode_github { background:url(img/icon/github.png) no-repeat 0 -35px; }
a.social_shortcode.social_shortcode_rss { background:url(img/icon/rss.png) no-repeat 0 -35px; }

/*gallery*/
.gallery { margin-left:-5px; margin-bottom:15px; }
.gallery dl { display:inline-block; margin-left:5px; margin-bottom:5px;  }
.gallery dl dt{ position:relative; 
-webkit-transition-duration: 0.20s;  
-webkit-transition-timing-function: ease-out;  
-moz-transition-duration: 0.20s;
-moz-transition-timing-function: ease-out;}
.gallery dl dt:hover{  
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; 
filter:alpha(opacity=70); 
opacity: .6;}


/*
-------------------------------------------
 	Fullscreen sldier plugin
-------------------------------------------*/

.galleria-container { position: relative; overflow: hidden;}
.galleria-container img {
    -moz-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;}
.galleria-stage { position: absolute; top: 0; bottom: 0; left: 0; right: 0; overflow:hidden;}
.galleria-thumbnails-container { height: 50px; bottom: 0; position: absolute; width:60%; right: 10px; z-index: 2;}
.galleria-carousel .galleria-thumbnails-list {margin-left: 30px;margin-right: 30px;}
.galleria-thumbnails .galleria-image { height: 40px; width: 60px; background: transparent; margin: 0 5px 0 0; border: none; float: left; cursor: pointer;}
.galleria-counter { position: absolute; bottom: 10px; left: 10px;padding:5px; text-align: right; color: #fff; background-color:#333; font: normal 11px/1 arial,sans-serif; z-index: 1;}
.galleria-loader { display: none;width:62px; height:62px; position:fixed; left:50%; top:50%; right:auto; bottom:auto; margin-top:-31px; margin-left:-31px; z-index:999; background:#fff url(img/loading.gif) no-repeat 50% 50%;
-webkit-border-radius:31px;
 -moz-border-topright:31px;
		border-radius:31px;}
.galleria-info {}
.galleria-info-text { display: none;/* IE7 */ zoom:1;}
.galleria-info-title { font: bold 12px/1.1 arial,sans-serif; margin: 0;color: #fff; margin-bottom: 7px;}
.galleria-info-description { margin: 0;}
.galleria-info-close { width: 9px; height: 9px; position: absolute; top: 5px; right: 5px; background-position: -753px -11px; opacity: .5; filter: alpha(opacity=50);cursor: pointer; display: none;}
.notouch .galleria-info-close:hover{opacity:1; filter: alpha(opacity=100);}
.touch .galleria-info-close:active{opacity:1; filter: alpha(opacity=100);}
.galleria-info-link {background-position: -669px -5px;opacity: .7;filter: alpha(opacity=70);position: absolute;width: 20px; height: 20px; cursor: pointer;background-color: #000;}
.notouch .galleria-info-link:hover {opacity: 1; filter: alpha(opacity=100);}
.touch .galleria-info-link:active {opacity: 1; filter: alpha(opacity=100);}
.galleria-image-nav {position: fixed;width: 100%;height: 40px;left: 0; top:50%; margin-top:-20px;}
.galleria-image-nav-left,
.galleria-image-nav-right { opacity: 1; float: left; filter: alpha(opacity=100); cursor: pointer; width: 40px; height:40px; position: absolute; right: 104px;  z-index: 9; background-position: 0 0;
-webkit-transition-duration: 0.20s;  
-webkit-transition-timing-function: ease-out;  
-moz-transition-duration: 0.20s;
-moz-transition-timing-function: ease-out;	}
.galleria-image-nav-right {right:42px; background-position: -188px -62px; z-index: 2;}
.galleria-image-nav-left { right:84px; background-position: -146px -62px;  }
.notouch .galleria-image-nav-left:hover { }
.notouch .galleria-image-nav-right:hover {  /*opacity: 1; filter: alpha(opacity=100);*/}
.touch .galleria-image-nav-left:active{ }
.touch .galleria-image-nav-right:active {  /*opacity: 1; filter: alpha(opacity=100);*/}
.galleria-thumb-nav-left,
.galleria-thumb-nav-right { cursor: pointer; display: none; background-position: -495px 5px; position: absolute; left: 0; top: 0; height: 40px; width: 23px; z-index: 3; opacity: .8; filter: alpha(opacity=80);}
.galleria-thumb-nav-right { background-position: -578px 5px; border-right: none;right: 0;left: auto;}
.galleria-thumbnails-container .disabled { opacity: .2; filter: alpha(opacity=20);cursor: default;}
.notouch .galleria-thumb-nav-left:hover,
.notouch .galleria-thumb-nav-right:hover {opacity: 1; filter: alpha(opacity=100); background-color: #111;}
.touch .galleria-thumb-nav-left:active,
.touch .galleria-thumb-nav-right:active { opacity: 1; filter: alpha(opacity=100); background-color: #111;}
.notouch .galleria-thumbnails-container .disabled:hover {opacity: .2; filter: alpha(opacity=20); background-color: transparent;}
.galleria-carousel .galleria-thumb-nav-left,
.galleria-carousel .galleria-thumb-nav-right { display: block;}
.galleria-image-nav-left,
.galleria-image-nav-right{background-image: url(img/fullscreen_tools.png); background-color:#f6f6f6;background-repeat: no-repeat;}
.galleria-image-nav-left:hover,
.galleria-image-nav-right:hover{ background-color:#e73f18;}
.galleria-info-link,
.galleria-info-close,
.galleria-thumb-nav-left,
.galleria-thumb-nav-right {/* background-image: url(http://duncansheik.com/wp-content/themes/flowfolio/classic-map.png);*/ background-repeat: no-repeat;}
#galleria,#galleria_post,#galleria_video_post{width:100%; height:100%; position:fixed; top:0; left:0; z-index:0;-webkit-overflow-scrolling: touch;}
#galleria{ z-index:-999;}
#galleria_post .galleria-image-nav{ z-index:999;}
#galleria_video_post .galleria-image-nav{ z-index:999;}
/*
-------------------------------------------
 	Default font / color
-------------------------------------------*/
.content_wrap h1, .gallery_tip h1,.respondbtn,span#comments{font-family:'Anton', sans-serif;}
#navi ul li a,
.unit_excerpt p a,
.content_wrap .entry a,
.content_wrap .meta a,
.gallery_tip a,
#respondwrap a,
#comments_box a,
.sucess-tip a,
.comment-author a,
.tip_con a,
#fourofourwrap a,
.toggle h6:hover{ color:#f25e4e;
-webkit-transition-duration: 0.20s;  
-webkit-transition-timing-function: ease-out;  
-moz-transition-duration: 0.20s;
-moz-transition-timing-function: ease-out;  }

#navi ul li a:hover,.gallery_toolbar > a:hover,.galleria-image-nav-left:hover, .galleria-image-nav-right:hover,.mejs-controls .mejs-time-rail .mejs-time-current,#navi ul li .has-sub,a.playvideo,.unit_excerpt a.more{ background-color:#f25e4e; }
.closeBtn:hover{ border-bottom:40px solid #f25e4e; }
.gallery_toolbar > a {
	/*float: left;*/
}
/* contact form - repond comment box color */
#respond textarea,#respond input,.contactform input,.contactform textarea{color:#abaaa8; border:1px solid #dfdfdf;background:#eaecee;}
#respond input:focus,#respond textarea:focus,.contactform input:focus,.contactform textarea:focus{ color:#666;border:1px solid #e6bcbc; }
#respond input#submit,.contactform input.idi_send,
.pagination .next,.pagination .pre,.tw_style a{border:1px solid #cb4c29; color:#fff;background-color:#dc5631;}
#respond input#submit:hover,.contactform input.idi_send:hover,
.pagination .next:hover,.pagination .pre:hover,.tw_style a:hover{border:1px solid #f25e4e;background-color:#d84717; color:#fff2ee}
#commentform,commentform a{ coloe:#ccc; }
#comments_box { color:#666; }
.comment-meta, 
.comment-meta a, 
.cancel-comment-reply a{ color:#999; }

.content_wrap .entry a:hover,
.content_wrap .meta a:hover,
.gallery_tip a:hover,
#respondwrap a:hover,
#comments_box a:hover, 
.sucess-tip a:hover,
.comment-author a:hover,
.tip_con a:hover{ color:#333; }

.unit_excerpt h2 a, .audio-brief h3, h2.archive_title{ color:#666; }

/*
-------------------------------------------
	jPlayer Plugin
-------------------------------------------
*/
.jp-audio ul { list-style:none; }
.audio-wrap { margin:0 0 20px 100px; }
.audio-brief h3{font-size: 16px;font-style:normal; font-weight:normal;}
.audio-brief h4{font-size: 12px;font-style:normal; font-weight:normal;}
.audio-wrap ul { margin:0; }
.jp-audio { height:40px; max-width:100%; background-position:-1px -1px; overflow: hidden }
.jp-controls li a { height:40px; left:-19px; text-indent:-999em; top:2px; width:50px; }
.jp-progress { height:11px; left:27px; top:17px; width:100%; background-position:-65px -65px; position:relative; }
.jp-seek-bar,.jp-play-bar,.jp-volume-bar-value { height:11px; }
.jp-current-time { display:none; }
.jp-volume-bar { height:11px; right:10px; top:17px; width:34px; background-position:-65px -113px; }
.jp-volume-bar-knob { height:18px; position:absolute; right:-15px; top:-5px; width:18px; }
.jp-audio,.jp-volume-bar-value,.dulce-audio-thumb { position:relative; }
.jp-controls li a,.jp-progress,.jp-current-time,.jp-volume-bar { position:absolute; }
.jp-seek-bar,.jp-volume-bar,.jp-volume-bar-knob { cursor:pointer; }
.jp-play { background-position:5px -50px; z-index:2;  }
.jp-pause { display:none; background-position:7px -89px; z-index:1; }
.jp-play-bar,.jp-volume-bar-value { background-position:-65px -90px; border-radius:0 20px 20px 0; }
.jp-volume-bar-knob { background-position:-270px -210px; }
.jp-audio,.jp-play,.jp-pause,.jp-progress,.jp-play-bar,.jp-volume-bar,.jp-volume-bar-value { background-image:url(img/audioplayer.png); background-repeat:no-repeat; }
.jp-current-time { color:#BB4C17; }
.me-cannotplay{ display:none; }

/*
-------------------------------------------
 	 Other
-------------------------------------------*/

.wp-caption{}
.wp-caption-text{}
.sticky{}
.gallery-caption{}
.bypostauthor{}
.alignright{ text-align:left; }
.alignleft{ text-align:right; }
.aligncenter { text-align: center; }
.ajax_error{ z-index:999; position:fixed; left:50%; top:50%; width:350px; margin-left:-185px; padding:10px; text-align:center;  background-color:rgba(25,25,25,0.6); display: none; }
.ajax_error a{ text-decoration:underline; }

/*font color for shortcodes*/
.entry a.btn,.entry a.btn:hover,
.gallery_tip a.btn, .gallery_tip a.btn:hover { color:#fff; }
.entry .black,.gallery_tip .black{ color:#000;}
.entry .dark,.gallery_tip .dark{ color:#333;}
.entry .grey ,.gallery_tip .grey{ color:#999;}
.entry .red,.gallery_tip .red { color: #CC0000;}
.entry .green,.gallery_tip .green { color: #339933;}
.entry .yellow ,.gallery_tip .yellow{ color: #FFCC00;}
.entry .orange,.gallery_tip .orange { color: #FF6600;}
.entry .blue ,.gallery_tip .blue{ color: #003399;}
.entry .brown,.gallery_tip .brown { color: #CC6600;}
.entry .pink,.gallery_tip .pink { color: #FF3399;}
.gallery_tip h1.typograph,.entry h1.typograph { font-size: 32px; line-height:40px;margin: 0 0 20px 0; font-weight:normal; padding:0;}