/*stylesheet for dancinghearts.org redesign in Joomla! 1.013 January, 2008 
focus is mainly on layout to keep background images in place. 
imports reset styles created by Eric Meyer 
requires separate home.css and iestyle.css files as well
*/

@import "reset.css";

/*all boxes are floated left, rather than absolutely positioned */
html, body{
  height:100%;
  margin:0;
  padding:0;
}

body{
  background-color:#fff;
  color:#000;
  background-image:url(../images/header.jpg);
  background-repeat:no-repeat;
  background-position:top left;
  font-family:Verdana, Tahoma, sans-serif;
  font-size:100%;
  }

a:link{
  color:#3C7D78;
  background-color:transparent; 
  text-decoration:none !important; 
}

a:visited{
	color:#3C3296;
	  background-color:transparent; 
  text-decoration:none !important; 
}

a:hover{
	color:#3C7D78;
	text-decoration:none !important; 
}

/*page contains entire page minus the footer */
#page{
	width:100%;
	float:left;
}

/*container contains the entire page minus the footer and sets the page width
changed 11/09 to accomodate wider screens*/
#container {
  /* width:950px;*/
  min-width:950px;
  max-width:1280px;
  width:99%;
  min-height:100%;
  margin:0;
  padding:0;
  float:left;

}

/*contains the main header wrapper for heart/hand logo and site name */
div#header{
	float:left;
	width:100%;
}

/*div containing the heart/hand/globe logo */

#logo1 {
	float:left;
  width:215px;
  height:241px;
  display:inline;
}

/*div containing the site name */

#logo2 {
float:left;
  width:506px;
  height:241px;
}


/*container for the left and center section - spirals are the background image for this on the left to insure that the column follows the center section as it grows */
/*changed to accomodate width chnages in container 11/09 */
#content{
	float:left;
/*	width:950px; */
  min-width:950px;
  max-width:1280px;
  width:99%;


	margin:0;
  padding:0;
  background-color:transparent;	
  background-image: url(../images/leftside.jpg);
  background-repeat:repeat-y;
  background-position:top left;
}

/*left holds the credits for Kathy, the left side navigation menu and other modules */

#left{
	float:left;
	width:260px;
	height:100%;
}

/*wrapper for credits and catch phrase */
#contentTopLeft{
	float:left;
}

/*credits and catch phrase */

#logo3 {
  float:left;
  top:241px;
  width:260px;
  height:117px;
}



#leftside{
  float:left;
  left:0px;
  top:358px;
  width:260px;
  background-color:transparent;
  font-size:76%;

}

#leftnavTop, .leftModuleTop{	
	background-color:#C4D8CC;
	background-image:url(../images/tc.jpg);
	background-repeat:no-repeat;
	background-position:top right;
	width:200px;
	padding-top:10px;
margin-top:20px;

}



#leftnavL, .leftModuleL{	
	background-color:#C4D8CC;
	background-image:url(../images/lc.jpg);
	background-repeat:no-repeat;
	background-position:bottom right;
	width:200px;
	height:27px;
padding-top:2px;
}

/*center column. Set font styles here to control leftside font */
#maincontent{
  float:left;
/* width:640px;*/
width:70%;
max-width:940px;
min-width:640px;

  background-color:transparent; 
  font-size:80%;
  margin-top:50px;
  margin-left:25px;
}
#maincontentN{
  float:left;
 /* width:450px;*/
 width:50%;
max-width:740px;
min-width:450px;


  background-color:transparent; 
  font-size:80%;
  margin-top:50px;
  margin-left:25px;
	
}
	

#right{
	width:190px;
	float:right;
	background-color:transparent;
	font-size:80%;
	margin:150px 0 0 5px;
	padding:0;
}


/*footer stands alone outside the top section of the site, answers only to the body and html */

#footer{
		background-color:#fff;
		background-image:url(../images/leftlower.jpg);
		background-repeat:no-repeat;
		background-position:top left;
		height:300px;
	  width:100%;
	  padding-top:10px;
	  text-align:center;
	  clear:both;
}

