/** 
 * Beachside Yoga and Massage Layout Style - Henry Egloff. 2009.
------------------------------------------------------------- */

/* RESET */

html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }
* { margin:0px; padding: 0px;}
.clear { clear:both; }

body {
	color: #fff;
	font-size: 62.5%; 
 	margin-bottom: 0px;
	font-family: georgia, times, "times new roman";
	background-color:#0242b3;
	background-image:url(../images/bg-header.gif);
	background-repeat:repeat-x;}

a img { border:none; }

html {}

table {
	border-collapse: collapse;
	border-spacing: 0;}

caption, th, td {
	text-align: left;
	font-weight: normal;}




/* HEADER
----------------------------------------- */

#header {
	width:100%;
	height:120px;}

#headercenter {
	width:940px;
	padding-left:0px;
	padding-right:0px;
	height:auto;
	display:table;
	margin: 0 auto;}

#headerlogo { 
 	width: 330px; 
	height: 120px;
	float: left;
	margin: 0 15px 4px 20px;}
	
#headerright{
	width: 400px;
	height: 120px;
	float: right;
	text-align:right;}	

#headerdetails{
	width: 390px;
	height: 70px;
	float: right;
	text-align:right;
	padding-bottom:4px;
	padding-top:10px;
	margin-right:10px;}	

#days { 
	color: #fff;
	margin: 5px 0px 12px 0;
	font-family: georgia, times, "times new roman";
	font-size: 2em; 
}

#location {
	color: #fff;
	margin: 0 0px 14px 0;
	font-size: 1.6em;
}

#phonenumber{
	width: 220px;
	height: 12px;
	float: right;}

	

/* GENERAL
----------------------------------------- */
.center {
	width: 940px;
	margin: 0 auto;}
	
#content {
	width: 910px; 
	height: auto;
	margin: 0 auto;
	overflow:auto;
	padding-left:10px;}
	
#middlearea {
	width: 100%;
	background-color:#0268f0;
	background-image:url(../images/middle-background.gif);
	background-repeat:repeat-x;	
	height: auto;}		
	
#middlecontent {
	width: 940px;  
	height: auto;
	margin: 0 auto;}	

#whitecontenttop {
	width: 680px;
	height: 20px;
	background-image:url(../images/white-content-top.png);
	background-repeat:no-repeat;}	

#whitecontentbackground {
	width: 640px;
	padding-left:20px;
	padding-right:20px;
	height: auto;
	background-image:url(../images/white-content-background.png);
	background-repeat:repeat-y;}
	
#whitecontentbottom {
	width: 680px;
	height: 30px;
	background-image:url(../images/white-content-bottom.png);
	background-repeat:no-repeat;}		
	
#leftcolumn {
	float:left;
	width: 650px;
	height:auto;
	margin-left:0px;
	margin-top:0px;
	margin-bottom:0px;}
	
.leftcolumn{
	float:left;
	width: 650px;
	height:auto;
	margin-top:0px;
	margin-bottom:0px;}

.lefttext {
	width: 600px;
	height:auto;
	margin-bottom:0px;
	float:left;
	padding: 0px 30px 0px 10px;}
	
.lefttext p a{
	text-decoration:underline;
	
	/*color:#5c86ae;*/
	font-weight:600;}
	
.lefttext p a:hover{
	
	text-decoration:none;
	/*color:#5c86ae;*/
	/*font-weight:600;*/}	
	

.contentnav {
	float:right;
	height:30px;
	width:auto;
	margin-left:0px;}

.contentnavtext {
	margin-right: 4px;
	width:auto;
	float:right;
	margin-left:30px;
	padding-top:8px;
	font-size:1.2em;}
	
.contentnavtext a{
	text-decoration:none;}	

#rightcolumn {
	float:left;
	margin-left:10px;
	width: 250px;
	height:auto;
	text-align:right;}

#rightcolumnadjustment {
	position:absolute;
	top:160px;
	width: 250px;
	height:auto;}

.rightcolumn {
	position:absolute;
	top:160px;
	width: 250px;
	height:auto;}

.righttext {
	width: 240px;
	height:auto;
	margin-bottom:10px;
	text-align:right;
	font-size: 1.4em;
	color:#fff;}

.rightlink a{
	color:#FFF;}

.lefttext ul {
	font-size: 1.2em;
	color:#165090;
	margin-left:20px;
	margin-bottom:10px;}

.lefttext li {
	font-size: 1.2em;
	line-height:18px;
	color:#165090;
	list-style-type:disc;
	list-style-position:inside;
	margin-bottom:10px;}		

.speechbubbletop {
	height:20px;
	width:250px;
	/*background-image:url(../images/speechbubble-top.png);*/}
	
	
.speechbubblebackground {
	height:auto;
	width:200px;
	background-image:url(../images/speechbubble-background.png);
	color:#165090;
	padding-left:20px;
	padding-right:30px;
	text-align:left;
	font-size:1.7em;}

.speechbubblecredit {
	margin-top: 5px;
	font-size:80%;
	text-align:right;}

#flashbanner {
	width:620px;
	height:320px;
	margin-top:-10px;
	margin-left:-10px;
	margin-bottom:30px;}

/* NAVIGATION
-------------------------------------------- */
#menustrip {
	width:100%;
	height:40px;
	margin-top:0px;
	margin-bottom:0px;}
	
