/*   
Theme Name: YIB-2010
Theme URI: http://yibrookline.org
Description: Custom theme for Young Israel of Brookline website
Author: Jonathan Abbett
Author URI: http://abbett.org/
Version: 1.0
*/

body {
    font-family:Georgia,serif;
    font-size:14px;
}

strong {
    font-weight:bold;
}

em {
    font-style:italic;
}

blockquote {
    border-left:1px solid #dddddd;
    padding-left:1em;
    margin-bottom:3em;
}

a:link {
    color:#003366;
}

a:hover, a:active {
    color:#336699;
}

a:visited {
    color:#333333;
}

#header, #navigation, #footer {
    font-family:sans-serif;
    font-size:10.5px;
}

#header, #header a, #navigation a, #footer, #footer a {
    color:#666666;
}

#header {
    margin-top:4em;
}

#contact-information {
    margin-top:4px;
}

#navigation {
    background:#eeeeee;
    padding-top:1.5em;
    padding-bottom:0.5em;
    margin-top:1em;
}

#navigation a {
    text-decoration:none;
}

#navigation a:hover {
    text-decoration:underline;
}

#navigation ul {
    margin-top:1em;
}

#navigation li {
    margin-bottom:1em;
}

#navigation .current-menu-item {
    font-weight:bold;
}

#photobar {
    background-color:#b44935;
    height:175px;
}

#photobar-caption {
    color:white;
    font-size:12px;
}

#photobar-caption p {
    margin-top:10px;
}

.content {
    margin-top:2em;
}

.content h1 {
    font-size:36px;
    color:#b44935;
    line-height:36px;
    margin-bottom:12px;
}

.content h2 {
    font-size:22px;
    line-height:22px;
    color:#b44935;
    margin-bottom:9px;
}

.content h3 {
    font-size:18px;
    line-height:18px;
    font-style:italic;
    margin-bottom:9px;
}

.content h4 {
    font-size:18px;
}

.content h5 {
    font-weight:bold;
    color:#666666;
}

.content .introduction {
    font-size:120%;
}

.content p, .content ul {
    margin-bottom:1em;
}

.content ul li {
    list-style-type:square;
    margin-left:1em;
}

.content table {
   border-top:1px solid #ddd;
   margin-bottom:1em;
}

.content table.clean {
   border:none;
   margin-top:1em;
}

.content table td {
    border-bottom:1px solid #ddd;
    padding-top:0.2em;
    padding-bottom:0.2em;
    vertical-align:top;
    padding-right:1em;
}

.content table.clean td {
    border-bottom:none;
    padding-top:0px;
    padding-bottom:1em;
}

.content table.clean p {
    margin-bottom:0.5em;
}

.content iframe {
    margin-bottom:1em;
}

.content input[type="text"], .content textarea {
    border:1px solid #ccc;
    width:100%;
}

.content input[type="submit"] {
    margin-top:1em;
    margin-bottom:2em;
}

.content label {
    font-weight:bold;
}

.content .frm_checkbox label {
    font-weight:normal;
    margin-left:0.5em;
}

.content .frm_required {
    color:#990000;
}

#social-sharing {
    margin-top:1em;
    margin-bottom:1em;
}

#social-sharing a {
    opacity:0.5;
}

#social-sharing a:hover {
    opacity:1;
}

/** BLOG POSTS **/

.post {
	margin-bottom:3em;
}

.post h2 a {
	color:#b44935;
}

.post .meta {
    font-style:italic;
    color:#666666;
}

.blog-entry {
    margin-bottom:1em;
}

.post .alignright, .post .alignleft {
	margin-bottom:1em;
	clear:both;
}

.post .alignright {
	float:right;
	margin-left:1em;
}

.post .alignleft {
	float:left;
	margin-right:1em;
}

/** SIDEBAR **/

.sidebar {
    margin-top:0.5em;
}

.sidebar h2 {
    margin-top:1em;
}

.sidebar .blog-entry .excerpt {
    color:#666666;
}

.sidebar .blog-entry .excerpt p {
    margin-bottom:0;
}

#searchform {
    margin-bottom:1em;
}

#searchform input {
    border:1px solid #ccc;
    height:20px;
}

#searchform input:hover {
    border:1px solid #666;
}

#searchform input[type="text"] {
    width:70%;
    margin-right:8px;
}

#searchform input[type="submit"] {
    width:25%;
    font-size:9pt;
}

.inner-sidebar-image {
    margin-top:-35px;
    border-top:35px solid #b44935;
    border-bottom:1em solid #b44935;
    margin-bottom:2em;
}

/** FOOTER **/

#logos {
    margin-top:4em;
}

#logos a {
    opacity:0.5;
    margin-right:1em;
}

#logos a:hover {
    opacity:1;
}

#footer {
    margin-top:1em;
    padding-bottom:4em;
}

.screen-reader-text { position: absolute; left: -9999px; top: -9999px; }