@charset "utf-8";
/* CSS Document */


* {
	padding: 0;
	margin: 0;
}

html, body {
	height:100%;
	margin-bottom: 1px; /* saves you from the "centering jump" on short pages */
	background-color: #22bbff;
	}
body {
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	font-family: "museo-1","museo-2", Arial, Helvetica, sans-serif;
	font-size: 12px;
	
}

#logo {
	/*background: url(../images/dewmuffins-logo.png) 0 0 no-repeat;*/
	width: 268px;
	height: 42px;
	position: absolute;
	top: 17px;
	left: 60px;
	z-index: 1900;
	/*text-indent: -9999px;*/
}

	
#wrapper {
	margin: 0;
	padding: 0;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	/*margin: 0 auto -281px;*/
	background-image: url(../images/header-temp3.png);
	background-repeat: no-repeat;
	background-position: center top;
}

/*.footer {
	background-image: url(../images/dewmuffins-friends-bg.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-color: #336633;
}

.footer, .push {
	height: 281px;
}*/
	
.bghelper1st {
	margin: 0;
	padding: 0;

	min-height: 100%;
	height: auto !important;
	height: 100%;
	position: absolute;
	width: 100%;


	left: 0px;
	top: 0px;
}
.bghelper2nd {
	margin: 0;
	padding: 0;
	background-image: url(../images/dewmuffins-friends-bg2.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
}
#container {
	min-width:900px;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page*/
	border: 0px none #000000;
	text-align: center;
	min-height: 100%;
	height: 100%;
	padding-top:359px;
	position:relative;
	/*background-image: url(../images/960grid.png);*/
	/*background-position: 0px 359px;*/
}	

/*#container  {
	min-width:900px;
	padding-top:359px;
	position:relative;
	width:100%;
}*/
* html #container { /* this will help IE6 */
	height: 100%;
}
.rightColumn {
	float: right;
	width: 18em; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 15px 0;
	background-repeat: no-repeat;
}
	/*height: 600px;
	width: 200px;
	position: relative;
	background-color: #3dc2fc;
	background-image: url(../images/pan-4x-pirates-00.gif);
	background-repeat: no-repeat;
	float: right;
}*/


/*#mainContent {
	padding: 0;
	text-align: center;
}*/
#mainContent {
	margin: 0 20em 0 50px; 
	/*margin: 0 13em 0 10px;*/
}

.panelLogo {
	position:absolute;
	left: 10px;
	top: 10px;
}

.oneColFixCtr #mainContent .marque {
	padding: 0; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	text-align: left;
	margin-left: 0px;
	margin-bottom: 20px;
	padding-top: 100px;
}

.oneColFixCtr #footer {
	height: 600px;
	padding-top: 100px;
}

.oneColFixCtr #mainContent #panel-left {
	height: 250px;
	width: 460px;
	float: left;
	margin-right: 9px;
	margin-left: 10px;
}

.oneColFixCtr #mainContent .shirtbox { */Stuff page shirts */
	height: 220px;
	width: 220px;
	float: left;
	overflow: visible;
	padding-left: 10px;
	padding-right: 10px;
}

.shirtbox .textdescription {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: center;
}

.oneColFixCtr #mainContent #panel-left .bg {
	background-image: url(../images/content-panels-medium-bg.gif);
	background-repeat: repeat-y;
	background-position: left top;
	background-color: #FFFFFF;
	padding-left: 11px;
	text-align: left;
	padding-top: 10px;
}
.oneColFixCtr  #mainContent  #panel-left-download  .boxit {
	padding-left: 13px;
	text-align: left;
	padding-bottom: 8px;
}
.oneColFixCtr  #mainContent  #panel-left-download  .calendar-thumb {
	padding-left: 14px;
	text-align: left;
	float: left;
	width: 200px;
	margin-bottom: 15px;
}

.oneColFixCtr #mainContent #panel-middle {
	height: 177px;
	width: 227px;
	float: left;
	margin-right: 9px;
	margin-top: 20px;
}
.oneColFixCtr #mainContent #panel-right {
	height: 177px;
	width: 227px;
	float: left;
}

.oneColFixCtr #social {
	padding: 0;
	position: absolute;
	z-index: 97;
	height: 173px;
	width: 198px;
	bottom: 0px;
	right: 0px;
	text-align:left;
}

.oneColFixCtr #email {
	position: absolute;
	z-index: 98;
	height: 160px;
	width: 384px;
	bottom: 0px;
	left: 0px;
	text-align:right;
	background-image: url(../images/dewmuffins-newsletter.png);
	background-repeat: no-repeat;
	background-position: right top;
}

.brclear {
	clear:both;
	height:0;
	margin:0;
	font-size: 1px;
	line-height: 0px;
}

/* ---------- begin sliding panel ---------- */
a:focus {
	outline: none;
}

