/*
Theme Name:     Bailiesmills2011
Description:    Bailiesmills RPC website based on Twenty Eleven
Author:         JK Watterson
Template:       twentyeleven

(optional values you can add: Theme URI, Author URI, Version)
*/

@import url("../twentyeleven/style.css");

/* Change site-title colour and font */

#branding {
	border-top: 2px solid #fff;
	padding-bottom: 10px;
	position: relative;
	z-index: 2;
	background:  url(https://bailiesmills.rpc.org/wp-content/uploads/2012/09/Christ-is-all-header.jpg) no-repeat;
}

#site-title a {
		color: #6f111d;
		font-family: Verdana;
		font-size: 150%;
}
#site-title {
	margin-left: 35px;
	margin-right: 250px;
	padding: 1.5em 0 0;
}

/* Change site-description properties */
#site-description {
		color: #7A7A7A;
		font-size: 20px;
		margin: 0 270px 1.5em 0;
}

#site-description {
	color: #7A7A7A;
	font-size: 20px;
	margin-bottom: 1.5em;
	margin-left: 35px;
	margin-right: 270px;
	margin-top: 0;
}


/* Remove Search Form from header */
#branding #searchform {
	display: none;
}


/* Remove horizontal line from under text entries */
.hentry,
.no-results {
	border-bottom: 1px solid #fff;
	margin: 0 0 1.625em;
	padding: 0 0 1.625em;
	position: relative;
}


/* Remove border from images */
img.alignleft, img.alignright, img.aligncenter {
margin-bottom: 0;
}

p img, .wp-caption {
margin-top: 0;
}

img[class*="align"], img[class*="wp-image-"], #content .gallery .gallery-icon img {
border: none;
}

/* Change entry title style */
 
body.home .entry-title {
	display: none;
}

.entry-title {
	color: #6f111d;
	font-size: 30px;
	font-weight: bold;
	line-height: 0px;
	font-family: Arial;
}



#primary {
    float: left;
    margin: 0 -31.4% 0 0; 
    width: 100%;
	font-family: Arial;
}
#content {
    margin: 0 34% 0 7.6%;
    width: 63.4%; 
	font-family: Arial;
}
#secondary {
    float: right;
    margin-right: 7.6%;
    width: 13.8%; 
	font-family: Arial;
}

/* Remove page title from specific pages */

.page-id-569 .entry-title {   display:none;}
.page-id-596 .entry-title {   display:none;}
.page-id-877 .entry-title {   display:none;}
.page-id-1313 .entry-title {   display:none;}
.page-id-1329 .entry-title {   display:none;}
.page-id-1728 .entry-title {   display:none;}
.page-id-1946 .entry-title {   display:none;}


/* =Responsive Structure for narrow screens
* to keep min width and sidebar
-------------------------------------------- */
@media (max-width: 800px) {
     #page {
       min-width: 500px;
         }
/* keep the sidebar - for right sidebar */
    .right-sidebar #main #content {
        margin: 0 29% 0 1%;
        width: 70%;
    }
    .right-sidebar #main #secondary {
        float: right;
        margin: 0 1% 0 1%;
        width: 24%;
    }
/* keep the sidebar - for left sidebar */
    .left-sidebar #main #content {
        margin: 0 1% 0 29%;
        width: 70%;
    }
    .left-sidebar #main #secondary {
        float: right;
        margin: 0 -1% 0 2%;
        width: 24%;
    }
/* correction for 'showcase' template */
    .page-template-showcase-php #main #primary.showcase {
        float: right;
        margin: 0 2% 0 2%;
        width: 96%;
    }
    .page-template-showcase-php #main #primary.showcase #content {
        margin: 0 6% 0 6%;
        width: 88%;
    }
    .page-template-showcase-php section.recent-posts {
        float: right;
        margin-right: 0pt;
        margin-left: 31%;
        width: 69%;
    }
    .page-template-showcase-php #main .widget-area {
        float: left;
        margin-right: -22.15%;
        margin-left: 0pt;
        width: 22.15%;
    }
/* correction for singular posts/pages without sidebar */
    .singular #main #content {
        margin: 0 8% 0 8%;
        width: 84%;
    }
/* keep floating footer widgets side-by-side at this size */
     #colophon #supplementary .widget-area {
          float: left;
          margin-right: 1%;
          width: 32%;
     }
}
 
/*to keep image alignment in narrow browsers*/
@media (max-width: 650px) {
  .alignleft { float: left; }
  .alignright { float: right; }
}
