/* ---------------------------------------- */
/*   CSS RESETS                             */
/* ---------------------------------------- */
@import url('reset.css');
*:first-child+html {
} * html {
}
body {
	background: #e3e3e3 url('../images/backgroundPattern.png');
	font-family: Arial, Helvetica, sans-serif;
}
* html{ overflow:hidden; }
#container{
	background: url('../images/topBG.png') repeat-x;
	min-height:750px;
	padding-top:20px;
}
#contentBox{
	width:915px;	
	margin:0 auto;
	text-align:center;
}
#content{
	float:left;
	padding-top:10px;
}
#header{
	background:#0b5b7c;
	border-bottom:1px solid #7ad9fa;
	float:left;
	width:100%;
}
#header ul{
	padding-top:10px;
}
#headerContent{
	height:50px;
	width:915px;
	margin:0 auto;
	padding-left:60px;
	text-align:center;
}
#shareLinks{
	margin-top:-23px;
	float:left;
	clear:both;
}
#shareLinks li{
	font-family:Arial;
	font-size:12px;
	color:#fff;
	float:left;
	margin-right:5px;
}
#shareLinks li a{
	color:#fff;
	text-decoration:none;
}
#loginPanel{
	padding-top:5px;
	margin-bottom:-15px;
	float:right;
	display:none;
}
#accountPanel{
	float:right;
	clear:both;
	margin-bottom:10px;
}
#accountPanel li{
	font-family:Arial;
	font-size:12px;
	color:#fff;
	float:left;
	margin-right:5px;
}
#accountPanel a{
	color:#fff;
	text-decoration:none;
}
#topEvents{
	width:915px;
	position:relative;
	height:180px;
	background:url('../images/top.png') bottom no-repeat;
}
#topEvents ul{
	background:#000;
	margin:0 auto;
	text-align:center;
}
#topEvents li{
	position:absolute;
}
#topEvents #topleftimage{
	top:-18px;
	left:30px;
}
#logoMyohReg{
	margin-left:-33px;
}
#topEvents #toprightimage{
	top:0;
	right:80px;
}
#mainContent{
	background:url('../images/body_01.png') repeat-y;
	float:left;
	width:915px;
}
#contentBox2{
	width:860px;
	margin:0 auto;
}
#leftBox{
	width:295px;
	height:1200px;
	float:left;
	margin-right:18px
}
#leftNav{
	margin-top:20px;
	margin-bottom:20px;
}
#leftBox ul{
	text-align:left;
	font-family:"Myriad Pro";
	margin-left:7px;
}
#leftBox a{
	text-decoration:none;
}
#storyContainer{
	background:url('../images/myohStory.png') no-repeat;
	width:283px;
	height:394px;
	position:relative;
	margin-bottom:20px;
}
#submitStory{
	background:url('../images/submitStory.png') no-repeat;
	border:none;
	width:202px;
	height:96px;
	cursor:pointer;
	text-indent:-9999px;
	position:absolute;
	bottom:62px;
	left:39px;
}
#followusIcons{
	height:30px;
	margin-top:10px;
	margin-bottom:20px;
}
#followusIcons li{
	float:left;
	margin-right:5px;
}
#leftBox p{
	font-family:Arial;
	font-size:12px;
}
.imgLeft{
	float:left;
	margin-left:7px;
}
.cyan{
	color:#2299ca;
}
.green{
	color:#02a409;
}
.orange{
	color:#ec7300;
}
.purple{
	color:#9721d5;
}
#rightBox{
	width:545px;
	float:left;
}
#contentFooter{
	background:url('../images/bottom.png');
	width:915px;
	height:119px;
	float:left;
}
#event{
	background: url(../images/arroz-event.png);
}
#schedule{
	background: url(../images/arroz-schedule.png);
	height:200px;
}
#schedule #thead{
	background:#da2d2d;
	color:#fff;
	font-weight:bold;
	margin:0;
	padding:0;
}
#schedule table{
	background:#dcdcdc;
	font-family:Arial;
	font-size:13px;
	color:#616161;
}
#schedule td{
	padding:2px;
}
#designs{
	background: url(../images/arroz-designs.png);
}
#designs h6{
	font-size:16px;
	color:#fff;
	margin:7px 0;
}
#flickrGallery{
	background: url(../images/arroz-flickr.png);
}
#youtubeGallery{
	background: url(../images/arroz-youtube.png);
}
.rounded{
	color:#fff;
	font-family:"Arial";
	font-weight:normal;
	font-size:13px;
	line-height:17px;
	width:500px;
	float:right;
	padding:20px;
	padding-bottom:30px;
	margin-bottom:20px;
	text-align:left;
}
.rounded h1{
	font-size:30px;
	color:#000;
	margin-bottom:10px;
	line-height:30px;
}
h1.white{
	color:#fff;
}
#footer{
	margin:0 auto;
	text-align:center;
}
#footer ul{
	width:326px;
	margin:0 auto;
}
#footer li{
	float:left;
	margin:0 3px;
}
#footer li a{
	color:#1d1d1d;
	text-decoration:none;
	font-family:"Lucida Sans Unicode";
	font-size:12px;
}
td{
	padding:2px;
}
/*	REGISTRATION PAGE */
#registrationmainContent{
	background:url('../images/myohregPagebody.png') repeat-y;
	float:left;
	width:657px;
	margin:0 auto;
	margin-top:-3px;
}
#registrationcontainer{
	background: url('../images/topBG.png') repeat-x;
	padding-top:20px;
}
#havloveregistrationcontainer{
	padding-top:330px;
}
#registrationcontentBox{
	width:657px;
	height:560px;
	margin:0 auto;
	text-align:center;
	margin-bottom:20px;
	margin-top:35px;
	position:relative;
}
#registrationcontent{
	background:url('../images/myohregPagetop.png') top no-repeat;
	float:left;
	padding-top:17px;
	
}
#regcontentBox{
	width:648px;
	float:left;
	margin:0 auto;
	margin-top:30px;
	text-align:center;
}
#regcontentBox .panes{
	float:left;
	width:646px;
}
.panes div{
	border:none;
	margin:0 auto;
	font-family:"Clarendon, Georgia";
}
.signup input, .signin input{
	background:url('../images/LargetextField.png') no-repeat;
	border:none;
	padding-left:5px;
	padding-top:6px;
	width:505px;
	font-size:30px;
	height:42px;
}
.signupBtn, .signinBtn, .finishBtn, .forgotpassBtn, .editBtn, .resendBtn{
	height:40px;
	width:179px;
	text-indent:-9999px;
	border:none;
	cursor:pointer;
}

