style.css

/*
Theme Name: a2f-berkeley-2011
Theme URI: http://acts2fellowship.org/berkeley
Description: Theme for acts2fellowship Berkeley
Version: 1.0
Author: A2F Berkeley Web Team
Tags: fixed-width, one-column, two-columns, three-columns, left-sidebar, right-sidebar
*/

#beta { background: #000; color: #fff; text-align: center; }

/* NEW FONTS: Generated by Font Squirrel (http://www.fontsquirrel.com) on May 18, 2010 */

@font-face {
	font-family: 'AdelleBasicBold';
	src: url('css/fonts/adellebasic_bold-webfont.eot');
	src: local('☺'), url('css/fonts/adellebasic_bold-webfont.woff') format('woff'), url('css/fonts/adellebasic_bold-webfont.ttf') format('truetype'), url('css/fonts/adellebasic_bold-webfont.svg#webfontCYF5NMqr') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'AniversRegular';
	src: url('css/fonts/anivers_regular-webfont.eot');
	src: local('☺'), url('css/fonts/anivers_regular-webfont.woff') format('woff'), url('css/fonts/anivers_regular-webfont.ttf') format('truetype'), url('css/fonts/anivers_regular-webfont.svg#webfont307ZngCK') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'ChunkFiveRegular';
	src: url('css/fonts/chunkfive-webfont.eot');
	src: local('☺'), url('css/fonts/chunkfive-webfont.woff') format('woff'), url('css/fonts/chunkfive-webfont.ttf') format('truetype'), url('css/fonts/chunkfive-webfont.svg#webfontU5IXjpwR') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'LeagueGothicRegular';
	src: url('css/fonts/league_gothic-webfont.eot');
	src: local('☺'), url('css/fonts/league_gothic-webfont.woff') format('woff'), url('css/fonts/league_gothic-webfont.ttf') format('truetype'), url('css/fonts/league_gothic-webfont.svg#webfontE3uLannm') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Lobster';
	src: url('css/fonts/lobster_1.4-webfont.eot');
	src: local('☺'), url('css/fonts/lobster_1.4-webfont.woff') format('woff'), url('css/fonts/lobster_1.4-webfont.ttf') format('truetype'), url('css/fonts/lobster_1.4-webfont.svg#webfontSE0KHN9j') format('svg');
	font-weight: normal;
	font-style: normal;
}


/* Begin Structure */
.container_12.show {
	background: #fff url(images/12_col.gif) repeat-y;
	margin-bottom: 20px;
}

.container_16.show {
	background: #fff url(images/16_col.gif) repeat-y;
}

body {
	width: 100%;
	margin: 0;
	padding: 0;
	position: relative;
/*  background: #2979a6 url(images/header-bg.png) top repeat-x;
    background: rgba(44,47,98,0.8);*/
}

#outer {
	position: relative;
	margin: 0;
	padding: 0;
	width: 100%;
	min-width: 1080px;
    background: transparent url(images/content-bg.png) top center repeat-y;
}

body, div, p, span, a, input, textarea {
	font-family: AniversRegular, arial;
	font-weight: normal;
	font-size: 15px;
	line-height: 1.2;
	color: #333;
}

h1, h2, h3, h4, h5, h6 { font-weight: normal; }

h1 {
	margin-bottom: -12px;
}

h1, h1 a {
	font-family: LeagueGothicRegular, verdana;
	font-size: 60px;
	color: #fff;
}

h1 a:hover { color: #d43735; }

h2, h2 a {
	font-family: LeagueGothicRegular, verdana;
	font-size: 36px;
	line-height: 1;
}

h2 {
	border-bottom: 1px solid #ccc;
	margin-bottom: 20px;
	padding-bottom: 6px;
}

h3 { font-family: AniversRegular, arial; font-size: 21px; text-transform: uppercase;}

h3 a { font-size: 21px; }

h4, h4 a { font-family: LeagueGothicRegular, verdana; font-size: 18px; line-height: 1; color: #ccfcf1; }

a {
    text-decoration: none;
    color: #d43735;
    -webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
a:hover { color: #ff9c00; }

small { color: #888; }

hr {
    height: 0;
	border: 0;
	border-top: 2px solid #999;
}

.error { color: #c00; }

/* HEADER */

#header {
    padding-bottom: 20px;
    text-align: center;
}

#header h1, #header h2 { text-indent: -99999px; border: 0; }

#header a {
    display: inline-block;
}

/* END HEADER */

.post {
	clear: both;
	overflow: hidden;
}

#home .post dl {
	margin-bottom: 40px;
}

#home .post dt, #home .post dd {
	border-top: 1px solid #e7e7e7;
	border-bottom: 1px solid #d3d3d3;
}

#home .post dt.first, #home .post dd.first {
	border-top: none;
}

#home .post dt.last, #home .post dd.last {
	border-bottom: none;
}

#home .post dt {
	float: left;
	width: 55px;
	padding: 7px;
	font-size: 12px;
	color: #999;
	line-height: 1.5;
}

#home .post dd {
	margin-left: 60px;
	padding: 7px;
}

