/*

Theme Name: ELI Custom Theme
Theme URI: 
Description: A fully custom theme built for ELI
Author: Tan Ly
Version: 1.0
Template: lablanche

*/

@font-face{ 
	font-family: 'Museo300'; 
	src: url('fonts/Museo300-Regular-webfont.eot'); 
	src: url('fonts/Museo300-Regular-webfont.eot?iefix') format('eot'), 
		url('fonts/Museo300-Regular-webfont.woff') format('woff'), 
		url('fonts/Museo300-Regular-webfont.ttf') format('truetype'), 
		url('fonts/Museo300-Regular-webfont.svg#webfont') format('svg'); 
}
@font-face{ 
	font-family: 'Museo700'; 
	src: url('fonts/Museo700-Regular-webfont.eot'); 
	src: url('fonts/Museo700-Regular-webfont.eot?iefix') format('eot'), 
		url('fonts/Museo700-Regular-webfont.woff') format('woff'), 
		url('fonts/Museo700-Regular-webfont.ttf') format('truetype'), 
		url('fonts/Museo700-Regular-webfont.svg#webfont') format('svg'); 
}

/* WP required CSS */
.aligncenter { display:block; margin:0 auto; }
.alignleft { float:left; }
.alignright { float:right; }
.wp-caption { }
.wp-caption-text{ }
.gallery-caption{}
.sticky{}
.bypostauthor{}

* { margin:0; padding:0; }

/* reset */

.clear-both { clear:both; }
.image-hide { display:inline-block; text-indent:100%; overflow:hidden; white-space:nowrap; }

b, strong { font-face:Museo700; }



