/* @override http://muthemes.com/blank/wp-content/themes/illuminate/style.css */

/* @override http://muthemes.com/illuminate/wp-content/themes/illuminate/style.css */

/* @override http://muthemes.com/illuminate/wp-content/themes/illuminate/style.css */

/* @override http://muthemes.com/illuminate/wp-content/themes/illuminate/style.css */

/* @override http://muthemes.com/illuminate/wp-content/themes/illuminate/style.css */

/*-----------------------------------------------------------------------------------

	Theme Name: Illuminate
	Theme URI: http://www.justinyoung.me
	Description: A minimalistic portfolio for simple peoples.
	Author: Justin Young
	Author URI: http://www.siiimple.com
	License: GNU General Public License version 3.0
	License URI: http://www.gnu.org/licenses/gpl-3.0.html
	Version: 1.0

-----------------------------------------------------------------------------------

	0.	CSS Reset & Clearfix
	1.	Golden Grid
	2.	Basic Styles
	3.  HEADER
	4.  TAGLINES
	5.  HOME LOOP
	6.  SINGLES
	7.  PAGES
	8.  SIDEBARS
	9.  SLIDES
	10.  FOOTER
	11.  COMMENTS
	12.  CONTACT WIDGET
	13.  SHORTCODES
	14.  GALLERIES
	15.  BLOGS
	16.  IMAGE OVERLAY


-----------------------------------------------------------------------------------*/


/*-----------------------------------------------------------------------------------*/
/*	0.	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; } 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 */

/* Wordpress classes */
.entry-content img {
	margin: 0 0 1.5em 0;
	}
.alignleft, img.alignleft {
	margin-right: 1.5em;
	display: inline;
	float: left;
	}
.alignright, img.alignright {
	margin-left: 1.5em;
	display: inline;
	float: right;
	}
.aligncenter, img.aligncenter {
	margin-right: auto;
	margin-left: auto;
	display: block;
	clear: both;
	}
.alignnone, img.alignnone {
	/* not sure about this one */
	}
.wp-caption {
	margin-bottom: 1.5em;
	text-align: center;
	padding-top: 5px;
	}
.wp-caption img {
	border: 0 none;
	padding: 0;
	margin: 0;
	}
.wp-caption p.wp-caption-text {
	line-height: 1.5;
	font-size: 10px;
	margin: 0;
	}
.wp-smiley {
	margin: 0 !important;
	max-height: 1em;
	}
blockquote.left {
	margin-right: 20px;
	text-align: right;
	margin-left: 0;
	width: 33%;
	float: left;
	}
blockquote.right {
	margin-left: 20px;
	text-align: left;
	margin-right: 0;
	width: 33%;
	float: right;
	}
.hide {display:none;}
.sticky {}
.gallery-caption {}
.byBlog Postauthor {}
.bypostauthor {}


/*-----------------------------------------------------------------------------------*/
/*	1.	Golden Grid
/*-----------------------------------------------------------------------------------*/

html,body,div{border:0;margin:0;padding:0;}
.main{max-width: 960px;width: 100%;margin-left: auto;margin-right: auto;}
.g160,.g320,.g480,.g640,.g800,.g960,.g80,.g240,.g400,.g560,.g720,.g880,.g960{float:left;display:inline;}
.g160{width:150px;}
.g320{width:310px;}
.g480{width:480px;}
.g640{width:630px;}
.g800{width:790px;}
.g960{width:950px;}
.g80{width:70px;}
.g240{width:230px;}
.g400{width:390px;}
.g560{width:550px;}
.g720{width:710px;}
.g880{width:870px;}
.clear{clear:both;}
.clear10{clear: both;height: 10px;}
.clear20{clear: both;height: 20px;}
.clear30{clear: both;height: 30px;}
.clear40{clear: both;height: 40px;}
.clear50{clear: both;height: 50px;}
.clearfix,.main{display:block;}

