@charset "UTF-8";
/*
Theme Name: Frankling Square - Look Inside The Square
Theme URI: http://www.lookinsidethesquare.org
Description: Frankling Square LITS microsite
Version: 1.0
Author: Al Yukna
Author URI: http://www.gkv.com/

----> NOTE: Wordpress's default CSS structure is horrible. This seeks to reset, then establish some base rules...then, in Structure, 
define those elements relevent to a given Structure "area" specific CSS declaration needed in only that area...CASCADE down through the elements
needing styling as they apppear both symentically and visually. Simple, right?


----> BRAND FONTS + COLORS:
		FONT: Define Brand Fonts Here
		COLORS: 
			- NAV: #d0e2f0 (Blue Gray)
			- NAV ACTIVE: #22659a (Blue) / BG: #f3d43c (Yellow)
			- LINKS: #adcde6 (Light Blue) 
			- HEADERS: #002d69 (Dark Blue)
			- TEXT: #333
			
----> STRUCTURE OVERVIEW:
		This Template seeks to be 980px wide, centered with auto height / 2 column with Sidebar on right side
			


LEGEND:
1. REST ALL HTML ELEMENTS (meyerweb.com version)
2. BASE TYPOGRAPHY
3. STRUCTURE: Header, Breadcrumbs, Content, Sidebar (Right), Footer


*/



/* ---------- RESET ALL HTML ELEMENTS ---------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1em;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* ---------- /RESET ALL HTML ELEMENTS ---------- */





/* ---------- BASE TYPOGRAPHY ---------- */
body {
	font-size: 14px; /* Resets 1em to 12px */
	font-family: Arial, Helvetica, Sans-Serif;
	color: #333;
	line-height: 1.1em;
}
h1, h2, h3 {
	font-weight: bold;
	color: #f3d43c;
}

	h2 {
		font-size: 1.6em;
		margin: 0px 0 0 0;;
		padding-bottom: 6px;
		margin: 12px 0 20px 0;
		border-bottom: 1px solid blue;
	}
	h3 {
		font-size: 1.3em;
		margin: 12px 0 20px 0;
	}
p {
	font-size: 1em;
	line-height: 1.1em;
	margin-bottom: 1.1em;
}

a {
	color: #f3d43c;
	text-decoration: none;
}
	a:hover {
		text-decoration: underline;
	}
	a img {
		border: none;
	}
	
small {
	font-size: 0.9em;
	line-height: 1.5em;
	color: #777;
}
blockquote, strike {
	color: #777;
}
blockquote {
	margin: 1.1em 0 1.1em 40px;
	border-left: 1px solid #333;
	padding-left: 12px;
}
	blockquote cite {
		margin: 5px 0 0;
		display: block;
	}	
code {
	font: 1.1em 'Courier New', Courier, Fixed;
}
acronym, abbr, span.caps {
	font-size: 0.9em;
	letter-spacing: .07em;
}

	
	/* ---------- BASE CLASSES ---------- */

	
	.hidy {
		display: none;
	}
	.clear {
		clear: both;
	}
	
	.alt {
		background-color: #f8f8f8;
		border-top: 1px solid #ddd;
		border-bottom: 1px solid #ddd;
	}
	.center {
		text-align: center;
		}
	
	.hidden {
		display: none;
	}
	
	/* ---------- /BASE CLASSES ---------- */
	


/* ---------- /BASE TYPOGRAPHY ---------- */




