/* CSS Document */


textarea{
    width: 700px;
    height:200px;
    margin: 0px 0px 0px 0px;
    padding:10px 0px 0px 0px;
    font-size: 16px;
}
a {
	font-family: Arial, Helvetica, sans-serif;
    color: #000000;
	font-weight: normal;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #000000;
}
a:hover {
	 text-decoration: underline;
	color: #666666;
}
a:active {
	text-decoration: none;
	color: #000000;
}

a[href^='http://']{
       color: #000000;
	   background: #b5b5b5;
}

body {
    width:965px;
    margin: 0px auto 0px auto;
    padding: 0px 0px 0px 0px;
	background-color:#b5b5b5;
/*	background-image: url(../images/ajcf.jpg); */
}
.bottombar {
   margin: 5px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
   height: 20px;
   width:308px;
   text-align:center;
   align: center;
   font-weight:bold;
   font-size: 14px;
   align: center;
   color: #000000;
   background-color:#663366; 
   /*background-image:url("../images/navF.png");*/
   border: 1px solid black;
}

.button {
  	margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
 	width: 80px;
    height:20px;
    color: white;
    background-color:black; 
    font-size: 16px;
	border: 1px solid red;
	border-radius:10px;
}
.buttonBack {
  	margin: 10px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
 	width: 100px;
    height:50px;
    font-weight:bold;
    color: red;
    background-color:black; 
    font-size: 18px;
	border: 1px solid red;
}
.contentdata{
   float: right;
   margin: 5px 20px 0px 10px;
   padding: 0px 0px 0px 0px;
   width: 730px;
   height: 200px;
   overflow:auto; 
   border: 1px solid blue;
   background-color:white;
   font-size: 16px;
   text-align: left;
}

#contentx{
	clear: both;
	background: url(imagess/line.png) no-repeat left top;
	padding: 0px;
}

#contentx ul{
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
   height: 220px;
   text-align: center;
	}
	
#contentx ul li{
			display: inline;
			padding: 0 10px ;
		}
		
#contentx ul li img{
				border: 4px solid #fff;
				-webkit-box-shadow: #000 0 0 5px;
				-moz-box-shadow: #000 0 0 5px;
				box-shadow: 0 0 5px #000;
				
				-webkit-transition: all 0.5s ease-in;
				cursor: pointer;
			}
			
#contentx ul li img:hover{
				-webkit-box-shadow: #0cf 0 0 20px;
				-moz-box-shadow: #0cf 0 0 20px;
				box-shadow: #0cf 0 0 20px;
				
				-webkit-transform: rotate(5deg);
				-moz-transform: rotate(5deg);
				transform: rotate(5deg);
			}
.container {
  	width: 100% ;
    margin: 10px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
  	border: 1px solid clear;
   /*color: #000000;*/
   	background-color: #b5b5b5; 
}
.containerUser {
  	width: 500px;
    margin: 10px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
  	border: 1px solid black;
   /*color: #000000;*/
   	background-color: #b5b5b5; 
}

.containerEdit {
  	width: 100% ;
    margin: 10px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
  /*	border: 1px solid black;*/
    height: 30px;
  }

