/*  
Theme Name: RACI Project
Theme URI: http://raciproject.org/
Description: Reef Artisan Collaborative Inc.
Version: 0.1
Author: The Himalaya Group
Author URI: http://www.wearehimalaya.com

Note concerning image sizes:

Main image on front page is 593 x 225
Secondary image 293 x 150

*/

* { margin:0; padding:0; }
body { background:rgb(230, 227, 220); color:#111; font-family:arial, helvetica, sans-serif; text-align:center; font-size:12px; }
h1 { font-size:28px; }
h2 { font-size:22px; font-weight:normal; color:#f8931f; }
h3 { font-size:18px; color:#2b2b2b; font-weight:normal; margin-bottom:5px; text-shadow:#fff 0px 1px 0px; }
	.entry h3 { color:#f8931f; text-shadow:#000 0px 1px 0px; }
a { color: #f8931f; outline: none; text-decoration: none; }
a:hover { /* color: #63e3f2; */ text-decoration:underline; }
a img { border: none; }
p { font-size:12px; line-height:18px; margin-bottom:10px; color:#4f4d48; }
ul, ol { list-style: none; }
input, textarea { outline: none; }
input {width:300px; height:15px; border:1px solid #333; padding:5px; margin-bottom:8px;}
textarea {width:450px; height:70px; border: 1px solid #333; padding:5px; max-width:450px; max-height:80px;}
hr {height:1px; background-color:#f8931f; width:93%; border:none; margin:5px 0 15px 0;}
select {width:150px; background-color:#fff; border:1px solid #d5d5d5; margin-bottom:8px;}

#global { font-size:1.1em; text-align:left; }
	#header { padding:0 0 20px 0; position:relative; }
		#site-name { float: left; margin:40px 25px 0 0; width:140px; height:70px; background: url(images/logo.png) no-repeat top left; text-indent:-9999px;}
			#site-name a { color: #000; border: 0;}
			#site-name a:hover { color: #f8931f; }
		#blog-banner { background:url(images/blog-banner.png) no-repeat top left; text-indent:-9999px; float:right; margin:0; width:20px; height:110px;}
			#blog-banner:hover {background-position:top right;}
		#main-nav { line-height:30px; font-size:14px; width:725px; position:relative; top:70px; }
			#main-nav li { float:left; margin-right:15px; }
				#main-nav li a { padding-right:8px; background-repeat:no-repeat; background-position:5px center; color:#1b1b1b; display:block; height:30px; line-height:30px; text-decoration:none; text-transform:uppercase; text-shadow:rgb(255, 255, 255) 0px 1px 0px; }
					#main-nav li#about-link a { background-image:url('images/nav-about.png'); padding-left:27px; }
					#main-nav li#initiatives-link a { background-image:url('images/nav-initiatives.png'); padding-left:23px; }
					#main-nav li#involved-link a { background-image:url('images/nav-get-involved.png'); padding-left:28px; }
					#main-nav li#support-link a { background-image:url('images/nav-contact.png'); padding-left:33px; }
					#main-nav li#media-link a { background-image:url('images/nav-media.png'); padding-left:37px; }
				#main-nav li a:hover, #main-nav li:hover a { background-color:#fff; background-image:none; color:#63e3f2; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; -webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px; }
			#main-nav .dropdown { display:none; position:absolute; z-index:100; top:30px; min-width:150px; background:#fff; -moz-border-radius-bottomleft:5px; -moz-border-radius-topright:5px; -webkit-border-top-right-radius:5px; -moz-border-radius-bottomright:5px; -webkit-border-bottom-left-radius:5px; -webkit-border-bottom-right-radius:5px; border-bottom:1px solid #eee; border-right:1px solid #eee; border-left:1px solid #eee; }
				#main-nav .dropdown li { float:none; margin:0; }
					#main-nav .dropdown li.first { padding-top:10px; }
					#main-nav .dropdown li.last { padding-bottom:10px; }
						#main-nav li#initiatives-link .dropdown li.first { width:120px; float:left; }
						#main-nav li#about-link .dropdown a,
						#main-nav li#initiatives-link .dropdown a,
						#main-nav li#involved-link .dropdown a,
						#main-nav li#support-link .dropdown a,
						#main-nav li#media-link .dropdown a { text-align:left; font-size:12px; background:none; height:24px; line-height:24px; padding:0px 10px; text-transform:none; color:#3b3b3b; }
						#main-nav li#about-link .dropdown a:hover,
						#main-nav li#initiatives-link .dropdown a:hover,
						#main-nav li#involved-link .dropdown a:hover,
						#main-nav li#support-link .dropdown a:hover,
						#main-nav li#media-link .dropdown a:hover { color:#f8931f; }
	#body, #page-body { padding:10px; padding:0 0 30px 0; border-top:1px solid #bfb59d; }
	#page-body { background:#fff; }
		#mission { width:870px; padding:15px 20px; margin-bottom:30px; background:#fff; -moz-border-radius:5px; -webkit-border-radius:5px; }
			#mission p { margin-top:10px; font-size:14px; color:#5b5b5b; line-height:20px; }
		#recent-projects { margin:20px 0; position:relative; }
			#recent-projects .title { width:220px; padding:0 10px; height:100%; position:absolute; top:0px; left:444px; background:#e6e3dc; z-index:10; }
			#recent-projects .post-image { border:1px solid #e6e3dc; height:148px; width:210px; overflow:hidden; text-align:center; }
			#recent-projects .post-image:hover { border-color:#f8931f; }
			#recent-projects .post-title { padding-top:8px; font-size:11px; font-weight:bold; }
		#section-swither {  }
			#section-nav { border-top:1px solid #bfb59d; border-bottom:1px solid #bfb59d; list-style:none; line-height:30px; }
				#section-nav li { border-left:1px solid #bfb59d; float:left; }
					#section-nav li.last { border-right:1px solid #bfb59d; }
				#section-nav li a { display:block; padding:0 10px; }
				#section-nav li a.activeSlide { background:#fff; color:#222; }
			#section-content { width:910px; height:350px; }
				#section-content .slide { padding:20px 0; }
				#featured-artisan .exerpt { width:550px; margin-left:20px; }
					#featured-artisan .exerpt p { margin-top:5px; }
			#twitter-posts ul { border-top:#bfb59d 1px dotted; margin:10px 0; }
			#twitter-posts li { padding:5px 0; border-bottom:#bfb59d 1px dotted; }
			.picture-gallery ul { list-style:none; margin-left:-20px; }
				.picture-gallery li { width:150px; height:130px; overflow:hidden; margin:0 5px 20px 0; float:left; }
				.picture-gallery p { margin-left:20px; }
			.entry .picture-gallery ul { margin-left:0px; }
			.entry .picture-gallery li { width:130px; height:130px; margin:0 10px 10px 0; }
		#recent-press { margin:0 20px 30px 0; }
			#recent-press ul { list-style:none; line-height:22px; }
		#youtube-feed { margin:0 0 30px 0; width:480px; }
		
		#blog-posts { margin-left:-20px; }
			#page-body #blog-posts h2 { margin:10px 0 20px 20px; text-shadow:#fff 0px 1px 0px; width:870px; }
			#blog-posts .secondary-post-bg { margin:0 0 20px 20px; }
			#blog-posts .secondary_image { opacity:0.4; filter:alpha(opacity=40); }
				#blog-posts .title-insert h3 a { text-shadow:none; display:block; color:#f8931f; text-decoration:none; border:0; }
		
		.left-content { width:610px; padding:20px 0; }
			.lead_image {height:225px; overflow:hidden; background-position:bottom center;}
				.recent-leads .title-insert { bottom: 0; top:70px; display: block; left: 0; position: absolute; width: 100%; height:100%; z-index: 1; padding: 4px 0; text-align:center;}
				.recent-leads .secondary-post-bg { background:#1b1b1b; display:block; width:290px; height:180px; position:relative; overflow:hidden; }
			.entry { background:#222; padding:20px; -moz-border-radius-bottomright:8px; -moz-border-radius-bottomleft:8px; -webkit-border-bottom-right-radius:8px; -webkit-border-bottom-left-radius:8px; }
				#page-body h2 { width:570px; font-size:12px; font-weight:bold; background:#63e3f2; color:#fff; padding:10px 20px; -moz-border-radius-topright:8px; -moz-border-radius-topleft:8px; -webkit-border-top-right-radius:8px; -webkit-border-top-left-radius:8px; }
				.entry p { color:#ddd; padding-right:20px; }
					.entry p img.right { margin:10px 0 10px 10px; }
					.entry p img.left { margin:10px 10px 10px 0; }
		.right-content { width:230px; }
			.right-content .section { padding:20px 10px; margin-top:20px; background:#e6e3dc; -moz-border-radius:8px; -webkit-border-radius:8px; }
			.right-content ul { border-top:1px dotted #bfb59d; }
			.right-content ul li { border-bottom:1px dotted #bfb59d;  }
				.right-content ul li a { display:block; padding:8px 10px; }
				.right-content ul li a:hover, li.current_page_item a { text-decoration:none; background:#f1eee8; color:#111; }
				.right-content ul li.page-item-731 a, .right-content ul li.page-item-739 a { font-weight:bold; color:#222; }
			.next-prev-navigation { margin:20px 0; }
		.right-content .secondary_image { width:210px; height:100px; overflow:hidden; margin-bottom:10px; text-align:center; }
			.right-content .secondary_image img { width:210px; }

/* ----------------------------------- footer */

#footer { padding:40px 10px; background:#f1eee8; border-top:1px solid #bfb59d; }
	#footer a { color:#4b4b4b; text-decoration:underline; }
		#footer a:hover { text-decoration:none; }
	#footer p { line-height:16px; font-size:12px; }
	#footer ul { list-style:none; }
	#footer h4 { width:120px; height:19px; background:url('images/logo-footer.png') no-repeat top left; text-indent:-9999px; margin-bottom:25px; }
	#footer input { width:170px; height:22px; border:1px solid #bfb59d; background:rgb(230, 227, 220); padding:0 5px; line-height:22px; margin-right:10px; -moz-border-radius:3px; -webkit-border-radius:3px; }
	#footer .submit { width:116px; height:30px; background:url('images/btn-signup.png') no-repeat top left; text-indent:-9999px; border:none; padding:0px; margin:-3px 0 0 0px; cursor:pointer; }
		#footer .submit:hover { background-position:bottom left; }
	#footer dl { line-height:18px; margin-bottom:10px; }
		#footer dt { font-weight:bold; margin:10px 0 5px 0; font-size:12px; text-shadow:rgb(255, 255, 255) 0px 1px 0px; }
			#footer dl dl dt { font-size:11px; margin:0 0 2px 0; }
		#footer dd { font-size:11px; }
		#footer .sharing-icons dd { float:left; line-height:30px; margin-right:8px; }
	#footer-top { margin-bottom:20px; }
		#footer-top dt, #footer-top b { margin-top:0px; font-size:12px; color:#4b4b4b; text-shadow:rgb(255, 255, 255) 0px 1px 0px; }
		#twitter a { background:url('images/icon-twitter.jpg') no-repeat top left; width:41px; height:41px; text-indent:-9999px; display:block; }
		#facebook a { background:url('images/icon-fb.jpg') no-repeat top left; width:41px; height:41px; text-indent:-9999px; display:block; }
		#phone a { background:url('images/icon-phone.jpg') no-repeat top left; width:41px; height:41px; text-indent:-9999px; display:block; }
			#twitter a:hover, li#facebook a:hover, li#phone a:hover  { background-position:-40px 0; }
	#footer-bottom { margin-top:10px; }
		#copyright { margin-top:40px; }
			#copyright li { margin-left:15px; }
			#copyright a { font-size:11px; font-style:italic; color:#7b7b7b; }
		.sponsors { margin-top:20px; }
			.sponsors li { float:left; margin-right:20px; }

	.col { width:140px; margin-right:30px; float:left; line-height:18px; }
	.wide { width:310px; }
	.horizontal-divider { background:url('images/orange-divider.png') no-repeat top left; width:910px; height:1px; }
	.last { margin:0px; }
	.content { width:910px; margin:0 auto; }

/* ----------------------------------- floats */
.right { float: right; }
.left { float: left; }
.clear { clear: both; }

.jcarousel-clip-horizontal { width:910px; height:190px; }
	.jcarousel-item { width:212px; height:190px; overflow:hidden; }
	.jcarousel-item-horizontal { margin-right:20px; float:left; }
	
	.jcarousel-next-horizontal { position:absolute; top:60px; right:-23px; width:20px; height:23px; cursor:pointer; background:transparent url(images/next-arrow.png) top left no-repeat; }
	.jcarousel-prev-horizontal { position:absolute; top:60px; left:-28px; width:20px; height:23px; cursor:pointer; background:transparent url(images/prev-arrow.png) top left no-repeat; }
		.jcarousel-next-horizontal:hover,
		.jcarousel-prev-horizontal:hover { background-position:top right; }

.jcarousel-container { position: relative; }
.jcarousel-clip { z-index: 2; padding: 0; margin: 0; overflow: hidden; position: relative; }
.jcarousel-list { z-index: 1; overflow: hidden; position: relative; top: 0; left: 0; margin: 0; padding: 0; }
.jcarousel-list li,
.jcarousel-item { float: left; list-style: none; width: 212px; height:190px; }
.jcarousel-prev,
.jcarousel-next { z-index: 3; display: none; }