/* Stylesheet good.happy-journey.net */ 

/* style type="text/css" */ 

/* Background for header and body */ 

body
{
background-color:#0d1a00;
}

body
{
background-image:url('https://good.happy-journey.net/siteimg/backgr_2.png');
}

body
{
background-repeat:repeat-x;
}

/* DIV elements & corresponding P UL OL style */

/* MASTHEAD */

div.masthead
{
width:810px;
height:194px;
margin-left:auto;
margin-right:auto;
}

div.menutoplf
{
float:left;
width:270px;
height:194px;
}

ul.menu
{
list-style-type:square;
padding:0px 50px 0px 0px;
color:#E60000;
font: bold 18px verdana;
line-height: 136%;
}

/* LINK STYLE - menu */
a.menu:link {color:#cc0000;text-decoration:none;}
a.menu:visited {color:#cc0000;text-decoration:none;}
a.menu:hover {color:#ff9900;text-decoration:none;}
a:menu:active {color:#cc0000;text-decoration:none;}

div.logocenter
{
margin-left:auto;
margin-right:auto;
width:270px;
height:194px;
}

div.menutoprt
{
float:right;
width:270px;
height:194px;
}

img.buttonrt
{
width:208px;
height:58px;
padding:68px 31px 0px 31px;
}

/* HEADLINE SECTION - H1 */

div.headline
{
height:204px;
text-align:center;
}

h1
{
color:#7A0000;
font:29px georgia;
padding:24px 20px 12px 20px;
}

p.head
{
color:#7A0000;
font:20px georgia;
padding:12px 20px 24px 20px;
}

/* TABLE OF CONTENTS - H2 */

div.toc
{
width:728px;
margin-left:auto;
margin-right:auto;
}

h2
{
padding:20px 0px 20px 0px;
color:#FFFFBB;
font:bold 24px verdana;
}

ul.toclist 
{
list-style-type:square;
padding:0px 24px 20px 40px;
color:#FFB84D;
font:20px georgia;
}

p.toclistitem
{
padding:4px 10px 4px 10px;
color:#FFFFBB;
font:20px verdana;
}

/* LINK STYLE - table of contents */
a:link {color:#FFFFBB;text-decoration:none;} /* unvisited link */
a:visited {color:#FFFFBB;text-decoration:none;} /* visited link */
a:hover {color:#ff9900;text-decoration:none;} /* mouse over link */
a:active {color:#FFFFBB;text-decoration:none;} /* selected link */

/* LEADERBOARD AD SLIDER */

div.leaderboard
{
width:728px;
height:90px;
margin-left:auto;
margin-right:auto;
margin-top:20px;
margin-bottom:20px;
border:2px ridge #f2f2f2;
}

/* VIDEO */

div.video
{
width:728px;
height:409px;
margin-left:auto;
margin-right:auto;
margin-top:20px;
margin-bottom:20px;
border:2px ridge #f2f2f2;
}

/* ARTICLE HEADERS - H3 */

div.subheader
{
width:728px;
margin-left:auto;
margin-right:auto;
}

h3
{
padding:20px 0px 12px 0px;
color:#FFFFBB;
font:24px verdana;
text-align:center;
}

/* ARTICLE PANELS & CONTENT */

div.article
{
background-color:#EBFFEB;
width:728px;
padding:10px 0px 20px 0px;
margin-left:auto;
margin-right:auto;
text-align:justify;
text-justify:inter-word;
border:2px ridge #f2f2f2;
}

div.articleimg
{
margin-left:auto;
margin-right:auto;
}

img.imginarticle
{
display:block;
margin-left:auto;
margin-right:auto;
}

h4
{
padding:0px 35px 0px 35px;
color:#7A0000;
font:bold 20px verdana;
}

p.paragraphs
{
padding:0px 35px 0px 35px;
color:#7A0000;
font:18px verdana;
line-height:136%;
}

/* /* LINK STYLE - inside article panels */
a.text:link {font-weight:bold;color:#cc0000;text-decoration:none;}
a.text:visited {font-weight:bold;color:#cc0000;text-decoration:none;}
a.text:hover {font-weight:bold;color:#ff9900;text-decoration:none;}
a:text:active {font-weight:bold;color:#cc0000;text-decoration:none;}

p.article-list
{
padding:0px 35px 15px 35px;
color:#7A0000;
font:18px verdana;
}

p.article-note
{
padding:5px 35px 15px 35px;
color:#7A0000;
font:14px verdana;
}

ul.table 
{
list-style-type:square;
padding:0px 35px 0px 70px;
color:#7A0000;
font:18px verdana;
line-height:136%;
}

ol.articlelist 
{
padding:0px 35px 0px 70px;
color:#7A0000;
font:18px verdana;
line-height:136%;
}

/* FOOTER MENU */

div.footermenu
{
width:810px;
height:240px;
margin-left:auto;
margin-right:auto;
}

div.footermenulf
{
margin-top:-18px;
float:left;
width:270px;
height:240px;
}

div.footermenucenter
{
margin-top:0px;
margin-left:auto;
margin-right:auto;
width:270px;
height:240px;
}

div.footermenurt
{
margin-top:-18px;	
float:right;
width:270px;
height:240px;
}

ul.menufooter
{
padding:10px 20px 10px 0px;
margin-left:52px;
list-style-type:square;
color:#cc0000;
font:bold 18px verdana;
}

li.menuitem
{
color:#7A0000;
font:bold 18px verdana;
line-height:180%;
}

/* FOOTER LEGAL */

div.footerlegal
{
width:810px;
height:60px;
margin-left:auto;
margin-right:auto;
text-align:center;
}

/* CODE AREA */

div.codearea
{
padding:10px 35px 10px 35px;
}

textarea.codeblock
{
width:598px;
padding:4px 30px 4px 30px;
background-color:#000000;
color:#ffffff;
font-size: 20px;
font-family: Courier New, Courier, monospace;
border:2px solid #cc0000;
}

textarea#CODE1
{
height:450px;
}

textarea#CODE2
{
height:100px;
}

textarea#CODE3
{
height:100px;
}

/* BACK-TO-TOP | START ---------------------------------------------------------------------------------- */

.arrow-up {
	font-family:Arial;
	color:#000000;
	font-size:34px;
	line-height:72px;
}

.cd-top {
  border:double #7A0000 2px;
  display:inline-block;
  height:80px;
  width:80px;
  position:fixed;
  bottom:60px;
  right:40px;
  -webkit-border-radius:12px;
  -moz-border-radius:12px;
  border-radius:12px;
  background: #fff4b3;
  background-image:-webkit-linear-gradient(top, #fff4b3, #e6c300);
  background-image:-moz-linear-gradient(top, #fff4b3, #e6c300);
  background-image:-ms-linear-gradient(top, #fff4b3, #e6c300);
  background-image:-o-linear-gradient(top, #fff4b3, #e6c300);
  background-image:linear-gradient(to bottom, #fff4b3, #e6c300);
  text-decoration:none;
  text-align:center;
  visibility:hidden;
  opacity:1;
  -webkit-transition:opacity .3s 0s, visibility 0s .3s;
  -moz-transition:opacity .3s 0s, visibility 0s .3s;
  transition:opacity .3s 0s, visibility 0s .3s;
}

.cd-top:hover {
  background:#ffff99;
  background-image:-webkit-linear-gradient(top, #ffff99, #e6e600);
  background-image:-moz-linear-gradient(top, #ffff99, #e6e600);
  background-image:-ms-linear-gradient(top, #ffff99, #e6e600);
  background-image:-o-linear-gradient(top, #ffff99, #e6e600);
  background-image:linear-gradient(to bottom, #ffff99, #e6e600);
  text-decoration:none;
}

.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
  -webkit-transition:opacity .3s 0s, visibility 0s 0s;
  -moz-transition:opacity .3s 0s, visibility 0s 0s;
  transition:opacity .3s 0s, visibility 0s 0s;
}

.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility:visible;
  opacity:1;
}

.cd-top.cd-fade-out {
  /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
  opacity:1;
}

.no-touch .cd-top:hover {
  background-color:#ffd11a;
  opacity:1;
}

/* BACK-TO-TOP | END ------------------------------------------------------------------------------------ */

/* ACCORDEON | START ------------------------------------------------------------------------------------ */

.mmacc-show{
display:block!important
}

.mmacc-accordion {
width:100%;
cursor:pointer
}

.mmacc-accordion-content{
cursor:auto;
display:none;
position:relative;
width:100%;
margin:0;
padding:0
}

.mmacc-accordion-content a{
padding:6px 16px;
display:block
}

/* ACCORDEON | END -------------------------------------------------------------------------------------- */