.colAction {
	float: left;
	clear: left;
    margin: 10px 0px 10px 0px;
    padding: 0px 0px 0px 0px;
	width: 200px;
	height:20px;
  	border: 1px solid black;
    background-color:black;
}
.colUser {
    margin: 0px 0px 0px 20px;
    padding: 0px 0px 0px 0px;
	width: 400px;
  	border: 1px solid clear;
    background-color:#b5b5b5;
}			
.col1 {
  	float: left;
    clear: both;
    margin: 5px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    font-size: 14px;
 	width: 200px;
	color:red;
	background-color:white; 
	border: 1px solid red;
}
.col1H {
  	float: left;
    clear: both;
    margin: 5px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
 	width: 200px;
    height:50px;
    font-weight:bold;
    font-size: 30px;
	color:red;
	border: 1px solid red;
}
.col1A {
    margin:0px 10px 10px 0px;
    padding: 0px 0px 0px 0px;
  	float: left;
  	width: 308px;
    height:341px;
	color:black;
	border: 1px solid black;
    background-color: #b5b5b5; 
}
.col1U {
  	float: left;
    clear: both;
    margin: 5px 0px 5px 0px;
    padding: 0px 0px 0px 0px;
 	width: 960px;
	color:white;
	/*background-color:#000000;*/
	background-color:red;
	border: 1px solid white;
	border-radius:10px;
}			
.col2 {
    float: right;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
	width: 700px;
    font-size: 14px;
  	border: 1px solid blue;
    background-color:white; 
}
.col2H {
    float: right;
    margin: 5px 20px 0px 10px;
    padding: 0px 0px 0px 0px;
	width: 730px;
	height:50px;
	font-weight:bold;
    font-size: 30px;
  	border: 1px solid blue;
    background-color:#b5b5b5;
}
.col3M {
    float: right;
    margin: 5px 20px 0px 10px;
    padding: 0px 0px 0px 0px;
	width: 730px;
	height:300px;
	overflow-wrap: break-word;
	font-weight:bold;
    font-size: 30px;
  	border: 1px solid blue;
    background-color:#b5b5b5;
}
.col3 {
  float: left;
  margin: 0px 0px 0px 20px;
  padding: 0px 0px 0px 0px;
  width: 20%;
  color:red;
}
.col4 {
  float: left;
  margin: 0px 0px 0px 10px;
  padding: 0px 0px 0px 0px;
  width: 5px;
  color:red;
}
			
.col5 {
  margin: 0px 0px 0px 40px;
  padding: 0px 0px 0px 0px;
  width: 400px;
  color:red;
}
.Content2 {
   margin:0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
   overflow:auto;
   height: 231px;
   width:308px  ;
   text-align:center;
   background-color: #b5b5b5; 
  }
.Content2A {
   margin:0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
   overflow:auto;
   height: 231px;
   width:308px  ;
   text-align:center;
   background-color: #b5b5b5; 
  }
#feature{
	background: url(../images/bg-feature.png) no-repeat center 0px;
	padding: 0 0px;
}

#feature .wrapper{
		padding: 0px 0px 0px 0px;
		background: url(../images/bg-feature-bottom.png) no-repeat center bottom;
	}
	
#feature h1{
			font-size: 18px;
			clear: both;
			line-height: 140%;
			margin:0px 0px 0px 0px;
            padding: 0px 0px 0px 0px;
			text-align: center;
		}
		
#feature p{
			width: 400px;
			float: left;
			font-size: 14px;
		}
		
#feature img{
			float: right;
		}

.footer { 
    margin:20px 0px 0px 0px;
    padding: 0px 0px 0px 10px;
    color: #000000;
    background-color: #b5b5b5;      
}

.headersearchE {
    margin: 20px 0px 5px 30px;
    padding: 0px 0px 0px 0px;
    float:left;
    width:950px;
    height:90px;
    color:white;
    background-color:#505050;
    border: 1px solid black;
    border-radius:5px;
}



.headersearchboxrowE {
    margin: 0px 0px 5px 0px;
    padding:0px 0px 0px 0px;
    width:965px;
    height:30px;
    color: white;
    background-color:#000000; 
    border: 1px solid black;
    border-radius:5px;
   }



h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #000000;
	text-align: center;
	font-weight: bold;
	text-decoration: none;
}

.header {
      style:align:center;
      width: 100%;
}

#about .about a,
#active .active a,
#addshoot .addshoot a,
#viewshoots .viewshoots a,
#addstar .addstar a,
#home .home a,
#viewstars .viewstars a,
#files .files a,
#activeusers .activeusers a,
#expiredsusers .expiresusers a,
#public .public a,
#database .database a,
#thumnail .thumnail a,
#terms .terms a

{
  color: red;
  background: url(../images/active-tab.png) no-repeat;
}	

img.displayed{
    margin:10px auto 0px auto;
    padding: 0px 0px 0px 0px;
    display:block;
    border: 5px solid #666666;
    height:200px;
    width:300px;
}

