/*

Theme Name: Coraline

Theme URI: http://themeforest.net/user/MattMao/portfolio

Description: A Portfolio WordPress Theme

Version: 2.1

Author: MattMao

Author URI: http://themeforest.net/user/MattMao

Copyright: (c) 2009-2011 themerecord.com

License: GNU General Public License version 3.0

License URI: http://www.gnu.org/licenses/gpl-3.0.html

*/






/*Fonts*/
@font-face {
	font-family: "NPNaipolAllinOne_Regular";
	src: url('assets/fonts/NP Naipol All in One_r.eot');
	src: url('assets/fonts/NP Naipol All in One_r.otf');
	src: url('assets/fonts/NP Naipol All in One_r.svg');
	src: url('assets/fonts/NP Naipol All in One_r.ttf');
	src: url('assets/fonts/NP Naipol All in One_r.woff');
}
@font-face {
	font-family: "NPNaipolAllinOne_Bold";
	src: url('assets/fonts/NP Naipol All in One_b.eot');
	src: url('assets/fonts/NP Naipol All in One_b.otf');
	src: url('assets/fonts/NP Naipol All in One_b.svg');
	src: url('assets/fonts/NP Naipol All in One_b.ttf');
	src: url('assets/fonts/NP Naipol All in One_b.woff');
}
@font-face {
	font-family: "NPNaipolAllinOne_BoldItalic";
	src: url('assets/fonts/NP Naipol All in One_bi.eot');
	src: url('assets/assets/fonts/NP Naipol All in One_bi.otf');
	src: url('assets/fonts/NP Naipol All in One_bi.svg');
	src: url('assets/fonts/NP Naipol All in One_bi.ttf');
	src: url('assets/fonts/NP Naipol All in One_bi.woff');
}
@font-face {
	font-family: "NPNaipolAllinOne_Italic";
	src: url('assets/fonts/NP Naipol All in One_i.eot');
	src: url('assets/fonts/NP Naipol All in One_i.otf');
	src: url('assets/fonts/NP Naipol All in One_i.svg');
	src: url('assets/fonts/NP Naipol All in One_i.ttf');
	src: url('assets/fonts/NP Naipol All in One_i.woff');
}

@font-face {
	font-family: "Play_Regular";
	src: url('assets/fonts/Play-Regular.eot'),
	url('assets/fonts/Play-Regular.otf'),
	url('assets/fonts/Play-Regular.svg'),
	url('assets/fonts/Play-Regular.ttf'),
	url('assets/fonts/Play-Regular.woff');
}

