/*
Theme Name: Showtime
Theme URI: http://www.reflexzion.com
Author: Cesar Pineda
Author URI: http://www.reflexzion.com
Version: 1.0
*/

/* Stylesheets */
/* @import url("colors.php"); */
@import url("devices.css");
@import url("styles/grid/col.css");
@import url("styles/grid/2cols.css");
@import url("styles/grid/3cols.css");
@import url("styles/grid/4cols.css");
@import url("styles/grid/5cols.css");
@import url("styles/grid/6cols.css");
@import url("styles/grid/7cols.css");
@import url("styles/grid/8cols.css");
@import url("styles/grid/9cols.css");
@import url("styles/grid/10cols.css");
@import url("styles/grid/11cols.css");
@import url("styles/grid/12cols.css");

/* ------------ */
/* -- Shorts -- */
/* ------------ */
/* -- Buttons -- */
a.button-small, a.button-big, a.button-huge {margin: 10px 0 5px 0; color: #ffffff; clear: both; display: inline-block; font-size: 1em; font-weight: bold; cursor: pointer;}
a.button-small:hover, a.button-big:hover, a.button-huge:hover {color: #eeeeee;}
a.button-small {padding: 0 20px; line-height: 37px;}
a.button-big {padding: 0 30px; line-height: 50px;}
a.button-huge {padding: 0 40px; line-height: 63px;}

/* -- Pull & Block Quotes -- */
.blockquote {background-image: url(images/quotation.png); background-position: 0 0; background-repeat: no-repeat; display: block; font-style: oblique; line-height: 28px; margin-bottom: 20px; margin-top: 20px; padding-left: 45px;}
.pullquote {display: block; line-height: 28px; margin-bottom: 20px; margin-top: 20px; padding-left: 15px;}
.blockquote, .pullquote {font-family: Georgia,"Times New Roman",Times,serif; font-size: 20px;}
.pullquote {border-left-style: solid; border-left-width: 8px;}

/* -------------------- */
/* -- General Styles -- */
/* -------------------- */
body {font-family: "Trebuchet MS", Helvetica, sans-serif; width: 100%; margin: 0 auto; color: #000000; font-size: 1em; text-align: left; background: #F4F4EF url(images/1.png) repeat;}

/* ---------- */
/* -- CSS3 -- */
/* ---------- */
/* -- Drop Shadows -- */
.donateLink, .price-table .highlight-column .column-title, #sidebar-home h2, #nav, #slogan h1, .hl, .donateLink, #footer .titles, .price-table .highlight-column .column-title, #sleft .textwidget, #footercontent {text-shadow: 1px 1px 1px #000000; filter: dropshadow(color=#000000, offx=1, offy=1);}
a.button-small, a.button-big, a.button-huge, #buttonbox .col {text-shadow: 1px 1px 1px #333333; filter: dropshadow(color=#333333, offx=1, offy=1);}
#shoutbox {text-shadow: 1px 1px 1px #444444; filter: dropshadow(color=#444444, offx=1, offy=1);}
#sleft .textwidget {text-shadow: 1px 1px 1px #cccccc; filter: dropshadow(color=#cccccc, offx=1, offy=1);}
#contentbox, h2.trigger, .sidebar-title, #sidebar-full, .post-title , .page-title, .titles {text-shadow: 1px 1px 1px #ffffff; filter: dropshadow(color=#ffffff, offx=1, offy=1);}

/* -- Box Shadows -- */
a.button-small, a.button-big, a.button-huge, #buttonbox .col {box-shadow: 2px 2px 1px #999999; -moz-box-shadow: 2px 2px 1px #999999; -webkit-box-shadow: 2px 2px 1px #999999;}
#main, #footer, #sidebar .socialmedia-buttons, #sidebar .paymentoptions, #sidebar .textwidget, .schema, #hreview-testimonial, #sidebar-home, #contentfull, #shoutbox, #blogpage .post, #contentwrap, #homebottom, #product, #mitem-pop, #recentposts, #intro-box, blockquote {box-shadow: 2px 2px 1px #dddddd; -moz-box-shadow: 2px 2px 1px #dddddd; -webkit-box-shadow: 2px 2px 1px #dddddd;}
#contentbox:hover, #shoutbox:hover {-webkit-box-shadow: 0 0 40px rgba(0, 0, 0, 0.4) inset; -moz-box-shadow: 0 0 40px rgba(0, 0, 0, 0.4) inset; box-shadow: 0 0 40px rgba(0, 0, 0, 0.4) inset;}
#contentbox {-webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.2) inset; -moz-box-shadow: 0 0 30px rgba(0, 0, 0, 0.2) inset; box-shadow: 0 0 30px rgba(0, 0, 0, 0.2) inset;}
.price-table .highlight-column {-webkit-box-shadow: 0 0 12px rgba(0,0,0,.6); -moz-box-shadow: 0 0 12px rgba(0,0,0,.6); box-shadow: 0 0 12px rgba(0,0,0,.6);}

/* -- Border Radius -- */
.price-table .highlight-column {-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}
.price-table .highlight-column .column-title {-moz-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0;}
.first-column .column-title, .first-column {-moz-border-radius: 4px 0 0 0; -webkit-border-radius: 4px 0 0 0; border-radius: 4px 0 0 0;}
.first-column {-moz-border-radius: 0 0 0 4px; -webkit-border-radius: 0 0 0 4px; border-radius: 0 0 0 4px;}
.last-column .column-title, .last-column {-moz-border-radius: 0 0 4px 0; -webkit-border-radius: 0 0 4px 0; border-radius: 0 0 4px 0;}

/* -- Transitions -- */
#contentbox, #contentwrap, #buttonbox, #hreview-testimonial, #shoutbox, a.button-small, a.button-big, a.button-huge, h2.trigger, .donateLink, .menu a, .slidetitle a, blockquote, #recentposts, ol li, ul.checkmark li, ul.circle li, ul.x1 li, ul.arrow1 li, ul.arrow2 li, ul.arrow3 li, ul.arrow4 li, ul.plus li, ul.minus li, ul.x2 li, ul.checkmark li span, ul.circle li span, ul.x1 li span, ul.arrow1 li span, ul.arrow2 li span, ul.arrow3 li span, ul.arrow4 li span, ul.plus li span, ul.minus li span, ul.x2 li span, #hreview-testimonial, #staff, #product, #product .imgprice span, #mitem-pop, #mitem-pop .imgprice span, #fullcoupon .border, #fullcoupon2 .border, #fullcoupon3 .border, #fullcoupon4 .border, #fullcoupon5 .border, #fullcoupon6 .border, #fullcoupon7 .border, #fullcoupon8 .border, #fullcoupon9 .border, {-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}

/* -- Animation -- */
#div {animation:moveintop 2s 1; /* Firefox */ -moz-animation:moveintop 2s 1; /* Safari and Chrome */ -webkit-animation:moveintop 2s 1; /* Opera */ -o-animation:moveintop 2s 1;}
@keyframes moveintop {from {margin-top: -40px;} to {margin-top: 0;}}
@-moz-keyframes moveintop /* Firefox */ {from {margin-top: -40px;} to {margin-top: 0;}}
@-webkit-keyframes moveintop /* Safari and Chrome */ {from {margin-top: -40px;} to {margin-top: 0;}}
@-o-keyframes moveintop /* Opera */ {from {margin-top: -80px;} to {margin-top: 0;}}

/* ----------------- Begin H Tags ----------------- */
h1, h2, h3, h4, h5 {margin: 10px 0;}
h1 {font-size: 1.6em;}
h2 {font-size: 1.5em;}
h3 {font-size: 1.4em;}
h4 {font-size: 1.3em;}
h5 {font-size: 1.2em;}

a {text-decoration: none;}
p {margin: 0 0 10px 0;}
img {border: none; vertical-align: bottom;}
strong {font-weight: 600; font-size: 1em;}
blockquote {width: 98%; margin: 20px auto; padding: 1%; display: block; font-weight: bold; font-size: 1.2em; text-align: center; background: #f6f6f6 url(images/blockquote.png) repeat; border: 1px solid #dddddd;}
blockquote:hover {background: #ffffff url('images/blockquote.png') repeat;}
blockquote p {margin-bottom: 0;}
.alignleft {float: left; margin: 0 1% 0 0; padding: .5%;}
.aligncenter {width: 99%; margin: 0 auto; padding: 0 .5% 18px .5%; overflow: hidden; background: url(images/pageimgsha.png) no-repeat bottom center;}
.alignright {float: right; margin: 0 0 0 1%; padding: .5%;}
hr {width: 100%; height: 11px; margin: 30px auto; padding: 0 0 5px 0; background: url('images/divider_fancy.png') center no-repeat; border: none; display: inline-block;}
#contentfull hr, #content hr {margin: 10px auto !important;}
#notfound {width: 90%; height: auto; margin: 5% 0 0 5%;}
.clear {margin: 0; clear: both;}
.hide {position: absolute !important; top: -9999px !important; left: -9999px !important;}


/* ---------------- */
/* -- Shortcodes -- */
/* ---------------- */
#buttonbox .col {line-height: 60px; color: #ffffff; text-align: center;}
#buttonbox a {color: #ffffff; display: block;}
.hl {padding: 0 4px; font-weight: bold; color: #ffffff;}
.dropcap {float: left; font-size: 300%; line-height: 0.95em; margin-right: 0.3em; margin-bottom: 0.25em;}
.donateLink {width: auto; margin: 22px auto 10px auto; padding: 0 30px; font-size: 1.3em; color: #ffffff; line-height: 2.2em; display: table; clear: both; text-align: center; background: #285F8C; border: #7498b6 1px solid;}
.donateLink img {height: 30px; position: absolute; margin: -22px 0 0 -31px;}
.donateLink:hover {color: #ffffff; background: #175182;}
#contentwrap {width: 96%; margin: 10px auto 20px auto; padding: 2%; background: #eeeeee; display: inline-block; border: 1px solid #dddddd;}
#contentwrap:hover {background: #ffffff;}
#slider-sub-1, #slider-sub-2, #slider-sub-3 {margin-bottom: 10px;}

/* -- Recentposts -- */
#recentposts {width: 96%; margin: 0 auto 20px auto; padding: 2%; display: inline-block; clear: both; background: #eeeeee; border: #cccccc 1px solid;}
#recentposts:hover {background: #ffffff;}
#recentposts .titles {margin: 0 auto 5px auto; text-align: center; text-indent: 0;}
#recentposts .post-thumb {width: 25%; display: block; float: left;}
#recentposts .post-thumb img {width: 100%; height: auto; padding-top: 5px;}
#recentposts .post-content {width: 73%; display: block; float: right;}

/* -- Carousel -- */
#carousel {width: auto; height: auto; margin: 0 auto; padding: 2.5px; clear: both;}
#slides {overflow:hidden; /* fix ie overflow issue */ position:relative; width:250px; height:250px; border:1px solid #ccc;}
/* remove the list styles, width : item width * total items */ 
#slides ul {position:relative; left:0; top:0; list-style:none; margin:0; padding:0; width:750px;}
#slides br {display: none;}
/* width of the item, in this case I put 250x250x gif */
#slides li {width:250px; height:250px; float:left;}
#slides li img {padding:5px;}
/* Styling for prev and next buttons */
#buttons {padding:0 0 5px 0; float:left;}
#buttons a {display:block; width:31px; height:32px; text-indent:-999em; float:left; outline:0;}
a#prev {background:url(images/arrow.gif) 0 -31px no-repeat;} 
a#prev:hover {background:url(images/arrow.gif) 0 0 no-repeat;} 
a#next {background:url(images/arrow.gif) -32px -31px no-repeat;}
a#next:hover {background:url(images/arrow.gif) -32px 0 no-repeat;}

/* -- List Items -- */
ul {padding: 0 0 0 25px;}
ol li {margin: 0 0 5px 0;}
ol li:hover {text-indent: 4px;}
ul.checkmark li, ul.circle li, ul.x1 li, ul.arrow1 li, ul.arrow2 li, ul.arrow3 li, ul.arrow4 li, ul.plus li, ul.minus li, ul.x2 li {padding: 0 0 0 5px; list-style: none;}
ul.checkmark li, ul.circle li, ul.x1 li, ul.arrow1 li, ul.arrow2 li, ul.arrow3 li, ul.arrow4 li, ul.plus li, ul.minus li, ul.x2 li {width: 100%; margin: 0 0 5px 0; padding: 0 0 0 20px;}
ul.checkmark li:hover, ul.circle li:hover, ul.x1 li:hover, ul.arrow1 li:hover, ul.arrow2 li:hover, ul.arrow3 li:hover, ul.arrow4 li:hover, ul.plus li:hover, ul.minus li:hover, ul.x2 li:hover {padding: 0 0 0 24px;}
ul.checkmark li span, ul.circle li span, ul.x1 li span, ul.arrow1 li span, ul.arrow2 li span, ul.arrow3 li span, ul.arrow4 li span, ul.plus li span, ul.minus li span, ul.x2 li span {width: 16px; height: 16px; line-height: 16px; margin: 0 0 0 -18px; position: absolute; float: left background-color: #999999; background-image: url(images/listitems_sprite.png); background-repeat: no-repeat;}
.checkmark br, .circle br, .x1 br, .arrow1 br, .arrow2 br, .arrow3 br, .arrow4 br, .plus br, .minus br, .x2 br {display: none;}
ul.checkmark li {background-position: 0 0;}
ul.circle li span {background-position: 0 -16px;}
ul.x1 li {background-position: 0 -32px;}
ul.arrow1 li span {background-position: 0 -48px;}
ul.arrow2 li span {background-position: 0 -64px;}
ul.arrow3 li span {background-position: 0 -80px;}
ul.arrow4 li span {background-position: 0 -96px;}
ul.plus li span {background-position: 0 -112px;}
ul.minus li span {background-position: 0 -128px;}
ul.x2 li {background-position: 0 -144px;}

/* pricing tables */
.two-column-table .price-column {width: 50%;}
.three-column-table .price-column {width: 33.33%;}
.four-column-table .price-column {width: 25%;}
.five-column-table .price-column {width: 20%;}
.six-column-table .price-column {width: 16.66%;}

.price-table {overflow: hidden; margin: 30px 0 0 0; padding: 0 10px 25px;}
.price-column {float: left; text-align: center; margin: 20px 0; background: #F9F9FB; border-bottom: 1px solid #E7E8EB;}
.price-table .even-column {background: #FEFEFF;}
.price-table .highlight-column {margin: 10px 0; border-bottom: 0; background: #fff;}
.price-column ul {margin: 0; padding: 0;}
.price-column li {padding: 10px 0; margin: 0 15px; list-style: none; border-bottom: #eeeeee 1px solid;}
.price-column p {padding: 0 0; margin: 0 15px;}
.price-column .column-title {border: 0; margin: 0 0 10px; padding: 0; line-height: 36px; font-size: 1em; background: #E7E8EB;}
.price-table .highlight-column .column-title {color: #fff; background: #CA0E41; line-height: 46px; font-size: 2em;}
.price-table .highlight-column {position: relative;}
.price-info .cost {font-size: 38px; display: block; line-height: 32px; margin-bottom: 8px; font-family: Georgia, "Times New Roman", Times, serif;}
.price-info .details {font-size: 14px; line-height: 16px;}
.price-table .highlight-column .price-info {color: #E54560;}

/* -- testimonial -- */
#hreview-testimonial {width: 96%; margin: 0 auto 30px auto; padding: 10px 1%; font-size: 1em; text-align: left; overflow: hidden; background: #ffffff; border-style: solid; border-width: 1px;}
#hreview-testimonial:hover {background: #f6f6f6; border-style: dashed; border-width: 1px;}
#hreview-testimonial h2 {margin: 0; text-align: center;}
#hreview-testimonial .dtreviewed-wrap {padding-bottom: 10px; display: block;}
#businessinfo {width: 100%; margin: 5px 0 10px 0; clear: both; text-align: center;}
#hreview-testimonial .vcard {background: none !important; padding: 0 !important; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none;}
.fn {font-weight: bold;}
.rating {font-size: 1.3em; color: #FFCC00; font-weight: bold;}
#hreview-testimonial .imagebox {width: 20%; overflow: hidden; margin: 0; float: left;}
#hreview-testimonial .imagebox img {width: 91%; margin: 5px 0 0 0; padding: 3%; border: #999999 1px solid;}
#hreview-testimonial .infobox, #hreview-testimonial .dtreviewed-wrap {width: 78%; overflow: hidden; margin: 0; float: right;}
#hreview-testimonial .personname {width: 100%; font-size: 1.3em; display: block; font-weight: 800;}
#hreview-testimonial .description {width: 100%; margin: 5px 0 0 0; display: block; color: #000000;}
#hreview-testimonial #single {width: 20%; height: auto; margin: none; border: none; float: left; overflow: auto;}

/* -- Staff -- */
#staff {width: 96%; margin: 10px auto; padding: 1%; font-size: 1em; text-align: left; overflow: hidden; background: #eeeeee; border-style: solid; border-width: 1px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
#staff:hover {background: #ffffff; border-style: dashed;}
#staff .imagebox {width: 20%; overflow: hidden; margin: 0; float: left;}
#staff .imagebox img {width: 91%; margin: 5px 0 0 0; padding: 3%; border: #999999 1px solid;}
#staff .infobox {width: 78%; overflow: hidden; margin: 0; float: right;}
#staff .personname {width: 100%; font-size: 1.2em; display: block; font-weight: 800;}
#staff .persontitle {width: 100%; font-size: 1em; display: block; font-weight: 600;}
#staff .personphone {width: 100%; color: #222222; display: block; font-weight: 600;}
#staff .personemail {width: 100%; display: block; font-weight: 200;}
#staff .description {width: 100%; margin: 5px 0 0 0; display: block;}
#staff #single {width: 20%; height: auto; margin: none; border: none; float: left; overflow: auto;}

/* -- Product -- */
#product {width: 96%; margin: 5x auto 10px auto; padding: 1%; background: #f6f6f6; display: block; overflow: hidden; border: #cccccc 1px solid; }
#product:hover {background: #ffffff;}
#product .imgprice {width: 18%; padding: 0 2% 0 0; float: left; display: block; overflow: hidden;}
#product .imgprice span {width: 100%; margin: 0 0 0 0; padding: 5px 0; display: block; overflow: hidden; font-size: 1em; font-weight: 800; text-align: center; background: #ffffff;}
#product .imgprice span:hover {background: #eeeeee;}
#product img {padding-top: 5px;}
#product .iteminfo {width: 80%; margin: 0; display: block; overflow: hidden; float: left;}
#product .iteminfo h3 {margin: 0 0 0 0; font-size: 1.2em !important;}
#product .iteminfo p {width: 100%; margin: 0 0 0 0;}

#mitem-pop {width: 96%; margin: 10px auto; padding: 1%; background: #eeeeee; display: block; overflow: hidden; border: #cccccc 1px solid;}
#mitem-pop:hover {background: #ffffff;}
#mitem-pop .imgprice {width: 98%; padding: 0 1%; float: left; display: block; overflow: hidden;}
#mitem-pop .imgprice span {width: 100%; margin: 0 0 0 0; padding: 5px 0; display: block; overflow: hidden; font-size: 1em; font-weight: 800; text-align: center; background: #ffffff;}
#mitem-pop .imgprice span:hover {background: #eeeeee;}
#mitem-pop img {}
#mitem-pop .iteminfo {width: 96%; margin: 0; padding: 0 2%; display: block; overflow: hidden; float: left;}
#mitem-pop .iteminfo h3 {margin: .5% 0; font-size: 1.2em !important;}
#mitem-pop .iteminfo p {width: 100%; margin: 0 0 0 0;}
#mitem-pop .buttons {float: right;}

/* -- Coupons -- */
#fullcoupon, #fullcoupon2, #fullcoupon3, #fullcoupon4, #fullcoupon5, #fullcoupon6, #fullcoupon7, #fullcoupon8, #fullcoupon9 {width: 99%; margin: 2% auto; padding: .5%; float: left; background: none;}
#fullcoupon h3, #fullcoupon2 h3, #fullcoupon3 h3, #fullcoupon4 h3, #fullcoupon5 h3, #fullcoupon6 h3, #fullcoupon7 h3, #fullcoupon8 h3, #fullcoupon9 h3 {width: 100%; height: 2.5em; margin: 0 auto; padding: 0 0 0 0; font-size: 1.6em; line-height: 2.5em; text-align: center; background: #cccccc url('images/coupon-gradient.png') repeat-x;}
#fullcoupon .content, #fullcoupon2 .content, #fullcoupon3 .content, #fullcoupon4 .content, #fullcoupon5 .content, #fullcoupon6 .content, #fullcoupon7 .content, #fullcoupon8 .content, #fullcoupon9 .content {text-align: center; font-size: 1.4em;}
#fullcoupon .smalltext, #fullcoupon2 .smalltext, #fullcoupon3 .smalltext, #fullcoupon4 .smalltext, #fullcoupon5 .smalltext, #fullcoupon6 .smalltext, #fullcoupon7 .smalltext, #fullcoupon8 .smalltext, #fullcoupon9 .smalltext {text-align: center; font-size: .8em;}
#fullcoupon .border, #fullcoupon2 .border, #fullcoupon3 .border, #fullcoupon4 .border, #fullcoupon5 .border, #fullcoupon6 .border, #fullcoupon7 .border, #fullcoupon8 .border, #fullcoupon9 .border {border: 2px dashed #999999; padding: 0; background: #eeeeee;}
#fullcoupon .border:hover, #fullcoupon2 .border:hover, #fullcoupon3 .border:hover, #fullcoupon4 .border:hover, #fullcoupon5 .border:hover, #fullcoupon6 .border:hover, #fullcoupon7 .border:hover, #fullcoupon8 .border:hover, #fullcoupon9 .border:hover {border-style: dashed !important; border-weight: 2px !important; background: #ffffff !important;}
#printbtn {width: auto; height: auto; margin: 1% 0 0 0;}

/* -- Shout Box -- */
#shoutbox {width: 96%; margin: 0 auto 10px auto; padding: 2%; display: inline-block;}
#shoutbox .shouttitle {width: 100%; magin-bottom: 5px; font-size: 2em; display: block; color: #ffffff; font-weight: 600;}
#shoutbox .shoutcontent {width: 100%; font-size: 1.2em; font-weight: bold; display: block; color: #ffffff;}
#shoutbox a {color: #ffffff; text-transform: uppercase; text-decoration: underline;}
#shoutbox a:hover {color: #f6f6f6;}

/* Toggle */
h2.trigger {width: 99.5%; line-height: 37px; margin: 10px auto 0 auto; padding: 0 0; text-indent: 5px; display: block; overflow: hidden; font-size: 1.2em; font-weight: bold; background: url("images/toggle.png") repeat-x right top; border-left: #cccccc 1px solid; border-right: #cccccc 1px solid; border-bottom: #cccccc 1px solid; cursor: pointer;}
h2.active {background: url("images/toggle.png") repeat-x right bottom;}
.toggle_container {width: 98%; margin: 0 0; padding: 1%; background: #eeeeee; overflow: hidden; font-size: 1em; clear: both;}
.toggle_container .block {}
.toggle_container h3 {font: 2em; margin: 0 0 15px 0; border-bottom: 1px dashed #ccc;}

/* -- Gallery -- */
ul.gallery {width: auto; margin: 0 auto; padding: 0 !important; list-style: none; display: table; clear: both;}
ul.gallery img {}
ul.gallery span {margin: 0 0 10px 0; text-align: center;}
ul.gallery br {display: none;}
ul.gallery li {width: auto; height: 90px; margin: 5px 10px; border: #cccccc 3px solid; float: left; overflow: hidden;}
#single {width: auto; margin: 5px; border: #cccccc 3px solid; float: left; overflow: hidden;}
#single img {}
#video li {width: 100%; margin: 0 0 5px 0; text-align: center;}
#video a {color: #ffffff; font-weight: bold; font-size: 1.2em;}

/* Tabs */
.tab_container {width: 100%; margin: 10px 0; padding: 0 0 5px 0; clear: both; float: left; background: #f9f9f9;}
.tab_container br {display: none;}
ul.tabs {width: 98% !important; height: 32px; margin: 0 0 10px 0 !important; padding: 1% !important; float: left; list-style: none; background: url(images/tiles.png) repeat; border-bottom: #dddddd 1px solid;}
ul.tabs li {float: left; margin: 0; padding: 0; height: 31px; line-height: 31px; margin-bottom: -1px; overflow: hidden; position: relative;}
ul.tabs li a {text-decoration: none; color: #000; display: block; font-size: 1em; padding: 0 20px; outline: none;}
ul.tabs li a:hover {background: #ffffff;}	
html ul.tabs li.active, html ul.tabs li.active a:hover {background: #ffffff;}
.tab_content {padding: 0 1% 1% 1%; font-size: 1em;}
.tab_content img {float: left; margin: 0 20px 0 0; border: 1px solid #cccccc; padding: 5px;}

/* -- Featured Section -- */
#featbox {margin: 20px auto; background: #ffffff;}
#featbox p {margin-top: 0; padding: 0 20px;}
#featbox .box {padding: 0 0 10px 0; text-align: center; background: #ffffff url(images/tiles.png) repeat;}
#featbox .img {width: 100%; height: auto; margin: 0 auto; padding: 0 0 0 0; overflow: hidden;}
#featbox .name {width: auto; margin: 0 0 0 0; padding: 10px 0; border-bottom: 1px solid #e6e6e6; font-size: 1em; font-weight: bold; background: #ffffff; text-transform: uppercase;}
#featbox .shad {width: 100%; height: 20px; background: url(images/featuredname.png) no-repeat center bottom;}
#featbox a.button-small {color: #ffffff;}

/* ------------ */
/* -- Titles -- */
/* ------------ */
.sidebar-title {width: 99.5%; line-height: 37px; margin: 0 auto; padding: 0 0; font-size: 1.2em; text-indent: 5px; display: block; overflow: hidden; font-weight: bold; background: url("images/titles.png") repeat-x transparent; border-left: #cccccc 1px solid; border-right: #cccccc 1px solid; border-bottom: #cccccc 1px solid;}

.post-title {width: 100%; line-height: 26px; margin: 0 auto 5px auto; padding: 0 0; display: block; overflow: hidden; color: #000000; font-weight: bold;}
.post-title a {color: #000000;}
.post-title small {padding: 0 5px; float: right; background: #f3f3f3; color: #444444; font-size: 0.5em !important;}

.page-title {width: 99.5%; line-height: 37px; margin: 0 auto 10px auto; padding: 0 0; text-indent: 5px; display: block; overflow: hidden; font-weight: bold; background: url("images/titles.png") repeat-x transparent; border-left: #cccccc 1px solid; border-right: #cccccc 1px solid; border-bottom: #cccccc 1px solid;}

.titles {width: 99.5%; line-height: 37px; margin: 10px auto 5px auto; padding: 0 0; text-indent: 5px; display: block; overflow: hidden; font-size: 1.3em; font-weight: bold; background: url("images/titles.png") repeat-x transparent; border-left: #cccccc 1px solid; border-right: #cccccc 1px solid; border-bottom: #cccccc 1px solid;}


/* -------------------- */
/* -- Header Section -- */
/* -------------------- */
#header {width: 100%; margin: 0; padding: 0 0 0 0; background: #ffffff url(images/headerbg.png) repeat-x bottom; border-top-weight: 5px; border-top-style: solid;}
#header .contactinfo {width: 100%; height: 24px; line-height: 24px; margin: 0 0 2% 0; padding: 0 0 5px 0; font-size: .8em;  border-bottom: #eeeeee 1px dashed; color: #666666; display: inline-table;}
#header .contactinfo h2 {width: auto; margin: 0; padding: 0; display: inline; color: #666666; font-weight: normal; background: none; border: none; line-height: normal; text-indent: 0;}
#header .contactinfo h2.trigger {font-size: 1em;}
#header .infobox {width: auto; margin: 0 30px 0 0; float: left;}
#header #svctm {width: 40% !important; margin: 0;}
#header .contactinfo a {color: #666666;}
#header .contactinfo br {display: none;}
#header .contactinfo .toggle_container {margin-top: 10px;}
#header .inner {width: 980px; display: block; margin: 0 auto; padding: 1% 0 2% 0; clear: both; overflow: hidden;}

#headerright {width: 70%; margin: 0 0 0 0; padding: 0; float: right; z-index: 100; background: none; text-align: right;}
#headerright .socialmedia-buttons {padding-top: 10px;}
#headerright .socialmedia-buttons img {width: 41px;}

.fixed {position: fixed; top: 0; background: url(images/nav-2.png) repeat-x !important;}

/* -- Logo/Name Section -- */
#logo {width: 100%; margin: 0 0; padding: 0; float: left; z-index: 100; background: none; text-align: center;}
#logo img {width: 100%; margin: 0 0 0 0;}
#logo h1, #logo h2 {width: auto; margin: 0; padding: 0; line-height: 51px; font-size: 2em;}

/* -- Slogan -- */
#sloganbg {width: 100%; margin: 0 0 20px 0; padding: 0 0 30px 0; background-image: url('images/lines.png'); background-repeat: repeat-x; background-position: bottom; border-top: 1px #ffffff solid; border-bottom: 2px #ffffff solid;}
#sloganwrap {width: 980px; height: auto; margin: 0 auto; padding: 0; overflow: hidden;}
#slogan {width: 98%; height: auto; margin: 0 auto; padding: 0; overflow: hidden; text-align: center;}
#slogan h1 {margin-top: 40px; color: #ffffff;}

/* -- Menu -- */
#navwrap {height: 45px; margin: 0 0 30px 0;}
#nav {width: 100%; height: 45px; padding: 0 0 0 0; font-weight: bold; z-index: 99999; background: url(images/nav.png) repeat-x;}
#nav .menu-main-container {width: auto; margin: 0 auto; padding: 0 0 0 0; display: table;}
#nav .menu {padding: 0 0 0 0; margin: 0 auto;}
.menu li {float: left; list-style: none; position: relative;}
.menu a {line-height: 44px; margin: 0 0 0 0; padding: 0 20px; font-size: 1em; display: inline; float: left; color: #ffffff; text-transform: uppercase; text-decoration: none;}
.menu a:hover {color: #cccccc !important;}
#nav .menu .current a, .menu li:hover > a {color : #ffffff;}
#nav .menu ul {width: auto; margin: 0 0 0 0; display: none; position: absolute; z-index:1001; border: none; text-align: left;}
#nav .menu ul li {width: auto; margin: 0; float: none; text-align: center; border: none;}
#nav .menu li:hover > ul {display: block;}
#nav .menu ul {width: auto; margin: 44px 0 0 0; padding: 0 0 0 0; background: none;}
#nav .menu ul ul {margin: 0 0 0 0;}
#nav ul ul li ul {left: 200px; top: 0px; position: inherit;}
#nav .menu .sub-menu a {width: 190px; display: block; line-height: 44px; margin: 0; text-decoration: none; font-size: 1em; text-transform: none; text-align: left; padding: 0 5px;}
#nav .menu .sub-menu a:hover {background-image: url(images/nav.png); background-position: repeat-x;}
#nav .menu ul .sub-menu a {color: #ffffff; background-image: url(images/nav.png); background-position: repeat-x;}
#nav .menu ul .sub-menu a:hover {background-image: none;}
.menu li.current_page_item a {color: #ffffff !important;}
.menu li.current_page_item a:hover {color: #ffffff !important;}
#nav select.menu {width: 98%; height: auto; margin: 8px auto 0 auto; padding: 2% 1%; display: table;}
#menu-item-21 {display: none;}

/* -- Slider -- */
#sliderbg {width: 100%; margin: 0 0 0 0; padding: 0 0 10px 0; background-image: url(images/sliderbg-2.png); background-repeat: repeat-x; background-position: bottom; border-top: 1px #ffffff solid; border-bottom: 2px #ffffff solid;}
#sliderwrap {width: 98%; height: auto; margin: 0 auto; padding: 1%; overflow: hidden; background: #eeeeee;}
#sliderwrap .sidebar-title {width: 99%; margin: 0 0 1% 0;}
#slidershad {width: 980px; height: 21px; margin: 0 auto; background: url(images/shadow_big.png) no-repeat center bottom;}
#slider {width: 100%; height: auto; margin: 0 auto; padding: 0 0 0 0; overflow: hidden;}
#slider .panel-wrapper {padding: 0 !important;}

#sleft {width: 32%; margin: 0 0; padding: 0 1% 0 0; float: left;}
#sleft img {width: 100%; margin: 0;}
#sleft .sidebar-title {width: 100%; padding: 0 0 0 0;}
#sleft .textwidget {padding: 0 0 0 0; color: #000000;}

#sright {width: 66%; margin: 0 0 0 0; float: right;}
#sright h1 {width: 99%; margin: 1% 0; padding: 0 0 0 1%; clear: both; display: inline-block; font-size: 1.8em; line-height: normal; color: #ffffff;}
#sright h2 {width: 99%; margin: 1% 0; padding: 0 0 0 1%; clear: both; display: inline-block; font-size: 1.8em; line-height: normal; color: #ffffff;}
#sright #sidebar-full {margin: 0 0 1% 0;}
#sright .textwidget {color: #eeeeee;}
#sright #slider {margin: 0 auto 0 auto;}


/* -------------------------- */
/* -- Content Below Header -- */
/* -------------------------- */
#mainwrap {width: 980px; margin: 0 auto; padding: 0 0;}
#mainwrap br {display: none;}
#mainwrap #sidebar br {display: block;}
#main, #contentfull {margin-top: 20px;}
#content {float: left; margin: 0; padding: 0 0 0 0; text-align: left;}

#intro-boxwrap {width: 100%; margin: 0 0 0 0; padding: 20px 0; background: #ffffff url(images/tiles.png) repeat; border-bottom: 1px #ffffff solid;}
#intro-box {width: 940px; margin: 0 auto; padding: 20px; overflow: hidden; text-align: left; background: #ffffff;}
#intro-box p {width: 75%; margin: 0 0 0 0; float: left; clear: none; font-size: 1.5em;}
#intro-box a {margin: 5px 0 0 0; float: right; clear: none; padding: 0 30px;}
#intro-box a:hover {color: #ffffff;}

#sermon {width: 98%; padding: 1%; background: #222222; display: inline-block; text-align: center;}
#sermon .gallery a {font-weight: normal !important; font-size: 1em !important;}
#sermonwrap {}
#sermon h2 {width: 100%; margin: 1em 0 0 0; padding: 0; font-size: 1.3em; color: #ffffff; clear: none;}
#sermon p {width: 100%; margin: 0 0 1.4em 0; padding: 0; font-size: 1.1em; color: #ffffff; clear: none;}
#sermon img {width: 100%;}
#sermon #viewmore {width: 18%; height: auto; margin: 0 1%; padding: 2%; text-align: center; overflow: hidden; background: #ffffff; display: inline-block;}
#sermon .toggle_container {width: 100%; margin: 0 0 4px 0; padding: 10px 0; background: #333333;}
#sermon .block {display: table; margin: 0 auto;}
#sermon .trigger {cursor: pointer;}

/* -- Contact Page -- */
#googlemap {margin-bottom: 10px;}
.wpcf7 {color: #444444;}
.wpcf7 input, .wpcf7 textarea {width: 60%; margin: 5px 0; padding: 1%; display: block;}
.wpcf7 input {width: 60%;}
.wpcf7 textarea {width: 80%;}


/* ------------- */
/* -- Sidebar -- */
/* ------------- */
#sidebar-full {width: 100%; margin: 0; padding: 0 0 0 0; float: left; clear: none; text-align: center; color: #222222;}
#sidebar-home {width: 100%; margin: 0; padding: 0; background: #ffffff;}
#sidebar-footer {width: 100%; margin: 0 0 10px 0; padding: 0;}

#header .adr {margin-right: 30px;}
#header .adr img {margin-right: 5px;}
#header .adr, #header .adr img, #header .adr div {float: left;}
.schema h2 {width: 100%; margin: 0 0 15px 0; padding: 5px 0; display: block; text-align: center; background: #ffffff; text-align: center;}
.schema a, .schema .wht {width: 100%; padding: 5px 0; display: block; text-align: center; background: #ffffff; font-weight: bold;}
.schema .wht {margin-bottom: 10px;}

#sidebar {margin: 0 0 0 0; padding: 0 0 1% 0; clear: none; float: right;}
#sidebar .socialmedia-buttons, #sidebar .paymentoptions, #sidebar .textwidget, .schema {width: 96%; margin: 10px auto 20px auto; padding: 2%; overflow: hidden; background: #f6f6f6 url(images/body.png) repeat; font-size: 1em; overflow: hidden;}
#sidebar .socialmedia-buttons img {height: 41px;}
#sidebar .socialmedia-buttons, #sidebar .paymentoptions {text-align: center;}
#sidebar .paymentoptions img {height: 25px !important; margin-bottom: 5px;}
#sidebar ul {width: 90%; margin: 5px 0; padding: 0 0 0 10%; clear: both; overflow: hidden;}
#sidebar li {}
#sidebar a {text-decoration: none; font-weight: bold;}
#sidebar a:hover {}
#sidebar blockquote {width: 98%;}
#sidebar img {}
.textwidget .titles {text-indent: 0 !important;}


/* ----------- */
/* -- Posts -- */
/* ----------- */
#meta {width: 100%; margin: 10px 0 0 0; padding: 0; display: inline-block; overflow: hidden; text-align: left;}
#meta .date {width: 33%; line-height: 1.8em; padding-left: 5%; background: url(images/date.png) 5px 5px no-repeat; font-size: .9em ; display:block; float: left;}
#meta .cats {width: 33%; line-height: 1.8em; margin: 0 .5%; padding-left: 5%; background: url(images/categories.png) 5px 5px no-repeat; font-size: .9em; display:block; float: left;}
#meta .cats a {font-weight: bold; color: #747A00;}
#meta .cats a:hover {color: #C7D132;}
#meta .post-more {width: 23%; line-height: 1.8em; font-size: .9em; display:block; float: left; text-shadow: none; filter: none;}
#meta .post-more a {padding: 5px 10px; font-weight: bold; color: #ffffff;}

#blogpage .post {padding: 10px 0; background: #f6f6f6;}
.post {width: 100%; margin: 0 auto 20px auto; padding: 0; background: #ffffff;}
.archive-title a { margin-bottom: 3%; }
.post-navigation { font-size: 1em; }
.post .post-thumb {width: 25%; display: block; float: left;}
.post .post-thumb img {width: 100%; height: auto; padding-top: 5px;}
.post .post-content {width: 73%; display: block; float: right;}


/* -------------- */
/* -- Comments -- */
/* -------------- */
#comments {width: 100%; margin: 0 0 0 0; clear: both; float: left;}
#comment {margin: 10px 0 30px 0; padding: 10px 0 0 0; border-top: #eeeeee 1px solid;}
#comments h3, #respond h3 {width: auto; margin-top: 0; line-height: 31px; font-size: 1em; display: inline-block; text-indent: 50px; background: url(images/comments.png) no-repeat left center;}
.commentlist {margin: 25px 0 30px 0;}
.commentlist .comment {}
.commentlist .url {}
.commentlist .comment-meta {color: #888888; text-transform: uppercase; font-size: 10px; margin: -4px 0 0 0;}
.commentlist img {width: 32px; margin: 0 10px 0 0; vertical-align: bottom;}
.commentlist p {margin: 10px 0 10px 0;}
.commentlist .comment-reply-link {padding: 5px; background: #eeeeee; display: inline-block;}
.commentlist em {font-style: italic;}

/* respond form */
#respond .cancel-comment-reply {padding: 0 0 10px 0;}
#commentform {width: 100%; margin: 0 0 0 0;}
#commentform input {width: 30%; margin: 0 1% 0 0; padding: 5px; font-size: .9em; float: left; color: #555555; border: 1px #ddd solid;}
#commentform textarea {width: 98%; margin: 10px 0 0 0; padding: 5px; font-size: .9em; float: left; color: #555555; border: 1px #ddd solid;}
#commentform .submit {padding: 5px 3px; background: #222222; color:#ffffff; cursor: pointer; display: inline-block; margin: 5px 0 15px 0;}
#commentform .submit:hover {color: #fff;}
#commentform label {float: left; padding: 8px 0 0 20px; text-transform: uppercase; color: #888888; font-size: 10px;}
#commentform .logged {margin: 0;}
.commentlist .comment-reply-link {margin: 10px 0 0 0; color: #7F5B34; font-size: 12px;}
.commentlist .comment-reply-link:hover {color: #555;}


/* ------------ */
/* -- Footer -- */
/* ------------ */
#footer {width: 98%; margin: 0 auto 2% auto; padding: 1% 1% 0 1%; background: #333333; color: #ffffff; overflow:hidden; font-size: 1em; border: #000000 1px solid;}
#footer strong, #footer a {color: #ffffff;}
#footer a:hover {color: #cccccc;}
#footer .titles {text-align: center; color: #ffffff; background: url("images/titles-foot.png") repeat-x transparent; border-left: #222222 1px solid; border-right: #222222 1px solid; border-bottom: #222222 1px solid;}
#footercontent {width: 98%; clear: both; margin: 0 auto; padding: 1%; background: #222222; overflow:hidden;}
#footercontent .copyright {width: 100%; margin: 0; text-align: center; font-size: 1em; color: #e7d5aa;}
#footercontent .design {width: 100%; margin: 0; text-align: center; font-size: 1em; color: #e7d5aa;}
.footer-logo{width: 10%;}

/* For blendimages.js */
.blend img {
   opacity: 0;
   -moz-opacity: 0;
   -khtml-opacity:0;
   filter: alpha(opacity=0);
}