/* START CODE BY SEAN */

/* Removes white margin around page */
html, body {
	margin: 0;
	padding: 0;
}

/* Header section */
#newheader {
  width: 100%;
  clear: both;
  min-height: 122px;
  height: 122px;
  background: #A0A0A0 url("./i/header_sprites.png") repeat-x 0 -180px;
  z-index: 4000;
}

#newheader_content {
  width: 995px;
  margin: 0 auto;
}

/* Forum header */
#newforumheader {
  width: 100%;
  clear: both;
  min-height: 122px;
  height: 122px;
  background: #A0A0A0 url("./i/header_sprites.png") repeat-x 0 -302px;
  min-width: 995px;
  z-index: 4000;
}

#newforumheader:before {
    position: absolute;
    width: 25px;
    height: 122px;
    top: 0px;
    right: 0;
    background: #A0A0A0 url("./i/header_sprites.png") no-repeat 0 -180px;
    content: "";
}

#newforumheader:after {
    position: absolute;
    width: 25px;
    height: 122px;
    top: 0px;
    left: 0;
    background: #A0A0A0 url("./i/header_sprites.png") no-repeat 0 -180px;
    content: "";
}

/* User account links */
#account_links {
  float: right;
  margin: 30px 40px 0 0;
}

#account_links a {
  display: inline-block;
  text-decoration: none;
  font-family: Arial;
  font-size: 12px;
}

#login_link
{
  color: black;
}

#login_link:hover
{
  text-decoration: underline;
}

#signup_link {
  color: #800;
}

#signup_link:hover {
   text-decoration: underline;
}

/* Myce logo and text images */
.newheader_logo, .newheader_logo_text {
  vertical-align: middle;
  margin: 10px 0px 10px 20px;
  display: inline-block;
}

div.newheader_logo {
  background: url("./i/header_sprites.png") no-repeat 0 -100px;
  width: 57px;
  height: 61px;
}

div.newheader_logo_text {
  margin-top: 17px;
  background: url("./i/header_sprites.png") no-repeat -100px -100px;
  width: 87px;
  height: 30px;
}


.newheader_logo:hover, .newheader_logo_text:hover {
 transform:scale(1.05);
    -ms-transform:scale(1.05); /* IE 9 */
    -moz-transform:scale(1.05); /* Firefox */
    -webkit-transform:scale(1.05); /* Safari and Chrome */
    -o-transform:scale(1.05); /* Opera */
}


/* Search field */
.newheader_search {
  display: inline-block;
  vertical-align: middle;
  margin: 0px 0px 0px 60px;
}

.newheader_search_field {
  display: inline-block;
  vertical-align: middle;
  width: 400px;
  height: 27px;
  border: #C0C0C0 solid 1px;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left:5px;
  margin: 0px;
  font-size: 14px;
  font-weight: bold;
  color:#0D4064;
}

.newheader_search_button {
  display: inline-block;
  vertical-align: middle;
  background: url("./i/header_sprites.png") no-repeat 0 -60px;
  border: none;
  padding: 0 0 0 0;
  margin: 0 0 0 -3px;
  height: 29px;
  width: 65px;
}

.newheader_search_button:hover {
  background: url("./i/header_sprites.png") no-repeat -100px -60px;
}

/* Menu bar */
#newheader #newtop_menu_area {
  background: url("./i/menu_background.png") no-repeat right top;
}

ul.newtop_menu {
  overflow: hidden;
  list-style: none;
  margin: 0 0 11px 0;
  padding: 0;
  display:inline;
}

ul.newtop_menu_background {

}

ul.newtop_menu li {
  float:left;
  background: url("./i/header_sprites.png") no-repeat right top;
  font-size: 10pt;
}

ul.newtop_menu a {
  display: block;
  width: 6em;
  border: none;
  color: #FFF;
  text-decoration: none;
  font-family: Arial;
  font-size:14px;
  text-shadow: 0 1px #000000;
  font-weight: 700;
  padding: 5px 7px 7px 7px;
  text-align: center;
  background: url("./i/header_sprites.png") no-repeat -298px -60px;
}

ul.newtop_menu a:hover {
  background-color: #2F2F2F;
  color: #fff;
  padding-bottom: 3px;
  background: url("./i/header_sprites.png") no-repeat right top -30px;
}