@font-face {
	font-family: "Play_Bold";
	src: url('assets/fonts/Play-Bold.eot'),
	url('assets/fonts/Play-Bold.otf'),
	url('assets/fonts/Play-Bold.svg') format('svg'),
	url('assets/fonts/Play-Bold.woff') format('woff'),
	url('assets/fonts/Play-Bold.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: "Play";
	src: url('assets/fonts/Play_Regular.ttf') format('truetype');
}

/**/
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
}
/* #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 {

		margin: 0;

		padding: 0;

		border: 0;

		font-size: 100%;

		font: inherit;

		vertical-align: baseline;

	}



	article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {

		display: block; 

	}





/* #Basic

================================================== */



	/*Fix the clear issue*/

	.hide { display: none; }



	.clear { clear: both; display: block; font-size: 0; height: 0; line-height: 0; width:100%;}



	.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 */ 



	.clear-fixed { height: 100%; overflow: hidden; }





	/* Links & Image*/

	a, a:hover, a:focus { text-decoration: none; }

	a:hover, a:active, a:focus { outline: none; }

	a img { border: none; }

	img { vertical-align: top; }





	/*Html Tags*/

	::-moz-selection { color: #FFFFFF; background: #72AEB4; text-shadow: none; }

	::selection { color: #FFFFFF; background: #72AEB4; text-shadow: none; }

	body { line-height: 1; }

	ul, ol { list-style: none; }

	abbr[title] { border-bottom: 1px dotted; }

	abbr:hover { cursor: help; }

	b, strong { font-weight: bold; }

	i, em, dfn { font-style: italic; }

	hr { display: block; height: 1px; border: 0; border-top: 1px solid #CCC; margin: 1em 0; padding: 0; }

	ins { background: #FFFF99; color: #000; text-decoration: none; }

	mark { background: #FFFF00; color: #000; font-style: italic; font-weight: bold; }

	pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

	blockquote, q { quotes: none; }

	blockquote:before, 

	blockquote:after,

	q:before, 

	q:after { content: ''; content: none; }

	small { font-size: 85%; }

	big { font-size: 135%; }

	sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

	sup { top: -0.5em; }

	sub { bottom: -0.25em; }





	/*Button, input, textarea*/

	button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }

	button, input { line-height: normal; *overflow: visible; }

	button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }

	textarea { overflow: auto; vertical-align: top; resize: vertical; }





	/*Tables*/

	table { width: 100%; border-collapse: collapse; border-spacing: 0; }

	td { vertical-align: top; }





/* #Typography

================================================== */



	/*Common*/

	body { font: 13px/1.8em Arial;  color: #666666; background-color: #FFF; }

	a { color: #72AEB4; }

	a:hover { color: #FF6600; }

	h1, h2, h3, h4, h5, h6 { color: #181818; } 

	b, strong { color: #181818; }

	blockquote {

		font-size: 14px; 

		font-style: italic;  

		padding-left: 70px; 

		background: url(assets/images/quote.png) no-repeat 0 10px;

	}

	pre { padding: 15px 20px; }

	code { display: block; padding: 15px 20px; }

	pre, code {

		border: 1px solid #E5E5E5;

		background: #F9F9F9;

	}



	table { 

		width: 100%;

		border-collapse: collapse; 

		text-align: left;

		background: #F9F9F9;

		border: 1px solid #E5E5E5;

	}



	th, thead td { 

		text-align: left;   

		font-weight: bold;

		padding: 8px 15px;

		background: #F1F1F1;

		color: #333;

	}



    td { 

		padding: 8px 15px; 

		border-top: 1px solid #E5E5E5;

	}



	.alignleft { float: left; text-align: left; margin-right: 20px; }

	.alignright { float: right; text-align: right; margin-left: 20px; }

	.aligncenter { margin: 0 auto; display: block; }



	h1, h2, h3, h4, h5, h6,

	nav,

	input, textarea,

	.page-header-breadcrumbs,

	.comment-meta .fn,

	.footer-message { font-family: 'Helvetica Neue', Helvetica, Arial, serif, sans-serif; }



	h1, h2, h3, h4, h5, h6,

	nav { font-weight: normal; }



	.meta,

	.more-link,

	.client-url a,

	.post-tags,

	.pagination,

	.normal-pagination,

	.comment-pagination,

	.site-slogan p,

	.widget-post li .post-entry .title { font-family: 'Noticia Text', Georgia, serif; }



	.site-slogan p a,

	.sortable-menu li a,

	.ajax-portfolio #close,

	.ajax-portfolio-list li .cats a,

	.post-desc-list li .cats a,

	.post-slide-list li .cats a,

	.post-desc-list .desc a,

	.portfolio-list li .cats a,

	.jcarousel-next, 

	.jcarousel-prev,

	.pagination a, 

	.pagination span,

	.normal-pagination a,

	.comment-pagination a, 

	.comment-pagination span,

	.post-item .overlay-icon,

	.post-portfolio-single .post-entry .post-meta .client-url a,

	.single-post-pagenation li a,

	.post-blog .post-meta .link a,

	.search-lists li .post-more a,

	.widget-post li .meta a,

	.widget_tag_cloud a,

	.blog-list .post-entry .more-link,

	.flex-direction-nav li a,

	.slideshow-next,

	.slideshow-prev,

	#commentform input[type="submit"],

	.contact-page input[type="submit"],

	.widget-post li .meta a,

	.widget-portfolio li .meta a,

	#footer-twitter .slides_container .slide .date a,

	.footer-message a {

		border-radius: 3px; 

		-moz-border-radius: 3px; 

		-webkit-border-radius: 3px; 

	}



	.comment-form-file input[type="text"],

	.comment-form-content,

	.widget-search .text-file,

	.contact-page input[type="text"],

	.contact-page #comments,

	#top-menu ul li ul li a:hover {

		border-radius: 4px; 

		-moz-border-radius: 4px; 

		-webkit-border-radius: 4px; 

	}





	/*Format CSS*/

	.post-format h1, 

	.post-format h2, 

	.post-format h3, 

	.post-format h4,

	.post-format h5, 

	.post-format h6 { 

		font-weight: bold;

	}



	.post-format h1, 

	.post-format h2, 

	.post-format h3, 

	.post-format h4 { 

		margin-bottom: 15px; 

	}



	.post-format h5, 

	.post-format h6 { 

		margin-bottom: 10px; 

	}



	.post-format h1 { font-size: 24px; line-height: 28px; }

	.post-format h2 { font-size: 20px; line-height: 22px; }

	.post-format h3 { font-size: 16px; line-height: 20px; }

	.post-format h4 { font-size: 14px; line-height: 18px; }

	.post-format h5 { font-size: 12px; line-height: 18px; }

	.post-format h6 { font-size: 10px; line-height: 16px; }



	.post-format p, 

	.post-format ul,  

	.post-format ol, 

	.post-format dl, 

	.post-format pre, 

	.post-format blockquote { 

		margin-bottom: 20px; 

	}



	.post-format ul li ul, 

	.post-format ol li ol, 

	.post-format ul li ol, 

	.post-format ol li ul { 

		margin: 10px 0; 

		padding: 0 0 0 40px; 

	}



	.post-format ul, 

	.post-format ol, 

	.post-format ul ul, 

	.post-format ol ol, 

	.post-format ul ol, 

	.post-format ol ul { 

		list-style-position: inside;

	}



	.post-format ul { list-style-type: disc; }

	.post-format ol { list-style-type: decimal; }

	.post-format ol ol { list-style-type: upper-alpha; }

	.post-format ol ol ol { list-style-type: lower-roman; }

	.post-format ol ol ol ol { list-style-type: lower-alpha; }



	.post-format ul.square { list-style: square; }

	.post-format ul.circle { list-style: circle; }

	.post-format ul.disc { list-style: disc; }



	.post-format dl dt { font-weight: bold; }

	.post-format dl dd { margin-left: 20px; }



	.post-format p a { border-bottom: 1px solid #E5E5E5; padding-bottom: 2px; }

	.post-format p a:hover { border-bottom: none; }



	.post-blog .post-entry .post-format img,

	.post-blog-single .post-format img { max-width: 520px; height: auto; }

	.post-portfolio-single .post-format img { max-width: 660px; height: auto; }

	.post-page-single .post-format img { max-width: 690px; height: auto; }

	.post-fullwidth-single .post-format img { max-width: 930px; height: auto; }
.post-fullwidth-single .post-format .content_right{
	 margin-left: 77px;
    margin-top: 60px;
}




	/*WP Default CSS*/

	.wp-caption { position: relative; }

	.wp-caption .alignnone { margin: 0 0 20px; }

	.wp-caption .alignleft { margin: 5px 20px 20px 0; }

	.wp-caption .alignright { margin: 5px 0 20px 20px; }

	.wp-caption .wp-caption-text {

		position: absolute;

		bottom: 0;

		left: 0;

		margin: 0;

		padding: 5px 20px; 

		background: #333;

		font-size: 14px; 

		color: #EEE;

	}



	.sticky, .gallery-caption, .bypostauthor { }





	/*No post*/

	.no-post { text-align: center; }

	.no-post h2 { font-size: 24px; margin-bottom: 15px; }

	.no-post p { font-size: 14px; }





	/*Content*/

	.post-entry-images ul {

		margin: 0;

	}



	.post-entry-images li {

		margin-bottom: 20px;

		list-style: none;

	}



	.post-entry-images li:last-child {

		margin: 0;

	}







/* #Image Effect

================================================== */



	/*Image Hover*/

	.post-thumb {

		position: relative;

	}



	.post-thumb-hover .overlay {

		position: absolute;

		top: 0;

		left: 0;

		width: 100%;

		height: 100%;

		background: #FFF;

	}



	.post-thumb-hover .overlay-icon {

		position: absolute;

		bottom: 10px;

		right: 10px;

		width: 30px;

		height: 30px;

	}



	.post-item .overlay-icon {

		background-repeat: no-repeat;

		background-color: #FF6600;

		background-image: url(assets/images/portfolio-overlay-icon.png);

	}



	.item-image .overlay-icon { background-position: 50% 0; }



	.item-gallery .overlay-icon { background-position: 50% -30px; }



	.item-video .overlay-icon { background-position: 50% 100%; }



	/*Image Preload*/

	.post-thumb-preload .wp-preload-image  { 

		opacity: 0; 

		filter: alpha(opacity=0); 

	}



	.post-thumb-preload .loader-icon {

		display: block;

		background-image: url(assets/images/loader.gif);

		background-repeat: no-repeat;

		background-position: 50% 50%;

		background-color: #F8F8F8;

	}







/* #Layout

================================================== */



	/*Body*/

	#page { 

		margin: 0 auto;

		box-shadow: 0px 1px 10px rgba(0, 0, 0, .35); 

		-moz-box-shadow: 0px 1px 10px rgba(0, 0, 0, .35);   

		-webkit-box-shadow: 0px 1px 10px rgba(0, 0, 0, .35); 

	}



	body.liquid #page { width: 100%; }

	body.fixed #page { width: 980px; background: #FFF; }



	/*Column*/

	.fullwidth, .left-side, .right-side { padding: 50px 0; }

	.template-front-page .fullwidth { padding-top: 0; }

	.col-width, #main { width: 960px; margin: 0 auto; }

	#content { width: 690px; }

	#sidebar { width: 210px; }



	.left-side #sidebar, 

	.right-side #content { float: left; }



	.right-side #sidebar, 

	.left-side #content { float: right; }



	.fullwidth #content { width: 100%; }



	.col-1-1 { width: 930px; }

	.col-2-1 { width: 450px; }

	.col-3-1 { width: 290px; }

	.col-4-1 { width: 210px; }

	.col-1-1, .col-2-1, .col-3-1, .col-4-1 { float: left; margin-left: 30px; }

	.col-first { margin-left: 0; clear: left; }







/* #Header

================================================== */



	/*Header*/

	.topbar { height: 50px; line-height: 50px; background: #72AEB4; }

	body.fixed .topbar .col-width { width: 100%; }





	/*DDsmoothmenu*/

	.ddsmoothmenu ul {

		z-index:100;

		margin: 0;

		padding: 0;

	}



	.ddsmoothmenu ul li {

		position: relative;

	}



	.ddsmoothmenu ul li a{

		display: block;

	}



	.ddsmoothmenu ul li ul{

		position: absolute;

		left: 0;

		display: none; 

		visibility: hidden;

	}



	.ddsmoothmenu ul li ul li {

		float: none;

	}



	.ddsmoothmenu ul li ul li ul {

		top: 0;

	}



	.ddsmoothmenu ul li ul li a {

		width: 160px; 

	}



	.downarrowclass,

	.rightarrowclass { 

		display: block;

		position: absolute; 

	}



	.downarrowclass {

		display: none;

	}



	.rightarrowclass {

		top: 17px;

		right: 15px;

		width: 3px;

		height: 5px; 

	}



	.ddshadow {

		position: absolute;

		left: 0;

		top: 0;

		width: 0;

		height: 0;

	}





	/*Menu*/

	.select-menu { display: none; }



	#top-menu { float: left; } 

	#top-menu ul { 

		height: 50px; 

		line-height: 50px; 

	}

	#top-menu ul li { float: left; text-transform: uppercase; }

	#top-menu ul li a { 

		height: 50px;

		line-height: 50px; 

		display: block; 

		padding: 0 15px;

		color: #FFF; 

		font-size: 13px;

		font-weight: bold;

	}



	#top-menu ul li.backLava { background-color: #FF6600; }	



	#top-menu ul li ul { height: auto; background-color: #FF6600; padding: 10px 0; }

	#top-menu ul li ul li { margin: 0; padding: 0 10px; }

	#top-menu ul li ul li a {

		height: 40px;

		line-height: 40px;

		overflow: hidden;

		padding: 0 5px;

	}

	#top-menu ul li ul li a:hover { background-color: #FF5500;  }



	#top-menu ul li a .downarrowclass,  

	#top-menu ul li a.selected .downarrowclass {

		background-image: url(assets/images/downarrow.png);

		background-repeat: no-repeat; 

	}



	#top-menu ul li a .downarrowclass {

		background-position: 0 0;

	}



	#top-menu ul li a.selected .downarrowclass {

		background-position: 0 100%;

	}



	#top-menu ul li a .rightarrowclass,  

	#top-menu ul li a.selected .rightarrowclass {

		background-image: url(assets/images/rightarrow.png);

		background-repeat: no-repeat; 

	}



	#top-menu ul li a .rightarrowclass {

		background-position: 0 0;

	}



	#top-menu ul li a.selected .rightarrowclass {

		background-position: 100% 0;

	}





	/*Social Networking*/

	#social-networking { float: right; }

	#social-networking li { float: left; position: relative; }

	#social-networking li a,

	#social-networking li a .overlay { 

		width: 50px; 

		height: 50px; 

		display: block; 

		text-indent: -9999em;

		background-image: url(assets/images/social-networking.png);

		background-repeat: no-repeat;

	}



	#social-networking li a .overlay { 

		position: absolute;

		top: 0;

		left: 0;

	}



	#social-networking li a#twitter-link,

	#social-networking li a#twitter-link .overlay { background-position: 50% 0; }

	#social-networking li a#facebook-link,

	#social-networking li a#facebook-link .overlay { background-position: 50% -50px; }

	#social-networking li a#dribbble-link,

	#social-networking li a#dribbble-link .overlay { background-position: 50% -100px; }

	#social-networking li a#vimeo-link,

	#social-networking li a#vimeo-link .overlay { background-position: 50% -150px; }

	#social-networking li a#flickr-link,

	#social-networking li a#flickr-link .overlay { background-position: 50% -200px; }

	#social-networking li a#feed-link,

	#social-networking li a#feed-link .overlay { background-position: 50% -250px; }

	#social-networking li a#linkedin-link,

	#social-networking li a#linkedin-link .overlay { background-position: 50% -300px; }

	#social-networking li a#email-link,

	#social-networking li a#email-link .overlay { background-position: 50% -350px; }



	#social-networking li a#twitter-link .overlay { background-color: #33CCFF; }

	#social-networking li a#facebook-link .overlay { background-color: #3B5998; }

	#social-networking li a#dribbble-link .overlay { background-color: #EC6197; }

	#social-networking li a#vimeo-link .overlay { background-color: #9FC541; }

	#social-networking li a#flickr-link .overlay { background-color: #FF0084; }

	#social-networking li a#feed-link .overlay { background-color: #FF6600; }

	#social-networking li a#linkedin-link .overlay { background-color: #3BB0EB; }

	#social-networking li a#email-link .overlay { background-color: #CF0F0F; }







	/*Site title*/

	.site-title { 

		text-align: center; 

		padding: 50px 0; 

		background: url(assets/images/dotted-line.png) repeat-x 0 100%; 

	}

	.site-logo p, .site-name p { color: #999; }

	.site-logo p { margin-top: 10px; }

	.site-name p { margin-top: 15px; }

	.site-name h1 { font-size: 48px; text-transform: uppercase; margin: 0; }





	/*Site page header*/

	.site-page-header {

		padding: 30px 0; 

		background: url(assets/images/dotted-line.png) repeat-x 0 100%; 

	}



	.site-page-header h3 {

		font-size: 22px;

		text-transform: uppercase;

		letter-spacing: -1.2px;  

	}



	.page-header-breadcrumbs { 

		margin-top: 5px;

		font-size: 10px;

	}



	.page-header-breadcrumbs .sep { 

		padding: 0 3px; 

	}



	.page-header-breadcrumbs a,

	.page-header-breadcrumbs .sep,

	.page-header-breadcrumbs .breadcrumb-title,

	.page-header-breadcrumbs .trail-end { 

		color: #999;

	}



	.page-header-breadcrumbs a:hover { 

		text-decoration: underline;

		color: #FF6600;

	}



	body.home .pageloader-inner,

	body.page .pageloader-inner { 

		border-top: 1px solid #E5E5E5; 

		border-bottom: 1px solid #E5E5E5; 

		background: #F8F8F8;  

		padding: 50px 0; 

	}



	body.home .pageloader-inner .post-portfolio-single,

	body.page .pageloader-inner .post-portfolio-single { width: 930px; margin: 0 auto; }



	#ajax-wrap {  }



	#ajax-wrap #loader,

	#ajax-wrap #close { 

		display: none;

	}



	#ajax-wrap #close { 

		margin-top: 50px;

		position: relative;

	}



	#ajax-wrap #close a {

		float: right;

		width: 40px;

		height: 35px;

		text-indent: -999em;

		cursor: pointer; 

		background-color: #F8F8F8;

		background-image: url(assets/images/close-ajax-portfolio.png);

		background-repeat: no-repeat;

		background-position: 50% 0;

		border: 1px solid #E5E5E5;

		border-bottom: none;

		position: absolute;

		right: 0;

		bottom: -1px;

	}



	#ajax-wrap #close a:hover {

		 background-color: #FF6600;

		 background-position: 50% 100%;

	}



	#ajax-wrap #loader {

		margin-top: 30px;

		text-align: center;

	}