/* ---------- STRUCTURE ---------- */

	/* ---------- BODY ---------- */
	body {
		text-align: center;
		background: url('images/tiles/lits_main_bg_tile.jpg') #f6f0d6 repeat-x;
	}
	/* ---------- /BODY ---------- */

	/* ---------- CONTAINER ---------- */
	div#container {
		margin-left: auto;
		margin-right: auto;
		width: 979px;
	}
	#container {
		width: 979px;
		height: auto;
		overflow: hidden;
		border-right: 1px solid #c2bda0;
		background: url("images/tiles/lits_content_tile.jpg") 0 0 repeat-x #012a62;
	}
	/* ---------- /CONTAINER ---------- */

	/* ---------- HEADER ---------- */
	#header {
		position: relative;
		display: block;
		
		height: 126px;
		width: 100%;
		padding: 0 0 0 0;
		margin: 0 0 0 0;
		background: url('images/tiles/lits_header_tile.jpg') #FFF 0 0 no-repeat;
	}
	
		#header h1 {
	
		}
		#header h1 a  {
			z-index: 99;
			position: relative;
			display: block;
			float: left;
		}
	
		
		/* HEADER NAV + SEARCH */
		#header ul#nav {
			z-index: 99;
			position: relative;
			display: block;
			float: left;
			width: auto;
			height: 28px;
			list-style: none;
			margin: 89px 0 0 18px;
			padding: 0px 0 0 0px;
		}
			#header ul#nav li {
				float: left;
				padding: 0 0px 0 0px;
				margin: 0 0 0 0;
				/*background: url('images/nav/nav_pipe.jpg') right no-repeat;*/
			}
				#header ul#nav li a {
					font-size: 1em;
					display: block;
					float: left;
					height: 28px;
					padding: 0 0 0 0;
					margin: 0 0 0 0;
				}
					/* NAV HOVER PROPERTIES + DEFAULT WORDPRESS ACTIVE CLASS NAMES */
					#header ul#nav li a:hover, #header ul#nav li.current_page_item a, #header ul#nav li.current_page_parent a {
						text-decoration: none;	
					}
					
					#header ul#nav li a.nav01 {
						text-indent: -5000px;
						width: 170px;
						background: url("images/buttons/nav_btn1.jpg") 0 0 no-repeat;
					}
						#header ul#nav li a.nav01:hover, #header ul#nav li.current_page_item a.nav01, #header ul#nav li.current_page_parent a.nav01 {
							background-position: 0 -28px;
						} 
						
						#header ul#nav li a.nav02 {
							text-indent: -5000px;
							width: 143px;
							background: url("images/buttons/nav_btn2.jpg") 0 0 no-repeat;
						}
							#header ul#nav li a.nav02:hover, #header ul#nav li.current_page_item a.nav02, #header ul#nav li.current_page_parent a.nav02 {
								background-position: 0 -28px;
							}
							
							#header ul#nav li a.nav03 {
								text-indent: -5000px;
								width: 255px;
								background: url("images/buttons/nav_btn3.jpg") 0 0 no-repeat;
							}
								#header ul#nav li a.nav03:hover, #header ul#nav li.current_page_item a.nav03, #header ul#nav li.current_page_parent a.nav03 {
									background-position: 0 -28px;
								}
								
								#header ul#nav li a.nav04 {
									text-indent: -5000px;
									width: 170px;
									background: url("images/buttons/nav_btn4.jpg") 0 0 no-repeat;
								}
									#header ul#nav li a.nav04:hover, #header ul#nav li.current_page_item a.nav04, #header ul#nav li.current_page_parent a.nav04 {
										background-position: 0 -28px;
									}
					
					
		/* SEARCH */
		#header #searchform {
			z-index: 50;
			position: absolute;
			display: block;
			left: 660px;
			top: 30px;
			width: 300px;
			height: 30px;
			margin: 0 0 0 0;
			padding: 5px 20px 3px 5px;
			text-align: right;
		}
	
			#header #sidebar #searchform #s {
				width: 108px;
				padding: 2px;
			}
			
			#header #sidebar #searchsubmit {
				padding: 1px;
			}
			
		
	/* ---------- /HEADER ---------- */
	
	/* ---------- BREADCRUMBS ---------- */	
	#breadcrumbs {
		position: relative;
		display: block;
		width: 100%;
		height: 30px;
		text-align: right;
		padding: 16px 20px 0 0;
		font-size: 1em;
	}
		#breadcrumbs a { padding: 0 10px 0 10px; }
	/* ---------- /BREADCRUMBS ---------- */	
	
	
	
	/* ---------- CONTENT ---------- */
	#content {
		position: relative;
		display: block;
		float: left;
		width: 769px; /* 760 total with L/R padding */
		min-height: 400px;
		padding: 0px;
		margin: 0;
		text-align: left;
		overflow: hidden;
	}
		#content_flash { /* WHEN FLASH IS USED AS STRUCTURE- DEFAULT CONTENT DIV REMAINS WITH FLASH GETTING WRITTNE INTO FLASH DIV */
			position: relative;
			display: block;
			float: left;
			width: 60%;
			min-height: 400px;
			padding: 0;
			margin: 0;
		}
		#content_home { /* HOME FLASH PIECE TAKES UP WHOLE MID SECTION? */
			position: relative;
			display: block;
			float: left;
			width: 60%;
			min-height: 400px;
			padding: 0;
			margin: 0;
		}
		
			/* ---------- CONTENT CLASSES ---------- */	
			
				/* ----> WP DEFAULT: CONTENT > POST ENTRY */
			
			
				/* THESE AREN'T NEEDED- IF WE DON'T NEED THE LEFT SIDEBAR, WE DON'T CALL FOR IT- CONTENT FLOATS LEFT
				.narrowcolumn {
					float: left;
					padding: 0 0 20px 45px;
					margin: 0px 0 0;
					width: 450px;
				}
				.widecolumn {
					padding: 10px 0 20px 0;
					margin: 5px 0 0 150px;
					width: 450px;
				}
				.widecolumn .post {
					margin: 0;
					}
				
				.narrowcolumn .postmetadata {
					padding-top: 5px;
					}
				
				.widecolumn .postmetadata {
					margin: 30px 0;
					}
				
				.widecolumn .smallattachment {
					text-align: center;
					float: left;
					width: 128px;
					margin: 5px 5px 5px 0px;
				}
				
				.widecolumn .attachment {
					text-align: center;
					margin: 5px 0px;
				}
				
				.postmetadata {
					clear: both;
				}
				*/
			/* ---------- POST ---------- */	
			
			.post {
				position: relative;
				display: block;
				float: left;
				margin: 0 0 0 0;
				padding: 0 0 0 0;
			}
			
				.post ol, .post ul {
					list-style: disc;
					margin-left: 40px;
				}
				.post hr {
					display: block;
				}
				
				/* IMAGES IN POSTS - THESE ARE STANDARD WP OUTOUT CLASSES - MUST REMAIN! */
				.post p img, .post h3 img {
					float: left;
					padding: 0;
					max-width: 100%;
					border: 1px solid #002d69;
					}
				
				
				
				.post img.alignright {
					padding: 0px;
					margin: 0 0 2px 7px;
					display: inline;
				}
				
				.post img.alignleft {
					padding: 0px;
					margin: 0 10px 2px 0;
					display: inline;
				}
				
				.post .alignright {
					float: right;
				}
				
				.post.alignleft {
					float: left
				}
				/* /IMAGES */
				
				.entry {
					position: relative;
					display: block;
					float: left;
					width: 450px;
					padding: 40px 30px 20px 20px;
					margin: 0 0 0 0;
				}
				
					.entry h2, .entry h2 a {
						font-size: 1.1em;
						font-weight: normal;
						border-bottom: 4px solid #f3d43c;
					}
						.entry h2 a {
							text-decoration: none;
							border: 0px none;
						}
					
					.entry h3 {
						
					}
					.entry p {
						font-size: 1em;
						line-height: 1.1em;
						margin-bottom: 1.1em;
						color: #FFF;
					}
						
					.entry p a {
						color: #f3d43c;
						text-decoration: none;
					}
					.entry p a:hover {
						text-decoration: underline;
					}
					.entry p a:visited {
						color: #f3d43c;
					}
					
					.entry ul {
						color: #FFF;
						font-size: 1em;
						line-height: 1.1em;
						margin-bottom: 1.1em;
					}
					
					.entry a.btn_request {
						display: block;
						width: 188px;
						height: 32px;
						background: url("images/buttons/btn_request.jpg") 0 0 no-repeat;
						text-indent: -5000px;
					}
						.entry a.btn_request:hover { background-position: 0 -32px; }
			
						.entry a.btn_learnmore {
							display: block;
							width: 108px;
							height: 32px;
							background: url("images/buttons/btn_learnmore.jpg") 0 0 no-repeat;
							text-indent: -5000px;
						}
							.entry a.btn_learnmore:hover { background-position: 0 -32px; }
					
							.entry a.btn_meetteam {
								display: block;
								width: 130px;
								height: 32px;
								background: url("images/buttons/btn_meetteam.jpg") 0 0 no-repeat;
								text-indent: -5000px;
							}
								.entry a.btn_meetteam:hover { background-position: 0 -32px; }
						
								.entry a.btn_breastkit {
									display: block;
									width: 217px;
									height: 32px;
									background: url("images/buttons/btn_breastkit.jpg") 0 0 no-repeat;
									text-indent: -5000px;
								}
									.entry a.btn_breastkit:hover { background-position: 0 -32px; }
							
					
					/* RIGHT CALLOUT */
							.right_callout {
								position: relative;
								display: block;
								float: left;
								overflow: hidden;
								width: 219px;
								padding: 40px 30px 20px 20px;
								margin: 0 0 0 0;
							}
								.right_callout p {
									font-size: 12px;
									color: #FFF;
									width: 150px;
								}
									.right_callout p strong {
										color: #f3d43c;
									}
									
									.right_callout h3 {
										font-size: 14px;
										font-weight: normal;
									
										display: block;
										width: 220px;
										height: 60px;
										
									}
									.right_callout a.coe_dropdown {
										border-top: 4px solid #012a62;
										border-left: 8px solid #012a62;
										display: block;
										width: 213px;
										height: 57px;
										margin: -25px 0 0 0;
										background-color: #012a62;
										
										background: url('images/buttons/btn_dropdown.gif') 0 0 no-repeat;
										overflow: hidden;
									}
							
										
										.right_callout a.coe_dropdown:hover, .right_callout a.coe_dropdown_active {
											display: block;
											width: 213px;
											height: 57px;
											margin: -25px 0 0 0;
											background-color: #012a62;
											text-decoration: none;
											background: url('images/buttons/btn_dropdown.gif') 0 -61px no-repeat;
										}
											.right_callout a.coe_dropdown_active:hover {
												background-position: 0 0;
											}
										
										.right_callout p#coe_dropdown_content {
											display: none;
											padding-left: 12px;
											color: #f3d43c;
											font-size: 12px;
											line-height: 16px;
											width: 225px;
											margin: 0 0 0 0;
										}
											.right_callout p#coe_dropdown_content a {
												color: #FFF;
												text-decoration: underline;
											} 
											.right_callout p#coe_dropdown_content a:hover {
												text-decoration: none;
											}
								
			
	/* ---------- /CONTENT ---------- */
	
	/* ---------- SIDEBAR ---------- */
	#sidebar {
		z-index: 5000;
		position: relative;
		display: block;
		float: left;
		width: 210px; /* 220 total with L/R padding */
		min-height: 400px;
		padding: 0px;
		margin: 0;
		overflow: hidden;
		/*background: url('images/titles/tile.jpg') top repeat-x;*/
		background-color: #012a62;
		font-size: .9em;
		text-align: left;
	}
	
	#sidebar #home_flash {
		display: block;
		position: relative;
		width: 210px;
		text-align: center;
		margin-top: 24px;
		margin-bottom: 6px;
	}
	
	#sidebar form {
		margin: 0;
	}
		#sidebar h3 {
			margin: 0;
			padding: 0;
			border-bottom: 1px solid #002d69;
		}
		
		#sidebar ul, #sidebar ul ol {
			margin: 0;
			padding: 0;
		}
			#sidebar ul {
				
			}
				
				#sidebar ul li {
					display: block;
					width: 210px;
					border-bottom: 1px solid #f3d43c;
					padding: 6px 0 6px 0;
				}
					#sidebar ul li.no_border { border-bottom: 0px none; }
					#sidebar ul li.top_border { border-top: 1px solid #f3d43c; margin-top: 16px; }
					
					
					#sidebar ul li a {
						font-size: 11px;
						padding: 0 0 0px 24px;
					}
						#sidebar ul li a:hover, #sidebar ul li.current_page_item a, #sidebar ul li.current_page_parent a {
							/*background: url('images/misc/sidebar_arrow.jpg') 0 0 no-repeat;*/
							text-decoration: none;
							color: #FFF;
						}
				
				
				/* SIDEBAR - SUB NAV BITS */
				
				#sidebar ul li ul, #sidebar ul li ul li, #sidebar ul li ul li.page_item {
					/*list-style: none inside !important;*/
				}
				#sidebar ul li ul {
					padding: 0;
				}
					#sidebar ul li ul li a {
					
					}
						#sidebar ul li ul li a:hover, #sidebar ul li ul li.current_page_item a, #sidebar ul li ul li.current_page_parent a {
							/*background: url('images/misc/sidebar_arrow.jpg') 0 0 no-repeat;*/
							text-decoration: underline !important;
						}
	
	/* ---------- /SIDEBAR ---------- */
	
	

	/* ---------- FOOTER ---------- */
	#footer {
		position: relative;
		display: block;
		width: 100%;
		height: 29px;
		clear: both;
		text-align: center;
		background-color: blue;
		background: url('images/tiles/lits_footer_tile.jpg') repeat-x #07316d;
	}
		
			#footer ul#footer_nav {
				position: relative;
				display: block;
				float: left;
				width: 100%;
				padding: 12px;
			}
				#footer ul#footer_nav, #footer ul#footer_nav li {
					list-style: none;
					display: inline;
				}
				#footer ul#footer_nav li {
					padding: 0;
				}
				
				#footer ul#footer_nav li a {
					padding: 0 4px 0 4px;
				}
				#footer ul#footer_nav li a:hover, #footer ul#footer_nav li a.active {
					text-decoration: none;
				}
				#footer p {
					margin: 0;
					padding: 8px 0 0 0;
					text-align: center;
					font-size: 11px;
					color: #FFF;
				}
			
	/* ---------- /FOOTER ---------- */
	
	
/* ---------- /STRUCTURE ---------- */