div#footerContent{
    margin:10px auto;
    font-size:62%; 
    font-weight:bold;
    font-style:italic;
  }
 
/*Safari on windows was not centering the image in the footer so I shrinkwrapped the gif */ 
div#shrinkWrap{
	width:650px;
	margin:0 auto 0 270px;
	text-align:center;
}

div#footerImage{
  margin:170px auto 0 auto;
  text-align:center;

}

div#footerImage img{
    display:block;
    margin:0 auto;
  }
  

div.clearDiv{
  clear:both;
  height:1px;
  }
  
#leftside table td{
margin:0.125em;
font-size:95%;
font-family:Verdana, sans-serif;

}

div.modulesec{
	clear:both;
}

#leftside a.mainlevel, div.modulesec a.mainlevelsec, div.modulescmod a{
display:block;  
  border-bottom:1px solid #99B293;
 padding:5px 2px 5px 10px;
color:#1E271B;
font-weight:bold;
}

div.modulesec a.mainlevelsec{
	font-weight:normal;
}

#leftside a.sublevel, div.modulesec a.sublevelsec{
display:block;
 margin-left:10px;
 padding:5px 2px 5px 5px;
 border-bottom:1px solid #99B293;
color:#1E271B;
}


div#left div#leftside div#leftnavTop div.module div div div table td div div a.sublevel, div.modulesec a.sublevelsec{
	margin-left:20px;
}


#leftside a#active_menu{
  display:block;
border-bottom:1px solid #99B293;
background-color:#FFC168;
}

#leftside a:hover{
	color:#1E271B;
background-color:#FFC168;
}

/*styling for center content */

table.blog{ /*can control width of center section here */
	
}

table.bloghomep{

}


table.blog div,table.blogcircle div, table.bloghomep div {
	padding:0.5em 0.5em 0 0.5em;
	background-color:#fafafa;
	margin-bottom:1em;
}


table.contentpaneopen, table.contentpaneopencircle{
	width:100%;
	padding:0.5em;
}

table.contentpaneopencircle{
	margin-top:1.5em;
}


table.contentpaneopen td. table.contentpaneopencircle td, table.contentpaneopenhomep td{
	padding:0.25em;
}
td.contentheading {
text-align:center;
font-weight: bold;

font-family: Verdana, Tahoma, Myriad, Helvetica, Univers, sans-serif;
color: #1D3C1A;
}

table.blog div table.contentpaneopen td.contentheading, table.blogcircle div table.contentpaneopencircle td.contentheading{
	margin-top:0;
	padding-top:0.5em;
	padding-bottom:0.5em;
	margin-bottom:0;
	font-size:180%;
}

table.blog table table.contentpaneopen td.contentheading, table.blogcircle table table.contentpaneopencircle td.contentheading{
	padding-top:0.25em;
	font-size: 150%;
	padding-bottom:0.25em;
}

td.createdate, td.modifydate {
	font-size:76%;
	text-align:right;
	color:#999;
	margin:0;
	padding:0;
}

td.createdate{
		padding:0 0.125em 0.125em 0.1em;
	}


td.modifydate,table.contentpaneopen td.modifydate, table.contentpaneopencircle td.modifydate{
	padding: 1em 0.125em 1.5em 0.1em;
}

span.author{
	font-size:80%;
	display:block;
	text-align:right;
	color:#999;
	padding:0.125em 0.125em 0 0.1em;
	margin:0;	
}

div#pathway {
	margin:0.25em 0 1em 0;
	font-size:85%;

}

#pathway_text, .pathway a:visited {
	padding:0;
	margin:0;	
	vertical-align:top;
}

.pathway img{
	vertical-align:middle;
	padding:0;
	margin:0;
}

.pagenav{
	font-size:80%;
	padding-right:10px;
}


table.contentpaneopen td form label{
	padding:1.5em 0 ;
}