/* #Modules

================================================== */



	/*Common*/

	.template-front-page .site-slogan,

	.template-front-page .shortcode-slideshow-front-page {

		margin-top: 40px;

	}



	.template-front-page .ajax-portfolio,

	.template-front-page .not-ajax-portfolio,

	.template-front-page .post-desc-list,

	.template-front-page .post-slide-list { 

		margin-top: 50px;

	}



	.template-front-page .blog-desc-list { 

		border-top: 1px solid #E5E5E5; 

		padding-top: 50px;  

		margin-top: 45px;

	}





	/*Slogan*/

	.site-slogan { 

		margin-bottom: 40px;

	}



	.slogan-dotted-line {

		background: url(assets/images/dotted-line.png) repeat-x 0 100%;

		padding-bottom: 45px; 

	}



	.site-slogan p { 

		text-align: center; 

		font-size: 22px;

		line-height: 1.4em;

		font-weight: normal;

		padding: 0;

		margin: 0;

	}



	.site-slogan p a {

		border-bottom: 1px solid #E9E9E9;

	}



	.site-slogan p a:hover {

		border: none;

		background: #FF6600;

		color: #FFF;

	}





	/*Sortable Menu*/

	.sortable-menu ul {

		list-style: none;

		margin: 0 0 30px;

		padding: 0;

	}



	.sortable-menu li {

		float: left;

		margin: 0 5px 0 0;

		text-transform: uppercase;

		font-weight: bold;

	}



	.sortable-menu li a {

		display: block;

		padding: 0 10px;

		height: 23px;

		line-height: 22px;

		font-size: 10px;

		color: #666;

	}



	.sortable-menu li.active a,

	.sortable-menu li.current-cat a,

	.sortable-menu li a:hover {

		color: #FFF;

	}



	.sortable-menu li a {

		background: #F1F1F1;

	}



	.sortable-menu li.active a,

	.sortable-menu li.current-cat a {

		background: #72AEB4;

	}



	.sortable-menu li a:hover {

		background: #FF6600;

	}





	/*Ajax portfolio*/

	.ajax-portfolio-list ul {

		list-style: none;

		margin: 0;

		padding: 0;

		margin-top: -30px;

	}



	.ajax-portfolio-list li {

		margin-top: 30px;

		text-align: center;

	}



	.ajax-portfolio-list li.col-2-1:nth-child(2n+1),

	.ajax-portfolio-list li.col-3-1:nth-child(3n+1),

	.ajax-portfolio-list li.col-4-1:nth-child(4n+1) {

		margin-left: 0;

		clear: left;

	}



	.ajax-portfolio-list li .title {

		margin: 10px 0 0;

		line-height: 1.8em;

		font-size: 14px;

		font-weight: bold;

	}



	.ajax-portfolio-list li .cats,

	.ajax-portfolio-list li .cats a {

		font-size: 12px;

		color: #999;

	}



	.ajax-portfolio-list li .cats span {

		padding: 0 5px;

	}



	.ajax-portfolio-list li .cats a:hover {

		background: #FF6600;

		color: #FFF;

		padding: 1px 0;

		line-height: 21px;

	}



	/*Blog Desc & Slide*/

	.post-desc-list ul,

	.post-slide-list ul {

		list-style: none;

		margin: 0;

		padding: 0;

	}



	.post-desc-list li,

	.post-slide-list li {

		margin-top: 30px;

		text-align: center;

	}



	.post-desc-list li .item-title,

	.post-slide-list li .item-title {

		margin: 10px 0 0;

		line-height: 1.4em;

		font-size: 14px;

		font-weight: bold;

	}



	.post-desc-list li .cats,

	.post-desc-list li .cats a,

	.post-slide-list li .cats,

	.post-slide-list li .cats a {

		font-size: 12px;

		color: #999;

	}



	.post-desc-list li .cats span,

	.post-slide-list li .cats span {

		padding: 0 5px;

	}



	.post-desc-list li .cats a:hover,

	.post-slide-list li .cats a:hover {

		background: #FF6600;

		color: #FFF;

		padding: 1px 0;

		line-height: 21px;

	}



	/*Desc*/

	.post-desc-list .title {

		margin-bottom: 15px;

		text-transform: uppercase; 

		font-size: 13px;

		font-weight: bold;

	}



	.post-desc-list .desc {

		float: left;

	}



	.post-desc-list .desc a {

		display: block;

		float: left;

		margin-top: 15px;

		padding: 0 10px;

		font-size: 12px;

		font-weight: normal;

		background: #F1F1F1;

		border: none;

		color: #666;

	}



	.post-desc-list .desc a:hover {

		border: none;

		background: #FF6600;

		color: #FFF;

	}



	.post-desc-list ul {

		float: right;

		width: 690px;

		margin-top: -30px;

	}



	/*Slide*/

	.post-slide-list .title {

		margin-bottom: 0;

		padding-bottom: 15px; 

		background: url(assets/images/dotted-line.png) repeat-x 0 100%;

		text-transform: uppercase; 

		font-size: 13px;

		font-weight: bold;

	}



	.post-carousel ul {

		margin-right: -30px; 

	}



	.post-carousel li {

		float: left;

		width: 210px;

		margin-right: 30px; 

	}