.signinBtn{
	background:url('../images/buttons.png') 0px -80px no-repeat;
	height:40px;
	width:179px;
}
.signupBtn{
	background:url('../images/buttons.png') 0px 0px no-repeat;
	height:40px;
	width:179px;
}
.editBtn{
	background:url('../images/buttons.png') 0px -240px no-repeat;
}
.forgotpassBtn{
	background:url('../images/buttons.png') 0px -160px no-repeat;
	height:40px;
	width:179px;
}
.resendBtn{
	background:url('../images/buttons.png') 0px -200px no-repeat;
	height:40px;
	width:179px;
}
.finishBtn{
	background:url('../images/buttons.png') 0px -120px no-repeat;
}
.asteriskInfo{
	font-size:11px;
	float:left;
}
ul.signup,ul.signin,ul.surveyForm{
	width:500px;
	margin:0 auto;
}
.signup li,.signin li{
	margin-bottom:20px;
	font-weight:bold;
}
.surveyForm input{
	background:#ff;
	border:1px solid #555;
	font-size:20px;
}
.surveyForm ul li{
	float:left;
	text-align:left;
	margin-bottom:20px;	
}
.surveyForm{
	font-family:"Clarendon, Georgia";
	font-weight:bold;								
	color:#444;																
}
.surveyForm .nameForms li{
	float:left;
	text-align:left;
	margin-top:10px;
	margin-right:10px;
}
.red{
	color:red;
}
.surveyForm .bdayForm li{
	float:left;
	text-align:left;
	margin-top:10px;
	margin-right:10px;
}
.nameForms .firstname input,.lastname input{
	background:url('../images/textField.png') no-repeat;
	border:0 none;
	width:226px;
	height:27px;
	margin-top:5px;
}
.bdayForm .month input,.day input,.year input{
	width:130px;
}
.lastname input{
	margin-right:0;
	width:226px;
}
.nameForms .middlename input{
	background:url('../images/middleField.png') no-repeat;
	border:0 none;
	width:48px;
	height:27px;
	margin-top:5px;
}
.surveyForm .fullWidth{
	background:url('../images/inputBG.png') no-repeat;
	width:520px;
	margin-top:5px;
	height:29px;
	border:0 none;
}
.left{
	float:left;
}
.right{
	float:right;
}
.error{
	font-size:11px;
	color:red;
	font-weight:normal;
}
#registrationcontentFooter{
	background:url('../images/myohregPagebottom.png') top no-repeat;
	font-family:"Myriad Pro";
	float:left;
	height:50px;
	width:657px;
	margin-bottom:30px;
	padding-top:20px;
}
#registrationcontentFooter ul{
	width:190px;
	margin:0 auto;
	margin-top:10px;
	text-align:center;
}
#registrationcontentFooter ul li{
	float:left;
	margin-right:7px;
}
.tabs{
	margin:0 auto;
	width:440px;
}
.tabs li{
	float:left;
	padding:0;
	height:33px;
	margin-right:10px;
}
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {
	background:#fff;		
	border-top:1px solid black;
	font-size:15px;
	cursor:default !important; 
	color:#000 !important;
}
.surveyForm select{
	border:0 none;
	background:url('../images/inputBG.png');
	height:28px;
	font-size:15px;
	padding:3px;
}
.surveyForm li{
	margin-bottom:20px;
}
.bottomText{
	font-size:10px;
}
.agreement{
	margin-bottom:100px;
}
.topimages{
	width:300px;
	height:100px;
	margin:0 auto;
}
.topimages li{
	float:left;
	margin-bottom:10px;
}
#signUp{
	background:url('../images/buttons.png') 0px -40px no-repeat;
	height:40px;
	width:179px;
	display:block;
	margin:0 auto;	
	text-indent:-9999px;
	border:none;
}
#errorExplanation{
	text-align:left;
	font-size:12px;
	color:red;
	width:500px;
	margin-bottom:10px
}
.success{
	font-size:11px;
	color:green;
	font-weight:normal;
}
#bday li select{
	background:url('../images/bdayField.png') no-repeat;
	width:165px;
	margin-right:10px;
}
.storiesHeader{
	color:#02a409;font-size:48pt;font-family:Clarendon,Georgia;line-height:48px;
}
.surveyForm li{
	font-weight:normal
}
/* April 8, 2010 */
.story-content{width:830px;margin:3em auto;font-family:Arial, Helvetica, sans-serif;color:#1d1d1d;}
.story-content-left{float:left;width:470px;}
.story-content-left h3 span{color:#1d1d1d}
.story-content-sidebar{float:right;width:330px;}
.story-content h2 a,.story-content h3,.story-content h4 a{font:700 30px Arial, Helvetica, sans-serif;color:#1d1d1d;text-decoration:none;}
.story-content h3{font-size: 17px;}
.story-content h3 span{font-size:11px;font-weight:normal;}
.story-content h3 span a{text-decoration:none;color:#1d1d1d;}
.story-content h3 span a:hover{text-decoration:underline;}
.story-content h4 a{font-size:18px;}
.story-content p{text-align: justify;font-size:13px;margin-top:3em;margin-bottom:2em;}
.most-story-like li{font-family:Arial;color:#616161;font-size:13px;padding:.5em 0em .7em;margin-left:1.8em;list-style:decimal;margin-bottom:0;padding-bottom:0}
.most-story-like li a{text-decoration:none;color:#616161;}
.most-story-like li a:hover{text-decoration:underline;}
.story-content-left p.report-share{float:left;font-size:11px;}
.ilikeit{background: url(../images/like-icon.png) no-repeat;text-indent:-9999px;cursor:pointer;border:none;margin-left:10px;width:24px;height:23px;}
.story-content-left p.report-share a{text-decoration:none;color:#1d1d1d;}
.story-content-left p.report-share a:hover{text-decoration:underline;}
hr{visibility:hidden;}

/*Post Your MYOH story Form*/
.post-rounded h2{padding:1em;font:700 18px Arial, Helvetica, sans-serif;}
.post-rounded{width:830px;margin:3em auto;color:#fff;background:#ffb005}
.post-rounded h2{padding:1em;font:700 18px Arial, Helvetica, sans-serif;}
#hbox {width:auto;height:auto;display: none;margin-bottom:1em;padding:5px;}
#hbox form label{padding:1em 0em 0em;display:block;}
#hbox form label a{text-decoration:none;color:#b1b7ba;font-size:11px;}
#hbox form input{padding:8px 8px;width:350px;border:none;color:#666;background:#fff;}
#hbox form textarea {font:normal 14px Arial, Helvetica, sans-serif;width:700px;padding:8px 8px;height:80px;background:#fff;color:#666;border:none;}
.textarea-comment{width:400px;border:1px solid #a7a7a7;margin-bottom:1em;}
.submit-story{background: url(../images/buttons.png) 0 0 no-repeat;width:179px;height:40px;border:none;text-indent:-9999px;cursor:pointer;}

/*Story Preview*/
#story-preview{float:left;border-bottom:1px dotted #000;margin-bottom:1em;}
#story-preview h3 a,.story-content-left h3{text-decoration:none;color:#9721d5;}
#story-preview h3 span{color:#1d1d1d;}
#story-preview h3 a:hover{text-decoration:underline;}
#story-preview img{margin-top:1em;width:95px;float:left;margin-right:10px;border:3px solid #d9d9d9;}
#story-preview-content{width:450px;}
#story-preview-content p{color:#616161;margin-top:0em;padding-top:1em;}


/*Comments*/
#comments{}
#comments h3 a{text-decoration:none;color:#1d1d1d;}
#comments h3 span{padding-left:10px;}
#comments p{margin:1em 0em;border-bottom:1px dotted #000;padding-bottom:1em;}
.comments{}
.comments h3 a{text-decoration:none;color:#1d1d1d;}
.comments h3 span{padding-left:10px;}
.comments p{margin:1em 0em;border-bottom:1px dotted #000;padding-bottom:1em;}

/*Pagination*/
#pagination {padding-bottom:1em;display:block;text-align:left;height:22px;line-height:21px;clear:both;padding-top:1.3em;font:700 13px Arial, Helvetica, sans-serif;}
#pagination a:link, #pagination a:visited{padding:3px;padding-top:2px;padding-bottom:2px;margin-left:2px;text-decoration:none;color:#727070;width:22px;}
#pagination a:hover {text-decoration:underline;	}
#pagination .active-link {padding:3px;padding-top:2px;padding-bottom:2px;margin-left:2px;text-decoration:none;text-decoration:underline;}
#pagination .disabled-pagination {padding:3px;padding-top:2px;padding-bottom:2px;text-decoration:none;color:#727070;cursor:pointer;}


/*Follow Us*/
.follow ul{}
.follow li{list-style:none;padding-right:6px;float:left;display:inline;}
.follow li a{text-decoration:none;color:#1d1d1d;width:31px;height:30px;text-indent:-9999px}
.follow li a.fb{display:block;background: url(../images/facebook.png) no-repeat;;}
.follow li a.fs{display:block;background: url(../images/friendster.png) no-repeat;}
.follow li a.multiply{display:block;background: url(../images/multiply.png) no-repeat;}
.follow li a.plurk{display:block;background: url(../images/plurk.png) no-repeat;}
.follow li a.twitter{display:block;background: url(../images/twitter.png) no-repeat;}

/*Havaians Main Site*/
#havaianas-main{margin-top:3em;}
#havaianas-main h3 img {margin-left:3em;}
.content-rounded{width:330px;float:right;}

.rbroundbox { background: url(../images/arroz-comments.png);width:830px;margin:2.3em 0em;margin-bottom:2.3em}
.rbtop div  { background: url(../images/tl.gif) no-repeat top left; }
.rbtop      { background: url(../images/tr.gif) no-repeat top right; }
.rbbot div  { background: url(../images/bl.gif) no-repeat bottom left; }
.rbbot      { background: url(../images/br.gif) no-repeat bottom right; }


.rbtop div, .rbtop, .rbbot div, .rbbot {width: 100%;height: 10px;}
.rbcontent {margin:0 auto;width:800px;}
.rbcontent  h2{color: #fff;padding-left:3px;}
.rbcontent img{float: right;height:auto;position:relative;top:-5px;}
 

/*Target Google Chrome and Safari */
@media screen and (-webkit-min-device-pixel-ratio:0){
.rbcontent img{float: right;position:relative;top:-15px;}
.rbcontent  h2{color: #fff;padding-top:.5em;padding-bottom:.4em;}
.rbtop div, .rbtop, .rbbot div, .rbbot {width: 100%;height: 15px; }


.story-content, .hbox, .h2{
	text-align:left;
}