#home .post dd ul.categories {
	margin: -6px -7px 0 0;
}

#home .post dd ul.categories-sm li {
	border-bottom: 1px solid #e7e7e7;
}

#home ul.categories-sm li a {
	display: block;
	border-bottom: 1px solid #d3d3d3;
	color: #333;
	line-height: 2;
}

#home ul.categories-sm li a:hover {
	color: #ff9c00;
}

#home ul.categories-sm li a span {
	margin-right: 6px;
}

#content {
    margin-bottom: 30px;
	overflow: hidden;
}

/* LEFT SIDEBAR */

#left-sidebar-widget ul {
	
}

#photo-sidebar .featured-sidebar-button {
    display: inline-block;
    margin-bottom: 30px;
    opacity: 1;
	filter:alpha(opacity=100);
}

#photo-sidebar .featured-sidebar-button:hover {
    opacity: .75;
	filter:alpha(opacity=75);
}

#photo-sidebar { overflow: hidden; }

#photo-sidebar h2.header_section {
	margin: 30px 0;
}

#photo-sidebar h2.header_section, #photo-sidebar h2.header_section a {
    font-size: 18px;
    text-align: right;
}
#photo-sidebar h2.header_section strong {
    font-weight: normal;
    color: #012141;
    color: #eee;
}

#photo-sidebar h2.header_section #navlinks {
    margin-top: 20px;
    padding-top: 10px;
    margin-bottom: 20px;
    padding-left: 60px;
}

#photo-sidebar h2.header_section #navlinks a {
    display: block;
    font-size: 28px;
    line-height: 1.2;
}

#photo-sidebar h2.header_section a {
    color: #063461;
    color: #eee;
}
#photo-sidebar h2.header_section a:hover { color: #ff9c00; text-shadow: none; }
#photo-sidebar h2.header_section a span {
    float: left;
}

#photo-sidebar img {
    max-width: 200px;
}

.sidebar-photos a img {
    opacity: 0.7;
    filter: alpha(opacity=70);
    -webkit-transition: all 0.2s ease-out;
       -moz-transition: all 0.2s ease-out;
        -ms-transition: all 0.2s ease-out;
         -o-transition: all 0.2s ease-out;
            transition: all 0.2s ease-out;
}

.sidebar-photos a:hover img {
    opacity: 1;
    filter: alpha(opacity=100);
}

#facebook-icon {
    margin-bottom: 50px;
}

#facebook-icon a:hover {
	opacity: 1;
	filter:alpha(opacity=100);
}

#facebook-icon a {
	opacity: 0.75;
	filter:alpha(opacity=75);
}

#facebook-icon a img {
	padding-top: 6px;
}

/* RIGHT SIDEBAR */
#sidebar_wrapper { padding-top: 40px; }
#sidebar {
	overflow: hidden;
	margin-bottom: 10px;
}

#sidebar .section,
#photo-sidebar .section {
    margin-bottom: 50px;
}

#sidebar h3, #photo-sidebar h3, #sidebar h2.widgettitle, #photo-sidebar h2 {
    font-family: LeagueGothicRegular, Arial;
    font-weight: normal;
	font-size: 24px;
	line-height: 1;
    color: #063461;
    color: #ccc;
    text-transform: none;
	text-align: center;
	text-shadow: 0 1px 0 #333;
	margin: 15px 0 10px;
	border: 0;
}

#sidebar h4 {
	padding-bottom: 3px;
}

#sidebar .recent-post {
    position: relative;
    display: block;
    opacity: 0.7;
    filter: alpha(opacity=70);
	clear: both;
    -webkit-transition: all 0.2s ease-out;
       -moz-transition: all 0.2s ease-out;
        -ms-transition: all 0.2s ease-out;
         -o-transition: all 0.2s ease-out;
            transition: all 0.2s ease-out;
}

#sidebar .recent-post:hover {
    margin: -2px 0 2px;
    opacity: 1;
    filter: alpha(opacity=100);
}

#sidebar .recent-post h4 {
    position: absolute;
    top: 0;
    float: left;
    width: 100%;
    padding: 3px 5px;
    background: #666;
    background: rgba(0,0,0,0.25);
    text-shadow: 1px 1px 2px #000;
    color: #fff;
}


#right-sidebar-widgets {
    color: #888;
}



/*#sidebar .cats-comments-bar {*/
#sidebar .recent-post .comments {
    position: relative;
    bottom: 25px;
    padding: 0 3px;
}

ul.categories,
ul.categories li {
	float: left;
}

ul.categories li a:hover {
	color: #ff9c00;
}

ul.categories li a {
	margin-right: 4px;
}

#sidebar .textwidget { margin-bottom: 15px; }
#sidebar .textwidget, #sidebar .textwidget p, #sidebar .textwidget a { font-size: 12px; line-height: 1.2; }

#get_recent_comments_wrap {
    margin-bottom: 40px;
}

#get_recent_comments_wrap li {
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px dotted #1B587A;
}

#get_recent_comments_wrap li a {
    display: block;
    max-height: 30px;
    overflow: hidden;
	color: #8C9BA1;
	font-size: 12px;
	line-height: 1.2;
}

