﻿/* CSS for Adventure Write Sub Pages
*/

body {
  background-image: url('http://www.adventurewrite.com/images/moondark.jpg');
  background-repeat: repeat;
  background-attachment: fixed;  
  text-align: center; 
  min-width: 750px;
}
   
  #wrap {
    width: 907px;
    margin: 0 auto;
  }

  #gist {
   position: absolute;
   color: transparent;
   font-size: 3px;
   } 

  #toptitle {
    position: relative;
    background-color: #000000;
    background-image: url('http://www.adventurewrite-members.com/images/titlebarthin3.png');
    background-position: center top;
    background-repeat: no-repeat;
    width: 900px;
    height: 106px;
  }

  hr.toprule {
    position: relative;
    color: #181818;
    text-align: left;
    width: 897px;
    height: 2px;
  }


  #rightsidewrap {
    	position: relative;
	font-family: georgia;
	font-size: 16px;
      	font-weight: normal;
    	text-align: left;
   	width: 907px;
  	 }


	#toplinks {
	position: absolute;
	top: 80px;
	margin-left: 620px;
        color: White;
        font-weight: bold;
        font-family: georgia;
        font-size: 13px;
	}

      a.toplinks {
            font-weight: bold;
            font-family: georgia;
            font-size: 13px;
            color: White;
            text-decoration: none;
        }
        a.toplinks:link {
           color: white;
        }	
        a.toplinks:visited {
           color: white;
        }
        a.toplinks:hover {
           color: #dfdfdf;
        } 


	#border  {
		position: absolute;
    		top: 10px;
    		left: 0px;
		border-style: groove groove;
		border-color: yellow;
    		width: 895px;
    		height:513px;
		}

	#graybox  {
		position: absolute;
    		top: 10px;
    		left: 0px;
    		background:#181818;
    		filter:alpha(opacity=65);
    		-moz-opacity:.65;
    		opacity:.65;
    		width: 902px;
    		height:520px;
  		}

	
	#hookbox  {
		position: relative;
		float: left;
    		top: 35px;
    		left: 20px;
		padding-top: 15px;
    		background: #c0c0c0;
		border-style: groove groove;
		height: 440px;
    		width: 310px;
		}


  	#page_title_2 {
      		padding-bottom: 0px;
    		text-align: center;
    		border: none;
  		}

  	.checkimg img{
     		margin-left: 45px;
     		float: left;
     		padding-right: 15px;
		padding-bottom: 5px;
    		}

	.checktext {
     		padding-top: 5px;
		}

	
	#bottomhookbox  {
		text-align: center;
		}

    	#no_knock {
      		position: absolute;
      		top: 320px;
      		left: 80px;
      		margin: 0px;
      		padding: 0px;
      		background-image:url('http://www.adventurewrite.com/images/preview2.png');
      		background-repeat: no-repeat;
      		border: none;
      		}

	#no_knock a, #no_knock a:link, #no_knock a:visited {
		display:block;
		} 

        a.no_knock:hover img{
          	visibility: hidden;
          	}

   	a.no_knock img, a.no_knock:link img, a.no_knock:visited img{
      		border: none;
      		}
 	
	#phpbox  {
		position: absolute;
    		top: 35px;
    		left: 350px;
		padding-top: 0px;
		padding-left: 0px;
		padding-bottom: 30px;
    		background: #c0c0c0;
		border-style: groove groove;
		border-color: black;
		text-align: center;
    		width: 525px;
    		height:425px;
		}
	
	#signin_box {
		position: relative;
		top: 20px;
		text-align: center;
		}

	#centerit {
		text-align: center;
		}

    .textbold {
      font-weight: bold;
      }  

    .textunderline {
      text-decoration: underline;
      }



    .title1 {
      	Position: relative;
	padding-left: 25px;
        font-family: georgia;
        font-size: 28px;
	background-color: #181818;
      	padding-bottom: 10px;
	color:#ffffff;
      	font-weight: normal;
     }
 

hr.midrule2 {
    position: relative;
    margin-left: 10px;
    color: #f0f0f2;
    width: 810px;
    height: 1px;
    text-align: left;
  }

hr.boxrule {
    position: relative;
    margin-left: 5px;
    color: #6f6f75;
    width: 200px;
    height: 1px;
    text-align: left;
  }


hr.boxrule2 {
    position: relative;
    margin-left: 5px;
    color: #6f6f75;
    width: 240px;
    height: 1px;
    text-align: left;
  }

hr.boxrule3 {
    position: relative;
    margin-left: 5px;
    color: #6f6f75;
    width: 260px;
    height: 1px;
    text-align: left;
  }

