/*
Theme Name: Chris Cates
Description: Theme for the Chris Cates website.
Author: Red Clay Interactive
Version: [v1.0]
*/

/* - GLOBAL
=========================================================================*/
* {	margin:0 }
html { height:100%; font-size:101% }
body { height:100%; font:.813em/1.538em Arial, Helvetica, sans-serif /* 12px font */; color:#454545; background:url(images/bkg-Body_internal.gif) 0 0 repeat-x; margin:0 auto }
body.home { background:url(images/bkg-Body_home.jpg) 0 0 repeat-x }
table, td { border:0; border-spacing:0; border-collapse:collapse; vertical-align:top } 
img { border:0 }
html, body, ul, li, form, input, select, h1, h2, h3, h4, h5, h6, table, tr, td, p { list-style-type:none; padding:0; margin:0 }
a { color:#0a61cd; text-decoration:none; -moz-outline-width:0; outline:none }
a:hover { color:#d80e13; text-decoration:underline }

/* - GENERICS
=========================================================================*/
/* aligning AND clearing */
.clearleft { clear:left }		.alignleft { float:left }
.clearright { clear:right }		.alignright { float:right }
.clearboth { clear:both }		.aligncenter { margin:0 auto }

img.alignright { float:right; margin:0 0 0 10px }
img.alignleft { float:left; margin:0 10px 0 0 }
img.aligncenter { display:block; margin:0 auto }

/* headings */
h1, h2, h3, h4, h5, h6 { font-size:2.308em /* 30px */; font-weight:normal; line-height:normal; color:#073e86; padding:2px 0 10px }
h2, h3, h4, h5, h6 { font-weight:bold; color:#000; padding:7px 0 0 }
h2 { font-size:1.538em 	/* 20px */; font-weight:normal; color:#073e86; padding:10px 0 16px }
h3 { font-size:1.385em 	/* 18px */ }
h4 { font-size:1.308em 	/* 17px */ }
h5 { font-size:1.154em 	/* 15px */ }
h6 { font-size:0.923em 	/* 12px */; text-transform:uppercase }

/* lists */
/* unordered */
ul { padding:.5em 2em }
ul ul { padding:0 2em }
ul li { list-style:disc }
ul li li { list-style:circle }
ul li li li { list-style:square }

/* ordered */
ol { padding:.5em 2.333em }
ol ol { padding:0 2.333em }
ol li { list-style:decimal }
ol li li { list-style:upper-alpha }
ol li li li { list-style:lower-roman }

/* paragraphs */
p { padding:4px 0 13px }

/* button links */
.blue { float:left; clear:both; font:bold 9px Arial, Helvetica, sans-serif; color:#fff; background:#0a61cd; text-transform:uppercase; white-space:nowrap; padding:3px 7px }
.blue:hover { background:#053473; color:#fff; text-decoration:none }

.redarrow { float:left; clear:both; display:inline; font-size:0.846em; color:#b51316; background:url(images/icons/icon-arrow_red.gif) 0 50% no-repeat; text-transform:lowercase; padding:0 0 0 11px; margin:0 0 0 3px }

/* - WRAPPERS
=========================================================================*/
#MainWrap { width:940px; margin:0 auto }

/* - HEADER
=========================================================================*/
#Header { width:940px; height:66px; margin:0 auto }
#Header .logo { float:left }
#Header .findus { float:right; background:url(images/bkg-FindUsOnline.gif) 0 31px no-repeat; padding:31px 18px 0 107px }
#Header .findus a { float:left; display:inline; width:15px; height:15px; background:url(images/icons/sprite-social_icons.png) no-repeat; line-height:10px; text-indent:-10000px; margin:0 0 0 7px }
#Header .findus a.twitter { background-position:0 0 }
#Header .findus a.facebook { background-position:0 -15px }
#Header .findus a.youtube { background-position:0 -30px }

/* - NAVIGATION
=========================================================================*/
#NavTop { overflow:hidden; width:940px; height:41px; text-transform:uppercase; padding:0 0 0 20px; margin:0 auto }
#NavTop li { float:left; height:41px; background:url(images/bkg-NavTop_li.gif) 100% 50% no-repeat; list-style:none; padding:0; margin:0 }
#NavTop a { float:left; height:29px; font-weight:bold; color:#fff; padding:12px 11px 0 }
#NavTop a:hover { color:#0F77D8; text-decoration:none }
#NavTop li.contribute { background:url(images/icons/icon-NavTop_star.gif) 17px 50% no-repeat }
#NavTop li.contribute a { color:#e00006; background:url(images/icons/icon-NavTop_star.gif) 100% 50% no-repeat; white-space:nowrap; padding-left:36px; padding-right:22px }
#NavTop li.contribute a:hover { color:#fff }

#NavLeft { float:left; width:150px; padding:0 16px 0 8px }
#NavLeft h6 { padding-top:2px }
#NavLeft ul { padding:9px 0 15px }
#NavLeft li { list-style:none; padding:0 0 2px }
#NavLeft .current_page_item a, #NavLeft .current_post a { color:#d80e13 }

/* - SPLASH
=========================================================================*/
#Splash { height:199px; color:#fff }
	body.home #Splash { height:256px; background:url(images/bkg-Splash_home.jpg) 50% 0 no-repeat }
#Splash.splash01 { background:url(images/splash01.jpg) 0 0 no-repeat }
	
#Splash .splash_content { width:940px; margin:0 auto }
#Splash .actionitem { float:right; clear:right; overflow:hidden; cursor:pointer; display:inline; width:311px; margin:0 12px 7px 0 }
#Splash .actionitem .overlay { position:relative; height:100%; z-index:10 }
#Splash .actionitem .underlay { position:relative; border-bottom:4px solid #031c3d; z-index:1; filter:alpha(opacity=90);-moz-opacity:.90; opacity:.90 }
#Splash .actionitem b { display:block; font-size:1.538em; color:#FFF; line-height:normal; padding:10px 0 0 20px }
#Splash .actionitem span { display:block; font-weight:normal; font-size:.6em; line-height:normal }
#Splash .actionitem:hover { text-decoration:none }

#Splash .actionitem.newsletter { height:94px; margin-top:11px }
#Splash .actionitem.newsletter h2.widgettitle { display:block; font-size:1.538em; color:#FFF; line-height:normal; padding:14px 0 0 20px }
#Splash .actionitem.newsletter ul { padding:0 }
#Splash .actionitem.newsletter li { list-style:none }
#Splash .actionitem.newsletter .underlay { height:90px; background:url(images/bkg-Splash_ai_blue.gif) 0 0 repeat-y; margin:-94px 0 0 }
#Splash .actionitem.newsletter .text { display:none }
#Splash .actionitem.newsletter .email { float:left; display:inline; width:179px; font:bold 12px Arial, Helvetica, sans-serif; color:#031b3c; background:#b6d0f0; border:0 none; padding:4px 8px 3px; margin:11px 0 0 20px }
#Splash .actionitem.newsletter .submit { cursor:pointer; float:left; display:inline; width:61px; font:bold 11px Arial, Helvetica, sans-serif; color:#fff; background:#042b65; border:0 none; text-transform:uppercase; padding:3px 0; margin:11px 0 0 12px }

#Splash .actionitem.volunteer { height:64px }
#Splash .actionitem.volunteer .underlay { height:60px; background:url(images/sprite-Splash_ai.png) 0 0 no-repeat; margin:-64px 0 0 }
#Splash .actionitem.volunteer span { color:#b5c8ec }
#Splash .actionitem.volunteer:hover .underlay { background-position:0 -60px; filter:alpha(opacity=100);-moz-opacity:1.0; opacity:1.0 }

#Splash .actionitem.contribute { height:64px }
#Splash .actionitem.contribute .underlay { height:60px; background:url(images/sprite-Splash_ai.png) 0 -120px no-repeat; border-color:#470303; margin:-64px 0 0 }
#Splash .actionitem.contribute span { color:#e5b3b2 }
#Splash .actionitem.contribute:hover .underlay { background-position:0 -180px; filter:alpha(opacity=100); -moz-opacity:1.0; opacity:1.0 }

/* - VIDEOS
=========================================================================*/
#VideoWrap { width:940px; height:114px; margin:0 auto }
#VideoWrap .video { float:left; display:inline; width:206px; height:82px; font-size:11px; font-weight:bold; color:#FFF; background:url(images/bkg-VideoWrap_item.gif) 0 0 no-repeat; text-transform:uppercase; padding:8px 7px 0; margin:12px 4px 0 9px }
#VideoWrap .video:hover { text-decoration:none }
#VideoWrap .video:hover span { color:#fff }
#VideoWrap .video img { float:left; display:inline; margin-right:7px }
#VideoWrap .video span { display:block; font-size:12px; color:#0d76e3; line-height:normal; padding:2px 0 0 }
#VideoWrap .video .play { position:relative; float:left; display:inline; width:31px; height:31px; background:url(images/icons/icon-play.png); padding:0; margin:22px -64px 0 32px }
	/* ie 6 */
	*  html #VideoWrap .video .play { float:left; width:31px; height:31px; background:url(images/icons/icon-play_ie6.gif) }

/* - CONTENT WRAPPERS
=========================================================================*/
#ContentWrap { float:left; display:block; background:url(images/bkg-ContentWrap_internal.gif) 0 0 repeat-y; margin:22px 0 54px }
	body.home #ContentWrap { background:url(images/bkg-ContentWrap.gif) 0 0 repeat-y }
#ColumnLeft { float:left; overflow:hidden; width:498px; height:100%; padding:0 20px 38px 6px }
	body.home #ColumnLeft { width:463px; padding:0 1px 38px 9px }
#ColumnRight01 { float:left; width:224px }
#ColumnRight02 { float:left; width:231px; padding-left:11px }

/* - HOMEPAGE
=========================================================================*/
.home_content { float:left; width:410px; border-bottom:1px dashed #c8c8c8; padding:0 40px 10px 4px }
.home_content h1 { font-size:1.538em; padding:10px 0 23px }
.home_content p { line-height:1.429em }

.home_issues { float:left; overflow:hidden; width:472px; padding:11px 0 0 }
.home_issues h5 { font-weight:normal; color:#fff; background:#8d8d8d; padding:10px 0 11px 17px; margin-right:18px }
.home_issues .issue { float:left; display:inline; width:216px; height:196px; border-bottom:1px dashed #c8c8c8; margin:9px 18px 6px 1px }
.home_issues .issue img { margin-bottom:2px }
.home_issues .issue p { overflow:hidden; height:54px; padding-top:6px; padding-bottom:5px }
.home_issues a.title { font-weight:bold; text-transform:uppercase }
.home_issues a.title img { width:216px; height:80px }
.home_issues a:hover { text-decoration:none }
.home_issues .view_all { float:left; clear:both; width:439px; height:21px; font-size:12px; color:#fff; background:#8d8d8d; text-align:right; padding:3px 5px 0 10px; margin:2px 18px 0 0 }
.home_issues .view_all a { color:#fff }
.home_issues .view_all a:hover { color:#d80e13 }

/* - SIDEBARS
=========================================================================*/
.side_box { float:left; display:inline; border-bottom:1px dashed #c8c8c8; padding:0 0 12px; margin:0 14px 20px 13px }
.side_box ul { float:left; width:198px; padding:3px 0 12px; margin:0 }
.side_box li { float:left; clear:both; width:100%; list-style:none; font-size:11px; border-bottom:1px dashed #e0e0e0; line-height:12px; padding:11px 0 7px }
.side_box .side_box_title { float:left; font-size:13px; margin:0 0 4px }

.side_box.events .side_events_date { float:left; display:inline; width:36px; height:35px; font-size:10px; font-weight:bold; color:#fff; background:#053473; text-align:center; white-space:nowrap; line-height:normal; text-transform:uppercase; padding:3px 0 0; margin:0 10px 0 0 }
.side_box.events .side_events_date b { position:relative; display:block; font-size:18px; margin:-2px 0 0 }
.side_box.events .side_box_title { float:none }
.side_box.events .side_events_location { float:left; margin:2px 0 0 }

.side_box.news { border:0 none }
.side_box.news li { line-height:normal; padding:7px 0 6px }
.side_box.news .side_box_title { margin:0 0 2px }
.side_box.news .side_news_date { float:left; clear:both; white-space:nowrap }

.side_twitter { float:left; clear:both; width:221px; height:185px; font-size:14px; color:#000; background:url(images/bkg-Twitter.gif) }
.side_twitter span { display:block; padding:52px 10px 0 }
.follow_twitter { float:left; clear:both; width:221px; height:76px; background:url(images/sprite-Twitter_follow.png) 0 0 no-repeat; text-indent:-10000px }
.follow_twitter:hover { background-position:0 -76px }

.side_newsletter { float:left; clear:both; width:199px; height:105px; color:#fff; background:#04244f; border:solid #13315a; border-width:0 1px; padding:10px; margin:10px 0 0 }
.side_newsletter ul { padding:0 }
.side_newsletter li { list-style:none }
.side_newsletter h2 { font-size:12px; font-weight:bold; color:#fff; text-transform:uppercase; padding-top:2px; padding-bottom:7px }
.side_newsletter .email { float:left; width:179px; font:bold 12px Arial, Helvetica, sans-serif; color:#fff; background:#8292a7; border:0 none; padding:4px 8px 3px }
.side_newsletter .submit { cursor:pointer; float:left; width:61px; font:bold 11px Arial, Helvetica, sans-serif; color:#fff; background:#0a61cd; border:0 none; text-transform:none; padding:3px 0; margin:13px 0 0 }

.side_social { float:left; width:195px; background:#eee; padding:10px 13px 15px; margin:10px 0 0 }
.side_social h6 { padding-bottom:5px }
.side_social a { float:left; clear:both; height:15px; background:url(images/icons/sprite-social_icons.png) no-repeat; line-height:normal; padding:0 0 0 23px; margin:6px 0 0 }
.side_social a.twitter { background-position:0 0 }
.side_social a.facebook { background-position:0 -15px }
.side_social a.youtube { background-position:0 -30px }

.side_actionitem { float:left; clear:both; cursor:pointer; width:221px; height:48px; background:url(images/sprite-actionitems_in.png) no-repeat; margin:0 0 6px }
.side_actionitem b { display:block; font-size:17px; color:#FFF; line-height:normal; padding:13px 0 0 11px }
.side_actionitem:hover { text-decoration:none }
.side_actionitem.updates { height:94px; cursor:default; background-position:0 0 }
.side_actionitem.updates h2.widgettitle { display:block; font-size:17px; font-weight:bold; color:#FFF; line-height:normal; padding:17px 0 0 11px }
.side_actionitem.updates ul { padding:0 }
.side_actionitem.updates li { list-style:none }
.side_actionitem.updates .text { display:none }
.side_actionitem.updates .email { float:left; display:inline; width:118px; font:bold 12px Arial, Helvetica, sans-serif; color:#031b3c; background:#b6d0f0; border:0 none; padding:4px 8px 3px; margin:10px 0 0 11px }
.side_actionitem.updates .submit { cursor:pointer; float:left; display:inline; width:61px; font:bold 11px Arial, Helvetica, sans-serif; color:#fff; background:#042b65; border:0 none; text-transform:uppercase; padding:3px 0; margin:10px 0 0 }
*:first-child+html .side_actionitem.updates .email, * html .side_actionitem.updates .email { padding-bottom:4px }

.side_actionitem.volunteer { background-position:0 -94px }
.side_actionitem.contribute { background-position:0 -142px; margin:0 0 14px }
.side_actionitem.volunteer:hover { background-position:0 -190px }
.side_actionitem.contribute:hover { background-position:0 -238px; margin:0 0 14px }

/* - CONTENT INTERNAL
=========================================================================*/
#ShareIt { position:relative; float:left; clear:both; width:503px; height:22px; font-size:11px; background:url(images/bkg-ShareIt.gif) repeat-x; line-height:normal; padding:8px 7px 0 0; margin:25px -6px }
#ShareIt span { float:left; font-weight:bold; color:#7d7d7d; text-transform:uppercase; padding:0 5px }
#ShareIt a { position:relative; float:left; width:15px; height:15px; background:url(images/icons/sprite-social_icons.png) no-repeat; text-indent:-10000px; margin:-1px 0 0 7px }
#ShareIt a.twitter { background-position:0 0 }
#ShareIt a.facebook { background-position:0 -15px }
#ShareIt a.email { float:right; background-position:0 -45px }
#ShareIt a.print { float:right; background-position:0 -60px }

.category_list { padding:0 }
.category_list li { float:left; clear:both; width:490px; list-style:none; border-bottom:1px dashed #c8c8c8; padding:11px 10px 0; margin:0 -6px }
.category_list h2 { font-size:1.385em; padding:0 }
.category_list p { padding-bottom:5px }

.post_meta { float:right; font-size:10px }

#MainWrap #wp_page_numbers { float:left; clear:both; background:none }
#MainWrap #wp_page_numbers ul { float:left; background:none }

.contact_form { float:left; clear:both; width:505px; padding:0 }
.contact_form li { width:99%; list-style:none; padding:0 0 3px }
.contact_form, .contact_form li, .contact_form label, .contact_form input, .contact_form textarea, .contact_form select,
.volunteer_form, .volunteer_form label, .volunteer_form input { float:left; clear:both }
.contact_form label { font-weight:bold }
.volunteer_form label { position:relative; width:99%; z-index:100 }
.contact_form input, .contact_form textarea, .contact_form select { width:300px; font:13px Arial, Helvetica, sans-serif; border:1px solid #c8c8c8; padding:3px }
.contact_form textarea { width:400px; height:100px }
.contact_form .zip { width:100px }
.contact_form .state { width:150px }
.contact_form .submit, .volunteer_form .submit { cursor:pointer; width:auto; height:auto; font:bold 13px Arial, Helvetica, sans-serif; color:#fff; background:#042b65; border:0 none; text-transform:uppercase; padding:5px 8px; margin:10px 0 0 }

.volunteer_form { float:left; clear:both; width:505px; padding:10px 0 0 }
.volunteer_form h2 { padding-bottom:0 }
.volunteer_form input { width:12px; height:12px; border:0 none; margin:2px 3px 0 0 }
.volunteer_form .wpcf7-form-control-wrap { float:left; clear:both }

.wpcf7-response-output { float:left; clear:both; width:455px }
.wpcf7-not-valid-tip-no-ajax { float:left; clear:both; width:308px }

.category_list .event { line-height:normal; padding-bottom:11px }
.category_list .box_title { font-size:13px; margin:0 0 4px }
.category_list .events_date { float:left; display:inline; width:46px; height:42px; font-size:12px; font-weight:bold; color:#fff; background:#053473; text-align:center; text-transform:uppercase; padding:6px 0 0; margin:0 10px 0 0 }
.category_list .events_date b { position:relative; display:block; font-size:18px }

#MainWrap .ngg-album-compact { width:130px; padding:0 0 20px 20px }
#MainWrap .ngg-album-compact h4 { width:130px }
#MainWrap .ngg-album-compactbox { margin:0 0 0 30px }

/* - FOOTER
=========================================================================*/
#Footer { height:246px; background:url(images/bkg-Footer.gif) 0 0 repeat-x; border-top:3px solid #960608 }
#Footer .footer_content { width:918px; height:246px; padding-left:22px; margin:0 auto }

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6 { float:left; width:153px }

.footer_content { color:#fff; font-size:0.846em }
.footer_content strong { font-size:1.091em }
.footer_content ul { padding:25px 0 0 }
.footer_content li { list-style:none; padding:0 0 2px }
.footer_content a, .footer_content a:hover { color:#fff }
.footer_content li.contribute { background:url(images/icons/icon-Footer_star.gif) 0 50% no-repeat; margin-left:-14px; padding:0 }
.footer_content li.contribute a { color:#e00006; background:url(images/icons/icon-Footer_star.gif) 100% 57% no-repeat; padding:0 14px }
.footer_content a:hover { color:#0F77D8; text-decoration:none }
.footer_content li.contribute a:hover { color:#fff }