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

	Theme Name: EvanE Mode
	Theme URI: http://www.evanemode.nl/
	Description: Theme voor EvanE Mode - Groesbeek
	Author: Sumedia - Roel Beerens
	Author URI: http://www.sumedia.nl
	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 { margin-bottom: 18px; font-size: 12px; line-height: 18px;}
body.page.page-id-616 #tag.g960 { border-bottom: 0; }


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


#logo.g480 { margin-bottom: 23px; text-align: left;margin-top: 23px; }
#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;}

#pbk-mega-menu a {font-weight: bold; color: #db1010;}


/*-----------------------------------------------------------------------------------*/
/*	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{  min-height: 100px;  background:#333 url(framework/css/img/bg-slider.png); }
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;}
#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; }
a.moreButton { border-right-color: #393939; border-right-style: solid; border-right-width: 5px; padding-left: 5px; padding-bottom: 5px; padding-right: 20px; padding-top: 5px; float: left; margin-left: 0px; margin-bottom: 0px; margin-right: 15px; margin-top: 5px; color: white!important; background: #393939 url(framework/css/img/a-right.png) right center no-repeat;}
#home-loop .g320 .video-bottom { margin-top: 125px !important; }
#home-loop .g320 .bottom { margin-top: 124px; margin-left: 273px; }
a.moreButton:hover { border-right-color: #db1010; border-right-style: solid; border-right-width: 5px; padding-left: 5px; padding-bottom: 5px; padding-right: 20px; padding-top: 5px; float: left; margin-left: 0px; margin-bottom: 0px; margin-right: 15px; margin-top: 5px; color: white!important; background: #db1010 url(framework/css/img/a-right.png) right center no-repeat;}
#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;}

#logoFooter {margin-bottom: 18px;}

/*-----------------------------------------------------------------------------------*/
/*	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; 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 { min-height: 200px; 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; }

.email {
	width: 125px;
}

.button {
	background: #393939 url(framework/css/img/a-right.png)center no-repeat;
	width: 35px;
	padding: 11px;
	float: right;
	border: none;
	text-indent:-9999em;
}

#mc_embed_signup {
	width: 170px;
	
}

#mce-responses {
	float: right;
}

.mc-field-group {
	float:left;
}

#mce-EMAIL {
font-family: "Droid Sans", sans-serif;
background: white;
border: 1px solid #EEE;
border-bottom: 1px solid #DDD;
border-right: 1px solid #DDD;
width: 105px;
color: #b6b6b6;
padding: 10px;
}