/* Fix Facebook button position */
#articlecontent div.fb-like
{
  margin-top: 0;
  margin-bottom: 0;
}
/* Fix social button spacing */
.addthis_button_google_plusone
{
    width: 95px;
}
.addthis_button_facebook_like
{
    width: 107px;
}
.addthis_button_tweet
{
    width: 117px;
}
.addthis_counter {
    width: 82px;
}

/* Slim forum header */
#slimheader {
  position: fixed;
  width: 100%;
  height: 28px;
  clear: both;
  background: #4b4b4b;
  min-width: 990px;
  z-index: 4000;
  border-top: #bdbdbd 1px solid;
  border-bottom: #bdbdbd 1px solid;
  display: none;
  top: 0px;
}

#slimheader_content {
  width: 990px;
  margin: 0 auto;
}

/* Slim forum header menu bar */
#newheader #slimtop_menu_area {
}

#slimheader_logo {
  display: block;
  float:left;
  width: 100px;
  height: 20px;
  color: #FFF;
  margin: 4px 0px 4px 25px;
  text-align: center;
  background-color: #4b4b4b;
  background: url("http://gfx.cdfreaks.com/forum/myce3/header/header_logo.png") no-repeat;
}

ul.slimtop_menu {
  overflow: hidden;
  list-style: none;
  margin: 0;
  padding: 0;
}

.slimtop_menu {
  display: block;
  float: left;
}

ul.slimtop_menu li {
  float:left;
  font-size: 10pt;
}


ul.slimtop_menu a {
  display: block;
  width: 6em;
  height: 16px;
  color: #FFF;
  text-decoration: none;
  font-family: Arial;
  font-size:14px;
  text-shadow: 0 1px #000000;
  font-weight: 700;
  padding: 5px 7px 5px 7px;
  text-align: center;
  background-color: #4b4b4b;
  border: #5b5b5b solid 1px;
  border-right-color: #454545;
}

ul.slimtop_menu a:hover {
  background-color: #5e5e5e;
  color: #fff;
}

/* Slim forum header search field */
#sh_search_box {
  display: block;
  float: left;
  width: 234px;
  height: 26px;
  color: #FFF;
  margin: 2px 0px;
  background-color: #4b4b4b;
  padding-left: 30px;
  border-left: #5b5b5b solid 1px;
}

.slimheader_search {
  margin: 0px 0px 0px 0px;
}

.slimheader_search_field {
  display: inline-block;
  vertical-align: top;
  width: 159px;
  height: 22px;
  border: #C0C0C0 solid 1px;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left:5px;
  margin: 0px;
  font-size: 14px;
  font-weight: bold;
  color:#0D4064;
}

.slimheader_search_button {
  display: inline-block;
  vertical-align: top;
  background: url("http://gfx.cdfreaks.com/forum/myce3/header/search_button.png") no-repeat;
  border: none;
  padding: 0 0 0 0;
  margin: 0 0 0 -4px;
  height: 24px;
  width: 46px;
}

.slimheader_search_button:hover {
  background: url("http://gfx.cdfreaks.com/forum/myce3/header/search_button_hover.png") no-repeat;
}

/* Fixed header on PC/large displays */
@media all and (max-width: 62em) {
#slimheader_logo {
  width: 72px;
  margin-left: 5px;
}

ul.slimtop_menu a {
  width: 4em;
}

.largescreen {
  display: none;
}

#sh_search_box {
  width: 154px;
  padding-left: 5px;
}

.slimheader_search_field {
  width: 100px;
}
}

/* Registration lure */
#regpopup {
width: 100%;
height: 100px;
position: fixed;
animation-name: reglure;
animation-duration: 15s;
animation-timing-fuction: linear;
animation-delay: 2s;
animation-play-state: running;
-webkit-animation-name: reglure;
-webkit-animation-duration: 8s;
-webkit-animation-timing-fuction: linear;
-webkit-animation-delay: 2s;
-webkit-animation-play-state: running;
left: -20px;
top: -200px;
background: url('http://gfx.cdfreaks.com/forum/myce3/header/regpopup5.png') no-repeat center top;
}

@keyframes reglure
{
  0%  {left: -20px; top:-200px; opacity: 1;}
  10% {left: -20px; top:30px; opacity: 1;}
  75% {left: -20px; top:30px; opacity: 1;}
  95% {left: -20px; top:30px; opacity: 0;}
  100% {left: -20px; top:-200px; opacity: 0;}
}