td.contentheading, div.componentheadingcircle {
text-align:center;
font-weight: bold;
font-size: 150%;
font-family: Verdana, Tahoma, Myriad, Helvetica, Univers, sans-serif;
padding:0;
color: #1D3C1A;
}

/*styling for read more link - required hack to com_content content.html.php file to remove hard-coded text=left from table cell and to add span with a class of readmore for finer control

*/

span.readmore{
	display:block;
	text-align:right;
	margin-bottom:25px;
}

a.readon:link, a.readon:visited, a.readon:active, a.readoncircle:link, a.readoncircle:visited, a.readoncircle:active, a.readonhomep:link, a.readonhomep:visited, a.readonhomep:active {
	text-align:right!important;
	border:1px solid #DBF1DE;
	padding-left:22px;
	padding-top:2px;
	padding-bottom:2px;
	padding-right:2px;
	background-color:#ECF2EF;
	background-image:url(../images/forward.png);
	background-repeat:no-repeat;
	background-position:left center;	

}

a.readon:hover, a.readon:focus, a.readoncircle:hover, a.readoncircle:focus, a.readonhomep:hover, a.readonhomep:focus{
		color:#668369;
	background-color:#FFC168;
	}


table.blog div span.readmore{
	margin-bottom:5px;
}

/* end read more link styling */

.article_seperator{
	font-size:1em;
	display:block;
	border-bottom:1px solid #aaa;
	margin-bottom:1em;
}


table.blog div .article_seperator{
	border-bottom:none;
}

div.moduletable .article_seperator{
	border-bottom:none;
}

td.buttonheading{
	padding:2px;
}

table.blog table table.contentpaneopen td.buttonheading, table.blogcircle table table.contentpaneopencircle td.buttonheading{
	padding-top:30px;
}

ul.boldList{
	font-size:103%;
	font-weight:bold;
}

ul.centerList{
	text-align:center;
	margin:0.125em auto;
}


/* end center section style */

/*Module specific styles */

div#mainLeft{
/*	width:300px; */
width:45%;
min-width:300px;
	float:left;
	margin:1em 0.25em;
		
}

div#mainRight{
/*	width:300px; */
width:45%;
min-width:300px;
	 float:right;
	 margin:1em 0.25em;
 }

.modH{
	clear:both;
	padding:1em;
	margin:1em;
}

.modV{
	padding:1em 0.25em;
	margin:2em 0.25em;
}

.modV ul{
	margin-top:2em;
	margin-bottom:1em;
}

.moduleq h3{
	color:#003300;
}

div#flash9{
	margin:0 auto 2em auto;
	border-bottom:1px solid #aaa;
}

div#flash9 p{
	margin-top:0;
	padding-top:0;
}

div#flash9 table td a.mainlevel{
	padding-top:0;
	margin-top:0;
}
	
div.leftModuleTop{
margin-top:50px;
}

div.leftModuleTop div.module div div div h3{
	text-align:left;
	padding-top:10px;
	padding-left:10px;
}

#searchtop{
	margin-top: 10px;
}


table.poll
{
	margin-bottom:1.5em;
	margin-top:1em;
}

#module5 .moduletable, #module6 .moduletable,#right .module{
	margin:0 0 2em 0;
	padding:0.25em;
	border:4px solid #C5D8CD;
	background-color:#F4F6F4;
	
}
#module5 .moduletable h3, #module6 .moduletable h3, #right module h3{
	margin:1em auto 0 auto;
	color:#53655A;
	padding-bottom:0.5em;
}

#module5 .moduletable ul #right ul{
	margin:0.15em 0.5em;	
	
}	

/* changed 12-10-08 to accomodate login changes 
#signup{
	height:50px;
	font-size:125%;
	margin:20px 0;
	padding-top:20px;
}

#signup a:link, #signup a:visited{
	border-bottom:0;
	padding-top:1em;
	padding-bottom:1em;
	background-color:#FFC168;
}

#signup a:hover{
	border-bottom:0;
	color:#F5812A;
}

end  changes - see below for new styles*/
#signup div.module div div div h3{
	padding-left:15px;
	background-image:url(../images/hearts.gif);
	background-repeat:no-repeat;
	background-position:left 50%;
	height:25px;
	vertical-align:middle;
}

