/*
Theme Name: Southpaw
Author: Standard Motion
Theme URI: http://www.standardmotion.com
Description: Design by Jon Setzen, Production by Caroline Keim
Tags: Anima, architecture, design, furniture
	
*/
	
/*
RESET
*/

*									{ margin: 0; padding: 0; }
html								{ overflow-y: scroll; height:100%; }
html, body							{ height: 100%; }
ul									{ list-style: none; margin: none;}
li									{list-style: none; }
ol									{ list-style: none; }
a									{ outline: none; text-decoration: none; }
a img								{ border: none; }
img									{ vertical-align: middle; }
table								{ border-collapse: collapse; }

/*
UTILITY
*/

.floatLeft							{ float: left; }
.floatRight							{ float: right; }
.clear								{ clear: both; }
.smpad								{ padding: 5px 0; }
.top								{vertical-align: top;}
.small								{font-size: 9px;}
.bold								{font-weight: bold;}
.uppercase							{text-transform: uppercase;}
.fourteen							{font-size: 14px;}
.eighteen							{font-size: 18px;}

/*
STRUCTURE
*/

body 					{font: 14px  Georgia, Arial, sans-serif; color: #edebe4; text-align: center; background-color: #000000; margin: 0; padding: 0; line-height: 1.4em;}
#container 				{margin: 0 auto;  text-align:left; width:980px;background-color: #000000;}
#header					{height: 71px; background-image: url(http://spsounds.com.s45589.gridserver.com/wp-content/images/header_bg.jpg); background-repeat: no-repeat; margin: 0 0 30px 0; z-index: 9; position: relative;}
#nav a					{font-size: 12px; font-family: Helvetica, Arial, sans-serif; color: #fcf4e8; text-decoration: none; font-weight: bold;}
#nav a:hover			{background-color: #cd510e;}
#nav					{margin: 45px 0 0 500px; position: absolute;}
#nav li					{float: left; margin-right: 13px; padding: 2px;}
#nav li:hover			{background-color: #cd510e;}
#nav li:last-child		{margin-right: 0px;}
#sidebar				{width: 235px; float: right; padding: 0 10px 0 20px; margin: 35px 0 0 0; font-family: Verdana, sans-serif; font-size: 10px; color: #f2ebc3;}
#sidebar h3				{color: #f3eedf; text-transform: uppercase; font-size: 11px; font-weight: bold;}
.sidebar-section		{padding: 10px 0; border-bottom: 1px dotted #342211; }
#content				{padding-bottom: 20px;}
#news-content			{width: 700px; padding: 0 15px 0 8px;}
#main-posts				{border-right: 1px dotted #342211; padding-right: 20px; }
#main-posts .post img 	{border: 1px solid #342211; margin: 0 5px 5px 0;}
#main-posts	.post		{padding:10px 0; border-bottom: 1px dotted #342211; }
#main-posts h2			{color: #f2ebc3; font-size: 16px; font-weight: bold; font-style: italic; margin-bottom: 10px;}
.post-meta				{color: #edebe4; font-size: 11px; margin-top: 10px;}
h1						{font-size: 24px; color: #ddd5bc; margin-bottom: 25px; font-weight: normal; font-style: italic;}
a						{color: #f2ebc3; text-decoration: none;}
a:hover					{color: #cd510e;}
p {margin-bottom: 20px;}
h4						{font-size: 18px; font-style: italic; font-weight: normal;}
#logo					{position: absolute; margin: 15px 0 0 10px;}

/*
CALENDAR
*/

#events-content			{width: 700px; padding: 0 15px 0 8px; float: left;}
.about-events			{color: #edebe4; font-size: 12px; font-style: italic;}
#event-posts			{margin-top: 20px; color: #edebe4; font-size: 11px; font-family: Verdana; line-height: 1.1em;}
#event-posts p			{margin: 0 !important;}
.event-image			{float: left; width: 200px; padding-right: 10px; color: #000000;}
#event-posts .post		{margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px dotted #5d4d40;}
.event-details 			{float: left; width: 460px; line-height: 1.5em;}
.event-name 			{font-weight: bold; font-size: 12px;}
#event-sidebar			{background-color: #1a1109; float: left; width: 257px; margin-top: -30px; padding: 20px 0; font-size: 10px; color: #b2a9a1;}
#event-sidebar h1		{font-size: 22px; margin-left: 5px; margin-bottom: 10px !important;}
#event-sidebar li		{border-top: 1px solid #000000; padding: 8px 5px; font-family: Verdana;}

#monthly-content		{width: 960px; padding: 0 15px 0 8px; float: left;}
#monthly-posts			{margin-top: 20px; color: #edebe4; font-size: 16px; line-height: 1.1em;}
#monthly-posts p		{margin: 0 !important;}
.monthly-image			{float: left; width: 300px; padding-right: 20px; color: #000000;}
.monthly-image img		{border: 1px solid #322110;}
#monthly-posts .post	{margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px dotted #5d4d40;}
.monthly-details 		{float: left; width: 620px; line-height: 1.5em;}
.monthly-name 			{font-weight: bold; font-size: 18px; font-style: italic;}
.monthly-events			{color: #edebe4; font-size: 16px; font-style: italic;}


#home-sidebar			{background-color: #1a1109; float: left; width: 260px; padding: 20px 0 10px 0; font-size: 10px; color: #b2a9a1;z-index: -1 !important; margin-top: -30px;}
#home-sidebar h1		{font-size: 22px; margin-left: 5px; margin-bottom: 10px !important;}
#home-sidebar li		{border-top: 1px solid #000000; padding: 8px 5px; font-family: Verdana;}
#home-main				{float: left; width: 710px; margin:-10px 0 0 10px;}
#featured-items img		{float: left; margin-right: 10px;}
#featured-items 		{font-family: Verdana; font-size: 13px; border-top: 1px solid #342211; border-bottom: 1px solid #342211; padding: 10px 0; margin-bottom: 10px;}
#feat1					{width: 345px; border-right: 1px solid #342211; float: left; margin-right: 10px;}
#feat2					{width: 345px; float: left;}
#home-main h1			{margin-bottom: 5px !important;}
#home-about				{font-size: 12px; width: 335px; float: left;}
#home-about img			{border: 1px solid #342211; margin-bottom: 5px;}
#dispatch-posts			{font-size: 12px; width: 335px; float: left; border-left: 1px solid #342211; margin-left: 10px; padding-left: 10px;}
.dispatch-post			{margin-bottom: 10px;}
.dispatch-post p		{margin-bottom: 0px !important;}

#about-sidebar			{width: 230px; float: left; }
#about-sidebar .section	{ margin-bottom: 10px; border-bottom: 1px dotted #342211; padding-bottom: 10px;}
#about-sidebar .section p {margin-bottom: 10px !important; }
#about-sidebar h5		{color: #ddd5bc; font-size: 18px; font-style: italic; font-weight: normal;}
#about-content			{width: 675px; float: left; border-right: 1px dotted #342211; padding-right: 15px; margin-right: 15px;}
#about-post img			{float: right; margin: 20px 0 20px 20px; border: 1px solid #342211; width: 360px;}

html, body, #container {height: 100%;}

body > #container {height: auto; min-height: 100%;}

#main {padding-bottom: 35px;}  /* must be same height as the footer */

#footer {position: relative;
	margin-top: -35px; /* negative value of footer height */
	height: 35px;
	clear:both; width: 980px; font-size: 9px; color: #cbb18e; margin: 0 auto; text-align: right; border-top: 1px solid #342211; padding-top: 5px; font-family: Verdana;} 

/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */