/*Beth Plummer*/
/*ICT 4510:  Advanced Web Design and Site Management*/
/*Spring Quarter 2013 Final Project*/

/*reset*/
html, body, h1, h2, h3, h4, h5, h6, p, ol, ul, li, pre, code, address, variable, form, fieldset, blockquote {
 padding: 0;
 margin: 0;
 font-size: 100%;
 font-weight: normal;
}
table { border-collapse: collapse; border-spacing: 0; }
td, th, caption { font-weight: normal; text-align: left; }
img, fieldset { border: 0; }
ol { padding-left: 1.4em; list-style: decimal; }
ul { padding-left: 1.4em; list-style:square; }
q:before, q:after { content:''; }

/*main style*/

* { padding: 0; margin: 0; }

h1 {
   font-family: droid-sans, serif;
   font-size: 36px;
   letter-spacing: 2px;
   color: #fff;
   margin-right: 0px;
   margin-left: 2px;
   padding-top: 5px;
   padding-bottom: 5px;
   padding-left: 10px;
   font-weight: bold;
   background-color: #1a1a1a;
} 

p {
    font-size: 14px;
	line-height: 19px;
    color: #000;
	margin-top: 3px;
    margin-right: 0px;
    margin-left: 5px;
    padding-top: 15px;
    padding-left: 10px;
    font-weight: normal;
}

body {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 13px;
   background: #666
}

#wrapper { 
   margin: 0 auto;
   width: 922px;
}

#header {
   color: #000;
   width: 900px;
   float: left;
   padding: 10px;
   border: 1px solid #ccc;
   height: 100px;
   margin: 0px;
   background: #ccc;
   font-size: 20px;
}

#leftcolumn { 
   color: #fff;
   border: 1px solid #ccc;
   background: #000;
   margin: 0px 0px 0px 0px;
   padding: 10px;
   height: 1200px;
   width: 200px;
   float: left;
}

#rightcolumn { 
   float: right;
   color: #000;
   border: 1px solid #ccc;
   background: #F2F2E6;
   margin: 0px 0px 0px 0px;
   padding: 10px;
   height: 1200px;
   width: 678px;
   display: inline;
}

#footer { 
   width: 900px;
   clear: both;
   color: #000;
   border: 1px solid #ccc;
   background: #ccc;
   margin: 0px 0px 10px 0px;
   padding: 10px;
   font-size: 20px;
}

/*menu*/

.menu_div ul  {
   padding:0px;
   margin:0px;
   font-family:Arial, Helvetica, sans-serif;
   font-size:15px;
   color:#FFF;
   list-style:none;
   text-indent:15px;
}

.menu_div ul li  {
   background:#3f3f3f;
   line-height:28px;
   border-bottom:1px solid #333;
}

.menu_div ul li a  {
   text-decoration:none;
   color:#FFF;
   display:block;
}

.menu_div ul li a:hover  {
   background:#d40203;
}

.menu_div ul li#active {
   background:#d40203;
}


/*form*/
input, textarea {   
    padding: 2px;  
    border: solid 1px #E5E5E5;  
    outline: 0;    
    width: 400px;  
    background: #ccc;
	margin-left: 25px;  
}  

textarea {   
    width: 400px;  
    max-width: 400px;  
    height: 150px;  
    line-height: 120%;  
}  
  
input:hover, textarea:hover,  
input:focus, textarea:focus {   
    border-color: #C9C9C9;   
}  
  
.form label {
	margin-left: 15px;
	margin-right: 6px;
	color: #FFFFFF;
}

input {
	width: 300px;
	margin-left: 25px;
}

input[type="checkbox"] {
	width: 16px;
	margin-left: 25px;
	background: #000
}
  
.submit input {  
    width: auto;  
    padding: 9px 15px;  
    background: #ccc;  
    border: 0;  
    font-size: 14px;  
    color: #000;  
}

/*form validation*/

#myForm .indent label.error {
    margin-left: 0;
}

#myForm label.error {
    font-size: 0.8em;
    color: #F00;
    font-weight: bold;
    display: block;
    margin-left: 215px;
}

#myForm  input.error, #signup select.error  {
    background: #FFA9B8;
    border: 1px solid red;
}

/*photo gallery*/
.image {
	float: left;
	padding: 10px;
	border: solid 1px white;
	margin: 0 30px 30px 0;
}
.image:hover {
	border-color: red;
	background-color: rgb(204,204,204);	
}