/*
Theme Name: MMC McConnellArts
Theme URI: http://www.chadlovesfood.com/wordpress/themes/mcconnellarts
Description: A Wordpress theme created for the McConnellArts Center
Version: 1.0
Author: Chad Pry
Author URI: http://www.chadlovesfood.com/
Tags: custom header, arts, two columns, overlays

	McConnellArts v1.0

	This theme was designed and built by Chad Pry
	whose site you will find at http://www.chadlovesfood.com/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/
/* body { background: #d9e0e6 url('images/bg-body-gradient.gif') no-repeat top center; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 1.7em; margin: 0; overflow-x: hidden; overflow-y: visible; padding: 0; } */
body { background: #d9e0e6 url('images/bg-body-gradient.gif') no-repeat top center; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 1.7em; margin: 0; padding: 0; }

/* =LINKS
----------------------------------------------------*/
a:link { color: #09c; text-decoration: underline; }
a:visited { color: #09c; text-decoration: underline; }
a:focus { color: #09c; text-decoration: underline; }
a:hover { color: #09c; text-decoration: underline; }
a:active { color: #09c; text-decoration: underline; }

/* =STRUCTURE
----------------------------------------------------*/
#container { margin: 0 auto; padding: 0; min-width: 1060px; }
#container-content { background: url('images/bg-content.png') no-repeat; margin: 0 auto; width: 1036px; }
#container-overlay { background: transparent url('images/bg-container-overlay.png') no-repeat top center; height: 234px; left: -16px; position: absolute; top: 0; width: 100%; z-index: 50; }
#container-inner { left: -26px; margin: 0 auto; position: relative; width: 900px; z-index: 100; }
#top { height: 46px; }
#left { display: inline; float: left; margin: -9px 30px 0 0; width: 195px; }
#right { display: inline; float: right; margin: 15px 0 0 0; width: 600px; }
.banner { margin: 0 0 20px 0; padding: 0; }

/* =UTILITIES
----------------------------------------------------*/
ul#utilities { list-style-image: none; list-style-position: outside; list-style-type: none; margin: 0; padding: 0; }
ul#utilities li { border-left: 1px solid #a4b2c7; float: right; margin: 20px 35px 0 0; padding: 0 0 0 6px; }
ul#utilities li a { color: #a4b2c7; font-size: 1.1em; text-decoration: none; text-transform: capitalize; }
ul#utilities li.donate { border-left: none; margin: 0; padding: 0; }
ul#utilities li.search { border-left: none; margin: 15px 12px 0 0; }
ul#utilities li.search li { border: 0; float: left; margin: 0; }
#donate-now { }

/* =SEARCH FORM
----------------------------------------------------*/
#searchform { text-align: top; }
#s { border: 1px solid #a4b2c7; width: 132px; }
#searchsubmit { vertical-align: absmiddle; }
#searchform ul { list-style-image: none; list-style-position: outside; list-style-type: none; margin: 0; padding: 0; }

/* =NAVIGATION
----------------------------------------------------*/
ul#navigation { float: right; list-style-image: none; list-style-position: outside; list-style-type: none; margin: 0; padding: 0; }
ul#navigation li { float: left; margin: -25px 10px 5px; }
ul#navigation li.section { background: #ecf0f3; margin: 0 5px 0 6px; padding: 6px 11px 5px 11px; }
ul#navigation li.section.last { margin: 0 0 0 5px !important; }
ul#navigation li.section a { color: #3e4f73; font-size: 1.4em; font-family: Arial; letter-spacing: .001em; text-decoration: none; text-transform: uppercase; }

/* =MAIN CONTENT AREA
----------------------------------------------------*/
#main { background: #fff none repeat scroll 0 0; margin: 17px 0 0 14px; padding: 0 36px 20px 11px; width: 880px; }
#sidebar-left-nav { float: left; padding: 0 20px 0 0; }
#sidebar-right-nav { float: right; }
#content { background: transparent; float: left; padding: 0 0 20px 0; }
#content.narrowcolumn { margin: 0 0 0 14px; width: 474px; }
#content.widecolumn { margin: 0 0 0 14px; width: 687px; }
#content.searchcolumn { margin: 0 0 0 14px; width: 650px; }
#content.fullcolumn { background-color: #fff !important; margin: 0 0 0 14px; width: 928px; }

/* =FOOTER
----------------------------------------------------*/
#footer { background: #fff; border-top: 1px solid #00A7E0; display: block; margin: 0 0 0 14px; padding: 0 20px 40px 20px; width: 888px; }
#footer ul { list-style-image: none; list-style-position: outside; list-style-type: none; margin: 0; padding: 0; }
#footer #logos { margin: 10px 0; padding-left: 28px; }

#footer .links { margin: 10px 0; }
#footer .links a { color: #000; border-right: 1px solid #666; padding: 0 8px 0 4px; text-decoration: none; }
#footer .links a.last { border-right: none; padding: 0 8px 0 0; }
#footer p { color: #999; margin: 0; padding: 0; }

#main:after, #logonav:after, #sidebar-left-nav:after, #sidebar-right-nav:after, #content:after, #footer:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#main, #logonav, #sidebar-left-nav, #sidebar-right-nav, #content, #footer { zoom: 1; }

/* =FOOTER
----------------------------------------------------*/
.sidebar-widget { background: #A6B9CC none repeat scroll 0 0; color: #fff; list-style-image: none; list-style-position: outside; list-style-type: none; margin: 0; padding: 0; width: 158px; }
.sidebar-widget li { border-top: 1px dotted #fff; padding: 8px 0 5px 0; }
.sidebar-widget li a { color: #fff; font-size: 1.1em; padding: 0 10px; text-decoration: none; }
.sidebar-widget .title { background: #6a85a8; border-top: none; }


/* =SOCIAL
----------------------------------------------------*/
.current-events { margin: 0 0 15px 0; }
.class-schedule { margin: 0 0 15px 0; }

.social { background-color: #ebeff2; margin: 0; padding: 10px; }
.social ul.links { list-style-image: none; list-style-position: outside; list-style-type: none; margin: 0; padding: 0; }
.social li { float: left; list-style: none; list-style-position: outside; margin-right: 5px; margin-bottom: 10px; }
.social input, .social label { display: block; margin-bottom: 5px; }


.page-sub-content { margin: 5px 0 0 13px; }

/* =ABOUT & MISSION
----------------------------------------------------*/
.mcconnell-arts-is { list-style: disc; list-style-position: inside; padding: 0 0 0 20px; }

/* =CONTACT
----------------------------------------------------*/
.page-sub-content h3 { font-size: 1.4em; margin: 40px 0 10px 0; }
.page-sub-content h4 { margin: 20px 0 0 0; padding: 0; }
.page-sub-content p { margin: 0; padding: 0; }
.page-sub-content div { margin: 0 0 15px 0; }


/* =HOME
----------------------------------------------------*/
body.home #main { background: transparent !important; margin: 0 !important; padding: 0 !important; }

#billboard { background-color: transparent; margin: 15px 0 0 82px; width: 820px; } /* 942px */

/*
#content-initial-page { background: transparent !important; margin: 17px 0 0 14px; padding: 0 36px 0 11px; width: 880px; }
#content-initial-page .content { background: #fff; margin: -14px 0 0 -11px; padding: 0 36px 20px 11px; width: 880px; }
*/

.right-news { float: left; padding: 30px 0 0 20px; width: 230px; }
.right-news h3 { padding: 0 !important; margin: 0 !important; }

.current-events { }

.left-events-schedule { float: left; margin: 0 0 0 35px !important; padding: 30px 0 0 0; }
.left-events-schedule div.headings { float: left; margin: 0 10px 0 0; width: 252px; }

.stay-informed { background: #eaeff3; margin: 20px 0 0 0 !important; padding: 3px 0 0 10px; width: 505px; }
.stay-informed h3 { border-bottom: 1px solid #ddd; font-size: 1.6em; font-weight: normal; margin: 0 10px 10px 0 !important; padding: 6px 0 !important; }
.stay-informed .social-email { padding: 0 0 5px 0 !important; }

ul.social-icons { float: right; list-style-image: none; list-style-position: outside; list-style-type: none; margin: 0 10px 0 0; padding: 0; }
ul.social-icons li { float: left; padding: 0 4px 0 0; }
.social-email .info { margin: 0 !important; }

#calendar-header h3 { background: #f6f7f8; margin: 0 0 10px 0; padding: 5px 15px; }
#calendar-header .months { margin: 0 0 0 15px; } #calendar-items { margin: 30px 0 20px 0; } #calendar-items li.even .row div { }
#calendar-items li div div { background: #f6f7f8; height: 40px; /* border-right:2px solid #fff; */ padding: 0 2px 0 0; }
#calendar-items li div.icon { float: left; width: 45px; text-align: center; }
#calendar-items li div.title { float: left; width: 220px; }
#calendar-items li div.date { float: left; width: 230px; }
#calendar-items li div.location { float: left; width: 85px; }
#calendar-items li div.price { float: left; width: 72px; }

.news-item { margin-bottom: 15px; }
.news-item .date { color: #999; margin-bottom: 0; }
.news-item .title { margin-bottom: 0; }
.news-item .more { margin-bottom: 0; }


/* =NEWS
----------------------------------------------------*/
/* body.page-template-news-php h3 { font-family: Arial, Helvetica, sans-serif; font-size: 16px; margin-bottom: .2em; } */
body.page-template-news-php h3 { margin-bottom: .2em; }
body.page-template-news-php .post { margin-bottom: 24px; }


/* =HTML
----------------------------------------------------*/
form { border: 0; }
img { border: 0; }

/* ul {
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	margin: 0;
	padding: 0;
} */

h1 { }
h2 { border-bottom: 1px solid #00A7E0; color: #00A7E0; font-family: Helvetica; font-size: 3.8em; font-weight: lighter; letter-spacing: 0.08em; margin: 36px 0 0 26px; padding: 0 0 18px; }
h3 { color: #00A7E0; font-size: 20px; font-weight: normal; line-height: 1.2em; margin: 1em 0 .5em 0; }
h4 { font-size: 1.2em; font-weight: bold; margin-bottom: 0; }
h4 a { display: block; font-size: 11px; }

.date { color: #999; margin-bottom: 0; }
.middle { vertical-align: middle; }

.return { font-size: 12px; font-weight: bold; margin-top: 0; }
.return a:link { color: #09c; text-decoration: none; }
.return a:visited { color: #09c; text-decoration: none; }
.return a:focus { color: #09c; text-decoration: underline; }
.return a:hover { color: #09c; text-decoration: underline; }
.return a:active { color: #09c; text-decoration: underline; }

#table-events { border: 0; width: 100%; }
#table-events td { border: 0; border-bottom: 1px dotted #00A7E0; padding: 10px; vertical-align: top; }

#table-event { border: 0; width: 100%; }
#table-event th, #table-event td { padding: 5px 5px 5px 0; }
#table-event th { text-align: left; width: 25%; }
#table-event td { width: 75%; }

.bg-classes { background-color: #f4e8e8; height: 180px; overflow: hidden; padding: 10px; }
.bg-events { background-color: #faefe9; height: 180px; overflow: hidden; padding: 10px; }
.bg-classes h4, .bg-events h4 { margin-top: 0; }

.register { }
.rss { margin-top: 20px; text-align: right; }
.subcat a { margin-left: 12px; }
img.icn_event { margin-bottom: 6px; }

ul.searchlist { list-style-type: none; margin: 0; padding: 0; }
ul.searchlist li.pagenav, ul.searchlist li.categories { font-size: 20px; font-weight: normal; line-height: 1.2em; margin: 1em 0 .5em 0; }
ul.searchlist li.pagenav ul, ul.searchlist li.categories ul { font-size: 11px; line-height: 1.7em; list-style-type: none; margin: 0; padding: 0; }