#wrapper #panelwrapper {
	width: 414px;
	position: absolute;
	left: 0px;
	bottom: 0px;
}
#panel {
	height: 224px;
	display: none;
	background-image: url(../images/panel.png);
}
.slide {
	margin: 0;
	padding: 0;
	background-image: url(../images/panel-button.png);
	background-repeat: no-repeat;
	background-position: center bottom;
}
.btn-slide {
	text-align: center;
	width: 404px;
	height: 160px;
	padding: 10px 10px 0 0;
	margin: 0 auto;
	display: block;
	font: bold 120%/100% Arial, Helvetica, sans-serif;
	color: #fff;
	text-decoration: none;
	background-image: url(../images/white-arrow.png);
	background-repeat: no-repeat;
	background-position: right -250px;
}
.active {
	background-position: right 11px;
}


/* ----------- My Form ----------- */
.myform{
	width:350px;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 40px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

/* ----------- stylized ----------- */
#stylized{
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#stylized label{
	display:block;
	font-weight:bold;
	text-align:right;
	width:100px;
	float:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
#stylized .small{
color:#666666;
display:block;
font-size:11px;
font-weight:normal;
text-align:right;
width:140px;
}
#stylized input{
	float:left;
	font-size:12px;
	border:solid 1px #aacfe4;
	width:145px;
	margin-top: 2px;
	margin-right: 0;
	margin-bottom: 17px;
	margin-left: 10px;
	padding: 2px;
}
#stylized button{
	clear:both;
	margin-left:155px;
	width:53px;
	height:53px;
	text-align:right;
	font-size:24px;
	font-weight:bold;
	background: transparent;
	background-image: url(../images/signup-button2.png);
	background-repeat: no-repeat;

	border: 0px;
}

#stylized button:hover
 {
     background: url(../images/signup-button2.png) 0 -63px no-repeat;
 }
 
 /* IE6 css fixer v0.4: Sun, 19 Jul 2009 08:13:07 +0200 */

/* ============================================= */
/* safe settings                                 */

/* add display:inline to floated elements */
* html .oneColFixCtr #mainContent #panel-left,
* html .oneColFixCtr #mainContent #panel-middle,
* html .oneColFixCtr #mainContent #panel-right,
* html #stylized label,
* html #stylized input {display:inline;}

/* convert min height values */
* html .oneColFixCtr #container {height:100%;}
/* End IE6 fixer*/

.oneColFixCtr #mainContent #panel-left-download {
	width: 463px;
	float: left;
	margin-right: 9px;
	margin-left: 10px;
	margin-top: 20px;
}
.oneColFixCtr #mainContent #panel-left-download .bg {
	background-image: url(../images/content-panels-medium-bg.gif);
	background-repeat: repeat-y;
	background-position: left top;
	background-color: #FFFF66;
	padding-left: 11px;
	text-align: left;
	padding-top: 10px;
}
.oneColFixCtr #mainContent #panel-single {
	width: 921px;
	float: left;
	margin-left: 45px;
}
.oneColFixCtr #mainContent #panel-right-double {
	height: 177px;
	width: 463px;
	float: left;
	margin-left: 9px;
}
.oneColFixCtr #mainContent .panel-lt {
	height: 177px;
	width: 463px;
	float: left;
	margin-right: 9px;
	margin-left: 10px;
	margin-top: 15px;
}
.oneColFixCtr #mainContent .panel-rt-double {
	height: 177px;
	width: 463px;
	float: left;
	margin-left: 9px;
	margin-top: 15px;
}
#animHeader {
	height: 200px;
	width: 100%;
	background-image: url(../images/blogger-32x32.png);
	background-repeat: repeat-x;
}

h1 { 
	font-family: 'Droid Sans', arial, serif;
	font-size:14px;
}

/*Start Main Navigation*/

#navcontainer {
	padding-top: 10px;
	text-align: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	text-decoration: none;
	/*display: block;*/
	z-index: 3000;
	position: absolute;
	height: 50px;
	width: 500px;
	top: 0px;
	right: 50px;
}

#navcontainer ul#navlist
{
	margin-left: 0;
	padding-left: 0;
	margin-right: 0px;
	white-space: nowrap;
}

#navcontainer #navlist li
{
display: inline;
list-style-type: none;
}

#navcontainer #navlist a { padding: 3px 10px; }

#navcontainer #navlist a:link, #navlist a:visited
{
	color: #fff;
	text-decoration: none;
}

#navcontainer #navlist a:hover
{
color: #fff;
background-color: #2cb6e4;
text-decoration: none;
}

/* Fonts */
h1 {
	font-family: 'Reenie Beanie', arial, serif;
	font-size: 30px;
	/*text-shadow: 4px 4px 4px #aaa;*/

}

  h2 {
	font-family: 'Molengo', arial, serif;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #FFF;
}

