/*   
Theme Name: French & Webb Website Theme
Description: French & Webb Custon Wordpress MU Theme
Author: Pica Design, LLC
Author URI: http://www.picadesign.com
*/

Body {
	background-color: rgb(1,110,153) ;
}
a {
	color: rgb(255,255,255) ;
	outline: none !important;
}
h1, h2, h3 {
	display: inline ;
	font-family: Arial, Helvetica, sans-serif ;
}
h1 {
	font-size: 20px ;
}
h2 {
	font-size: 18px ;
	color: rgb(0,150,210) ;
}
	h2 a {
		color: rgb(0,150,210) ;
		text-decoration: none ;
	}
	h1.highlight, h2.highlight, h1.highlight a ,h2.highlight a {
		color: rgb(255,255,255) ;
		font-family: Georgia, "Times New Roman", Times, serif ;
		font-weight: normal ;
	}
	#SiteContainer {
		display: block ;
		margin: 20px auto 0 auto ;				
		width: 1015px ;
	}
		#SiteLogo {
			position: relative ;
			z-index: 5 ;
			margin: 0 0 -130px -10px ;
			width: 217px ;
			height: 139px ;
		}
		#SiteLayoutTop {
			position: relative ;
			z-index: 0 ;
			background: url(media/layout/Layout-Top.png) no-repeat ;
			height: 30px ; 
		}
		#SiteLayoutMiddle {
			position: relative ;
			z-index: 0 ;
			background: url(media/layout/Layout-Middle.png) repeat-y ;
			padding-left: 28px ;
			padding-right: 28px ;
			padding-bottom: 20px ;
			overflow: hidden ;
		}
			#ClientLogin {
				float: left ;
				margin-left: 180px ;
			}
				#ClientLogin a {
					color: rgb(255,255,255) ;
					text-decoration: none ;
					font-family: Arial, Helvetica, sans-serif ;
					font-size: 10px ;
				}
			#SiteNavigation {
				float: right ;
				margin-top: -3px ;  /* FIX: Weird issue where this div is 3px lower than the client login */
				color: rgb(150,150,150) ;
			}
				#SiteNavigation ul {
					display: inline ;
				}
					#SiteNavigation ul li {
						float: left ;
						list-style: none ;
					}
						#SiteNavigation a {
							color: rgb(150,150,150) ;
							text-decoration: none ;
							font-family: Arial, Helvetica, sans-serif ;
							font-size: 12px ;
							margin-left: 10px ;
							margin-right: 10px ;
						}
						#SiteNavigation .current_page_item a, #SiteNavigation .current_page_parent a {
							color: rgb(240,240,240) ;
							
						}
							#SiteNavigation .current_page_item a span, #SiteNavigation .current_page_parent a span {
								color: rgb(110,110,110) ;
							}
			#SiteContent {
				float: left ;
				padding-top: 5px ;
				color: rgb(255,255,255) ;
			}
				#SlideShow img, .masthead {
					border-top: 1px solid rgb(255,255,255) ;
					border-bottom: 1px solid rgb(255,255,255) ;
				}
				#SubContent {
					font-family: Georgia, "Times New Roman", Times, serif ;
					font-weight: normal ;
					font-size: 14px ;
					color: rgb(255,255,255) ;
					padding: 20px ;
				}
					.alignleft {
						float: left ;
						margin-right: 20px ;
					}
					.aligncenter {
						display: block ;
						margin: 0 auto 0 auto ;
					}
					.alignright {
						float: right ;
						margin-left: 20px ;
					}
					#Copy {
						float: left ;
						width: 500px ;
						border-right: 2px dotted rgb(255,255,255) ;
						height: 90px ;
						/*padding-top: 30px ;*/
						padding-left: 0px ;
					}
						#Copy p {
							margin: 0px ;
						}
						#Copy h1 {
							font-family: Georgia, "Times New Roman", Times, serif ;
							font-size: 23px ;
							font-weight: normal ;
						}
						
					#BlogRoll {
						float: left ;
						width: 370px ;
						margin-left: 30px ;
						line-height: 200% ;
					}
						#BlogRoll a {
							color: rgb(0,150,210) ;
							text-decoration: none ;
						}
					.Projects {
						padding-left: 0px !important;	
					}
					#Projects, #NewsPosts {
					}
						.ProjectsLog, #NewsPosts {
							float: left ; 
							width: 600px ;
							border-right: 2px dotted rgb(255,255,255) ;
						}
							#Projects .post {
								width: 917px ;
							}
							#Projects .post {
								float: left ;
								border-bottom: 10px solid rgb(1,88,122) ;
								padding: 15px 20px 10px 20px ;
							}
							.ProjectsLog .post {
								width: 600px ;
								float: left ;
							}
								.ProjectsLog .post.post-bottom {
									padding-left: 0px !important;
								}
								.ProjectsLog .post p, .ProjectsLog .post-bottom p {
									width: 600px ;
								}
								.post-bottom {
									border-bottom: 0px !important;	
								}
							p {
								line-height: 150% ;
							}
							#NewsPosts {
								width: 550px ;
							}
						#Projects img, #NewsPosts img { 
							border: 0px ;
						}
						#Projects .date, #NewsPosts .date {
							font-size: 12px ;
							color: rgb(150,150,150) ;
						}
						#Projects #pagination {
							float: left ;
							width: 95% ;
							padding: 0 0 0 17px ;
						}
						#Projects #pagination a, #NewsPosts #pagination a {
							color: rgb(200,200,200) ;
							text-decoration: none ;
						}
					#ProjectPosts, #NewsSideBar {
						margin-left: 20px ;
						padding: 10px ;
						float: left ;
						line-height: 200% ;
					}
						#ProjectPosts a, #NewsSideBar a {
							color: rgb(0,150,210) !important;
							text-decoration: none ;
						}
					
		#SiteLayoutBottom {
			background: url(media/layout/Layout-Bottom.png) no-repeat ;
			height: 63px ;
		}
			#SiteContactInfo {
			}
				#Copyright {
					float: left ;
					margin: 7px 0 0 40px ;
					color: rgb(0,0,0) ;
					font-family: Georgia, "Times New Roman", Times, serif ;
					font-size: 12px ;
				}
				#Address {
					float: right ;
					margin: 7px 40px 0 0 ;
					color: rgb(255,255,255) ;
					font-family: Arial, Helvetica, sans-serif ;
					font-size: 12px ;
				}
			#FooterNavigation {
				float: left ;
				width: 100% ;
			}
				#FooterNavigation ul {
					display: block ;
					margin: 20px 0 0 170px ;
				}
					#FooterNavigation ul li {
						float: left ;
						list-style: none ;
					}
						#FooterNavigation a {
							color: rgb(0,0,0) ;
							text-decoration: none ;
							font-family: Arial, Helvetica, sans-serif ;
							font-size: 12px ;
							margin-left: 10px ;
							margin-right: 10px ;
						}
		
		/* NGG GALLERY VIEW CSS */
		.ngg-galleryview {
			float: right ;
			border: 1px solid rgb(255,255,255) ;
			background-color: rgb(40,40,40) ;
			padding: 5px 0 5px 0;
			margin: 10px ;
		}
			.galleryview {
				height: 250px !important ;
			}
			.panel {
					padding-top: 0px !important;
					background-color: rgb(40,40,40) !important;
					height: 200px !important;
				}
					.panel img {
						width: auto !important;
						height: 200px !important;
						display: block ;
						margin: 0 auto 0 auto ;
					}
				.panel-overlay {
					padding-top: 10px !important ;
				}
				.overlay {
					display: none ;
				}
				.panel-overlay h2 {
					display: inline ;	
					display: none ;
				}
				.panel-overlay p {
					display: none ;
					margin-top: 2px ;
				}
				.strip_wrapper {
					left: 25px !important;
					padding-left: 0px !important;
					top: 200px !important;
					width: 400px !important;
				}
				.nav-prev, .nav-next {
					display: none ;
				}
		
		/* PROJECTS CSS */
		#Categories {
			position: relative ;
			margin-top: -40px ;
			z-index: 3 ;
			margin-left: -1px ;
		}
		#Categories ul {
			display: inline ;
		}
			#Categories ul li {
				position: relative ;
				float: left ;
				margin-right: -20px ;
				width: 214px ;
				height: 30px ;
				list-style: none ;
				background: url(media/layout/Tab.png) no-repeat;
				padding: 10px 0 0 0 ;
				text-align: center ;
			}
				#Categories ul .current-cat {
					position: relative ;
					background: url(media/layout/Tab_Active.png) no-repeat;							
					z-index: 11 !important;
					height: 44px ;
				}
				#Categories ul li a {
					font: Arial, Helvetica, sans-serif ;
					color: rgb(255,255,255) ;
					text-decoration: none ;
				}
		
		/* LINKS CSS */
		#links {
			float: left ;
			width: 550px ;
			margin-left: 15px ;
		}
		#link-photos {
			float: left ;
			width: 300px ;
			margin-left: 40px ;
		}
			#link-photos img {
				margin-bottom: 10px ;
			}
		
		/* SITE REQUIREMENTS CSS */
		.browsers {
			margin-bottom: 40px ;
		}
		.browsers img {
			border: 0px ;
			margin-top: 10px ;
			margin-bottom: -25px ;
			margin-right: 10px ;
		}
		.browsers a {
			text-decoration: none ;
		}