/*
Theme Name: MIPSM
Theme URI: http://wordpress.org/
Description: New theme created for MIPSM.
Version: Version 1
Author: Chris
Author URI:
Tags: 
*/

@import url("reset.css");

html {
	font-size: 62.5%;
        
	}

body {
	margin: 0; padding: 0;
	font-weight: normal; font-family: Arial, Helvetica, sans-serif;
	line-height: 1.5;
	color: #744D24;
	background-color: #eadbaf;
	}

p, li, dt, dd, address, blockquote, textarea, input, legend {
	font: normal 1.3em/1.5 Arial, Helvetica, sans-serif;
	}

li p, p li, li input, li textarea {
	font-size: 1em;
	}

p, ul, ol, h2, h3, h4, h5, form, blockquote, address {
	margin: 0 0 15px;
	}

ul, ol {
	margin-left: 2em;
	}

	ul {
		list-style: square;
	}

	ol {
		list-style: decimal;
	}

a {
	text-decoration: none;
	outline: none;
	color: #f4df95;
	}

	a:hover {
		text-decoration: underline;
	}

img, a img {
	display: inline;
	border: none;
	}

acronym {
	cursor: help;
	}

blockquote {
	font: italic 1.4em Georgia, "Times New Roman", Times, serif;
	}

h1 {
	margin: 0 0 20px 0; padding: 0;
	font-size: 2.9em; font-weight: normal;
	line-height: 1;
	}

h2 {
	font-family: papyrus;
        font-weight: bold;
        font-size: 1.8em; font-weight: normal;
	line-height: 1;
	color: #f4df95;
	}

h3 {
	font-size: 1.5em; font-weight: bold;
	line-height: 1;
	}

h4, h5, h6 {
	font-size: 1.4em; font-weight: bold;
	line-height: 1;
	}

h7 {
       font-family: papyrus;
       font-style: bold:
       font-sixe: 2em;
       }

.clear {
	clear: both;
	}

.clearer {
	clear: both;
	visibility: hidden;
	height: 0;
	line-height: 0;
	overflow: hidden;
	}

.clearafter:after, #quote li:after {
	content: "";
	display: block; 
	height: 100%;
	clear: both;
	visibility: hidden;
	}

#wrapper {
	position: relative;
	margin: 0 auto;
	width: 750px;
	}

/*---------------------------------------------------------------------------------------------------------------------------------------
	HEADER / NAV / BANNER PIC
-----------------------------------------------------------------------------------------------------------------------------------------*/

#header {
	position: relative;
	height: 54px;
	overflow: hidden;
	text-indent: -9999em;
	background: #ebcc8c url(images/bg_sprite.gif) no-repeat left -54px;
	}
	
	#header a {
		display: block;
		height: 54px;
	}

#nav {
	position: relative;
	margin: 0; padding: 0;
	height: 46px;
	list-style: none;
	background: #705021 url(images/bg_sprite.gif) no-repeat left -108px;
	}
	
	#nav li {
		float: left; display: inline;
		}
	
	#nav li a {
		display: block;
		line-height: 46px;
		color: #fff;
		text-indent: -9999px;
		}
	
	#nav li a:hover, #nav li a.active {
		background: url(images/bg_sprite.gif) no-repeat left -154px;
		}
	
	#nav li.home a { width: 108px; }
	#nav li.home a:hover, #nav li.home a.active { background-position: 0 -154px; }

	#nav li.about a { width: 107px; }
	#nav li.about a:hover, #nav li.about a.active { background-position: -108px -154px; }

	#nav li.events a { width: 107px; }
	#nav li.events a:hover, #nav li.events a.active { background-position: -215px -154px; }
	
	#nav li.yoga a { width: 107px; }
	#nav li.yoga a:hover, #nav li.yoga a.active { background-position: -322px -154px; }
	
	#nav li.retreats a { width: 107px; }
	#nav li.retreats a:hover, #nav li.retreats a.active { background-position: -429px -154px; }
	
	#nav li.reviews a { width: 107px; }
	#nav li.reviews a:hover, #nav li.reviews a.active { background-position: -536px -154px; }
	
	#nav li.contact a { width: 107px; }
	#nav li.contact a:hover, #nav li.contact a.active { background-position: -643px -154px; }
	
