/* =============================================================================
   HTML5 display definitions
   ========================================================================== */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }


/* =============================================================================
   Base
   ========================================================================== */

/*
 * 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
 * 2. Force vertical scrollbar in non-IE
 * 3. Prevent iOS text size adjust on device orientation change, without disabling user zoom: h5bp.com/g
 */

html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

body { margin: 0; font-size: 11px; line-height: 1.231; }

body, button, input, select, textarea { font-family: sans-serif; color: #FFF; }

/* 
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate
 * Also: hot pink! (or customize the background color to match your design)
 */

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


/* =============================================================================
   Links
   ========================================================================== */

a { color: #00e; text-decoration: none; }
a:visited { color: #551a8b; }
a:hover { color: #06e; cursor: pointer; }
a:focus { outline: thin dotted; }

/* Improve readability when focused and hovered in all browsers: h5bp.com/h */
a:hover, a:active { outline: 0; }


/* =============================================================================
   Typography
   ========================================================================== */

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

b, strong { font-weight: bold; }

blockquote { margin: 1em 40px; }

dfn { font-style: italic; }

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

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

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

/* Redeclare monospace font family: h5bp.com/j */
pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }

/* Improve readability of pre-formatted text in all browsers */
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

q { quotes: none; }
q:before, q:after { content: ""; content: none; }

small { font-size: 85%; }

/* Position subscript and superscript content without affecting line-height: h5bp.com/k */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }


/* =============================================================================
   Lists
   ========================================================================== */

ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }


/* =============================================================================
   Embedded content
   ========================================================================== */

/*
 * 1. Improve image quality when scaled in IE7: h5bp.com/d
 * 2. Remove the gap between images and borders on image containers: h5bp.com/e 
 */

img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }

/*
 * Correct overflow not hidden in IE9 
 */

svg:not(:root) { overflow: hidden; }


/* =============================================================================
   Figures
   ========================================================================== */

figure { margin: 0; }


/* =============================================================================
   Forms
   ========================================================================== */

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }

/* Indicate that 'label' will shift focus to the associated form element */
label { cursor: pointer; }

/* 
 * 1. Correct color not inheriting in IE6/7/8/9 
 * 2. Correct alignment displayed oddly in IE6/7 
 */

legend { border: 0; *margin-left: -7px; padding: 0; }

/*
 * 1. Correct font-size not inheriting in all browsers
 * 2. Remove margins in FF3/4 S5 Chrome
 * 3. Define consistent vertical alignment display in all browsers
 */

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

/*
 * 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet)
 * 2. Correct inner spacing displayed oddly in IE6/7
 */

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

/*
 * Reintroduce inner spacing in 'table' to avoid overlap and whitespace issues in IE6/7
 */

table button, table input { *overflow: auto; }

/*
 * 1. Display hand cursor for clickable form elements
 * 2. Allow styling of clickable form elements in iOS
 */

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

/*
 * Consistent box sizing and appearance
 */

input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

/* 
 * Remove inner padding and border in FF3/4: h5bp.com/l 
 */

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

/* 
 * 1. Remove default vertical scrollbar in IE6/7/8/9 
 * 2. Allow only vertical resizing
 */

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

/* Colors for form validity */
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }


/* =============================================================================
   Tables
   ========================================================================== */

table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }

article { margin-bottom: 30px; }

body #copy .content header { display: none; }
body #copy .content header.entry-header { background: none; height: 35px; }

/* Search Form */
#branding #searchform {/*  position: absolute; top: 158px; right: 12.6%; */ padding: 5px 10px 0 0; text-align: right; }
#branding #searchform div { margin: 0; }
#branding #s { color: #999; float: right; -webkit-transition-duration: 400ms; -webkit-transition-property: width, background; -webkit-transition-timing-function: ease; -moz-transition-duration: 400ms; -moz-transition-property: width, background; -moz-transition-timing-function: ease; -o-transition-duration: 400ms; -o-transition-property: width, background; -o-transition-timing-function: ease; width: 72px; }
#branding #s:focus { background-color: #f9f9f9; width: 196px; }
input#s {
    background: url("images/search.png") no-repeat scroll 5px 2px transparent;
    border-radius: 2px 2px 2px 2px;
    font-size: 10px;
    height: 19px;
    line-height: 1.2em;
    padding: 2px 10px 2px 28px;
}
.assistive-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; }
#ie7 .assistive-text { margin: 8px 0 0 35px; color: #999; }
#branding #searchsubmit { display: none; }
#branding .only-search #searchform { top: 5px; z-index: 1; }
#branding .only-search #s { background-color: #666; border-color: #000; color: #222; }
#branding .only-search #s, #branding .only-search #s:focus { width: 85%; }
#branding .only-search #s:focus { background-color: #bbb; }
#branding .with-image #searchform { top: auto; bottom: -27px; max-width: 195px; }
#branding .only-search + #access div { padding-right: 205px; }

/* =Menu
-------------------------------------------------------------- */
	nav#main_nav { display: block; font-size: 12px; padding: 61px 0 0 158px; }
		nav#main_nav ul  { padding-top: 5px; font-size: 12px; list-style: none; /* margin: 0 0 0 -0.8125em; */ padding-left: 0; }
		nav#main_nav li { float: left; position: relative; }
		#main_nav a { display: block; color: #FFF; letter-spacing: .08em; text-transform: uppercase; text-decoration: none; padding: 3px 10px; margin: 0; }
			#main_nav ul li a { float: left; }
		#main_nav ul ul { background:url(/images/purple/nav_child-bg.png) repeat 0 0; display: none; float: left; margin: 0; position: absolute; top: 1.333em; left: 0; width: 188px; z-index: 99999; }
		#main_nav ul ul a { color: #000; font-size: 12px; font-weight: normal; height: auto; line-height: 1.4em; padding: 10px 10px; width: 168px; }
		#main_nav ul ul :hover > a, #main_nav a:focus { font-weight: bold; font-size: 11px; }
		#main_nav li:hover > a, #main_nav a:focus { color: #FFD478; /* font-weight: bold; */ }
		#main_nav ul li:hover > ul { display: block; }
		#main_nav .current-menu-item > a, #main_nav .current-menu-ancestor > a, #main_nav .current_page_item > a, #main_nav .current_page_ancestor > a  { font-weight: bold; font-size: 11px; color: #FFD478; }

		#ie7 body.page-template-purple-php nav#main_nav, #ie7 body.page-template-blue-php nav#main_nav, #ie7 body.search nav#main_nav, #ie7 body.single nav#main_nav, #ie7 body.bloag nav#main_nav, #ie7 body.error404 nav#main_nav { padding: 24px 0 0 155px; }
		#ie7 #main_nav .menu-item-125 { width: 200px;} 
		#ie7 #main_nav .menu-item-132 { width: 150px;}

	nav#social { display: block; float: right; clear: right; width: 572px; font-size: 9px; text-align: right; padding: 10px 10px 0 0; }
		nav#social ul { }
		nav#social li { display: inline-block; }
		#ie7	nav#social li { display: inline; }
		nav#social a:link, body.page-template-purple-php nav#social a:visited { display: inline-block; color: #000; text-decoration: none; letter-spacing: .03em; padding: 3px 5px; margin: 0 5px 0 0; }
		nav#social a:hover { }