.navigation {
	width: 920px;
	margin: 0 auto;
	padding-left:20px;
	padding-right:0px;
	overflow: hidden;}
	
	.navigation ul { 
 		float: left;}
		
		.navigation ul li { 
	 		list-style: none; 
			margin: 0 2px; 
			float: left;
			line-height: 3.3em;
			display: block;}
			
  			.navigation ul li a { 
				float: left;
				text-decoration: none;
				display: block; 
				height: 40px; 
				font-size: 1.6em; 
				padding: 0 0 0 10px;
				color: #fff;}
				
				.navigation ul li a span {
					text-align: center;
	        		float: left;
					padding-right: 10px;
					height: 36px;}
					
					.navigation ul li a:hover { 
						color: #fff;
						cursor: pointer;}
						
					.navigation ul li a:hover span {
						text-decoration:underline;
						cursor: pointer;}
					
    			.navigation ul li a.current,
	    		.navigation ul li a.section,
	    		.navigation ul li a.section:hover,
	    		.navigation ul li a.current:hover { 
					background-image:url(../images/activemenu.png);
					background-position:center bottom;
					background-repeat:no-repeat;
				 	color: #fff;}
					
				.navigation ul li a.current span,
				.navigation ul li a.section span,
	    		.navigation ul li a.section:hover span,
				.navigation ul li a.current:hover span {			
					color: #fff;}

/* TABLE
----------------------------------------- */

td b {
	color: #666;}

td i {
	color: #919191;
	font-size: 11px;}

th {
	color: #4d4d4d;
	text-align: left;
	padding: 3px 6px;
	font-size: 12px;
	font-weight: bold;
	border-bottom: 1px solid #ccc;}

   
/* COMMENTS
---------------------------------------- */

#commentscontent {
	width: 900px;
	height:auto;
	margin: 20px auto 20px auto; 
	padding-left:10px;
	padding-right:10px;
	float:left;}

#commentspanel {
	width: 360px;
	height: 360px;  
	float: left;
	position:relative;
	margin:0px;}

#CommentHolder {
	position:relative;
	display:table;
	width: 540px;
	height:auto;  
	float: right;}

#CommentHolder ul {
	list-style: none;
	margin: 20px 0;}

#PageComments li {
	margin: 5px 0;
	padding-top:10px;
	width: 530px;
	border-top: 1px solid #ccc;}
		.actionLinks li {
		   display: inline;
		   border-right: 1px solid;}
			.actionLinks li a {
				padding-right: 3px;
				font-size: 10px;}
   			.actionLinks li.last {
      			border-right: none;}

#CommentsRSSFeed {
	margin-top:60px;}

.commentrss {
	background: transparent url(../images/feed-icon-14x14.png) no-repeat;
	padding-left: 20px;
	padding-right: 20px;
	font-size: 1.1em;
	line-height: 1.2em;}

#PageCommentsPagination p {
	text-align: center;
	font-size: 1.2em;}

#PageComments p {
	font-size: 1.2em;}
	
	#PageComments p.info {
		color: #333;
		margin: 0px;
		padding: 0;
		line-height: 1em;
		font-size: 1em;}



/* MESSAGEBOXS
--------------------------------------------- */
.message {
	margin: 15px;
	padding: 5px;
	width: 92%;
	color: #979908;
	border: 4px solid #F7F8B4;
	background: #FFFFEA;}
	
span.middleColumn .message {
	margin: 4px 0 0 3px;}
	
.required {
	margin: 4px 0 0 3px;
	padding: 5px;
	width: 92%;
	color: #DC1313;
	border: 4px solid #FF7373;
	background: #FED0D0;}

p#Remember label {
	margin: -24px 0 0 20px;
	text-align: left;}
.entry {
	border-bottom: 1px solid #eee;}

.typography #Content p.authorDate {
	color: #444;
	margin-top: -15px;}
	


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

#footerstrip { 
	width: 100%; 
	height: 50px; 
	float:left;
	padding-top:110px;
	background-image:url(../images/footer.gif);
	background-repeat:repeat-x;}
	
#footer { 
	width: 920px; 
	margin: 0 auto;
	padding-top:0px;}
	
  	#footer p { 
		color:#fff;
		font-size: 1.3em;
		text-align: right;
		margin-left:10px;}
  		#footer a { 
	   		color: #fff;
	   		text-decoration: none;}
			#footer a:hover {
				color:#FFF;
				text-decoration: underline;}