#banner {
	height: 127px; width: 750px;
	background: #fff url(images/banner_pic.jpg) no-repeat left top;
	}

/*---------------------------------------------------------------------------------------------------------------------------------------
	HOMEPAGE
-----------------------------------------------------------------------------------------------------------------------------------------*/

#home #header {
	background-position: left top;
	}
	
#home #wrapper {
	background-image: none;
	}
	
#home #main {
	padding: 0;
	width: 750px;
	background-image: none;
	}
	
#home-logo {
	height: 124px;
	background: #fff url(images/bg_sprite.gif) no-repeat left -200px;
	text-indent: -9999em;
	}

#home-pic1, 
#home-pic2 {
	display: inline;
	width: 182px; height: 250px;
	}

#home-pic1 {
	float: left;
	background: url(images/home_pics.jpg) no-repeat left top;
	}

#home-pic2 {
	float: right;
	background: url(images/home_pics.jpg) no-repeat right top;
	}

#home-content {
	float: left; display: inline;
	margin: 0 0 -20px 20px; padding-top: 10px;
	width: 345px;
	color: #e6ded1;
	}
	
	#home-content p {
		line-height: 1.3;
	}

/*---------------------------------------------------------------------------------------------------------------------------------------
	MAIN
-----------------------------------------------------------------------------------------------------------------------------------------*/

#main {
	padding: 20px;
	width: 710px;
	background: #744D24 url(images/bg_sprite.gif) repeat-y -750px top;
	}

/*---------------------------------------------------------------------------------------------------------------------------------------
	CONTENT
-----------------------------------------------------------------------------------------------------------------------------------------*/

#content {
	position: relative;
	float: right; display: inline;
	margin: 0; padding: 0;
	width: 528px;
	color: #e6ded1;
	}

#page-title {
	height: 35px;
	text-indent: -9999em;
	background-image: url(images/bg_sprite.gif);
	background-repeat: no-repeat;
	}
	
	.page-title-2 { background-position: left -330px; }
	.page-title-9 { background-position: left -365px; }
	.page-title-12 { background-position: left -400px; }
	.page-title-14 { background-position: left -435px; }
	.page-title-25 { background-position: left -470px; }
	.page-title-16 { background-position: left -505px; }

#yoga-pics {
	margin: 0; padding: 0;
	list-style: none;
	}
	
	#yoga-pics li { 
		float: left;
		width: 262px; height: 460px;
	}
	
	#yoga-pics img {
		border: 2px solid #fff;
	}


#webinar {
	position: relative;
	float: left; display: inline;
	margin: 0 10 0 0; padding: 0;
	width: 250px;
	}

#dimdim {
	position: relative;
	float: right; display: inline;
	margin: 0; padding: 0;
	width: 250px;
	}


/*---------------------------------------------------------------------------------------------------------------------------------------
	SIDEBAR
-----------------------------------------------------------------------------------------------------------------------------------------*/

#sidebar {
	position: relative;
	float: left; display: inline;
	margin: 0; padding: 0;
	width: 142px;
	color: #744D24;
	}
	
	#sidebar ul {
		margin: 0; padding: 0;
		list-style: none;
	}
	
	#sidebar h2 {
		display: none;
	}

/*---------------------------------------------------------------------------------------------------------------------------------------
	FOOTER
-----------------------------------------------------------------------------------------------------------------------------------------*/

#footer {
	padding: 15px 0;
	text-align: center;
	}
	
	#footer, #footer a {
		color: #744D24;
	}
	
	#footer p {
		margin-bottom: 10px;
	}
	
	#sidebar a {
		color: #744d24 !important;
	}
	
	.blogentry {
		border-bottom: 1px solid #fbebb7;
		padding-bottom: 10px;
		margin-bottom: 20px !important;
	}