/* #Related Posts

================================================== */

	.related-post-lists {

		margin-top: 50px;

	}



	





/* #Portfolio

================================================== */



	/*Portfolio List*/

	.portfolio-list ul {

		margin-top: -30px;

	}



	.portfolio-list li {

		margin-top: 30px;

		text-align: center;

	}



	.portfolio-list li .title {

		margin: 10px 0 0;

		font-size: 14px;

		font-weight: bold;

	}



	.portfolio-list li .cats,

	.portfolio-list li .cats a {

		font-size: 12px;

		color: #999;

	}



	.portfolio-list li .cats span,

	.portfolio-list li .cats span {

		padding: 0 5px;

	}



	.portfolio-list li .cats a:hover,

	.portfolio-list li .cats a:hover {

		background: #FF6600;

		color: #FFF;

		padding: 1px 0;

		line-height: 21px;

	}



	/*Portfolio JQuery List*/

	.portfolio-sortable-list ul li.col-2-1:nth-child(2n+1),

	.portfolio-sortable-list ul li.col-3-1:nth-child(3n+1),

	.portfolio-sortable-list ul li.col-4-1:nth-child(4n+1) {

		margin-left: 0;

		clear: left;

	}

	





	/*Portfolio single*/

	body.home .post-portfolio-single { margin-bottom: 30px; }

	.post-portfolio-single .post-content { float: left; width: 660px; }

	.post-portfolio-single .post-entry { float: right; width: 240px; }



	.post-portfolio-single .post-entry .title { 

		border-bottom: 1px solid #E5E5E5;

		padding-bottom: 5px;

		margin-bottom: 18px;

		font-size: 16px;

	}



	.post-portfolio-single .post-entry .post-meta p {

		margin-bottom: 5px;

	}



	.post-portfolio-single .post-entry .post-meta p {

		color: #999;

	}



	.post-portfolio-single .post-entry .post-meta b {

		padding-right: 5px;

		font-weight: normal;

		color: #333;

	}



	.post-portfolio-single .post-entry .post-meta .skills,

	.post-portfolio-single .post-entry .post-meta .date,

	.post-portfolio-single .post-entry .post-meta .client {

		font-size: 12px;

	}



	.post-portfolio-single .post-entry .post-format {

		margin-top: 15px;

	}



	.post-portfolio-single .post-entry .post-meta .client-url a {

		display: block;

		float: left;

		height: 29px;

		line-height: 29px;

		padding: 0 15px;

		margin-top: 15px;

		background: #F1F1F1;

		color: #666;

	}



	.post-portfolio-single .post-entry .post-meta .client-url a:hover {

		background: #FF6600;

		color: #FFF;

	}