#get_recent_comments_wrap li a span {
    color: #BAD9E6;
}

#get_recent_comments_wrap li a:hover { color: #7AABBF; }
#get_recent_comments_wrap li a:visited { color: #aaa; }

/* END SIDEBAR */

/* Post elements
* --------------------------------------------- */
.post {
	padding: 25px 0;
	border-bottom: 2px dotted #aaa;
}

.post:first-child {
    padding-top: 0;
}

.post:last-child {
    border: none;
}

.post-header {
	padding-bottom: 5px;
	border-top: 1px solid #ccc;
}

.post-header .entry-date, .post-header .author, .post-header .entry-comments {
    float: left;
    font-family: LeagueGothicRegular, verdana;
    font-size: 21px;
    color: #888;
    padding-top: 3px;
}
.post-header .entry-date { width: 110px; }
.post-header .author {
    width: 278px; /* take padding + borders into account */
    padding-left: 10px;
    padding-right: 10px;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
}
.post-header .entry-comments { width: 50px; }
.post-header ul.categories-lg { float: right; }

ul.categories-lg li { float: left; margin-left: 5px; }
ul.categories-lg li a { display: block; }

.entry .wp-caption {
    margin: 9px 0 15px;
}

.entry .caption,
.entry .wp-caption-text {
    display: block;
    margin: 2px 0 0;
    max-width: 550px;
	font-family: georgia, serif;
	font-size: 12px;
	line-height: 1.1;
	font-style: italic;
	color: #444;
	text-align: center;
}

.entry p { margin: 9px 0; }

.entry ul { list-style-type: circle; list-style-position: inside; }

.photo { overflow: hidden; margin: 0 0 20px 0; }
.photo img, #sidebar img { height: auto; }
.photo img { max-width: 500px; }
#sidebar img { max-width: 200px; }
.post img, #sidebar img { height: auto; }

.post img {
    max-width: 550px;
}

.post img[width="500"] {
    display: block;
    margin: 0 auto;
}

.post a > img {
    -webkit-transition: all 0.3s ease-out;
       -moz-transition: all 0.3s ease-out;
        -ms-transition: all 0.3s ease-out;
         -o-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out;
}

.post a:hover > img {
    opacity: 0.8;
    filter: alpha(opacity=80);
}

.post .aligncenter {
    display: block;
    margin-right: auto;
    margin-left: auto;
}

table.dt { width: 100%; }
.dt td { border: 1px solid #ccc; text-align: center }
.dt td.dt-brothers { background-color: #6CD1EA; }
.dt td.dt-sisters { background-color: #F8A2AB; }
.dt td.dt-combined { background-color: #BDF271; }

/* BLOG ENTRY: UPCOMING EVENTS */

.entry h3 {
	font-size: 20px;
	text-transform: none;
	margin-top: 15px;
	color: #222;
}

/* override to fix upcoming shift on main page */
#home .photo .prefix_4 { padding-left: 0; }

.entry .upcoming {
	border: 1px solid #ddd; border-bottom: none; border-left: none; border-right: none; 
	margin-top: 0px; margin-bottom: 6px;
	padding-top: 6px; padding-bottom: 15px;
}
.entry .upcoming .grid_8 div, .entry .upcoming .grid_4 div {
	font-family: georgia;
	font-size: 16px;
	font-style: italic;
	color: #444;
	padding-left: 23px;
	padding-top: 5px;
}

.entry .upcoming .date { background: url(images/upcoming-date.png) left 5px no-repeat; }
.entry .upcoming .time { background: url(images/upcoming-time.png) left 5px no-repeat; }
.entry .upcoming .location { background: url(images/upcoming-location.png) 2px 5px no-repeat; }
.entry .upcoming .otherinfo { background: url(images/upcoming-otherinfo.png) left 5px no-repeat; }

.entry .upcoming a {
	color: #666;
	text-decoration: underline;
}

.entry .entry-footer {
	margin-top: 15px;
}

.read-more {
	text-transform: uppercase;
	font-size: 14px;
}
a.read-more { background: url(images/readmore.png) left center no-repeat; }

a.read-more span {
    padding-left: 29px;
    color: red;
}

/* Begin Nav
 * --------------------------------------------- */
#nav {
	float: right;
}

#nav li {
	float: left;
	border-right: 1px solid #024a87;
}

#nav li.first {
	border-left: 1px solid #024a87;
}

#nav li a {
	display: block;
	width: 99px;
	padding: 37px 0 18px;
	text-align: center;
	text-transform: uppercase;
	color: #fff;
	font-size: 14px;
	opacity: 0.65;
	filter:alpha(opacity=65);
}

#nav li a span {
	display: block;
	margin: 0 auto 4px;
	height: 24px;
	width: 24px;
	background: url(images/nav-icons.png) left top no-repeat;
	opacity: 0.85;
	filter:alpha(opacity=85);
}

#nav li .about-us span {
	background-position: -30px top;
}

#nav li .archives span {
	background-position: -60px top;
}


/* Begin Single
 * --------------------------------------------- */