::-moz-selection{ background: #db1010; color:#fff; text-shadow: none; }
::selection { background: #db1010; color:#fff; text-shadow: none; }

/*-----------------------------------------------------------------------------------*/
/*	2.	Basic Styles
/*-----------------------------------------------------------------------------------*/


* {
	margin: 0;
}
html, body {
	height: 100%;
}
.wrapper {
	border-top: 5px solid #333;
	background:#fefefe;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -142px; /* the bottom margin is the negative value of the footer's height */
}

/* My Comment */
.footer, .push {
	height: 142px; /* .push must be the same height as .footer */
}

.footer { background:#333; }

h1,
h2,
h3,
h4,
h5,
h6 {
	
	padding: 0;
	font-family: "Droid Sans", Helvetica, Arial, sans-serif;
}

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

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

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

h4 {font-size:14px;}

h5 {font-size:13px;}

h6 {font-size:12px;}


/*

Sticky Footer by Ryan Fait
http://ryanfait.com/

*/
body { font-family: "Droid Sans";background: #fff;font-weight: 200;color: #444;}
#top-bar { background:#db1010; height: 5px;  margin-top: -5px !important; margin: 0 auto; width: 480px;}
#bottom-bar-wrap { height: 5px; background: #333 url(framework/images/lines.png); margin-top: 30px; }
#bottom-bar { background:#db1010; height: 5px;margin-top: 5px;width: 480px; margin: 0 auto;}
#main-content.main { margin-bottom: 20px;margin-top: 20px;width: 990px;}
h1 { font-size: 18px; font-weight:bold; text-transform: uppercase;}
h4.title { margin-bottom: 10px;font-size: 14px; margin-top:0px;text-align: center; padding-right: 30px;padding-left: 30px; line-height: 18px;}
h4.video { margin-top: 15px; }
h4.two { margin-top: 15px; }
h4.sidebar {background:url(framework/images/lines.png); font-size: 14px; text-transform: none; margin-bottom: 15px; border-bottom: 1px solid #eee;padding-bottom: 15px;padding-top: 15px; padding-left: 20px;width: 250px;}
a { color: #444;text-decoration: none;}
a:hover { color: #db1010 !important; }
p { font-size: 12px; line-height: 18px;}
body.page.page-id-616 #tag.g960 { border-bottom: 0; }


/*-----------------------------------------------------------------------------------*/
/*	3.  HEADER
/*-----------------------------------------------------------------------------------*/


#logo.g480 { text-align: left;margin-top: 52px; }
#logo.g480 p { color: #c7c7c7;text-transform: lowercase;}
#logo.g480 h1 {font-family:"Pacifico"; font-size:32px;margin-bottom: 8px;text-transform: none;font-weight: 100;} 
#logo-right.g480 { text-align: right; }
#logo-right.g480 h4 { font-size: 12px; font-weight: bold; color: #999; font-family: Droid Sans; margin-bottom: 10px; }
#logo-right.g480 #logo-wrap { margin-top: 36px; }

ul.social { margin-bottom: 10px; }

ul.social li { display: inline; margin-left: 5px; }

ul.social li img { opacity: .4;cursor: pointer; }

ul.social li img:hover { opacity: 1; cursor: pointer;}

form#searchform div input#s { font-family: "Droid Sans", sans-serif;
	background: #fff url(framework/images/search.png) 23px -1px no-repeat;
	border: 1px solid #eee;
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;

	width:210px;
	color: #ccc;
	padding: 10px ; }

#footer form#searchform div input#s  { background: #444 url(framework/images/search.png) 23px -1px no-repeat; border: none; color: #ccc;}


/*-----------------------------------------------------------------------------------*/
/*	4. TAGLINES
/*-----------------------------------------------------------------------------------*/


body.home .tag.g960 { border-bottom: 0; }
#tag.g960.blog h1 { font-weight: normal;text-align: center; }
#tag.g960.blog p { font-size: 16px;line-height: 28px;text-align: center; color: #999;padding-right: 50px;padding-left: 50px;margin-top: 20px; }
#gallery.main #tag-wrap { border-bottom:none; }
.tag.g960 { text-align: center;}
.tag.g960 h1 { color: #444; font-weight: 200;}
span.tag { background:#db1010; color: #fff; }
#full-wrap { background:#333 url(framework/css/img/bg-slider.png);}
#full-wrap-archive, #full-wrap-page{  background:#333 url(framework/css/img/bg-slider.png); height: 100px; }
body.blog #tag-wrap, #tag-wrap.gallery-tag { border-bottom: none; }
#tag-wrap .home-tag { border-bottom: 1px solid #eee; }
#tag-wrap { background:(framework/css/img/bg-slider.png); padding-top: 35px;padding-bottom: 30px;border-bottom: 1px solid #eee;}
#tag-wrap h1 { padding-right: 100px; padding-left: 100px; line-height: 24px; font-size: 26px;text-transform: none;}
.tag.g960 p { font-size: 16px;line-height: 28px; color: #999;padding-right: 50px;padding-left: 50px;margin-top: 20px;}
.tag.g960 p a {border-bottom: 1px dotted #ccc;color:#db1010;text-transform: uppercase;font-size: 13px;}
.tag.g960 p a:hover { color: #333 !important; }


/*-----------------------------------------------------------------------------------*/
/*	5.  HOME LOOP
/*-----------------------------------------------------------------------------------*/


#home-loop .g320 {background: #fff;margin-right: 30px; margin-bottom: 30px; width: 298px;height: 352px;border: 1px solid #eee;border-bottom: 1px solid #ddd;}
#home-loop .g320 .more { background: #393939 url(framework/css/img/a-right.png)center no-repeat;width: 15px;padding: 5px; float: right;position: absolute;margin-left: 273px;margin-top: 111px !important; }
#home-loop .g320 .video-bottom { margin-top: 125px !important; }
#home-loop .g320 .bottom { margin-top: 124px; margin-left: 273px; }
#home-loop .g320 .more:hover { background: #db1010 url(framework/css/img/a-right.png)center no-repeat;width: 15px;padding: 5px; float: right;position: absolute;margin-left: 273px; }
#home-loop .g320 p {color: #999; text-align: center; padding-right: 20px;padding-left: 20px;line-height: 22px; }
#home-loop .g320:last-child { margin-right: 0; }


/*-----------------------------------------------------------------------------------*/
/*	6.  SINGLES
/*-----------------------------------------------------------------------------------*/


h1.single-title {font-size: 15px;color: #333;text-transform: none;font-weight: bold;margin-bottom: 10px;line-height: 1;margin-top: 20px;}
#single-title-top {padding-top: 25px;padding-bottom: 25px;}
#single-content.main #content-left.g640 img { float: left;margin-right: 20px; }
#single-content.main {margin-top: 30px;margin-bottom: 20px;}
.single-title-wrap { background:#fff;height: 20px; }
h1.single-header { font-size: 22px;text-align: center; }
.img-wrap {text-align: center; border-left: 1px solid #eee;border-right: 1px solid #eee;border-bottom: 1px solid #ddd;margin-bottom: 20px;padding-bottom: 5px;background:#fff;}
span.sub-single { color: #ccc;; }
span.links { float: right; font-size: 14px !important;}
span.blue { background: #1dafeb;color: #fff; }
span.red { background:#db1010; color: #fff; }
span.divide { margin-left: 5px;margin-right: 5px; color: #eee;}
#content-left.g640 { width: 640px;margin-left: 10px;}
#content-left.g640 img { margin-right: 0px;}
#content-left.g640 p { font-size: 12px;margin-bottom: 10px;line-height: 22px; }


/*-----------------------------------------------------------------------------------*/
/*	7.  PAGES
/*-----------------------------------------------------------------------------------*/

#p1 #sidebar-two.g320 { width: 272px; }
#p1 #content-left.g640 { width: 655px; margin-left: 30px; }
#p1 #content-left.g640 img { margin-bottom: 20px; border-bottom: 0;}
#p1 #content-left.g640 h4.title { text-align: left; font-size: 16px; padding-left: 0; padding-bottom: 0px; font-weight: bold;margin-bottom: 10px;}
#p2 #page-img.g960 img { margin-bottom: 30px;}
#p2 #full-wrap-page {  margin-top: -29px;height: 300px;}
#p2 h4.title { text-align: left; padding: 0; font-size: 16px; }
#p2 h4.sidebar { width: 257px; }
#p2 #sidebar-two.g320 { margin-right: 30px; width: 280px; }
#main-portfolio.main h4.title { padding-top: 3px;position: absolute; margin-top: -153px; font-size: 12px;text-transform: uppercase;padding-bottom: 3px;opacity: .8;width: 145px; background: #fff;z-index: 100; }
#main-portfolio.main p.date { position: absolute; margin-top: -136px; text-align: center; font-size: 11px;width: 145px; background: #444;color: #fff;padding-top: 3px;text-transform: uppercase;}
h3#blog-bottom { padding-bottom: 10px; text-transform: uppercase;color:#444 ;font-size: 14px; font-weight: 200;}
#blog-bottom { text-align: left; margin-top: 40px;margin-bottom: 20px; border-bottom: 1px solid #eee;}
body.home .nav-wrap { border-bottom: none !important; }
body.single .nav-wrap, body.page .nav-wrap { border-bottom: 1px solid #eee; }
.nav-wrap {background:url(framework/images/lines.png); border-top: 1px solid #eee;height: 40px;}
#nav-full.main{ margin-bottom: 0; }
#nav.g960 {width: 960px;background: #fff;}
#nav.g960 ul li:first-child { margin-left: 0; }
#nav.g960 ul li { text-align: center;padding-top: 10px;display: inline;float: left; min-height: 50px; padding-left: 10px;padding-right: 5px; border-left: 1px solid #eee; width: 142px;}
#nav.g960 ul li:hover { background:#db1010; color: #fff; }
#nav.g960 ul li a:hover { color: #fff; }
#nav.g960 ul li:first-child { border-left: 0; }
#nav.g960 ul li a { color: #db1010;text-decoration: none;font-size: 14px; }
p.submenu {margin-top: 5px; font-size: 12px;text-decoration: none;color: #999; }
#full-bottom { background:#444 url(framework/css/img/bg-slider.png);padding-top: 10px;padding-bottom: 10px; }


/*-----------------------------------------------------------------------------------*/
/*	8. SIDEBARS
/*-----------------------------------------------------------------------------------*/


/*
Sidebar One
*/
p.tags a { color: #999; border-bottom: 1px dotted #ccc; }
.tweet li { line-height: 22px;margin-bottom: 20px !important; }
ul.clearfix {background: #fff; margin-bottom: 30px; border-left: 1px solid #eee;border-top: 1px solid #eee;border-right: 1px solid #eee; border-bottom: 1px solid #ddd; padding: 20px;padding-top: 0;padding-right: 0; padding-left: 0;}
ul.clearfix p{ padding-right: 30px; padding-left: 10px;}
ul.clearfix li ul li { font-size: 12px;line-height: 22px;margin-bottom: 5px; }
ul.clearfix li a { border-bottom: 1px dotted #ccc; }
ul.clearfix li { padding-left: 10px; padding-right: 10px;}
ul.clearfix li h4.sidebar { margin-left: -10px;}
#single-one #content-left.g640 img, #single-two #content-left.g640 img, #single-three #content-left.g640 img,#single-four #content-left.g640 img { border-bottom: 2px solid #db1010; }
/*Sidebar One*/
#sidebar-one.g320 { float: left; margin-right: 40px; width: 280px; }
#sidebar-one.g320 .textwidget { color: #444;padding-right: 0px;line-height: 18px; }
#single-one #content-left.g640 { margin-left: 0; }

/*Sidebar Two*/
#single-two #sidebar-two.g320 { float: right; width: 280px; margin-right: 0; margin-left: 20px; }
#single-two #single-content.main { border-right: 0;  }
#single-two #content-left.g640 { margin-left: 0; }

/*Single Three*/
#single-three #content-left.g640 { width: 630px; }
#single-three img.three { float: left; margin-right: 20px; }
#single-three h1.single-title { margin-top: 0; }

/*Single Four*/
#single-four #sidebar-four.g320 { float: right; }
#single-four img.three { float: left; margin-right: 20px; }
#single-four #content-left.g640 p { padding-right: 50px; }
#single-four h1.single-title { margin-top: 0; }



/*-----------------------------------------------------------------------------------*/
/*	9. SLIDES
/*-----------------------------------------------------------------------------------*/


.slides_container div {width:960px;display:block;}
.slides_container {width:960px;overflow:hidden;position:relative;display:none;}
#slides ul.pagination { text-align: center;  margin-bottom:5px; padding-bottom: 0px; margin-top:15px;background: none !important;}
#slides ul.pagination li{font-family: "Droid Sans", sans-serif;display: inline; color: #444;  margin-left: 12px;margin-right: 12px; text-transform: uppercase; font-size: 12px; font-weight: bold; }
.testimonial #slides ul.pagination li:hover { font-family: "Droid Sans", sans-serif;display: inline; color: #ff4200 !important; }
#slides ul.pagination li a:hover { color: #db1010; }
ul.pagination li a { color: #999; font-weight: 100;font-size: 14px; }
ul.pagination li.current a { color: #333; }
img.avatar { height: 40px;width: 40px; float: left; margin-right: 10px; }
ul#recent_comments li { line-height: 18px; margin-bottom: 20px !important; }


/*-----------------------------------------------------------------------------------*/
/*	10.  FOOTER
/*-----------------------------------------------------------------------------------*/


.divider { background:#eee;border-top: 1px solid #eee;height: 5px;}

#footer { background: #333 url(framework/css/img/bg-slider.png);}

#footer .main { background: #292929 url(framework/css/img/bg-slider.png);}

p.footer, h3.footer { background: #333 url(framework/css/img/bg-slider.png); }

p.footer-base { border-top: 1px solid #444;padding-top: 20px; text-align: center;color: #F0F3F7;margin-left: 0px;padding-bottom: 30px;margin-right: 0;background: #333 url(framework/css/img/bg-slider.png);;}

p.footer-base a, #footer .textwidget { color: #A8ACB1; }

#footer .textwidget { padding-left: 0; }

#footer ul li a:hover, .tagcloud a:hover, p.footer-base a:hover{ color: #F0F3F7; }

#footer ul li a, .tagcloud a { color: #A8ACB1; font-size: 12px;}

#footer ul li {color:#A8ACB1; font-size: 12px;margin-bottom: 6px; }

#footer-left.g240 { padding-left: 30px; }

#footer-left.g240, #footer-middle.g240, #footer-middle-right.g240, #footer-right.g240,#footer-left.g240 { margin-top: 50px; margin-bottom: 20px; margin-right: 40px;padding-right: 10px;min-height: 180px;width: 170px;}
#footer-middle.g240 { margin-left: 0px; }

#footer-last { margin-right: 0 !important; margin-top: 50px;margin-bottom: 20px;padding-right: 30px; min-height: 180px;}


h3.footer-base { font-size: 14px; border-bottom: 1px solid #444; padding-bottom: 10px; text-transform: uppercase; font-weight: normal; color: #F0F3F7; margin-bottom: 10px; }

.textwidget { color: #333; font-size: 12px;line-height: 22px;padding-left: 10px;padding-right: 10px; }

#footer li { line-height: 20px; }

#footer a,.tweet li a { border-bottom: 1px dotted #555; }

.recentposts ul.rp li img { height: 40px; width: 40px;float: left; margin-right: 10px; }

.recentposts ul.rp li { min-height: 50px;  }

.recentposts ul.rp span.rp-date { font-size: 10px; line-height: 26px; color: #777; text-decoration: none;}



/*-----------------------------------------------------------------------------------*/
/*	11.  COMMENTS
/*-----------------------------------------------------------------------------------*/


#respond { margin-top: 20px; width: 640px; }

h3#respond-title { margin-top: 30px; padding-bottom: 10px; font-size: 32px }

h3#comments { padding-bottom: 20px; margin-top: 30px; text-shadow: none; border-bottom: 1px solid #eee; font-size: 14px; }

h3#leave { margin-top: 40px; margin-bottom: 20px; border-bottom: 1px solid #eee; padding-bottom: 10px; font-size: 16px; }

form#commentform input#author,form#commentform input#email,form#commentform input#url { border: 1px solid #ddd; padding: 12px 11px;margin-bottom: 10px;width: 200px;background: #f9f9f9; }

button#submit { margin-top: 5px; }

form#commentform textarea { border: 1px solid #ddd; font-size: 12px; padding: 20px; width: 450px; min-height: 200px }

li #respond-title { margin: 30px 0 }

li #commentform { margin: 0 0 40px 0 }

#comments span,#respond-title span { font-size: 12px; display: block }

.commentlist { margin: 30px 0 70px 0; list-style-type: none; }

.pinglist { margin: 20px 0 40px 30px; list-style-type: decimal }

.comment { margin-top: 20px; }

form#commentform p label { font-weight: bold; }

#commentform input { margin-right: 10px; }

#commentform textarea { width: 98%;  }

#submit {  border: 1px solid #eee; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd;background: #db1010;; padding: 8px 8px; color: #fff ;cursor: pointer;outline: 1px solid #eee;font-weight: bold;}

#submit:hover { background:#333; color: #fff; }

.children { list-style-type: none; margin: 0 0 0 80px }

.comment .avatar { float: left; padding: 0 0px 0 0; margin: 0 14px 0 0 }

.comment-author { margin: 0px 0 10px 50px; font-family: "Droid Sans", sans-serif;font-size: 14px; text-transform: uppercase }

.comment-inner { margin: 0 0 0 50px }

.comment-inner p { font-size: 12px; color: #777; padding-left: 10px; padding-right: 20px;}

.comment-meta { font-family: "Droid Sans", sans-serif; margin-top: 5px; text-transform: uppercase; margin-bottom: 15px; font-size: 11px; color: #999 }

.cancel-comment-reply { margin: 0 0 20px 0 }

.comment-author-admin { border: #efefef }

.comment-author cite { font-weight: bold }

.nocomments { text-align: center; padding: 20px }

.comment-body {   border: 1px solid #eee;padding: 20px; }

.comment-body ul { list-style-type: disc }

.comment-body ol { list-style-type: decimal }


/*-----------------------------------------------------------------------------------*/
/*	12.  CONTACT WIDGET
/*-----------------------------------------------------------------------------------*/

form.wpcf7-form { background: url(framework/css/img/bg-slider.png);padding: 30px;border: 1px solid #ddd;border-bottom: 1px solid #ddd;padding-bottom: 0;padding-top: 40px;padding-right: 0;}
form.wpcf7-form input { width: 55%;  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
  -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
  -ms-transition: border linear 0.2s, box-shadow linear 0.2s;
  -o-transition: border linear 0.2s, box-shadow linear 0.2s;
  transition: border linear 0.2s, box-shadow linear 0.2s;
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);border: 1px solid #ccc !important;margin-bottom: 10px; }
form.wpcf7-form input.wpcf7-text { padding: 10px; border: 1px solid #ddd; }
form.wpcf7-form p { font-size: 11px; margin-bottom: 12px !important;}
form.wpcf7-form textarea { width: 88%;  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
  -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
  -ms-transition: border linear 0.2s, box-shadow linear 0.2s;
  -o-transition: border linear 0.2s, box-shadow linear 0.2s;
  transition: border linear 0.2s, box-shadow linear 0.2s;
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);border: 1px solid #ccc; }
form.wpcf7-form input.wpcf7-submit { border: 1px solid #eee; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd;background: #db1010;margin-left: -42px; padding: 8px 8px; color: #fff ;cursor: pointer;outline: 1px solid #eee; width: 100px; margin-bottom: 0;}
form.wpcf7-form input.wpcf7-submit:hover { color: #fff;background: #333; }


/*-----------------------------------------------------------------------------------*/
/*	13.  SHORTCODES
/*-----------------------------------------------------------------------------------*/


.blockquote-left { margin-left: 50px; padding-left: 20px; border-left: 5px solid #555; font-style: italic }

blockquote { background: url(framework/images/blockquote.png)top left no-repeat; border: none; padding-left: 50px; margin-left: 0 }

.blockquote-box { font-family: "Droid Sans", sans-serif; padding: 20px !important; background: #fff url(framework/images/bg-stripes.png); color: #444; margin-top: 20px; margin-bottom: 20px; border: 1px solid #fff; outline: 1px solid #ddd; font-size: 18px }

h3.toggle { background: transparent url(framework/images/toggle-plus.png)left no-repeat; margin-top: 20px; margin-bottom: 15px; margin-left: 0px; padding-left: 20px !important }

h3.toggle a { color: #333; font-size: 16px;font-weight: normal; padding-top: 0px; text-decoration: none; display: block }

h3.toggle a:hover { color: #25708c }

h3.active { background: transparent url(framework/images/toggle-minus.png)left no-repeat }

h3.active a:link { color: #666 }

.toggle_content { font-family: "Droid Sans", sans-serif; padding: 10px !important; background: #fff url(framework/images/lines.png); color: #444; margin-top: 20px; margin-bottom: 20px; border: 1px solid #fff; outline: 1px solid #ddd; font-size: 18px }

.toggle_content .block {  padding-top: 10px; padding-bottom: 0 }

.box { font-family: "Droid Sans", sans-serif; padding: 20px !important; background: #fff url(framework/images/bg-stripes.png); color: #444; border: 1px solid #fff; outline: 1px solid #ddd; font-size: 18px }

.half,.half-last { float: left; width: 47%; margin: 10px 0; margin-right: 6% }

.half-last { margin-right: 0 }


/*-----------------------------------------------------------------------------------*/
/*	14. GALLERIES
/*-----------------------------------------------------------------------------------*/


#filter-wrap { background:url(framework/images/lines.png);border-bottom: 1px solid #eee !important;margin-bottom: 50px; padding-top: 10px;padding-bottom: 10px; }
#isotope2.main { width: 960px; }
.ga { background: #fff;border-bottom: 1px solid #ddd !important; }
.ga img { border-bottom: 2px solid #db1010; }
#gallery #tag-wrap{ padding-top: 45px; }
#gallery #tag.g960 { width: 895px; margin-left: 30px; }
#tag.g960 { padding-bottom: 30px; }
p.gallery-cat,p.gallery-cat a { text-align: center;  font-size: 12px;color: #c6c6c6; }
span.port-divide { font-size: 12px; margin-left: 10px;margin-right: 10px;color: #ccc;}
ul#filters {padding-top: 10px; padding-bottom: 10px;text-align: center;background: ;}
ul#filters li{ display: inline; margin-right: 10px; color: #c6c6c6;font-size: 12px; font-weight: bold;}
#filter-title {margin-left: 0px;text-transform: uppercase;color: #db1010; }
ul#filters li a { color: #333;text-transform: uppercase; }
ul#filters li a.active {color:#db1010; }
h4.ga-title { font-size: 14px; text-align: center; margin-top: 20px;margin-bottom: 10px; }

/*Gallery I*/
#g1, #iso-wrap {  margin-left: 30px; }
#g1 .ga img { width: 280px; }
#g1 .ga { margin-right: 25px; margin-bottom: 35px; border: 1px solid #eee;padding-bottom: 25px;}

/*Gallery II*/
#g2 { margin-left: 30px; }
#g2 .ga { width: 200px;float: left;margin-right: 28px; margin-bottom: 35px; border: 1px solid #eee;padding-bottom: 10px;}

/*Gallery III*/
#g3 { margin-left: 30px; }
#g3 .ga { margin-right: 32px; margin-bottom: 35px; border: 1px solid #eee;padding-bottom: 25px;}


/*-----------------------------------------------------------------------------------*/
/*	15.  BLOGS
/*-----------------------------------------------------------------------------------*/

body.blog #full-wrap-page,body.page #full-wrap-page { height: 225px; background:#333 url(framework/css/img/bg-slider.png);}
#tag.g960.blog { border-bottom: 0 !important; }
#vid { float: left; margin-right: 20px; height: 258px; }
#tag.g960.blog h1, #tag-wrap.gall h1 { color: #fff; }
body.blog .nav-wrap { border-bottom: 1px solid #eee; }
#left-loop.g640{  background:#fff;padding-bottom: 0 !important;}

#left-loop.g640 p { padding-right: 30px;line-height: 22px; }
#left-loop p.meta { margin-bottom: 5px; }
#left-loop.g640 img { float: left; margin-right: 20px; border-bottom:  2px solid #db1010;}
#left-loop.g640 .more:hover { background:#db1010 url(framework/css/img/a-right.png)center no-repeat !important; }
h4.title-blog { padding-top: 20px;font-size: 15px;color: #333;text-transform: none;font-weight: bold;margin-bottom: 10px;margin-top: 0px; }
p.meta {font-size: 11px !important; color: #999;margin-bottom: 20px;text-transform: uppercase;}
p.meta a { font-size: 11px;color: #999; border-bottom: 1px dotted #ccc; text-transform: uppercase; }
#info { margin-top: 10px; color: #999; }
#info a { border-bottom: 1px dotted #ccc; color: #999;}

/*Blog I*/
#b1 { background: #fff; margin-top: 30px; }
#b1 h4.sidebar { width: 288px; }
#b1 #left-loop.g640 img { border-bottom: 0; }
#b1 #left-loop.g640 .more { background: #393939 url(framework/css/img/a-right.png)center no-repeat;width: 15px;padding: 5px; float: right;position: absolute;margin-left: 605px;margin-top:-25px; }
#b1 #post-right.g320 { float: right; }
#b1 #left-loop.g640 { margin-bottom: 30px;border-left: 1px solid #eee; border-top:1px solid #eee; border-right: 1px solid #eee;border-bottom: 1px solid #ddd;}


/*Blog II*/
#b2 { margin-top: 30px; }
#b2 #post-right.g320 { margin-right: 20px; }
#b2 #left-loop.g640 img { border-bottom: none; }
#b2 #left-loop.g640 {float: right;width: 620px;margin-bottom: 30px;border-left: 1px solid #eee; border-top:1px solid #eee; border-right: 1px solid #eee;border-bottom: 1px solid #ddd;padding-bottom: 0}
#b2 #left-loop.g640 .more { background: #393939 url(framework/css/img/a-right.png)center no-repeat;width: 15px;padding: 5px; float: right;position: absolute;margin-left: 596px;margin-top: -25px; }
#b2 #left-loop.g640 .more:hover { background: #db1010 url(framework/css/img/a-right.png)center no-repeat; }

/*Blog III*/
#b3 { margin-top: 30px; }
#b3 #left-loop.g640 .more { background: #393939 url(framework/css/img/a-right.png)center no-repeat;width: 15px;padding: 5px; float: right;}
#b3 h4.sidebar { width: 288px; }
#b3 #left-loop.g640 .more:hover { background: #db1010 url(framework/css/img/a-right.png)center no-repeat; }
#b3 #post-right.g320 { margin-right: 20px;}
#b3 #left-loop.g640 {float: right;text-align: center;width: 620px;margin-bottom: 30px;border-left: 1px solid #eee; border-top:1px solid #eee; border-right: 1px solid #eee;border-bottom: 1px solid #ddd;padding-bottom: 20px;}
#b3 #left-loop.g640 img{ margin-bottom: 20px; }
#b3 #left-loop.g640 p { padding-right: 50px; padding-left: 50px; margin-bottom: 10px; }

/*Blog IV*/
#b4 { margin-top: 30px; }
#b4 #left-loop.g640 .more { background: #393939 url(framework/css/img/a-right.png)center no-repeat;width: 15px;padding: 5px; float: right; }
#b4 #left-loop.g640 .more:hover { background: #db1010 url(framework/css/img/a-right.png)center no-repeat; }
#b4 #post-right.g320 { margin-left: 20px; float: right;}
#b4 #left-loop.g640 {float: left;text-align: center;width: 620px;margin-bottom: 30px;border-left: 1px solid #eee; border-top:1px solid #eee; border-right: 1px solid #eee;border-bottom: 1px solid #ddd;padding-bottom: 20px;}
#b4 #left-loop.g640 img{ margin-bottom: 20px; }
#b4 #left-loop.g640 p { padding-right: 50px; padding-left: 50px; margin-bottom: 10px; }

/*Blog V*/
#b5 { margin-top: 30px; }
#b5 #left-loop.g640 { width: 200px;margin-left: 25px; margin-bottom: 25px; height: 380px; border: 1px solid #eee;}
#b5 #post-right.g320 { width: 270px; }
#b5 #left-loop.g640 p { padding:0 15px }
#b5 h4.title-blog { margin-left: 15px; font-size: 14px;}
#b5 h4.sidebar { width: 248px;}
#b5 #left-loop.g640 .more { background: #393939 url(framework/css/img/a-right.png)center no-repeat;width: 15px;padding: 5px; float: right;margin-top: 203px; }
#b5-page.main .pagination-blog { text-align: right; }

/*Blog VI*/
#b6 { margin-top: 30px; }
#b6 #post-right.g320 { float: right; }
#b6 #left-loop.g640 { width: 200px;margin-right: 25px; margin-bottom: 25px; height: 380px; border: 1px solid #eee;}
#b6 #post-right.g320 { width: 270px; }
#b6 #left-loop.g640 p { padding:0 15px }
#b6 h4.title-blog { margin-left: 15px; font-size: 14px;}
#b6 h4.sidebar { width: 248px;}
#b6 #left-loop.g640 .more { background: #393939 url(framework/css/img/a-right.png)center no-repeat;width: 15px;padding: 5px; float: right;margin-top: 203px; }

/*Archive*/
#full-wrap-archive #archive.main #blog-tagline.g960 { text-align: center; padding-top: 40px; color: #fff; font-weight:normal !important; }
#full-wrap-archive #archive.main #blog-tagline.g960 h1.blog { text-transform: none; font-weight: 200; font-size: 22px !important; }


/*-----------------------------------------------------------------------------------*/
/*	16.  IMAGE OVERLAY
/*-----------------------------------------------------------------------------------*/


.overlay_fade { position: relative; width: 240px ; height: 300px; overflow: hidden; float: left }

#overlay_fade1 { width: 240px; height: 300px; }

#overlay_fade3 { width: 480px; }

#overlay_fade2 { width: 160px; height: 150px;}

#overlay_fade4 { width: 960px; height: 300px; } 

.overlay_fade img { width: 100%; height: 100%; border: none }

.overlay_fade .overlay_zoom { position: absolute; top: 0px; width: 100%; height: 100%; background-image: url("framework/images/plusb.png"); background-repeat: no-repeat; background-position: center center; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; -webkit-transition: opacity .4s ease-in; -moz-transition: opacity .4s ease-in; -o-transition: opacity .4s ease-in; -ms-transition: opacity .4s ease-in; transition: opacity .4s ease-in }

.overlay_fade:hover .overlay_zoom { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1 }

.overlay_fade .zoom_white { background-color: rgba(255,255,255,0.7) }

.overlay_fade .zoom_black { background-color: rgba(0,0,0,0.7) }

.overlay_join { position: relative; width: 298px; height: 200px; overflow: hidden; float: left; margin-bottom: 16px }

.overlay_join img { width: 100%; height: 100%; border: none }

.overlay_join .overlay_join_left,.overlay_join .overlay_join_right { position: absolute; width: 50%; height: 100% }

.overlay_join .overlay_join_left { left: -50%; -webkit-transition: left 0.4s; -moz-transition: left 0.4s; -o-transition: left 0.4s; -ms-transition: left 0.4s; transition: left 0.4s }

.overlay_join .overlay_join_right { right: -50%; -webkit-transition: right 0.4s; -moz-transition: right 0.4s; -o-transition: right 0.4s; -ms-transition: right 0.4s; transition: right 0.4s }

.overlay_join .overlay_join_top,.overlay_join .overlay_join_bottom { position: absolute; width: 100%; height: 50% }

.overlay_join .overlay_join_top { top: -50%; -webkit-transition: top 0.4s; -moz-transition: top 0.4s; -o-transition: top 0.4s; -ms-transition: top 0.4s; transition: top 0.4s }

.overlay_join .overlay_join_bottom { bottom: -50%; -webkit-transition: bottom 0.4s; -moz-transition: bottom 0.4s; -o-transition: bottom 0.4s; -ms-transition: bottom 0.4s; transition: bottom 0.4s }

.overlay_join:hover .overlay_join_left { left: 0 }

.overlay_join:hover .overlay_join_right { right: 0 }

.overlay_join:hover .overlay_join_top { top: 0 }

.overlay_join:hover .overlay_join_bottom { bottom: 0 }

.overlay_join_left .join_zoom,.overlay_join_right .join_favorite,.overlay_join_top .join_zoom,.overlay_join_bottom .join_favorite { position: absolute; background-repeat: no-repeat; background-position: center center }

.overlay_join .join_zoom,.overlay_join .join_favorite { width: 100%; height: 100% }

.overlay_join_left .join_zoom,.overlay_join_top .join_zoom { background-image: url("framework/images/z.png"); opacity: .5 }

.overlay_join_right .join_favorite,.overlay_join_bottom .join_favorite { background-image: url("framework/images/l.png"); opacity: .5 }

.overlay_join_left .join_zoom:hover,.overlay_join_top .join_zoom:hover { opacity: 1 }

.overlay_join_right .join_favorite:hover,.overlay_join_bottom .join_favorite:hover { opacity: 1 }

.overlay_join .join_white { background-color: rgba(255,255,255,0.7) }

.overlay_join .join_black { background-color: rgba(0,0,0,0.7) }

/*Pagination*/
.page-template-gallery-I-php .pagination-blog,.page-template-gallery-II-php .pagination-blog,.page-template-gallery-III-php .pagination-blog { border-top: 1px solid #eee;padding-top: 40px; margin-bottom: 50px;margin-top: 30px;width: 900px;margin-left: 30px; }
.pagination-blog a:hover, span.current { background:#db1010;color: #fff !important; }
.pagination-blog  { border-top: 1px solid #eee;padding-top: 40px; margin-bottom: 50px;margin-top: 30px; }
.pagination-blog span,.pagination-blog a { border: 1px solid #eee; color: #999;border-bottom: 1px solid #ddd;border-right: 1px solid #ddd; padding: 6px 9px; font-size: 12px;margin-right: 10px; }