/* side bar images */
		body.single #community, body.archive #community, body.search #community, body.blog #community { background: url(/images/purple/about.png) no-repeat 0 40px; }

		body.page-template-purple-php #community { background: url(/images/purple/about.png) no-repeat 0 40px; }
		body.page-id-2 #main #community { background: url(/images/purple/about.png) no-repeat 0 40px; }
		body.page-id-15 #main #community { background: url(/images/purple/contact.png) no-repeat 0 40px; }
		body.page-id-5 #main #community { background: url(/images/purple/imnew.png) no-repeat 0 40px; }
		body.page-id-9 #main #community { background: url(/images/purple/learning.png) no-repeat 0 40px; }
		body.page-id-13 #main #community { background: url(/images/purple/news.png) no-repeat 0 40px; }
		body.page-id-11 #main #community { background: url(/images/purple/outreach.png) no-repeat 0 40px; }
		body.page-id-7 #main #community { background: url(/images/purple/worship.png) no-repeat 0 40px; }
		body.page-id-58 #main #community { background: url(/images/purple/privacy.png) no-repeat 0 40px; }
		body.blog #main #community { background: url(/images/purple/blog.png) no-repeat 0 40px; }

		body.page-template-blue-php #community { background: url(/images/blue/get_involved.png) no-repeat 0 0; }
		body.page-id-18 #main #community { background: url(/images/blue/get_involved.png) no-repeat 0 0; }
/* 		body.page-id-30 #main #community { background: url(/images/blue/adult.png) no-repeat 0 0; } */
		body.page-id-32 #main #community { background: url(/images/blue/children.png) no-repeat 0 0; }
/* 		body.page-id-39 #main #community { background: url(/images/blue/global_outreach.png) no-repeat 0 0; } */
/* 		body.page-id-37 #main #community { background: url(/images/blue/social_outreach.png) no-repeat 0 0; } */
		body.page-id-26 #main #community { background: url(/images/blue/music.png) no-repeat 0 0; }
		body.page-id-23 #main #community { background: url(/images/blue/sermons.png) no-repeat 0 0; }
		body.page-id-28 #main #community { background: url(/images/blue/and_more.png) no-repeat 0 00; }
		body.page-id-442 #main #community { background: url(/images/blue/eveningprayer.png) no-repeat 0 0; }

		body.page-template-yellow-php #community { background: url(/images/yellow/about.png) no-repeat 0 40px; }
		body.page-id-50 #main #community { background: url(/images/yellow/about.png) no-repeat 0 0; }
		body.page-id-43 #main #community { background: url(/images/yellow/worship.png) no-repeat 0 0; }
		body.page-id-54 #main #community { background: url(/images/yellow/partner_ministries.png) no-repeat 0 0; }
		body.page-id-84 #main #community { background: url(/images/yellow/prayer.png) no-repeat 0 0; }
		body.page-id-46 #main #community { background: url(/images/yellow/seniors.png) no-repeat 0 0; }
		body.page-id-48 #main #community { background: url(/images/yellow/social_outreach.png) no-repeat 0 0; }
		body.page-id-52 #main #community { background: url(/images/yellow/stewardship.png) no-repeat 0 0; }
		body.page-id-41 #main #community { background: url(/images/yellow/youth.png) no-repeat 0 0; }

		