#signup div.modulescmod div div div h3{
	text-align:left;
	padding-top:5px;
	padding-left:10px;
}

#signup div.modulelog div div div h3{
	font-size:105%;
	padding-top:10px;

}

#signup div.modulelog div div div form#login label{
		font-size: 90%;

}

#signup div.modulelog form#login ul{
	margin-left:15px;
	margin-top:5px;
	margin-bottom:5px;
}


#signup div.modulelog div div div form#login input.button{
	display:block;
	margin-left:25px;
}

#signup div.modulelog, #signup div.modulescmod{
	margin-bottom:10px;
	clear:both;
}


#signup div.modulescmod ul.blog-latest, #signup div.modulescmod ul.blog-archives{
	list-style:none;
}
#signup div.modulescmod ul.blog-latest,#signup div.modulescmod ul.blog-latest li, #signup div.modulescmod ul.blog-archives, #signup div.modulescmod ul.blog-archives li{

	margin-left:5px;
	padding-left:0;
}


.fineprint{
	font-size:9px;
}

/*Specific styling for link to Calendar from intro page */
a.mainlevelcal{
	font-size:130%;
	padding-top:1em;
	padding-bottom:1em;
	text-align:center;
	margin:0 auto;
}


div.componentheadingfm{
	font-size:140%;
	color:#003300;
	text-align:center;
}


/*Specific styling for links in store modules on left - class modulevm for virtuemart and modulefp for featured products*/

.modulevm div div div h3, .modulefp div div div h3, .modulelog div div div h3{
 padding:5px 5px 5px 10px;
text-align:left;
}

.modulevm div div div a.mainlevelvm, .modulevm div div div table tr td a {
display:block;
 padding:5px 2px 5px 10px;
 border-bottom:1px solid #99B293;
color:#1E271B;

}
.modulevm div div div a.mainlevelvm{
font-size:90%;
}

.modulevm div div div a#active_menu{
	font-style:normal;
}

.modulevm div div div table{
	margin: 0;
	padding:0;
}


.modulevm div div div table td{
	padding:2px 0 2px 10px;
	margin:0;
}

.modulevm div div div table tr td a, .modulevm div div div table tr td a.mainlevelvm{
padding:5px 0 5px 0;
margin-top:0;
font-size:100%;
font-weight:bold;
}

.modulevm div div div table hr, .modulevm div div div table br{
	display:none;
}

.modulevm div div div table tr td label{
	padding:10px 5px 5px 0;
	font-weight:bold;
	font-size:100%;
}	
.modulevm div div div table tr td form{
	padding:3px 0 5px 15px;
	 border-bottom:1px solid #99B293;
}

.modulelog div div div form{
	padding-left:10px;

}

.modulelog div div div form table, .modulelog div div div form table td{
	padding-left:10px;
}


/* product list styling */

div#product_list h3.prodname, div#product_list h3.prodname a{
	text-align:left;
	padding:0;
	margin-top:1em;
	font-size:115%;
}

div#product_list div.proddesc{
	margin:0.25em 0.25em 0.25em 1em;
}

div#product_list div.proddesc span.prod-detail{
	display:block;
	margin-left:2px;
}
div#product_list div.prodprice{
	display:block;
	margin-left:1em;
}

div#product_list div.add_cart_f{
	text-align:left;
	margin:0.25em 0.25em 1em 2.5em;
}

div#product_list div.add_cart_f label{
	vertical-align:middle;
	padding-right:0.25em;
	display:inline;
}

div#product_list div.add_cart_f .submitBtn{
	display:inline;
	margin-left:2em;
	vertical-align:top;
	padding:0.25em;
	background-color:#B4D2BE;
	border:1px solid #ccc;
	
}
div.add_cart_div{
	text-align:left;
}