@-webkit-keyframes reglure
{
  0%  {left: -20px; top:-200px; opacity: 1;}
  10% {left: -20px; top:30px; opacity: 1;}
  75% {left: -20px; top:30px; opacity: 1;}
  95% {left: -20px; top:30px; opacity: 0;}
  100% {left: -20px; top:-200px; opacity: 0;}
}

/* Captcha customisation */
.captcha li {
  list-style:none;
  font-size: 12px;
  font-weight: bold;
}

.captcha li:before {
  content:"Captcha - Please solve this puzzle:";
}

.captcha li label {
  display: none;
}

/* END CODE BY SEAN */

/* Footer */
#bottommenu {
  width: 100%;
  clear: both;
  float: left;
}

#bottommenuholder {
  width: 979px;
  margin: 0 auto;
}

#bottommenuholder form {
  width: auto;
  float: left;
  margin-top: 16px;
}

#bottommenu ul {
  float: right;
  padding: 16px 0;
  text-align: right;
  list-style-type:none;
  display:inline;
}

#bottommenu {
  background: #f8f8f8;
  border-bottom: 1px solid #e9e9e9;
}

#bottommenu a, #bottommenu a:visited {
  padding: 16px 10px;
  color: #666;
}

.inline, .inline li, .inline dt, .inline dd {
	display:inline;
}


   .ph_update_item{
                width:450px;
                height:80px;
                -webkit-border-radius: 3px;
                border-radius: 3px;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                background-color: #fff;
                border: 1px solid #d8d8d8;
                border-bottom-width: 1px;
                border-top-width: 1px;
                padding:8px;
                margin-top:10px;
                box-shadow: 2px 2px 2px #e5e5e5;

            }

            .ph_update_item:hover{
                background-color:#E8E8E8; 
            }


            .ph_msg_unread{
                border-left:5px solid #7ad03a;
            }                  
            .ph_msg_read{
                border-left: 5px solid #999999;

            }




            .ph_avatar{
                display:inline;
                float:left;
                width:48px;
                height:48px;
                margin:10px;
            }


            .ph_post{
                margin-top:10px;

            }

            #ph_header{
                background-color:#4b4b4b;
                color:#fff;
                font-size:18px;
                font-weight:620;
                padding:5px;
                box-sizing: border-box;
                width: 450px;
            }

            #ph_header #ph_logo{
                display:inline;
                vertical-align:middle;
                margin-right:15px;
                margin-left:10px;
            }

            #ph_tracker{

                display:none;
                position: absolute;
                top: 0;
                left: 0;
                width: 475px;
                z-index: 1000;
                padding:15px;
                background-color:#EFEFEF;
                border: 1px solid #d8d8d8;
                overflow: auto;
                height:540px;
                box-shadow: 5px 5px 5px #e5e5e5;
                -webkit-border-radius: 3px;
                border-radius: 3px;


            }

            .ph_update_item a{
                text-decoration:none;
                color: #646473;
            }


            .ph_messagecount{
                background-color: #B20000;
                padding: 2px;
                -webkit-border-radius: 2px;
                border-radius: 2px;
                padding: 2px 3px 2px 3px;
                position: relative;
                left: -3px;
                box-shadow: 1px 1px 1px #000;
                border: 1px #000;
                text-align: center;
                vertical-align: middle;
                border:1px #000;
                font-size:9px;
                left:-5px;    
                color: #fff;
                text-decoration: none;
            }
            
            .ph_messagecount a{
                text-decoration: none;
            }
            
            .ph_messagecount :hover{            
            text-decoration: none;
            }
            
            .ph_messagecount :visted{            
            text-decoration: none;
            }
            
            
            

            .ph_menu_item{
/*                margin-right:5em;*/
                background:none !important;
                float:right;
                width:40px;
                padding: 5px 7px 7px 7px;
            }
            
            
            #ph_bottom{
                position:fixed;
                bottom:0;
                right:0;
                background-color:#4C4C4C;
                height:70px;
                width:220px;
                padding:10px;
                display:none;
                margin:10px;
                z-index:999
            }
            
            #ph_bottom_icon{
               cursor: pointer; cursor: hand;
            }

            #ph_bottom_close{
                float:right;

            }

            #ph_follow{
                font-size:14px;
                font-weight: 600;
                color:#fff;
                float:left;

            }