body { text-align:center; background:#004a7c url("images/body.jpg") no-repeat top center; font-family:Museo300; }

#bodycap { height:10px; width:1200px; background:white; margin:0 auto; }
#header { width:1200px; display:table; margin:0 auto; height:122px; text-align:left; }
#logo { width:14.8936170212766%; height:122px; float:left; position:relative; margin-left:40px; }
#logo img { position:absolute; left:13px; z-index:100;}
#branding-box { width:76.5957446808511%; float:left; position:relative; color:#fff; }
#titling { height:85px; position:relative; top:26px; left:8px;  }
#titling .project { font:normal 31px Museo700; }

#navigation { position:relative; left:8px; top:3px; background:transparent url("images/navigation-left.png") no-repeat left bottom; height:34px; }
#navigation ul.menu > li { float:left; list-style-type:none; margin-left:8px; position:relative; }
#navigation ul.menu > li:last-child { background:transparent url("images/navigation-right.png") no-repeat right bottom; height:34px; }
#navigation ul.menu > li:first-child { margin-left:0; }
#navigation ul.menu > li > a { color:#fff; text-decoration:none; background-color:#30c3e6; display:inline-block;  padding-right:30px; }
#navigation ul.menu > li > a:hover { background-color:#0e96b6; }

#navigation ul.menu > li > ul { display:none; }
#navigation ul.menu > li:hover > ul { display:block; position:absolute; z-index:200; background-color:#30c3e6; }
#navigation ul.menu > li ul li { list-style-type:none; }
#navigation ul.menu > li ul li a { display:block; border-top:1px solid #fff; text-decoration:none; color:#fff; white-space:nowrap; padding:3px 8px; }
#navigation ul.menu > li ul li a:hover { background-color:#0e96b6; }
#navigation ul.menu > li:hover > a { background-color:#0e96b6; }

#mailing-list-submit { background-color:#3f7871; color:#fff; border:1px solid #fff; width:60px; font:bold 12px Museo300,serif; padding:2px; }

#slider { width:1200px; height:497px; margin:0 auto; background:transparent url("images/slider.png") no-repeat center center; text-align:center; position:relative; }
#slider-region { position:absolute; bottom:22px; right:50px; color:#fff; width:530px; z-index:100; text-align:left; font-size:13px; }
#slider-region h3 { font:normal 18px Museo700; }
#a5window { width:1200px; overflow:hidden; position:relative; margin:0 auto; }
#a5window ul { height:497px; width:25000px; overflow:hidden; white-space:nowrap; text-align:left; position:relative; }
#a5window > ul > li { list-style-type:none; width:1200px; float:left; }
#a5window_navigation { position:absolute; right:55px; top:10px; z-index:100; }
#a5window_navigation li { list-style-type:none; line-height:0; }
#a5window_navigation a { background:transparent url("images/slider-button.png"); display:inline-block; height:8px; width:8px; color:#fff; font-size:1px; margin-top:4px; line-height:20px; text-decoration:none; overflow:hidden; text-indent:100%; white-space:nowrap; outline:0; }
#a5window_navigation li.active a { background-image:url("images/slider-button-active.png"); background-color:transparent; }
#slyder-credit { position:absolute; z-index:100; color:#fff; bottom:10px; left:10px; font-size:11px; }

#page-banner { height:179px; width:1200px; background:transparent url("http://eli-ocean.org/gulf/files/Website-Banner.jpg") no-repeat top center; margin:0 auto; }

#rails, #page-content { width:1200px; margin:0 auto; background:transparent url("images/rails.png") repeat-y; text-align:center;}

#rails .rails-content, #page-content .page-content { overflow:hidden; background-color:#fff; min-height:1px; width:1170px; margin:0 auto; text-align:left; padding-left: 15px; padding-right: 15px;}
#rails #sidebar { width:390px; display:table-cell; vertical-align:top; min-height:200px;}
#rails .rails-column { width:390px; display:table-cell; vertical-align:top; min-height:200px; border-right:1px solid #46857d; }
#rails .rails-column > div { padding:0 10px 30px 10px; font:normal 13px Museo300, sans-serif; }
#rails .rails-column p { margin-top:4px; }
#rails .rails-column h3 { font:normal 17px Museo700; color:#46857d; margin-top:24px; }
#rails .rails-column h4 { font:normal 13px Museo700; color:#000; margin-top:20px; }
#rails .rails-column .boximage { display:block; margin:0 auto; }

#page-content .content { width:800px; display:table-cell; vertical-align:top; font-size:9pt; }
#page-content .no-sidebar { width:1200px; }
#page-content .content > div { padding:0 10px 30px 10px; }
#page-content .content p { padding:10px 0; font-size:11pt; line-height:15pt; }
#page-content .content h2 { padding-top:30px; font:normal 26px Museo700; color:#004a7c; }
#page-content .content h3 { padding-top:30px; font:normal 18pt Museo700; color:#004a7c; }
#page-content .content h4 { padding-top:30px; font:bold 14pt Museo700; color:#004a7c; }
#page-content .content ul li { margin-left:35px; margin-right:35px;}
#page-content #sidebar { width:400px; border-right:0px solid #46857d; min-height:200px; display:table-cell; vertical-align:top; }
#page-content #sidebar > div { font-size:14px; padding:0 10px 30px 10px; }
#page-content #sidebar > div > ul > li { margin-top:28px; }
#page-content #sidebar > div > ul > li:first-child { margin-top:0;}
#page-content #sidebar  li { list-style-type:none; }
#page-content #sidebar h3 { font-size:18px; color:#46857d; }

.staff-card { display:table; font-size:12px; margin-top:15px; }
.staff-card > div { display:table-cell; vertical-align:top; }
.staff-card .photo { width:8.6170212765957%; padding-right:14px; }
.staff-card .photo span { display:inline-block; height:89px; width:8.6170212765957%; background-color:#004a7c; }
.staff-card .info { width:17.5531914893617%; }
.staff-card .description { width:25.2127659574468%; }


#sidebar .mt28 { margin:28px 0 0 10px; }
#sidebar .follow-us a { color:#000; text-decoration:none; font-size:15px; }
#sidebar h3 { color:#46857d; font:normal 17px Museo700; }
#sidebar .follow-us { margin:8px 0 0 10px; }
#sidebar a.facebook-icon { height:31px; width:30px; background:transparent url("http://eli-ocean.org/gulf/files/fbicon-e1497024485958.png") no-repeat; vertical-align:middle; margin-right:8px; }
#sidebar a.twitter-icon { height:30px; width:30px; background:transparent url("http://eli-ocean.org/gulf/files/twittericon-e1497024752233.png") no-repeat; vertical-align:middle; margin-right:8px; }
#sidebar-join { width:113px; height:26px; display:inline-block; background:transparent url("images/sidebar-join-eli.png") no-repeat; margin-left:4px; }
#sidebar-donate { width:112px; height:26px; display:inline-block; background:transparent url("images/sidebar-donate.png") no-repeat; margin-left:2px; }

#sidebar-faqs { font:normal 12px Museo300; }
#sidebar-faqs p { padding-right:8px; margin-top:8px; }

#lablanche-twitter, .tweet { font:normal 12px Museo300; padding:0 10px; }
#lablanche-twitter .lablanche-tweet { margin-top:12px; }
#lablanche-twitter .lablanche-tweet:first-child { margin-top:4px; }
#lablanche-twitter .lablanche-tweet-date { font:italic 10px Museo300; color:#66c; padding-top:3px; }

.tweet li { list-style-type:none; margin:10px 0; }

#footer { width:1200px; height:215px; margin:0 auto; background:#30C3E6; position:relative; text-align:center; color:#fff; font-size:12px;}
#footer > div { overflow:hidden; width:1200px; height:210px; position:relative; top:4px; margin:0 auto; text-align:left; padding-top:0px;}
#footer > div > div { float:left; height:210px; }
#footer strong { font-size:9px; }
#footer-logo { width:80px; }
	#footer-logo a { display:inline-block; width:80px; height:143px; background:transparent url("images/footer-logo.png") no-repeat 100% 22px; }
#footer-about { width:240px; }
	#footer-about > div { padding:22px; }
#footer-contact { width:170px; }
	#footer-contact > div { padding-top:22px; }
#footer-mailing-list { width:230px; }
	#footer-mailing-list > div { padding-top:22px; }
	#footer-mailing-list form  div { position:relative; color:#000; font:bold 10px Museo300,sans-serif; margin-top:8px; }
	#footer-mailing-list form label { position:absolute; top:4px; left:4px; }
	#footer-mailing-list input[type=text] { border:0; width:200px; height:20px; }
#footer-links { width:140px; }
	#footer-links > div { padding-top:22px; }
	#footer-links a { color:#fff; display:block; margin-top:18px; }
	#footer-links a:first-child { margin-top:0; }

#footer-cap { width:1200px; height:16px; background-color:transparent; margin:0 auto; font:normal 11px sans-serif; color:#fff; }
#footer-cap a { text-decoration:none; color:#fff; }