/* --------------------------------- BEGIN BUTTON STYLE --------------------------------*/

   .buttonbox {
    position: absolute;
    background-color: transparent;
    left: 430px;
    padding-bottom: 30px;
    width: 150px;
  }

   a.squarebutton{
    background-color: transparent;
    background-image: url('http://www.adventurewrite.com/images/buttonleft.gif');
    background-repeat: no-repeat; 
    background-position: top left;
    display: block;
    float: left;
    font-weight: normal;
    font-size: 12px;
    font-family: Arial;
    line-height: 15px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
    height: 23px; /* Height of button background height */
    padding-left: 9px; /* Width of left menu image */
    text-decoration: none;
  }

   a:link.squarebutton, a:visited.squarebutton, a:active.squarebutton{
    color: #59534a;
   }

   a.squarebutton span{
    background-color: transparent;
    background-image: url('http://www.adventurewrite.com/images/buttonright.gif');
    background-repeat: no-repeat;
    background-position: top right;
    display: block;
    padding: 4px 9px 4px 0; /*Set 9px below to match value of 'padding-left' value above*/
   }

   a.squarebutton:hover { 
    background-position: bottom left;
   }

   a.squarebutton:hover span{ 
    background-position: bottom right;
    color: black;
   }




/* --------------------------------- END BUTTON STYLE --------------------------------*/



/*!!!!!!!!!!! (((Agreement Page))) !!!!!!!!!!!!!*/
	#grayboxagree  {
		position: absolute;
    		top: 10px;
    		left: 0px;
    		background:#181818;
    		filter:alpha(opacity=65);
    		-moz-opacity:.65;
    		opacity:.65;
    		width: 902px;
    		height:480px;
  		}
	
	#agreebox1 {
		position: relative;
		color: white;
		text-align: center;
    		top: 5px;
		padding-top: 30px;
    		background: transparent;
    		width: 902px;
    		}

	#borderagree  {
		position: absolute;
    		top: 10px;
    		left: 0px;
		border-style: groove groove;
		border-color: yellow;
    		width: 895px;
    		height:473px;
		}

	#grayboxcancel  {
		position: absolute;
    		top: 10px;
    		left: 0px;
    		background:#181818;
    		filter:alpha(opacity=65);
    		-moz-opacity:.65;
    		opacity:.65;
    		width: 902px;
    		height:280px;
  		}
	
	#bordercancel  {
		position: absolute;
    		top: 10px;
    		left: 0px;
		border-style: groove groove;
		border-color: yellow;
    		width: 895px;
    		height:273px;
		}

	#borderemail  {
		position: absolute;
    		top: 10px;
    		left: 0px;
		border-style: groove groove;
		border-color: yellow;
    		width: 895px;
    		height:173px;
		}

	#grayemail  {
		position: absolute;
    		top: 10px;
    		left: 0px;
    		background:#181818;
    		filter:alpha(opacity=65);
    		-moz-opacity:.65;
    		opacity:.65;
    		width: 902px;
    		height:180px;
  		}

	#grayboxsendpass  {
		position: absolute;
    		top: 10px;
    		left: 0px;
    		background:#181818;
    		filter:alpha(opacity=65);
    		-moz-opacity:.65;
    		opacity:.65;
    		width: 902px;
    		height:150px;
  		}

	#bordersendpass  {
		position: absolute;
    		top: 10px;
    		left: 0px;
		border-style: groove groove;
		border-color: yellow;
    		width: 895px;
    		height:143px;
		}

	#grayboxmember  {
		position: absolute;
    		top: 10px;
    		left: 0px;
    		background:#181818;
    		filter:alpha(opacity=65);
    		-moz-opacity:.65;
    		opacity:.65;
    		width: 902px;
    		height:570px;
  		}

	#bordermember  {
		position: absolute;
    		top: 10px;
    		left: 0px;
		border-style: groove groove;
		border-color: yellow;
    		width: 895px;
    		height:563px;
		}

	#borderprofile  {
		position: absolute;
    		top: 10px;
    		left: 0px;
		border-style: groove groove;
		border-color: yellow;
    		width: 895px;
    		height:473px;
		}

	#grayboxprofile  {
		position: absolute;
    		top: 10px;
    		left: 0px;
    		background:#181818;
    		filter:alpha(opacity=65);
    		-moz-opacity:.65;
    		opacity:.65;
    		width: 902px;
    		height:480px;
  		}

	#memberbox1 {
		position: relative;
		color: white;
		text-align: center;
    		top: 5px;
		padding-top: 30px;
    		background: transparent;
    		width: 902px;
    		}

	#mem2 {
		position: absolute;
		text-align: center;
		top: 0px;
		left: 290px;
		padding-right: 10px;
		border-style: groove groove;
		border-color: black;
		width: 200px;
		height: 195px;
    		}

	#mem2a {
		position: absolute;
		text-align: center;
		top: 0px;
		left: 290px;
		padding-right: 10px;
    		background: #c5c5af;
    		filter:alpha(opacity=65);
    		-moz-opacity:.65;
    		opacity:.65;
		width: 203px;
		height: 198px;
    		}

	#mem3 {
		position: absolute;
		text-align: center;
    		top: 25px;
		left: 590px;
		background: transparent;
		border-style: groove groove;
		border-color: black;
		width: 270px;
		height: 200px;
    		}

	#mem3a {
		position: absolute;
		text-align: center;
    		top: 25px;
		left: 590px;
		padding-right: 10px;
    		background: #afb2c5;
    		filter:alpha(opacity=65);
    		-moz-opacity:.65;
    		opacity:.65;
		width: 265px;
		height: 203px;
    		}

	#mem4 {
		position: absolute;
		text-align: center;
    		top: 25px;
		left: 40px;
		background: transparent;
		border-style: groove groove;
		border-color: black;
		width: 250px;
		height: 200px;
    		}

	#mem4a {
		position: absolute;
		text-align: center;
    		top: 25px;
		left: 40px;
		padding-right: 10px;
    		background: #afb2c5;
    		filter:alpha(opacity=65);
    		-moz-opacity:.65;
    		opacity:.65;
		width: 245px;
		height: 203px;
    		}

	#mem5 {
		position: absolute;
		text-align: center;
		top: 230px;
		left: 7px;
		background: transparent;
		color: black;
    		}
	#profilebox {
		position: relative;
		top: 0px;
		color: black;
    		}