/* staff page specific */
    body.page-id-21 #main #copy { width: 979px;  }
    body.page-id-21 #main #copy  #mcs_container{ width: 965px;  }
		body.page-id-21 #main #copy #mcs_container .customScrollBox .container { padding: 0 0 0 320px; }
    body.page-id-21 #copy #mcs_container .customScrollBox .content img { position: relative; float: left; margin: -40px 0 0 -375px;  }
		body.page-id-21 #copy #mcs_container .customScrollBox .content h1 { color: #e51d9b; font-size: 17px; font-weight: normal; }
		body.page-id-21 #copy #mcs_container .customScrollBox .content h2 { color: #796691; font-size: 13px; font-weight: normal; font-style:italic; }
		
		.content { padding-right: 30px; }
			.home .content { padding-right: 0px; }
			.content td { width: 47%; padding: 0 3% 0 0; }
			.content td.bordered { border: solid #FFF 1px; padding: 2%; }
			.content nav { margin-bottom: 10px; }
			.content nav ul { }
			.content nav li { display: inline; list-style: none; margin-right: 10px; }
			.content nav li a { margin-right: 30px; }


/* ==|== home styles =====================================================*/

#page { width: 1024px; font-family:Verdana, Geneva, sans-serif; padding: 0; margin: 0 auto; }
	
	body.home #page { height: 650px; background: url(/images/home/bg.jpg) no-repeat 0 0; }

body.home header { height: 95px; }
	body.home #logo { display: block; float: left; clear: left; width: 274px; height: 60px; margin: 35px 0 0 56px; background:url(/images/home/logo.jpg) no-repeat 0 0; }
	body.home nav#social { display: block; float: right; clear: right; width: 531px; font-size: 9px; text-align: right; padding: 50px 22px 0 0; }
		body.home nav#social ul { }
		body.home nav#social #home-btn { display: none; }
		body.home nav#social li { display: inline-block; }
		#ie7	body.home nav#social li { display: inline; }
		body.home nav#social a:link, body.home nav#social a:visited { display: inline-block; color: #000; text-decoration: none; letter-spacing: .03em; padding: 3px 5px; margin: 0 5px 0 0; }
		body.home nav#social a:hover { }

body.home #main { }

	body.home #tagline { display: block; position: absolute; margin: 217px 0 0 350px; z-index: 99999; }
	
	body.home #hero { display: block; float: left; clear: left; width: 590px; padding: 6px 0 0 ; }
		body.home #hero img { display: none; position: absolute; }
		body.home #hero img.active {display: block; }

	body.home #donate { display: block; float: left; width: 120px; padding: 320px 0 0 19px; }
		body.home #donate a:link, #donate a:visited { }
		body.home #donate a:hover { }

	body.home #copy { display: block; float: left; clear: right; width: 258px; padding: 20px 30px 0 0; }
		body.home p.copyright { font-size: 7px; text-align: center; padding: 42px 0 0 44px; }
	
footer { }

/* homepage content block 2 */
body.home #mcs_container { /* position:absolute; left:340px; top:20px; */ margin:0; width:260px; height:361px; padding:13px 10px 0; }
body.home #mcs_container .customScrollBox {position:relative; height:100%; overflow:hidden;}
body.home #mcs_container .customScrollBox .container {position:relative; width:240px; top:0; float:left; /* margin: 10px 0 0; */ }
body.home #mcs_container .customScrollBox .content {clear:both;}
	body.home #mcs_container .customScrollBox .content .worship_hours { padding: 10px 7px 15px; background: #7373a9; }
		body.home #mcs_container .customScrollBox .content .worship_hours h2 { padding:0; margin:0 0 12px 0; color:#000; font-size:12px; }
		body.home #mcs_container .customScrollBox .content .worship_hours p { padding:0; margin:0 0 5px 0; color:#fff; font-size:9px; }
		body.home #mcs_container .customScrollBox .content .worship_hours p span { display: inline-block; }
		body.home #mcs_container .customScrollBox .content .worship_hours p span.time { width: 50px; }
		body.home #mcs_container .customScrollBox .content .worship_hours p span.title { }
	body.home #mcs_container .customScrollBox .content .news { padding:10px 15px; }
		body.home #mcs_container .customScrollBox .content .news h2 { padding:0; margin:0 0 10px 0; color:#FFF; font-size:11px; text-transform: uppercase; }
		body.home #mcs_container .customScrollBox .content .news h3 { padding:0; margin:0; color:#ffde17; font-size:14px; text-transform: uppercase; }
		body.home #mcs_container .customScrollBox .content .news a { display: block; color: #C9D1A2; text-decoration: none; }
		body.home #mcs_container .customScrollBox .content .news p { padding:0; margin:0; color:#fff; font-size:9px; }
		body.home #mcs_container .customScrollBox .content .news img { height: 32px; width: 208px; margin:10px 0; border: none; }
/* #mcs_container .customScrollBox .content p.alt { padding:10px 5px; margin:10px 0; color:#fff; font-family:Georgia, "Times New Roman", Times, serif; font-size:17px; line-height:19px; color:#999;} */
body.home #mcs_container .customScrollBox img {border:5px solid #fff;}
body.home #mcs_container .dragger_container { position:relative; width:14px; height:344px; float:left; /* margin:10px 0 0; */ cursor:pointer; border-left: solid 1px #FFF; border-right: solid 1px #FFF; /* box-shadow:inset 0 0 10px #000; -moz-box-shadow:inset 0 0 10px #000; -webkit-box-shadow:inset 0 0 10px #000; */}
body.home #mcs_container .dragger {position:absolute; width:12px; height:37px !important; background:url(/images/common/dragger.png) no-repeat; text-align:center; line-height:37px!important; color:#352c66; overflow:hidden; border-left:1px solid #352c66; border-right:1px solid #352c66; cursor:pointer;}
body.home #mcs_container .dragger_pressed {position:absolute; width:12px; height:37px; background:#7373a9; text-align:center; line-height:37px; color:#7373a9; overflow:hidden; border-left:1px solid #7373a9; border-right:1px solid #7373a9; cursor:pointer;}


/* ==|== homepage template styles =====================================================*/
body.page-template-homepage-php { }


/* ==|== purple template styles =====================================================*/
body.page-template-purple-php header { height: 124px; background:url(/images/purple/nav_bg.png) no-repeat right bottom; }
	body.page-template-purple-php #logo { display: block; float: left; clear: left; width: 167px; height: 36px; margin: 28px 0 0 56px; background: url(/images/purple/logo.png) no-repeat 0 0; }
/*
	body.page-template-purple-php nav#social { display: block; float: right; clear: right; width: 552px; font-size: 9px; text-align: right; padding: 10px 10px 0 0; }
		body.page-template-purple-php nav#social ul { }
		body.page-template-purple-php nav#social li { display: inline-block; }
		body.page-template-purple-php nav#social a:link, body.page-template-purple-php nav#social a:visited { display: inline-block; color: #000; text-decoration: none; letter-spacing: .03em; padding: 3px 5px; margin: 0 5px 0 0; }
		body.page-template-purple-php nav#social a:hover { }
*/


	body.page-template-purple-php nav#main_nav { display: block; clear: both; font-size: 9px; padding: 24px 0 0 170px;   }

body.page-template-purple-php #main { background: url(/images/purple/bg.png) no-repeat 182px bottom; }
	
	body.page-template-purple-php #community { display: block; float: left; clear: left; width: 321px; height: 300px; margin: 54px 0 0 ; }

	body.page-template-purple-php #copy { display: block; float: left; clear: right; width: 663px; padding: 72px 30px 0 0; }
		body.page-template-purple-php p.copyright { font-size: 7px; text-align: center; padding: 42px 0 0 44px; }

/* purple content block 2 */
body.page-template-purple-php #mcs_container { /* position:absolute; left:340px; top:20px; */ margin:0; width:653px; height:442px; padding:13px 0 0 10px; }
body.page-template-purple-php #mcs_container .customScrollBox {position:relative; height:100%; overflow:hidden;}
body.page-template-purple-php #mcs_container .customScrollBox .container {position:relative; width:636px; top:0; float:left; /* margin: 10px 0 0; */ }
body.page-template-purple-php #mcs_container .customScrollBox .content {clear:both;}
	body.page-template-purple-php #mcs_container .customScrollBox .content h1 { padding:0; margin:0 0 12px; color:#ffcb4f; font-size:23px; letter-spacing: .05em; font-weight: normal; font-family: Arial, Helvetica, sans-serif; }
	body.page-template-purple-php #mcs_container .customScrollBox .content h1 span { font-size:23px; margin: 0; }
	body.page-template-purple-php #mcs_container .customScrollBox .content h2 { padding:0; margin:0 0 5px; color:#ffd478; font-size:17px; letter-spacing: .05em; font-weight: normal; font-family: Arial, Helvetica, sans-serif; }
	body.page-template-purple-php #mcs_container .customScrollBox .content h3 { padding:0; margin:0 0 12px; color:#ffd478; font-size:15px; letter-spacing: .05em; font-weight: normal; font-family: Arial, Helvetica, sans-serif; }
	body.page-template-purple-php #mcs_container .customScrollBox .content p { padding:0; margin:0 0 15px 0; color:#fff; font-size:11px; line-height: 1.5em; }
	body.page-template-purple-php #mcs_container .customScrollBox .content a { color: #C9D1A2;}
	body.page-template-purple-php #mcs_container .customScrollBox .content ul { padding:0; margin:0 0 5px 0; color:#fff; font-size:11px; }
	body.page-template-purple-php #mcs_container .customScrollBox .content li { list-style: none; padding:0; margin:0 0 5px 0; color:#fff; font-size:11px; }
	body.page-template-purple-php #mcs_container .customScrollBox .content img { padding: 0 0 0 16px; margin:10px 0; border: none; }
body.page-template-purple-php #mcs_container .customScrollBox img {border:5px solid #fff;}
body.page-template-purple-php #mcs_container .dragger_container { position:relative; width:16px; height:442px; float:left; /* margin:10px 0 0; */ cursor:pointer; border-left: solid 1px #FFF; /* box-shadow:inset 0 0 10px #000; -moz-box-shadow:inset 0 0 10px #000; -webkit-box-shadow:inset 0 0 10px #000; */}
body.page-template-purple-php #mcs_container .dragger {position:absolute; width:14px; height:37px !important; background:url(/images/common/dragger.png) no-repeat; text-align:center; line-height:37px!important; color:#352c66; overflow:hidden; border-left:1px solid #352c66; border-right:1px solid #352c66; cursor:pointer;}
body.page-template-purple-php #mcs_container .dragger_pressed {position:absolute; width:14px; height:37px; background:#FFF; text-align:center; line-height:37px; color:#FFF; overflow:hidden; border-left:1px solid #FFF; border-right:1px solid #FFF; cursor:pointer;}


/* ==|== blue template styles =====================================================*/
body.page-template-blue-php header { height: 124px; margin: 0 0 15px 0; background:url(/images/purple/nav_bg.png) no-repeat right bottom; }
	body.page-template-blue-php #logo { display: block; float: left; clear: left; width: 167px; height: 36px; margin: 28px 0 0 56px; background: url(/images/purple/logo.png) no-repeat 0 0; }

	body.page-template-blue-php nav#social { display: block; float: right; clear: right; width: 552px; font-size: 11px; text-align: right; padding: 10px 10px 0 0; }
/*		body.page-template-blue-php nav#social ul { }
		body.page-template-blue-php nav#social li { display: inline-block; }
		body.page-template-blue-php nav#social a:link, body.page-template-blue-php nav#social a:visited { display: inline-block; color: #000; text-decoration: none; letter-spacing: .03em; padding: 3px 5px; margin: 0 5px 0 0; }
		body.page-template-blue-php nav#social a:hover { }

*/

	body.page-template-blue-php nav#main_nav { display: block; clear: both; font-size: 11px; padding: 24px 0 0 170px;  }

body.page-template-blue-php #main { background: url(/images/blue/bg.jpg) no-repeat right 0; }
	body.page-template-blue-php #copy { display: block; float: right; clear: right; width: 658px; padding: 66px 0px 0 45px; }
	body.page-template-blue-php #community { display: block; float: left; clear: left; width: 321px; height: 300px; margin: 54px 0 0 ; }


/* blue content block 2 */
body.page-template-blue-php #mcs_container { /* position:absolute; left:340px; top:20px; */ margin:0; width:644px; height:397px; padding:13px 0 0 11px; }
body.page-template-blue-php #mcs_container .customScrollBox {position:relative; height:100%; overflow:hidden;}
body.page-template-blue-php #mcs_container .customScrollBox .container { position:relative; width:624px; top:0; float:left; /* margin: 10px 0 0; */ }
body.page-template-blue-php #mcs_container .customScrollBox .content { clear:both; padding: 0 35px 0 20px; }
	body.page-template-blue-php #mcs_container .customScrollBox .content h1 { padding:0 0 0 ; margin:0 0 12px 0; color:#9a5107; font-size:23px; letter-spacing: .05em; font-weight: normal; font-family: Arial, Helvetica, sans-serif;  }
	body.page-template-blue-php #mcs_container .customScrollBox .content h1 span { font-size:49px; margin: 0 0 0 -5px; }
	body.page-template-blue-php #mcs_container .customScrollBox .content h2 { padding:0 0 0 ; margin:0; color:#9a5107; font-size:17px; letter-spacing: .05em; font-weight: normal; font-family: Arial, Helvetica, sans-serif;  }
	body.page-template-blue-php #mcs_container .customScrollBox .content h3 { padding:0 0 0 ; margin:0; color:#9a5107; font-size:15px; letter-spacing: .05em; font-weight: normal; font-family: Arial, Helvetica, sans-serif;  }
	body.page-template-blue-php #mcs_container .customScrollBox .content p { padding:0; margin:0 0 15px 0; color:#7473a9; font-size:11px; line-height: 1.3em; } 
	body.page-template-blue-php #mcs_container .customScrollBox .content a { color: #9a5107;}
	body.page-template-blue-php #mcs_container .customScrollBox .content li a { color: #9a5107; }
	body.page-template-blue-php #mcs_container .customScrollBox .content li a.current { color: #738327; font-size: 12px; font-weight: bold; }
	body.page-template-blue-php #mcs_container .customScrollBox .content ul { padding:0; margin:0 0 15px 0; color:#352c66; font-size:11px; }
	body.page-template-blue-php #mcs_container .customScrollBox .content li { list-style: none; padding:0; margin:0 0 5px 0; color:#7473a9; font-size:11px; }
	body.page-template-blue-php #mcs_container .customScrollBox .content img { padding: 0 0 0 16px; margin:10px 0; border: none; }
body.page-template-blue-php #mcs_container .customScrollBox img {border:5px solid #fff;}
body.page-template-blue-php #mcs_container .dragger_container { position:relative; width:16px; height:397px; float:right; /* margin:10px 0 0; */ cursor:pointer; border-left: solid 1px #FFF; /* box-shadow:inset 0 0 10px #000; -moz-box-shadow:inset 0 0 10px #000; -webkit-box-shadow:inset 0 0 10px #000; */}
body.page-template-blue-php #mcs_container .dragger {position:absolute; width:14px; height:37px !important; background:url(/images/common/dragger.png) no-repeat; text-align:center; line-height:37px!important; color:#352c66; overflow:hidden; border-left:1px solid #352c66; border-right:1px solid #352c66; cursor:pointer;}
body.page-template-blue-php #mcs_container .dragger_pressed {position:absolute; width:14px; height:37px; background:#FFF; text-align:center; line-height:37px; color:#FFF; overflow:hidden; border-left:1px solid #FFF; border-right:1px solid #FFF; cursor:pointer;}

/* ==|== yellow template styles =====================================================*/
body.page-template-yellow-php header { height: 124px; margin: 0 0 15px 0; background:url(/images/purple/nav_bg.png) no-repeat right bottom; }
	body.page-template-yellow-php #logo { display: block; float: left; clear: left; width: 167px; height: 36px; margin: 28px 0 0 56px; background: url(/images/purple/logo.png) no-repeat 0 0; }

	body.page-template-yellow-php nav#social { display: block; float: right; clear: right; width: 552px; font-size: 9px; text-align: right; padding: 10px 10px 0 0; }
/*		body.page-template-yellow-php nav#social ul { }
		body.page-template-yellow-php nav#social li { display: inline-block; }
		body.page-template-yellow-php nav#social a:link, body.page-template-yellow-php nav#social a:visited { display: inline-block; color: #000; text-decoration: none; letter-spacing: .03em; padding: 3px 5px; margin: 0 5px 0 0; }
		body.page-template-yellow-php nav#social a:hover { }
*/


	body.page-template-yellow-php nav#main_nav { display: block; clear: both; font-size: 9px; padding: 24px 0 0 170px;  }

body.page-template-yellow-php #main { background: url(/images/yellow/bg.jpg) no-repeat 55px 0; }
	body.page-template-yellow-php #copy { display: block; float: left; clear: left; width: 658px; padding: 66px 0px 0 45px; }
	body.page-template-yellow-php #community { display: block; float: right; clear: right; width: 321px; height: 415px; margin: 54px 0 0 ; }


/* yellow content block 2 */
body.page-template-yellow-php #mcs_container { /* position:absolute; left:340px; top:20px; */ margin:0; width:653px; height:397px; padding:13px 0 0 11px; }
body.page-template-yellow-php #mcs_container .customScrollBox {position:relative; height:100%; overflow:hidden;}
body.page-template-yellow-php #mcs_container .customScrollBox .container { position:relative; width:636px; top:0; float:right; /* margin: 10px 0 0; */ }
body.page-template-yellow-php #mcs_container .customScrollBox .content { clear:both; padding: 0 35px 0 20px; }
	body.page-template-yellow-php #mcs_container .customScrollBox .content h1 { padding:0 0 0 ; margin:0; color:#de2e92; font-size:17px; letter-spacing: .05em; font-weight: normal; font-family: Arial, Helvetica, sans-serif;  }
	body.page-template-yellow-php #mcs_container .customScrollBox .content h1 { padding:0 0 0 ; margin:0; color:#de2e92; font-size:15px; letter-spacing: .05em; font-weight: normal; font-family: Arial, Helvetica, sans-serif;  }
	body.page-template-yellow-php #mcs_container .customScrollBox .content p { padding:0; margin:0 0 15px 0; color:#7473a9; font-size:11px; line-height: 1.3em; }
	body.page-template-yellow-php #mcs_container .customScrollBox .content a { color: #C9D1A2;}
	body.page-template-yellow-php #mcs_container .customScrollBox .content li a { color: #7a6691; }
	body.page-template-yellow-php #mcs_container .customScrollBox .content ul { padding:0; margin:0 0 5px 0; color:#352c66; font-size:11px; }
	body.page-template-yellow-php #mcs_container .customScrollBox .content li { list-style: none; padding:0; margin:0 0 5px 0; color:#352c66; font-size:11px; }
	body.page-template-yellow-php #mcs_container .customScrollBox .content img { padding: 0 0 0 16px; margin:10px 0; border: none; }
body.page-template-yellow-php #mcs_container .customScrollBox img {border:5px solid #fff;}
body.page-template-yellow-php #mcs_container .dragger_container { position:relative; width:16px; height:397px; float:left; /* margin:10px 0 0; */ cursor:pointer; border-right: solid 1px #FFF; /* box-shadow:inset 0 0 10px #000; -moz-box-shadow:inset 0 0 10px #000; -webkit-box-shadow:inset 0 0 10px #000; */}
body.page-template-yellow-php #mcs_container .dragger {position:absolute; width:14px; height:37px !important; background:url(/images/common/dragger.png) no-repeat; text-align:center; line-height:37px!important; color:#352c66; overflow:hidden; border-left:1px solid #352c66; border-right:1px solid #352c66; cursor:pointer;}
body.page-template-yellow-php #mcs_container .dragger_pressed {position:absolute; width:14px; height:37px; background:#FFF; text-align:center; line-height:37px; color:#FFF; overflow:hidden; border-left:1px solid #FFF; border-right:1px solid #FFF; cursor:pointer;}


/* ==|== blog template styles =====================================================*/
body.blog header { height: 124px; background:url(/images/purple/nav_bg.png) no-repeat right bottom; }
	body.blog #logo { display: block; float: left; clear: left; width: 167px; height: 36px; margin: 28px 0 0 56px; background: url(/images/purple/logo.png) no-repeat 0 0; }

	body.blog nav#social { display: block; float: right; clear: right; width: 552px; font-size: 9px; text-align: right; padding: 10px 10px 0 0; }
/*		body.blog nav#social ul { }
		body.blog nav#social li { display: inline-block; }
		body.blog nav#social a:link, body.blog nav#social a:visited { display: inline-block; color: #000; text-decoration: none; letter-spacing: .03em; padding: 3px 5px; margin: 0 5px 0 0; }
		body.blog nav#social a:hover { }
*/

		.entry-meta { margin-bottom: 15px; }
		.author  { margin-right: 15px; }

	body.blog nav#main_nav { display: block; clear: both; font-size: 9px; padding: 24px 0 0 170px;  }

body.blog #main { background: url(/images/purple/bg.png) no-repeat 182px bottom; }
	
	body.blog #copy { display: block; float: right; clear: right; width: 663px; padding: 72px 40px 0 0; }
	body.blog #community { display: block; float: left; clear: left; width: 321px; height: 300px; margin: 54px 0 0 ; }

/* blog content block 2 */
body.blog #mcs_container { /* position:absolute; left:340px; top:20px; */ margin:0; width:653px; height:442px; padding:13px 0 0 10px; }
body.blog #mcs_container .customScrollBox {position:relative; height:100%; overflow:hidden;}
body.blog #mcs_container .customScrollBox .container {position:relative; width:636px; top:0; float:left; /* margin: 10px 0 0; */ }
body.blog #mcs_container .customScrollBox .content {clear:both;}
	body.blog #mcs_container .customScrollBox .content h1 { padding:0; margin:0 0 12px; color:#ffcb4f; font-size:23px; letter-spacing: .05em; font-weight: normal; font-family: Arial, Helvetica, sans-serif; }
	body.blog #mcs_container .customScrollBox .content h1 span { font-size:49px; margin: 0 0 0 -5px; }
	body.blog #mcs_container .customScrollBox .content p { padding:0; margin:0 0 15px 0; color:#fff; font-size:11px; line-height: 1.5em; }
	body.blog #mcs_container .customScrollBox .content h1 a { color: #ffcb4f; text-decoration: none;}
	body.blog #mcs_container .customScrollBox .content a { color: #C9D1A2; text-decoration: underline;}
	body.blog #mcs_container .customScrollBox .content ul { padding:0; margin:0 0 5px 0; color:#fff; font-size:11px; }
	body.blog #mcs_container .customScrollBox .content li { list-style: none; padding:0; margin:0 0 5px 0; color:#fff; font-size:11px; }
	body.blog #mcs_container .customScrollBox .content img { padding: 0 0 0 16px; margin:10px 0; border: none; }
body.blog #mcs_container .customScrollBox img {border:5px solid #fff;}
body.blog #mcs_container .dragger_container { position:relative; width:16px; height:442px; float:left; /* margin:10px 0 0; */ cursor:pointer; border-left: solid 1px #FFF; /* box-shadow:inset 0 0 10px #000; -moz-box-shadow:inset 0 0 10px #000; -webkit-box-shadow:inset 0 0 10px #000; */}
body.blog #mcs_container .dragger {position:absolute; width:14px; height:37px !important; background:url(/images/common/dragger.png) no-repeat; text-align:center; line-height:37px!important; color:#352c66; overflow:hidden; border-left:1px solid #352c66; border-right:1px solid #352c66; cursor:pointer;}
body.blog #mcs_container .dragger_pressed {position:absolute; width:14px; height:37px; background:#FFF; text-align:center; line-height:37px; color:#FFF; overflow:hidden; border-left:1px solid #FFF; border-right:1px solid #FFF; cursor:pointer;}


/* ==|== archive template styles =====================================================*/
body.archive header { height: 124px; background:url(/images/purple/nav_bg.png) no-repeat right bottom; }
	body.archive #logo { display: block; float: left; clear: left; width: 167px; height: 36px; margin: 28px 0 0 56px; background: url(/images/purple/logo.png) no-repeat 0 0; }

	body.archive nav#social { display: block; float: right; clear: right; width: 552px; font-size: 9px; text-align: right; padding: 10px 10px 0 0; }
/*		body.archive nav#social ul { }
		body.archive nav#social li { display: inline-block; }
		body.archive nav#social a:link, body.archive nav#social a:visited { display: inline-block; color: #000; text-decoration: none; letter-spacing: .03em; padding: 3px 5px; margin: 0 5px 0 0; }
		body.archive nav#social a:hover { }
*/


	body.archive nav#main_nav { display: block; clear: both; font-size: 9px; padding: 24px 0 0 170px;  }

body.archive #main { background: url(/images/purple/bg.png) no-repeat 182px bottom; }
	
	body.archive #copy { display: block; float: right; clear: right; width: 663px; padding: 72px 40px 0 0; }
	body.archive #community { display: block; float: left; clear: left; width: 321px; height: 300px; margin: 54px 0 0 ; }

/* archive content block 2 */
body.archive #mcs_container { /* position:absolute; left:340px; top:20px; */ margin:0; width:653px; height:442px; padding:13px 0 0 10px; }
body.archive #mcs_container .customScrollBox {position:relative; height:100%; overflow:hidden;}
body.archive #mcs_container .customScrollBox .container {position:relative; width:636px; top:0; float:left; /* margin: 10px 0 0; */ }
body.archive #mcs_container .customScrollBox .content {clear:both;}
	body.archive #mcs_container .customScrollBox .content h1 { padding:0; margin:0 0 12px; color:#ffcb4f; font-size:23px; letter-spacing: .05em; font-weight: normal; font-family: Arial, Helvetica, sans-serif; }
	body.archive #mcs_container .customScrollBox .content h1 span { font-size:49px; margin: 0 0 0 -5px; }
	body.archive #mcs_container .customScrollBox .content p { padding:0; margin:0 0 15px 0; color:#fff; font-size:11px; line-height: 1.5em; }
	body.archive #mcs_container .customScrollBox .content a { color: #C9D1A2;}
	body.archive #mcs_container .customScrollBox .content ul { padding:0; margin:0 0 5px 0; color:#fff; font-size:11px; }
	body.archive #mcs_container .customScrollBox .content li { list-style: none; padding:0; margin:0 0 5px 0; color:#fff; font-size:11px; }
	body.archive #mcs_container .customScrollBox .content img { padding: 0 0 0 16px; margin:10px 0; border: none; }
body.archive #mcs_container .customScrollBox img {border:5px solid #fff;}
body.archive #mcs_container .dragger_container { position:relative; width:16px; height:442px; float:left; /* margin:10px 0 0; */ cursor:pointer; border-left: solid 1px #FFF; /* box-shadow:inset 0 0 10px #000; -moz-box-shadow:inset 0 0 10px #000; -webkit-box-shadow:inset 0 0 10px #000; */}
body.archive #mcs_container .dragger {position:absolute; width:14px; height:37px !important; background:url(/images/common/dragger.png) no-repeat; text-align:center; line-height:37px!important; color:#352c66; overflow:hidden; border-left:1px solid #352c66; border-right:1px solid #352c66; cursor:pointer;}
body.archive #mcs_container .dragger_pressed {position:absolute; width:14px; height:37px; background:#FFF; text-align:center; line-height:37px; color:#FFF; overflow:hidden; border-left:1px solid #FFF; border-right:1px solid #FFF; cursor:pointer;}


/* ==|== search template styles =====================================================*/
body.search header { height: 124px; background:url(/images/purple/nav_bg.png) no-repeat right bottom; }
	body.search #logo { display: block; float: left; clear: left; width: 167px; height: 36px; margin: 28px 0 0 56px; background: url(/images/purple/logo.png) no-repeat 0 0; }

	body.search nav#social { display: block; float: right; clear: right; width: 552px; font-size: 9px; text-align: right; padding: 10px 10px 0 0; }

	body.search nav#main_nav { display: block; clear: both; font-size: 9px; padding: 24px 0 0 170px;  }

body.search #main { background: url(/images/purple/bg.png) no-repeat 182px bottom; }
	
	body.search #copy { display: block; float: right; clear: right; width: 663px; padding: 72px 40px 0 0; }
	body.search #community { display: block; float: left; clear: left; width: 321px; height: 300px; margin: 54px 0 0 ; }

/* search content block 2 */
body.search #mcs_container { /* position:absolute; left:340px; top:20px; */ margin:0; width:653px; height:442px; padding:13px 0 0 10px; }
body.search #mcs_container .customScrollBox {position:relative; height:100%; overflow:hidden;}
body.search #mcs_container .customScrollBox .container {position:relative; width:636px; top:0; float:left; /* margin: 10px 0 0; */ }
body.search #mcs_container .customScrollBox .content {clear:both;}
	body.search #mcs_container .customScrollBox .content h1 { padding:0; margin:0 0 12px; color:#ffcb4f; font-size:23px; letter-spacing: .05em; font-weight: normal; font-family: Arial, Helvetica, sans-serif; }
	body.search #mcs_container .customScrollBox .content h1.entry-title { padding:0; margin:0 0 12px; color:#ffcb4f; font-size:17px; letter-spacing: .05em; font-weight: normal; font-family: Arial, Helvetica, sans-serif; }
	body.search #mcs_container .customScrollBox .content h1.entry-title a {color:#ffcb4f; }
	body.search #mcs_container .customScrollBox .content h1 span { font-size:23px; margin: 0 0 0 -5px; }
	body.search #mcs_container .customScrollBox .content p { padding:0; margin:0 0 15px 0; color:#fff; font-size:11px; line-height: 1.5em; }
	body.search #mcs_container .customScrollBox .content a { color: #C9D1A2;}
	body.search #mcs_container .customScrollBox .content ul { padding:0; margin:0 0 5px 0; color:#fff; font-size:11px; }
	body.search #mcs_container .customScrollBox .content li { list-style: none; padding:0; margin:0 0 5px 0; color:#fff; font-size:11px; }
	body.search #mcs_container .customScrollBox .content img { padding: 0 0 0 16px; margin:10px 0; border: none; }
body.search #mcs_container .customScrollBox img {border:5px solid #fff;}
body.search #mcs_container .dragger_container { position:relative; width:16px; height:442px; float:left; /* margin:10px 0 0; */ cursor:pointer; border-left: solid 1px #FFF; /* box-shadow:inset 0 0 10px #000; -moz-box-shadow:inset 0 0 10px #000; -webkit-box-shadow:inset 0 0 10px #000; */}
body.search #mcs_container .dragger {position:absolute; width:14px; height:37px !important; background:url(/images/common/dragger.png) no-repeat; text-align:center; line-height:37px!important; color:#352c66; overflow:hidden; border-left:1px solid #352c66; border-right:1px solid #352c66; cursor:pointer;}
body.search #mcs_container .dragger_pressed {position:absolute; width:14px; height:37px; background:#FFF; text-align:center; line-height:37px; color:#FFF; overflow:hidden; border-left:1px solid #FFF; border-right:1px solid #FFF; cursor:pointer;}


/* ==|== single template styles =====================================================*/
body.single header { height: 124px; background:url(/images/purple/nav_bg.png) no-repeat right bottom; }
	body.single #logo { display: block; float: left; clear: left; width: 167px; height: 36px; margin: 28px 0 0 56px; background: url(/images/purple/logo.png) no-repeat 0 0; }

	body.single nav#social { display: block; float: right; clear: right; width: 552px; font-size: 9px; text-align: right; padding: 10px 10px 0 0; }

	
		

	body.single nav#main_nav { display: block; clear: both; font-size: 9px; padding: 24px 0 0 170px;  }

body.single #main { background: url(/images/purple/bg.png) no-repeat 182px bottom; }
	
	body.single #copy { display: block; float: right; clear: right; width: 663px; margin: 72px 40px 0 0; }
	body.single #community { display: block; float: left; clear: left; width: 321px; height: 300px; margin: 54px 0 0 ; }

/* search content block 2 */
body.single #mcs_container { /* position:absolute; left:340px; top:20px; */ margin:0; width:653px; height:442px; padding:13px 0 0 10px; }
body.single #mcs_container .customScrollBox {position:relative; height:100%; overflow:hidden;}
body.single #mcs_container .customScrollBox .container {position:relative; width:636px; top:0; float:left; /* margin: 10px 0 0; */ }
body.single #mcs_container .customScrollBox .content {clear:both;}
	body.single #mcs_container .customScrollBox .content h1 { padding:0; margin:0 0 12px; color:#ffcb4f; font-size:23px; letter-spacing: .05em; font-weight: normal; font-family: Arial, Helvetica, sans-serif; }
	body.single #mcs_container .customScrollBox .content h1 span { font-size:49px; margin: 0 0 0 -5px; }
	body.single #mcs_container .customScrollBox .content p { padding:0; margin:0 0 15px 0; color:#fff; font-size:11px; line-height: 1.5em; }
	body.single #mcs_container .customScrollBox .content p.comment-form-comment { margin: 0;}
	body.single #mcs_container .customScrollBox .content #commentform p { margin: -9px 0 0;}
	body.single #mcs_container .customScrollBox .content a { color: #C9D1A2;}
	body.single #mcs_container .customScrollBox .content ul { padding:0; margin:0 0 5px 0; color:#fff; font-size:11px; }
	body.single #mcs_container .customScrollBox .content li { list-style: none; padding:10px 20px; margin:0 0 5px 0; color:#fff; font-size:11px; }
	body.single #mcs_container .customScrollBox .content img { padding: 0 0 0 16px; margin:10px 0; border: none; }
body.single #mcs_container .customScrollBox img {border:5px solid #fff;}
body.single #mcs_container .dragger_container { position:relative; width:16px; height:442px; float:left; top: 55px; cursor:pointer; border-left: solid 1px #FFF; /* box-shadow:inset 0 0 10px #000; -moz-box-shadow:inset 0 0 10px #000; -webkit-box-shadow:inset 0 0 10px #000; */}
body.single #mcs_container .dragger {position:absolute; width:14px; height:37px !important; background:url(/images/common/dragger.png) no-repeat; text-align:center; line-height:37px!important; color:#352c66; overflow:hidden; border-left:1px solid #352c66; border-right:1px solid #352c66; cursor:pointer;}
body.single #mcs_container .dragger_pressed {position:absolute; width:14px; height:37px; background:#FFF; text-align:center; line-height:37px; color:#FFF; overflow:hidden; border-left:1px solid #FFF; border-right:1px solid #FFF; cursor:pointer;}


/* ==|== 404 template styles =====================================================*/
body.error404 header { height: 124px; background:url(/images/purple/nav_bg.png) no-repeat right bottom; }
	body.error404 #logo { display: block; float: left; clear: left; width: 167px; height: 36px; margin: 28px 0 0 56px; background: url(/images/purple/logo.png) no-repeat 0 0; }
/*
	body.error404 nav#social { display: block; float: right; clear: right; width: 552px; font-size: 9px; text-align: right; padding: 10px 10px 0 0; }
		body.error404 nav#social ul { }
		body.error404 nav#social li { display: inline-block; }
		body.error404 nav#social a:link, body.error404 nav#social a:visited { display: inline-block; color: #000; text-decoration: none; letter-spacing: .03em; padding: 3px 5px; margin: 0 5px 0 0; }
		body.error404 nav#social a:hover { }
*/


	body.error404 nav#main_nav { display: block; clear: both; font-size: 9px; padding: 24px 0 0 170px;  }

body.error404 #main { background: url(/images/purple/bg.png) no-repeat 182px bottom; }
	
	body.error404 #community { display: block; float: left; clear: left; width: 321px; height: 300px; margin: 54px 0 0 ; }

	body.error404 #copy { display: block; float: left; clear: right; width: 663px; padding: 72px 30px 0 0; }
		body.error404 p.copyright { font-size: 7px; text-align: center; padding: 42px 0 0 44px; }

/* 404 content block 2 */
body.error404 #mcs_container { /* position:absolute; left:340px; top:20px; */ margin:0; width:653px; height:442px; padding:13px 0 0 10px; }
body.error404 #mcs_container .customScrollBox {position:relative; height:100%; overflow:hidden;}
body.error404 #mcs_container .customScrollBox .container {position:relative; width:636px; top:0; float:left; /* margin: 10px 0 0; */ }
body.error404 #mcs_container .customScrollBox .content {clear:both;}
	body.error404 #mcs_container .customScrollBox .content h1 { padding:0; margin:0 0 12px; color:#ffcb4f; font-size:23px; letter-spacing: .05em; font-weight: normal; font-family: Arial, Helvetica, sans-serif; }
	body.error404 #mcs_container .customScrollBox .content h1 span { font-size:49px; margin: 0; }
	body.error404 #mcs_container .customScrollBox .content h2 { padding:0; margin:0 0 5px; color:#ffd478; font-size:17px; letter-spacing: .05em; font-weight: normal; font-family: Arial, Helvetica, sans-serif; }
	body.error404 #mcs_container .customScrollBox .content h3 { padding:0; margin:0 0 12px; color:#ffd478; font-size:15px; letter-spacing: .05em; font-weight: normal; font-family: Arial, Helvetica, sans-serif; }
	body.error404 #mcs_container .customScrollBox .content p { padding:0; margin:0 0 15px 0; color:#fff; font-size:11px; line-height: 1.5em; }
	body.error404 #mcs_container .customScrollBox .content a { color: #C9D1A2;}
	body.error404 #mcs_container .customScrollBox .content ul { padding:0; margin:0 0 5px 0; color:#fff; font-size:11px; }
	body.error404 #mcs_container .customScrollBox .content li { list-style: none; padding:0; margin:0 0 5px 0; color:#fff; font-size:11px; }
	body.error404 #mcs_container .customScrollBox .content img { padding: 0 0 0 16px; margin:10px 0; border: none; }
body.error404 #mcs_container .customScrollBox img {border:5px solid #fff;}
body.error404 #mcs_container .dragger_container { position:relative; width:16px; height:442px; float:left; /* margin:10px 0 0; */ cursor:pointer; border-left: solid 1px #FFF; /* box-shadow:inset 0 0 10px #000; -moz-box-shadow:inset 0 0 10px #000; -webkit-box-shadow:inset 0 0 10px #000; */}
body.error404 #mcs_container .dragger {position:absolute; width:14px; height:37px !important; background:url(/images/common/dragger.png) no-repeat; text-align:center; line-height:37px!important; color:#352c66; overflow:hidden; border-left:1px solid #352c66; border-right:1px solid #352c66; cursor:pointer;}
body.error404 #mcs_container .dragger_pressed {position:absolute; width:14px; height:37px; background:#FFF; text-align:center; line-height:37px; color:#FFF; overflow:hidden; border-left:1px solid #FFF; border-right:1px solid #FFF; cursor:pointer;}



/* Singular navigation */
#nav-single {
	float: right;
	position: relative;
	top: -0.3em;
	text-align: right;
	z-index: 1;
}
#nav-single .nav-previous,
#nav-single .nav-next {
	float: none;
	width: auto;
}
#nav-single .nav-next {
	padding-left: .5em;
}