.post h2 {
    margin-bottom: 3px;
}

#single #content { padding-top: 20px; }

#single .icons {
	background: url("images/kairos-icons.png") no-repeat scroll transparent;
	height: 30px;
	margin-right: 8px;
	wideth: 30px;
	background-position:-30px -30px;
}

/* Begin Page
 * --------------------------------------------- */
#page #outer {
    background-image: url(images/content-bg-large.png);
}

#page h2 {
    position: absolute;
    top: 40px;
    border: 0;
}

/* ARCHIVE */
#archives h4 { overflow: hidden; height: 18px; } 
#archives h4 a { color: #d43735; }
#archives .post { height: 256px; overflow: hidden; margin-bottom: 20px; }
#archives img { max-width: 240px; height: auto; margin-bottom: 4px; }
#archives .small p { font-size: 12px; line-height: 1.2; }

#archives .cats-comments-bar { margin-bottom: 5px; }
#archives .entry p { margin: 4px 0 0; }

#archives ul.categories-lg {
	margin-bottom: 18px;
	border-bottom: 1px solid #ccc;
}

#archives ul.categories-lg li {
	margin-bottom: 16px;
}

#archives ul.categories-lg li a {
	width: auto;
	height: auto;
	background: none;
	font-size: 18px;
	color: #999;
}

#archives ul.categories-lg li a:hover {
	color: #ff9c00;
}

#archives ul.categories-lg li a span {
	display: inline-block;
	margin-right: 5px;
	line-height: 1.7;
}

#archives ul.categories-lg li.active a {
	color: #333;
	cursor: default;
}

#archives ul.categories-lg li.active a span {
	color: #333;
	cursor:default;
}

#archives .post-month {
    margin-right: 3px;
	font-size: 14px;
}

#archives .post-day {
	font-size: 14px;
	color: #aaa;
}





/* Begin Categories
 * --------------------------------------------- */
 
ul.categories li a,
#home ul.categories-sm li a span {
	display: inline-block;
	width: 16px;
	height: 16px;
	background: url(images/kairos-icons.png) -90px -240px no-repeat;
	line-height: 1;
}

ul.categories li a:hover,
#home ul.categories-sm li a:hover span {
	background-position: -110px -240px;
}

ul.categories li.Featured a, 
#home ul.categories-sm li.Featured a span{
	background-position: -90px -60px;
}

ul.categories li.Featured a:hover,
#home ul.categories-sm li.Featured a:hover span {
	background-position: -110px -60px;
}

ul.categories li.Announcements a,
#home ul.categories-sm li.Announcements a span {
	background-position: -90px -150px;
}

ul.categories li.Announcements a:hover,
#home ul.categories-sm li.Announcements a:hover span {
	background-position: -110px -150px;
}

ul.categories li.Designs a,
#home ul.categories-sm li.Designs a span {
	background-position: -90px -180px;
}

ul.categories li.Designs a:hover,
#home ul.categories-sm li.Designs a:hover span {
	background-position: -110px -180px;
}

ul.categories li.Photos a,
#home ul.categories-sm li.Photos a span {
	background-position: -90px -90px;
}

ul.categories li.Photos a:hover,
#home ul.categories-sm li.Photos a:hover span {
	background-position: -110px -90px;
}

ul.categories li.Videos a,
#home ul.categories-sm li.Videos a span {
	background-position: -90px -120px;
}

ul.categories li.Videos a:hover,
#home ul.categories-sm li.Videos a:hover span {
	background-position: -110px -120px;
}

ul.categories li.Memories a,
#home ul.categories-sm li.Memories a span {
	background-position: -90px -210px;
}

ul.categories li.Memories a:hover,
#home ul.categories-sm li.Memories a:hover span {
	background-position: -110px -210px;
}

ul.categories-lg li a,
#archives ul.categories-lg li a span {
	width: 24px;
	height: 24px;
	border: none;
	background: url(images/kairos-icons.png) -30px -238px no-repeat;
	-webkit-transition: none;
	   -moz-transition: none;
	     -o-transition: none;
	        transition: none;
}

ul.categories-lg li a:hover,
#archives ul.categories-lg li a:hover span {
	background-position: -60px -238px;
}

ul.categories-lg li.Featured a,
#archives ul.categories-lg li.Featured a span {
	background-position: -30px -60px;
}

ul.categories-lg li.Featured a:hover,
#archives ul.categories-lg li.Featured a:hover span {
	background-position: -60px -60px;
}

ul.categories-lg li.Announcements a,
#archives ul.categories-lg li.Announcements a span {
	background-position: -30px -150px;
}

ul.categories-lg li.Announcements a:hover,
#archives ul.categories-lg li.Announcements a:hover span {
	background-position: -60px -150px;
}

ul.categories-lg li.Designs a,
#archives ul.categories-lg li.Designs a span {
	background-position: -30px -180px;
}

ul.categories-lg li.Designs a:hover,
#archives ul.categories-lg li.Designs a:hover span {
	background-position: -60px -180px;
}

ul.categories-lg li.Photos a,
#archives ul.categories-lg li.Photos a span {
	background-position: -30px -90px;
}

