/*
Theme Name: Bare
Theme URI: http://www.shellbang.info/wordpress/bare/
Author URI: http://www.shellbang.info/
Description: A bare bones, minimal theme.  Start from scratch while keeping all required functionality. 
Author: jbell 
Version: 1.1
License: GNU General Public License
License URI: license.txt
Tags: microformats, one-column 

Bare Theme, (c) 2011 Shellbang
Bare Theme is a derivative of TwentyTen, (c) The WordPress Team
*/

/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}
body { line-height: 1; }
h1, h2, h3, h4, h5, h6 {
	clear: both;
	font-weight: normal;
}
ol, ul {
	list-style: none;
}
blockquote {
	quotes: none;
}
blockquote:before, blockquote:after {
	content: '';
	content: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a img {
	border: none;
	padding:7px;
}
.children li{
	margin-left: 10px;
}
.commentlist li{
	padding-top: 4px;
	padding-bottom: 4px;
	border-bottom: 1px solid #000000;
}
.recentcomments{
	padding-top: 4px;
	padding-bottom: 4px;
	border-bottom: 1px solid #000000;
}
.gallery .gallery-caption{
	color: #000000;
}
.home .sticky{
	border: none;
}
.bypostauthor{
	border: none;
}
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignleft {
	float: left;
	 padding:7px;
}

.alignright {
	float: right;
}
.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption-dd {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}

/* =Layout
-------------------------------------------------------------- */

body { font-family: Arial, Helvetica, sans-serif; }
#body { width: 960px; padding: 30px; margin: 0 auto; background: #fbfaf9; -moz-box-shadow: 0 4px 25px -3px #000; -webkit-box-shadow: 0 4px 25px -3px #000; box-shadow: 0 4px 25px -3px #000; }
#head { border-top: 1px solid #aaa; padding-top: 15px; }
#head #site-title { width: 177px; height: 86px; float: left; padding: 0; }
#head #site-title a { display: block; width: 100%; height: 100%; background: url('images/coh_logo.png'); text-indent: -9999px; }
#head #site-description { display: block; float: left; font-style: italic; color: rgba(255,255,255,0); font-weight: bold; padding: 3px 0 0 15px; }
#head #site-description:before { display: block; width: 220px; height: 20px; content: ' '; background-image: url('/wp-content/uploads/coh_tagline.png'); background-size: contain; background-repeat: no-repeat; margin-top: 15px; }
#head #social-media { float: right; }
#head #main-menu { clear:both; }
#head #main-menu ul { display: block; height: 130px; padding-left: 30px; }
#head #main-menu ul li { display: block; float: left; }
#head #main-menu ul li a { text-indent: -9999px; background-image: url('images/subpage_tabs.png'); background-repeat: no-repeat; }
#head #main-menu ul li#menu-item-46 { width: 144px; height: 100%; }
#head #main-menu ul li#menu-item-46 a { display: block; height: 100%; background-position: left top; }
#head #main-menu ul li#menu-item-46 a:hover,
#head #main-menu ul li#menu-item-46.current-page-ancestor a,
#head #main-menu ul li#menu-item-46.current_page_item a { background-position: left bottom; }
#head #main-menu ul li#menu-item-43 { width: 151px; height: 100%; }
#head #main-menu ul li#menu-item-43 a { display: block; height: 100%; background-position: -144px 0; }
#head #main-menu ul li#menu-item-43 a:hover,
#head #main-menu ul li#menu-item-43.current-page-ancestor a,
#head #main-menu ul li#menu-item-43.current_page_item a { background-position: -144px bottom; }
#head #main-menu ul li#menu-item-40 { width: 146px; height: 100%; }
#head #main-menu ul li#menu-item-40 a { display: block; height: 100%; background-position: -295px 0; }
#head #main-menu ul li#menu-item-40 a:hover,
#head #main-menu ul li#menu-item-40.current-page-ancestor a,
#head #main-menu ul li#menu-item-40.current_page_item a { background-position: -295px bottom; }
#head #main-menu ul li#menu-item-45 { width: 150px; height: 100%; }
#head #main-menu ul li#menu-item-45 a { display: block; height: 100%; background-position: -441px 0; }
#head #main-menu ul li#menu-item-45 a:hover,
#head #main-menu ul li#menu-item-45.current-page-ancestor a,
#head #main-menu ul li#menu-item-45.current_page_item a { background-position: -441px bottom; }
#head #main-menu ul li#menu-item-44 { width: 165px; height: 100%; }
#head #main-menu ul li#menu-item-44 a { display: block; height: 100%; background-position: -591px 0; }
#head #main-menu ul li#menu-item-44 a:hover,
#head #main-menu ul li#menu-item-44.current-page-ancestor a,
#head #main-menu ul li#menu-item-44.current_page_item a { background-position: -591px bottom; }
#head #main-menu ul li#menu-item-42 { width: 149px; height: 100%; }
#head #main-menu ul li#menu-item-42 a { display: block; height: 100%; background-position: right top; }
#head #main-menu ul li#menu-item-42 a:hover,
#head #main-menu ul li#menu-item-42.current-page-ancestor a,
#head #main-menu ul li#menu-item-42.current_page_item a { background-position: right bottom; }

body.home #head #main-menu { position: relative; top: -20px; margin-bottom: -20px; }
body.home #head #main-menu ul { height: 320px; }
body.home #head #main-menu ul li a { position: relative; background-position: -500px top !important; }
body.home #head #main-menu ul li a span { background-image: url('images/subpage_tabs.png'); position: absolute; top: 140px; left: 0; width: 100%; height: 130px; }
body.home #head #main-menu ul li a img { display: block; position: absolute; bottom: 0; left: 0; }
body.home #head #main-menu ul li#menu-item-46 a       	   { background-image: url('images/homepage_tab_1.png'); }
body.home #head #main-menu ul li#menu-item-46 a span       { background-position: left top; }
body.home #head #main-menu ul li#menu-item-46 a:hover span { background-position: left bottom; }
body.home #head #main-menu ul li#menu-item-43 a       	   { background-image: url('images/homepage_tab_2.png'); }
body.home #head #main-menu ul li#menu-item-43 a span       { background-position: -144px top; }
body.home #head #main-menu ul li#menu-item-43 a:hover span { background-position: -144px bottom; }
body.home #head #main-menu ul li#menu-item-40 a       	   { background-image: url('images/homepage_tab_3.png'); }
body.home #head #main-menu ul li#menu-item-40 a span       { background-position: -295px top; }
body.home #head #main-menu ul li#menu-item-40 a:hover span { background-position: -295px bottom; }
body.home #head #main-menu ul li#menu-item-45 a       	   { background-image: url('images/homepage_tab_4.png'); }
body.home #head #main-menu ul li#menu-item-45 a span       { background-position: -441px top; }
body.home #head #main-menu ul li#menu-item-45 a:hover span { background-position: -441px bottom; }
body.home #head #main-menu ul li#menu-item-44 a       	   { background-image: url('images/homepage_tab_5.png'); }
body.home #head #main-menu ul li#menu-item-44 a span       { background-position: -591px top; }
body.home #head #main-menu ul li#menu-item-44 a:hover span { background-position: -591px bottom; }
body.home #head #main-menu ul li#menu-item-42 a       	   { background-image: url('images/homepage_tab_6.png'); }
body.home #head #main-menu ul li#menu-item-42 a span       { background-position: right top; }
body.home #head #main-menu ul li#menu-item-42 a:hover span { background-position: right bottom; }
body.home #recent-blog-posts { font-size: 12px; position: absolute; bottom: 65px; left: 60px; width: 360px; border-top: 1px solid #bbb; border-bottom: 1px solid #bbb; }
body.home #recent-blog-posts #vsrp_Holder { height: 202px; overflow: hidden; position: relative; }
body.home #recent-blog-posts .vsrp_div { margin: 10px 0 8px 40px; line-height: 14px; position: relative; overflow: visible; padding: 0; }
body.home #recent-blog-posts .vsrp_div .content { overflow: hidden; max-height: 72px; }
body.home #recent-blog-posts a { color: #07a; text-decoration: none; }
body.home #recent-blog-posts a.title { text-transform: uppercase; font-weight: bold; display: block; }
body.home #recent-blog-posts .date { position: absolute; top: -4px; left: -40px; width: 37px; height: 44px; background-image: url('https://www.centreofhope.ca/wp-content/themes/bare/images/homepage_blog_date.jpg') !important; background-repeat:no-repeat; }
body.home #recent-blog-posts .date .mon { font-weight: normal; color: #fff; display: block; text-align: center; font-size: 10.5px; padding-top: 6px; }
body.home #recent-blog-posts .date .day { font-weight: normal; color: #fff; display: block; text-align: center; font-size: 14px; }
body.home #recent-blog-posts a:hover { text-decoration: underline; }
body.home #recent-blog-posts a.readmore { float: right; margin-top:-1px; }
body.home #recent-blog-posts .vsrp_div .content:after { content: '...'; position: absolute; bottom: 16px; right: 0px; background: #fff; }

#head #social-media li { display: block; float: left; padding: 0 3px; }
#head #social-media li#menu-item-35,
#head #social-media li#menu-item-36,
#head #social-media li#menu-item-37 { width: 23px; height: 23px; }
#head #social-media li#menu-item-38 { width: 71px; height: 75px; }
#head #social-media li a { text-indent: -9999px; display: block; height: 100%; }
#head #social-media li#menu-item-35 a { background-image: url('images/tw.png'); }
#head #social-media li#menu-item-36 a { background-image: url('images/fb.png'); }
#head #social-media li#menu-item-37 a { background-image: url('images/yt.png'); }
#head #social-media li#menu-item-38 a { background-image: url('images/sa_logo.png'); }

#bcrmb { border: 1px solid #aaa; border-width: 1px 0; height: 14px; padding: 8px 8px 6px; font-size: 8pt; list-style: none; position: relative; }
#bcrmb li a { color: #07a; text-decoration: none; }
#bcrmb ul.ct-font-resizer { display: block; position: absolute; top: 10px; left: 755px; width: 125px; }
#bcrmb ul.ct-font-resizer:before { display: inline-block; content: 'Text Size:'; color: #666; float: left; }
#bcrmb ul.ct-font-resizer li.fontResizer { position: relative; }
#bcrmb ul.ct-font-resizer li.fontResizer a { display: block; position: absolute; top: -6px; height: 18px; width: 18px; border: 1px solid #ccc; border-radius: 3px; font-weight: normal; color: #666; line-height: 19px; }
#bcrmb ul.ct-font-resizer li.fontResizer a.fontResizer_minus { left: 50px; }
#bcrmb ul.ct-font-resizer li.fontResizer a.fontResizer_reset { left: 72px; }
#bcrmb ul.ct-font-resizer li.fontResizer a.fontResizer_add   { left: 94px; }

#bcrmb div.printfriendly { display: block; position: absolute; top: 10px; right: 10px; width: 55px; }
#bcrmb div.printfriendly a { color: #666; text-decoration: none; font-size: 8pt; }
#bcrmb div.printfriendly a img { float: right; position: relative; top: -3px; }
#bcrmb div.printfriendly a span { padding-top: 3px; }
#bcrmb div.addthis_toolbox { display: block; position: absolute; top: 10px; right: 0; }
#bcrmb div.addthis_toolbox a { color: #666; text-decoration: none; }
#bcrmb div.addthis_toolbox a:after { content: ':'; }
#bcrmb div.addthis_toolbox.addthis_default_style span { background: url('images/share.gif') no-repeat; width: 61px; height: 18px; float: right; top: -4px; position: relative; left: 2px; }
#bcrmb li#text-3 { display: block; position: absolute; top: 10px; right: 230px; }
#bcrmb li#text-3 a { color: #666; }
#bcrmb li#text-3 a:hover { color: #07a; }

#bcrmb #synved_social_share-2 { display: block; position: absolute; right: 305px; top: 0; color: #666; cursor: pointer; padding: 10px; }
#bcrmb #synved_social_share-2:hover { color: #07a; }
#bcrmb #synved_social_share-2 div { display: none; position: absolute; width: 230px; height: 25px; left: 70px; top: 2px; background: #fff; padding: 0; }
#bcrmb #synved_social_share-2:hover div,
#bcrmb #synved_social_share-2 div:hover { display: block; }
#bcrmb #synved_social_share-2 div a { margin-bottom: 0 !important; }

#main { position: relative; }
#left { float: left; width: 20%; }
#content { float: left; width: 45%; }
#right { float: left; width: 35%; }
body.home #left { width: 50%; }
body.home #content { width: 50%; }
body.blog #content,
body.archive #content,
body.single-post #content { width: 60%; padding-left: 10px; }

#left #tagline { font-size: 20pt; color: #07a; margin: 30px 10px 30px 40px; }

#left #left-menu { font-size: 12px; padding: 30px 0; }
#left #left-menu ul {  }
#left #left-menu ul li {  }
#left #left-menu ul li a { line-height: 2.1em; color: #666; text-decoration: none; padding-left: 15px; }
#left #left-menu ul ul li a { font-style: italic; background: none; padding-left: 30px; }
#left #left-menu ul li.cur_parent > a,
#left #left-menu ul li.current > a { background: url('images/menu-hover.png') no-repeat; font-weight: bold; color: #07a; }
#left #left-menu ul li.current ul li a,
#left #left-menu ul li.cur_parent ul li a { background: none; color: #666; font-weight: normal; }
#left #left-menu ul li.cur_parent ul li.current a { font-weight: bold; color: #07a; }
#left #left-menu ul li a:hover,
#left #left-menu ul li.current ul li a:hover { color: #07a; }

#content { font-size: 12px; line-height: 1.25em; padding-bottom: 20px; }
body.archive #content { padding-bottom: 40px; }
#content h2, #content h1.entry-title, h2.entry-title a { font-size: 14pt; line-height: 18pt; font-weight: bold; color: #07a; text-transform: uppercase; margin-top: 34px; text-decoration: none; }
h2.entry-title a:hover { text-decoration: underline; }
#content #tagline { font-size: 21pt; color: #07a; margin: 30px 0 0 0; }
#content p { margin: 1em 0; }
#content a { color: #07a; text-decoration: none; }
#content a:hover { text-decoration: underline; }

body.archive #content h1.page-title { margin-top: 30px; color: #000; font-size: 14pt; }
body.archive #content h1.page-title span { text-transform: uppercase; font-size: 11pt; font-weight: bold; }

#content #nav-below { margin: 20px 0; }
#content #nav-below .nav-previous { float: left; }
#content #nav-below .nav-next { float: right; }

#content ol, #content ul { list-style: outside disc; margin-left: 20px; }

#commentform p { margin: 0.6em 0; }
#commentform p input { width: 400px; float: right; margin-right: 100px; border: 1px inset #ccc; padding: 2px 2px 3px; font-family: Arial, Helvetica, sans-serif; font-size: 9pt; }
#commentform p textarea { width: 400px; float: right; margin-right: 100px; font-family: Arial, Helvetica, sans-serif; font-size: 9pt; padding: 2px 2px 3px; border: 1px inset #ccc; }
.attachment #commentform p textarea, .attachment #commentform p input { margin-right: 27px; }
#commentform p label { float: left; clear: left; display: block; padding: 4px 0; }
.safari #commentform p label { padding: 6px 0; }
#commentform p span.required { float: left; padding: 3px 2px; }
#commentform p.comment-notes span.required { float: none; padding: 0; }
#commentform p.form-allowed-tags { display: none; }
#commentform p.form-submit { clear: both; }
#commentform p.form-submit input { width: auto; border: 1px outset #ccc; background-color: #ddd; padding: 2px 4px; }


#right #right-block { margin-top: 15px; }
#right img { display: block; position: absolute; bottom: 1px; right: 0; }

#bottom-menu { clear: both; margin: 5px 0 5px; }
.safari #bottom-menu { margin-top:4px; }
#bottom-menu ul { list-style: none; }
#bottom-menu ul li { display: block; float: left; margin-left: -1px; }
#bottom-menu ul li a { padding: 8px 9.5px; letter-spacing: -0.001em; font-size: 10.5px; text-transform: uppercase; color: #888; text-decoration: none; background: #ddd; border: 1px solid #aaa; }
.safari     #bottom-menu ul li a { letter-spacing: 0em; padding: 8px 11px; font-size: 10px; }
.msie10     #bottom-menu ul li a { padding: 8px 9px 7px 8px; }
.msie9-0    #bottom-menu ul li a { padding: 8px 7px 7px 7px; letter-spacing: -0.002em; }
.msie8-0    #bottom-menu ul li a { letter-spacing: 0.01em; padding: 8px 11px; }
.firefox10  #bottom-menu ul li a { padding: 7px 6px; font-size: 8pt; letter-spacing: -0.02em; }
.win.safari #bottom-menu ul li a { padding: 8px 9px; }

#bottom-menu ul li a:hover { background: #eee; }
#bottom-menu ul li#menu-item-91 a { background: #e02130; color: #fff; }
#bottom-menu ul li#menu-item-91 a:hover { background: #f7071b; }

#footer { width: 1020px; margin: 30px auto 10px; color: #666; font-size: 9pt; }
#footer div#footer-widget-area { width: 600px; float: left; }
#footer #footer-menu { float: right; text-transform: uppercase; width: 283px; margin-right: -10px; }
#footer #footer-menu a { color: #666; text-decoration: none; display: block; float: left; padding: 0 5px; }
#footer #footer-menu a:hover { color: #333; text-decoration: underline; }
