/*
Theme Name: Shakespeare's Sister Company
Author: Laura Moore
Author URI: http://smallestdecisions.net
*/

/*Reset*/
*							{margin: 0; padding: 0;}
html, body					{height: 100%; margin: 0 0 1px 0;}
body							{background: url(main_bg2.jpg) repeat top left black;}
a							{outline: none; text-decoration: underline; color: black; font-weight: bold;} 
a img						{border: none;}
img							{vertical-align: middle;}
table							{border-collapse: collapse;}

/*Global*/
.clear						{clear: both;}
.hide-text					{text-indent: -99999px; position: absolute;}
a, a:visited, a:focus		{color: black;}
a:hover						{color: #63795A; text-decoration: none;}
#container					{margin: 0 auto; width: 960px; font-family: Helvetica, Arial, sans-serif; font-size: 62.5%; border: 3px white solid;} 
.alignleft					{float: left; margin: 0 15px 2px 0;}
.alignright					{float: right; margin: 0 0 2px 15px;}
.aligncenter				{display: block; margin: 0 auto;}

/*Header*/

#header						{position: relative; width: 960px; height: 318px; background: white; z-index: 300;} 
#logo						{width: 960px; height: 80px; background: url(header_logo5a.jpg) no-repeat top left; position: absolute; top: 0px;}
#eco						{position: absolute; width: 120px; top: 0px; right: 10px; }
#all-star-award				{position: absolute; width: 34px; height: 52px; top: 0; right: 140px;}
#top-nav-bar				{position: absolute; z-index: 175;}
#navigation-bar				{position: absolute; top: 80px; background: #75B524; height: 35px; z-index: 170; border-bottom: 3px white solid;} 

#photo-bar					{position: absolute;  bottom: 0px;}
#photo-bar li					{float: left; list-style: none;}

/*  Home Page */

#main						{line-height: 1.4em; font-size: 1.7em; }
#main p						{padding: 5px 0;}
#main a, #main a:hover		{color: white;}

#intro						{padding: 12px 25px 12px 30px; font-size: 1.2em; background: #0068AF; color: white; border-top: 3px white solid; border-bottom: 3px white solid; line-height: 1.1em; font-family: 'Philosopher', Arial;} /*old style  font-size: .9em;*/
.content-box				{float: left; color: white; border-bottom: 3px solid white; overflow: auto;}
.content-box h2				{padding: 10px 0 10px 15px; font-size: 1.4em; text-transform: uppercase; font-family: 'Sue Ellen Francisco', Arial;} /*old style padding: 1px 0 10px 15px;  font-size: 1.2em;*/
.content-box p				{margin: 5px 15px 5px 15px; font-size: .8em; line-height: 1.3em;} /* old style font-size: .7em; */
.content-box h3				{padding: 1px 0 1px 15px; font-size: 1.0em;}
.content-box h4				{padding: 0 0 1px 15px; font-size: .7em;}

#current-season				{background: #59002C; width: 317px; height: 550px;} 
#current-season p img			{padding: 0; margin: 0;}
#testimonials				{background: #E49217; width: 317px; height: 550px; border-left: 4px white solid;} 
#great-non-profit			{margin: 0 auto; width: 126px; border: 1px white solid;} 
/*#getting-involved			{background: #6B2C87; width: 317px; height: 550px; border-left: 4px white solid;}  original layout*/
#SSC-sister					{background: #4A6C5C; width: 478px; height: 400px;}
/*#art-director-blog			{background: #990000; width: 478px; height: 400px; border-left: 4px white solid;}   original layout*/
#latest-news				{background: #6B2C87; width: 317px; height: 550px; border-left: 4px white solid;} /*new layout*/
#getting-involved			{background: #990000; width: 478px; height: 400px; border-left: 4px white solid;} /*new layout */

/* General Page */

#main-inside				{width: 960px; background: url(main-inside_bg.jpg) white repeat-y top left; border-top: 3px white solid; padding: 0 0 20px 0; line-height: 1.4em; font-size: 1.7em;}
#main-content				{width: 780px; float: left; font-size: .9em; line-height: 1.1em; padding: 20px 0 0 0;}
#main-inside a				{color: black;}
#main-inside a:hover			{text-decoration: none;}
#main-content p				{padding: 0px 35px 15px 35px;}
#main-content h2				{padding: 1px 0 10px 25px; font-size: 1.2em; text-transform: uppercase;}
#main-content h3				{padding: 1px 0 1px 25px; font-size: 1.0em;}
#main-content h4				{padding: 1px 0 1px 25px; font-size: .7em;}
#main-content ul				{padding: 0 10px 15px 25px; list-style: inside;}
#main-content li				{padding: 5px 5px 0 5px;}

/*Blog */

#comments-list				{padding: 0px 35px 15px 35px;}
#respond					{padding: 0px 35px 15px 35px;}
.single-post-meta			{font-size: .8em; line-height: 1.1em;}
.commentlist ol, .commentlist li	{list-style-position: inside;}
.prev-next-links			{margin: 0 auto; text-align: center; font-size: .8em; line-height: 1.2em;}
.date-author				{font-size: .8em; line-height: 1.1em;}
.tag-cat-comment			{font-size: .8em; line-height: 1.1em;}

/*Photo gallery Flickr*/
.flickr-gallery				{padding: 0 0 0 40px;}

/* Education registration form */
#contact					{width: 600px; margin-top: 10px;}
#contact input, #contact textarea {padding: 6px;	width: 371px; margin: 0px 0px 10px 0px; border: 1px solid #ccc; }
#contact textarea 				{ height: 100px;}
#contact textarea:focus, #contact input:focus { border: 1px solid #140F45;}
#contact input.submit-button 	{width: 100px; font-size: 1.2em; float: right;}
#contact input.submit-button:hover 	{background: white;}
#contact label 				{ float: left; text-align: right; margin-right: 15px; margin-top: 5px; width: 200px; }
#contact select 				{ width: 385px;  margin: 2px 0px 12px 0px; }
#form-error					{color: red; position: absolute; top: 370px; width: 180px;}

/*Mailing list form*/
#mailinglist				{width: 535px; margin-top: 10px;}
#mailinglist input, #mailinglist textarea {padding: 6px;	width: 371px; margin: 0px 0px 10px 0px; border: 1px solid #ccc; }
#mailinglist textarea 			{ height: 100px;}
#mailinglist textarea:focus, #mailinglist input:focus { border: 1px solid #140F45;}
#mailinglist input.submit-button 	{width: 100px; font-size: 1.2em; float: right;}
#mailinglist input.submit-button:hover 	{background: white;}
#mailinglist label 			{ float: left; text-align: right; margin-right: 15px; margin-top: 5px; width: 135px; }
#mailinglist select 			{ width: 385px;  margin: 2px 0px 12px 0px; }

/* Current Sponsors*/
#jco-sponsor-logo			{width: 350px; float: left;}
#jco-sponsor-names			{float: left;}

/*Good Shop page */

#good-shop 					{width: 250px; padding: 0 0 0 25px; }
#badge_header				{height: 120px; background: url(http://www.goodsearch.com/_gfx/badges/header-250.png) no-repeat;}
#badge_header_links 			{text-align:center; color:#fff; font-weight:bold; font-size:10px; padding-top:8px;} 
#badge_header_links a 		{color:#fff;} 
#badge_header_tagline 		{color:#ffff00; font-size:8px; text-align:center; padding-top:0px; letter-spacing:1px; line-height: 10px; } 
#badge_content 				{width:250px; background-image: url(http://www.goodsearch.com/_gfx/badges/bg-content-250.png); } 
#badge_content_text 			{width:85%; font-size:10px; margin:0px auto; line-height:16px; padding-bottom:5px; color:#333; } 
#badge_linkblock 			{width:250px; height:48px; background-image: url(http://www.goodsearch.com/_gfx/badges/links-250.png); } 
.badge_link 					{width:85%; color:#003366; font-size:9px; margin:0px auto; padding:2px; line-height:12px; } 
#badge_linkblock a 			{color:#003366; } 
.badge_link img 				{position:relative; top:5px; left:5px; } 
#badge_shareblock 			{height:34px; background: url(http://www.goodsearch.com/_gfx/badges/footer-250.png); } 
#badge_shareblock_link 		{width:100%; text-align:center; font-size:9px; padding-top:7px; } 
#badge_shareblock_link img 	{padding-right:5px; position:relative; top:2px; } 
#badge_shareblock_link a 	{color:#fff; }

/*Sidebar*/

#sidebar					{width: 180px; float: right; background: #0068AF; color: white; font-size: .7em;}
#sidebar li					{list-style: none;}		
#sidebar a					{color: white;}
#sidebar a:hover				{text-decoration: none;}
#sidebar li.current_page_item a {text-decoration: none;}
#sidebar h3					{font-size: 1.4em;}
.sidebar-box				{padding: 10px 0 1px 15px;}
.currently-browse			{padding:0 10px 5px 0; line-height: 1.1em;}

/*Footer*/
#footer						{position: relative; padding: 20px 15px 40px 15px; width: 930px; font-size: 1.4em; background: white; height: 120px; }
#social						{width: 180px; margin: 0 auto; padding: 10px 0;}
.social						{margin: 5px;}
#footer p					{padding: 10px 0 0 0;}
#copy						{position: absolute; left: 65px; top: 82px; }
#credit 						{position: absolute; right: 65px; top: 82px; }
#designed-by				{font-size: 1.1em;}
#grassroots					{position: absolute; right: 65px; bottom: 10px;}