/*
CSS for Tar Pit Yoga site
*/

body {
	font-family:  Georgia, Helvetica, Arial, sans-serif;
	background-color:  white;
	line-height:  125%;
	padding: 0;
	margin:  0;
        background:  url(wetrocks2.jpg) no-repeat;
}


h1 {
	font-family:  Georgia, Helvetica, Arial, sans-serif;
	font-size:  300%;
	color:  #940f04;
	padding-top:  50px;
	padding-bottom:  .2em;
	padding-left:  210px;
	margin:  0;
}

.header1frontpage  {
        font-family:  Georgia, Helvetica, Arial, sans-serif;
	font-size:  300%;
	font-weight: bold;
        color:  #940f04;
	padding-top:  0px;
	padding-bottom:  .2em;
	padding-left:  210px;
	margin:  0;
}


h2 {
	color:  #940f04;
	font-size:  130%;
	font-weight:  bold;
	margin-top:  0px;
}

h3 {
	color: black;
	font-size:  120%;
}

.header4 {
	color:  black;
	font-weight:  bold;
	font-size:  small;
}

.state {
	font-weight:  bold;
	color:  #000000;
	font-size:  130%;
}

.city {
	font-weight:  bold;
	margin-left:  20px;
	color:  #000000;
	font-style: italic;
}

.docinfo {
	margin-left:  20px;
}

.docname {
	font-weight: bold;
	color:  #940f04;
}

#tagline p {
	font-style:  normal;
	font-family:  Georgia, Times, Serif;
	font-weight:  bold;
	color:#000000;
	border-top:dotted 1px #000000;

	padding-bottom:  .2em;
	padding-left: 0em;
	margin: 1em 3em 1em 210px;	
}

#navigation {
	width:  180px;
	font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
	padding-left: 0;
}

#navigation p {
	padding: .2em 0 0 1em;
	font-size: 70%;
	color:  black;
	font-weight:  normal;
}


#rightsidenav {
	float:  right;
	margin:  20px 50px 20px 20px;
	background-color:  white;
	width:  300px;
	height:  100%;
	padding:  10px 0px 0px 0px;
	border:  3px  solid  #003366;
	font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
	font-size:  95%;
}

.rightsidenavheader {
	font-weight: bold;
}

#rightsidenav li {
	list-style-type: none;
	font-size:  85%;
}

#navigation li {
	list-style-type:  disc;
	font-size:  85%;
}

.smnavpic {
	margin: 10px 0 0 10px;
}

.byline {
	margin: 0 0 0 0px;
	font-size: 60%;
	border-bottom:dotted 1px #000000;
}

.blogPost {
	margin: 0 0 0 20px;
}


#rightsidebox {

	margin:  0px 0px 50px 0px;
	background-color:  beige;
	width:  250px;
	height:  100%;
	padding:  10px 10px 10px 10px;
	border:  3px  solid  black;
	font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
	font-size:  small;
}

#rightsidebox p {
	font-size:  70%;
}


.rightsideboxheader {
	font-weight: bold;
}

#rightsideboxtwo li {
	list-style-type: none;
	font-size:  85%;
}

#rightsideboxtwo {
	margin:  0px 0px 50px 0px;
	background-color:  white;
	width:  250px;
	height:  100%;
	padding:  10px 10px 10px 10px;
	border:  3px  solid  #003366;
	font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
	font-size:  95%;
}

ul {
	margin-top:  0px;
	font-size:  small;
}

ol {
	list-style-type:decimal;
	margin:0;
}

li {
	padding: 0;
	margin: 0;
	font-size: 100%;		
}

p {
	font-size:  small;
	color:  black;
}

a {
	font-weight:  normal;
}

a:link {
	color:  #940f04;
}

a:visited  {
	color:  #003366;
}

a:hover  {
	text-decoration:  underline;
}

a:active  {
	color:  #999999;
}


/*
This section deals with the position of items on the screen.
It uses absolute positioning - fixed x and y coordinates measured from the top-left corner of the browser's content display.background-color:  #e2dacf;
*/



#navigation, #bodycontent, #header, #rightcolumn {
	position:  absolute;
}

#bodycontent {
	left:  260px;
	padding-right:  1em;
	top:  8.8em;
	width:  600px;
}

#navigation {
	top:  210px;
}

#header {
	left:  0px;
	top:  0;
	width:  100%;
	height:  200px;

}

#rightcolumn {
	left:  900px;
	top:  8.8em;

}