h3 {
	font-family: 'Droid Sans', arial, serif;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #000;
	line-height: 18px;
}

h4 {
	font-family: 'Droid Sans', arial, serif;
	font-size: 24px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	color: #FFF;
}

.dewBody {
	font-family: "sovba-1","sovba-2",sans-serif;
	font-size:16px;
	text-align: left;

}

.contentPanel-100 {
	/*height: 300px;*/
	min-height: 300px;
	width: 100%;
	position: relative;
	/*background-color: #fff;*/
	/*background-image: url(../images/pan-4x-pirates-00.gif);*/
	/*background-repeat: no-repeat;*/
	/*float: left;*/
	margin-bottom: 0;
}

/* .contentPanel-100 for Internet Explorer */
/*\*/
* html .contentPanel-100 {
height: 300px;
}
/**/

.contentPanel-50 {
	height: 250px;
	width: 48%;
	position: relative;
	background-color: #fff;
	/*background-image: url(../images/pan-4x-pirates-00.gif);*/
	/*background-repeat: no-repeat;*/
	/*float: left;*/
	margin-bottom: 20px;
}

.contentPanel-100 .textBox-100 {
	padding: 5px 10px 30px 560px;
	max-width:640px;
	text-align: left;
}

.contentPanel-50 .textBox-50 {
	/*width:220px;*/
	padding: 15px 10px 10px 220px;
	text-align: left;
	/*max-width:650px;*/
}

.rounded-corners {
	/*border: 7px solid #fff;*/
	/*padding: 25px;*/
     -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    -khtml-border-radius: 15px;
    border-radius: 15px;
	behavior: url(border-radius.htc); /* required for IE browsers*/
	z-index: inherit;
	zoom: 1; /* For IE6 */
}
.box2 {
	background: transparent url(ashera.jpg); no-repeat top left;
	width: 420px;
	height: 220px;
	/*margin: 0 auto 35px auto; */
	padding: 30px;
	color: #fff;
	font-weight: bold;
	border: 11px solid #35b70e;

	-moz-border-radius: 32px;
	-webkit-border-radius: 32px;
	border-radius: 32px;
	behavior: url(border-radius.htc);
}

.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	/*margin-left: 8px;*/
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	/*margin-right: 8px;*/
}

/*.rounded-corners {
    behavior: url(border-radius.htc);
    border-radius: 10px;
}*/

.contentPanel-50 .flashMv {
	border: 0;
	float: left;
}



.buttonup {
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	vertical-align: baseline;
	margin: 0 2px;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	/*font: 14px/100% Arial, Helvetica, sans-serif;*/
	padding: .5em 2em .55em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}

.buttonup:hover {
	text-decoration: none;
}
.buttonup:active {
	position: relative;
	top: 1px;
}
.bigrounded {
	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius: 2em;
}
.medium {
	font-size: 12px;
	padding: .4em 1.5em .42em;
}
.small {
	font-size: 11px;
	padding: .2em 1em .275em;
}


/*-----------button colors----------------*/
/* rosy */
.rosy {
	color: #fae7e9;
	border: solid 1px #b73948;
	background: #da5867;
	background: -webkit-gradient(linear, left top, left bottom, from(#f16c7c), to(#bf404f));
	background: -moz-linear-gradient(top,  #f16c7c,  #bf404f);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f16c7c', endColorstr='#bf404f');
}
.rosy:hover {
	background: #ba4b58;
	background: -webkit-gradient(linear, left top, left bottom, from(#cf5d6a), to(#a53845));
	background: -moz-linear-gradient(top,  #cf5d6a,  #a53845);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#cf5d6a', endColorstr='#a53845');
}
.rosy:active {
	color: #dca4ab;
	background: -webkit-gradient(linear, left top, left bottom, from(#bf404f), to(#f16c7c));
	background: -moz-linear-gradient(top,  #bf404f,  #f16c7c);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#bf404f', endColorstr='#f16c7c');
}

/* red */
.red {
	color: #faddde;
	border: solid 1px #980c10;
	background: #d81b21;
	background: -webkit-gradient(linear, left top, left bottom, from(#ed1c24), to(#aa1317));
	background: -moz-linear-gradient(top,  #ed1c24,  #aa1317);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ed1c24', endColorstr='#aa1317');
}
.red:hover {
	background: #b61318;
	background: -webkit-gradient(linear, left top, left bottom, from(#c9151b), to(#a11115));
	background: -moz-linear-gradient(top,  #c9151b,  #a11115);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#c9151b', endColorstr='#a11115');
}
.red:active {
	color: #de898c;
	background: -webkit-gradient(linear, left top, left bottom, from(#aa1317), to(#ed1c24));
	background: -moz-linear-gradient(top,  #aa1317,  #ed1c24);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#aa1317', endColorstr='#ed1c24');
}