/* #Blog

================================================== */



	/*Post Content*/

	.blog-list li {

		margin-bottom: 50px;

		padding-bottom: 50px;

		border-bottom: 1px solid #E5E5E5;

	}



	.blog-list .post-format li {

		margin-bottom: 0;

		padding-bottom: 0;

		border: none;

	}



	.blog-list li:last-child {

		margin-bottom: 0;

		padding-bottom: 0;

		border-bottom: none; 

	}



	.post-blog .post-meta {

		float: left;

		width: 140px;

	}



	.post-blog .post-meta .link {

		margin-bottom: 20px;

	}



	.post-blog .post-meta .link a {

		display: block;

		width: 45px;

		height: 45px;

		background-color: #E2E2E2;

		background-repeat: no-repeat;

		background-image: url(assets/images/format-icons.png);

		text-indent: -999em;

	}



	.post-blog .post-meta .link a:hover {

		background-color: #FF6600;

	}



	.post-blog .post-meta p {

		margin-bottom: 5px;

		color: #999;

		font-size: 12px;

	}



	.post-blog .post-meta b {

		padding-right: 5px;

		font-weight: normal;

	}



	.post-blog .post-entry {

		float: right;

		width: 520px;

	}



	.post-blog .post-entry h2.entry-title {

		font-weight: bold;

	}



	.blog-list .post-entry .more-link {

		display: block;

		float: left;

		border: none;

		height: 27px;

		line-height: 27px;

		padding: 0 15px;

		margin-top: 20px;

		background: #F1F1F1;

		color: #666;

	}



	.blog-list .post-entry .more-link:hover { 

		background: #FF6600;

		color: #FFF;

	}



	.post-blog .post-tags {

		margin: 30px 0;

	}



	.post-blog .post-tags b {

		padding-right: 10px;

		font-weight: normal;

	}



	.post-blog .post-tags a {

		border-bottom: 1px solid #E5E5E5;

		padding-bottom: 2px;

	}



	.post-blog .post-tags a:hover {

		border-bottom: none;

		padding-bottom: 3px;

	}





	/*Post format*/

	.post-standard .entry-standard  h2.entry-title {

		margin-bottom: 20px;

		font-size: 18px;

	}



	.post-quote .entry-quote {

		padding-left: 30px;

		margin-bottom: 20px;

		border-left: 1px solid #E5E5E5;

	}



	.post-quote .entry-quote h2.entry-title {

		font-size: 16px;

		line-height: 26px;

	}



	.post-quote .entry-quote .sub-title {

		display: block;

		color: #999;

		margin-top: 10px;

	}



	.post-link .entry-link {

		margin-bottom: 15px;

	}



	.post-link .entry-link h2.entry-title {

		font-size: 18px;

		margin-bottom: 5px;

	}



	.post-link .entry-link .sub-title {

		color: #999;

	}



	.post-image .entry-image .post-thumb { 

		margin-bottom: 30px;

	}



	.post-image .entry-image h2.entry-title {

		margin-bottom: 20px;

		font-size: 18px;

	}



	.post-slideshow .entry-slideshow li {

		margin-bottom: 0;

		padding-bottom: 0;

		border-bottom: none;

	}



	.post-slideshow .flex-container-gallery {

		margin-bottom: 30px;

	}



	.post-slideshow .entry-slideshow h2.entry-title {

		margin-bottom: 20px;

		font-size: 18px;

	}



	.post-video .entry-video h2.entry-title {

		margin-bottom: 20px;

		font-size: 18px;

	}



	.post-video .post-entry-video { margin-bottom: 25px; }



	.post-audio .entry-audio {

		margin-bottom: 20px;

	}



	.post-standard .post-meta .link a {

		background-position: 0 0;

	}



	.post-quote .post-meta .link a {

		background-position: -45px 0;

	}



	.post-link .post-meta .link a {

		background-position: -90px 0;

	}



	.post-image .post-meta .link a {

		background-position: -135px 0;

	}



	.post-slideshow .post-meta .link a {

		background-position: -180px 0;

	}



	.post-video .post-meta .link a {

		background-position: -225px 0;

	}



	.post-audio .post-meta .link a {

		background-position: -270px 0;

	}