/* =Comments
----------------------------------------------- */

#comments-title {
	color: #FFF;
	font-size: 10px;
	font-weight: 500;
	line-height: 2.6em;
	padding: 0 0 2.6em;
	text-transform: uppercase;
}
.nopassword,
.nocomments {
	color: #aaa;
	font-size: 24px;
	font-weight: 100;
	margin: 26px 0;
	text-align: center;
}
.commentlist {
	list-style: none;
	margin: 0 auto;
	width: 68.9%;
}
.content .commentlist,
.page-template-sidebar-page-php .commentlist {
	width: 70%; /* reset the width for the one-column and sidebar page layout */
}
.commentlist > li.comment {
	background: #f6f6f6;
	border: 1px solid #ddd;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin: 0 0 1.625em;
	padding: 1.625em;
	position: relative;
}
.commentlist .pingback {
	margin: 0 0 1.625em;
	padding: 0 1.625em;
}
.commentlist .children {
	list-style: none;
	margin: 0;
}
.commentlist .children li.comment {
	background: #fff;
	border-left: 1px solid #ddd;
	-moz-border-radius: 0 3px 3px 0;
	border-radius: 0 3px 3px 0;
	margin: 1.625em 0 0;
	padding: 1.625em;
	position: relative;
}
.commentlist .children li.comment .fn {
	display: block;
}
.comment-meta .fn {
	font-style: normal;
}
.comment-meta {
	color: #666;
	font-size: 12px;
	line-height: 2.2em;
}
.commentlist .children li.comment .comment-meta {
	line-height: 1.625em;
	margin-left: 50px;
}
.commentlist .children li.comment .comment-content {
	margin: 1.625em 0 0;
}
.comment-meta a {
	font-weight: bold;
}
.comment-meta a:focus,
.comment-meta a:active,
.comment-meta a:hover {
}
body.single #mcs_container .customScrollBox .content li p { color: #000; padding: 0; }
body.single #mcs_container .customScrollBox .content .commentlist .avatar {
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0 1px 2px #ccc;
	-moz-box-shadow: 0 1px 2px #ccc;
	box-shadow: 0 1px 2px #ccc;
	left: -102px;
	padding: 0;
	margin: 0;
	position: absolute;
	top: 0;
}
.commentlist > li:before {
	content: url(images/comment-arrow.png);
	left: -21px;
	position: absolute;
}
.commentlist > li.pingback:before {
	content: '';
}
.commentlist .children .avatar {
	background: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	left: 2.2em;
	padding: 0;
	top: 2.2em;
}
a.comment-reply-link {
	background: #eee;
	-moz-border-radius: 3px;
	border-radius: 3px;
	color: #666;
	display: inline-block;
	font-size: 12px;
	padding: 0 8px;
	text-decoration: none;
}
a.comment-reply-link:hover,
a.comment-reply-link:focus,
a.comment-reply-link:active {
	background: #888;
	color: #fff;
}
a.comment-reply-link > span {
	display: inline-block;
	position: relative;
	top: -1px;
}