#main {
	padding-top: 1em;
	background-color:#B0B0B0;
	float:auto;
}
#menubar {
    margin: 0px 0px 35px 0px;
    clear:both;
    /*border: 1px solid black;*/
}
#menubar2 {
    margin: -220px 0px 200px 0px;
    clear:both;
    /*border: 1px solid black;*/
}
/* link styles */
.nav a {
    font-size: 16px;
    font-weight: lighter;
	text-decoration:none;
	display: block;
	padding: 5px 7px 4px 17px;
	color:white;
	width:112px;
	background-color: black;
	border-bottom: 1px solid white;
	border-left: 1px solid white;
    margin: 0;
}

.nav li li a {
  /* style for links on pop-up menus */
}

.nav li li li a {
	/* style for second level menu links */
}

.nav a:hover{
	/*background-color: #333;*/
    background-color: white;
	color: black;
	/*color: #FFF;*/
}

/* main nav bar */
.nav {
	margin: 0;
	padding: 0;
	line-height: 1;
	
}

/* all list items */
.nav  li {
    
	margin:0 !important;
	padding:0 !important;
	list-style: none; /* remove bullets */
	float: left; /* place buttons side by side */
    position: relative;
   
}


/* pop-up subnav */
.nav ul {
	margin: 0;
	padding: 0;
	position: absolute;
    left: 0;
    top: 1.72em; /* change when you change height of links */
	display: none;
}


/* list items in pop-up subnav */
.nav ul li {
	float: none; /* so links line up one above the other for drop-downs */
}

/*3rd level menu position*/
.nav ul ul {
	position: absolute;
  	left: 8.8em; /* change when you change width of links */
  	top: -1px;
  	z-index: 99;
  	border-top: 1px solid #FFF;
	border-right: 1px solid #FFF;
}

.nav ul ul li {
	z-index: 100;
}



/* look for buttons that have menus */
.nav .sub {
	background-image: url(../superfish/images/arrow_down.png);
  	background-repeat:no-repeat;
  	background-position: 2px 3px;
}

.nav .subsub {
	background-image: url(../superfish/images/arrow_left.png);
  	background-repeat: no-repeat;
  	background-position: 4px 7px;
}


.movers-row {
        margin: 70px 0px 0px 70px;
        
}
.movers-row DIV {
        width: 33.3%;
        float: left;
       /*margin-left:20px;
        margin-right:20px;*/
}
.movers-row DIV img {
        float: right;
        
}

.OutlineA {
   float:left;
   margin:20px 0px 20px 10px;
   padding: 0px 0px 0px 0px;
   width:308px;
   height: 281px;
   color: #000000;
   border: 1px solid black;
}
	
p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	text-align: left;
	font-weight: bold;
	text-decoration: none;
}

.pagetitleE {
    margin: 10px 0px 10px 0px;
    padding:0px 0px 0px 0px;
    width:965px;
    font-size: 14px;
    font-weight:bold; 
    height:16px;
    text-align:center;
    color:red;
    background-color:#d2d2d2; 
    border: 0px solid black;
    border-radius:0px;
   }



#photos {
   height:255px;
   margin:20px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
   border: 1px solid black;
   color: #000000;
   background-color: #b5b5b5; 

}

#photodetails {
    background-color: #b5b5b5;
    margin:0px 0px 0px 600px;
    padding: 10px 0px 0px 10px;
    top:100px;
    width:355px;
    height:440px;
    border: 1px solid black;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    color: #FFFFFF;
}

.photoDIV {
    margin:0px 10px 0px 10px;
    padding: 0px 0px 0px 0px;
    
}
#search {
    margin:30px 0px 0px 10px;
    padding: 0px 0px 0px 0px;
    height:10px;
    color: red;
}

