style.css

/*
Theme Name: 	Future of Learning Institute
Theme URI:      http://futureoflearningpz.org/
Description:    Child theme of Twenty Eleven for FOL
Author:         Alan Levine
Author URI:     http://cogdogblog.com
Template:       twentyeleven
Version:        0.1.0
*/
 
@import url(../twentyeleven/style.css);


/*  ----- general --------------------------------------------------------------------- */


body {
	padding:0;
}


#page {
	margin: 0 auto 2em;
	max-width: 1400px;
}



.singular .entry-header, .singular .entry-content, .singular footer.entry-meta, .singular #comments-title {
	width: 90%;
}


.pcount {	
	margin-top:0;
	text-align: center;
	font-size: 125%;
	font-variant: small-caps;
}



.clearfix {
	clear:both;
}

article.intro .entry-title {
	display: block;
}

.entry-content h3, .comment-content h3 {
	letter-spacing: normal;
	line-height: 1.0em; 
	text-transform: none;
}


.fol-more-link {
	text-align: right;
	padding: 8px 0 0 0;
	font-style: italic;
	font-size: 0.9em;
	font-weight: bold;
}

.singular .entry-meta .edit-link a {
	left: 0px;
}



/*  ----- for header------------------------------------------------------------------- */


#branding {
	border:none;
}


#branding hgroup {
	margin: 10px 6px;
	padding: 6px;	
	position: absolute;
	top: 0;
	left: 0;
	
}

#site-description {
	 margin:0;
	 color: #F3EBEB;
}



#branding #searchform {
	top: 2em;
	right: 40px;
}

#branding .only-search #s {
	background-color: rgba(102, 102, 102, 0.39);
	border-color: rgba(0, 0, 0, 0.18);
	color: rgba(34, 34, 34, 0.94);
}


#site-title {
	margin:0;
	padding:0;
}

#site-title a {
	line-height: 64px;
}


/* fix for mobiles so menus don't wig out */
@media handheld, only screen and (max-width: 767px) {
	#searchform {
		display:none;
	}
}


/*  ----- for images ------------------------------------------------------------------ */

img[class*="align"],
img[class*="wp-image-"],
#content .gallery .gallery-icon img {/* Removed fancy borders to all WordPress-added images  */
	border: none;
	padding: 6px;
}


/*  ----- for links ------------------------------------------------------------------- */

a[href$='.pdf'], a.pdf { 
	padding: 5px 20px 5px 0;
	background: transparent url(images/pdf-icon.png) no-repeat center right;
}


a[href$='.doc'], a.doc { 
	padding: 5px 20px 5px 0;
	background: transparent url(images/doc-icon.png) no-repeat center right;
}

/*  ----- front page spotlight boxes -------------------------------------------------- */

#spotlight {
	padding: 0 2%;
	overflow: hidden;
}

/* Three Footer Widget Areas */
#spotlight .spotbox, #spotlight .excerptbox  {
	float: left;
	margin-right: 1.7%;
	width: 26.85%;
	padding: 8px 2%;

}


#spotlight .spotbox {
	background-color: #eaeaea;
	min-height: 380px;
}

#spotlight .excerptbox {
	background-color: #d9d9d9;
	font-style:italic;
	font-weight:bold;
	min-height: 90px;
}

.spotlightexcerpt  {
	width: 80%;
	margin: 1em auto;
	padding: 1em;
	background-color: #d9d9d9;
	font-style:italic;
	font-weight:bold;
}




#spotlight .spotbox + .spotbox + .spotbox,  #spotlight .excerptbox + .excerptbox + .excerptbox {
	margin-right: 0;
}

.spotlighttitle {
	margin: 0;
	padding: 0 1em;
	font-size: 20px;
	line-height: 30px;
	font-weight: bold;
	text-transform: uppercase;
	color: #666;	
}

#spotlight .spotthumb {
	width: 90%
	margin: 0 auto;
}