/* #Search Posts

================================================== */

	.search-lists li {

		margin-bottom: 50px;

		padding-bottom: 50px;

		border-bottom: 1px solid #E5E5E5;

	}



	.search-lists li:last-child {

		margin-bottom: 0;

		padding-bottom: 0;

		border-bottom: none; 

	}



	.search-lists li h2 {

		font-weight: bold;

		font-size: 16px; 

	}



	.search-lists li .post-excerpt {

		margin-top: 10px;

	}



	.search-lists li .post-more a {

		display: block;

		float: left;

		border: none;

		height: 27px;

		line-height: 27px;

		padding: 0 15px;

		margin-top: 20px;

		background: #F1F1F1;

		color: #666;

	}



	.search-lists li .post-more a:hover { 

		background: #FF6600;

		color: #FFF;

	}









/* #Archive

================================================== */

	.archive-latest-posts h3,

	.archive-page-lists h3,

	.archive-category-lists h3,

	.archive-archive-lists h3 { 

		font-size: 14px;

		font-weight: bold;

	}



	.archive-latest-posts {

		margin-bottom: 50px;

	}



	.archive-latest-posts li,

	.archive-page-lists li,

	.archive-category-lists li,

	.archive-archive-lists li {

		padding-top: 10px;

		list-style-type: disc;

		list-style-position: inside;

	}



	.archive-latest-posts li a,

	.archive-page-lists li a,

	.archive-category-lists li a,

	.archive-archive-lists li a {

		border-bottom: 1px solid #E5E5E5;

		padding: 0 0 3px;

	}