ul.categories-lg li.Photos a:hover,
#archives ul.categories-lg li.Photos a:hover span {
	background-position: -60px -90px;
}

ul.categories-lg li.Videos a,
#archives ul.categories-lg li.Videos a span {
	background-position: -30px -120px;
}

ul.categories-lg li.Videos a:hover,
#archives ul.categories-lg li.Videos a:hover span {
	background-position: -60px -120px;
}

ul.categories-lg li.Memories a,
#archives ul.categories-lg li.Memories a span {
	background-position: -30px -210px;
}

ul.categories-lg li.Memories a:hover,
#archives ul.categories-lg li.Memories a:hover span {
	background-position: -60px -210px;
}

ul.categories-lg li.All a,
#archives ul.categories-lg li.All a span {
	background-position: -30px -30px;
}

ul.categories-lg li.All a:hover
#archives ul.categories-lg li.All a:hover span {
	background-position: -60px -30px;
}

ul.categories-lg li.All.active a,
#archives ul.categories-lg li.All.active a span {
	background-position: 0 -30px;
}


/* Begin Comments
 * --------------------------------------------- */
#comments, #respond {
	margin-top: 10px;
	border-top: 1px solid #000;
	padding-top: 10px;
}

#comments p, #respond p { padding-top: 5px; }

.commentlist .comment, #the_form {
	margin-top: 10px;
	border-top: 1px solid #bbb;
	padding-top: 10px;
}

.commentlist .children {
    margin-left: 25px;
}

.comment-author { font-size: 16px; color: #333; }
cite, cite a { font-size: 16px; font-style: normal; font-weight: bold; }
.commentlist .comment-text { margin: 9px 0 15px; }
.commentlist .comment-meta { margin-bottom: 5px; font-size: 11px; color: #999; }

input, textarea {
		 -moz-border-radius: 3px;
	  -webkit-border-radius: 3px;
	          border-radius: 3px;
	   -moz-box-shadow:inset 0 3px 0 #ccc;
	-webkit-box-shadow:inset 0 3px 0 #ccc;
            box-shadow:inset 0 3px 0 #ccc;
	border: 0;
	background-color: #ddd;
	padding: 3px;
}
input { height: 30px; margin-bottom: 15px; }
input[type=submit] {
	background-color: #900;
	color: #fff;
	margin-top: 10px;
	   -moz-box-shadow:none;
	-webkit-box-shadow:none;
	        box-shadow:none;
	padding: 0 7px;
	cursor: pointer;
}

#respond:after {
	content: ".";
   display: block;
   height: 0;
   clear: both;
   visibility: hidden;
}

a.comments {
	text-transform: uppercase;
	font-size: 14px;
}       
a.comments span {
	display: inline-block;
	position: relative;
	top: -1px;
	width: 19px;
	height: 24px;
	padding-left: 8px;
	background: url(images/kairos-icons.png) 0 0 no-repeat;
	color: #ff9c00;
	text-align: center;
}
.entry-comments a.spch-bub-inside, #archives a.comments {
	float: right;
}

a:hover.comments span, #single a:hover.comments { background-position: -60px 0; color: #eee; }

/*.entry-comments a.comments {
    margin: 0;
    width: 17px;
    height: 24px;
    padding-left: 7px;
    font-size: 18px;
    color: #fff;
    text-align: center;
}*/

#sidebar .recent-post a.comments,
#archives .post a.comments {
	margin: 0;
	margin-top: -3px;
	padding-left: 24px;
	font-size: 17px;
	color: #aaa;
	float: right;
}

#sidebar .recent-post a.comments span,
#archives .post a.comments span {
	margin-right: 3px;
	width: 16px;
	height: 16px;
	padding: 0;
	background: url(images/kairos-icons.png) -90px 3px no-repeat;
}

#sidebar .recent-post a:hover.comments,
#archives .post a:hover.comments {
	color: #ff9c00;
}

#sidebar .recent-post a:hover.comments span,
#archives .post a:hover.comments span {
	background-position: -110px 3px;
}



/* Begin Lists */

.entry ul {
		margin-left: 0;
		}

.entry ol {
		padding: 0 0 0 35px;
		margin: 0;
		}

.entry ol li {
		margin: 0;
		padding: 0;
		}

.postmetadata ul, .postmetadata li {
		display: inline;
		list-style-type: none;
		list-style-image: none;
		}

/* End Entry Lists */

/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
		cursor: help;
		}

blockquote {
		margin: 15px 30px 0 10px;
		padding-left: 20px;
		}

blockquote cite {
		margin: 5px 0 0;
		display: block;
		}

.center {
		text-align: center;
		}

.hidden {
		display: none;
		}

.navigationTop {
		display: block;
		text-align: center;
		margin-top: 10px;
		margin-bottom: 30px;
		}

.navigationBottom {
		display: block;
		text-align: center;
		margin-top: 10px;
		margin-bottom: 10px;
		}

/* End Various Tags & Classes*/


#background-image {
    background-color: #222;
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    z-index: -1;
}