form#addtocart div.attr div{
	display:inline;
}
form#addtocart div.attr div label{
	text-align:left;
	margin-left:1em;
	display:inline;
}

form#addtocart div.attr div .inputbox{
	margin-left:1em;
	display:inline;
}

form#addtocart div.quantity_detail{
	display:block;
	text-align:left;
	margin-left:1em;
	margin-top:0.5em;
}

form#addtocart div.quantity_detail label#quantityLabel {
	text-align:left;
	margin:0.25em;
}

form#addtocart div.subclass input{
	margin:1em auto;
	text-align:center;
	display:block;
}

/*styling for registration lost pwd form */

table#pwdLost{
	margin-top:1.5em;
}

table#pwdLost th{
	text-align:left;
	padding:0.25em;
}

table#pwdLost td{
	padding:0.25em;
}

div#lostPWD table#pwdLost td#buttonPwd{
	padding:0.25em;
	text-align:right!important;
}



table#pwdLost td#buttonPwd #pwdButton{
	border:1px solid #DBF1DE;
	padding-left:22px;
	padding-top:2px;
	padding-bottom:2px;
	padding-right:2px;
	background-color:#ECF2EF;
	background-image:url(../images/forward.png);
	background-repeat:no-repeat;
	background-position:left center;	
	text-align:right;
	display:block;
}

table#pwdLost td#buttonPwd #pwdButton:focus{
	color:#668369;
	background-color:#FFC168;
}



/* end styling for registration lost pwd form */


/* this sets the style of the body of the text editor to white - removes the background image */
.mceContentBody {
background-color: #FFFFFF !important;
background-image:none !important;
width:100% !important;
height:100% !important;
}

/*styling for myblog */
ul.blog-categories{
	list-style:none;
	text-align:left;
	margin:1em 0;

	float:left;
	width:99%;
}

ul.blog-categories li{
	display:inline;	

}

ul.blog-categories li a{
	width:auto;
	padding:0.2em 1em;
	margin-bottom:0.25em;
	color:#333;
	float:left;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;	
	background-color:#F5F4F4;

}

ul.blog-categories li a:hover{
	background-color:#FFC181;
	border-right:1px solid #aaa;
}
	

#myBlog-wrap{
	clear:both;
}

/*end styling for myblog */

/*selected acajoom styling */

span.acamsg{
text-align:left;
font-weight: bold;
font-size: 120%;
font-family: Verdana, Tahoma, Myriad, Helvetica, Univers, sans-serif;
padding:0.5em;
display:block;
margin:0.125em;
color: #1D3C1A;
}


.centermain #acajoom .panelheading th.acajoom{
	
font-family: Verdana, Tahoma, Myriad, Helvetica, Univers, sans-serif;
padding:0.5em;
display:block;
margin:0.125em;
color: #1D3C1A;
text-align:left;
font-weight: bold;
font-size: 120%;
}

.centermain #acajoom .panelheading td #cpanel div.icon{
	padding:1.5em;


}
	
.centermain #acajoom .panelheading{

}

/* styling for archive list display */
form.aca7 table.adminlist, form.aca3 table.adminlist{
	width:95%;
	border:1px solid #ccc;
	margin-top:1.5em;
	text-align:center;
	border-collapse: separate;

}

form.aca7 table.adminlist th.title, form.aca3 table.adminlist th.title{
	font-size:1em;
	padding:0.25em 1em 0.125em 1em;
	color:#1D3C1A;
	text-align:center;
	border-bottom:1px solid #ddd;
	border-right:1px solid #ddd;
	border-collapse: separate;	
}

form.aca7 table.adminlist th{
		background-color:#ECF2EF;
	}



form.aca7 table.adminlist td,  form.aca3 table.adminlist th{
	padding:0.125em 1em;
	font-size:90%;
		border-bottom:1px solid #ddd;
	border-right:1px solid #ddd;
	border-collapse: separate;	
	font-weight:normal;
}
form.aca7 table.adminlist td{
	text-align:center;
}

form.aca3 table.adminlist th{
	text-align:left;
}