/* #Pagination

================================================== */

	.pagination,

	.normal-pagination { margin-top: 40px; }



	body.template-blog .pagination,

	body.template-blog .normal-pagination,

	body.search .pagination,

	body.search .normal-pagination {

		border-top: 1px solid #E5E5E5;

		margin-top: 50px;

		padding-top: 40px;

	}



	.pagination a, 

	.pagination span,

	.normal-pagination a,

	.comment-pagination a, 

	.comment-pagination span { 

		display: block;

		float: left;

		height: 29px;

		line-height: 29px;

		text-align: center;

		background: #F1F1F1;

		color: #666;

	}



	.pagination a, 

	.pagination span,

	.comment-pagination a, 

	.comment-pagination span { 

		margin-right: 2px;

		width: 30px;

	}



	.pagination a:hover,

	.pagination span.current,

	.normal-pagination a:hover,

	.comment-pagination a:hover, 

	.comment-pagination span.current {

		background: #FF6600;

		color: #FFF;

	}



	.normal-pagination {

		font-size: 12px;

		text-transform: uppercase;

	}



	.normal-pagination a {

		padding: 0 12px;

	}



	.normal-pagination .next {

		float: left;

	}



	.normal-pagination .prev {

		float: right;

	}



	.single-post-pagenation {

		margin-bottom: 10px;

	}



	.single-post-pagenation li {

		float: left;

	}



	.single-post-pagenation li.previous-link {

		margin-right: 2px;

	}



	.single-post-pagenation li.previous-link a {

		background-position: 0 100%;

	}



	.single-post-pagenation li.next-link a {

		background-position: 100% 100%;

	}



	.single-post-pagenation li a {

		display: block;

		width: 30px;

		height: 25px;

		line-height: 25px;

		background-color: #72AEB4;

		background-image: url(assets/images/arrow-btn.png);

		background-repeat: no-repeat;

		text-indent: -999em;

	}



	.single-post-pagenation li a:hover {

		background-color: #FF6600;

	}







/* #Comments

================================================== */



	/*Common*/

	#comments-title,

	#reply-title {

		padding-bottom: 15px;

		background: url(assets/images/dotted-line.png) repeat-x 0 100%;

		text-transform: uppercase; 

		font-size: 13px;

		font-weight: bold;

	}



	#comments,

	#respond {

		margin-top: 50px;

	}





	/*Comments List*/

	.commentlist li .comment-author { 

		float: left; 

		text-align: center; 

		padding-top: 5px;

	}



	.commentlist li article.comment-wrap,

	.commentlist li article.comment-wrap li ul.children article.comment-wrap {

		padding: 30px 0 15px;

		border-bottom: 1px solid #E5E5E5;

	}



	.commentlist li.depth-1 .comment-entry {

		margin-left: 60px;

	}



	.commentlist li.depth-2 .comment-entry,

	.commentlist li.depth-3 .comment-entry,

	.commentlist li.depth-4 .comment-entry,

	.commentlist li.depth-5 .comment-entry {

		margin-left: 55px;

	}



	.commentlist ul.children {

		padding-left: 60px;

	}



	.commentlist li .fn {

		font-weight: normal;

		display: block;

	}



	.commentlist li .fn,

	.commentlist li .fn a {

		color: #333;

	}



	.commentlist li .fn a:hover {

		color: #FF6600; 

	}



	.commentlist li .time,

	.commentlist li .reply,

	.commentlist li .edit-link {

		font-size: 10px;

	}



	.comment-text,

	.comment-awaiting-moderation {

		margin-top: 15px;

	}



	.commentlist li.pingback {

		padding: 15px 0;

		border-bottom: 1px solid #E5E5E5;

	}



	.commentlist li.pingback .edit-link {

		font-size: 10px;

		padding-left: 15px;

	}



	/*Comment Form*/

	#commentform {

		margin-top: 30px;

	}



	.comment-form-file {

		margin-bottom: 20px;

	}



	.comment-form-file input[type="text"] {

		width: 320px;

		padding: 8px 10px;

		height: 21px;

		line-height: 21px;

	}



	.comment-form-content {

		width: 95%;

		height: 120px;

		padding: 10px;

	}



	.comment-form-file input[type="text"],

	.comment-form-content {

		border: 1px solid #E9E9E9;

		background: #FFF;

		color: #666;

	}



	.comment-form-file input[type="text"]:focus,

	.comment-form-content:focus {

		border: 1px solid #CCC;

		background: #FFF;

		color: #333;

	}



	#commentform input[type="submit"] {

		border: none;

		padding: 10px 20px;

		margin-top: 20px;

		background: #72AEB4;

		font-weight: bold;

		color: #FFF;

	}



	#commentform input[type="submit"]:hover {

		background: #FF6600;

	}



	#commentform .logged-in-as {

		margin-bottom: 10px;

	}