#background-image-overlay {
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    xxbackground: url(images/light_alu.png) repeat #1B1E5C;
    background-color: #1B1E5C;
    opacity: 0.5;
    filter: alpha(opacity=50);
    
/*    background-color: #FFD614;
    opacity: 0.3;
    filter: alpha(opacity=30);*/
    
    z-index: -1;
}

#xxbackground-texture {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(images/background-texture.png) repeat;
    opacity: 0.5;
    filter: alpha(opacity=50);
    z-index: -1;
}


/* ABOUT US PAGE */
.subtitle {
	font-family: georgia;
	font-size: 18px;
	font-style: italic;
	color: #666;
	margin-bottom: 25px;
}
#about_us #hero	{
	max-width: 890px;
	margin-top: 0;
}

#about_us .shortinfo {
	padding-top: 9px;
}

#about_us img { margin-bottom: 20px; }
#about_us img.advisor {
	max-width: 100%;
	margin-top: 10px;
}

#about_us h3 { margin-top: 20px; margin-bottom: 10px; }
#about_us h3.advisor {
	text-transform: none;
	border: none;
	padding: 0 0 5px;
}
#about_us h3#contact-header { margin-top: 0; }

#about_us .info {
	border-top: 1px solid #ccc;
	padding: 10px 0;
}

#about_us .info-label {
	color: #999;
	margin-bottom: 0;
	font-size: 12px;
}

#about_us #form { margin-top: 20px; }
#about_us #form input[type=text], #about_us #form textarea { width: 100%; } /* .grid_4 w/ padding+border  */ 
#about_us #form input[type=submit] { float: right; }


/* BUTTONS */

.buttonrow {
    text-align: center;
    margin: 15px 0;
}
.button {
       -moz-border-radius: 13px;
    -webkit-border-radius: 13px;
            border-radius: 13px;
    height: 20px;
    padding: 5px 10px;
    font-family: LeagueGothicRegular, verdana;
    text-transform: uppercase;
    background-color: #666;
    color: #fff;
    opacity: 0.75;
    -webkit-transition: opacity 0.3s ease-in-out;
	-moz-transition: opacity 0.3s ease-in-out;
	-o-transition: opacity 0.3s ease-in-out;
	transition: opacity 0.3s ease-in-out;
}
.button:hover {
    cursor: pointer;
    opacity: 1.0;
}

.button.show-gallery {
    background-color: #f6643e;
}

/* FLICKR GALLERY */

.flickr-gallery { display: none; }
#flightbox-flickr-link { display: none; }
#content .flickr-thumb { border: 0; margin: 0; padding: 0; }

/* GCAL WIDGET */