.title1 {
  float: left;
  margin:0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  width: 965px;
  color:blue;
}
.topimg{
    width: 955px;
    height:180px;
    margin: 0px 0px 0px 0px;
    padding:40px 0px 0px 0px;
    font-size: 60px;
    font-weight:bold; 
    text-align:center;
    color: #ffffff;
    border: 5px solid black;
    border-radius:15px;
    background-image: url(../images/jimtopimage.jpg);
    background-repeat: no-repeat;
}
.topbar {
   margin:0px 0px 0px 0px;
   padding: 5px 5px 5px 5px;
   width:298px;
   height:28px;
   text-align:center;
   align: center;
   font-weight:bold;
   font-size: 14px;
   border: 1px solid black;
   background-color: #666666; 
   /*background-image:url("../images/navF.png");*/
   color: #000000;
}				
#video {
   margin:10px 0px 10px 290px;
   padding: 0px 0px 0px 0px;
   float:left;
   border: 1px solid black;
   width:200px;
   height:400px;
   background-color: black;  
   
}
#anagram{
   margin: 3px 0px 0px 0px;
   height:15px;
   font-size: 14px;

}
#meaning{
   margin: 0px 0px 0px 0px;
   height:15px;
   font-size: 14px;

}
#word{
   margin: 3px 0px 0px 0px;
   height:15px;
   font-size: 14px;

}
#letters{
   margin: 3px 0px 0px 0px;
   height:35px;
   font-size: 30px;
}
.wrapper {
   width:100%;
   margin:auto auto auto auto;
   padding: 0px 0px 0px 0px;
   background-color:#b5b5b5;
   /*background-image: url(../images/ajcf.jpg);
   border: 2px solid black;*/
}

#xshootsx {
   margin:10px 0px 0px 0px;
   padding: 0px 0px 10px 0px;
   color: #ffffff;
   background-color::#666666;
}
#xpagex {
   margin:20px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
   color: #ffffff;
   background-color::#666666;
}
#col_one { 
margin:0px 0px 0px 0px; /* Applied to first column only in lieu of padding (personal thing) */ 
width: 40%; /* Allows for fluid design. Can be set to pixels */ 
float: left; 
background: #cff; /* Only here so you can see the different columns */ 
border: thin solid #000; /* again, just so you can see the different columns */ 
} 
#col_two { 
margin: 0 0 0 10px; /* Puts a 10 pixel space between columns (left side) - think cellspacing */ 
width: 10%; 
float: left; 
background: #6cf; /* Only here so you can see the different columns */ 
border: thin solid #000; /* again, just so you can see the different columns */ 
} 
#col_three { 
margin: 0 0 0 10px; /* Puts a 10 pixel space between columns (left side) - think cellspacing */ 
width: 10%; 
float: left; 
background: #3cf; /* Only here so you can see the different columns */ 
border: thin solid #000; /* again, just so you can see the different columns */ 
} 
#col_four { 
margin: 0 0 0 10px; /* Puts a 10 pixel space between columns (left side) - think cellspacing */ 
width: 10%; 
float: left; 
background: #0cf; /* Only here so you can see the different columns */ 
border: thin solid #000; /* again, just so you can see the different columns */ 
} 
#col_five { 
margin: 0 0 0 10px; /* Puts a 10 pixel space between columns (left side) - think cellspacing */ 
width: 10%; 
float: left; 
background: #09c; /* Only here so you can see the different columns */ 
border: thin solid #000; /* again, just so you can see the different columns */ 
} 
/* Note: adding larger margins or padding to columns requires that you decrease the width setting proportionally, 
that is why the width is currently set to 18%. If you add padding to the container, the same applies. */ 

.num1LA { 
margin: 0px 15px 0px 0px; /* Puts a 10 pixel space between columns (left side) - think cellspacing */
padding: 0px 0px 0px 0px; 
font-size: 14px;
width: 70px;
height:25px;   
float: left;
text-align:center;
overflow:auto; 
color:black;
background-color:#d2d2d2;  
border: 0px solid #505050;

}

.num2LA { 
margin: 0px 15px 0px 0px; /* Puts a 2 pixel space between columns (left side) - think cellspacing */
padding: 0px 0px 0px 0px; 
font-size: 14px;
width: 70px;
height:25px;   
float: left;
text-align:center;
overflow:auto; 
color:black;
background-color:#d2d2d2;  
border: 0px solid #505050;
}