/* end archive list display */


.inputboxRO{
	background-color:#efefef;
}

div.acajoom input.button, form.aca4 input[type=submit] {
	border:1px solid #DBF1DE;
	padding-left:22px;
	padding-top:2px;
	padding-bottom:2px;
	padding-right:2px;
	background-color:#ECF2EF;
	background-image:url(../images/forward.png);
	background-repeat:no-repeat;
	background-position:left center;
	margin-left:30%;
	display:block;
}

div.acajoom input.button:hover, div.acajoom input.button:focus, form.aca4 input:hover[type=submit], form.aca4 input:focus[type=submit]{
		color:#668369;
	background-color:#FFC168;
	}

form.aca4 table.adminlist th{
		background-color:#ECF2EF;
		padding:0.25em;
		border:1px solid #eee;
}

form.aca4 fieldset.acajoomcss table.adminlist td{
	padding-top:0.25em;
}


form.aca4 fieldset.acajoomcss table.adminlist td, form.aca4 fieldset.acajoomcss table.adminlist th{
	text-align:center;
}

form.aca4 fieldset.acajoomcss table.adminlist td a{
	text-align:left;
	display:block;
	padding-left:0.75em;
}

form.aca4 fieldset.acajoomcss table.adminlist td img{
	display:block;
	margin:0 auto;
}

/*end selected acajoom styling */

/*styling for user8 */
#user8 div.moduletableamazon{
	margin-top:6em;
	clear:both;

}
/*
div#search{
margin-top:2px;
margin-bottom:2px;
padding:0;
}

div#search form div.searchsearch input#mod_search_searchword{
background-color:#DAF1E7;
border:1px inset #FFC168;
padding:5px 2px;
}
div#search form div.searchsearch input#mod_search_searchword, input.buttonsearch{
font-family: sans-serif;
}

input.buttonsearch{
background-color:#ef8122;}
*/
div#search{
margin-top:5px;
padding:0 0 0 0.25em;
}

div#search h3{
font-style:italic;
font-size:105%;
text-align:left;
margin-left:8%;
margin-top:0;
padding-top:0.5em;
font-weight:normal;
}

div#search form div.searchsearch input#mod_search_searchword{
background-color:#DAF1E7;
border:1px inset #FFC168;
padding:5px 0 0 5px;
}
div#search form div.searchsearch input#mod_search_searchword, input.buttonsearch{
font-family: sans-serif;
}

input.buttonsearch{
background-color:#ef8122;
display:block;
margin-left:25%;
margin-top:0.5em;
margin-bottom:0;
}

.modV ul li{
margin-bottom:0.25em;
}

.modV table.pollstableborder td{
padding-bottom:0.25em;
vertical-align:middle;
}
.modV table.pollstableborder td.sectiontableentry2{
vertical-align:middle;
}

.modV table.poll thead td{
padding-bottom:0.25em;
}

table.bloghomep{
width:80%;
margin:0 auto;
border:2px solid #ccc;
}

table.bloghomep td table td, table.bloghomep td table td table.contentpaneopenhomep td table td, table.bloghomep td table td table.contentpaneopenhomep td table td p, table.contentpaneopenhomep span.readmore, table.contentopenhomep span.readmore a.readonhomep{
padding:0;
margin:0;
}
/* table.contentpaneopenhomep span.readmore, table.contentopenhomep span.readmore a.readonhomep{
display:inline;
}*/
table.bloghomep td table td, table.bloghomep td table td table.contentpaneopenhomep td table td{
background-color:#fafafa;
}

div#module6 div.moduletable form div span.pretext{
margin:0.75em;
}
div#module6 div.moduletable form div input{
margin:0.25em 0.25em 0.125em 0.75em;
}

#vmMainPage div.chkoutmsg{
margin:1em 0.5em;
background-color:#efefef;
padding:0.75em;
border:1px solid #ccc;
font-size:98%;
}

#vmMainPage div.chkoutmsg br{
margin-bottom:0.75em;
padding-bottom:0.5em;
}