/* Post author highlighting */
.commentlist > li.bypostauthor {
	background: #ddd;
	border-color: #d3d3d3;
}
.commentlist > li.bypostauthor .comment-meta {
	color: #575757;
}
.commentlist > li.bypostauthor .comment-meta a:focus,
.commentlist > li.bypostauthor .comment-meta a:active,
.commentlist > li.bypostauthor .comment-meta a:hover {
}
.commentlist > li.bypostauthor:before {
	content: url(images/comment-arrow-bypostauthor.png);
}

/* Post Author threaded comments */
.commentlist .children > li.bypostauthor {
	background: #ddd;
	border-color: #d3d3d3;
}

/* sidebar-page.php comments */
/* Make sure we have room for our comment avatars */
.page-template-sidebar-page-php .commentlist > li.comment,
.page-template-sidebar-page-php.commentlist .pingback {
	margin-left: 102px;
	width: auto;
}
/* And a full-width comment form */
.page-template-sidebar-page-php #respond {
	width: auto;
}

/* Comment Form */
#respond {
	/*
background: #ddd;
	border: 1px solid #d3d3d3;
	-moz-border-radius: 3px;
	border-radius: 3px;
*/
	margin: 0 auto 1.625em;
	padding: 0.63em;
	/* position: relative; */
	width: 68.9%;
}
#respond input[type="text"],
#respond textarea {
	background: #fff;
	border: 4px solid #eee;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: inset 0 1px 3px rgba(204,204,204,0.95);
	-moz-box-shadow: inset 0 1px 3px rgba(204,204,204,0.95);
	box-shadow: inset 0 1px 3px rgba(204,204,204,0.95);
	position: relative;
	padding: 10px;
	text-indent: 80px;
}
#respond .comment-form-author,
#respond .comment-form-email,
#respond .comment-form-url,
#respond .comment-form-comment {
	position: relative;
}
#respond .comment-form-author label,
#respond .comment-form-email label,
#respond .comment-form-url label,
#respond .comment-form-comment label {
	background: #eee;
	-webkit-box-shadow: 1px 2px 2px rgba(204,204,204,0.8);
	-moz-box-shadow: 1px 2px 2px rgba(204,204,204,0.8);
	box-shadow: 1px 2px 2px rgba(204,204,204,0.8);
	color: #555;
	display: inline-block;
	font-size: 13px;
	left: 4px;
	min-width: 60px;
	padding: 4px 10px;
	position: relative;
	top: 40px;
	z-index: 1;
}
#respond input[type="text"]:focus,
#respond textarea:focus {
	text-indent: 0;
	z-index: 1;
}
#respond textarea {
	resize: vertical;
	width: 95%;
}
#respond .comment-form-author .required,
#respond .comment-form-email .required {
	color: #bd3500;
	font-size: 22px;
	font-weight: bold;
	left: 75%;
	position: absolute;
	top: 45px;
	z-index: 1;
}
#respond .comment-notes,
#respond .logged-in-as {
	font-size: 13px;
}
#respond p {
	margin: 10px 0;
}
#respond .form-submit {
	float: right;
	margin: -20px 0 10px;
}
body.search .content #s { background: #FFF; width: 300px; }
body.search .content .submit { margin: 10px 0; }
#respond input#submit, .submit {
	background: #222;
	border: none;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
	box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
	color: #eee;
	cursor: pointer;
	font-size: 15px;
	margin: 20px 20px 20px 0;
	padding: 5px 22px;
	position: relative;
	left: 30px;
	text-shadow: 0 -1px 0 rgba(0,0,0,0.3);
}
#respond input#submit:active {
	background: #1982d1;
	color: #bfddf3;
}
#respond #cancel-comment-reply-link {
	color: #666;
	margin-left: 10px;
	text-decoration: none;
}
#respond .logged-in-as a:hover,
#respond #cancel-comment-reply-link:hover {
	text-decoration: underline;
}
.commentlist #respond {
	margin: 1.625em 0 0;
	width: auto;
}
#reply-title {
	color: #FFD478;
	font-size: 17px;
	font-weight: normal;
	 letter-spacing: 0.05em;
    margin: 0 0 5px;
    padding: 0;
}
#cancel-comment-reply-link {
	color: #888;
	display: block;
	font-size: 10px;
	font-weight: normal;
	line-height: 2.2em;
	letter-spacing: 0.05em;
	position: absolute;
	right: 1.625em;
	text-decoration: none;
	text-transform: uppercase;
	top: 1.1em;
}
#cancel-comment-reply-link:focus,
#cancel-comment-reply-link:active,
#cancel-comment-reply-link:hover {
	color: #ff4b33;
}
#respond label {
	line-height: 2.2em;
}
#respond input[type=text] {
	display: block;
	height: 24px;
	width: 75%;
}
#respond p {
	font-size: 12px;
}
p.comment-form-comment {
	margin: 0;
}
.form-allowed-tags {
	display: none;
}


/* ==|== non-semantic helper classes ========================================*/

/* For image replacement */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }

/* Hide for both screenreaders and browsers: h5bp.com/m */
.hidden { display: none; visibility: hidden; }

/* Hide only visually, but have it available for screenreaders: h5bp.com/n  & h5bp.com/o */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }

/* Contain floats: h5bp.com/q */ 
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }


/* ==|== print styles =======================================================*/
 
@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* h5bp.com/t */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}