#spotlight img.spotlightthumb {
	width:100%;
	height:auto;
}


#spotlight .sharedaddy {
	visibility:hidden;
}

.spot-title, .spot-title a {
	font-size: 20px;
	line-height: 30px;
	text-align:center;
	font-weight: bold;
}

.spottext p {
	font-size: 16px;

}

p.spotlightmore {
	padding: 0.5em 6%;
	text-align:right;
	font-style: italic;
}



/* --------- update widgets for front page -------------------------------------------- */

#updates {
	border-top: 1px solid #ddd;
	padding: 1.625em 2%;
	overflow: hidden;
	clear: both;
}

/* Three Footer Widget Areas */
#updates .widget-area {
	float: left;
	margin-right: 3.7%;
	width: 30.85%;
}
#updates .widget-area + .widget-area + .widget-area {
	margin-right: 0;
}

#updates h3.widget-title, #updates h3.widget-title a {
	text-transform: normal;
	font-size: 20px;
	line-height: 30px;
	font-weight: bold;
}

#updates  .widgetarea  {
	font-size: 16px;

}

/* --------- wide widget for home welcome box ----------------------------------------- */

#welcomery {
	padding: 0;
	overflow: hidden;
}

/* Widget Area */
#welcomery .widget {
	font-size: 1.5em;
}

/*  ----- for link buttons ------------------------------------------------------------- */

/* This css button was generated by css-button-generator.com */
a.css_btn_class {
	font-size:18px;
	font-weight:normal;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	border:1px solid #d02718;
	padding:5px 28px;
	text-decoration:none;
	text-align:right;
	background:-moz-linear-gradient( center top, #bc1f00 5%, #c62d1f 100% );
	background:-ms-linear-gradient( top, #bc1f00 5%, #c62d1f 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bc1f00', endColorstr='#c62d1f');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #bc1f00), color-stop(100%, #c62d1f) );
	background-color:#bc1f00;
	color:#ffffff;
	display:inline-block;
	text-shadow:0px 2px 6px #810e05;
 	-webkit-box-shadow: 1px 1px 3px 0px #f5978e;
 	-moz-box-shadow: 1px 1px 3px 0px #f5978e;
 	box-shadow: 1px 1px 3px 0px #f5978e;
}

a.css_btn_class:hover {
	background:-moz-linear-gradient( center top, #c62d1f 5%, #bc1f00 100% );
	background:-ms-linear-gradient( top, #c62d1f 5%, #bc1f00 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c62d1f', endColorstr='#bc1f00');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #c62d1f), color-stop(100%, #bc1f00) );
	background-color:#c62d1f;
	text-decoration:none;
}

a.css_btn_class:active {
	position:relative;
	top:1px;
}



/*  ----- for AFG sidebar ------------------------------------------------------------- */


#secondary .afg-table {
	width:90% !important;

}

#secondary div.afg-cell {
	margin: 0;
	padding: 0;
}

#secondary img.afg-img {
	margin: 2px;
	padding: 0;
	width: 95px;
	opacity: 1;
	filter: alpha(opacity=100);
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}





.spNewMembers {
	visibility:hidden;
}


/*  ----- for page navi --------------------------------------------------------------- */

.page_navi {
    text-align: center;
}
 
.page_navi li {
    display: inline;
    list-style: none;
}
 
.page_navi li.current span {
    color: #eee;
    font-weight: bold;
    display: inline-block;
    padding: 3px 7px;
    background: #000;
    border: solid 1px #000;
}
 
.page_navi li a {
    color: #333;
    padding: 3px 7px;
    background: #eee;
    display: inline-block;
    border: solid 1px #999;
    text-decoration: none;
}
 
.page_navi li a:hover {
    color: #fff;
    background: #a9a9a9;
}
 
.page_navi li.page_nums span {
    color: #fff;
    padding: 3px 7px;
    background: #666;
    display: inline-block;
    border: solid 1px #333;
}