.gcal-widget-post {
	margin-bottom: 35px;
	padding-bottom: 10px;
	background-color: #0D469C;
	background-color: rgba(13,70,156, 0.85);
	background-color: rgba(0,0,0,0.3);
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.gcal-widget-post div { color: #fff; }
.gcal-widget-post a { color: #fff; text-decoration: underline; }

.gcal-widget-entry, .gcal-widget-featured {
	border-top: 1px solid #777;
	padding: 0 0 5px;
    -webkit-transition: all 0.3s ease-out;
       -moz-transition: all 0.3s ease-out;
        -ms-transition: all 0.3s ease-out;
         -o-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out;
}

.gcal-widget-entry.tooltip:hover {
    background: rgba(0,0,0,.2);
    cursor: default;
}

.gcal-widget-entry.tooltip[title]:hover {
    background: none;
    cursor: text;
}

.gcal-widget-featured { background-color: #900; }

.gcal-widget-month {
	font-family: AdelleBasicBold, georgia;
	font-size: 18px;
	text-align: center;
	padding: 15px 0 10px;
}

.gcal-widget-day {
	font-family: ChunkFiveRegular, georgia;
	font-size: 36px;
	position: absolute;
	right: 5px;
	opacity: .13;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
	filter: alpha(opacity=13);
	z-index: 1;
}
.gcal-widget-featured .gcal-widget-day {
	opacity: .15;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=15)";
	filter: alpha(opacity=15);
}

.gcal-widget-datetime { width: 40px; text-align: center; float: left; }
.gcal-widget-date { font-size: 21px; margin-bottom: -2px; }
.gcal-widget-time, .gcal-widget-location {
	font-family: georgia;
	font-size: 11px;
	font-style: italic;
	color: #bbb;
}

.gcal-widget-event { margin-left: 40px; padding-top: 5px; z-index: 10; }

a.gcal-tip {
    display: none;
    background: #c00 url(images/note.png) center center no-repeat;
    width: 20px;
    height: 20px;
    position: absolute;
    left: 45px;
    margin-top: 5px;
    cursor: default;
    border: 2px solid #fff;
       -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
            border-radius: 20px;
           -moz-box-shadow: 0 0 2px #333;
        -webkit-box-shadow: 0 0 2px #333;
                box-shadow: 0 0 2px #333;
}

a.gcal-tip.linkable {
    cursor: pointer;
	cursor: hand;
}
a.gcal-tip.linkable:hover {
    background: #0090ff url(images/link.png) center center no-repeat;
}

a.gcal-tip .hide { display: none; }

#tiptip_content {
    max-width: 200px;
    padding: 8px 12px 9px 12px;
    line-height: 1.3;
    font-size: 14px;
}

/**** Speech Bubble Icons *****/
.entry-comments .spch-bub-inside { font-size: 16px; }

.spch-bub-inside,
.spch-bub-outside {
  position: relative;
}
a.spch-bub-inside,
a.spch-bub-outside {
  color: #aaa;
  text-decoration: none;
}
.spch-bub-inside em,
.spch-bub-outside em {
  font-style: normal;
}
.spch-bub-inside em {
  background: #aaa;
  color: #FFF;
  padding: 0 0.4em;
  -moz-border-radius: 0.25em;
  -webkit-border-radius: 0.25em;
  border-radius: 0.25em;
  position: relative;
}
.spch-bub-inside .point,
.spch-bub-outside .point {
  width: 0;
  height: 0;
  position: absolute;
  top: 1.1em;
  left: 0.4em;
  display: block;
  border-left: 0.45em solid #aaa;
  border-bottom: 0.45em solid #FFF;
  border-bottom: 0.45em solid rgba(0,0,0,0);
  overflow: hidden;
}
.spch-bub-outside {
 padding-left: 2.0em;
}
.spch-bub-outside .bubble {
  top: 0;
  left: 0;
  display: block;
  position: absolute;
  height: 1.1em;
  width: 1.8em;
  background: #aaa;
  -moz-border-radius: 0.25em;
  -webkit-border-radius: 0.25em;
  border-radius: 0.25em;
}
a.spch-bub-inside:hover,
a.spch-bub-outside:hover {
  color: #ff9c00;
}
a.spch-bub-inside:hover em,
a.spch-bub-outside:hover .bubble  {
  cursor: pointer;
  background: #ff9c00;
/*  color: #FF0;*/
}
a.spch-bub-inside:hover .point,
a.spch-bub-outside:hover .point {
  border-left: 0.5em solid #ff9c00;
}
div.spch-bub-outside {
  height: 1.5em;
  width: 0;
}

/* _____________________________________________________________
	As with most projects on the web, the beatifying of the
	webpage is done through the Cascading Style Sheets (CSS). 
	Below is the one used in the demos contained in this webpage.
   _____________________________________________________________ */

/* - - - - - - - - - - - - - - - - - - - - -
		Modal Overlay
- - - - - - - - - - - - - - - - - - - - - - */

#simplemodal-overlay { background-color:#000; }

/* - - - - - - - - - - - - - - - - - - - - -
		Gallery Container
 - - - - - - - - - - - - - - - - - - - - - - */
#flickrGallery .flickrGalleryCntr {
    background: url('images/gallery-wood.jpg') center center no-repeat;
	padding: 10px;
	   -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
            border-radius: 10px;
    height: 230px;
}
#flickrGallery .flickrGalleryHeader { display: none; }

#flickrGallery.simplemodal-data .flickrGalleryCntr {
	position: relative;
	width: 840px;
	height: 540px;
}
#flickrGallery.simplemodal-data .flickrGalleryHeader  { display: block; }

#flickrGallery .flickrGalleryCntr h3 {
    font-family: AdelleBasicBold, georgia;
    color: #000;
    opacity: 0.65;
    text-shadow: 0 1px 0 #ccc;
    margin: 0 0 10px;
}
#flickrGallery.simplemodal-data .flickrGalleryCntr h3 { display: none; }

.flickrGalleryCntr img {
	border:0 none;
}

/* - - - - - - - - - - - - - - - - - - - - -
		album containers
 - - - - - - - - - - - - - - - - - - - - - - */
.flickrGalleryAlbum {
	width: 200px;
	overflow: hidden;
	height: 100%;
	float: left;
	padding: 5px;
	margin: 0 10px 10px 0;
    background: #fff;
}
.flickrGalleryAlbum img {
    max-width: 200px;
    overflow: hidden;
}

/* - - - - - - - - - - - - - - - - - - - - -
		Images Container
 - - - - - - - - - - - - - - - - - - - - - - */
.flickrGalleryImages {
	height: 500px;
	margin-top: 30px;
}
.flickrGalleryImageContainer {
    width: 500px;
    height: 500px;
}
.flickrGalleryImageView {
    width: 500px;
    height: 500px;
    padding: 5px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    background: url('images/gallery-dark.jpg') center center no-repeat;
       -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
            border-radius: 3px;
       -moz-box-shadow: inset 0 0 25px #111;
    -webkit-box-shadow: inset 0 0 25px #111;
            box-shadow: inset 0 0 25px #111;
    
}
.flickrGalleryImageView img {
    display: inline;
}

/* - - - - - - - - - - - - - - - - - - - - -
		Image Navigation buttons
 - - - - - - - - - - - - - - - - - - - - - - */
.flickrGalleryImageMenu {
	width: inherit;
	position: absolute;
	right: 0;
	height: 510px;
}

.flickrGalleryImageMenu a {
	color: #fff;
	width: 100%;
}

.flickrGalleryHeader {
	background: #aaa url('images/gallery-header.jpg') top center no-repeat;
	color: #333;
	position: absolute;
	height: 30px;
	top: 0;
	left: 0;
	right: 0;
	   -moz-box-shadow: 0 2px 2px #916537, inset 0 1px 0 #eee;
    -webkit-box-shadow: 0 2px 2px #916537, inset 0 1px 0 #eee;
            box-shadow: 0 2px 2px #916537, inset 0 1px 0 #eee;
	   -moz-border-radius-topleft:   10px;
	   -moz-border-radius-topright:  10px;
	-webkit-border-top-left-radius:  10px;
	-webkit-border-top-right-radius: 10px;
            border-top-left-radius:  10px;
            border-top-right-radius: 10px;
}
.flickrGalleryImageMenuButtons {
	width: 510px;
	position: absolute;
	left: 10px;
}
.flickrGalleryImageMenuImgCount {
    position: absolute;
    text-align: center;
    left: 50%;
    margin-left: -50px;
    top: 7px;
    width: 100px;
    font-family: Helvetica, Arial;
    font-size: 14px;
    font-weight: bold;
}
.flickrGalleryImageMenuImgCount em {
    font-family: Georgia;
    font-size: 12px;
    font-weight: normal;
}

.flickrGalleryImageMenuButtons a, .flickrGalleryImageMenuExtras a {
    position: absolute;
    height: 30px;
    text-indent: -99999px;
    width: 18px;
}
.flickrGalleryImageMenuButtonsPrev {
    left: 0;
    background: url('images/gallery-icon-left.png') center left no-repeat;
}
.flickrGalleryImageMenuButtonsNext {
    right: 0;
    background: url('images/gallery-icon-right.png') center right no-repeat;
}

.flickrGalleryImageMenuExtras a {
    right: 10px;
    background: url('images/gallery-icon-close.png') center right no-repeat;
}


/* - - - - - - - - - - - - - - - - - - - - -
		Thumbnails images
 - - - - - - - - - - - - - - - - - - - - - - */
.flickrGalleryImageThumbs {
	height: 100%;
	width: 330px;
	overflow: auto;
}
.flickrGalleryImageThumbs ul {
	list-style: none;
}
.flickrGalleryImageThumbs li {
	float: left;
	list-style-image: none;
	list-style-position: inside;
	list-style-type: none;
	display: block;
	padding: 1px;
	opacity: .50;
	-webkit-transition: opacity 0.2s ease-in-out;
	   -moz-transition: opacity 0.2s ease-in-out;
	     -o-transition: opacity 0.2s ease-in-out;
	        transition: opacity 0.2s ease-in-out;
}
.flickrGalleryImageThumbs li:hover {
    opacity: 1;
}

/* - - - - - - - - - - - - - - - - - - - - -
		Loading Message Container
 - - - - - - - - - - - - - - - - - - - - - - */
.flickrGalleryLoading {
	position: absolute;
	text-align: center;
	vertical-align: middle;
	/* z-index: 11; */
	width: 520px;
	opacity: .90;
	filter: alpha(opacity=90);
	color: #fff;
	margin: auto;
	margin-top: 30%;
	font-size: large;
	font-weight: 900;

}

/*
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 *
 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
 * may not operate correctly without them.
 */

.jspContainer {
	overflow: hidden;
	position: relative;
}

.jspPane {
	position: absolute;
}

.jspVerticalBar {
	position: absolute;
	top: 0;
	right: 3px;
	width: 5px;
	height: 100%;
	background: transparent;
}

.jspHorizontalBar {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 16px;
	background: transparent;
}

.jspVerticalBar *,
.jspHorizontalBar * {
	margin: 0;
	padding: 0;
}

.jspCap {
	display: none;
}

.jspHorizontalBar .jspCap {
	float: left;
}

.jspTrack {
	background: transparent;
	position: relative;
}

.jspDrag {
	background: #aaa;
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer;
	   -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
            border-radius: 3px;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag
{
	float: left;
	height: 100%;
}

.jspArrow {
	background: #50506d;
	text-indent: -20000px;
	display: block;
	cursor: pointer;
}

.jspArrow.jspDisabled {
	cursor: default;
	background: #80808d;
}

.jspVerticalBar .jspArrow {
	height: 16px;
}

.jspHorizontalBar .jspArrow {
	width: 5px;
	float: left;
	height: 100%;
}

.jspVerticalBar .jspArrow:focus {
	outline: none;
}

.jspCorner {
	background: #eeeef4;
	float: left;
	height: 100%;
}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner {
	margin: 0 -3px 0 0;
}

.get-connected {
	margin-left: 10px;
	margin-right: 10px;
}

.signups {
	margin: 0px 10px 30px;
	display: inline-block;
}

.signups p {
	line-height: 28px;
}

.signups-left {
	float: left;
	margin-right: 10px;
}

.signups-right {
	float: right;
	margin-left: 10px;
}

.signup-link {
	background-color: #900;
	color: white;
	margin: 10px 0px 15px;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	padding: 7px;
	cursor: pointer;
	height: 30px;
}