/*
Theme Name: BC Strutters
Theme URI: http://bcstrutters.org/
Description: The Bridge City High School Strutters Theme.
Version: 2.0
Author: Ryan Riley
Author URI: http://panesofglass.org/
Tags: flexible, two columns, widgets

	This theme was designed by Julie Riley (http://jrileycreative.com/)
        and built by Ryan Riley, whose blog you will find at
        http://panesofglass.org/

*/

@import url('stylesheets/reset.css');
@import url('stylesheets/type.css');

body {
	min-width:86.0em;
	color:#353132;
	}
	div#branding, div#toc, div#content, div#site_info {
		margin:0;
		width:100%;
		background-color:#fff;
		}
		div#branding h1, div#site_info div#copy,
		div#main_toc ul, div#index ul,
		div#content div#content_area,
		div#content div#main_content.post {
			margin:0 auto;
			width:86.0em;
			}
	div#branding {
		background: #fff url('images/branding_background.jpg') repeat-x left bottom;
		height:15.0em;
		}
		div#branding h1 { }
			div#branding h1 a {
				display:block;
				position:relative;
				top:3.0em;
				left:0;
				background:url('images/logo.png') no-repeat left center;
				height:14.1em;
				width:62.6em;
				text-indent:-9999px;
				}
	div#toc { }
		div#main_toc, div#index {
			background:#500 url('images/nav_background.jpg') repeat-y center bottom;
			height:2.4em;
			}
			div#main_toc ul, div#index ul {
				text-align:left;
				padding-left:20.0em;
				}
				div#main_toc ul li {
					position:relative;
					top:0.2em;
					display:inline;
					margin:0 2.0em 0 0;
					}
					div#main_toc ul li {
						font-size:1.4em;
						line-height:1.2em;
						}
						div#main_toc ul li a:link,
						div#main_toc ul li a:visited {
							color:#fff;
							-moz-opacity:0.6;	/* Mozilla extension */
							-khtml-opactiy:0.6;	/* Konqueror extension (Safari 1.1) */
							opacity:0.6;		/* The correct CSS3 syntax */
							text-decoration:none;
							}
						div#main_toc ul.about li.about a,
						div#main_toc ul.news li.news a,
						div#main_toc ul.calendar li.calendar a,
						div#main_toc ul.gallery li.gallery a,
						div#main_toc ul.bootsters li.bootsters a,
						div#main_toc ul.contact li.contact a,
						div#main_toc ul li a:active,
						div#main_toc ul li a:hover {
							color:#fff;
							-moz-opacity:1.0;	/* Mozilla extension */
							-khtml-opactiy:1.0;	/* Konqueror extension (Safari 1.1) */
							opacity:1.0;		/* The correct CSS3 syntax */
							text-decoration:none;
							}
	div#content {
		overflow:hidden;
		}
	div#content.feature {
		background-color:#000;
		}
		div#content h2.pagetitle {
			font-size:2.4em;
			line-height:2.4em;
			color:rgb(237,28,36);
			padding-left:20.0em;
			}
		div#content div#breadcrumb,
		div#content div#breadcrumb a {
			color:rgb(237,28,36);
			text-decoration:none;
			}
			div#content div#breadcrumb span.current {
				color:#353132;
				}
		.edit { }
			.edit a:link, .edit a:visited,
			.edit a:active, .edit a:hover {
				color:#00f;
				text-decoration:none;
				}
		div#content div#content_area,
		div#content div#main_content.post {
			position:relative;
			padding-left:20.0em;
			}
			div#content div#content_area div#main_content,
			div#content div#content_area ul#main_content {
				width:48.8em;
				padding:0 1.6em 0.6em 0;
				border-right:0.1em #353132 solid;
				}
			div#content div#content_area ul#main_content.galleries,
			div#content div#content_area div#main_content.single {
				width:74.0em;
				border:0;
				}
				div#main_content div#featureimg {
					padding:0.8em 0 0 0;
					}
					div#featureimg img {
						height:28.4em;
						width:42.6em;
						border:0.2em #aaa solid;
						}
					div#featureimg p.caption {
						margin:0.4em 7.8em 0 0;
						color:#fff;
						text-align:center;
						}
						div#featureimg p.caption span.title {
							text-transform:uppercase;
							font-weight:bold;
							font-size:1.2em;
							line-height:1.2em;
							}
						div#featureimg p.caption span.period {
							font-style:italic;
							font-weight:bold;
							font-size:1.2em;
							line-height:1.2em;
							}
				ul#main_content li { }
					div#main_content div.post,
					ul#main_content li.post,
					ul#main_content h2 {
						margin:0 1.2em 0 0;
						}
						ul#main_content h2 span {
							font-size:2.4em;
							line-height:2.4em;
							color:rgb(237,28,36);
							}
						.post {
							padding-bottom:2.4em;
							}
						ul#main_content.galleries li.post {
							float:left;
							width:30%;
							}
							.post h2 {
								font-size:2.4em;
								line-height:2.4em;
								color:rgb(237,28,36);
								}
							.post h3 {
								display:block;
								height:5.2em;
								}
								.post h3 a {
									font-size:2.0em;
									line-height:1.2em;
									}
									.post h3 a:link, .post h3 a:visited,
									.post h3 a:active, .post h3 a:hover {
										color:#353132;
										text-decoration:none;
										}
							.post .edit {
								font-size:1.2em;
								line-height:1.2em;
								}
							.post small {
								font-size:1.2em;
								line-height:1.2em;
								}
							.post .entry {
								text-align:left;
								}
								.post .entry h4 {
									font-size:1.6em;
									line-height:1.6em;
									color:rgb(237,28,36);
									}
								.post .entry p {
									font-size:1.4em;
									line-height:1.2em;
									padding-bottom:1.2em;
									}
								.post .entry img {
									padding: 0.6em;
									}
								.post .entry div.gallery { }
									.post div.gallery dl.gallery-item {
										display:none;
										}
									.post div.gallery dl.gallery-item:first-child {
										display:block;
										background:#fff url('images/gallery_bkgd.jpg') no-repeat;
										height:16.0em;
										width:20.2em;
										padding-top:0.4em;
										}
									div#main_content.single .post div.gallery dl.gallery-item,
									div#main_content.single .post div.gallery dl.gallery-item:first-child {
										display:block;
										background:none;
										text-align:left;
										width:33%;
										padding:0;
										}
										div#main_content.single .post div.gallery dl.gallery-item img {
											border:0.2em #aaa solid;
											padding:1.0em;
											}
			div#content div#content_area div#sub_content,
			div#content div#content_area ul#sub_content {
				position:absolute;
				top:0;
				left:70.2em;
				}
			div#content div#content_area div#sub_content {
				padding:1.6em 0 0.8em 1.6em;
				}
				div#sub_content h2 {
					font-size:2.4em;
					line-height:2.4em;
					color:rgb(237,28,36);
					}
				div#sub_content p,
				div#sub_content ul li {
					font-size:1.4em;
					line-height:1.2em;
					}
					div#sub_content ul li a:link,
					div#sub_content ul li a:visited {
						color:#353132;
						text-decoration:none;
						}
					div#sub_content ul li a:active,
					div#sub_content ul li a:hover {
						color:rgb(237,28,36);
						text-decoration:none;
						}
				div#sub_content ul[class="related"] { }
					div#sub_content ul[class="related"] li {
						display:block;
						height:12.0em;
						width:18.0em;
						text-align:center;
						}
						div#sub_content ul[class="related"] li a[title="Bridge City Cardinals"] {
							display:block;
							background:url('images/bchs_logo.jpg') no-repeat center top;
							width:18.0em;
							padding-top:8.0em;
							}
						div#sub_content ul[class="related"] li a[title="Bridge City Independent School District"] {
							display:block;
							background:url('images/bcisd_logo.jpg') no-repeat center top;
							width:18.0em;
							padding-top:8.0em;
							}
			div#content.feature div#content_area ul#sub_content {
				background:#000 url('images/sub_content_background.jpg') repeat-y right top;
				width:136em;
				}
				ul#sub_content li { }
					ul#sub_content li h2 a {
						display:block;
						height:6.5em;
						background-repeat:no-repeat;
						background-position:1.0em 1.0em;
						text-indent:-9999px;
						}
					ul#sub_content li#headlines h2 a {
						background-image:url('images/strutter_news.png');
						}
					ul#sub_content li#performances h2 a {
						background-image:url('images/strutter_performances.png');
						}
					ul#sub_content li#fundraisers h2 a {
						background-image:url('images/support_strutters.png');
						}
					ul#sub_content li ul {
						margin:-0.8em 0 0 5.0em;
						height:5.55em;
						overflow:hidden;
						}
						ul#sub_content li ul li {
							border:none;
							}
							ul#sub_content li ul li a {
								color:#444;
								font-size:1.4em;
								line-height:1.2em;
								text-decoration:none;
								}
	div#site_info {
		position:relative;
		background: #fff url('images/site_info_background.jpg') repeat-x left top;
		height:28.7em;
		overflow:hidden;
		color:#444;
		}
		div#index { }
			div#index ul { }
				div#index ul li {
					position:relative;
					top:2.8em;
					display:inline;
					margin:0 0.2em 0 0;
					}
					div#index ul li a {
						color:#444;
						font-size:1.1em;
						text-decoration:none;
						}
					div#index ul li:after {
						content:"|";
						margin-left:0.2em;
						}
					div#index ul li:last-child:after {
						content:none;
						}
		div#site_info div#copy { }
			div#copy p {
				padding:0.4em 0 0.4em 54.8em;
				font-size:1.1em;
				}