/*!!!!!!!!!!! (((END Agreement Page))) !!!!!!!!!!!!!*/


  a.projectlink {
    color: #8faeec;
    text-decoration: none;
    }
        a.projectlink:link {
           color: #8faeec;
           text-decoration: none;
        }	
        a.projectlink:visited {
           color: #2856b1;
           text-decoration: none;
        }

        a.projectlink:hover {
           color: white;
           text-decoration: none;
        }


  a.linktoaw {
    color: #181818;
    text-decoration: none;
	}
    
        a.linktoaw:link {
           color: #181818;
           text-decoration: none;
        }	

        a.linktoaw:visited {
           color: #181818;
           text-decoration: none;
        }
        a.linktoaw:hover {
           color: white;
           text-decoration: underline;
        }



/*!!!!!!!!!!! (((END TALK BOX))) !!!!!!!!!!!!!*/


  #bottom {
    position: relative;
    text-align: center;
    left: 30px;

    }

     a.bottommenu {
         background-color: transparent;
         color: #C7C7C6;
         font-family: arial;
         font-size: 12px;
         
         }
       a.bottommenu:hover {
           color: black;
         }

     .bottommenu {
         padding-right: 20px;
         background-color: transparent;
         color: #C7C7C6;
         font-family: arial;
         font-size: 12px;
         }

    #copyright {
    position: relative;
    top: 20px;
    text-align: center;
    background-color: transparent;
    color: #C7C7C6;
    font-family: arial;
    font-size: 11px;
    height: 50px;
    }

    #copyright2 {
    position: relative;
    top: 20px;
    text-align: center;
    background-color: transparent;
    color: #C7C7C6;
    font-family: arial;
    font-size: 11px;
    height: 50px;
    }

    #copyright_about {
    position: absolute;
    left: 340px;
    top: 525px;
    text-align: center;
    background-color: transparent;
    color: #C7C7C6;
    font-family: arial;
    font-size: 11px;
    height: 50px;
    }

      a.nasa {
            font-weight: normal;
            color: #C7C7C6;
            font-family: georgia;
            font-size: 11px;
            text-decoration: none;
        }
        a.nasa:link {
           color: #C7C7C6;
        }	
        a.nasa:visited {
           color: #C7C7C6;
        }
        a.nasa:hover {
           color: white;
        }   


       a.signup {
            font-weight: bold;
            color: #c20505;
            font-family: georgia;
            font-size: 16px;
            text-decoration: none;
        }
        a.signup:link {
           color: #c20505;
        }	
        a.signup:visited {
           color: gray;
        }
        a.signup:hover {
           color: white;
        } 

      a.termsmenu {
            font-weight: normal;
            color: #dfdfdf;
            font-family: georgia;
            font-size: 12px;
            text-decoration: none;
        }
        a.termsmenu:link {
           color: #dfdfdf;
        }	
        a.termsmenu:visited {
           color: #dfdfdf;
        }
        a.termsmenu:hover {
           color: white;
        } 

      a.termslink {
            font-weight: bold;
            color: red;
            text-decoration: none;
        }
        a.termslink:link {
           color: red;
        }	
        a.termslink:visited {
           color: red;
        }
        a.termslink:hover {
           color: yellow;
        } 

      a.memberlink {
            font-weight: bold;
            color: White;
            text-decoration: none;
        }
        a.memberlink:link {
           color: white;
        }	
        a.memberlink:visited {
           color: white;
        }
        a.memberlink:hover {
           color: #dfdfdf;
        } 

h3{
    color: #1d1d1d;
    font-weight: bold;
    text-align: center;
    margin: 0.5em 0.5em 0.5em 0.5em;
}