/* #404

================================================== */

	.page-error { text-align: center; }

	.page-error h1 { font-size: 48px; margin-bottom: 30px; }

	.page-error h3 { margin-bottom: 15px; font-size: 16px; }











/* #Contact

================================================== */

	.contact-page .box { margin-bottom: 20px; }

	.contact-page label { display: block; color: #333; margin-bottom: 5px; }

	.contact-page .required { color: #FF0000; }

	.contact-page #comments { margin: 0; }

	.contact-page .box-recaptcha { margin-top: 20px; }



	.contact-page input[type="text"] {

		width: 450px;

		padding: 8px 10px;

		height: 21px;

		line-height: 21px;

	}



	.contact-page #comments {

		width: 670px;

		height: 120px;

		padding: 10px;

	}



	.contact-page input[type="text"],

	.contact-page #comments {

		border: 1px solid #E9E9E9;

		background: #FFF;

		color: #666;

	}



	.contact-page input[type="text"]:focus,

	.contact-page #comments:focus {

		border: 1px solid #CCC;

		background: #FFF;

		color: #333;

	}



	.contact-page input[type="submit"] {

		border: none;

		padding: 10px 20px;

		margin-top: 20px;

		background: #72AEB4;

		font-weight: bold;

		color: #FFF;

	}



	.contact-page input[type="submit"]:hover {

		background: #FF6600;

	}



	.contact-page #message { margin: 10px 0; padding: 0; }



	.contact-page .error-message {

		border: 1px solid #FBDCDC;

		background: #FFF6F6;

		margin-top: 20px;

		padding: 8px 15px;

		font-size: 14px;

		color: #ED836B;

	}



	.contact-page .box-button { 

		position: relative;

	}



	.contact-page .loader { 

		position: absolute;

		top: 35px;

		left: 120px;

	}



	.contact-page #success-page {

		border: 1px solid #DCF4FA;

		background: #F5FCFF;

		color: #6BC4ED;

		padding: 8px 15px;

	}



	.contact-page #success-page strong { color: #6BC4ED; }













/* #Carousel Navigation

================================================== */

	.jcarousel-container {

		margin-right: -30px;

		max-width: 100%;

	}



	.jcarousel-clip {

		overflow: hidden;

		width: 100%;

	}



	.jcarousel-item {

		margin: 0 30px 0 0;

		width: 210px;

	}



	.jcarousel-next, .jcarousel-prev {

		cursor: pointer;

		width: 30px;

		height: 25px;

		position: absolute;

		top: -40px;

		background-repeat: no-repeat;

		background-image: url(assets/images/arrow-btn.png);

	}



	.jcarousel-next { right: 0; }

	.jcarousel-prev { right: 32px; }



	.jcarousel-next,

	.jcarousel-next:hover, .jcarousel-next:focus, .jcarousel-next:active {

		background-position: 100% 100%; 

	}



	.jcarousel-prev,

	.jcarousel-prev:hover, .jcarousel-prev:focus, .jcarousel-prev:active {

		background-position: 0 100%; 

	}



	.jcarousel-next-disabled, .jcarousel-next-disabled:hover,

	.jcarousel-next-disabled:focus, .jcarousel-next-disabled:active { background-position: 100% 0; }

	

	.jcarousel-prev-disabled, .jcarousel-prev-disabled:hover,

	.jcarousel-prev-disabled:focus, .jcarousel-prev-disabled:active { background-position: 0 0; }



	.jcarousel-next, .jcarousel-prev {

		background-color: #72AEB4;

	}



	.jcarousel-next:hover, .jcarousel-next:focus, .jcarousel-next:active,

	.jcarousel-prev:hover, .jcarousel-prev:focus, .jcarousel-prev:active {

		background-color: #FF6600;

	}



	.jcarousel-next-disabled, .jcarousel-next-disabled:hover,

	.jcarousel-next-disabled:focus, .jcarousel-next-disabled:active,

	.jcarousel-prev-disabled, .jcarousel-prev-disabled:hover,

	.jcarousel-prev-disabled:focus, .jcarousel-prev-disabled:active {

		background-color: #F1F1F1;

		cursor: auto;

	}





/* #Footer

================================================== */

	footer { height: 100%; overflow: hidden;  clear: both; }



	/*Footer Twitter*/

	.footer-twitter-wrap { background: url(assets/images/stripes.png) #F5F5F5; border-top: 1px solid #E5E5E5; }

	#footer-twitter .slides_container { padding: 20px 0 20px 50px; background: url(assets/images/footer-twitter.png) no-repeat 0 50%; }

	#footer-twitter .slides_container .slide { width: 870px;  font-size: 16px; }

	#footer-twitter .slides_container .slide .date { padding-left: 30px; text-transform: uppercase; }

	#footer-twitter .slides_container .slide .date a { background: #FF6600; color: #FFF; padding: 2px 10px; font-size: 10px; }



	/*Footer Message*/

	.footer-message { background: #72AEB4; }

	.footer-message, 

	.footer-message a, 

	.footer-message a:hover { color: #FFF; }

	.footer-message p {

		text-align: center; 

		text-transform: uppercase;

		padding: 30px 0;

		font-size: 13px;

	}

	

	.footer-message a { border-bottom: 1px solid #FFF; }

	.footer-message a:hover { background: #FF6600; border-bottom: none;}

#footer-linkedin-link {
	background-image: url("assets/images/white_linkedin_icon.png");
    background-repeat: no-repeat;
    padding-left: 16px;
    padding-top: 4px;
}