/*
Theme Name: Red Mesa
Author: Jay Gammill
*/

/*
	RESET
*/

*									{ margin: 0; padding: 0; }
html								{ overflow-y: scroll; }
html, body							{ height: 100%; }
body								{ font-size: 12px; font-family: Helvetica, Arial, sans-serif; color: #ededed; background: black; }
ul									{ list-style: square; }
ol									{ list-style: decimal; }
a									{ outline: none; text-decoration: none; }
a img								{ border: none; background: none; }
img									{ vertical-align: middle; }
table								{ border-collapse: collapse; }

/*
	UTILITY
*/
.floatLeft 							{ float: left; }
.floatRight							{ float: right; }
.clear								{ clear: both; }
.button								{ border: 1px solid #272727; background: white; padding: 3px 8px; 
									  -moz-border-radius: 5px; -webkit-border-radius: 5px; color: 272727; }
.button:hover						{ background: #990000; color: ededed; }

/*
	STRUCTURE
*/
#page-wrap							{ width: 940px; margin: auto; min-height: 750px; height: auto !important; height: 100%; background: url(images/redmesa_page_v09_bg-tile.gif) top center repeat-y; }
#menu-bar							{ text-align: center; width: 940px; height: 40px; padding-top: 10px;  z-index: 2;}
#title-col							{ width: 750px; height: 30px; padding-right: 50px; float: right; margin: 210px 0px 0px 70px; }
#sidebar-col						{ width: 260px; padding-left: 10px; padding-right: 10px; float: left; margin: 35px 0px 0px 65px; }	
#main-col							{ width: 550px; padding-right: 40px; float: right; margin: 40px 0px 0px 0px; }					
#push								{ height: 250px; }

/*
	PAGE BACKGROUNDS
*/
#page-bg1							{ width: 940px; margin: auto; min-height: 650px; height: auto !important; height: 100%; background: url(images/redmesa_page_v09_bg1.jpg) top center repeat-x;  }
#page-bg2							{ width: 940px; margin: auto; min-height: 650px; height: auto !important; height: 100%; background: url(images/redmesa_page_v09_bg2.jpg) top center repeat-x;  }
#page-bg3							{ width: 940px; margin: auto; min-height: 650px; height: auto !important; height: 100%; background: url(images/redmesa_page_v09_bg3.jpg) top center repeat-x;  }
#page-bg4							{ width: 940px; margin: auto; min-height: 650px; height: auto !important; height: 100%; background: url(images/redmesa_page_v09_bg4.jpg) top center repeat-x;  }
#page-bg5							{ width: 940px; margin: auto; min-height: 650px; height: auto !important; height: 100%; background: url(images/redmesa_page_v09_bg5.jpg) top center repeat-x;  }
#page-bg6							{ width: 940px; margin: auto; min-height: 650px; height: auto !important; height: 100%; background: url(images/redmesa_page_v09_bg6.jpg) top center repeat-x;  }
#page-bg7							{ width: 940px; margin: auto; min-height: 650px; height: auto !important; height: 100%; background: url(images/redmesa_page_v09_bg7.jpg) top center repeat-x;  }
#page-bg8							{ width: 940px; margin: auto; min-height: 650px; height: auto !important; height: 100%; background: url(images/redmesa_page_v09_bg8.jpg) top center repeat-x;  }

/*
	TYPOGRAPHY
*/
p, li								{ font-size: 1.1em; line-height: 1.2em; margin: 0 0 10px 0; }
h1									{ font-family: Century Gothic, Helvetica, Arial, sans-serif; font-weight: normal; text-transform: uppercase; letter-spacing: .08em;  color: #bc3f16; font-size: 2.2em; line-height: 1.1em; padding: 0px 0px; text-align: right}
h2									{ font-family: Helvetica, Arial, sans-serif; font-weight: normal; text-transform: uppercase; color: #fbaf5c; font-size: 1.6em; padding: 8px 0px;}
h3									{ font-family: Helvetica, Arial, sans-serif; font-weight: normal; color: #fbaf5c; font-size: 1.4em; padding: 8px 0px;}
h5									{ font-family: Helvetica, Arial, sans-serif; font-weight: normal; text-transform: uppercase; color: #239287; font-size: 2em; padding: 8px 0px;}
a									{ color: #239287; }
a:hover								{ background: #239287; color: black; }
.h4							{ font-family: Helvetica, Arial, sans-serif; font-weight: normal; text-transform: uppercase; color: #fbaf5c; font-size: 1.4em; line-height: 1.2em;}
#main-col img						{ border: 1px solid #877774; margin-top: 0px; margin-bottom: 6px; }
#lesser								{ color: #a6a6a6;}
blockquote {
	margin: 15px 0px 10px 10px;
	padding-left: 20px;
	padding-top:10px;
	padding-bottom:2px;
	padding-right: 5px;
	border-left : 5px solid #bc3f16;
	background: rgba(0,0,0,0.4);
	font-family: Times, Times New Roman, serif; font-style: italic; font-weight: bold; color: #fbaf5c; font-size: 1.5em;

}
.post {
	border-bottom:1px solid #333333;
	padding: 2px 0 8px 0;
}


/*
	MENU
*/
ul#main-nav							{ width: 940px; height: 40px; float: left; margin: 0px 0px 0px 0px; }
ul#main-nav	li						{ display: inline; }
ul#main-nav li a					{ font-family: Century Gothic, Helvetica, Arial, sans-serif; color: #239287; font-size: 1.2em; padding: 1px 7px; font-weight: bold;}
ul#main-nav li a:hover				{ color: #fbaf5c; background: none;}

/*
	SIDEBAR
*/
#recent-posts-3						{ width: 260px; word-wrap: break-word; }	
ul#recent-posts-3 li				{ display: inline; word-wrap: break-word; }
ol#recent-posts-3 li				{ list-style-type: square; margin-left: 25px; font-size: 1em; word-wrap: break-word; }
#upcoming-gigs						{ width: 260px; word-wrap: break-word; }	
ul#upcoming-gigs li					{ display: inline; word-wrap: break-word; }
ol#upcoming-gigs li					{ list-style-type: square; margin-left: 25px; font-size: 1em; word-wrap: break-word; }

/*
	FOOTER
*/
#footer-pre							{ width: 940px;  margin: auto; height: 65px; background: url(images/redmesa_page_v09_bot.jpg) top center repeat-x black }
#footer								{ height: 80px; background: #000000; border-top: 4px solid #bc3f16; padding-top: 20px; }
#footer-inside						{ width: 940px; margin: 0 auto; }
#footer-2							{ width: 370px; float: left; margin-right: 30px; font-size: .95em; font-family: Century Gothic, Helvetica, Arial, sans-serif;}

/*
	HOME
*/
#home-wrap							{ width: 1000px; min-height: 720px; height: auto !important; height: 100%; margin: auto;
									background: url(images/redmesa_home_v09_bg.jpg) top center; background-color: #5a1a06;}
#home-navbar						{ width: 150px; height: 195px; padding-top: 85px; margin-left: 20px; text-align: right;}
ul#home-nav	li						{ display:block; list-style-type:none; margin:0; padding: 0px}
ul#home-nav li a					{ font-family: Century Gothic, Helvetica, Arial, sans-serif; font-weight: normal; color: #239287; font-size: 1.2em; padding: 0px 0px 0px 0px; letter-spacing: -.01em; line-height: 1.3;}
ul#home-nav li a:hover				{ color: #fbaf5c; background: none;}
#home-sidewrap						{ width: 320px; height: auto; float: left; margin-top: 150px; background: black;}
#home-rightwrap						{ width: 320px; height: auto; float: left; margin-top: 20px; background: black;}