/*
Theme Name: YMCA
Theme URI: http://www.ymca.com/
Description: Custom WordPress Theme for YMCA
Version: 1.0
Author: YMCA
Author URI: http://www.ymca.ca/
Tags: white, custom header, fixed width, two columns, widgets

/*
CSS file organization
-----------------
[1] General - All general items, browser specific hacks
[2] Header - All things specific to the header
[4] Main Content - All things specific to the main content
[6] Sidebar - Things which are specific to the sidebar.
[7] Footer - Things which are page and section specific.
*/

/*---------[1]General---------*/

body {background:#7eb2d3 url('images/bg-body.gif') no-repeat; background-attachment:fixed;background-position:center; font:.8em/1.5em Arial, Helvetica, sans-serif;color: #808285;margin:0;padding:0;}

h1,h2,h3,h4,h5,h6,form,ul,ol,p {line-height:normal; margin:0; padding:0;}

a {color:#ee3124;text-decoration:none;}
a:hover {text-decoration:underline;}
a img {border:0;}

code {font: 1.1em 'Courier New', Courier, Fixed;}
acronym, abbr, span.caps{font-size: 0.9em;letter-spacing: .07em;}

blockquote {border-left: 5px solid #ddd;margin: 15px 30px 0 10px;padding-left: 20px;}
blockquote cite {display: block;margin: 5px 0 0;}

p img {max-width:99%;}

.alignright {float:right;margin-left:5px;}
.alignleft, .alignnone {float:left;margin-right:5px;}
.aligncenter {display: block;margin-left: auto;margin-right: auto;}
.clearjz {clear:both;}

img.alignleft, img.alignright, img.alignnone {padding:3px; border:1px solid #ddd;}

.center {text-align: center;}
.hidden {display: none;}

.screen-reader-text {position: absolute;left: -1000em;}

.wp-caption, .gallery-caption {font-size:.75em;font-weight:bold !important;margin-bottom:10px;}
p.wp-caption-text {margin:5px 0 0 0 !important;padding:0 !important;}

#wrapper {width:1020px;margin:0 auto;position:relative;}

#container {background: url('images/bg-container.gif') repeat-y;width:1020px;}

#kids {float:right;width:357px;height:484px;background:url('images/bg-kids.png') no-repeat;position:absolute;top:5px;right:-5px;z-index:200}

/*
#backgroundImage {width: 100%;position: absolute;top: 0;left: 0;z-index: 1;}
*/

/*---------[2]Header---------*/

#top {margin:0 0 55px 0;height:18px;width:700px;padding-top:25px;}
#top ul#topNav {float:left;display:inline;width:250px;}
#top ul#topNav li {float:left;text-transform:uppercase;list-style:none;line-height:18px !important;}
#top ul#topNav li a {color:#fff;margin-right:20px;}
#top form div{line-height:18px !important;vertical-align:middle;}

input#s {background:#d4e2ed;width:140px;color:#75aed0;border:0;vertical-align:top;}

#header {clear:both;height:165px;background:#fff;width:785px;}
#header h1 {float:left;display:inline;width:66px;height:101px;padding:30px;}
#header h1 a {display:block;text-indent:-9999px;overflow:hidden;width:66px;height:101px;background:url('images/logo-ymca.gif') no-repeat;}

#header h3 {float:left;display:inline;width:199px;height:101px;padding:30px;}
#header h3 a {display:block;text-indent:-9999px;overflow:hidden;width:199px;height:101px;background:url('images/logo-lacces.gif') no-repeat;}


/*---------[3]Main Content---------*/

#content {float:left;display:inline;width:645px;margin: 0 15px;}

#content h1 {border-bottom:1px dashed #bbb;margin-bottom:15px;padding-bottom:5px;}


div.post, div.page {clear:both;width:630px;border-bottom:1px solid #ee3224;margin-bottom:15px;padding-bottom:20px;}
.post input#s {border:1px solid #bbb;width:510px;padding:2px;}

.post h2 {font-size:1.9em;line-height:normal;}
.post h3 {color:#231f20;font-weight:normal;margin:0 0 10px 0;}

.post.misc h2 {margin-bottom:15px;}
.post.misc h3 {color:#ee3124;text-transform:uppercase;font-weight:bold;margin-bottom:5px;}

.meta {margin-bottom:10px;padding-bottom:5px;}
.meta h4 {font-size:.85em;margin:3px 0 3px 0;color:#808285;font-weight:normal;}
.meta h4 .category {font-weight:bold;text-transform:uppercase;}
.meta h4 .category a {color:#000;}

.entry {width:630px;}
.entry p {line-height:1.5em;margin:0 0 15px 0;padding:0;}
.entry ul, .entry ol {margin:5px 0 5px 25px;padding:0;}
.entry ul li {list-style:square; margin-bottom:10px;}
.entry ol li {margin-bottom:10px;}
.entry img {max-width: 630px;margin-bottom:10px;padding:0;}

.share h4 {text-transform:uppercase;font-weight:normal;font-size:.75em;margin:3px 0 3px 0;color:#ddd;margin-top:10px;}
.share h4 a {color:#000;}
.share .commentNum, .share .addthis_toolbox {float:left;display:inline;}
.share .at300bs.at15t_compact {background:none !important;margin-right:0;width:0;}

#commentSection h3 {margin-top:25px;}

.commentlist li {list-style: none;margin: 15px 0 10px;padding: 5px 25px 10px 10px;background:#fff;border:1px solid #ccc;}
.commentlist li ul li { margin-right: -5px;margin-left: 10px;}
.commentlist li .avatar { float: left; display:inline;background: #fff;border: 1px solid #bbb;margin-right:10px;padding: 2px;}
.commentlist cite, .commentlist cite a {font-weight: bold;font-style: normal;font-size: 1.1em;}
.commentlist p {line-height:1.5em;margin: 10px 5px 10px 0;}

.comment.odd {background:#f8f8f8;}

#commentform {margin: 5px 10px 0 0;}
#commentform p {margin: 5px 0;line-height:21px;}
#commentform input#author, #commentform input#email, #commentform input#url {width: 250px;border:1px solid #bbb;padding: 3px;}
#commentform textarea {width: 98%;border:1px solid #bbb;padding: 2px;}
#commentform #submit {margin: 0 0 15px auto;float: right;}

.alt {margin: 0;padding: 10px;}

.nocomments {text-align: center;margin: 0;padding: 0;}

.commentmetadata {margin: 0;display: block;}

.navigation.top {clear:both;background:#eee;border:1px solid #ddd;margin-bottom:10px;padding:10px;}


/*---------[4]Sidebar---------*/

#sidebar {float:left;display:inline;width:340px;margin:250px 0 10px 0;text-transform:uppercase;}
#sidebar h2 {font-size:.975em;color:#333;margin:0 0 15px 0;}
#sidebar ul {margin:0;padding:0;list-style:none;}
#sidebar ul ul ul li {list-style:square;background:none;padding:0;}
#sidebar ul ul ul {margin:5px 0 0 15px;}
#sidebar li {margin:0 0 5px 0;}
#sidebar li.widget {margin:10px 20px 30px 15px;}
#sidebar a {color:#75aed0;font-size:.975em;}
#sidebar .textwidget {margin-top:10px;}
#sidebar .textwidget p {margin-bottom:10px;}

#logos a {margin-right:40px;}

#stayConnected {height:80px;}
#stayConnected img {vertical-align:middle;width:22px;height:22px;margin-right:5px;}
#stayConnected li#email .email {float:left;display:inline;color:#75aed0;margin-right:10px;}
#stayConnected li#email form {float:left;display:inline;}

/*---------[5]Footer---------*/

#footer {clear:both;background:#d4e2ed;height:25px;padding:0 10px 0 10px;}
#footer p a {color:#000;margin-right:15px;}
#footer p {line-height:25px !important;font-size:.85em;}
#footer p .copy {color: #7bb0d2;font-size:.9em;}